@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face{
font-family: "Halcom";
src: url("../../assets/fonts/0a2708c8b483cfe4e81306f3372fb1f8.eot");
src: url("../../assets/fonts/0a2708c8b483cfe4e81306f3372fb1f8.eot?#iefix")format("embedded-opentype"),
url("../../assets/fonts/0a2708c8b483cfe4e81306f3372fb1f8.woff")format("woff"),
url("../../assets/fonts/0a2708c8b483cfe4e81306f3372fb1f8.woff2")format("woff2"),
url("../../assets/fonts/0a2708c8b483cfe4e81306f3372fb1f8.ttf")format("truetype"),
url("../../assets/fonts/0a2708c8b483cfe4e81306f3372fb1f8.svg#Halcom")format("svg");
font-weight:normal;
font-style:normal;
font-display:swap;
}
@font-face {
  font-family: "Adobe Handwriting Ernie";
  src: url("../../assets/fonts/AdobeHandwriting-Ernie.ttf") format("truetype");
}

@font-face {
  font-family: "Fearce";
  src: url("../../assets/fonts/fearce.ttf") format("truetype");
}

@font-face {
  font-family: "Poppins";
  src: url("../../assets/fonts/Poppins-Regular.ttf") format("truetype");
}
:root {
--body-color: #424B5C;
--primary-color: #6E9EFA;
--headding-color: #222222;
--section-bg: #F8F8F8;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
margin: 0;
padding: 0;
font-size: 14px;
color: #000000;
font-family: "Halcom";
font-weight: 400;
font-style: normal;
overflow-x: hidden;

}
a,
button {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
*::-moz-selection {
background: #FDB7;
color: #000000;
text-shadow: none;
}
::-moz-selection {
background: #FDB7;
color: #000000;
text-shadow: none;
}
::selection {
background: #FDB7;
color: #000000;
text-shadow: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #007630!important;
font-size: 14px;
font-weight: 300;
}
::-moz-placeholder { /* Firefox 19+ */
color: #007630!important;
font-size: 13px;
font-weight: 300;
}
::-ms-input-placeholder { /* IE 10+ */
color: #007630!important;
font-size: 14px;
font-weight: 300;
}
::-moz-placeholder { /* Firefox 18- */
color: #a4a4a4!important;
font-size: 14px;
font-weight: 300;
}
.zoom-img {
height:auto;
overflow: hidden;
/* border-radius: 15px; */
}
.zoom-img  img {
width: 100%;
transition: all .3s ease-in-out;
}
.zoom-img img:hover   {
transform: scale(1.2);
}
h1,h2,h3,h4,h5,h6,p{
margin:0;
padding: 0;
}
h1,h2,h3,h4{
color:#003629;
font-family: "Halcom";
}
.white > p{
font-size: 14px;
color:#ffffff;
}
p{
font-size: 14px;
color:#003629;
}
ul{margin: 0px; padding: 0px;}
ul li{ text-decoration: none;  margin: 0px; padding: 0px; list-style: none;}
.pt-100{ padding-top: 100px; }
.pb-80{ padding-bottom: 80px; }
.py-100{ padding-top: 100px; padding-bottom: 100px}
.mt-80{ margin-top: 80px; }
.mb-80{ margin-bottom: 80px; }
.my-80{ margin-top: 80px; margin-bottom: 80px;}
.a{
text-decoration: none;
transition: .4s;
-webkit-transition: all .4s ease-in-out;
}

button:focus{
outline: none;
}
input:focus{
outline: none;
}
textarea:focus{
outline: none;
}
/* ===========================header-part================== */
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 50px;
    color: #fff;
    position: absolute;
    top: 0px;
    background: #003629;
    width: 100%;
    
}
.page-header {
  position: fixed;
  left:0; top:0; width:100%;
  box-sizing:border-box;
  transition: top 0.6s;
  
}
.page-header.off-canvas {
  top: -89px;
  z-index: 2;
}
.page-header.fixed {
  top:0;
  z-index: 2;
}

.toggle {
    cursor: pointer;
    position: fixed;
    top: 2rem;
    right: 2rem;
    z-index: 10000;
    
}
.menu-bg {
    background: #1B4332;
    top: 0px;
    right: 0px;
    padding: 5px 19px 14px 30px;
    border-bottom-left-radius: 20px;
    font-size: 15px;
    z-index: 2222;
    position: fixed;
}
.menu-bg .arrow-nav i {
    font-size: 27px;
    transform: rotate(302deg);
    display: inline-table;
    transition: all .35s;
    position: relative;
    top: 3px;
}
/* .menu-bg:hover .arrow-nav i {
    font-size: 30px;
    transform: rotate(360deg);
    display: inline-table;
    position: relative;
    top: 6px;
} */


