@charset "utf-8";

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

/*=============== Default CSS Start ==================*/


:root {

/*color start*/
--white:  #ffffff;
--green: #004E60;
--gray: #18181B;
--light-grey: #CFCFCF;
--off-white: #FFF8EC;
--dark-gray: #4A4A4A;
--eerie-black: #1B1B1B;
--black:#000;
/*color end*/

/*font weight*/
--regular:400;
--medium:500;
--semibold:600;
--bold:700;
--extrabold:800;
/*font weight*/

}


html {
    overflow-x: hidden;
}
ol,
ul {
    list-style: none;
}
:focus,
:hover,
:active {
    outline: 0;
    text-decoration: none !important;
}
a,
a:link {
    text-decoration: none;
    outline: none;
}
/* p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 28px;
} */
a {
    text-decoration:none;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
}
a:hover {
    text-decoration:none !important;
}
a:focus {
    outline:none;
}
:hover {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
h1,
h1 a,
h2,
h2 a,
h3,
h4,
h5,
h6 {
    margin:0;
    padding:0;
    font-weight:normal;
    text-shadow:none;
}
img {
    border:0;
    max-width:100%;
    vertical-align: middle;
}
:-webkit-input-placeholder {
    opacity:1;
}
:-moz-placeholder {
    opacity: 1;
}
::-moz-placeholder {
    opacity: 1;
}
:-ms-input-placeholder {
    opacity: 1;
}
*,
body * {
    box-sizing: border-box;
}
html, body {
    margin:0;
    padding:0;
    font-family: "Montserrat", sans-serif;
    overflow-x: hidden;
}
html{
  scroll-behavior: smooth;
}

/* body#inner-page{
  overflow: visible;
} */

*{
  outline:0 !important;
}
.container{
    max-width: 1680px;
    padding: 0 50px;
    margin: 0 auto;
}
body ul{padding: 0; margin: 0;}
p{
  font-family: "Montserrat", sans-serif;
  color: var(--gray);
  font-size:18px;
  line-height:28px;
  font-weight: var(--regular);
}
.common-h2{
  color: var(--eerie-black);
  font-size: 60px;
  font-family: "Montserrat", sans-serif;
  font-weight: var(--semibold);
  text-align: center;
  margin: 0;
  letter-spacing: -2px;
}
.sub-title{
  font-family: "Montserrat", sans-serif;
  font-weight: var(--medium);
  color:var(--dark-gray);
  font-size:32px;
  text-align: center;
}

/* Text Common Font, Size , Style Start */
h1,
h2,
h3{
    display:block;
    padding:0;
    margin: 0;
}
textarea, input, select{
  font-family: "Montserrat", sans-serif;
}
/* Text Common Font, Size , Style End */


/* Clearfix Start */
.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
    padding: 0;
    margin: 0;
}
.clear:before,
.clear:after {
    content: '';
    display: table;
    height: 1px;
    width: 100%;
}
.clearfix {
    max-width:100%;
    width:100%;
    margin:0 auto;
    padding:0;
    display:block;
    float:none;
    clear:both;
}
.clearfix:before,
.clearfix:after {
    content:'';
    display:table;
    width:100%;
    max-width:100%;
    height:1px;
    clear:both;
}
/* Clearfix End */

/**common button**/

.common-btn,  input[type="submit"].common-btn{border: solid 1px #9FA4AA; border-radius: 80px; padding: 12px 25px; display: flex; align-items: center; width: fit-content; color: var(--white); font-size: 14px; font-weight: var(--semibold); text-transform: uppercase;}

.common-btn span{position: relative; background: var(--green); width: 36px; height: 36px; border-radius: 50%; display: inline-block; margin-left: 15px; transition: transform 0.5s ease;}

.common-btn span:before{position: absolute; content: ''; background: url(../images/btn-arrow.svg)left top no-repeat; width: 11px; height: 10px; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%);}

.common-btn:hover, input[type="submit"].common-btn:hover{background: var(--white); color: var(--green);}

.common-btn:hover span{transform: rotate(360deg);}

