.main-banner-area-wrap{ border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px;background:linear-gradient(107.56deg, #263181 0%, #516EE2 68.33%, #263181 100%);margin: 12px;}
.main-banner-area-wrap .banner-shape2{position: absolute;bottom: 0;left: 50%;width: 98%;transform: translateX(-50%);}
.main-banner-area-wrap::after {content:'';position:absolute;width:100%;height:60%;top:20%;left:0;background:url(images/bicona.png) no-repeat right 15% center;background-size:auto;z-index:0;background-size:contain;}
.main-banner-area-wrap .banner-right-img{ background: #fff; padding: 6px; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; }
.main-banner-area-wrap .banner-img-back{position: relative;}
.main-banner-area-wrap .banner-img-back::before{content: "";position: absolute;top: 0;left: 592px;background: url('images/banner/banner-shape.png');z-index: -1;width: 392px;height: 392px;background-size: contain;background-repeat: no-repeat;opacity: 0.03;}
.headdd{font-size: 104px;line-height: 72px;text-transform: uppercase;text-align: center;margin-top: 158px;-webkit-text-stroke: 1.5px rgba(255,255,255,0.25);transform: translate(-2px, -2px);text-shadow: -4px -4px 0 #fff;color: transparent;}
.headdd .outline-text{position: absolute;top: 201px;left: 262px;color: transparent;-webkit-text-stroke: 1px rgba(255,255,255,0.25);z-index: 1;transform: translateX(-25px);font-size: 104px;line-height: 72px;line-height: 72px;text-transform: uppercase;text-align: center;}
.bansubb{display: inline-flex;align-items: center;}
.bansubb img{min-width: 22px;}
@media only screen and (max-width: 1920px){
.main-banner-area-wrap,.main-banner-area-wrap .item{min-height:500px;}
}
@media only screen and (max-width: 1800px){
.main-banner-area-wrap,.main-banner-area-wrap .item{min-height:580px;}
.headdd{font-size:88px;line-height: 64px;}
}
@media only screen and (max-width: 1500px){
.main-banner-area-wrap,.main-banner-area-wrap .item{min-height:500px;}
.headdd{font-size:76px;line-height: 58px;}
}
@media only screen and (max-width: 1399px){
.headdd{font-size: 76px;line-height: 56px;text-shadow: -3px -3px 0 #fff;}
.main-banner-area-wrap .banner-img-back::before {left: 436px;width: 302px;height: 302px;opacity: 0.03;}
}
@media only screen and (max-width: 1300px){
.headdd{font-size:68px;line-height: 54px;margin-top: 138px;}
.bannerp {font-size: 15px !important;}
}
@media only screen and (max-width: 1199px){
.main-banner-area-wrap,.main-banner-area-wrap .item{min-height:300px;}
.main-banner-area-wrap .dotta .owl-dots{right: 26px !important;}
.banner-social{left: 24px !important;}
.check-up3{left: 14px !important;}
.headdd{font-size: 57px;margin-top: 118px;text-shadow: -3px -3px 0 #fff;}
.bannerp {font-size: 13px !important;line-height: 19px;}
.main-banner-area-wrap .banner-img-back::before {left: 436px;width: 242px;height: 242px;opacity: 0.03;}
}
@media only screen and (max-width: 1050px){
.headdd{font-size: 53px;line-height: 43px;}
}
@media only screen and (max-width: 948px){
.headdd{font-size: 45px;line-height: 35px;}
.main-banner-area-wrap .banner-right-img{padding: 4px;}
.main-banner-area-wrap .banner-img-back::before {left: 358px;width: 192px;height: 192px;opacity: 0.03;}
}

@media only screen and (min-width: 992px) and (max-width: 1399px){
.steady{padding-right:100px}
}
@media only screen and (max-width:767px){
.headdd{font-size: 39px;line-height: 45px;margin-top: 132px;text-shadow: -2px -2px 0 #fff;}
.steady{text-align:center;padding:20px 0;min-height:180px;}
.bannerp {font-size: 14px !important;line-height: 21px;}
.main-banner-area-wrap .banner-img-back::before {left: 268px;width: 152px;height: 152px;opacity: 0.03;}
}
@media only screen and (max-width:640px){
.headdd{font-size: 34px;line-height: 41px;}
}
@media only screen and (max-width:575px){
.main-banner-area-wrap{margin: 6px;}
.main-banner-area-wrap .banner-shape2{min-width: 128%;}
.headdd {margin-top: 106px;line-height: 38px;text-shadow: -1px -1px 0 #fff;}
.main-banner-area-wrap .banner-img-back::before {left: 278px;width: 118px;height: 118px;opacity: 0.03;}
}
@media only screen and (max-width:512px){
.main-banner-area-wrap .banner-img-back::before {left: 222px;width: 108px;height: 108px;opacity: 0.03;}
}
@media only screen and (max-width:450px){
.headdd{font-size: 31px;line-height: 35px;}
.banner-subb{font-size: 13px !important;}
}
@media only screen and (max-width:400px){
.main-banner-area-wrap .banner-img-back::before {left: 198px;width: 74px;height: 74px;opacity: 0.03;}
}
@media only screen and (max-width:360px){
.headdd{font-size: 28px;line-height: 32px;}
}
@media only screen and (max-width:340px){
.main-banner-area-wrap .banner-img-back::before {left: 162px;width: 62px;height: 62px;opacity: 0.03;}
}

@media only screen and (max-width: 991px){
.main-banner-area-wrap .btn{padding:7px 13px;font-size:14px;}
/* /.main-banner-area-wrap .container{max-width:100%;} */
}
@media only screen and (max-width:575px){
 .hero-img{border-radius:5px;}
}
.main-banner-area-wrap,.main-banner-area-wrap .item{overflow:hidden;position:relative;z-index:1;}
@media (min-width:992px){
.former{margin-top:-10px!important;}
}
@media(min-width:768px){
.former{margin-top:-20px;}
}
@media (max-width:767px){
.former{margin-top:15px;}
}

.check-up1{position:absolute;top:42%;z-index:0;left:-10px;}
.check-up2{ position:absolute; top:71%; z-index:0; right:-30px; rotate: -14deg; animation: goog_animate 7s linear infinite ; -webkit-animation: goog_animate 7s linear infinite ; }
.check-up3{ position:absolute; bottom:10%; z-index:0; left:-60px; animation: goog_animate 9s linear infinite ; -webkit-animation: goog_animate 9s linear infinite ;rotate: 4deg;}
.check-ups .text{background:rgba(255,255,255,.95);padding:8px 12px;border-radius:5px;}
.check-ups .text .right-check{width:22px;height:22px;border-radius:4px;background: var(--main-color3);color: #fff;min-width: 22px;display: inline-flex;align-items: center;justify-content: center;}
@media(max-width:1199px){
.check-up1{left:100px;top:65%}
.check-up2{right:0;top:50%}
}


@keyframes tpupdown {
0%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform:translateY(0);-o-transform: translateY(0);transform: translateY(0);}
100%{-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);}}

.top20{top:20px;}
.top30{top:-3px;}
.ordeal{position: absolute;right:-46px;top: 1px;opacity:.6}
.searcha .form-control{font-weight:400;font-size:15px;padding-left:40px;}
.searcha .input-group-text{border:0;background:#fff;position:absolute;z-index:5;left:0;top: 50%;transform: translateY(-50%);}
@media only screen and (max-width:767px){
.searcha .form-control{border:1px solid #eee;border-radius:10px;}
.searcha .btn{min-width:120px;}
}
@media only screen and (max-width:575px){
.ordeal{right:auto;left:0;top:38px;opacity:.6;font-size:14px!important;}
}
.clocker i{font-size:22px;height:48px;width:48px;line-height:48px;border-radius:50%;margin:0 auto;background:rgba(155, 255, 166, 0.5);}

.blogposts .parr:nth-child(1) .row .col-12.col-md-12.col-lg-5,.blogposts .parr:nth-child(1) .row .col-12.col-md-12.col-lg-7,.blogposts .parr:nth-child(2) .row .col-12.col-md-12.col-lg-5,.blogposts .parr:nth-child(2) .row .col-12.col-md-12.col-lg-7{width:100%;}
.object-start{object-position: left;}
.pichold{height:180px;overflow:hidden;}

.video-thumbnails{height:600px;overflow:auto;}
.hasheight{height:130px;overflow:hidden;margin-bottom:20px;}
.iconer {margin: 0 auto;width: 124px;height: 124px;padding: 5px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 12px;border: 1px solid #fff;background: rgba(255, 255, 255, 0.2);}

.treatment-item{overflow: hidden;}
.treatment-item.coloritem1{background: #e9e9f9;}
.treatment-item.coloritem2{background: #e8f9f5;border: 1px solid #0d5e9238;}
.treatment-item.coloritem3{background: #fbf9f0;}
.treatment-item.coloritem3 .shadow-1{background: #fff0ca;position: absolute;top: -30px;right: -33px;width: 298px;height: 298px;border-radius: 50%;filter: blur(37px);}
.treatment-item.coloritem3 .shadow-2{background: #fff0ca;position: absolute;bottom: -52px;left: -20px;width: 298px;height: 298px;border-radius: 50%;filter: blur(25px);}
.treatment-item.coloritem1 .shadow-1{background: #bac7f5;position: absolute;top: -30px;right: -33px;width: 298px;height: 298px;border-radius: 50%;filter: blur(37px);}
.treatment-item.coloritem1 .shadow-2{background: #bac7f5;position: absolute;bottom: -52px;left: -20px;width: 298px;height: 298px;border-radius: 50%;filter: blur(25px);}
.treatment-item .treathead{font-size: 18px;}
@media only screen and (max-width:1400px){
.treatment-item .treathead{font-size: 16px;}
}
@media only screen and (max-width:991px){
.treatment-item .treathead{font-size: 17px;}
}
@media only screen and (max-width:575px){
.treatment-item .treathead{font-size: 18px;}
}
.doctorsteam .docblock p.lh-22{min-height:44px;}
.doctorsteam .item::before{content:'';position:absolute;width: 100%;height:25%;background:#377ab3;opacity:.07;left:0;top:0;border-radius:0 0 30% 30%;z-index:0;}
.zoomer-video{height: 250px;overflow: hidden;}
.zoomer-video img{width:100%;height:100%;object-fit: cover;object-position:center;}
.dotta .owl-dots{position:absolute;text-align:center;width:100%;text-align:center;bottom:0;z-index:1;}
.dotta .owl-dots .owl-dot{display:inline-block;margin:0;}
.dotta .owl-dots .owl-dot span{ margin:0 2px; width:10px; height:10px; border-radius:50%; background:var(--white-color); display:block; transition:all ease-in-out .3s; transform:scale(.9); opacity:1; -webkit-transform:scale(.9); -moz-transform:scale(.9); -ms-transform:scale(.9); -o-transform:scale(.9); }
.dotta .owl-dots .owl-dot.active span{background:var(--white-color);transform:scale(1);opacity:1;}

.main-banner-area-wrap .dotta .owl-dots{display: flex;align-items: end;right: 16px;top: 50%;flex-direction: column;gap: 9px;width:50px;}
.main-banner-area-wrap .dotta .owl-dots .owl-dot span{width: 15px;height: 15px;}

.hasbar30{background: url(images/bars-30.png) no-repeat right 10px center;background-size: auto;background-size: 34px;padding-right: 40px !important;}
.adsz{position: absolute;top: 0;left: 0;color: var(--whiteColor);opacity: .07;width: 100%;text-align: center;font-size: 200%;font-weight: 500;}

.treeto:hover{border-color:var(--main-color2)}
.treeto:hover a{color:var(--black-color);}
.bazzi{height:420px;overflow:auto}

/* .videoo{height:50px;width:50px;line-height:50px;display:inline-block;text-align:center;border-radius:100%;background:transparent;color:#fff;display:inline-block;background:rgba(255,255,255,.3);z-index:9;text-indent:0;} */

.faq-accordion{ border: 1px solid rgba(0,0,0,.12); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;overflow: hidden;}
.faq-accordion .accordion-item{ border-bottom:1px solid rgba(0,0,0,.12); border-radius:0px; overflow:hidden; padding:0; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; }
.faq-accordion .accordion-content p{padding-top:15px;padding-right: 9px;}
.faq-accordion .accordion-content ul{margin:0;padding:0;padding-left:20px}
.faq-accordion .accordion-button svg{min-width: 14px;}
.faq-accordion .accordion-button:not(.dusra),.faq-accordion .accordion-button:not(.collapsed){border:0;color:var(--black-color);padding:1rem 1.25rem;border-radius:10px}
.faq-accordion .accordion-button:hover,.faq-accordion .accordion-button:not(.collapsed):hover{color:var(--black-color)}
.faq-accordion .accordion-button::after{ background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZXllIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNiA4cy0zLTUuNS04LTUuNVMwIDggMCA4czMgNS41IDggNS41UzE2IDggMTYgOE0xLjE3MyA4YTEzIDEzIDAgMCAxIDEuNjYtMi4wNDNDNC4xMiA0LjY2OCA1Ljg4IDMuNSA4IDMuNXMzLjg3OSAxLjE2OCA1LjE2OCAyLjQ1N0ExMyAxMyAwIDAgMSAxNC44MjggOHEtLjA4Ni4xMy0uMTk1LjI4OGMtLjMzNS40OC0uODMgMS4xMi0xLjQ2NSAxLjc1NUMxMS44NzkgMTEuMzMyIDEwLjExOSAxMi41IDggMTIuNXMtMy44NzktMS4xNjgtNS4xNjgtMi40NTdBMTMgMTMgMCAwIDEgMS4xNzIgOHoiLz4KICA8cGF0aCBkPSJNOCA1LjVhMi41IDIuNSAwIDEgMCAwIDUgMi41IDIuNSAwIDAgMCAwLTVNNC41IDhhMy41IDMuNSAwIDEgMSA3IDAgMy41IDMuNSAwIDAgMS03IDAiLz4KPC9zdmc+");transform:scale(.8)!important; -webkit-transform:scale(.8)!important; -moz-transform:scale(.8)!important; -ms-transform:scale(.8)!important; -o-transform:scale(.8)!important; }
.faq-accordion .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZXllLXNsYXNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMy4zNTkgMTEuMjM4QzE1LjA2IDkuNzIgMTYgOCAxNiA4cy0zLTUuNS04LTUuNWE3IDcgMCAwIDAtMi43OS41ODhsLjc3Ljc3MUE2IDYgMCAwIDEgOCAzLjVjMi4xMiAwIDMuODc5IDEuMTY4IDUuMTY4IDIuNDU3QTEzIDEzIDAgMCAxIDE0LjgyOCA4cS0uMDg2LjEzLS4xOTUuMjg4Yy0uMzM1LjQ4LS44MyAxLjEyLTEuNDY1IDEuNzU1cS0uMjQ3LjI0OC0uNTE3LjQ4NnoiLz4KICA8cGF0aCBkPSJNMTEuMjk3IDkuMTc2YTMuNSAzLjUgMCAwIDAtNC40NzQtNC40NzRsLjgyMy44MjNhMi41IDIuNSAwIDAgMSAyLjgyOSAyLjgyOXptLTIuOTQzIDEuMjk5LjgyMi44MjJhMy41IDMuNSAwIDAgMS00LjQ3NC00LjQ3NGwuODIzLjgyM2EyLjUgMi41IDAgMCAwIDIuODI5IDIuODI5Ii8+CiAgPHBhdGggZD0iTTMuMzUgNS40N3EtLjI3LjI0LS41MTguNDg3QTEzIDEzIDAgMCAwIDEuMTcyIDhsLjE5NS4yODhjLjMzNS40OC44MyAxLjEyIDEuNDY1IDEuNzU1QzQuMTIxIDExLjMzMiA1Ljg4MSAxMi41IDggMTIuNWMuNzE2IDAgMS4zOS0uMTMzIDIuMDItLjM2bC43Ny43NzJBNyA3IDAgMCAxIDggMTMuNUMzIDEzLjUgMCA4IDAgOHMuOTM5LTEuNzIxIDIuNjQxLTMuMjM4bC43MDguNzA5em0xMC4yOTYgOC44ODQtMTItMTIgLjcwOC0uNzA4IDEyIDEyeiIvPgo8L3N2Zz4=")}
.accordion-content{padding-left:40px!important}
.depoo {position: absolute;left: 15px;}

.kidizum::before{content:'';position:absolute;height:90%;width:5px;background:#fff4ea;left:50%;top:5%;transform:translateX(-50%);}
@media(max-width:767px){
.kidizum::before{display:none;}
}

.homba li{list-style:none;border:2px solid #ffe3de;display:inline-block;margin:5px 10px 5px 0;padding:5px 10px;border-radius:4px;}
.beshakal li{list-style:none;display:inline-flex;background:var(--whiteColor);color:var(--main-color);padding:8px 14px;margin:5px 0;border-radius:6px;min-width:30%;border:1px solid #D7E2E8}
.beshakal li img{margin-right:10px;}
#details .ui-menu{height:150px;overflow:auto;}
.qq{position:absolute;right: 15px;top: 15px;opacity: .4;}
.adsz {position: absolute;top:25px;left: 0;color: var(--whiteColor);opacity: .08;width: 100%;text-align: center;font-size:70px;line-height: 1;font-weight: 500;}
@media(max-width:991px) {
.adsz {font-size: 40px;}
}

.banner-social{ position: absolute; top: 50%; left: 40px; display: flex; flex-direction: column; gap: 8px; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.banner-social a{ width: 34px; height: 34px; border: 1px solid #33333342; display: flex; align-self: center; justify-content: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;background: #fff;}
.banner-social a i{line-height: 36px;color: var(--main-color);}
.top-social-line{width: 1px;height: 130px;background: var(--main-color);opacity: 0.4;}

@keyframes goog_animate {
    0% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
40% {
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  -moz-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  -o-transform: translateX(-30px);
}
100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
}

.about-check li{position: relative;padding-left: 25px !important;}
.about-check li::before{content: '';position: absolute;left: 0;top: 5px;width: 17px;height: 17px;background: url('images/icons/verification.svg') no-repeat center center;background-size: contain;font-size: 14px;}

.flip-circle{position: absolute;left: 0;top: 68%;transform: translate(-50%, -50%);}
.banner-play-btn {width: 148px;height: 148px;border-radius: 100px;background-color: var(--main-color) !important;overflow: hidden;line-height: 135px;text-align: center;position: relative;display: inline-block;border: 5px solid #f7f7f7;}
.text-inner {animation: circle 15s linear infinite;position: relative;z-index: 22;fill: transparent;-webkit-animation: circle 15s linear infinite;}
.text-inner svg {width: 100px;max-width: 100%;height: auto;overflow: visible;word-spacing: 10px;transform: rotate(0) scaleX(1) scaleY(1);position: relative;}
.text-inner:before{position: absolute;content: "";top: 0;left:0 ;height: 16px;width: 16px;background: #fff!important;}
.text-inner text {fill: var(--whiteColor);direction: ltr;font-size: 36px;font-weight: 500;letter-spacing: 2px;}
.like {position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;width: 80px;height: 80px;line-height: 58px;border-radius: 50%;padding: 0px;display: flex;align-items: center;justify-content: center;border: 1px solid #3333331c;background: #fff;}

@media(max-width:1400px){
.flip-circle{left: 62px;}
}
@media(max-width:575px){
.banner-play-btn{width: 134px;height: 134px;line-height: 123px;}
.text-inner svg{width: 94px;}
.main-banner-area-wrap .dotta .owl-dots{top: 62%;}
}
@keyframes circle {
100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); }
0% { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
}

.doctors-main{position: relative;}

.pharmacy-cta{position: relative;box-shadow: 13px 14px 40px rgba(39, 98, 131, 0.05);}
.pharmacy-cta::before{ position: absolute; width: 318px; height: 318px; background: linear-gradient(to top, var(--main-color3), var(--main-color2)); left: -32px; bottom: -112px; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.home-opd-item{position: relative;box-shadow: 13px 14px 40px rgba(39, 98, 131, 0.05);}
.home-opd-item::before{position: absolute;width: 318px;height: 318px;background: linear-gradient(to bottom, var(--main-color), #22a0d4);right: -32px;bottom: -112px;content: '';border-radius: 50%;}
@media(max-width:1400px){
.pharmacy-cta::before {width: 292px;height: 292px;}
.home-opd-item::before {position: absolute;width: 292px;height: 292px;}
}
@media(max-width:1200px){
.pharmacy-cta::before {width: 342px;height: 342px;}
.home-opd-item::before {position: absolute;width: 342px;height: 342px;}
}
@media(max-width:991px){
.pharmacy-cta::before {width: 312px;height: 312px;}
.home-opd-item::before {position: absolute;width: 312px;height: 312px;}
}
@media(max-width:575px){
.pharmacy-cta::before {width: 292px;height: 292px;}
.home-opd-item::before {position: absolute;width: 292px;height: 292px;}
}
.marquee-main{transform: rotate(-1deg);-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg);-ms-transform: rotate(-1deg);-o-transform: rotate(-1deg);margin-bottom: -18px;}
.marquee {width:100%;overflow: hidden;color:#ddd;;min-height:44px;}
.marquee a{font-size: 22px;text-transform: capitalize;font-weight: 500;color: #fff;}
.marquee img{display: inline-block;margin: 0 18px;vertical-align: middle;animation: rotate 20s linear infinite;width: 21px;top: -3px;}
@media (max-width: 768px) {
.marquee a{font-size: 18px;}
.marquee img{width: 18px;top: -3px;margin: 0 12px;}
.marquee {min-height: 35px;}
}
@media (max-width: 575px) {
.marquee a{font-size: 16px;}
.marquee img{width: 15px;top: -2px;}
.marquee {min-height: 32px;}
}

@keyframes rotate {
    0% {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}
50% {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
}
100% {
  -webkit-transform: rotate(720deg);
  -moz-transform: rotate(720deg);
}
}
.about-points{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }

.tech-item{display: block;}
.tech-item .tech-icon{width: 59px;height: 59px;background: var(--main-color);border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-top: -32px !important;position: relative;margin: 0 auto;z-index: 1;}
.tech-item .img-wrapper{ position: relative; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;overflow: hidden;}
.tech-item .img-wrapper::before{content: "";position: absolute;left: 0;bottom: 0;right: 0;height: 0;background-image: linear-gradient(to top, var(--main-color) 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.7;transition: all ease 0.4s;z-index: 1;}
.tech-item:hover .img-wrapper::before{height: 100%;}
.tech-item{ border: 2px solid var(--white-color); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.tech-item:hover{border: 2px solid #2468af82;}

@media (min-width: 1200px) {
  .col-xl-2_5 {
    flex: 0 0 auto;
    width: 20%;
  }
}

.about-item .icon{ width: 58px; height: 58px; background: var(--main-color); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.about-item{position: relative;}
.about-item::before{ left: 0; top: 18px; width: 3px; height: 58px; content: ""; position: absolute; background-color: var(--main-color2); -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; animation: about_top_bottom 10s infinite ease-in-out; -webkit-animation: about_top_bottom 10s infinite ease-in-out; }

@keyframes about_top_bottom {
  0%{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
50%{
    transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
}
100%{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
}


.testimonial-item{background: url(images/icons/right-quote.svg) no-repeat top 15px right 4% #fff;background-size: 60px;padding-bottom: 88px !important;border: 3px solid #0d5e922b;}
.kiatro{position:absolute;left:0;bottom:20px;width:100%;}
.circle-initials{width: 52px;height: 52px;background-color: #ccc;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 21px;color: #fff;background: var(--black-color);-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;padding-top: 3px;}
.testimonial-item .quote-icon{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);opacity: 0.1;}
.testimonial-item .testi-rating-number{position: absolute;top: -8px;right: -28px;width: 44px;height: 44px;background: var(--main-color3);border-radius: 50%;color: #333;border: 2px solid #fff;display: flex;flex-direction: column;gap: 5px;align-items: center;justify-content: center;}
.testimonial-item .testi-rating-number span{line-height: 8px;}


.testimonials .testimonial-shape {position: relative;-webkit-animation: zoom 5s linear infinite;-moz-animation: zoom 5s linear infinite;-o-animation: zoom 5s linear infinite;animation: zoom 5s linear infinite;animation-delay: 0s;}
.testimonial-shape.shape-one {position: absolute;top: 110px;inset-inline-start: 225px;-webkit-animation-delay: 0.2s;-moz-animation-delay: 0.2s;-o-animation-delay: 0.2s;animation-delay: 0.2s;}
.testimonial-shape.shape-two {position: absolute;top: 385px;inset-inline-start: 60px;-webkit-animation-delay: 0.4s;-moz-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay: 0.4s;}
.testimonial-shape.shape-three {position: absolute;bottom: 140px;inset-inline-start: 300px;-webkit-animation-delay: 0.6s;-moz-animation-delay: 0.6s;-o-animation-delay: 0.6s;animation-delay: 0.6s;}
.testimonial-shape.shape-four {position: absolute;top: 95px;inset-inline-end: 332px;-webkit-animation-delay: 0.1s;-moz-animation-delay: 0.1s;-o-animation-delay: 0.1s;animation-delay: 0.1s;}
.testimonial-shape.shape-five {position: absolute;top: 265px;inset-inline-end: 80px;-webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s;-o-animation-delay: 0.3s;animation-delay: 0.3s;}
.testimonial-shape.shape-six {position: absolute;bottom: 155px;inset-inline-end: 285px;-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-delay: 0.5s;}
.testimonial-shape figure img {border-radius: 50%;width: 58px;height: 58px;object-fit: cover;}

@media(max-width:1500px){
.testimonial-shape.shape-one{inset-inline-start: 182px;}
.testimonial-shape.shape-three{bottom: 18px;}
.testimonial-shape.shape-four{inset-inline-end: 162px;}
.testimonial-shape.shape-six{bottom: 24px;inset-inline-end: 98px;}
}

@media(max-width:991px){
.testimonial-shape figure img{width: 38px;height: 38px;}
.testimonial-shape.shape-four {inset-inline-end: 78px;}
.testimonial-shape.shape-five {inset-inline-end: 22px;}
.testimonial-shape.shape-one {inset-inline-start: 59px;}
.testimonial-shape.shape-two {inset-inline-start: 16px;}
.testimonial-shape.shape-three {inset-inline-start: 102px;}
}
@media(max-width:768px){
.circle-initials {width: 48px;height: 48px;font-size: 19px;}
}
@media(max-width:565px){
.testimonial-shape figure img {width: 22px;height: 22px;}
.testimonial-shape.shape-one {inset-inline-start: 7px;}
.testimonial-shape.shape-two {inset-inline-start: -8px;}
.testimonial-shape.shape-three {inset-inline-start: 36px;}
.testimonial-shape.shape-four {inset-inline-end: 2px;}
.testimonial-shape.shape-five {inset-inline-end: -6px;}
.testimonial-shape.shape-six {bottom: 24px;inset-inline-end: 24px;}
.testimonials .testimonial-shape{display: none;}
}


@keyframes zoom {
  0% {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
50% {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
}
100% {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
}
@media (min-width: 576px) {
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
}