@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap');
/*font-family: "Outfit", serif;*/
/*font-family: "Jost", serif;*/

/*General CSS*/
*{padding: 0; margin: 0; box-sizing: border-box;}
html, body{ margin:0px; padding:0px; overflow-x: hidden;}
body { background: #fff;}

.container{max-width: 1290px; padding: 0 15px; margin: 0 auto; width: 100%}

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 15px;}
ul, ol { margin: 0 0 15px 15px; padding: 0;}
ul { list-style: disc;}
ol { list-style: decimal;}
li > ul, li > ol { margin-bottom: 0; margin-left: 15px;}
dt { font-weight: 700;}
dd { margin: 0 15px 15px;}

body, button, input, select, textarea { color: #434343; font-family: "Outfit", serif; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing:0px}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 { clear: both; line-height: 1.2; margin: 0 0 15px; padding: 0 0 0; font-family: "Jost", serif; color: #000}
h1,.h1{ font-size: 48px; font-weight: bold}
h2,.h2{ font-size: 42px; margin-bottom:10px; font-weight: 700; color: #000; line-height: 1}
h3,.h3{	font-size: 36px; font-weight: 600}
h4{	font-size: 24px; font-weight: 600}
h5{	font-size: 20px; font-weight: 600}
h6 { font-size: 18px}
h2 span,.h2 span{color: #09B4CD}

a:focus , *{ outline:none}
:-moz-placeholder { color: currentcolor; font-family: "Outfit", serif;}
*::-moz-placeholder { color: currentcolor; font-family: "Outfit", serif; opacity: 0.5}

embed, iframe, object { max-width: 100%;}
img { height: auto; max-width: 100%;}
figure { margin: 1em 0;}
table { margin: 0 0 15px; width: 100%;}

p { margin-bottom: 15px;}
p:last-child{ margin-bottom: 0;}
dfn, cite, em, i { font-style: italic;}
blockquote { margin: 0 15px;}
address { margin: 0 0 15px;}
mark, ins { background: #fff9c0; text-decoration: none;}
big { font-size: 125%;}

/* Links
--------------------------------------------- */
a { color: #1964BC; text-decoration: none;}
a:hover, a:focus, a:active { color: #1964BC;}
a:focus { outline: none;}
a:hover, a:active { outline: 0;}

p:empty { display: none;}
img{display: block; max-width: 100%;}
.sub-title {margin: 0 0 20px;font-family: "Outfit", serif; font-weight: 600; font-size: 20px; line-height: 29px; color: #09B4CD; position: relative; align-items: center; display: flex;flex-direction: row;}
.sub-title img {width: 12px; height: 12px;margin: 0 5px 0 0px;}
.theme-btn{display: flex;}
.theme-btn .btn {position: relative; font-size: 16px !important; font-weight: 700 !important;column-gap: 3px; font-family: "Outfit", serif !important;padding: 0px 14px 0 16px;display: flex; border: 1px solid #09B4CD; border-radius: 50px; background: #09B4CD;color: #ffffff ;height: 48px ;align-items: center;text-transform: uppercase;white-space: nowrap;}
.theme-btn .btn:hover{background: transparent; color: #09B4CD !important}
.center-btn{justify-content: center;}
.white-btn .btn{border: 1px solid #FFFFFF; background-color: #FFFFFF; color: #09B4CD !important;}
.white-btn .btn:hover{background: transparent; color: #FFFFFF !important}

.owl-stage-outer{overflow: hidden;}
.owl-stage {display: flex;}

/*Header*/
.site-header .top {background: #09B4CD; }
.site-header .top .inner {display: flex; justify-content: space-between; align-items: center; padding: 9px 0; color: #fff; font-size: 16px;}
.site-header .top .inner a{color: #fff; text-decoration: underline;}
.site-header .top .inner p{margin-bottom: 0}
.site-header .top .inner .social-icon ul {column-gap: 20px; } 
.site-header .top .inner ul{list-style: none; margin: 0; padding: 0; display: flex; align-items: center; column-gap: 39px;}
.site-header .top .inner .social-icon ul li a{border: 1px solid #fff; border-radius: 50%; padding: 8px;width: 30px; height: 30px; top: 8px; left: 316px; border-width: 1px; }
.site-header .top .inner ul li a, .site-header .top .inner ul li {display: flex; align-items: center; column-gap: 13px; text-decoration: none; }
.header-main {width: 100%; margin:0 auto; background:#FFFFFF; }
.header-main .inner {display: flex; align-items: center; justify-content: space-between; padding: 20px 0; column-gap: 20px; }
.header-main .inner .logo {width: 15%; } 
.header-main .inner .menu{width: 70%}
.header-main .inner .menu ul {display: flex; margin: 0; padding: 0; list-style: none; column-gap: 30px; justify-content: center;}
.header-main .inner .menu ul li{position: relative;}
.header-main .inner .menu ul li.right{display: none;}
.header-main .inner .menu ul li.active a{color: #09B4CD; border-bottom: 5px solid #09B4CD80;}
.header-main .inner .menu > ul > li{padding: 10px 0}
.header-main .inner .menu ul li a, .header-main .inner .right a {font-size: 16px; font-family: "Jost", serif; color: #000000; font-weight: 500; text-transform: uppercase;}
.header-main .inner .menu ul li.has-sub-menu > a:after{width: 11px; height: 11px; content: ''; background-image: url(../images/down-arrow.svg); background-position: center; background-repeat: no-repeat; display: inline-block; margin-left: 5px;}
.header-main .inner .menu ul li .sub-menu{display: none; position: absolute; background: #fff; box-shadow: 0 0 15px #00000017; border-radius: 5px; left: 0; top: 100%; z-index: 99999; width: 300px;}
.header-main .inner .menu ul li:hover .sub-menu{display: block;}
.header-main .inner .menu ul li .sub-menu ul {display: none !important; }
.header-main .inner .menu ul li .sub-menu li:hover ul {display: block !important; left: 100%; top: 0; }
.header-main .inner .menu ul li .sub-menu li a {width: 100%; padding: 10px 20px; display: inline-block; border-bottom: 1px solid #135EA542; text-transform: initial; line-height: normal; transition: all 400ms}  
.header-main .inner .menu ul li .sub-menu li:last-child a{border: none;}
.header-main .inner .menu ul li .sub-menu li a:hover{background-color: #09B4CD; color: #fff}
.header-main .inner .menu ul li .sub-menu li.has-submenu > a:after {width: 11px; height: 11px; content: ''; background-image: url(../images/down-arrow.svg); background-position: center; background-repeat: no-repeat; display: inline-block; margin-left: 10px; transform: rotate(269deg); position: absolute; right: 10px; top: 16px; }
.header-main .inner .menu ul li .sub-menu li.has-submenu > a:hover:after{filter: brightness(0) invert(1);}
.header-main .inner .right {display: flex ; column-gap: 30px; align-items: center; width: 15%; justify-content: end;}
.header-main .inner .right.theme-btn .btn{color: #fff; border-radius: 6px; padding: 0 30px;}
.header-main .inner .menu ul li a:hover, .header-main .inner .right a:hover{color: #09B4CD;}


/*Footer CSS*/
.footer-section{width: 100%; float: left; background-image: url(../images/Rectangle-34.png);background-position: center; background-size: cover; overflow: hidden; border-radius: 20px 20px 0 0}

.footer-section .top-part {padding: 95px 0 66px;}
.footer-section .top-part .inner {display: flex; column-gap: 75px; }
/* .footer-section .top-part .inner .footer-col .address a {display: flex ; align-items: center; column-gap: 15px; color: #000000; font-size: 20px; margin-bottom: 10px; margin-top: 10px; }
.footer-section .top-part .inner .footer-col .address a img {width: 32px; } */
.footer-section .top-part .inner .footer-col-1 {max-width: 350px; font-family: 'Jost'; font-weight: 400; font-size: 16px; line-height: 23px; color: #000000; }
.footer-section .top-part .inner .footer-col-1 > img {margin-bottom: 20px; }
.footer-section .top-part .inner .footer-menu h4 {position: relative; font-family: 'Jost'; font-weight: 600; font-size: 24px; line-height: 35px; text-transform: uppercase; color: #09B4CD; margin-bottom: 25px;}.footer-section .top-part .inner .footer-menu h4:after{content:''; position: absolute; width: 47px; height: 5px; background: #09B4CD; border-radius: 15px; left: 0; bottom: -5px}
.footer-section .top-part .inner .footer-menu ul {margin: 0; list-style: none; display: flex; flex-direction: column; row-gap: 10px; }
.footer-section .top-part .inner .footer-menu ul li a{font-family: 'Outfit'; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; padding-left: 30px; position: relative; white-space: nowrap; transition: all 400ms}
.footer-section .top-part .inner .footer-menu ul li a:hover{opacity: 0.6}
.footer-section .top-part .inner .footer-menu ul li a:before{width: 20px; height: 22px; background-image: url(../images/right-arrow.svg); background-repeat: no-repeat; background-position: center; content: ''; position: absolute; left: 0; top: 1px}
.footer-section .top-part .inner .social-icon h4 {position: relative; font-family: 'Jost'; font-weight: 600; font-size: 24px; line-height: 35px; text-transform: uppercase; color: #09B4CD; margin-bottom: 25px;}
.footer-section .top-part .inner .social-icon h4:after{content:''; position: absolute; width: 47px; height: 5px; background: #09B4CD; border-radius: 15px; left: 0; bottom: -5px}
.footer-section .top-part .inner .social-icon ul {margin: 0; list-style: none; display: flex; flex-direction: column; row-gap: 23px; }
.footer-section .top-part .inner .social-icon ul li{display: flex; column-gap: 13px;}
.footer-section .top-part .inner .social-icon ul li a{font-family: 'Outfit'; font-weight: 400; font-size: 18px; display: flex; column-gap: 13px; line-height: 24px; color: #000000; position: relative; white-space: nowrap; transition: all 400ms}
.footer-section .top-part .inner .social-icon ul li a:hover{opacity: 0.6}
.footer-section .top-part .inner .social-icon ul li img {padding-right: 15px;}

.footer-section .bottom-part {width: 100%; }
.footer-section .bottom-part .inner {display: flex; justify-content: space-between; align-content: center;justify-content: center;border-top: 1px solid #1964BC}
.footer-section .bottom-part .inner .copyright-text {font-family: 'Jost'; font-weight: 400; font-size: 18px; line-height: 26px; color: #000000;padding:32px 0 68px }


@keyframes slide {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 20000px 0;
    }
}


/*home page css*/
.hero-section {position: relative;}
.hero-section .owl-stage-outer{overflow: hidden;}
.hero-section .owl-stage {display: flex;}
.hero-section .item { background-image: url(../images/hero-img-1.jpg);background-size: cover;background-repeat: no-repeat;height: 700px !important;padding: 200px 160px 0;}
.hero-section .item { display: flex; position: relative;}
.hero-section .item .content-box {width: 625px; height: 340px; border-radius: 20px; z-index:9;background-color: #FFFFFFB2;padding:40px 40px 20px; }
.hero-section .item .content-box .inner { color: #000000; }
.hero-section .item .content-box .inner h1 {color: #09B4CD; margin-bottom: 25px; }
.hero-section .item .content-box .inner .theme-btn{background-color: transparent; color: #09B4CD; border: none; padding: 0; font-size: 20px !important; font-weight: 600 !important; column-gap: 6px;} 
.hero-section .owl-dots {position: absolute; left: 49%;bottom: 2%; transform: translate(0px, -50%); display: flex; flex-direction: row;gap:10px;}
.hero-section .owl-dots .owl-dot {width: 15px; height: 15px;border: 1px solid #09B4CD; border-radius: 15px; opacity: 0.5; transition: all 400ms; cursor: pointer;}
.hero-section .owl-dots .owl-dot.active{width: 15px; opacity: 1; background-color: #09B4CD;}
.hero-section .owl-nav .owl-prev, .hero-section .owl-nav .owl-next {position: absolute; top: 60%; left: 15px; z-index: 99; width: 50px; height: 50px; background-image: url(../images/slider-arrow-left-n.svg); background-repeat: no-repeat; background-position: center; font-size: 0; cursor: pointer; transform: translate(0, -50%); }
.hero-section .owl-nav .owl-next {left: initial; right: 15px; background-image: url(../images/slider-arrow-right-n.svg); }
.hero-section .item-2 { background-image: url(../images/hero-img-2.jpg);background-size: cover;background-repeat: no-repeat;}
.hero-section .item-3 { background-image: url(../images/hero-img-3.jpg);background-size: cover;background-repeat: no-repeat;}
.hero-section .item-4 { background-image: url(../images/hero-img-4.jpg);background-size: cover;background-repeat: no-repeat;}
.hero-section .item-5 { background-image: url(../images/hero-img-5.jpg);background-size: cover;background-repeat: no-repeat;}

.hero-bottom-part{width: 100%; display: inline-block; padding: 50px 0; position: relative; background-color: #09B4CD;}
.hero-bottom-part .inner ul {margin: 0; display: flex; column-gap: 30px; justify-content: center; list-style: none; }
.hero-bottom-part .inner ul li {display: flex;align-items: center; width: 40%; column-gap: 20px; }
.hero-bottom-part .inner ul li:first-child{border-right: 1px solid #fff;}
.hero-bottom-part .inner ul li .icon img {display: block; min-width: 42px; margin: 0 auto; }
.hero-bottom-part .inner ul li .title h5{margin: 0; text-transform: uppercase; color: #fff;}
.hero-bottom-part .inner ul li a, .hero-bottom-part .inner ul li span {font-weight: 600; font-size: 20px; line-height: 38px; color: #FFFFFF; font-family: 'jost'; align-content: center; }
.hero-bottom-part .inner ul li span{font-size: 16px; line-height: normal;}
.hero-bottom-part .inner ul li .theme-btn{}
.hero-bottom-part .inner ul li .theme-btn:hover{background: transparent; color: #fff !important; border: 1px solid #fff;}


.about-section {width: 100%; padding: 90px 0 160px; background-image: url(../images/about-bg.png); background-repeat: no-repeat; background-position: left top;}
.about-section .inner {display: flex ; column-gap: 30px; align-items: center; }
.about-section .inner .col{width: 50%}
.about-section .inner .left-box {position: relative; }
.about-section .inner .left-box img {width: 80%;  }
.about-section .inner .left-box::after {content: ""; position: absolute; min-width: 260px; min-height: 343px;  right: 0;top: 44%; margin: 0; background-image: url(../images/about-img-2.jpg); background-repeat: no-repeat;background-size: cover;}
.aboutus-section-2 .inner .left-box::after {background-image: none;}
.about-section .inner .left-box::before {content: ""; position: absolute; min-width: 260px; min-height: 343px; left: -14px; top: -22px; margin: 0; background-image: url(../images/about-img-3.png); background-repeat: no-repeat; background-size: cover; z-index: -9; }

.about-section .inner .right-box  h2{line-height: 47px;}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.services-section{background-color: #EFF8FF; padding: 73px 0 300px;clear: both;}
.services-section::before{content: '';background-image: var(images/);}
.services-section .inner .top-part{text-align: center; max-width: 620px;margin: 0 auto 30px;}
.services-section .inner .top-part .sub-title{justify-content: center;}
.services-section .inner .box-list {position: relative; display: flex ; row-gap: 30px; column-gap: 30px; justify-content: center; flex-wrap: wrap; }
.services-section .inner .box-list .box-item {width: calc(33.33% - 20px); display: flex; flex-direction: column; padding: 29px 17px;box-shadow: 0px 0px 15px 0px #00000026; border-radius:20px; background-color: #ffff;}
.services-section .inner .box-list .box-item .item-content h5{padding: 18px 0 0;}
.services-section .inner .box-list .box-item .item-content h5 a{color: #000000;}
.services-section .inner .box-list .box-item .service-btn{ margin-top: auto;}
.services-section .inner .box-list .box-item .btn{margin-top: 15px; display: flex ; align-items: center; color: #09B4CD;text-transform: uppercase;font-size: 16px;font-weight: 600;}
.services-section .inner .box-list .box-item .btn img{padding: 0 0 0 15px;}
.services-section .inner .theme-btn{padding: 0 0 0 20px; display: flex ; border-radius: 50px; justify-content: center; margin: 60px auto 0;}
.services-section .inner .theme-btn img {padding: 0 0 0 15px; }
.services-slider .owl-item {overflow: hidden;padding: 10px;}
.services-slider .owl-dots {display: none; }
.services-slider.owl-loaded.owl-drag .owl-nav {position: absolute; right: 0; top: -90px; display: flex ; column-gap: 12px; }
.services-slider.owl-loaded.owl-drag .owl-nav .owl-prev, .services-slider.owl-loaded.owl-drag .owl-nav .owl-next {width: 50px; height: 50px; background-image: url(../images/slider-arrow.svg); background-repeat: no-repeat; background-position: center; font-size: 0; cursor: pointer; }
.services-slider.owl-loaded.owl-drag .owl-nav .owl-next {transform: rotate(180deg); }


.video-section { margin-top: -250px; padding: 0 10px;}
.video-section .container{width: 100%; height: 500px;background-image: url(../images/video-bg.png);display: flex; align-items: center; justify-content: center;border-radius: 30px;}
.video-section .content{text-align: center; width: 600px;}
.video-section .content .sub-title{justify-content: center; color: #fff;}
.video-section .content h2{color: #fff; margin-bottom: 50px;}
.video-section .content a{  font-size: 16px; color: #fff; text-decoration: none;border: 2px solid #fff; padding: 15px 25px;border-radius: 50px;transition: 0.3s;}
.video-section .content a:hover{background-color: #fff;color: #000;}
.video-section .inner .theme-btn {background-color: #fff; color: #09B4CD !important;border: none; height: 48px; padding: 0;align-items: center; display: flex;width: 30%; border-radius: 50px;justify-content: center;margin: 60px auto 0;}
.video-section .inner .theme-btn img{padding: 0 0 0 15px; height: 24px;}
.video-section .inner .theme-btn #myPopup {position: fixed; top: 0; left: 0; width: 100%; background: rgb(0 0 0 / 90%); z-index: 999; height: 100%; overflow: hidden; }
.video-section .inner .theme-btn #myPopup video {position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; border-radius: 0; height: 500px; }
.video-section .inner .theme-btn #myPopup::before {    content: ''; position: absolute; background-image: url(../images/close.png); right: 20%; top: 12%; width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; z-index: 99; overflow: hidden;}
.popup {position: relative; cursor: pointer; }  
.popup .popuptext {visibility: hidden; }     
.popup .show {visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } 
  
  @-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
  }
  
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }


.our-specialties-section{padding: 90px 0 100px;clear: both;}
.our-specialties-section .inner{display: flex; gap: 30px;}
.our-specialties-section .inner .box-list{background-color: #09B4CD1A; border-radius: 10px; display: flex;}
.our-specialties-section .inner .box-list .left-box img {min-height: 341px; }
.our-specialties-section .inner .box-list .right-box{width: 50%;padding: 15px 0 0 15px;}
.our-specialties-section .inner .box-list .right-box h2{font-size: 28px;line-height: 30px;font-weight: 700;}
.our-specialties-section .inner .box-list .right-box p{ font-size:16px; }

.testimonial-section{padding: 90px 0; float: left; width: 100%;}
.testimonial-section .top {max-width: 816px; margin: 0 auto 50px; text-align: center;}
.testimonial-section .top .sub-title{justify-content: center;}
.testimonail-slider{padding: 0 90px; position: relative;}
.testimonail-slider .owl-stage-outer{overflow: hidden;}
.testimonail-slider .owl-stage {display: flex; column-gap: 10px;}
.testimonail-slider .owl-item { overflow: hidden;padding: 10px;}
.testimonail-slider .owl-item .box-item {box-shadow: 0px 0px 15px 0px #00000040; border-radius: 10px;text-align: center; padding: 80px 20px 36px 20px; position: relative;display: flex ; flex-direction: column; height: 100%;}
.testimonail-slider .owl-item .box-item::after {content: ''; width: 50px; height: 50px; background-image: url(../images/icon-testimonial-quote.png); position: absolute; background-repeat: no-repeat; left: 40%; top: 15px; }
.testimonail-slider .owl-item .star {margin-bottom: 10px; }
.testimonail-slider .owl-item h3 {margin: auto 0;font-weight: 600; font-size: 18px; color: #09B4CD; margin-bottom: 0; }
.testimonail-slider .owl-item .sub-title {font-weight: 500; font-size: 14px; line-height: 24px; text-transform: uppercase; color: #999999; margin-bottom: 12px; }
.testimonail-slider .owl-item .sub-title::after{display: none;}
.testimonail-slider .owl-dots {display: none; }
.testimonail-slider .owl-nav {display: flex;justify-content: center;column-gap: 30px;margin: 43px 0 0;}
.testimonail-slider .owl-nav .owl-prev, .testimonail-slider .owl-nav .owl-next {width: 50px; height: 50px; background-image: url(../images/slider-arrow.svg); background-repeat: no-repeat; background-position: center; font-size: 0; cursor: pointer; }
.testimonail-slider .owl-nav .owl-next {transform: rotate(180deg); }

.gallery-section-2{padding: 65px 0; float: left; width: 100%; background-color: #09B4CD33; position: relative;}
.gallery-section-2::before{content: ''; position: absolute; background-image: url(../images/icon-star.svg); right: 65px; top: 55px; width: 40px; height: 40px; background-size: cover; background-repeat: no-repeat;}
.gallery-section-2 .theme-btn {margin: 50px auto 0; }
.gallery-section-2 .top {margin-bottom: 40px; }
.gallery-section-2 .top .sub-title::after {left: 50%; transform: translate(-50%); }
.gallery-slider{position: relative;}
.gallery-slider .item {width: 100%; display: flex ; padding: 10px; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15)); justify-content: center; align-items: center; }
.gallery-slider .item img{height: 300px; object-fit: cover; width: 300px;}
.gallery-slider.owl-loaded.owl-drag .owl-item{padding-bottom:5px;}
.gallery-slider.owl-loaded.owl-drag .owl-nav {position: absolute; right: 0; top: -90px; display: flex ; column-gap: 12px; }
.gallery-slider.owl-loaded.owl-drag .owl-nav .owl-prev, .gallery-slider.owl-loaded.owl-drag .owl-nav .owl-next {width: 50px; height: 50px; background-image: url(../images/slider-arrow.svg); background-repeat: no-repeat; background-position: center; font-size: 0; cursor: pointer; }
.gallery-slider.owl-loaded.owl-drag .owl-nav .owl-next {transform: rotate(180deg); }

.why-choose-us-section{padding: 75px 0 90px; background-color: #EFF8FF; text-align: center;position: relative;}
.why-choose-us-section::before{content: ''; position: absolute; background-image: url(../images/icon-star.svg); left: 30px; bottom: 55px; width: 40px; height: 40px; background-size: cover; background-repeat: no-repeat;}
.why-choose-us-section .top {max-width: 816px; margin: 0 auto 50px; text-align: center;}
.why-choose-us-section .top .sub-title{justify-content: center;} 
.why-choose-us-section .inner {display: flex ;align-items: center;}
.why-choose-us-section .inner ul{margin: 0; list-style: none; display: flex ; flex-direction: column; row-gap: 10px;}
.why-choose-us-section .inner .box-item{display: flex; column-gap: 30px;padding: 0 0 50px;}
.why-choose-us-section .inner .box-item .title{max-width: 300px;}
.why-choose-us-section .inner .box-item .title h5{margin: 0;}
.why-choose-us-section .inner .box-item .title p{font-family: Outfit; font-weight: 300; font-size: 14px; line-height: 20px;}
.why-choose-us-section .inner .box-item .image{}
.why-choose-us-section .inner .box-item .image img{min-width: 80px; min-height: 80px;}
.why-choose-us-section .inner .left-box{padding: 0 50px 0 0;}
.why-choose-us-section .inner .left-box .box-item{text-align: right;}
.why-choose-us-section .inner .right-box .box-item{text-align: left;}
.why-choose-us-section .inner .right-box {padding: 0 0 0 50px; }
.why-choose-us-section .inner .center-box img{    max-width: 260px; height: 262px;}
.why-choose-us-section .theme-btn {display: flex;border-radius: 50px;justify-content: center;margin: 0 auto 0;}
.why-choose-us-section .theme-btn a{column-gap: 10px;}

.contact-section {padding: 90px 0; width: 100%; float: left; }
.contact-section .inner {display: flex ; column-gap: 30px; }
.contact-section .inner .col {width: 50%; position: relative;}
.contact-section .inner .col iframe{width: 100%; display: block; height: 100%; border-radius: 15px;}
.contact-section .inner h2 {color: #000; font-size: 42px; line-height: 47px; margin-bottom: 20px; }

.contact-section .inner .social-icon {margin: 0; list-style: none; display: flex; flex-direction: column; row-gap: 23px; }
.contact-section .inner .social-icon li{display: flex;column-gap: 13px;}
.contact-section .inner .social-icon li a{font-family: 'Outfit'; font-weight: 400; font-size: 18px; display: flex; line-height: 24px; color: #000000; position: relative; white-space: nowrap; transition: all 400ms;column-gap: 13px;}
.contact-section .inner .social-icon li a:hover{opacity: 0.6}
.contact-section .inner .social-icon li img {padding-right: 15px;}
.contact-section .inner .theme-btn {margin: 45px 0 0 0;}

.inner-banner-section {padding: 80px 0; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../images/hero-img-1.jpg); position: relative; }
.inner-banner-section::before{content: "";position: absolute; background-color: #00000054; top: 0;right: 0; width: 100%;height: 100%;}
.inner-banner-section .inner h1 {color: #fff; text-align: center; text-transform: uppercase; }

.contact-section .inner .col iframe{width: 100%; display: block; height: 100%; border-radius: 15px;}
.contact-section .inner .contact-form {background: #09B4CD; border-radius: 15px; padding: 40px; }
.contact-section .inner .contact-form h2 {color: #fff; font-size: 30px; text-transform: uppercase; margin-bottom: 20px; }
.contact-section .inner .contact-form form {display: flex ; flex-wrap: wrap; column-gap: 30px; row-gap: 30px; }
.contact-section .inner .contact-form form .control-group, .contact-section .inner .contact-form form .form-action {width: 100%; }
.contact-section .inner .contact-form form .form-action .theme-btn {background: #fff; color: #09B4CD !important; border-radius: 0; border: 2px solid #fff;height: 55px; padding: 0 30px; border-color: #fff !important; font-size: 20px; }
.contact-section .inner .contact-form form .form-action .theme-btn:hover{background: transparent; color: #fff !important;}
.contact-section .inner .contact-form form .control-group.half {width: calc(50% - 15px); }
.contact-section .inner .contact-form form .control-group input,.contact-section .inner .contact-form form .control-group select, .contact-section .inner .contact-form form .control-group textarea {width: 100%; height: 50px; padding: 15px 0; background: transparent; border: none; color: #fff; border-bottom: 1px solid #ffff; }
.contact-section .inner .contact-form form .control-group select option{color: #333;}
.contact-section .inner .contact-form form .control-group input::placeholder, .contact-section .inner .contact-form form .control-group textarea::placeholder{color: #fff;}
.contact-section .inner .contact-form form .control-group textarea{height: 130px;}

/*services page css*/
.aboutus-section-2 .inner{align-items: flex-start;}
.list-type-check {display: flex ; flex-direction: column; row-gap: 10px; list-style: none; margin: 19px 0 30px; }
.list-type-check li{padding-left: 35px; background-image: url(../images/checked.png); background-repeat: no-repeat; background-position: 0px 2px; color: #000; background-size: 25px;}
.list-type-check.half li {width: calc(50% - 15px); }
.list-type-check.half {flex-direction: initial; flex-wrap: wrap; column-gap: 15px; margin-bottom: 0;}

.why-chooes-section-2{padding: 0 0 50px;}

.why-chooes-section-3{padding: 73px 0;}
.why-chooes-section-3 .inner .box-list{row-gap: 60px;}
.why-chooes-section-3 .inner .box-list .box-item {padding: 0;}
.why-chooes-section-3 .inner .box-list .box-item .item-content{padding: 29px 17px;}
.why-chooes-section-3 .inner .box-list .box-item .image img {width: 100%;border-radius: 20px 20px 0 0;}
.why-chooes-section-3 .inner .box-list .box-item .item-content p{margin: 0;}

.gallery-section {text-align: center;}
.tabs { margin-bottom: 20px;}
.tabs button {padding: 10px 14px;margin: 0 10px 10PX 0;cursor: pointer; background-color: transparent; border: 1px solid #09B4CD; border-radius: 5px; transition: background-color 0.3s; }
.tabs button.active {background-color: #09B4CD; color: #fff; }
.gallery {display: flex; flex-wrap: wrap; justify-content: center; }
.gallery div {display: none; flex-wrap: wrap; column-gap: 30px; row-gap: 30px; width: 100%; justify-content: center;}
.gallery div a{width: calc(25% - 23px);} 
.gallery img {border-radius: 5px;max-height: 219px;object-fit: cover;width: 100%;min-height: 219px;}

/*Responsive*/
@media (min-width: 1024px) {
    .fixed-header {position: fixed !important; top: 0; left: 50%; width: 100%; z-index: 9; transform: translate(-50%); box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
    .header-main.fixed-header .inner{padding: 15px 0;}
    .hide-desktop{display: none !important;}
    .mobile-menu{display: none !important;}

}

@media (min-width: 768px) {
  .row_flex {display: flex; gap: 50px; align-items: flex-start; justify-content: space-between;}
  .row_flex .row_inner {width: 43%; display: flex ; flex-direction: column; row-gap: 15px; }
  .row_flex .row_inner.accordion_images {width: 52%; position: relative; padding: 0;}
  .row_flex .row_inner.accordion_images img {z-index: 9; border-radius: 10px; width: 100%;}
  .accordion_content .accordion_image {display: none; }
}

@media (max-width: 1439px) {}
@media (max-width: 1365px) {
    .footer-section .middle-box .inner{column-gap: 35px;}
    .footer-section .middle-box .inner .footer-menu h4{font-size: 17px;}
    .footer-section .middle-box .inner .footer-menu ul li a{font-size: 16px;}

    .global-leader-section::after{width: 400px;height: 400px;top: auto; bottom: 0;}
}
@media (max-width: 1279px) {}
@media (max-width: 1179px) {    
    body, button, input, select, textarea{font-size: 15px;}
    .footer-section .middle-box .inner{column-gap: 25px;}
    .footer-section .top-part .inner{column-gap: 19px;}
    .footer-section .top-part .inner ul li span{font-size: 16px !important;}
    .footer-section .top-part .inner ul li a, .footer-section .top-part .inner ul li span{font-size: 20px;}
    .footer-section .top-part .inner .footer-menu h4{font-size: 20px;}
    .footer-section .top-part .inner .social-icon h4{font-size: 20px;}

    .list-type-check.half{column-gap: 0px;}
    .list-type-check li{background-size: 18px;padding-left: 25px;}
    .header-main .inner .menu ul{column-gap: 20px;}

    .tabs button{padding: 6px 8px;}


}
@media (max-width: 1023px) {
    h2, .h2 , h3, .h3 {font-size: 30px; }
    body, button, input, select, textarea{font-size: 15px;}
    .hide-mobile{display: none !important;}
    .site-header{position: unset;}
    .mobile-menu {width: 40px; height: 40px; border: 3px solid #09b4cd; background: #09b4cd; padding: 6px 5px; }
     .mobile-menu span {position: relative; float: left; margin: 3px 0; height: 2px; width: 100%; padding: 0; background-color: #fff; }
    .header-main{max-width: 100%;position: relative;}
    .header-main .inner .menu {display: none; position: absolute;top: 100%; right: 0; z-index: 9; background: #ffff; width: 100vw;}
    .header-main .inner .menu ul{display: inline-block; width: 100%;}
    .header-main .inner .menu > ul > li{padding: 10px 15px;border-bottom: 1px solid #ccc;}
    .header-main .inner .menu ul li.active a{border: none;}
    .header-main .inner .menu ul li.right{display: block;width: 100%;}
    .header-main .inner .right{display: none;}
    .footer-section .top-part{padding: 30px 0 30px;}
    .footer-section .top-part .inner{flex-wrap: wrap;row-gap: 30px;}
    .footer-section .top-part .inner .footer-col-1{max-width: 100%}
    .footer-section .top-part .inner ul li .icon{width: 20%;margin: 0 auto;}
    .footer-section .top-part .inner ul li a, .footer-section .top-part .inner ul li span{line-height: 25px;}
    .footer-section .bottom-part .inner .copyright-text{padding: 15px 0;}
    
    .hero-section .owl-stage{flex-wrap: wrap;}
    .hero-section .item{flex-wrap: wrap;height: auto;}
    .hero-section .item .image-box{position: initial;width: 100%;}
    .hero-section .item .content-box .inner{width: 100%;}
    .hero-section .item .content-box .inner h1{max-width: 100%;}
    .hero-bottom-part .inner ul{flex-wrap: wrap;row-gap: 30px;}
        

    .hero-section .item{height: 550px !important; padding: 100px 100px 0;}
/*    .hero-section .owl-dots{position: initial; flex-direction: revert; column-gap: 4px; justify-content: center; width: 100%;margin-bottom: 15px;}*/
    .waterpump-section .box-list{column-gap: 10px;}
    .about-section .inner{flex-wrap: wrap; justify-content: center;row-gap: 30px;}
    .about-section .inner .left-box::after{min-width: 210px;min-height: 290px;}
    .about-section .inner .col {width: 100%;}
    .about-section .inner .left-box h3{padding: 150px 0 0 0;font-size: 17px;top: 10px;line-height: 25px;width: 200px; height: 273px;background-size: 100%;}
    .product-slider .item .item-content h3{font-size: 18px}
    .product-slider .owl-nav {width: 100%; display: flex; align-content: center;position: initial; margin: 15px 0; justify-content: center; }
    .customer-logo,  .about-section, .service-section, .product-section, .testimonial-section, .global-leader-section, .contact-section, .product-content{padding: 50px 10px;}
    .testimonail-slider .owl-nav{margin: 10px 0 0;}
    .testimonail-slider .owl-item .box-item::before {left: -10px;}
    .testimonail-slider .owl-item .box-item::after {left: 13px;}
    .services-section{padding: 40px 0 300px;}
    .services-section .inner .box-list{flex-wrap: wrap; }
    .services-section .inner .box-list .item{width: calc(50% - 15px);}
    .services-section .inner .theme-btn{margin: 30px auto 0;}
    .our-specialties-section{padding: 40px 0;}
    .our-specialties-section .inner{flex-wrap: wrap ;}

    .why-choose-us-section{padding: 35px 0 20px;}
    .why-choose-us-section .inner{flex-wrap: wrap;row-gap: 35px;}
    .why-choose-us-section .inner .left-box, .why-choose-us-section .inner .right-box, .why-choose-us-section .inner .center-box  {width: 100%;}
    .why-choose-us-section .inner .center-box{display: flex;justify-content: center;}
    .why-choose-us-section .inner .box-item{justify-content: center;}

    .waterpump-section .box-list .item h4{font-size: 14px; line-height: 19px;}
    .mission-vission .inner .col{padding: 31px 30px 30px 70px;}
    .mission-vission .inner .col .img{width: 70px;height: 70px;}
    .aboutus-section-2 .list-type-check.half{column-gap: 15px;}
    .inner-banner-section{padding: 70px 0;}
    .aboutus-section .inner, .aboutus-section-2 .inner{flex-wrap: wrap;row-gap: 50px;}
    .aboutus-section .inner .col, .aboutus-section-2 .inner .col{width: 100%;}
    .aboutus-section .inner .left-box{justify-content: center;}
    .global-leader-section::after{width: 340px;height: 340px;top: auto; bottom: 0;}
    .global-leader-section .left-box ul li .number {font-size: 25px;}  
    .accordion_content{font-size: 15px;line-height: 22px;}
    .accordion .accordion_intro{padding: 15px;}  
    .accordion_active .accordion_content{padding: 0 15px 15px;}
    .accordion h4{font-size: 16px;}
    .accordion_active .accordion_content{padding: 0 15px 30px;}

    .product-content .inner{column-gap: 15px;}
    .product-content .inner .sidebar .sidebar-menu > ul > li > a{padding: 13px 9px;}
    .product-content .inner .sidebar .sidebar-menu > ul > li > span{right: -8px; top: 0;}
    .product-content .inner .sidebar .pdf-download a{font-size: 16px;padding: 15px 5px;}
    .product-content .inner .sidebar .pdf-download a img{width: 25px;}
    .product-content .inner .primery-content .content-image-part{column-gap: 10px;}
    .product-content .inner .sidebar h4{padding: 10px; font-size: 17px;}
    .product-slider-2 .owl-nav{display: none;}
    .product-filter-section .item .image img{height: 160px;}
    .product-filter-section .item .item-content {padding: 20px;}
    .product-filter-section .item .item-content h3{font-size: 16px;}
    .product-filter-section .item .item-content .btn {right: 5px;}
    .product-filter-section .item .item-content .btn img{width: 50px;}

    .video-section .container{height: 300px;}

    .service-section .social-icon ul li {padding:15px 0;}
    .gallery-section-2{padding: 35px 0;}
    .gallery-section-2 .inner {grid-template-columns: repeat(3, 1fr);}
    .team-section{padding: 30px 0;}
    .team-bottom-part{padding: 0 0 30px;}
    .contact-section .inner{flex-wrap: wrap;}
    .contact-section .inner .col{width: 100%;}
    .gallery div a{width: calc(33.33% - 23px)}
    .why-chooes-section-3{padding: 40px 0;}
    .why-chooes-section-3 .inner .box-list .box-item{width: calc(50% - 20px);}
    .why-chooes-section-3 .inner .box-list {row-gap: 40px; }


     
}
@media (max-width: 767px) {
    h1, .h1{font-size: 32px;}
    h2, .h2, h3, .h3{font-size: 25px;}
    .header-main .inner .logo{width: auto;}
    .header-main .inner .logo img{width: 200px;}
    .site-header .top .inner{flex-wrap: wrap;row-gap: 15px;font-size: 14px;}
    .site-header .social-icon{display: none;}
    .site-header .top .inner .social-icon ul{column-gap: 8px;}
    .site-header .top .inner ul{column-gap: 15px;}
    .site-header .top .inner ul li a, .site-header .top .inner ul li{column-gap: 5px;}
    .footer-section .top-part{padding: 40px 0 10px ;}
    .footer-section .top-part .inner ul{flex-wrap: wrap;row-gap: 20px;}
    .footer-section .top-part .inner ul li{width: 100% !important;display: flex;}
    .footer-section .top-part .inner ul li .icon {width: auto;margin: 0;}
    .site-header .top .inner .contact-info {width: 100%; }
    .site-header .top .inner .contact-info ul{justify-content: center;}
    .header-main .inner{padding: 10px 0}
    .footer-section .middle-box .inner{display: initial;}
    .footer-section .footer-col {padding: 0 0 20px;}
    .footer-section .top-part .inner{column-gap: 12px;}
    .footer-section .top-part .inner .social-icon ul li{column-gap: 3px;}
    .footer-section .top-part .inner .social-icon ul li img{padding-right: 5px;}
    .accordion_images {display: none; }
    .accordion_content .accordion_image {display: block; margin-bottom: 20px; }

    .footer-section .middle-box .inner .footer-col-1{text-align: left;}
    .footer-section .middle-box .inner .footer-col .address a, .footer-section .middle-box .inner .footer-col .pdf ul {justify-content: flex-start; }
    .hero-section .item {height: 500px !important; padding: 60px 10px; }
    .hero-section .owl-nav .owl-prev, .hero-section .owl-nav .owl-next{top: 93%;}
    .about-section{padding: 50px 10px !important;}
    .about-section .inner{flex-wrap: wrap;row-gap: 30px;}
    .about-section .inner .col{width: 100%;}
    .about-section .inner .left-box img{width: 90%;}
    .about-section .inner .left-box h3 {padding: 184px 0 0 0; font-size: 18px; top: 30px; line-height: 25px; width: 220px; height: 310px; }
    .about-section .inner .col.right-box {margin: 32px 0 0; }
    .aboutus-section-2{padding: 50px 10px 80px !important}
    .aboutus-section-2 .inner .col.right-box {margin: 0; }
    .why-choose-us-section .inner .left-box{padding: 0;}
    .why-choose-us-section .inner .right-box{padding: 0}
    .why-chooes-section .inner .left-box img{max-width: 100%;}
    .accordion{margin-bottom: 15px;}
    .customer-logo,  .about-section, .service-section, .product-section, .logos-section{padding: 25px 0;}
    .testimonail-slider{padding: 0;}
    .testimonail-slider .owl-nav{display: flex; flex-wrap: nowrap; width: 100%; justify-content: center; margin-top: 15px;}
    .testimonail-slider .owl-nav .owl-prev, .testimonail-slider .owl-nav .owl-next{ display: flex; align-content: center; position: initial; justify-content: center;transform: none;}
    .waterpump-section .box-list {flex-wrap: wrap;row-gap: 20px;justify-content: center; }
    .waterpump-section .box-list .item{width: 48%;}
    .waterpump-section .box-list .item::before {display: none;}
    .waterpump-section .box-list .item h4{font-size: 13px; line-height: 19px;}
    .waterpump-section h3{font-size: 18px;line-height: 25px;}
    .other-service-section .tab__content-item.is--active {flex-wrap: wrap;row-gap: 20px;}
    .other-service-section .tab__content-item .left-box{order: 1;}
    .other-service-section .tab__content-item .left-box, .other-service-section .tab__content-item .right-box{width: 100%;}
    .other-service-section .tab__content-item .right-box img{box-shadow: 10px 10px 0px #1964BC;}
    .other-service-section .tab__list{flex-wrap: wrap;row-gap: 15px;}
    .other-service-section .tab__item{min-width: 20%;}
    .mission-vission .inner{flex-wrap: wrap;row-gap: 20px;}
    .list-type-check.half li {width: calc(100% - 15px); }
    .contact-section .inner {flex-wrap: wrap; flex-direction: column-reverse;row-gap:20px; }
    .contact-section .inner .col{width: 100%;}
    .contact-section .inner .col iframe{height: 300px;}
    .contact-section .inner .contact-form{padding: 20px;}
    .services-section .inner .box-list .box-item{width: calc(50% - 20px);}
    .service-section .social-icon ul {flex-wrap: wrap; row-gap: 20px; }
    .service-section .social-icon ul li {width: 100% !important; display: flex; align-items: center;text-align: left;padding: 15px;column-gap: 20px;}

    .service-section .social-icon ul li .icon {width: auto; margin: 0; }
    .service-section .social-icon ul li span br {display: none; }

    .product-content .inner{flex-wrap: wrap;row-gap: 15px;}
    .product-content .inner .sidebar{width: 100%;order:2; }
    .product-content .inner .primery-content{width: 100%;}
    .product-filter-section .item{width: calc(50% - 20px);}
    .product-filter-section .filter{margin-top: 25px;}
    .product-filter-section .filter #filterOptions li a{min-width: 50px; height: 38px;}

    .team-section .inner{flex-wrap: wrap; row-gap: 30px;}

    .gallery div a{width: calc(50% - 23px)}





}
@media (max-width: 639px) {
    .footer-section .footer-col{width: 100%}
    .footer-section .top-part .inner{row-gap: 10px;}
    .gallery-section-2 .inner {display: grid; grid-template-columns: 1fr; grid-gap: 1rem; }
    .global-leader-section::after{width: 100%; height: 100%; opacity: 0.2;z-index: -9;}
    .global-leader-section .left-box{width: 100%; }
    .global-leader-section .left-box ul li{padding: 0 10px; font-size: 16px;}
    .contact-section .inner .contact-form form .control-group.half{width: calc(100% - 15px);} 
    .product-filter-section .item{width: calc(100% - 20px);}
    .product-filter-section .filter #filterOptions{flex-wrap: wrap; row-gap: 15px;column-gap: 10px; justify-content: flex-start;}

    .hero-bottom-part .inner ul li:first-child{border: none;}
    .hero-bottom-part .inner ul li {width: 100%;}
    .hero-bottom-part .inner ul li.theme-btn{justify-content: center;}
    .about-section .inner .left-box::before {min-width: 150px; min-height: 150px;}
    .about-section .inner .left-box::after{min-width: 150px; min-height: 200px;}
    .services-section .inner .box-list .box-item{width: calc(100% - 20px);}
    
    .our-specialties-section .inner .box-list{flex-wrap: wrap;}
    .our-specialties-section .inner .box-list .left-box{width: 100%;}
    .our-specialties-section .inner .box-list .left-box img {min-height: auto; width: 100%; object-fit: contain; }
    .our-specialties-section .inner .box-list .right-box{width: 100%;padding: 15px ;}
    .gallery-slider.owl-loaded.owl-drag .owl-nav{right: auto; top: 100%; left: 40%}
    .gallery-section-2 .theme-btn {margin: 70px auto 0; }
    .gallery div a{width: calc(100% - 23px)}


}

@media (max-width: 479px) {
    .footer-section .top-part .inner ul li .icon {min-width: 50px; height: 50px;}
    .footer-section .top-part .inner ul li .icon img{max-width: 30px; height: 30px;}
    .footer-section .top-part .inner ul li a, .footer-section .top-part .inner ul li span{text-align: left;}
    .hero-section .owl-dots{left: 36%;}
    .about-section .inner .left-box h3{padding: 114px 0 0 0;font-size: 13px;top: 30px;line-height: 17px; width: 140px;height: 200px;}
    .about-section .inner .left-box h3{top: 90px;}
    .accordion h4{font-size: 18px;}
    .owl-stage-outer {overflow: initial;}

    .service-section .social-icon ul li{column-gap: 10px;}
    .service-section .social-icon ul li .icon {min-width: 50px; height: 50px; }
    .service-section .social-icon ul li .icon img {max-width: 30px; height: 30px; }
    .gallery-slider.owl-loaded.owl-drag .owl-nav{left: 32%;}
}