.common-btn2{color: #202020;}

.common-btn2:hover{background: var(--green); color: var(--white);}

.common-btn2:hover span{background: var(--white);}

.common-btn2:hover span:before{background: url(../images/btn-arrow-hv.svg);}

.common-btn3 span{background: var(--white);}

.common-btn3 span:before{background: url(../images/btn-arrow-hv.svg);}

.common-btn3:hover span{background: var(--green);}

.common-btn3:hover span::before{background: url(../images/btn-arrow.svg);}

.common-btn4{background: var(--green); border-color:var(--green);}

.common-btn4:hover{background: none;}

.common-btn4 span{background: var(--white);}

.common-btn4 span:before{background: url(../images/btn-arrow-hv.svg);}

.common-btn4:hover span{background: var(--green);}

.common-btn4:hover span:before{background: url(../images/btn-arrow.svg);}

/**common button**/

/***********header part start*********/

.main-header-part{padding: 10px 0; border-bottom: solid 1px rgba(244,244,244,0.3); position: absolute; width: 100%; z-index: 2;}

.main-header-wrap{display: flex; align-items: center; justify-content: space-between; gap: 20px;}

.header-certificate{}

.header-certificate ul{padding: 0; margin: 0; display: flex; gap:20px;}

.header-certificate ul li:last-child{margin-top: -10px;}

.header-logo .onscroll{display: none;}

/***header menu***/
ul.MainNav{margin: 0; padding: 0;}

ul.MainNav li{list-style-type: none;}

ul.MainNav li a{display: block; color: var(--white); font-size: 16px; font-weight: var(--bold); text-transform: uppercase;}

ul.MainNav li a:hover{color: var(--light-grey);}

.navMobile{}

.navMobile a{display: block; height: 30px; width: 30px; color: #fff; z-index: 1; position: relative;}

.navMobile a:after, .navMobile a:before, .navMobile a div{background-color:var(--white); border-radius: 3px; content: ''; display: block; height: 2px; margin: 7px 0; transition: all .3s ease-in-out;}

.navigationActive a div{transform: scale(0); background-color: var(--white);}

.navigationActive a:before{transform: translateY(6px) rotate(135deg);background-color:var(--white);}

.navigationActive a:after{transform: translateY(-12px) rotate(-135deg); background-color:var(--white);}

.resize-animation-stopper * {animation: none !important; transition: none !important;}

ul.MainNav{display: flex; justify-content: center;}

ul.MainNav li{float: left;}

ul.MainNav li a{padding: 0 27px;}

.mainHeader nav{margin-left: auto;}

.navMobile{display: none;}

/***header menu***/

.main-header-part.scrolled{position: fixed; background:var(--off-white);}

.main-header-part.scrolled .header-logo .onscroll{display: block;}

.main-header-part.scrolled .header-logo .withoutscroll{display: none;}

.main-header-part.scrolled ul.MainNav li a{color: var(--green);}

.main-header-part.scrolled .navMobile a{color: var(--gray);}

.main-header-part.scrolled .navMobile a:after, .main-header-part.scrolled .navMobile a:before, .main-header-part.scrolled .navMobile a div{background: var(--gray);}

.main-header-part.scrolled .navigationActive ul li a{color: var(--white);}

.main-header-part.scrolled .navigationActive a:before, .main-header-part.scrolled .navigationActive a:after{background: var(--white);}

/***********header part end*********/

/***********banner part start*********/

.home #bg-video{width: 100%; height: 100vh; object-fit: cover;}
#bg-video{width: 100%;object-fit: cover;}

.banner-box{position: relative;}

.banner-box::before{position: absolute; content: '';  background: linear-gradient(90deg,rgba(0, 0, 0, .45) 100%, rgba(0, 0, 0, .1) 0%); width: 100%; height: 100%; left: 0; top:0;}

.banner-box-txt{position: absolute; z-index: 1; bottom: 80px; left: 0; right: 0; margin: 0 auto;}

.banner-box-txt h1{font-size: 60px; font-weight: var(--semibold); color: var(--white); padding: 0 0 60px 0; margin: 0; max-width: 780px;}

/***********banner part end*********/

/*********intro part start********/

.intro-part{padding: 100px 0;}

.intro-part h2{text-align: left;}

.intro-part p{font-size: 18px; font-weight: var(--regular); line-height: 28px; padding-bottom: 30px;}

.intro-part-wrap{display: flex; grid-gap: 100px;}

.intro-part-l{width: calc(50% - 50px); transform: translateX(0); transition: transform 2s ease;}

.intro-part-r{width: calc(50% - 50px); transform: translateX(0); transition: transform 2s ease;}

.intro-part-l.hidden{transform: translateX(-1000px);}

.intro-part-r.hidden{transform: translateX(1000px);}

/*********intro part end********/

/***********description part start**********/

.home-description-part{padding-bottom: 100px;}

.home-description-wrap{display: flex; gap:50px;}

.home-description-img{width: 70%; display: flex; gap: 10px; overflow: hidden; height: 100%;}

.home-description-txt{width: calc(30% - 50px);}

.home-description-txt ul{padding: 0; margin:0;}

.home-description-txt ul li{list-style: none; border-top:solid 1px var(--light-grey); padding: 30px 0; text-align: center;}

.home-description-txt h4{color: var(--green); font-size: 44px; font-weight: var(--bold); text-transform: uppercase; line-height: 48px; padding-bottom: 17px;}

.home-description-txt p{color: var(--gray); font-size:19px; font-weight: var(--semibold); text-transform: capitalize; line-height: 24px;}

.home-description-txt ul li:last-child{border-bottom:solid 1px var(--light-grey);}

.home-description-img-l{width:calc(50% - 5px); overflow: hidden;}

.home-description-img-r{width:calc(50% - 5px); overflow: hidden;}

.home-description-img-r img{height: 600px; object-fit: cover; width: 100%;}

.home-description-img-l ul{padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap:10px;}

.home-description-img-l ul li{list-style: none; width: calc(50% - 5px); overflow: hidden;}

.home-description-img-l ul li img{width: 100%; height:295px; object-fit: cover;}

.home-description-img-l ul li:first-child{width: 100%;}

.home-description-img img{transition: 0.3s;}

.home-description-img img:hover{transform: scale(1.1);}

.home-description-wrap img{display: block;}

/***********description part end**********/

/***********home overview part start*********/

.home-overview-part{padding: 100px 0; background: var(--off-white);}

.home-overview-part h4{text-align: center; color: var(--dark-gray); font-size: 32px; font-weight: var(--medium); text-transform: uppercase; padding-bottom: 10px;}

.accordion{display: flex; width:100%; height: 850px; overflow: hidden; gap:15px; margin-top: 50px;}

.panel{position: relative; flex: 1; display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center; color: #fff; transition: flex 0.6s ease-in-out; cursor: pointer;}

.panel::before{content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.4); transition: all 0.4s ease;}

.panel .content{position: absolute; bottom: 40px; left: 40px; right: 40px; opacity: 0; transition: all 0.4s ease; max-width: 100%; text-align: center;}

.panel .content h2{color: var(--white); font-size: 48px; font-weight: var(--bold); padding-bottom: 20px; text-transform: uppercase;}

.panel.active h3{display: none;}

.panel h3{color: var(--white); font-size: 48px; font-weight: var(--medium); position: absolute; bottom:200px; left: 50%; transform: translateX(-50%) rotate(-90deg); transform-origin: center; transition: all 0.4s ease; text-transform: uppercase; width: 400px;}

.panel .content p{color: var(--white); font-size: 20px; font-weight: var(--medium); padding-bottom: 20px;}

.panel .content .common-btn{margin: 0 auto;}

.panel .content button{padding: 8px 18px; border: none; background: #fff; color: #111; border-radius: 6px; font-weight: 600; cursor: pointer; transition: background 0.3s;}

.panel .content button:hover{background: #ddd;}

.panel.active{flex: 3;}

.panel.active::before{background: rgba(0, 0, 0, 0.3);}

.panel.active .content{opacity: 1; bottom: 60px;}

/***********home overview part start*********/

/***********home future part start**********/

.home-future-part{background:var(--green); position: relative; overflow: hidden;}

.future-img{position: absolute; width:55%; right: 0; top: 0; overflow: hidden; height: 100%;}

.future-img img{transition: 0.3s; height: 100%; width: 100%; object-fit: cover;}

.future-img img:hover{transform: scale(1.1);}

.home-future-r img{display: none;}

.home-future-part:after{position: absolute; content: ''; background: url(../images/pattern1.png)left bottom no-repeat; bottom: -8px; width:45%; height: 130px; left: 0; background-size: contain;}

.home-future-wrap{display: flex;}

.home-future-l{width:calc(45% - 50px); position: relative; z-index: 1; padding: 100px 50px 150px 0;}

.home-future-l .common-h2{color: var(--white); text-align: left;}

.home-future-l p{color: var(--white); line-height: 28px;}

.home-future-l ul{padding:60px 0 0 0; margin: 0; display: flex; gap: 50px; flex-wrap: wrap;}

.home-future-l ul li{list-style: none; width: calc(50% - 25px);}

.home-future-l ul li h4{color: var(--white); font-size: 44px; font-weight:var(--bold); padding-bottom: 10px; line-height: 45px;}

.home-future-l ul li p{color: var(--white); font-size:19px; font-weight:var(--medium);}

/***********home future part end**********/

/********home client part start*********/

.home-client-part{padding: 100px 0;}

.client-carousel{padding-top:40px;}

.client-carousel .owl-nav{display: none !important;}

.client-carousel .owl-dots{position: relative; bottom: -20px;}

.client-carousel .owl-dots .owl-dot.active span{background: var(--green);}

.client-carousel .owl-dots .owl-dot span{background: var(--dark-gray);}

/********home client part end*********/

/********home testimonial part start*********/

.home-testimonial-part{padding: 100px 0 0 0;}

.home-testimonial-part h2{text-align: left;}

.testimonial-carousel .owl-theme .owl-nav [class*=owl-]:hover{background: transparent !important; color: black !important;}

.testimonial-carousel.owl-carousel .owl-nav button.owl-next, .testimonial-carousel.owl-carousel .owl-nav button.owl-prev, .testimonial-carousel.owl-carousel button.owl-dot{outline: none;}

.testimonial-carousel #owl-example-article .item img{display: block; width: 100%; height: auto;}

.testimonial-carousel .owl-next span, .testimonial-carousel .owl-prev span{font-size: 30px !important; cursor: pointer; outline: none !important;}

.testimonial-carousel .owl-next span:focus, .testimonial-carousel .owl-prev span:focus{outline: none !important;}

.testimonial-carousel .owl-nav{position: absolute; top: auto; transform: translate(-50%); right: -30px; bottom: 110px; display: flex; gap: 12px;}

.testimonial-carousel .owl-item{background-color: transparent; color: white; text-align: center;}

.testimonial-carousel .owl-dots{counter-reset: slides-num; position: absolute; top:auto; left:auto; transform: translate(-50%); margin-top: 15px; right: 50px; bottom: 200px;}

.testimonial-carousel .owl-dots:after{content: counter(slides-num); display: inline-block; font-size: 20px; font-weight: 600; vertical-align: middle;}

.testimonial-carousel .owl-dot{display: inline-block; counter-increment: slides-num; margin-right: 5px;}

.testimonial-carousel .owl-dot span{display: none;}

.testimonial-carousel .owl-dot.active:before{content: counter(slides-num) " / "; display: inline-block; vertical-align: middle; font-size: 20px; color: #040507; position: absolute; left: -6px; top: 0; font-weight: 600;}

.testimonial-carousel{padding-top: 50px;}

.testimonial-box{display: flex; /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);*/ border: solid 1px rgba(0, 0, 0, 0.25);}

.testimonial-box-r img{width: auto !important;}

.testimonial-box-l{width: 40%;}

.testimonial-box-r{width: 60%; padding: 50px 60px; text-align: left;}

.testimonial-box-r p{color: var(--gray); font-size: 20px; font-weight: var(--regular); padding-bottom: 30px;}

.testimonial-quotation-txt{}

.testimonial-quotation-txt h6{color: var(--gray); font-size: 20px; font-weight: var(--semibold); padding-bottom: 8px;}

.testimonial-quotation-txt span{color: var(--gray); font-size: 18px; font-weight: var(--medium);}

.testimonial-quotation{display: flex; align-items: center; gap:30px; border-bottom: solid 1px var(--green); padding-bottom: 40px; margin-bottom: 20px; max-width: 75%;}

.testimonial-quotation-img{position: relative;}

.testimonial-quotation-img::before{position: absolute; content: ''; /*background: url(../images/testimonial-quotation.svg)right top no-repeat;*/ right: 4px; bottom: -7px; width: 40px; height: 27px;}

.testimonial-box-l img{height: 100%; object-fit: cover;}

.testimonial-box .owl-nav .owl-prev span{font-size: 0;}

.testimonial-carousel .owl-nav .owl-prev{background: url(../images/testimonial-arrow-prev.svg)left top no-repeat !important; width: 66px; height: 66px;}

.testimonial-carousel .owl-nav .owl-next{background: url(../images/testimonial-arrow-next.svg)right top no-repeat !important; width: 66px; height: 66px;}

/********home testimonial part end*********/

/***********home blog part start**********/

.home-blog-part{background-size: cover !important; padding: 100px 0; position: relative;}

.home-blog-part::before{position: absolute; content: ''; background: rgba(254,245,231,0.9); width: 100%; height: 100%; left: 0; top: 0; backdrop-filter: blur(2px);  -webkit-backdrop-filter: blur(2px); /*backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);*/}

.home-blog-part h2{text-align: left; position: relative;}

.blog-carousel{padding-top: 40px;}

.card{position: relative; height:650px; background: #fff; overflow: hidden; transition: all 0.8s ease; /*cursor: pointer;*/}

.card-image{width: 100%; height: 65%; overflow: hidden; transition: all 0.8s ease; position: relative;}

.card-image img{width: 100%; height: 100%; object-fit: cover; transition: all 0.8s ease;}

.card-content{position: absolute; bottom: 0; width: 100%; background: #fff; text-align: center; padding: 10px 30px 30px 30px; transition: all 0.8s ease;}

.card-content h3{margin-bottom:20px; font-size:24px; color: var(--gray); font-weight: var(--medium);}

.card-content h3 a{color: var(--gray);}

.card:hover .card-image{height: 100%;}

.card:hover .card-content{bottom:0; background: none; z-index: 2;}

/* .card:hover img{transform: scale(1.1);} */

.card-date{color: var(--gray); font-size: 18px; font-weight: var(--medium); padding-bottom: 20px; display: block;}

.card-date a{color: var(--gray);}

.card-content .common-btn{margin: 0 auto;}

.card:hover .card-image::before{position: absolute; content: ''; background:var(--black); background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.11) 100%); bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1;}

.card:hover .card-content h3, .card:hover .card-content h3 a{color: var(--white);}

.card:hover .card-content .card-date, .card:hover .card-content .card-date a{color: var(--white);}

.card:hover .card-content .common-btn{color: var(--white);}

.blog-logo{width: 80px !important; height: 30px; position: absolute; right:10px; z-index: 1; top: -40px; transition: all 0.8s ease;}

.card:hover .blog-logo{top: auto; bottom: 20px;}

.blog-carousel .owl-nav{display: none !important;}

.blog-carousel .owl-dots{margin-top: 20px;}

.blog-carousel .owl-dots .owl-dot.active span{background: var(--green);}

.blog-carousel .owl-dots .owl-dot span{background: var(--dark-gray);}

/***********home blog part end**********/

/**************home community part start***************/

.home-community-part{position: relative; background: var(--green);}

.home-community-video video{display: none;}

.community-video{position: absolute; width:55%; left: 0; top: 0; overflow: hidden; height: 100%;}

.home-community-box{display: flex;}

.home-community-txt{width: 45%; padding: 100px 0 100px 90px; position: relative;}

.home-community-txt::before{position: absolute; content: ''; background: url(../images/pattern2.png)center center no-repeat; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); height: 310px; width: 80%; background-size: 100%;}

.home-community-video{width: 55%;}

.home-community-txt .common-h2{text-align: left; color: var(--white); letter-spacing: -2px; padding-bottom: 20px; position: relative; z-index: 1;}

.home-community-txt p{color: var(--white); padding-bottom: 50px; position: relative; z-index: 1;}

.community-video video{height: 100%;width: 100%;}

/**************home community part end***************/

/*************footer part start**********/

.footer-main-part{background: var(--green); padding: 60px 0 0 0; overflow: hidden; position: relative;}

.footer-main-part::before{position: absolute; content: ''; background: url(../images/pattern3.png)right top no-repeat; width: 100%; height: 370px; background-size: contain; right: 60px; bottom: 30px;}

.footer-top h2{text-align: left; color: var(--white);}

.footer-top{display: flex; align-items: center; justify-content: space-between;}

.footer-top-wrap{padding-bottom: 60px; border-bottom: solid 1px #DADADA; margin-bottom: 45px;}

.footer-middle-wrap{position: relative; z-index: 1; padding-bottom: 40px; border-bottom: solid 1px #DADADA; display: flex; gap:40px;}

.footer-middle-box{}

.footer-middle-box:nth-child(n){width: 40%;}

.footer-middle-box:nth-child(2n){width: 30%;}

.footer-middle-box:nth-child(3n){width: 15%;}

.footer-middle-box:nth-child(4n){width: 15%;}

.footer-middle-box h5{color: #CCCACA; font-size: 16px; font-weight: var(--semibold); padding: 20px 0 10px 0;}

.footer-middle-box p{color: #CCCACA; font-size: 16px; font-weight: var(--regular); line-height: 23px;}

.footer-middle-box p span{display: block;}

.footer-middle-box p a:hover span, .footer-middle-box p span:hover, .footer-middle-box p a:hover{color: #fff;}

.footer-middle-box h3{color: #F5F5F5; font-size: 32px; font-weight: var(--semibold); padding-bottom: 20px;}

.footer-middle-box a{color: #F5F5F5; font-size: 16px; font-weight: var(--regular);}

.info-ul{padding:20px 0 0 0; margin: 20px 0 0 0; border-top: solid 1px #DADADA; max-width: 80%;}

.info-ul li{list-style: none; color: var(--white); font-size: 16px; font-weight: var(--regular); padding-bottom: 10px;}

.info-ul li:last-child{padding: 0;}

.footer-menu{padding: 0; margin: 0;}

.footer-menu li{list-style: none; padding-bottom: 12px;}

.footer-menu li a{color: #CCCACA; font-size: 16px; font-weight: var(--regular); display: block;}

.footer-menu li a:hover{color: var(--white);}

.footer-menu li:last-child{padding: 0;}

.social-icon-ul{padding: 0; margin: 0; display: flex; gap:40px;}

.social-icon-ul li{list-style: none; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}

.social-icon-ul li .social-iconhv{display: none;}

.social-icon-ul li:hover .social-iconhv{display: block !important; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}

.social-icon-ul li img{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}

.social-icon-ul li:hover img{display: none;}

.footer-bottom{display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; padding: 30px 0;}

.footer-bottom-l{color: var(--white); font-size: 15px; font-weight: var(--regular);}

.footer-bottom-r{}

.footer-menu2{padding:0; margin: 0; display: flex; gap:30px;}

.footer-menu2 li{list-style: none; position: relative;}

.footer-menu2 li a{color: var(--white); font-size: 15px; font-weight: var(--regular);}

.footer-menu2 li::before{position: absolute; content: ''; background: var(--white); height:15px; width: 1px; left: -15px; top: 50%; transform: translateY(-50%);}

.footer-menu2 li:first-child:before{display: none;}

/*************footer part end**********/

/*************************************************************************************************************************/

.inner-header-part{background: var(--off-white); position: sticky; top: 0;}

.inner-header-part ul.MainNav li a{color: var(--green); position: relative;padding-bottom: 15px;}

.inner-header-part ul.MainNav li a.active{border-bottom:2px solid var(--green);}

.inner-header-part .navMobile a:after, .inner-header-part .navMobile a:before, .inner-header-part .navMobile a div{background: var(--gray);}

.inner-banner-part{position: relative; height: 600px; background-size: cover !important;}

.inner-banner-part:before{position: absolute; content: ''; background: var(--black); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.11) 100%); bottom: 0; left: 0; width: 100%; height: 100%;}

.inner-banner-part h2{position: relative; z-index: 1; text-align: left; color: var(--white); /*max-width:730px;*/}

.inner-banner-txt{position: absolute; bottom: 60px;}

.inner-header-part .navigationActive ul.MainNav li a{color: var(--white);}

.inner-header-part .navigationActive .navMobile a:after, .inner-header-part .navigationActive .navMobile a:before, .inner-header-part .navigationActive .navMobile a div{background: var(--white);}

/***************************contact page*****************************/

.contact-form-part{padding: 100px 0;}

.contact-form-txt h3{color: var(--black); font-size: 56px; font-weight: var(--semibold); padding-bottom: 20px; line-height: 58px;}

.contact-form-txt p{color: var(--black); font-size:16px; font-weight: var(--medium); line-height: 26px;}

.contact-form-txt form{padding-top: 40px;}

.contact-form-txt .form-group{padding-bottom: 25px; display: flex; gap: 30px;margin-bottom: 0;}

.form-group-l, .form-group-r{width: calc(50% - 15px);}

.contact-form-txt .form-group-full{display: block;}

.contact-form-txt input{border:solid 1px #BEBEBE; border-radius: 6px; padding: 10px; min-height: 50px; width: 100%; font-size: 16px; font-weight: var(--medium); color: #888888;}

.contact-form-txt select{border:solid 1px #BEBEBE; border-radius: 6px; padding: 10px; min-height: 50px; width: 100%; font-size: 16px; font-weight: var(--medium); color: #888888;}

.contact-form-txt textarea{border:solid 1px #BEBEBE; border-radius: 6px; padding: 10px; min-height:140px; width: 100%; font-size: 16px; font-weight: var(--medium); color: #888888;}

.contact-form-txt label{color: var(--black); font-size:16px; font-weight: var(--medium); padding-bottom: 10px; display: block;}

.contact-form-txt .common-btn, .contact-form-txt input[type="submit"].common-btn{width: 100%; border-radius: 6px; justify-content: center; cursor: pointer;background: var(--green);}

.contact-form-txt .common-btn:hover, .contact-form-txt input[type="submit"].common-btn:hover{background: var(--white); color: var(--green);}

.contact-form-txt input[type="submit"].common-btn span{position: relative; background: var(--green); width: 36px; height: 36px; border-radius: 50%; display: inline-block; margin-left: 15px; transition: transform 0.5s ease;}

.contact-form-txt input[type="submit"].common-btn span:before{position: absolute; content: ''; background: url(../images/btn-arrow.svg)left top no-repeat; width: 11px; height: 10px; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%);}

.contact-form-txt input[type="submit"].common-btn:hover span{transform: rotate(360deg);}

.contact-form-wrap{display: flex; gap: 100px; align-items: center; background-size: 50% 100% !important; position: relative; align-items: stretch;}

.contact-form-img{width:calc(50% - 50px); position: relative; display: flex; flex-wrap: wrap;}

.contact-form-img img{height: 100%; width: 100%; display: block;}

.contact-form-txt{/*padding: 130px 0;*/ width:calc(50% - 50px);}

/* .contact-form-img img{display: none;} */

.contact-form-img-box{background: var(--white); padding: 20px; box-shadow:0 0 10px 0 rgba(0,78,96,0.5); border-radius: 9px; margin-bottom: 20px; max-width: 470px;}

.contact-form-img-box:last-child{margin: 0;}

.contact-form-img-box h5{color: var(--black); font-size: 24px; font-weight: var(--semibold); padding-bottom:4px;}

.contact-form-img-box p{color: var(--black); font-size:16px; line-height: 24px; font-weight: var(--regular); margin-bottom: 20px;}

.contact-form-img-box p:last-child{margin-bottom: 0;}

.contact-form-img-box p span{display: block;}

.form-group.form-group-full:last-child{padding: 0;}

.contact-form-img-content{position: absolute; width: calc(100% - 40px); left: 20px; right: 20px; bottom: 20px;}

.map-pointer-part{position: absolute; bottom: 310px; width: 100%;}

.map-pointer-one{position: absolute; left: 250px; width: 64px; top: -92px;}

.map-pointer-two{position: absolute; width: 64px; right: 220px; top: -120px;}

.contact-form-img img.map-arrow{width: 64px; height: 76px;}

.contact-form-img img.map-pointer{width: 14px; height: 20px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 21px;}

.contact-form-img-div{position: relative;}

.map-pointer-part>*{cursor:pointer;}

.map-pointer-part .map-pointer{display:none;}

.map-pointer-part>div.active .map-pointer{display:block;}

.contact-form-img-box{box-shadow:none !important;}

.contact-form-img-box.active{box-shadow:0 0 10px 0 rgba(0,78,96,0.5) !important;}

/***************************contact page*****************************/

/*********************community page start****************************/

.community-intro-part{padding: 100px 0;}

.community-intro-wrap{display: flex; gap:60px; align-items: center;}

.community-intro-txt{width: calc(48% - 30px);}

.community-intro-txt .common-h2{text-align: left; padding-bottom: 40px;}

.community-intro-txt p{padding-bottom: 20px;}

.community-intro-txt p:last-child{padding: 0;}

.community-intro-img{width: calc(52% - 30px); overflow: hidden;}

.community-intro-img img{width: 100%; transition: 0.3s;}

.community-intro-img img:hover{transform: scale(1.1);}

.community-mission-part p{max-width: 1100px; margin: 0 auto; padding: 40px 0 80px 0; width: 100%; text-align: center;}

.community-mission-part ul{margin: 0; padding: 0; display: flex; gap:20px;}

.community-mission-part ul li{list-style: none;}

.community-mission-part ul li img{width: 100%;}

.community-approach-part{padding: 0 0 100px 0;}

.community-approach-wrap{display: flex; background: #F0F0F0;}

.community-approach-l{width: 50%; padding: 150px 100px;}

.community-approach-r{width: 50%; background-size: 100% 100% !important;}

.community-approach-wrap h2{text-align: left; padding-bottom: 30px;}

.community-approach-wrap p{padding-bottom: 20px;}

.community-approach-wrap p:last-child{padding: 0;}

.community-approach-r img{display: none;}

.community-gallery-part{padding-bottom: 100px;}

.community-gallery-part p{text-align: center; padding:25px 0 60px 0;}



.community-gallery-box{background: #F0F0F0; padding:40px 60px 40px 40px; display: flex; gap:40px; align-items: center;}

.community-gallery-box-img{width: calc(50% - 20px);}

.community-galler-box-txt{width: calc(50% - 20px); text-align: left;}

.community-galler-box-txt .common-h2{text-align: left;}

.community-galler-box-txt p{text-align: left; padding-bottom: 40px;}

.our-gallery-carousel .owl-prev{background: url(../images/community-prev.svg) left top no-repeat !important; width: 66px; height: 66px; position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}

.our-gallery-carousel .owl-next{background: url(../images/community-next.svg) right top no-repeat !important; width: 66px; height: 66px; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}

.our-gallery-carousel .owl-prev span, .our-gallery-carousel .owl-next span{font-size: 0;}

.our-gallery-carousel .owl-dots{gap: 10px; display: flex; padding-top: 0; position: relative; top: -30px; left: 0; right: 0; justify-content: center;}

.our-gallery-carousel .owl-dots span{background: #AFD2DA; border-radius: 50%; width: 12px; height: 12px; display: block;}

.our-gallery-carousel .owl-dots .owl-dot.active span{background: #004E60;}


/*********************community page end****************************/

/*******************product page start********************/

.inner-banner-part .sub-title{text-align: left; color: var(--white);}

/*.product-banner-part .inner-banner-txt{bottom: 150px;}*/

.product-intro-bottom{padding-top: 120px;}

.product-intro-bottom ul{padding: 0; margin: 0; display: flex; gap:40px; justify-content:center; flex-wrap: wrap;}

.product-intro-bottom ul li{list-style: none; background: #F0F0F0; padding: 40px; width: calc(25% - 16px); border-radius: 10px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

.product-intro-bottom ul li:hover{background: var(--green);}

.product-intro-bottom ul li:hover a, .product-intro-bottom ul li:hover label{color: var(--white);}

.product-intro-bottom ul li a{display: flex; gap:10px; color: var(--black); font-size: 32px; font-weight: var(--medium);align-items: center;}

.product-intro-bottom ul li a span{display: block; width:70px; height:70px; border-radius: 5px;}

.product-intro-bottom ul li a span img{width: 100%; height: 100%;}

.product-intro-bottom ul li label{width: calc(100% - 80px);}

.product-specification-part{}

.product-specification-part .accordion{height: auto; display: block; margin-top:30px; margin-bottom: 60px;}

.product-specification-part .accordion-item{color: #111;}

.product-specification-part .accordion-item-header{display: flex; align-items: center; position: relative; cursor: pointer;}

.product-specification-part .accordion-item-header::after{content: "\002B"; font-size: 2rem; position: absolute; right:0;}

.product-specification-part .accordion-item-header.active::after{content: "\2212";}

.product-specification-part .accordion-item-body{max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}

.product-specification-part .accordion-item-body-content{padding: 1rem; line-height: 1.5rem; border-top: 1px solid; border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;}

.product-specification-part.home-future-part:after{display: none;}

.product-specification-part .future-img{width: 50%;}

.product-specification-part .home-future-l{width:50%;}

.product-specification-part .home-future-r{}

.product-specification-part .accordion-item-header{color: var(--white); font-size: 36px; font-weight: var(--semibold); padding: 30px 0; border-top:solid 1px rgba(244, 244, 244, 0.3);}

.product-specification-part .accordion-item-body-content{padding: 0 0 30px 0;}

.product-specification-part .accordion-item-body-content ul{display: block; padding: 0;}

.product-specification-part .accordion-item-body-content ul li{color: var(--white); font-size: 24px; font-weight: var(--medium); padding-bottom: 16px; line-height: 34px; width: 100%;}

.product-specification-part .accordion-item-body-content ul li span{display: block;}

.product-specification-part .accordion-item-body-content ul li:last-child{padding: 0;}

.product-specification-part .accordion-item:last-child{border-bottom:solid 1px rgba(244, 244, 244, 0.3);}

.product-form-part .contact-form-img img{display: block; margin: 40px auto 0;}

.product-form-part .contact-form-img .common-h2{text-align: left; margin-bottom: 10px;}

.product-form-part .contact-form-txt form{padding: 0;}

.product-form-part .contact-form-txt{padding: 0;}

.product-form-part .contact-form-wrap{border-bottom: solid 1px rgba(0,0,0,0.3); padding-bottom: 100px;}

.product-other-part{padding-bottom: 100px;}

.product-other-wrap{/*gap:25px; display: flex;*/ margin-top: 50px;}

.product-other-box img{width: 100%; transition: 0.3s; height: 100%; object-fit: cover;}

.product-other-box img:hover{transform: scale(1.1);}

.product-other-box h3{margin-top: 30px;}

.product-other-box h3 a{color: var(--black); font-size: 36px; font-weight: var(--semibold); display: block; padding: 10px 0 10px 20px; border-left:solid 4px #044E60;}

.product-other-box h3 a:hover{color: var(--green); border-color:var(--black);}

/* .product-other-box{width: calc(25% - 7px);} */

.product-other-img{overflow: hidden;}

.product-metal-part{background: #F6F6F6; padding: 0 0 100px 0;}

.product-metal-part img{display: block; padding-top: 50px; margin: 0 auto;}

.product-form-part .contact-form-wrap{display: block; text-align: center;}

.product-form-part .contact-form-txt{padding-top: 50px; margin: 0 auto; text-align: left; max-width: 920px; width: 100%;}

.product-form-part .contact-form-wrap textarea{resize: none; min-height: 165px;}

.product-form-part .contact-form-wrap p{padding-bottom: 25px;}

/*******************product page end********************/

.product-intro-wrap{}

.product-intro-wrap .community-intro-txt{width: 100%; text-align: center;}

.product-intro-wrap .community-intro-txt .common-h2{text-align: center; }

.product-other-carousel .owl-nav{display: block !important;}

.product-other-carousel .owl-nav .owl-prev{background: url(../images/arrow-prev.svg)left top no-repeat !important; width: 50px; height: 50px; background-size: 100% !important; position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}

.product-other-carousel .owl-nav .owl-prev span, .product-other-carousel .owl-nav .owl-next span{font-size: 0;}

.product-other-carousel .owl-nav .owl-next{background: url(../images/arrow-next.svg)right top no-repeat !important; width: 50px; height: 50px; background-size: 100% !important; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}

/*******************about page start********************/

.about-intro-txt h2.common-h2{padding:20px 0 20px 0;}

.about-intro-txt h2.common-h2:first-child{padding-top: 0;}

.about-investor-part.community-mission-part p{padding-bottom: 0 !important;}

.about-investor-part.community-mission-part ul{padding-top: 40px;}

.about-investor-part.community-mission-part ul h4{color: var(--black); font-size: 52px; font-weight: var(--semibold); padding-top: 30px;}

.about-investor-part.community-mission-part ul li{text-align: left;}

.about-investor-part.community-mission-part ul li p{text-align: left; padding-bottom: 40px !important;}

.about-investorimg{overflow: hidden;}

.about-investor-part.community-mission-part ul li img{transition: 0.3s;}

.about-investor-part.community-mission-part ul li img:hover{transform: scale(1.1);}

.about-certificate-part{padding-bottom: 100px; text-align: center;}

.about-certificate-carousel{padding-top: 50px;}

.about-certificate-carousel .owl-nav{display: none !important;}

.about-certificate-carousel .owl-dots span{background: #B3B3B3; border-radius: 50%; width: 12px; height: 12px; display: block;}

.about-certificate-carousel .owl-dots{gap:10px; display: flex; align-items: center; justify-content: center; padding-top: 60px;}

.about-certificate-carousel .owl-dots .owl-dot.active span{background: #074F61;}

.about-facility-part{padding-bottom: 100px; text-align: center;}

.about-facility-wrap{min-height: 700px; height: 100%; position: relative; display: flex; align-items: flex-end; margin-top:50px;}

.about-facility-wrap:before{position: absolute; content: ''; background: url(../images/facility-img-hv.png)left bottom no-repeat; background-size: cover; bottom: 0; width: 100%; height:100%; left: 0;}

.about-facility-wrap ul{position: relative; z-index: 1; padding: 0 50px 50px 50px; margin: 0; gap:20px; display: flex; flex-wrap: wrap; width: 100%; justify-content: center;}

.about-facility-wrap ul li{background: rgba(240, 240, 240, 0.9); padding: 25px; width: calc(25% - 15px); transition: 0.3s;}

.about-facility-wrap ul li:hover{background: rgb(240, 240, 240);}

.about-facility-wrap ul li h5{color: var(--black); font-weight: var(--semibold); font-size: 40px; padding-bottom: 10px; line-height: 42px;}

.about-facility-wrap ul li span{display: block; color: var(--black); font-weight: var(--medium); font-size: 20px;}

.about-quality-part{padding-top: 100px;}

.about-quality-part .community-approach-l{padding: 100px;}

.about-quality-part ul{padding: 0; margin: 0;}

.about-quality-part ul li{display: flex; gap:30px; margin-bottom: 40px;}

.about-quality-part ul li:last-child{margin-bottom: 0;}

.about-quality-part ul li span{width: 90px; height: 90px;}

.about-quality-box{width: calc(100% - 120px);}

.about-quality-box h6{color: var(--black); font-size: 25px; font-weight: var(--bold); padding-bottom: 10px;}

.about-quality-box p{color: var(--black); font-size: 16px; line-height: 24px;}

.about-leadership-wrap{margin-top: 50px;}

.about-leadership-part{padding-top: 100px;}

.about-leadership-wrap .community-approach-l{order:2;}

.about-leadership-wrap .community-approach-l .common-h2{padding-bottom: 10px;}

.about-leadership-wrap .community-approach-l h6{color: #1B1B1B; font-size: 24px; font-weight: var(--medium); padding-bottom: 40px;}

.about-leadership-bottom{padding-top: 80px;}

.about-leadership-bottom-box{display: flex; /*align-items: center;*/ gap:60px; margin-bottom: 80px;}

.about-leadership-bottom-box-l{width: calc(33% - 30px);}

.about-leadership-bottom-box-l img{width: 100%;}

.about-leadership-bottom-box-r{width: calc(67% - 30px);}

.about-leadership-bottom-box-r p{padding-bottom: 20px;}

.about-leadership-bottom-box-r h5{color: var(--black); font-size: 30px; font-weight: var(--semibold); padding-bottom: 8px;}

.about-leadership-bottom-box-r h6{color: var(--black); font-size: 20px; font-weight: var(--medium);}

.about-leadership-bottom-box:last-child{margin-bottom: 0;}

.about-director-part{padding-top: 100px;}

.about-director-carousel{padding-top: 40px;}

.about-director-box-txt{padding-top: 20px;}

.about-director-box-txt h4{color: var(--black); font-size: 30px; font-weight: var(--semibold);}

.about-director-box-txt span{display: block; color: var(--black); font-size:20px; font-weight: var(--medium);}

.about-director-box-txt p{color: var(--black); font-size:24px; font-weight: var(--regular); padding-top: 15px;}

.about-director-carousel .owl-dots span{background: #B3B3B3; border-radius: 50%; width: 12px; height: 12px; display: block;}

.about-director-carousel .owl-dots{gap:10px; display: flex; align-items: center; justify-content: center; padding-top: 60px;}

.about-director-carousel .owl-dots .owl-dot.active span{background: #074F61;}

.about-director-box-img{position: relative; overflow: hidden; transition: 0.3s;}

.about-director-box-img:before{position: absolute; content: ''; background: url(../images/director-hv.png)left bottom no-repeat; width: 100%; height: 100%; bottom: 0; left: 0;    transition: 0.3s;}

.about-director-box-img:hover:before{opacity:0; transition: 0.3s;}

/************************************pro part*******************************/
/*core value css start*/
.coreValues {
    text-align: center;
}

.coreValues .section-title {
    font-size: 64px;
    line-height: 72pxs;
    font-weight: 600;
}

.coreValuesCarousel{
    margin-top: 50px;
}

.value-item {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: .4s ease;
    margin: 20px auto;
}

.value-item.blue .outer-circle {
    background: #0062ff;
}

.value-item.green .outer-circle {
    background: #15b68a;
}

.value-item.yellow .outer-circle {
    background: #ffb100;
}

.value-item.red .outer-circle {
    background: #c62828;
}

.value-item.navy .outer-circle {
    background: #0d2a55;
}

.circle-container {
    text-align: center;
}

.outer-circle {
    position: relative;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Gradient Border Layer */
.outer-circle::before {
    content: '';
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
    border-radius: 50%;
    padding: 4px; /* border thickness */
    background: #0062ff; /* default border color */

    /* create border effect */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    transform: rotate(-45deg);
}

/* 🔥 Rotate only on hover */
.value-item.blue:hover .outer-circle::before {
    animation: rotateBorder 1.5s linear infinite;
    background: conic-gradient(
        #0062ff 0deg 120deg,
        #052f74 120deg 240deg,
        #00c6ff 240deg 360deg
    );
}

.value-item.green .outer-circle::before {
    background: #15b68a; /* default border color */
}

/* 🔥 Rotate only on hover */
.value-item.green:hover .outer-circle::before {
    animation: rotateBorder 1.5s linear infinite;
    background: conic-gradient(
        #15b68a 0deg 120deg,
        #07644b 120deg 240deg,
        #4dd0a8 240deg 360deg
    );
}

.value-item.yellow .outer-circle::before {
    background: #ffb100; /* default border color */
}

/* 🔥 Rotate only on hover */
.value-item.yellow:hover .outer-circle::before {
    animation: rotateBorder 1.5s linear infinite;
    background: conic-gradient(
        #ffb100 0deg 120deg,
        #a37302 120deg 240deg,
        #ffd54f 240deg 360deg
    );
}

.value-item.red .outer-circle::before {
    background: #c62828; /* default border color */
}
/* 🔥 Rotate only on hover */
.value-item.red:hover .outer-circle::before {
    animation: rotateBorder 1.5s linear infinite;
    background: conic-gradient(
        #c62828 0deg 120deg,
        #831111 120deg 240deg,
        #ff5252 240deg 360deg
    );
}

.value-item.navy .outer-circle::before {
    background: #0d2a55; /* default border color */
}
/* 🔥 Rotate only on hover */
.value-item.navy:hover .outer-circle::before {
    animation: rotateBorder 1.5s linear infinite;
    background: conic-gradient(
        #0d2a55 0deg 120deg,
        #0062ff 120deg 240deg,
        #00c6ff 240deg 360deg
    );
}


@keyframes rotateBorder {
    from { transform: rotate(-45deg); }
    to { transform: rotate(315deg); }
}


.value-item .icon {
    font-size: 36px;
    color: white;
    z-index: 2;
}

.value-item .letter-circle {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 79px;
    height: 79px;
    background: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    font-weight: bold;
}

/* Dotted connector line */
.connector-line {
    width: 2.27px;
    height: 33.82px;
    margin: 0 auto;
    background: #ccc
        /*repeating-linear-gradient(
            to bottom,
            #ccc 0,
            #ccc 3px,
            transparent 3px,
            transparent 6px
        ) */
    ;
    position: relative;
}

.connector-line::after {
    content: '';
    position: absolute;
    background: #ccc;
    width: 16.2px;
    height: 16.2px;
    border-radius: 100px;
    left: -6px;
    top: auto;
    bottom: 0;
}

.circle-container.first .connector-line,
.circle-container.fifth .connector-line {
    height: 103.05px;
}

.circle-container.second .connector-line,
.circle-container.fourth .connector-line {
    height: 72.52px;
}

.value-item .title {
    font-weight: bold;
    margin-top: 20px;
    font-size: 16px;
}

.value-item .description {
    color: #555;
    font-size: 14px;
    margin-top: 5px;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    min-height: 95px;
    overflow: hidden;
}




.circle-container.first .outer-circle,
.circle-container.fifth .outer-circle {
    /* width: 12.656vw;
    height: 12.656vw; */
    width: 240px;
    height: 240px;
}

.circle-container.second .outer-circle,
.circle-container.fourth .outer-circle {
    /* width: 15.833vw;
    height: 15.833vw; */
    width: 300px;
    height: 300px;
}

.circle-container.third .outer-circle {
    /* width: 19.8958vw;
    height: 19.8958vw; */
    width: 340px;
    height: 340px;
}


.circle-container.first .outer-circle::before,
.circle-container.fifth .outer-circle::before {
    width: 260px;
    height: 260px;
    top: -10px;
    left: -10px;
}

.circle-container.second .outer-circle::before,
.circle-container.fourth .outer-circle::before {
    /* width: 320px;
    height: 320px;
    top: -12px;
    left: -12px; */
    width:320px;
    height: 320px;
    top: -10px;
    left: -10px;

}

.circle-container.third .outer-circle::before {
    /* width: 20.833vw;
    height: 20.833vw;
    top: -12px;
    left: -12px; */
    width: 360px;
    height: 360px;
    top: -10px;
    left: -10px;
}


.circle-container.third .letter-circle {
    width: 100px;
    height: 100px;
    font-size: 42px;
}

.circle-container.second .letter-circle,
.circle-container.fourth .letter-circle {
    width: 90px;
    height: 90px;
    font-size: 38px;
}

.circle-container.first .letter-circle,
.circle-container.fifth .letter-circle {
    width: 79px;
    height: 79px;
    font-size: 36px;
}

.circle-container.third .letter-circle {
    color: #f2a71b;
    border: 2px solid #f2a71b;
}

.circle-container.second .letter-circle {
    color: #4AC6AC;
    border: 2px solid #4AC6AC;
}

.circle-container.fourth .letter-circle {
    color: #CE3429;
    border: 2px solid #CE3429;
}

.circle-container.first .letter-circle {
    color: #1C6BEB;
    border: 2px solid #1C6BEB;
}

.circle-container.fifth .letter-circle {
    color: #235282;
    border: 2px solid #235282;
}

.circle-container.third .title {
    color: #f2a71b;
}

.circle-container.second .title {
    color: #4AC6AC;
}

.circle-container.fourth .title {
    color: #CE3429;
}

.circle-container.first .title {
    color: #1C6BEB;
}

.circle-container.fifth .title {
    color: #235282;
}


.outer-circle .icon img:hover {
    transform: rotate(45deg);
    cursor: pointer;
}

/*core value css end*/

/*timeline css start*/
.timelinepart {
    background-image: url('../images/timelineback.png');
    background-color: #272727;
    background-size: cover;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 100px;
}

.timelineWrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 814px;
}

.sideTitle {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 70px;
    font-weight: 700;
    letter-spacing: 2px;
    width: 10%;
    display: flex;
    align-items: center;
    color: #fff;
}

/* .line {
    position: absolute;
    width: 3px;
    background: #fff;
    height: 100%;
    left: auto;
    right: 20%;
    top: 0;
    opacity: 0.35;
    z-index: 1;
} */


/* TIMELINE WRAPPER */
.timelineArea {
    width: 35%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0px;
    overflow: hidden;
    position: relative;
}


/* YEARS CAROUSEL */
.timelineCarousel {
    transform: translateY(-100%);
}

.timelineCarousel .item {
    font-size: 24px;
    font-weight: 400;
    color: #bdbdbd;
    opacity: 0.5;
    text-transform: uppercase;
    transition: 0.4s ease-in-out;
    transform: translateX(25px);
    position: relative;
    padding-right: 60px;
}

/* ACTIVE YEAR */
.timelineCarousel .owl-item.center .item {
    font-size: 64px;
    font-weight: 700;
    opacity: 1;
    color: #fff;
    transform: translateX(15px);
}

.timelineCarousel .owl-item.center .item::after {
    left: 186px !important;
}



/* CONTENT PANEL */
.timelineContent {
    width: 55%;
    max-width: 600px;
    overflow: hidden;
    position: relative;
    min-height: 200px;
    color: #fff;
}

.timelineContent>div {
    position: absolute;
    opacity: 0;
    transform: translateY(60px);
    transition: 0.6s ease-in-out;
    width: 100%;
}

.timelineContent>div.active {
    opacity: 1;
    transform: translateY(0);
    position: relative;
}

.timelineContent h2 {
    color: #ffffff;
    text-align: left;
    margin-bottom: 20px;
}

.timelineContent p {
    font-size: 20px;
    line-height: 34px;
    color: #ffffff;
    text-align: left;
}

/* LEFT AREA STYLING */
.leftTimelineArea {
    display: flex;
    align-items: center;
    gap: 32px;
}

/* DOT MARKERS */
.timelineCarousel .owl-item .item::after {
    content: "";
    width: 19px;
    height: 19px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left:107px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}

.timelineCarousel .owl-item.active.center .item::after {
    width: 41px;
    height: 41px;
}

.timelineCarousel.owl-carousel .item span{
  width: 80px;
  display: block;
}
.timelineCarousel .owl-item.center .item span{
  width: 160px;
}


/* Make OWL Vertical */
.timelineCarousel.owl-carousel .owl-stage-outer {
    transform: rotate(-90deg) !important;
    height: 200px;
    width: 1000px;
    /* adjust based on your design */
    overflow: visible !important;
    /* margin-left: 30px; */
    left: -76px;
}

.timelineCarousel.owl-carousel .owl-stage {
    display: flex;
    flex-direction: row;
}

.timelineCarousel.owl-carousel .owl-item {
    transform: rotate(90deg) !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 120px;
    /* vertical item space */
    position: relative;
}

.timelineCarousel.owl-carousel .item {
    white-space: nowrap;
}
.timelineCarousel.owl-carousel .owl-item:before{position: absolute;
    width: 1px;
    background:#c8c8c8;
    height: 92%;
    right: -1px;
    top: -40px;
    z-index: -1;
    content: '';
  }

  .timelineCarousel.owl-carousel .owl-item:last-child::before{
    display: none;
  }


/*********************************pro part******************************/



/*******************about page end********************/

.counter-section {
  width: 100%;
  margin: auto;
  text-align: center;
}

.counter-box {
  padding:30px 0;
  border-bottom: 1px solid #eee;
}

.counter-box:last-child {
  border-bottom: none;
}

.counter-box h2 {
  font-size: 42px;
  font-weight: 700;
  color: #005b66;
  margin: 0;
}

.counter-box p {
  margin-top: 10px;
  font-size: 18px;
  color: #222;
}
/*********/

.home-future-l .counter-section{text-align: left; padding-top: 50px;}

.home-future-l .counter-section .counter-item h2{color: var(--white); font-size: 40px; font-weight: 700;}

.home-future-l .counter-section .counter-item p{padding-top: 0;}

.home-future-l .counter-section .counter-grid{display: flex; flex-wrap: wrap; gap:80px;}

.home-future-l .counter-section .counter-grid .counter-item{width: calc(50% - 40px);}

/******************career page start*****************/

.career-leadership-part{padding-bottom: 100px;}

.career-intro-part .common-h2.career-intro-h2{font-size: 36px; line-height: 40px;}

.career-intro-part p{max-width: 1130px; margin: 0 auto !important;}

.product-intro-bottom.career-intro-bottom ul{padding-top: 50px; }

.product-intro-bottom.career-intro-bottom ul li a{display: block; text-align: center;}

.product-intro-bottom.career-intro-bottom ul li a span{display: block; margin: 0 auto 10px;}

.product-intro-bottom.career-intro-bottom ul li a span img{border-radius: 9px;}

.product-intro-bottom.career-intro-bottom ul li{width: fit-content; flex: 1;}

.product-intro-bottom.career-intro-bottom ul li label{white-space: nowrap; width: 100%;}

.about-leadership-part.career-leadership-part{padding-top: 0;}

.about-leadership-part.career-leadership-part .about-leadership-wrap{margin: 0;}

.career-leadership-part .community-approach-l{min-height:700px; display: flex; align-items: center; flex-direction: column; justify-content: center;}

.career-leadership-part .community-approach-l .common-h2{width: 100%;}

.career-people-carousel{padding-top: 50px;}

.career-people-txt{margin-top: 30px; border-left: solid 4px #044E60; padding: 0 0 0 20px;}

.career-people-txt h4{color: #000000; font-size: 30px; font-weight: 600; padding-bottom: 10px;}

.career-people-txt h4 a{color: #000;}

.career-people-txt p{color: #000000; font-size: 20px; line-height: 24px; font-weight: 400;}


.career-people-carousel .owl-prev{background: url(../images/community-prev.svg) left top no-repeat !important; width: 66px; height: 66px; position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}

.career-people-carousel .owl-next{background: url(../images/community-next.svg) right top no-repeat !important; width: 66px; height: 66px; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}

.career-people-carousel .owl-prev span, .career-people-carousel .owl-next span{font-size: 0;}

.career-people-carousel .owl-dots{display: none !important;}

.career-divas-part{padding: 100px 0;}

.career-opportunities-part{padding-bottom: 100px;}

.career-opportunities-part p{text-align: center; padding-top: 20px;}

.career-opportunities-part.product-specification-part .accordion-item-header{background: #004E60; border-radius: 9px; padding: 20px 50px; position: relative;}

.career-opportunities-part.product-specification-part .accordion-item-body-content{border-image: none; border:none;}

.career-opportunities-part.product-specification-part .accordion-item-header::after{right: 50px; content: "\203A";}

.career-opportunities-part.product-specification-part .accordion-item-header.active::after{content: "\276F";transform: rotate(90deg); font-size: 18px;}

.career-opportunities-part.product-specification-part .accordion-item{margin-bottom: 10px;}

.career-opportunities-part.product-specification-part .accordion-item-header.active{background: #F0F0F0; color: #000000; border-radius: 9px 9px 0 0;}

.career-opportunities-part.product-specification-part .accordion-item-body{background: #F0F0F0; color: #000000; border-radius: 0 0 9px 9px;}

.career-opportunities-part.product-specification-part .accordion-item-body .accordion-item-body-content{padding: 25px 50px 40px 50px;}

.career-opportunities-part.product-specification-part .accordion-item-header.active:before{position: absolute; content: ''; background: #CDCDCD; bottom: 0; left: 0; right: 0; margin: 0 auto; width: calc(100% - 100px); height: 1px;}

.career-opportunities-part.product-specification-part .accordion-item-body .accordion-item-body-content ul{display: flex; flex-wrap: wrap; gap:20px;}

.career-opportunities-part.product-specification-part .accordion-item-body .accordion-item-body-content ul li{position: relative; color: #000000; font-size: 20px; font-weight: 400; padding-left: 35px; width: calc(50% - 10px); padding-bottom:0;}

.career-opportunities-part.product-specification-part .accordion-item-body .accordion-item-body-content ul li:before{position: absolute; content: ''; background: url(../images/career-arrow-ul.svg)left top no-repeat; left: 0; top: 3px; width: 20px; height: 22px;}

.career-opportunities-part.product-specification-part .accordion{margin-bottom: 0; margin-top:50px;}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  max-width:80%;
  margin: 40px auto;
  transition: 1s all;
  border-radius: 15px;
}

.mfp-bg {}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.career-people-popup-box{display: flex; gap:60px;}

.career-people-popup-box-img{width: calc(35% - 20px);}

.career-people-popup-box-txt{width: calc(65% - 20px);}

.career-people-popup-box-txt-top{margin-top: 0; margin-bottom: 30px;}

.career-people-popup-box-txt p{padding-bottom: 15px;}

/******************career page end*****************/

/*************sustainability page start**************/

.sustainability-community-part{}

.sustainability-community-part .community-video{right: 0; left: auto;}

.sustainability-community-part .home-community-video{order: 2;}

.sustainability-community-part .home-community-txt{padding-left: 0; padding-right: 90px;}

.sustainability-community-part .home-community-txt::before{display: none;}

.sustainability-community-part .home-community-txt p{padding: 0;}

.sustainability-goal-part{padding: 100px 0;}

.sustainability-goal-top{text-align: center;}

.sustainability-goal-top .sub-title{padding: 10px 0;}

.sustainability-goal-wrap{padding-top: 50px; display: flex; gap:40px; flex-wrap: wrap;}

.sustainability-goal-box-txt{/*background: #004E60;*/ padding: 20px 20px 40px 20px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

.sustainability-goal-box-txt h4{}

.sustainability-goal-box-txt h4 a{color: var(--white); font-size: 30px; font-weight: var(--semibold);}

.sustainability-goal-box-txt .common-btn{margin-top: 50px;}

.sustainability-goal-btn{display: flex; justify-content: flex-end;}

/*.sustainability-goal-box-txt:hover{background: #F0F0F0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}*/

.sustainability-goal-box:hover h4 a{color: #18181B;}

.sustainability-goal-box-txt:hover h4 a{color: #18181B;}

.sustainability-goal-box-txt:hover .common-btn{border-color: #9FA4AA; color: #202020; background: #F0F0F0;}

.sustainability-goal-box-txt:hover .common-btn span{background:var(--green);}

.sustainability-goal-box-txt:hover .common-btn span:before{background: url(../images/btn-arrow.svg);}

.sustainability-goal-box img{width: 100%;}

.sustainability-goal-box{width: calc(33.3% - 28px); background: #004E60; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

.sustainability-goal-box:hover{background: #F0F0F0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

.sustainability-processes-part{padding-bottom: 100px;}

.sustainability-processes-part .community-approach-wrap{margin-top: 50px; align-items: center;}

.sustainability-processes-part .community-approach-l ul{padding: 0; margin: 0;}

.sustainability-processes-part .community-approach-l ul li{list-style: none; position: relative; padding-left: 35px; margin-bottom: 20px;}

.sustainability-processes-part .community-approach-l ul li:last-child{margin: 0;}

.sustainability-processes-part .community-approach-l ul li:before{position: absolute; content: ''; background: url(../images/career-arrow-ul.svg)left top no-repeat; left: 0; top: 1px; width: 20px; height: 22px;}

.sustainability-processes-carousel .owl-dots{display: none;}

.sustainability-processes-carousel .owl-prev{background: url(../images/arrow_forward.svg) left top no-repeat !important; width:42px; height:75px; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; box-shadow: none;}

.sustainability-processes-carousel .owl-next{background: url(../images/arrow_next.svg) right top no-repeat !important; width:42px; height:75px; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; box-shadow: none;}

.sustainability-processes-carousel .owl-prev span, .sustainability-processes-carousel .owl-next span{font-size: 0;}

.sustainability-green-story-part{padding: 100px 0;}

.green-story-wrap{padding-top: 50px; text-align: center; display: flex; gap:60px; flex-wrap: wrap;}

.green-story-img-wrap{width:290px; height: 290px; border-radius: 50%; background: #fff; border:solid 5px #1C6BEB; position: relative; margin: 0 auto 30px;}

.green-story-img{width: 280px; height: 280px; background: #1C6BEB; border-radius: 50%; border:solid 5px #fff; display: flex; align-items: center; justify-content: center;}

.green-story-img img:hover{transform: rotate(45deg); cursor: pointer;}

.green-story-yellow .green-story-img-wrap{border-color: #F1AB1D;}

.green-story-teal .green-story-img-wrap{border-color: #4AC6AC;}

.green-story-darkblue .green-story-img-wrap{border-color: #235282;}

.green-story-yellow .green-story-img{background: #F1AB1D;}

.green-story-teal .green-story-img{background: #4AC6AC;}

.green-story-darkblue .green-story-img{background: #235282;}

.green-story-wrap h6{color: #1C6BEB; font-size:18px; font-weight: 600; line-height:22px; /*padding-bottom: 150px;*/ padding-bottom: 5px;}

.green-story-wrap h6 span{display: block; font-size: 18px; padding-bottom: 10px;}

.green-story-yellow h6{color: #F1AB1D;}

.green-story-teal h6{color: #4AC6AC;}

.green-story-darkblue h6{color: #235282;}

.green-story-wrap p{color: #000000; font-size:16px; font-weight: 600; line-height: 24px;}

.green-story-box{width: calc(25% - 45px);}

/*************sustainability page end**************/

/**************blog page start***************/

.blog-listing-part{padding: 100px 0;}

.blog-listing-wrap{padding-top: 50px; gap:60px; display: flex; flex-wrap: wrap;}

.blog-listing-box{width: calc(33.3% - 40px);}

.blog-listing-img{margin-bottom: 30px; overflow: hidden; border-radius: 15px;}

.blog-listing-img img{border-radius: 15px; width: 100%; transition: 0.3s;}

.blog-listing-img img:hover{transform: scale(1.1);}

.blog-date{color: #000000; font-size: 20px; font-weight: 400;}

.blog-listing-txt-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px;}

.blog-listing-txt-top ul{padding: 0; margin: 0; display: flex; gap:20px;}

.blog-listing-txt-top ul li{list-style: none;}

.blog-listing-txt{}

.blog-listing-txt h3{padding-bottom: 30px;}

.blog-listing-txt h3 a{color: #000000; font-size:26px; font-weight: 600;}

.blog-listing-txt h3 a:hover{color: #004E60;}

.blog-pagination{padding: 100px 0 0 0; text-align: center; display: flex; align-items: center; justify-content: center; gap: 10px;}

.blog-pagination .page-numbers.current{background: var(--green); color: var(--white); padding: 0; border-radius:8px; width: 40px; height: 40px; display: inline-block; line-height: 40px;}

.blog-pagination a{border-radius: 8px; border:solid 1px #CECECE; background: var(--white); color: #333; width: 40px; height: 40px; display: inline-block; line-height: 40px;}

.blog-pagination a:hover{background: var(--green); color: var(--white); border-color: var(--green);}

.blog-pagination a.next, .blog-pagination a.prev{position: relative; top: auto; transform: none; right: auto; padding: 0; display: flex; align-items: center; justify-content: center; left:auto;}

.blog-pagination a.next:hover img, .blog-pagination a.prev:hover img{filter: invert(1);}

.blog-pagination ul{padding: 0; margin: 0; display: flex; gap: 5px; align-items: center; justify-content: center;}

.blog-pagination ul li{border:solid 1px #CECECE; border-radius: 8px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;}

.blog-pagination ul li a{display: block; color: #333333; font-size: 16px; font-weight: 600;}

.blog-pagination ul li span{color: #fff; font-size: 16px; font-weight: 600; background: #004E60; width: 100%; height: 100%; border-radius: 8px; display: flex; align-items: center; justify-content: center;}

.blog-pagination ul li.prev-double-arrow{}

.blog-pagination ul li:hover{background: #004E60;}

.blog-pagination ul li:hover a{color: #fff;}

.blog-pagination ul li:hover img{filter: invert(100%);}

/**************blog page end***************/

/**************blog details page start***************/

.blog-details-part{padding: 100px 0;}

.blog-details-part .common-h2{text-align: left; padding-bottom: 30px;}

.blog-listing-top-info{display: flex; align-items: center; gap:40px; margin-bottom: 40px;}

.blog-listing-top-info ul{padding: 0; margin: 0; display: flex; align-items: center; gap:20px; position: relative;}

.blog-listing-top-info ul:before{position: absolute; content: ''; background: #797979; width: 1px; height: 18px; left: -20px;}

.blog-listing-top-info ul li img{height: 18px;}

.blog-details-content{}

.blog-details-content img{width: 100%; display: block; margin-bottom: 50px; border-radius: 15px;}

.blog-details-content p{padding-bottom: 20px;}

.blog-details-content p:last-child{padding-bottom: 0}

/**************blog details page end***************/

/**************current opening page start**************/

.current-opening-part{padding: 100px 0;}

.current-form{margin: 50px 0;}

.current-form select{border:none; border-radius: 9px; max-width: 823px; width: 100%; margin: 0 auto; min-height: 80px; padding: 0 30px; color: var(--black); font-size: 30px; font-weight: 500; appearance:none; -webkit-appearance:none; background: url(../images/keyboard_arrow_down.svg)96% 35px no-repeat #F0F0F0;}

.current-form .form-group{text-align: center;}

.current-box-wrap{display: flex; gap:40px; flex-wrap: wrap;}

.current-box{border-radius: 9px; border:solid 1px #828282; padding: 40px 30px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; width: calc(33.3% - 27px);}

.current-box h4{color: var(--black); font-size: 30px; font-weight: 500;}

.current-box h6{color: var(--black); font-size:24px; font-weight: 500; padding: 20px 0;}

.current-box a{border:solid 1px #044E60; border-radius: 80px; padding: 12px 25px; display: flex; width: fit-content; margin-top: 40px;}

.current-box:hover{background: #044E60; border-color: #044E60;}

.current-box:hover h4, .current-box:hover h6, .current-box:hover p{color: #fff;}

.current-box:hover a{border-color: #fff;}

.current-box:hover a img{filter: invert(100%);}

.current-form-part{padding: 100px 0; background: #F0F0F0;}

.current-form-part p{text-align: center;}

.current-form-part .contact-form-txt{
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
}

.current-form-part .contact-form-txt input{
  background: none;
}

.upload-box {
  width: 100%;
  height: 120px;
  border:2px dashed #BEBEBE;
  border-radius: 8px;
  display: flex !important;
  align-items: flex-end;
  justify-content: center;
  cursor: pointer;
  background: none;
  transition: border-color 0.3s ease;
  padding-bottom: 30px !important;
}

.upload-box:hover {
  border-color: #999;
}

.upload-box span {
  font-size: 16px;
  color: #000;
}

.upload-box input[type="file"] {
  display: none;
}





















/**************current opening page end**************/

/*********page load popup********/

.current-popup{
  max-width:80%;
  padding:60px;
  background: #ffffff;
  border-radius: 15px;
  margin:40px auto;
  position: relative;
}

.current-popup h2 {
  margin-bottom: 10px;
  color: #000;
  font-size: 48px;
  font-weight: 600;
}

.current-popup p {
  margin-bottom: 20px;
}

.current-popup h6{
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 20px;
}

.current-popup .popup-close {
  border: none;
  background: #606060;
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  font-size: 40px;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 20px;
  right: 20px;
}
.current-popup .mfp-close{
  display: none !important;
}
.current-popup ul{
  padding: 0;
  margin: 0;
}

.current-popup ul li{
  list-style: none;
  position: relative;
  color: var(--gray);
  font-size: 20px;
  line-height:30px;
  font-weight: var(--regular);
  margin-bottom: 20px;
  padding-left: 20px;
}

.current-popup ul li:before{
  position: absolute;
  content: '';
  background: #000;
  width: 6px;
  height:6px;
  border-radius: 50%;
  left: 0;
  top:10px;
}
.mfp-wrap {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/*********page load popup********/

.hidden-country {
  display: none !important;
}






/* Container */
.product-listing{
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 per row */
  gap: 30px;
  padding: 20px;
}

/* Product Card */
.product-card{
  border: 1px solid #e5e5e5;
  padding: 15px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  transition: 0.3s;
}

.product-card:hover{
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Image */
.product-card img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 6px;
}

/* Title */
.product-card h3{
  font-size: 18px;
  margin: 15px 0 10px;
  color: #333;
}

/* Button */
.btn{
  display: inline-block;
  padding: 10px 18px;
  background: var(--green);
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-size: 14px;
  transition: 0.3s;
  border: 1px solid var(--green);
}

.btn:hover{
  background-color: transparent;
  color:var(--green);
}
body .wpcf7-spinner{
    display: block;
    margin: 10px auto;
}
body .wpcf7 form .wpcf7-response-output{
    margin-top:0;
}
/****10-02-2025****/
.apply-btn, .current-box-btn a{color: #044E60;}
.current-box:hover .apply-btn, .current-box:hover .current-box-btn a{color: #fff;}
.current-box-btn{display: flex; gap:20px;}
.current-job-popup-content{text-align: center;}
.current-apply-popup-content .contact-form-txt{width: 100% !important;}
.current-apply-popup-content .contact-form-txt h3, .current-apply-popup-content .contact-form-txt p{text-align: center;}
.current-apply-popup-content .contact-form-txt p{margin: 0 auto; max-width:70%;}
/****10-02-2025****/

/********11-02-2026******/

.job-details-wrap{padding: 100px 0;}
.job-details{text-align: left !important; padding-top: 50px;}
.job-details p{text-align: left;}
.job-details h6{padding:20px 0; margin: 0;}
.job-details ul{padding: 0; margin: 0;}
.job-details ul li{list-style: none; position: relative; padding-left: 35px; margin-bottom: 15px;}
.job-details ul li:before{position: absolute; content: ''; background: url(../images/career-arrow-ul.svg) left top no-repeat; left: 0; top: 3px; width: 20px; height: 22px;}
#job-form-sec .form-group textarea{background: none; min-height: 80px; height: 80px;}
#job-form-sec .upload-box{height:80px; padding-bottom: 0 !important; display: block !important; padding-top: 10px; padding-left: 10px;}
#job-form-sec input[type="submit"]{width: 100%; border-radius: 6px; justify-content: center; cursor: pointer; background: var(--green); text-transform: uppercase;}
#job-form-sec input[type="submit"]:hover{background: none; border: solid 1px var(--green); color: var(--green);}
.career-people-partnw{padding-bottom: 100px;}

/********11-02-2026******/



.value-item .icon img{
    width: 85px;
}
.circle-container:hover .value-item .icon img{
    width: 100px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.footer-middle-box a img{
    margin-bottom: 20px;
}
.enq-btn{
    position: fixed;
    top: 50%;
    z-index: 2;
    right: -53px;
    transform: rotate(90deg);
    background: var(--off-white);
}
.enq-btn:hover{
    background: var(--green);
}

.our-gallery-carousel button{
    border: solid 1px #9FA4AA !important;
    border-radius: 100px !important;
    box-shadow: none;
}
.our-gallery-carousel button.owl-dot{
    border: none !important;
}
 .inner-banner-part{
    overflow:hidden;

  }
.inner-banner-part video{
    width:100%;
    height:100%;
    object-fit:cover;

}

/***********12-03-2026**********/
.community-approach-wrapnw{align-items: center;}
.community-approach-wrapnw .community-approach-l{padding-top: 30px; padding-bottom: 30px; padding-left: 60px; padding-right: 60px;}
.community-approach-wrapnw .community-approach-r{background: none !important;}
.community-approach-wrapnw .community-approach-r img{display: block;}

.our-gallery-carousel .community-gallery-box .community-gallery-box-img img{height: 400px; object-fit: cover;}
.our-gallery-carousel .community-gallery-box .community-galler-box-txt{height: 400px; overflow-y: scroll;}
.our-gallery-carousel .owl-dots{top:10px;}

.our-gallery-carousel .owl-dots .owl-dot span{margin: 0 !important;}
.owl-theme .owl-dots .owl-dot{box-shadow: none;}

.timelinepart{position: relative;}
.timelinepart:before{position: absolute; content: ''; background: rgba(0,0,0,0.3); width: 100%; height: 100%; left: 0; top:0;}

/************16-03-2026**********/
.drop-icon:after{filter: brightness(0) invert(1);}
.main-header-part.scrolled ul.MainNav li.drop-icon:after{filter: brightness(1) invert(0);}
.inner-banner-part:before{opacity: 0.3;}

/************16-03-2026**********/


.about-certificate-carousel .owl-stage{display: flex; align-items: center;}
.scrollbar{float: left; height: 300px; overflow-y: scroll;}
.force-overflow{min-height: 450px;}
.leader-bio::-webkit-scrollbar-track, .about-director-box-txtnw::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
.leader-bio::-webkit-scrollbar, .about-director-box-txtnw::-webkit-scrollbar{width: 6px; background-color: #F5F5F5;}
.leader-bio::-webkit-scrollbar-thumb, .about-director-box-txtnw::-webkit-scrollbar-thumb{background-color:#004e60;}
.padding-topno{padding-top: 0 !important;}
.about-director-box-txtnw{background: #fff8ec; padding: 20px;}
.about-director-box-txtnw.about-director-box-txt p{font-size: 16px; line-height: 24px;}
.about-director-partnw{padding-bottom: 100px;}
.about-director-box-txtnw .force-overflow{min-height:350px;}

#gallery-popup .slide img{height:450px;}
#gallery-popup{max-width:60%;}

.home-blog-part .common-h2{color:#1B1B1B;}

.footer-bottom-r p{color: var(--white); font-size: 15px; font-weight: var(--regular);}
.footer-bottom-r p a{color: var(--white); font-weight: 600;}

.home-blog-part .common-btn{position: relative; margin: 40px auto 0;}
.inner-header-part .drop-icon:after{filter: brightness(1) invert(0);}
.sustainability-community-part .home-community-box{align-items: center;}

/*27-03-2026 css Prosenjit start*/
.mobile-timeline{
    display: none;
}

.timeline-slider .slide{
    background: none !important;
    align-items: flex-start;
}

.timeline-slider .slide .year{
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    text-align: right;
    width: 100%;
    padding-right: 50px;
    position: relative;
}

.timeline-slider .slide .year::after{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    right: 0px;
    top: 40%;
}

.facility-slider-carousel .about-facility-wrap{background-size:cover !important;}

.coming-page{padding:200px 0;}



@media(max-width: 991px){
    .mobile-timeline{
        display: block;
    }
    .desktop-timeline{
        display: none;
    }
}
/*27-03-2026 css Prosenjit end*/
/**/