.menu-logo{ padding: 20px 50px; }
.logo img {
height:auto;
width: auto;
}
.flex-box {
background-color: #004d40;
flex: 0 1 50%;
transition: 0.5s all ease-in-out;
position: relative;
z-index:222;
}
.flex-box:nth-child(2) {
flex: 1 0 100%;
background-color: #333;
display: flex;
justify-content: center;
align-items: center;
font-size: 56px;
color: #fff;
font-weight: 700;
z-index: 1;
}
.nav-menu .flex-box:nth-child(2) {
flex: 0 0 0;
}
.container__open .menu {
display: block;
background: #ffffff;
border-radius:30px;
padding: 25px;


}
.container__open .menu-bg{ display: none; }
.container__open .close{ display: block; }
.close {
  position: absolute;
  right: 32px;
  top: 0px;
  width: 32px;
  height: 32px;
  opacity: 0.6;
  display: none;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 3px;
  background-color: #000000;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}
.menu {
display: none;
width: 100%;
position: fixed;
top: 0;
left: 0%;
height: 100vh;
color: #fff;
background-color: transparent;
animation: 0.4s slideDown 0.25s forwards;
z-index: 2;
-webkit-backface-visibility: hidden;
}
/* .slider-img video {
    transform: translateX(-180deg);
  } */


.toggle__span {
height: 2px;
width: 100%;
background-color: #ffffff;
position: absolute;
transition: 0.4s;
transform: rotate(167deg);
}
.toggle__span:nth-child(1) {
  top: 10px;
}
.toggle__span:nth-child(2) {
  top: 19px;
}
.toggle__span:nth-child(3) {
  top: 28px;
}

.main-menu-part{ padding-top: 40px; }
.main-menu-part .address-navbar p{
  padding-bottom: 40px;
  font-size: 18px;

}
.main-menu-part .address-navbar p a{
  text-decoration: none;
  color: #003629;
}
.address-navbar{
  width: 70%;
}
.main-menu-part .social-navbar p{
  font-size: 18px;
  padding-bottom: 10px;

}
.main-menu-part .social-navbar ul{
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.main-menu-part .social-navbar ul li{
  padding: 0px 0px;
  margin-right: 20px;
}
.main-menu-part .social-navbar ul li a{
  list-style: none;
  font-size: 18px;
  color: #003629;
  text-decoration: none;
}
.main-menu-part .social-navbar ul li a span i{
    font-size: 27px;
    transform: rotate(302deg);
    display: inline-table;
    transition: all .35s;
    position: relative;
    top: 3px;
}
.main-menu-part .social-navbar ul li a:hover span i{
  transform: rotate(360deg);
    display: inline-table;
    position: relative;
    top: 6px;
}

.nav-bar-main ul{
  margin: 0px;
  padding: 0px;

}
.nav-bar-main ul li{
  list-style: none;
  padding-bottom: 15px;
}
.nav-bar-main ul li span{ font-size: 15px; color: #0F2B25;display: block; line-height: normal; }
.nav-bar-main ul li a{
    font-size: 50px; 
   text-decoration: none;
  color: transparent;
  -webkit-text-stroke: 1px #0F2B25;
  transition: all 0.5s;
  }
.nav-bar-main ul li a:hover{
 color: #0F2B25;
}
.scrollbar
{
  height:1000px;
  overflow-y: scroll;
  margin-bottom: 25px;
  overflow-x: hidden;
}

#style-1::-webkit-scrollbar
{
  width:6px;
  background-color: #dbf0dd;
}
#style-1::-webkit-scrollbar-thumb
{
  border-radius:25px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #05735C;
}

#hero {
  width: 100%;
  height: calc(100vh - 0px);
  background-size: cover;
  position: relative;
  margin-top: 0px;
  z-index: -1;
  overflow: hidden;
  top: 0;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
@media (min-width: 1600px) {
#hero {
  width: 100%;
  height: calc(100vh - 0px);
  background: url("../../assets/images/hero-banner.jpg") center center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  z-index: -1;
}
}
#hero .hero-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  text-align: left;
  padding: 0 0px;
}
.back-video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  z-index: 0;
   margin-left: -500px;
    transform: rotateY(180deg);
}
 /* back-video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    margin-left: -500px;
    transform: rotateY(180deg);} */
