:root{--ovalBgColor: rgb(217, 217, 217);--ovalBorderRadius: 50%;--ovalBgColorRed: rgb(209, 32, 45);--lightRed: rgb(255, 66, 80);--darkRed: rgb(202, 60, 70);--sm-circle-bg: rgb(255, 240, 240);--linear-gradient-red: linear-gradient(to bottom, var(--lightRed) ,var(--darkRed));--textBlackColor: rgb(23, 29, 34)}*{box-sizing:border-box}.animation-1{height:35vh;width:100%;display:flex;justify-content:center;align-items:center;margin-top:10px}@media (min-width: 992px){.animation-1{height:50vh}}.animation-1 .parent-div{position:relative;width:15rem;height:15rem;border-radius:var(--ovalBorderRadius);border:.5rem solid var(--ovalBgColor);transform:rotate(0);display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .child-1-div{width:12rem;height:12rem;border-radius:var(--ovalBorderRadius);border:.25rem solid var(--ovalBgColor);display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .child-1-div .child-1-2-div{width:12rem;height:11rem;background-color:#fff;border-radius:var(--ovalBorderRadius);transform:translateY(0);display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div{width:10rem;height:10rem;background-color:#fff;border-radius:var(--ovalBorderRadius);border:.25rem solid var(--ovalBgColorRed);transform:translate(0)}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div{height:9rem;background-color:#fff;border-radius:var(--ovalBorderRadius);transform:translateY(0);display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div{text-align:center;width:200px;transform:rotate(0);font-size:12px}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div .hr-ln{margin:5px 0;border-top:1px solid black}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div hr#first-hr,.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div hr#second-hr{margin-left:2rem;margin-right:2rem}.animation-1 .parent-div .circle-1{position:absolute;padding:2px;top:-10%;left:65%;height:3.2rem;width:3.2rem;border-radius:50%;background:none;background-color:#fff;transform:rotate(0);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:normal}.animation-1 .parent-div .circle-1 .sm-circle{position:absolute;top:0;right:0;padding:2px 5px;font-size:10px;background-color:var(--sm-circle-bg);display:none;justify-content:center;align-items:center;color:#000;border-radius:50%;box-shadow:1px 0 14px 0 var(--darkRed)}.animation-1 .parent-div .circle-1 .un-hover-i{color:var(--darkRed);height:15px}.animation-1 .parent-div .circle-1 .un-hover-p{margin-top:5px;color:var(--textBlackColor);font-size:7px}.animation-1 .parent-div .circle-1:hover{cursor:pointer;background:var(--linear-gradient-red)!important;box-shadow:1px 0 14px 0 var(--lightRed)}.animation-1 .parent-div .circle-1:hover .un-hover-i,.animation-1 .parent-div .circle-1:hover .un-hover-p{color:#fff!important}.animation-1 .parent-div .circle-1:hover .sm-circle{display:flex}.animation-1 .parent-div .circle-4{position:absolute;top:40%;padding:2px;right:-15%;height:3.2rem;width:3.2rem;border-radius:50%;background:none;background-color:#fff;transform:rotate(0);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:normal}.animation-1 .parent-div .circle-4 .un-hover-i{color:var(--darkRed);height:15px}.animation-1 .parent-div .circle-4 .un-hover-p{margin-top:5px;color:var(--textBlackColor);font-size:7px;text-align:center}.animation-1 .parent-div .circle-4 .sm-circle{position:absolute;top:0;right:0;padding:2px 5px;font-size:10px;background-color:var(--sm-circle-bg);display:none;justify-content:center;align-items:center;color:#000;border-radius:50%;box-shadow:1px 0 14px 0 var(--darkRed)}.animation-1 .parent-div .circle-4:hover{cursor:pointer;background:var(--linear-gradient-red)!important;box-shadow:1px 0 14px 0 var(--lightRed)}.animation-1 .parent-div .circle-4:hover .un-hover-i,.animation-1 .parent-div .circle-4:hover .un-hover-p{color:#fff!important}.animation-1 .parent-div .circle-4:hover .sm-circle{display:flex}.animation-1 .parent-div .circle-2{position:absolute;padding:2px;top:-10%;right:65%;height:3.2rem;width:3.2rem;border-radius:50%;background:none;background-color:#fff;transform:rotate(0);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:normal}.animation-1 .parent-div .circle-2 .sm-circle{position:absolute;top:0;right:0;padding:2px 5px;font-size:10px;background-color:var(--sm-circle-bg);display:none;justify-content:center;align-items:center;color:#000;border-radius:50%;box-shadow:1px 0 14px 0 var(--darkRed)}.animation-1 .parent-div .circle-2 .un-hover-i{color:var(--darkRed);height:15px}.animation-1 .parent-div .circle-2 .un-hover-p{margin-top:5px;color:var(--textBlackColor);font-size:7px}.animation-1 .parent-div .circle-2:hover{cursor:pointer;background:var(--linear-gradient-red)!important;box-shadow:1px 0 14px 0 var(--lightRed)}.animation-1 .parent-div .circle-2:hover .un-hover-i,.animation-1 .parent-div .circle-2:hover .un-hover-p{color:#fff!important}.animation-1 .parent-div .circle-2:hover .sm-circle{display:flex}.animation-1 .parent-div .circle-3{position:absolute;padding:2px;top:40%;left:-15%;height:3.2rem;width:3.2rem;border-radius:50%;background:none;background-color:#fff;transform:rotate(0);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:normal}.animation-1 .parent-div .circle-3 .sm-circle{position:absolute;top:0;right:0;padding:2px 5px;font-size:10px;background-color:var(--sm-circle-bg);display:none;justify-content:center;align-items:center;color:#000;border-radius:50%;box-shadow:1px 0 14px 0 var(--darkRed)}.animation-1 .parent-div .circle-3 .un-hover-i{color:var(--darkRed);height:15px}.animation-1 .parent-div .circle-3 .un-hover-p{margin-top:5px;color:var(--textBlackColor);font-size:7px}.animation-1 .parent-div .circle-3:hover{cursor:pointer;background:var(--linear-gradient-red)!important;box-shadow:1px 0 14px 0 var(--lightRed)}.animation-1 .parent-div .circle-3:hover .un-hover-i,.animation-1 .parent-div .circle-3:hover .un-hover-p{color:#fff!important}.animation-1 .parent-div .circle-3:hover .sm-circle{display:flex}.animation-1 .parent-div .circle-5{position:absolute;padding:2px;bottom:-10%;left:65%;height:3.2rem;width:3.2rem;border-radius:50%;background:none;background-color:#fff;transform:rotate(0);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:normal}.animation-1 .parent-div .circle-5 .sm-circle{position:absolute;top:0;right:0;padding:2px 5px;font-size:10px;background-color:var(--sm-circle-bg);display:none;justify-content:center;align-items:center;color:#000;border-radius:50%;box-shadow:1px 0 14px 0 var(--darkRed)}.animation-1 .parent-div .circle-5 .un-hover-i{color:var(--darkRed);height:15px}.animation-1 .parent-div .circle-5 .un-hover-p{margin-top:5px;color:var(--textBlackColor);font-size:7px}.animation-1 .parent-div .circle-5:hover{cursor:pointer;background:var(--linear-gradient-red)!important;box-shadow:1px 0 14px 0 var(--lightRed)}.animation-1 .parent-div .circle-5:hover .un-hover-i,.animation-1 .parent-div .circle-5:hover .un-hover-p{color:#fff!important}.animation-1 .parent-div .circle-5:hover .sm-circle{display:flex}.animation-1 .parent-div .circle-6{position:absolute;padding:2px;bottom:-10%;right:65%;height:3.2rem;width:3.2rem;border-radius:50%;background:none;background-color:#fff;transform:rotate(0);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:normal}.animation-1 .parent-div .circle-6 .sm-circle{position:absolute;top:0;right:0;padding:2px 5px;font-size:10px;background-color:var(--sm-circle-bg);display:none;justify-content:center;align-items:center;color:#000;border-radius:50%;box-shadow:1px 0 14px 0 var(--darkRed)}.animation-1 .parent-div .circle-6 .un-hover-i{color:var(--darkRed);height:15px}.animation-1 .parent-div .circle-6 .un-hover-p{margin-top:5px;color:var(--textBlackColor);font-size:7px}.animation-1 .parent-div .circle-6:hover{cursor:pointer;background:var(--linear-gradient-red)!important;box-shadow:1px 0 14px 0 var(--lightRed)}.animation-1 .parent-div .circle-6:hover .un-hover-i,.animation-1 .parent-div .circle-6:hover .un-hover-p{color:#fff!important}.animation-1 .parent-div .circle-6:hover .sm-circle{display:flex}.animation-1 .parent-div .circle-1 .popuptext,.animation-1 .parent-div .circle-2 .popuptext,.animation-1 .parent-div .circle-3 .popuptext,.animation-1 .parent-div .circle-4 .popuptext,.animation-1 .parent-div .circle-5 .popuptext,.animation-1 .parent-div .circle-6 .popuptext{display:none}.animation-1 .parent-div .popup-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.animation-1 .parent-div .popup-content .popup-content-heading{margin:0}.animation-1 .parent-div .popup-content ul{font-family:Lato;margin:.5rem;padding-left:1.2rem}.animation-1 .parent-div .popup-content li::marker{color:var(--lightRed)}@media (min-width: 576px){.animation-1 .parent-div{width:25rem;height:25rem;transform:rotate(0)}.animation-1 .parent-div .child-1-div{width:18rem;height:18rem;border:.35rem solid var(--ovalBgColor)}.animation-1 .parent-div .child-1-div .child-1-2-div{width:18rem;height:17rem;background-color:#fff;border-radius:var(--ovalBorderRadius);transform:translateY(0);display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div{width:15rem;height:15rem;background-color:#fff;border-radius:var(--ovalBorderRadius);border:.35rem solid var(--ovalBgColorRed);transform:translate(0)}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div{height:14rem;background-color:#fff;border-radius:var(--ovalBorderRadius);transform:translateY(0);display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div{text-align:center;width:200px;transform:rotate(0);font-size:14px}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div .hr-ln{margin:30px 0;border-top:1px solid black}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div hr#first-hr,.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div hr#second-hr{margin-left:2rem;margin-right:2rem}.animation-1 .parent-div .circle-1{top:-7%;left:65%;height:5rem;width:5rem;transform:rotate(0);line-height:normal;display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .circle-1 .sm-circle{padding:5px 10px;font-size:14px}.animation-1 .parent-div .circle-1 .un-hover-i{height:25px}.animation-1 .parent-div .circle-1 .un-hover-p{font-size:10px}.animation-1 .parent-div .circle-4{top:35%;right:-10%;height:5rem;width:5rem;transform:rotate(0);line-height:normal;display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .circle-4 .un-hover-i{height:25px}.animation-1 .parent-div .circle-4 .un-hover-p{font-size:10px}.animation-1 .parent-div .circle-4 .sm-circle{padding:5px 10px;font-size:14px}.animation-1 .parent-div .circle-2{top:-5%;right:65%;height:5rem;width:5rem;transform:rotate(0);line-height:normal;display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .circle-2 .sm-circle{padding:5px 10px;font-size:14px}.animation-1 .parent-div .circle-2 .un-hover-i{height:25px}.animation-1 .parent-div .circle-2 .un-hover-p{font-size:10px}.animation-1 .parent-div .circle-3{top:35%;left:-10%;height:5rem;width:5rem;transform:rotate(0);line-height:normal;display:flex;justify-content:center;align-items:center;z-index:-100}.animation-1 .parent-div .circle-3 .sm-circle{padding:5px 10px;font-size:14px}.animation-1 .parent-div .circle-3 .un-hover-i{height:25px}.animation-1 .parent-div .circle-3 .un-hover-p{font-size:10px}.animation-1 .parent-div .circle-5{bottom:-6%;left:65%;height:5rem;width:5rem;transform:rotate(0);line-height:normal;display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .circle-5 .sm-circle{padding:5px 10px;font-size:14px}.animation-1 .parent-div .circle-5 .un-hover-i{height:25px}.animation-1 .parent-div .circle-5 .un-hover-p{font-size:10px}.animation-1 .parent-div .circle-6{bottom:-6%;right:65%;height:5rem;width:5rem;transform:rotate(0);line-height:normal;display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .circle-6 .sm-circle{padding:5px 10px;font-size:14px}.animation-1 .parent-div .circle-6 .un-hover-i{height:25px}.animation-1 .parent-div .circle-6 .un-hover-p{font-size:10px}.animation-1 .parent-div .circle-1 .popuptext,.animation-1 .parent-div .circle-2 .popuptext,.animation-1 .parent-div .circle-3 .popuptext,.animation-1 .parent-div .circle-4 .popuptext,.animation-1 .parent-div .circle-5 .popuptext,.animation-1 .parent-div .circle-6 .popuptext{display:none}}@media (min-width: 768px){.animation-1 .parent-div{width:33rem;height:27rem;transform:rotate(330deg)}.animation-1 .parent-div .child-1-div{width:25rem;height:20rem;border:.7rem solid var(--ovalBgColor);display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .child-1-div .child-1-2-div{width:24rem;height:18rem;background-color:#fff;border-radius:var(--ovalBorderRadius);transform:translateY(-.4rem);display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div{width:19rem;height:15rem;background-color:#fff;border-radius:var(--ovalBorderRadius);border:.7rem solid var(--ovalBgColorRed);transform:translate(-.8rem) translateY(.5rem)}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div{width:17rem;height:14rem;background-color:#fff;border-radius:var(--ovalBorderRadius);transform:translateY(-.6rem);display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div{text-align:center;width:200px;transform:rotate(30deg)}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div .hr-ln{margin:30px 0;border-top:1px solid black}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div hr#first-hr{margin-left:5rem;margin-right:3rem}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div hr#second-hr{margin-left:2rem;margin-right:6rem}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div #sft{text-align:end}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div #dev{text-align:center}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div .inner-most-div #lf-cycle{text-align:start}.animation-1 .parent-div .circle-1{top:-7%;right:25%;height:5rem;width:5rem;padding:5px;transform:rotate(30deg);line-height:normal;display:flex;justify-content:center;align-items:center;z-index:20}.animation-1 .parent-div .circle-1 .sm-circle{padding:5px 10px;font-size:14px}.animation-1 .parent-div .circle-1 .un-hover-i{height:25px}.animation-1 .parent-div .circle-1 .un-hover-p{font-size:10px}.animation-1 .parent-div .circle-1:hover #myPopup-6{display:block}.animation-1 .parent-div .circle-4{top:35%;right:-6%;height:5rem;width:5rem;padding:5px;transform:rotate(30deg);line-height:normal;display:flex;justify-content:center;align-items:center;z-index:30}.animation-1 .parent-div .circle-4 .un-hover-i{height:25px}.animation-1 .parent-div .circle-4 .un-hover-p{font-size:10px}.animation-1 .parent-div .circle-4 .sm-circle{padding:5px 10px;font-size:14px}.animation-1 .parent-div .circle-4:hover #myPopup-1{display:block}.animation-1 .parent-div .circle-2{top:-5%;left:20%;height:5rem;width:5rem;padding:5px;transform:rotate(30deg);z-index:10;line-height:normal;display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .circle-2 .sm-circle{padding:5px 10px;font-size:14px}.animation-1 .parent-div .circle-2 .un-hover-i{height:25px}.animation-1 .parent-div .circle-2 .un-hover-p{font-size:10px}.animation-1 .parent-div .circle-2:hover #myPopup-5{display:block}.animation-1 .parent-div .circle-3{top:45%;left:-6%;height:5rem;width:5rem;padding:5px;transform:rotate(30deg);line-height:normal;display:flex;justify-content:center;align-items:center;z-index:15}.animation-1 .parent-div .circle-3 .sm-circle{padding:5px 10px;font-size:14px}.animation-1 .parent-div .circle-3 .un-hover-i{height:25px}.animation-1 .parent-div .circle-3 .un-hover-p{font-size:10px;padding:0 2px;text-align:center}.animation-1 .parent-div .circle-3:hover #myPopup-4{display:block}.animation-1 .parent-div .circle-5{bottom:-6%;left:65%;height:5rem;width:5rem;padding:5px;transform:rotate(30deg);line-height:normal;display:flex;justify-content:center;align-items:center;z-index:25}.animation-1 .parent-div .circle-5 .sm-circle{padding:5px 10px;font-size:14px}.animation-1 .parent-div .circle-5 .un-hover-i{height:25px}.animation-1 .parent-div .circle-5 .un-hover-p{font-size:10px}.animation-1 .parent-div .circle-5:hover #myPopup-2{display:block}.animation-1 .parent-div .circle-6{bottom:-6%;right:65%;height:5rem;width:5rem;padding:5px;line-height:normal;transform:rotate(30deg);z-index:50;display:flex;justify-content:center;align-items:center}.animation-1 .parent-div .circle-6 .sm-circle{padding:5px 10px;font-size:14px}.animation-1 .parent-div .circle-6 .un-hover-i{height:25px}.animation-1 .parent-div .circle-6 .un-hover-p{font-size:10px}.animation-1 .parent-div .circle-6:hover #myPopup-3{display:block}.animation-1 .parent-div .circle-4 #myPopup-1{width:160px;background-color:#fff;color:#000;border-radius:6px;border:2px solid var(--darkRed);padding:12px 11px;position:absolute;z-index:1;top:10%;right:130%;left:unset;margin-left:0;animation:fadeInAnimation .25s linear forwards}.animation-1 .parent-div .circle-4 #myPopup-1:after{content:"";position:absolute;top:0%;right:-13%;left:unset;transform:rotate(90deg);border-bottom:20px solid var(--darkRed);border-left:20px solid transparent;border-top:unset;border-right:unset}.animation-1 .parent-div .circle-5 #myPopup-2{width:250px;background-color:#fff;color:#000;border-radius:6px;border:2px solid var(--darkRed);padding:12px 11px;position:absolute;z-index:1;bottom:10%;right:130%;left:unset;margin-left:0;animation:fadeInAnimation .25s linear forwards}.animation-1 .parent-div .circle-5 #myPopup-2:after{content:"";position:absolute;bottom:0%;right:-8%;left:unset;transform:rotate(90deg);border-bottom:20px solid var(--darkRed);border-right:20px solid transparent;border-top:unset;border-left:unset}.animation-1 .parent-div .circle-6 #myPopup-3{width:200px;background-color:#fff;color:#000;border-radius:6px;border:2px solid var(--darkRed);padding:12px 11px;position:absolute;z-index:1;bottom:60%;left:130%;margin-left:0;animation:fadeInAnimation .25s linear forwards}.animation-1 .parent-div .circle-6 #myPopup-3:after{content:"";position:absolute;bottom:0%;left:-10%;transform:rotate(90deg);border-top:20px solid var(--darkRed);border-right:20px solid transparent}.animation-1 .parent-div .circle-3 #myPopup-4{width:200px;background-color:#fff;color:#000;border-radius:6px;border:2px solid var(--darkRed);padding:12px 11px;position:absolute;z-index:1;bottom:50%;left:130%;right:unset;margin-left:0;animation:fadeInAnimation .25s linear forwards}.animation-1 .parent-div .circle-3 #myPopup-4:after{content:"";position:absolute;bottom:0%;left:-10%;right:unset;transform:rotate(90deg);border-top:20px solid var(--darkRed);border-left:20px solid transparent;border-bottom:unset;border-right:unset}.animation-1 .parent-div .circle-2 #myPopup-5{width:200px;background-color:#fff;color:#000;border-radius:6px;border:2px solid var(--darkRed);padding:12px 11px;position:absolute;z-index:1;top:50%;left:130%;margin-left:0;animation:fadeInAnimation .25s linear forwards}.animation-1 .parent-div .circle-2 #myPopup-5:after{content:"";position:absolute;top:0%;left:-10%;transform:rotate(90deg);border-top:20px solid var(--darkRed);border-right:20px solid transparent;border-bottom:unset;border-left:unset}.animation-1 .parent-div .circle-1 #myPopup-6{width:200px;background-color:#fff;color:#000;border-radius:6px;border:2px solid var(--darkRed);padding:12px 11px;position:absolute;z-index:1;top:10%;right:130%;margin-left:0;animation:fadeInAnimation .25s linear forwards}.animation-1 .parent-div .circle-1 #myPopup-6:after{content:"";position:absolute;top:0%;right:-10%;transform:rotate(90deg);border-bottom:20px solid var(--darkRed);border-right:20px solid transparent}}@media (min-width: 992px){.animation-1 .parent-div{width:40rem}.animation-1 .parent-div .child-1-div{width:32rem}.animation-1 .parent-div .child-1-div .child-1-2-div{width:30rem;height:19rem}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div{width:22rem;height:15rem}.animation-1 .parent-div .child-1-div .child-1-2-div .child-2-div .child-2-2-div{width:21rem;height:14rem}.animation-1 .parent-div .circle-2 #myPopup-5{width:200px;background-color:#fff;color:#000;border-radius:6px;border:2px solid var(--darkRed);padding:12px 11px;position:absolute;z-index:1;top:50%;right:130%;left:unset;margin-left:0;animation:fadeInAnimation .25s linear forwards}.animation-1 .parent-div .circle-2 #myPopup-5:after{content:"";position:absolute;top:0%;left:100%;transform:rotate(90deg);border-bottom:20px solid var(--darkRed);border-right:20px solid transparent;border-top:unset;border-left:unset}.animation-1 .parent-div .circle-4 #myPopup-1{width:160px;background-color:#fff;color:#000;border-radius:6px;border:2px solid var(--darkRed);padding:12px 11px;position:absolute;z-index:1;top:10%;left:130%;right:unset;margin-left:0;animation:fadeInAnimation .25s linear forwards}.animation-1 .parent-div .circle-4 #myPopup-1:after{content:"";position:absolute;top:0%;right:100%;left:unset;transform:rotate(90deg);border-top:20px solid var(--darkRed);border-right:20px solid transparent;border-bottom:unset;border-left:unset}.animation-1 .parent-div .circle-3 #myPopup-4{width:200px;background-color:#fff;color:#000;border-radius:6px;border:2px solid var(--darkRed);padding:12px 11px;position:absolute;z-index:1;bottom:50%;right:130%;left:unset;margin-left:0;animation:fadeInAnimation .25s linear forwards}.animation-1 .parent-div .circle-3 #myPopup-4:after{content:"";position:absolute;bottom:0%;right:-10%;left:unset;transform:rotate(90deg);border-bottom:20px solid var(--darkRed);border-right:20px solid transparent;border-top:unset;border-left:unset}.animation-1 .parent-div .circle-5 #myPopup-2{width:250px;background-color:#fff;color:#000;border-radius:6px;border:2px solid var(--darkRed);padding:12px 11px;position:absolute;z-index:1;bottom:10%;left:130%;right:unset;margin-left:0;animation:fadeInAnimation .25s linear forwards}.animation-1 .parent-div .circle-5 #myPopup-2:after{content:"";position:absolute;bottom:0%;left:-8%;right:unset;transform:rotate(90deg);border-top:20px solid var(--darkRed);border-right:20px solid transparent;border-bottom:unset;border-left:unset}}@media (min-width: 576px){.animation-1{height:75vh}}@keyframes circle-animation{0%{background:#fff;box-shadow:none}to{background:var(--linear-gradient-red);box-shadow:1px 0 14px 0 var(--lightRed)}}@keyframes c-icon-animation{0%{color:var(--darkRed)}to{color:#fff}}@keyframes c-p-animation{0%{color:var(--textBlackColor)}to{color:#fff}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}