.why-cu-section{padding:50px 0}.why-cu-section .top-heading{text-align:center;padding:20px 0;width:80%;margin:0 auto}.why-cu-section .top-heading .sub-hdg-sm{font-size:1rem}.why-cu-section .cu-wrapper{padding:20px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.why-cu-section .cu-wrapper .box{width:40%;padding-left:0;padding-right:2rem}.why-cu-section .cu-wrapper .box:nth-child(2n){padding-left:2rem;padding-right:0}.why-cu-section .cu-wrapper .box .hdg-md-d{background-color:#f1f1f2;padding:7px 1.5rem;margin-bottom:0;font-size:1.3rem}.why-cu-section .cu-wrapper .box p{padding:10px 0 0;text-align:center;color:#232323}@media (min-width:320px) and (max-width:479px){.why-cu-section{padding:15px 0 35px}.why-cu-section .top-heading{padding:15px 0}.why-cu-section .cu-wrapper{padding:15px 0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.why-cu-section .cu-wrapper .box{width:100%;padding:0}.why-cu-section .cu-wrapper .box:nth-child(2n){padding:0}.why-cu-section .cu-wrapper .box p{padding:10px 0 0}.why-cu-section .cu-wrapper .box:last-child p{padding:10px 14px 0}}@media (min-width:480px) and (max-width:767px){.why-cu-section{padding:15px 0 35px}.why-cu-section .top-heading{padding:15px 0}.why-cu-section .top-heading .sub-hdg-sm{line-height:30px}.why-cu-section .cu-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.why-cu-section .cu-wrapper .box{width:100%;padding:0}.why-cu-section .cu-wrapper .box:nth-child(2n){padding:0}.why-cu-section .cu-wrapper .box p{padding:10px 0 0}.why-cu-section .cu-wrapper .box:last-child p{padding:10px 14px 0}}@media (min-width:768px) and (max-width:991px){.why-cu-section .top-heading{padding:15px 0}.why-cu-section .top-heading .sub-hdg-sm{line-height:30px}.why-cu-section .cu-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.why-cu-section .cu-wrapper .box{width:100%;padding:0}.why-cu-section .cu-wrapper .box:nth-child(2n){padding:0}.why-cu-section .cu-wrapper .box p{padding:10px 0 0}.why-cu-section .cu-wrapper .box:last-child p{padding:10px 14px 0}}

.subserviceintro{padding:0}.subserviceintro .ssrvintro-sec .ssrvintro-ctn{display:-webkit-box;display:-ms-flexbox;display:flex}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .ssintrol{background-position:100%;background-repeat:no-repeat;background-size:contain}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .reveallr{padding:15px 0 15px 15px}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp{margin-right:75px}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .top-heading{width:100%;margin:0 auto}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror{padding-left:15px;padding-bottom:20px}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror ul{padding-left:19px}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror ul li{list-style:disc}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror h1,.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror h2,.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror h3,.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror h4,.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror h5,.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror h6{font-weight:600;font-family:Inter,sans-serif;line-height:45px;color:#181818}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .bttn-top{bottom:101px;height:65px;margin-left:15px}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .bttn-top .content-bttn{top:81px}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .content-bttn{background:transparent;border:2px solid transparent;height:40px;line-height:41px;font-size:16px;color:#000;font-weight:600;padding:0}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .content-bttn i{padding-left:5px}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .clearfix:after{display:block;clear:both;content:""}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssrvintro-cta .btnDark{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:-15px}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssrvintro-cta p{font-size:14px}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssrvintro-cta p i{padding-right:5px;font-size:15px}.subserviceintro .ssrvintro-cta{padding-left:15px}@media (min-width:320px) and (max-width:480px){.subserviceintro{padding:30px}.subserviceintro .top-heading .sub-hdg-sm{line-height:24px;text-align:left}.subserviceintro .ssrvintro-sec .ssrvintro-ctn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;text-align:center}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .ssintrol{padding-right:0}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp{margin-right:0}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror{padding:20px 0 0}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror h1,.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror h2,.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror h3,.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror h4,.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror h5,.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror h6{font-size:1.5rem;line-height:35px}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssrvintro-cta .btnDark{margin-left:0}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssrvintro-cta{padding-left:0}}@media (min-width:481px) and (max-width:767px){.subserviceintro{padding:30px 0}.subserviceintro .ssrvintro-sec .ssrvintro-ctn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;text-align:center}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp{margin-right:0}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror{padding:20px 5px}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssrvintro-cta .btnDark{margin-left:0}}@media (min-width:768px) and (max-width:991px){.subserviceintro{padding:30px 0}.subserviceintro .ssrvintro-sec .ssrvintro-ctn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .ssintrol{padding-right:0}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp{margin-right:0}.subserviceintro .ssrvintro-sec .ssrvintro-ctn .top-descp .ssintror{padding:30px 0 0}}

.section-tab{padding:50px 0}.section-tab .top-heading{text-align:center}.section-tab .tabs-section .tabs-section-desk{padding:10px 0}.section-tab .tabs-section .tabs-section-desk .tab-style{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.section-tab .tabs-section .tabs-section-desk .tab-style .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.section-tab .tabs-section .tabs-section-desk .tab-style .nav .nav-text{color:#000;font-size:17px;font-weight:600;background-color:#f4f4f4;padding:14px 18px;margin:3px 0;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-tab .tabs-section .tabs-section-desk .tab-style .nav .nav-text .m-right{margin-right:10px;background-color:#000;padding:8px;color:#fff;border-radius:25px;font-size:21px;width:40px;height:40px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section-tab .tabs-section .tabs-section-desk .tab-style .nav .nav-text.active{background-color:#ff4c4c!important;color:#fff!important}.section-tab .tabs-section .tabs-section-desk .tab-style .nav .nav-text.active .m-right.active{background-color:#fff!important;color:#ff4c4c!important}.section-tab .tabs-section .tabs-section-desk .tab-style .tab-margin{padding-left:20px}.section-tab .tabs-section .tabs-section-desk .tab-style .tab-margin .icon-style{position:relative;top:6px;color:var(--bs-body-color)!important;font-size:40px}.section-tab .tabs-section .tabs-section-desk .tab-style .tab-margin .para-padd{padding:0 35px 0 25px}.section-tab .tabs-section .tabs-section-desk .tab-style .tab-margin .list-style{list-style:disc;color:#000;font-size:14px}.section-tab .tabs-section .tabs-section-desk .tab-style .tab-margin .tabs-desc .tab-ctn-desc .tab-heading{color:#494949;font-size:28px;font-weight:600}.section-tab .tabs-section .tabs-section-desk .tab-style .tab-margin .tabs-desc .tab-ctn-desc .tbCtn{padding-left:20px}.section-tab .tabs-section .tabs-section-desk .tab-style .tab-margin .tabs-desc .tab-ctn-desc .tbCtn p{padding:5px 0}.section-tab .tabs-section .tabs-section-desk .tab-style .tab-margin .tabs-desc .tab-ctn-desc .tbCtn ul{padding-left:1rem}.section-tab .tabs-section .tabs-section-desk .tab-style .tab-margin .tabs-desc .tab-ctn-desc .tbCtn ul li{list-style:disc}.section-tab .tabs-section .tabs-section-mb{display:none}@media (min-width:320px) and (max-width:480px){.section-tab .top-heading{text-align:center;padding:0 0 25px}.section-tab .tabs-section .tabs-section-desk{display:block;padding:10px}.section-tab .tabs-section .tabs-section-desk .tab-style{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:column}.section-tab .tabs-section .tabs-section-desk .tab-style .nav .nav-text{margin-bottom:5px;padding:12px 0 12px 20px;font-size:15px}.section-tab .tabs-section .tabs-section-desk .tab-style .tab-margin{padding-left:0}.section-tab .tabs-section .tabs-section-desk .tab-style .tab-margin .tabs-desc .tab-ctn-desc .tab-heading{font-size:22px;padding:10px 0}.section-tab .tabs-section .tabs-section-mb{display:block}.section-tab .tabs-section .tabs-section-mb .tab-style{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section-tab .tabs-section .tabs-section-mb .tab-style .nav{padding-left:0}.section-tab .tabs-section .tabs-section-mb .tab-style .nav .nav-text{color:#000;font-size:17px;font-weight:600;background-color:#f4f4f4;padding:20px 0 20px 20px;text-align:left}.section-tab .tabs-section .tabs-section-mb .tab-style .nav .tabs-desc .tab-ctn-desc .tbCtn{padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex}.section-tab .tabs-section .tabs-section-mb .tab-style .nav .tabs-desc .tab-ctn-desc .tbCtn .icon-style{position:relative;top:6px;color:#ff4c4c!important;font-size:40px;margin-right:10px;line-height:26px}.section-tab .tabs-section .tabs-section-mb .tab-style .nav .tabs-desc .tab-ctn-desc .tbCtn .tbdes p{padding:5px 0}.section-tab .tabs-section .tabs-section-mb .tab-style .nav .tabs-desc .tab-ctn-desc .tbCtn .tbdes ul{padding-left:1rem}.section-tab .tabs-section .tabs-section-mb .tab-style .nav .tabs-desc .tab-ctn-desc .tbCtn .tbdes ul li{list-style:disc}}@media (min-width:481px) and (max-width:767px){.section-tab .tabs-section .tabs-section-desk .tab-style{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section-tab .tabs-section .tabs-section-desk .tab-style .nav .nav-text{margin-bottom:5px;padding:12px 0 12px 20px;font-size:15px}}@media (min-width:768px) and (max-width:991px){.section-tab .tabs-section .tabs-section-desk .tab-style{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section-tab .tabs-section .tabs-section-desk .tab-style .tab-margin{padding:15px 0 5px}}

.service-banner{padding:50px 0;font-family:Inter,sans-serif;z-index:0;background-color:#fcfcfc;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.service-banner .srvBreadcum .bcrumb{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:23px}.service-banner .srvBreadcum .bcrumb li{padding-right:5px;color:#ff4c4c;font-size:16px;font-weight:600;list-style:none}.service-banner .srvBreadcum .bcrumb li .bread-color{color:#ff4c4c}.service-banner .srvBreadcum .bcrumb li span{color:#000;font-weight:600}.service-banner .h-ban-sec{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.service-banner .h-ban-sec .h-ban-r .banner-typo .hdg-xl-d{padding-bottom:15px}.service-banner .h-ban-sec .h-ban-r .banner-typo .bh2{font-family:Inter,sans-serif;line-height:1.3rem;margin:0;font-size:18px;color:#008176;font-weight:600;margin-bottom:12px}.service-banner .h-ban-sec .h-ban-r .banner-typo ul li{list-style:inherit}.service-banner .h-ban-sec .img-top-desk{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding-left:10px}.service-banner .h-ban-sec .img-top-desk img{max-width:100%}.service-banner .h-ban-sec .img-top-desk .stat-bubble{width:151px;height:151px;position:absolute;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.service-banner .h-ban-sec .img-top-desk .stat-bubble .value{font-family:Inter,sans-serif;font-style:normal;font-weight:900;font-size:24px;line-height:24px;text-align:center;color:#fff}.service-banner .h-ban-sec .img-top-desk .stat-bubble .title{font-style:normal;font-weight:700;font-size:12px;line-height:13px;text-align:center;color:#fff;font-family:Inter,sans-serif;letter-spacing:normal;margin-top:5px;text-transform:lowercase}.service-banner .h-ban-sec .img-top-desk .stat-bubble1{top:0;left:6%;background:#d7d7d7}.service-banner .h-ban-sec .img-top-desk .stat-bubble1 .title,.service-banner .h-ban-sec .img-top-desk .stat-bubble1 .value{color:#222}.service-banner .h-ban-sec .img-top-desk .stat-bubble2{background:#008176;width:111px;height:111px;top:16%;left:71%}.service-banner .h-ban-sec .img-top-desk .stat-bubble3{background:#ff4c4c;width:111px;height:111px;bottom:24%;left:10%}.service-banner .h-ban-sec .img-top-desk .stat-bubble4{background:#417de9;width:150px;height:140px;bottom:3%;left:62%}.service-banner .ban-cta{padding:20px 0}.service-banner .ban-cta .text-top{padding:12px 0 0 20px}.service-banner .ban-cta .text-top a{color:#424242;font-weight:600;font-size:16px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.service-banner .ban-cta .text-top a,.service-banner .ban-cta .text-top a i{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.service-banner .ban-cta .text-top a i{background:#424242;color:#fff;border-radius:17px;margin-right:5px;font-size:7px;width:15px;height:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.service-banner .ban-cta .btnDark,.service-banner .ban-cta .btnDark .btn{position:relative}.service-banner .ban-cta .btnDark .spin:before{-webkit-animation:1.5s linear infinite spinner;animation:1.5s linear infinite spinner;-webkit-animation-play-state:inherit;animation-play-state:inherit;border:3px solid #fff;border-bottom-color:transparent;border-radius:50%;width:1.5rem;height:1.5rem;content:"";position:absolute;top:24px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);will-change:transform;z-index:1}.service-banner .ban-cta .btnDark .spin:after{width:101%;content:"";position:absolute;background:#0000002e;border-radius:5px;height:52px}@-webkit-keyframes spinner{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg);transform:translate3d(-50%,-50%,0) rotate(0deg)}to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg);transform:translate3d(-50%,-50%,0) rotate(0deg)}to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}}.service-banner .ban-cta .btnDark .top-search{position:relative;right:50px;top:18px}.service-banner .ban-cta .btnDark .form-error{position:absolute;bottom:-25px}.service-banner .ban-cta .img-top-mb{display:none;padding:24px 0}@media (min-width:320px) and (max-width:479px){.service-banner{padding:30px;text-align:center}.service-banner .h-ban-sec{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.service-banner .h-ban-sec .h-ban-r .banner-typo .hdg-xl-d{padding-bottom:10px;line-height:45px}.service-banner .h-ban-sec .h-ban-r .banner-typo .bh2{font-size:18px;color:#008176;font-weight:800;text-align:center;line-height:1.5rem}.service-banner .h-ban-sec .h-ban-r .banner-typo .text-top a{margin-bottom:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.service-banner .h-ban-sec .img-top-desk{display:none;padding:24px 0}.service-banner .ban-cta .text-top{padding:0}.service-banner .ban-cta .text-top a{margin-bottom:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.service-banner .ban-cta .img-top-mb{padding:24px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (min-width:480px) and (max-width:767px){.service-banner{padding:30px;text-align:center}.service-banner .h-ban-sec{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.service-banner .h-ban-sec .h-ban-r .banner-typo .hdg-xl-d{padding-bottom:10px;line-height:45px}.service-banner .h-ban-sec .h-ban-r .banner-typo .bh2{font-size:18px;color:#008176;font-weight:800;text-align:center;line-height:1.5rem}.service-banner .h-ban-sec .img-top-desk{display:none;padding:24px 0}.service-banner .ban-cta .img-top-desk{display:none}.service-banner .ban-cta .img-top-mb{padding:24px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.service-banner .ban-cta .text-top{text-align:center}.service-banner .ban-cta .text-top a{margin-bottom:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (min-width:768px) and (max-width:991px){.service-banner{padding:40px;text-align:center}.service-banner .h-ban-sec{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.service-banner .h-ban-sec .img-top-desk{padding:35px 0;display:none}.service-banner .ban-cta .img-top-mb{padding:24px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}

.site-content{background-repeat:no-repeat;background-size:cover}

.main-banner { padding: 50px 0; } .main-banner .top-heading { text-align: center; padding: 10px 0; } .main-banner .mainbannercols { display: flex; position: relative; } .main-banner .mainbannercols .bannercol-l { height: auto; display: flex; flex-direction: column; justify-content: space-between; } .main-banner .mainbannercols .bannercol-l p { font-size: 13px; line-height: 18px; font-weight: 600; } .main-banner .mainbannercols .bannercol-l .banlone .hdg-md-d { font-size: 27px; font-weight: 800; } .main-banner .mainbannercols .bannercol-l .banltwo { padding: 68px 61px 68px 0; } .main-banner .mainbannercols .bannercol-l .banltwo .hdg-md-d { font-size: 27px; font-weight: 800; } .main-banner .mainbannercols .bannercol-l .banlthree { display: flex; flex-direction: column; align-items: flex-start; padding: 0 96px 0 0; } .main-banner .mainbannercols .bannercol-l .banlthree img { width: 52px; } .main-banner .mainbannercols .bannercol-l .banlthree p { color: #000000; padding-top: 6px; font-weight: 600; } .main-banner .mainbannercols .bannercol-c { display: flex; align-items: flex-end; padding-top: 35px; } .main-banner .mainbannercols .bannercol-c .banimgrow { width: 30%; border-right: 1px solid; border-left: 1px solid; height: 475px; overflow: hidden; background: #fff; position: relative; } .main-banner .mainbannercols .bannercol-c .banimgrow:first-child { border-left: 0; } .main-banner .mainbannercols .bannercol-c .banimgrow:last-child { border-right: 0; } .main-banner .mainbannercols .bannercol-c .banimgrow img { position: relative; border-radius: 460px; } .main-banner .mainbannercols .bannercol-c .one { overflow: hidden; } .main-banner .mainbannercols .bannercol-c .one span { font-size: 109px; position: absolute; color: #000000; right: -26px; font-weight: 800; } .main-banner .mainbannercols .bannercol-c .one .banimgroww { background-image: url("/assets/images/new-images/Layer2.png"); border-radius: 200px; background-position: center; background-repeat: no-repeat; width: 275px; height: 275px; position: relative; top: 151px; } .main-banner .mainbannercols .bannercol-c .two { overflow: hidden; } .main-banner .mainbannercols .bannercol-c .two span { font-size: 109px; position: absolute; color: #000000; right: 23px; bottom: -22px; font-weight: 800; } .main-banner .mainbannercols .bannercol-c .two .banimgroww { background-image: url("/assets/images/new-images/Layer3.png"); border-radius: 200px; background-position: right; background-repeat: no-repeat; width: 300px; height: 300px; position: relative; top: 37px; } .main-banner .mainbannercols .bannercol-c .three { overflow: hidden; } .main-banner .mainbannercols .bannercol-c .three .banimgroww { background-image: url("/assets/images/new-images/Layer1.png"); border-radius: 200px; background-position: center; background-repeat: no-repeat; width: 290px; height: 290px; position: relative; top: 77px; } .main-banner .mainbannercols .bannercol-c .four { overflow: hidden; } .main-banner .mainbannercols .bannercol-c .four .banimgroww { background-image: url("/assets/images/new-images/Layer4.png"); border-radius: 200px; background-position: center; background-repeat: no-repeat; width: 298px; height: 298px; position: relative; top: 174px; } .main-banner .mainbannercols .bannercol-r { display: flex; flex-direction: column; } .main-banner .mainbannercols .bannercol-r .banrone { height: 200px; display: flex; flex-direction: column; justify-content: center; padding: 0 21px; background: linear-gradient(90deg, #ff9c81 36%, transparent 36%); transition: all 0.2s ease; } .main-banner .mainbannercols .bannercol-r .banrone:hover { transition: all 0.2s ease; } .main-banner .mainbannercols .bannercol-r .banrone .sub-hdg-md { font-size: 12px; text-align: left; color: #2f9780; line-height: 17px; margin: 0; padding: 0; } .main-banner .mainbannercols .bannercol-r .banrone .hr { background: #000; height: 2px; width: 42px; margin: 6px 0; } .main-banner .mainbannercols .bannercol-r .banrone p { font-weight: 600; color: #000000; line-height: 18px; } .main-banner .mainbannercols .bannercol-r .banrthree { position: absolute; top: 323px; right: 0; } .main-banner .banner-bottom { display: flex; flex-direction: row; align-items: center; margin: 50px 0; } .main-banner .banner-bottom .savingdt { display: flex; align-items: center; } .main-banner .banner-bottom .savingdt:hover .saving-icon { background-color: #e9e9e9 !important; } .main-banner .banner-bottom .savingdt:hover .saving-icon i { color: #363636 !important; } .main-banner .banner-bottom .savingdt .saving-icon { display: flex; align-items: center; background: #363636; width: 109px; height: 110px; justify-content: center; border-radius: 70px; transition: all 0.5s ease; } .main-banner .banner-bottom .savingdt .saving-icon .fa { font-size: 41px; color: #e9e9e9; } .main-banner .banner-bottom .savingdt .saving-amount { margin-left: 15px; } .main-banner .banner-bottom .savingdt .saving-amount .hdg-md-d { font-size: 40px; font-weight: 800; } .main-banner .banner-bottom .savingdt .saving-amount .smtext { font-size: 28px; font-weight: 600; color: #707070; } .main-banner .banner-bottom .svaingimg { padding-left: 38px; } .main-banner .banner-bottom .svaingimg img { width: 70px; } .main-banner .banner-bottom .btnDark .d-btn2 { background: #ebebeb; border: #ebebeb; font-size: 22px; color: #1e1e1e; font-weight: 600; padding: 35px 55px; border-radius: 8px; animation: glow 1s ease-in-out infinite alternate; } .main-banner .banner-bottom .btnDark .d-btn2:hover { background: #fe5f50; color: #fff; border: #fe5f50; } .elementmove { -webkit-animation: action 2s infinite alternate; animation: action 2s infinite alternate; } .banimgrow:nth-child(1) .elementmove { -webkit-animation: action 2s infinite alternate; animation: action 2s infinite alternate; } .banimgrow:nth-child(2) .elementmove { -webkit-animation: action 3s infinite alternate; animation: action 3s infinite alternate; } .banimgrow:nth-child(3) .elementmove { -webkit-animation: action 2.5s infinite alternate; animation: action 2.5s infinite alternate; } .banimgrow:nth-child(4) .elementmove { -webkit-animation: action 3.5s infinite alternate; animation: action 3.5s infinite alternate; } @-webkit-keyframes action { 0% { transform: translateY(-5px); } 100% { transform: translateX(0); } } @keyframes action { 0% { transform: translateY(-5px); } 100% { transform: translateX(0); } } .anmiate-onelr { position: relative; transform: translateX(200px); opacity: 0; transition: 3s all ease; } .anmiate-onelr.active { transform: translateX(0); opacity: 1; } .anmiate-twolr { position: relative; transform: translateX(200px); opacity: 0; transition: 3s all ease; } .anmiate-twolr.active { transform: translateX(-50px); opacity: 1; } .anmiate-threerl { position: relative; transform: translateX(-200px); opacity: 0; transition: 3s all ease; } .anmiate-threerl.active { transform: translateX(-50px); opacity: 1; } .anmiate-fourthrl { position: relative; transform: translateX(-200px); opacity: 0; transition: 3s all ease; } .anmiate-fourthrl.active { transform: translateX(-113px); opacity: 1; } @-webkit-keyframes glow { from { box-shadow: 0 8px 19px #ebebeb; } to { box-shadow: 0 0 0 #ebebeb; } } /*svg style*/ svg .svg-elem-1 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; } svg.active .svg-elem-1 { fill: rgb(148, 84, 205); } svg .svg-elem-2 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; } svg.active .svg-elem-2 { fill: url("#pattern0"); } svg .svg-elem-3 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; } svg.active .svg-elem-3 { fill: rgb(255, 255, 255); } svg .svg-elem-4 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; } svg.active .svg-elem-4 { fill: rgb(255, 255, 255); } svg .svg-elem-5 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; } svg.active .svg-elem-5 { fill: rgb(255, 255, 255); } svg .svg-elem-6 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; } svg.active .svg-elem-6 { fill: rgb(255, 255, 255); } svg .svg-elem-7 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; } svg.active .svg-elem-7 { fill: rgb(255, 255, 255); } svg .svg-elem-8 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; } svg.active .svg-elem-8 { fill: rgb(255, 255, 255); } svg .svg-elem-9 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s; } svg.active .svg-elem-9 { fill: rgb(255, 255, 255); } svg .svg-elem-10 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s; } svg.active .svg-elem-10 { fill: rgb(255, 255, 255); } svg .svg-elem-11 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s; } svg.active .svg-elem-11 { fill: rgb(255, 255, 255); } svg .svg-elem-12 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s; } svg.active .svg-elem-12 { fill: rgb(255, 255, 255); } svg .svg-elem-13 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s; } svg.active .svg-elem-13 { fill: rgb(255, 255, 255); } svg .svg-elem-14 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s; } svg.active .svg-elem-14 { fill: rgb(255, 255, 255); } svg .svg-elem-15 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s; } svg.active .svg-elem-15 { fill: rgb(255, 255, 255); } svg .svg-elem-16 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s; } svg.active .svg-elem-16 { fill: rgb(255, 255, 255); } svg .svg-elem-17 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s; } svg.active .svg-elem-17 { fill: rgb(255, 255, 255); } svg .svg-elem-18 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s; } svg.active .svg-elem-18 { fill: rgb(255, 255, 255); } svg .svg-elem-19 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s; } svg.active .svg-elem-19 { fill: rgb(255, 255, 255); } svg .svg-elem-20 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s; } svg.active .svg-elem-20 { fill: rgb(255, 255, 255); } svg .svg-elem-21 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s; } svg.active .svg-elem-21 { fill: rgb(255, 255, 255); } svg .svg-elem-22 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s; } svg.active .svg-elem-22 { fill: rgb(255, 255, 255); } svg .svg-elem-23 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s; } svg.active .svg-elem-23 { fill: rgb(255, 255, 255); } svg .svg-elem-24 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s; } svg.active .svg-elem-24 { fill: rgb(255, 255, 255); } svg .svg-elem-25 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s; } svg.active .svg-elem-25 { fill: rgb(255, 255, 255); } svg .svg-elem-26 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s; } svg.active .svg-elem-26 { fill: rgb(255, 255, 255); } svg .svg-elem-27 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s; } svg.active .svg-elem-27 { fill: rgb(255, 255, 255); } svg .svg-elem-28 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s; } svg.active .svg-elem-28 { fill: rgb(255, 255, 255); } svg .svg-elem-29 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s; } svg.active .svg-elem-29 { fill: rgb(255, 255, 255); } svg .svg-elem-30 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s; } svg.active .svg-elem-30 { fill: rgb(255, 255, 255); } svg .svg-elem-31 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s; } svg.active .svg-elem-31 { fill: rgb(255, 255, 255); } svg .svg-elem-32 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s; } svg.active .svg-elem-32 { fill: rgb(255, 255, 255); } svg .svg-elem-33 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s; } svg.active .svg-elem-33 { fill: rgb(255, 255, 255); } svg .svg-elem-34 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s; } svg.active .svg-elem-34 { fill: rgb(255, 255, 255); } svg .svg-elem-35 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s; } svg.active .svg-elem-35 { fill: rgb(255, 255, 255); } svg .svg-elem-36 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s; } svg.active .svg-elem-36 { fill: rgb(255, 255, 255); } svg .svg-elem-37 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s; } svg.active .svg-elem-37 { fill: rgb(255, 255, 255); } svg .svg-elem-38 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s; } svg.active .svg-elem-38 { fill: rgb(255, 255, 255); } svg .svg-elem-39 { fill: transparent; -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s; } svg.active .svg-elem-39 { fill: rgb(255, 255, 255); }