.hero-banner{ overflow: hidden; }
.video-text h5{
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  line-height: 25px;
}
.home-text h1{
  margin:0;
  overflow: hidden;
}
.home-text p span{
  display: inline-block;
  display: none;
}
.home-text h1 span.text-in{
  display: block;
  animation: textIn 2s ease;
}
.home-text h1 span.text-out{
  animation: textOut 2s ease;
}
@keyframes textIn{
0%{
transform: translateY(100%);
}
100%{
transform: translateY(0%);
}
}
@keyframes textOut{
0%{
transform: translateY(0%);
}
100%{
transform: translateY(-100%);
}
}
.video-text {
  position: absolute;
  top: 30%;
  left:4%;
}
.video-text.video-text2 {
  position: absolute;
  top:12%!important;
  left:4%;
}
.video-text h1 {
  font-size:55px;
  color: #ffffff;
  text-align: left;
}
.video-box-content{
  padding:55px 45px;
  /* background: rgba(2, 84, 67, 37%); */
  background: #657b77;
  position: relative;
  margin-top: 70px;
  width: 360px;
  max-width: 100%;
  border-radius: 15px;

}
.video-box-content p{
  color: #ffffff;
}
.dot{
  background: #ffffff;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.video-box-content .left{
  position: absolute;
  left: 20px;
  top: 20px;
}
.video-box-content .right{
  position: absolute;
  right: 20px;
  top: 20px;

}
.video-box-content .left-bottom{
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.video-box-content .right-bottom{
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.wrapper-cont-ytway h3{ 
  text-align: center;
  font-size:25px;
  font-weight: 100;
 }
 .wrapper-cont-client-logo{
  padding-top: 40px;
  overflow: hidden;
 }
.wrapper-cont-client-logo ul{
  margin: 0px; padding: 0px;
  display: flex;
  align-items: center;
 
}
.wrapper-cont-client-logo ul li{
  position: relative;
  padding: 0px 25px;
  left: -200px;
  list-style: none;
}
.our-service-box{
  position: relative;
  padding: 60px 50px;
  overflow: hidden;
  
}

.our-service-box:before{
  content: "";
  position: absolute;
  z-index:1;
  left: 0;
  top: 0;
  width: 100%;
  height: 500px;
  animation: bg-animation 4s infinite;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/bg-animation.png");
  border-radius: 25px;
  z-index: 1;

}

@keyframes bg-animation {
  0% {
    background-position: top;
  }
  20% {
    background-position: right;
  }
    40% {
    background-position: right;
  }
    60% {
    background-position: bottom;
  }
  100% {
    background-position: top;
  }
}


.our-service-box:after{
  content: '';
  position: absolute;
  background: #ECEEE9;
  top: 0;
  left: 0;
  width: 100%;
  min-height:65%;
  z-index: -1;
  border-radius: 20px;
}
.our-service-box-content{
  position: relative;
  z-index: 1;
}




.our-service-box-content h3{
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;

}
.our-service-box-content h2{
  font-size: 55px;
  font-weight: 600;
  line-height: normal;
  padding-bottom:25px;
}
.our-service-tab{
  padding-top: 40px;
  position: relative;
  z-index: 1;
}
 .our-service-tab ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
.our-service-tab ul.tabs li{
    background: #ffffff;
    color: #003629;
    display: inline-block;
    padding: 15px 30px;
    cursor: pointer;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-size: 20px;
    height: 75px;
  }

  .our-service-tab ul.tabs li.current{
    background: #003629;
    color: #ffffff;
  }

  .our-service-tab .tab-content{
    display: none;
    position: relative;
    top: -15px;
  /*   background: #f6f7f5; */
   /*  padding: 40px 35px; */
   
  }

  .our-service-tab .tab-content.current{
    display: inherit;
  }
.faq-accordion-title h3 {
    color: #003629;
    font-size:20px;
    font-weight: 600;
    margin: 0px;
    line-height: 1;
    position: relative;
    z-index: 2222;
}

.faq-accordion-title {
    padding: 25px 40px 20px 40px;
    padding-right: 40px;
    cursor: pointer;
    position: relative;
    background: #F6F7F5;
    border-radius: 20px;
    border-top: #dddddd solid 1px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0;
    z-index: 2;
}
.faq-accordion-title:before{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 75%;
     content: '';
    background: #F6F7F5;
    z-index: 1;

}

.faq-accordion-content {
    display: none;
    padding: 10px 40px 40px 40px;
    background-color: #ffffff;
    z-index: 3;
}

.faq-accordion-item {
    /* box-shadow: 0px 0px 1px 1px #d7d7d7; */
   /*  margin-bottom: 20px; */
    position: relative;
    background-color: #ffffff;
    border-radius: 20px;
}

/* .faq-accordion-title:after {
    content: "";
    height: 19px;
    width: 2px;
    background-color: #0071db;
    position: absolute;
    top: calc(50% - 9px);
    right: 20px;
}

.faq-accordion-title:before {
    content: "";
    height: 2px;
    width: 19px;
    background-color: #0071db;
    position: absolute;
    top: 50%;
    right: 12px;
} */

.faq-accordion-title.active {
    background-color: #ffffff;
}
.faq-accordion-title.active h3 {
    color: #003629;
    padding-top: 30px;
}
.faq-accordion-title.active:before {
    background-color: #ffffff;
}
.faq-accordion-title.active:after {
    opacity: 0;
}
.wrapper-per-content ul li {
    color: #003629;
    font-size: 14px;
    list-style: disc;
    padding: 5px 0px;
    margin-left: 15px;
}
.wrapper-per-content p{
  padding-bottom: 20px;
}
.button-know-more a {
    z-index: 1;
    transition: all .35s;
    position: relative;
    transition: all ease-in 0.5s;
    border: #003629 solid 1px;
    padding: 20px 20px;
    color: #003629;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 12px;
    background: #ECEEE9;
    text-decoration: none;
    border-radius: 35px;
    font-weight: 600;  
}
.submit-btn{
  z-index: 1;
    transition: all .35s;
    position: relative;
    transition: all ease-in 0.5s;
    border: #003629 solid 1px;
    padding: 10px 17px;
    color: #003629;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 12px;
    background: #ECEEE9;
    text-decoration: none;
    border-radius: 35px;
    font-weight: 600;
}

.button-know-more a:hover{ color: #ffffff; }
.submit-btn span :hover{ color: #ffffff; }
.button-know-more a span {
    padding-left:0px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.submit-btn span {
    padding-left:0px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.button-know-more a span i {
    font-size: 30px;
    transform: rotate(302deg);
    display: inline-table;
    transition: all .35s;
    margin-top: 30px;
}
.submit-btn i {
    font-size:3rem;
    transform: rotate(302deg);
    display: inline-table;
    transition: all .35s;
  position: relative;
  z-index: 2;
  color: #003629;   /* default color */
  margin-top: -3rem;
}

.submit-btn:hover i {
    font-size:2rem;
    transform: rotate(360deg);
    display: inline-table;
    position: relative;
    top: 6px;
}
.submit-btn:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #003629;
    transition: all .35s;
     border-radius: 35px;    
     z-index: 1;
}
.submit-btn:hover span{
  color: #ffffff;
}
.submit-btn:hover i {
  color: #ffffff;
}
.submit-btn:hover:after {
    width: 100%;
}
.button-know-more a:hover span i {
    font-size: 30px;
    transform: rotate(360deg);
    display: inline-table;
    position: relative;
    top: 6px;
}


.button-know-more a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #003629;
    transition: all .35s;
     border-radius: 35px;    
}


.button-know-more a:hover:after {
    width: 100%;
}


.mt-20{ margin-top: -25px; }
.know-more-box{
  position: absolute;
  right: 49px;
  top: -58px;
  z-index: 222;
}
.know-more-box{
  border-radius: 30px;
}
.know-more-box img{
  border-radius: 30px;
  transform: rotate(10deg);
}
.nth-2{position: absolute;right: 49px;top: -40%;}
.nth-3{position: absolute;right: 49px;top: -57%;}
.nth-4{position: absolute;right: 49px;top: -77%;}
.wrapper-howit-work-main{
  background: #ECEEE9;

}
.wrapper-howit-work-main{
  position: relative;
}
.wrapper-howit-work-main:after{
  content: "";
  background: url('../../assets/images/Rectangle-after.png');
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
  right: 0;
  bottom: 0px;
  width: 500px;
  height: 484px;
}
.wrapper-journey {
    margin-top:120px;
    text-align: center;
    
}
.custom-footer-address{
  width:80%;
}

.wrapper-jouney-content{
  position: relative;
  width: 1095px;
  margin: 0px auto;
  z-index: 1;
}

.wrapper-journey-box{
 position: absolute;
  left: 0px;

}
.wrapper-journey-box p{ 
  padding-bottom: 15px; 
  position: relative;

}
.wrapper-journey-box p span {
    font-size: 30px;
    position: absolute;
    top: -11px;
    transform: rotate(328deg);
}
.wrapper-journey-box .button-know-more a span i{
  transform: rotate(328deg);
   top: 6px;
   position: relative;
}
.wrapper-journey-box .button-know-more a:hover span i {
    font-size: 30px;
    transform: rotate(360deg);
    display: inline-table;
    position: relative;
    top: 6px;
}
.small-text{ font-size: 12px; }
.one-box {left: 1%;top: -86px;}
.two-box {left: 28%;top: -24px;}
.three-box {right: -27%;top: -52px;}
.three-box2 {right: -71%;top: -25px;}
.four-box {left: 2%;top: 28%;}
.five-box {left: 19%; top: 17%}
.six-box {right: -15%;top: 28%;}
.seven-box{right: -57%;top: 16%;}
.eight-box{left: 15%;bottom: 28%!important;}
.nine-box {right: 2%;bottom: 28%;}
.ten-box {right: -36%; bottom: 28%}
.eleven-box {right: -73%; bottom:-1%}
.twelve-box {right: -1%; bottom:-4%}

.brand-lift {
    position: relative;
    max-width: 100%;
    text-align: center;
    width: 265px;
}
.brand-left-content{
  position: absolute;
  top: 70px;
  left: 15px;
  right: 15px;
}
.brand-left-content h3{
  font-size: 15px;
  color: #ffffff;
  font-weight: 600;
  padding-bottom: 20px;

}
.brand-left-content p{
  color: #ffffff;
  font-size: 14px;
}
.brand-lift-bottom-content{
  padding-top: 60px;

}
.brand-lift-bottom-content p{
  font-size: 18px;
  font-weight: 500;
}

.india-commerce-main{
  background:#003629 url('../../assets/images/slider-bg.png');
  background-size: cover;
  background-position: top center;
  padding: 100px 0px;
}
.india-commerce-tittle h2{
    font-size: 55px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 25px;
    color: #ffffff;

}
.india-commerce{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  flex-direction: column;
  padding-left: 50px;
}
.india-commerce-paragra{
  margin-top: 70px;

}
.india-commerce-paragra p{
  color: #ffffff;
  font-size: 19px;
}
.slider-img{
  width: 582px;
  height:582px;
  border-radius: 50%;
  overflow: hidden;
}
.india-commerce-slider .slick-current { 
   animation: fadeUp 2s ease-out;

   }
@keyframes fadeUp {
  0% { transform: translateY(500px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}
.industries-slider .slick-list{
  padding-right: 50px;
}
.industries-slider .slick-slide img, .blog-slider-main .slick-slide img {
 
    display: block;
    width: 100%;
}
.industries-slider .slick-slide, .blog-slider-main .slick-slide{ margin: 0px 8px; }

.wrapper-blog-main{
  position: relative;
  z-index: 1;
}
.wrapper-blog-main:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 65%;
  border-bottom-left-radius:111px;
  border-bottom-right-radius:111px;
  background: #ECEEE9;
  z-index: -1;

}
.blog-main-arow {
    padding-right: 200px;
    padding-top: 70px;
}
.blog-main-arow a{
  color: #003629;
  font-size:30px;
  transition: all .4s ease-in-out;
}
.blog-main-arow a:hover{
  color: #05735C!important;
  padding: 0px 8px;
}
.blog-slider-main{
  margin-top: 40px;
}
.blog-slider-main .item-blog-slider-img{
  border-radius:25px;
  overflow: hidden;
}
.blog-slider-main .item-blog-slider-content{
  padding-top: 15px;
}
.blog-slider-main .item-blog-slider-content p{
  font-size: 13px;
 
}
.blog-slider-main .item-blog-slider-content a{
  text-decoration: none;
  color: #003629;
  font-weight: 600;
}
.blog-slider-main .item-blog-slider-content a span {
    transform: rotate(302deg);
    top: 2px;
    position: relative;
    display: inline-block;
    font-size: 23px;
    font-weight: 600;
    transition: all 0.5s;
}
.blog-slider-main .item-blog-slider-content a:hover span{
  transform: rotate(360deg);
  top: 4px;
}
.blog-slider-main .slick-list{
  padding-right: 100px;
}
.blog-slider-main .slick--visual__paging{
  position: absolute;
  top: 10vh;
  left: 8%;
  letter-spacing: 2px;
  font-size: 170%;
  z-index: 2;
}
.blog-slider-main .slick-dots li.slick-active {
    display: flex;
}
.blog-slider-main .slick-dots li {
    display: none;
    justify-content: space-between;
    color: #555;
    font-size:16px;
    letter-spacing: 4px;
}
.blog-slider-main .slick-dots li.slick-active span:first-of-type {
    color: #05735C;
}
.blog-slider-main .slick-dots, .slick-next, .slick-prev {
    position: absolute;
    display: block;
    padding: 0;
    z-index: 1;
    top: -30%;
    right: 208px;
}
.footer-main{
  background: #ECEEE9;
  border-top-left-radius: 111px;
  border-top-right-radius: 111px;
  padding-top: 100px;
  padding-bottom: 80px;
}
.footer-about-logo p{
  padding-top:25px;
}
.footer-address p{
  text-align: right;
}
.footer-nav-bar{
  padding-top: 60px;
  width: 47%;
  margin: 0px auto;
}
.footer-nav-bar ul{
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.footer-nav-bar ul li a{
  font-size: 16px;
  color: #003629;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.4s;

}
.footer-nav-bar ul li a:hover{
  color: #05735C;
}
.copyright{
  background: #003629;
  padding: 15px 0px;
}
.copyright-nav-main{
   width: 93%;
   margin: 0px auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.copyright-left p{ font-size: 11px; color: #ffffff; }
.copyright-left p a{ font-size: 11px; color: #ffffff; text-decoration: none;}
.copyright-right ul{ display: flex; }
.copyright-right ul li p{ color: #ffffff; }
.copyright-right ul li{ padding: 0px 10px; }
.copyright-right ul li:first-child{ padding-right: 30px; }
.scroll-area {
    position: fixed;
    bottom: 60px;
    right: 20px;
    z-index: 1;
    display: none;
   
}
.scroll-area i {
    width: 45px;
    height: 45px;
    background-color: #05735C;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    border-radius: 15%;
    font-size: 14px;
    border: #ffffff solid 1px;
}
.wrapper-jouney-mobile{ 
      display: none; 
      
}

.wrapper-jouney-mobile h3{ font-size: 18px; font-weight: 600; }
.timeline-outer {
      position: relative;
      width: 100%;
      min-height: 100vh; /* Ensures enough scroll space */
      margin: 0 auto;
      border-radius: 18px;
      box-shadow: 0 8px 32px 0 rgba(32,52,89,0.10);
      padding: 40px 28px 40px 80px;
      margin-bottom: 60px;
      overflow: hidden;
    }
    .timeline-mask {
      position: absolute;
      left: 35px;
      top: 48px;
      width: 2px;
      height: 0;
      background: linear-gradient(180deg, #003629, #05735C 80%, #05735C);
      border-radius: 4px;
      z-index: 2;
      animation: increase linear forwards;
      animation-timeline: --containerTimeline;
    }
    @keyframes increase {
      to {
        height: calc(100% - 90px); /* keeps ends rounded & stops at bottom padding */
      }
    }
    .timeline-step {
      position: relative;
      margin-bottom:0px;
      min-height: 60px;
      display: flex;
      align-items: flex-start;
      gap: 24px;
    }
    .timeline-dot {
      position: absolute;
      left: -60px;
      top: 0;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: #fff;
      border: 2px solid #003629;
      box-shadow: 0 2px 8px rgba(79, 140, 255, 0.14);
      z-index: 3;
      transition: border 0.3s;
    }
    .timeline-step:last-child {
      margin-bottom: 0;
    }
    .timeline-title {
    font-size: 12px;
    font-weight: 400;
    color: #003629;
    margin-bottom: 6px;
    margin-top: 0;
    background: #ffffff;
    border: #003629 solid 1px;
    border-radius: 25px;
    padding: 4px 10px;
}
    .timeline-desc {
      font-size: 1rem;
      color: #485167;
      margin-bottom: 0;
      margin-top: 0;
    }
    /* Responsive */
    @media (max-width: 640px) {
      .timeline-outer {
        padding: 30px 10px 30px 52px;
        max-width: 98vw;
      }
      .timeline-mask {
        left: 25px;
      }
      .timeline-dot {
        left: -35px;
        width: 18px;
        height: 18px;
        border-width: 2px;
      }
    }

/* About us page styling */

/* Section Background */
section.about-us-section {
  position: relative;
  color: #fff;
  padding: 100px 20px;
  overflow: hidden;
  margin-bottom: 5rem;
  z-index: 1;
  /* Gradient base */
  background: linear-gradient(
    120deg,
    #0a0f0c 0%,
    #0a140f 25%,
    #1c3325 45%,
    #314e3b 65%,
    #1b2d20 85%,
    #0a0f0c 100%
  );
}

/* Overlay stripes */
section.about-us-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(
    150deg,
    rgba(255, 255, 255, 0.05) 0px,
    rgba(255, 255, 255, 0.05) 1px,
    transparent 2px,
    transparent 6px
  );
  z-index: 1;
  pointer-events: none;
}

section.about-us-section > * {
  position: relative;
  z-index: 2; /* keep content above gradient/stripes */
}

/* Texts */
.top-text {
  font:400 1.1rem "Halcom";
  margin-top: 60px;
  margin-bottom: 30px;
  text-align: left;
  color: #fff;
}

h1 {
  font:300 3.3rem "Halcom";
  line-height: 1.2;
  text-align: left;
  margin-bottom: 22px;
  color: #fff;
}

.sub-text {
  max-width: 700px;
  font:400 0.9rem "Poppins";
  line-height: 1.6;
  text-align: left;
  color: #fff;
}

/* Stats section */
.stats {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 70px 0;
}

.stat {
  position: relative;
  width: 300px;
  height: 300px;
  margin-left: -30px; /* overlap effect */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.stat:first-child {
  margin-left: 0; /* no overlap on first circle */
}


.stat h2 {
  font:500 2rem "Fearce";
  margin-bottom: 10px;
  color: #fff;
}

.stat p {
  font-size: 14px;
  opacity: 0.8;
  padding: 0 70px;
  color: #fff;
}

/* Highlight text */
.highlight-text {
  font-size: 22px;
  margin: 80px 0 40px;
  font-weight: 400;
  text-align: center;
  color: #fff;
}

/* .highlight-text span.gradient-txt {
  font:700 1.5rem "Poppins";
  background: linear-gradient(
    90deg,
    #dbf0dd 0%,
    #dbf0dd 30%,
    #0b2c25 60%,
    #0b2c25 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
} */

.highlight-text span.gradient-txt {
      font:700 1.5rem "Poppins";
      background: linear-gradient(270deg, #fff, #0b2c25, #fff);
      background-size: 200% 200%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: gradientMove 5s ease infinite, scaleUp 2s ease-in-out infinite alternate;
    }

    @keyframes gradientMove {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    @keyframes scaleUp {
      from { transform: scale(1); }
      to { transform: scale(1.2); }
    }


.highlight-text span.italic-txt{
	font:400 1.5rem "Adobe Handwriting Ernie";
}

/* Buttons */
.buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}

/* 
.buttons a:hover {
  background: #9ce39c;
  color: #000;
} */
.about-us-section .content-container{
	padding-left:5rem;
	padding-right: 5rem;
}
.breadcrumb-box a{
	text-decoration: none;
	color:#fff;
	font:400 0.8rem "Halcom";
}
.buttons .button-know-more2 a{
	text-transform: capitalize;
	text-decoration: none;
	color:#fff;
	background-color: rgba(255, 255, 255, 0.05); 
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding:20px;
    border-radius: 35px;
}
.button-know-more2 a span i {
    font-size: 30px;
    transform: rotate(302deg);
    display: inline-table;
    transition: all .35s;
}
.button-know-more2 a:hover span i {
    font-size: 30px;
    transform: rotate(360deg);
    display: inline-table;
    position: relative;
    top: 6px;
}
.button-know-more2 a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #003629;
    transition: all .35s;
     border-radius: 35px;
	 z-index: -1 !important;
    
}
.button-know-more2 a:hover:after {
    width: 100%;
	color:#fff;
}
.circle-svg {
  position: absolute;
  top: 0;
  left: 0;
}

.circle-svg circle {
  fill: none;
  stroke: rgba(255, 255, 255, 0.9);
  stroke-width: 0.5px;
  stroke-dasharray: 942; /* circumference of circle (2πr) */
  stroke-dashoffset: 942;
}
.stat::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  z-index: 5;
}

/* Dot positioning */
.stat[data-dot="left"]::before { top: 50%; left: 5px; transform: translateY(-50%); }
.stat[data-dot="right"]::before { top: 50%; right: -15px; transform: translateY(-50%); }
.stat[data-dot="top"]::before { top: 5px; left: 50%; transform: translateX(-50%); }
.stat[data-dot="bottom"]::before { bottom: -15px; left: 50%; transform: translateX(-50%); }


/* conatct-us page  */
.form-section {
  background-color: #f6f8f5;
  margin-bottom: 5rem;

}

.form-section .form-control{
  border: none;
  border-bottom: 1px solid #4b6154;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #000;
  font: 300 0.95rem "Poppins";
  padding-left: 20px;
  padding-bottom: 16px;

}
.custom-form-select{
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #4b6154;
  outline:none;
  border-radius: 0;
  padding-bottom: 16px;
  font: 300 0.95rem "Poppins";
  color: #000;
}
select option{
  background-color: #f6f8f5; /* your custom active color */
  color: #000              /* text color */
}
/* .custom-form-select:hover{
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #4b6154;
  outline:none;
  border-radius: none;
} */

/* .contact-form-section .form-control{
      font-size: 20px
      
    } */
.form-section .form-control::placeholder {
  color: #000 !important;
  font: 300 0.95rem "Poppins";
}

.form-section .form-control:focus,
.form-section .form-select:focus {
  border-bottom: 1px solid #2e473a;
  box-shadow: none;
  outline: none;
}


.form-section .submit-btn i {
  margin-left: 8px;
  font-size: 19px;
}

.contact-hero-section {
  position: relative;
  background: url('https://picsum.photos/1600/500?blur=3') no-repeat center center/cover;
  color: #fff;
  height: 90vh;
  display: flex;
  align-items: center;
}

.contact-hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg,
      #0a0f0c 0%,
      #0a140f 25%,
      #1c3325 45%,
      #314e3b 65%,
      #1b2d20 85%,
      #0a0f0c 100%);
}

.form-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contact-us-section {
  margin-bottom: 0 !important;
}



/* Responsive */
/* @media (max-width: 768px) {
      .contact-hero-section {
        padding: 60px 20px;
        min-height: auto;
      }

      .contact-hero-section h1 {
        font-size: 1.8rem;
      }

      .contact-hero-section p {
        font-size: 0.9rem;
      }
    } */
/* services page styling */
.our-services-wrapper {
    margin-bottom: 6rem;
    margin-top: -124px;
}
.service-section{
  height:100vh;
}
@media (min-width: 992px) {
    .offset-lg-1 {
        margin-left: 0;
    }}


    /* blog-detail page  */
     
   
.blog-breadcrumb{
  margin-top: 80px;
  padding: 0 100px;
}
.breadcrumb-links-container a{
  font:400 0.8rem "Halcom";
  color:rgba(0,0,0,.9);
  text-decoration: none;
}
    .blog-banner-section {
      padding: 40px 60px;
      margin-top: 10px;
    }

    .blog-banner-section img {
      width: 100%;
      object-fit: cover;
    }

      /* Unique Blog Header Section */
    .blog-header-section {
      padding: 20px 140px;
    }

    .blog-header-title {
      font:400 2rem "Halcom";
      color:rgba(0, 54, 41, 1);
      line-height: 1.3;
    }

    .blog-header-desc {
      font-size: 0.9rem;
      color: #0f3d2e;
      margin-top: 10px;
      margin-bottom: 20px;
    }

    .blog-meta {
      text-align: right;
    }

    .blog-meta .read-time {
      font:400 0.8rem "Poppins";
      color:rgba(0, 54, 41, 1);
      margin-bottom: 8px;
      display: block;
    }

    .blog-meta .share-title {
      font:500 0.8rem "Poppins";
      color: rgba(0, 54, 41, 1);
      margin-bottom: 6px;
      text-transform: uppercase;
    }

    .blog-meta .social-icons a {
      color: #0f3d2e;
      font-size: 1.1rem;
      transition: color 0.3s;
    }

    .blog-meta .social-icons a:hover {
      color: #007bff;
    }
      .blog-content {
      padding: 20px 0;
      font-size: 1rem;
      line-height: 1.7;
      color: #333;
    }

    .blog-content h2 {
      font-size: 1.3rem;
      font-weight: 700;
      margin-top: 30px;
      margin-bottom: 15px;
      color: #0f3d2e;
    }
    .blog-content p{
      font: 400 0.9rem "Poppins";
  color: #0f3d2e;
      margin-bottom: 20px;
    }
    .blog-content p span{
      font:500 0.95rem "Poppins";
    }

    .key-actions {
      margin-top: 20px;
      margin-bottom: 30px;
     }


    .key-actions strong {
      display: block;
      margin-bottom: 10px;
      font-size: 1.05rem;
      color: #0f3d2e;
    }
.key-actions-list{
  margin-left: 1rem;
}

.key-actions-list li{
  list-style-type: disc;
  margin-bottom: 10px;
  font: 400 0.9rem "Poppins";
  color: #0f3d2e;
}

    .view-more {
      text-align: center;
      margin-top: 20px;
    }

    .view-more a {
      text-decoration: none;
      font-weight: 600;
      color: #0f3d2e;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      transition: color 0.3s;
    }

    .view-more a:hover {
      color: #007bff;
    }

    /* Responsive Alignment */
    @media (max-width: 767px) {
      .blog-meta {
        text-align: left;
        margin-top: 20px;
      }
    }

       /* blog main page */
 
    .blog-card-section {
    background: #fff;
  }

  .blog-card {
    border: 1px solid #2c5d46;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .card-number {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
  }

  .blog-card-body {
    margin-top: 15px;
  }

  .blog-title {
    font-size: 12px;
    /* font-weight: 500; */
    margin-bottom: 20px;
    color: #222;
    padding-top:20px;
  }

  .blog-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
    color: #555;
    padding-top:20px;
  }

  .blog-footer i {
    font-size: 16px;
    color: #222;
    /* padding-top:20px; */
  }
.blog-load-more-btn{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.our-service-box-service-page{
 background-color: #fff;  
 margin-top: -280px;
}
.our-service-box-service-page::before{
 background-image: none;  
}
.blog-card-section a{
  text-decoration: none;
}