.AppTabList p{color:#159CF6;font-family:Montserrat;font-size:13.778px;font-style:normal;font-weight:400;line-height:96.7%; /* 13.323px */}
.AppTabList span{color:#159CF6;font-family:Montserrat;font-size:17.222px;font-style:normal;font-weight:700;line-height:96.7%;}
.AppTabList span.Ci{color:#EFB054;font-family:Montserrat;font-size:17.222px;font-style:normal;font-weight:700;line-height:96.7%;}
.AppTabContent{backdrop-filter:blur(12px);}
.AppBoxCol{border-radius:10px;background:#FFF;padding:23px;box-shadow:0px 13.70681px 30.45959px 0px rgba(0,0,0,0.05);}
.main-content .icon-2 img {
    width: 80px;background: white;
    border-radius: 12px;
}
.AppBoxCol,
.AppBoxColV2{width:calc(50% - 10px);}
.AppBoxRow{display:flex;flex-wrap:wrap;gap:15px;}
.AppBoxIcon{line-height:0;}
.AppBoxIcon{width:60px;    background: white;
    border-radius: 9px;
}
.AppBoxIcon svg{width:100%;height:auto;}
.AppBoxColInner{display:flex;align-items:center;gap:19px;flex-wrap:wrap;}
.AppBoxColInner h5{margin:0;width:calc(100% - 80px);color:#1E1E1E;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:400;line-height:25.781px;}
.AppBoxTabContent{border-radius:24.95px;background:linear-gradient(356deg,#159CF6 47.52%,#7AE7FF 97.27%);box-shadow:0px 24.95px 31.187px 0px rgba(145,144,144,0.15);padding:40px;}
.AppTabContent.Open .AppBoxCol,.AppTabContent.Open .AppBoxColV2{-webkit-animation-name:fadeInleft;animation-name:fadeInleft-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@media (max-width:1230px){
    .AppBoxCol,.AppBoxColV2{width:calc(50% - 8px);}
    .AppBoxColInner h5,.AppBoxCol.aos-init.aos-animate.active .AppBoxColInner h5{font-size:16px;}
}
@media (max-width:768px){
    .AppBoxCol,.AppBoxColV2{width:100%;}
    .AppBoxColInner br{display:none;}
    .AppBoxTabContentMain{display:block!important;}
    .AppTabContent{width:100%!important;display:block;}
    .AppBoxTabContent{display:block;width:100%!important;text-align:center;margin-top:30px;}
}
.activate{position:relative;}
.activate:after{content:'';background:#e9f6ff;z-index:1;height:10px;width:10px;position:absolute;content:"";bottom:0;left:186px;}
.AppTabList:after{content:'';right:-20px;position:absolute;width:20px;height:20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#fff;z-index:2;bottom:0;}
.AppTabList:before{content:'';position:absolute;width:5px;height:65px;background:#ffffff;transform:rotate(22deg);top:0px;left:-1px;}
.AppTabList{border-top-right-radius:107px 145px;border-top-left-radius:98px 129px;padding:15px 30px 5px 25px;width:max-content;background:#E9F6FF;position:relative;}
.AppBoxTabContentMain{display:flex;gap:20px;background:#E9F6FF;padding:30px;border-radius:25px;border-top-left-radius:0px!important;}
.AppTabContent{width:65%;}
.AppBoxTabContent{display:block;width:35%;text-align:center;}
.AppBoxTabContent .list-wrap {  margin: 30px 0;  color: #fff;    font-size: 16px;    line-height: 20px;text-align: left;}
.AppBoxTabContent .list{padding:0 0 2px 13px;position:relative;}
.AppBoxTabContent .list + .list{margin-top: 10px;}
.AppBoxTabContent .list:after{position:absolute;left:0;top:7px;width:5px;height:5px;background:#fff;border-radius:100%;content:'';}

/* Add this to your CSS */
.AppBoxCol.active{    /* Add styles for the active tab */}
.main-content{display:none;}
.main-content.active{display:block;}
.AppBoxCol.aos-init.aos-animate.active .AppBoxColInner h5{color:#1E1E1E;font-family:Montserrat;font-size:20px;font-style:normal;font-weight:700;}
.AppBoxCol.aos-init.aos-animate.active{background-color:#fff!important;background:linear-gradient(163deg,#159CF6 0%,#7AE7FF 100%);background-size:55px 100%;background-repeat:no-repeat;}
.AppBoxContent_desc h3{color:#FFF;font-family:Montserrat;font-size:20px;font-style:normal;padding-top:10px;font-weight:700;line-height:34.93px;}
.AppBoxContent_desc p{color:#FFF;margin-top:0;text-align:center;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:400;line-height:20px;padding:10px 0;}
.AppBoxCta a{display:flex;justify-content:center;align-items:center;color:#FFF;text-align:center;font-family:Montserrat;font-size:22.917px;font-style:normal;font-weight:600;line-height:28.646px;}
.main-content .icon-2 svg,.main-content .icon-2 rect{fill:transparent;}
.main-content .icon-2 svg path{fill:white;}
.main-content .icon-2 svg{height:80px;width:80px;}
.AppDescription p{width:80%;padding-top:5px;padding-bottom:30px;margin:0 auto;color:#000;text-align:center;font-family:Montserrat;font-size:20px;font-style:normal;font-weight:400;line-height:25px;}
html{scroll-behavior:smooth;}