:root {
    --theme-color: #14eb88;
    --theme-color-secondary: #184e51;
    --main-font: "Manrope", sans-serif;
    --secondary-font: "Inter", sans-serif;
    --title-color:#184e51;
    --text-color:#436a6c;
    --white: #fff;
    --black: #000;
    --gray: #808080;
    --gray222: #222;
    --gray333: #333;
    --gray555: #555;
    --gray777: #777;
    --gray999: #999;
    --dark-gray: #4d4d4d;
    --dark-gray2: #333333;
    --light-gray: #e1e4e5;
    --light-gray2: #9FA1AC;
    --border-gray: #EBEEF1;
    --bg-gray: #F0F5F9;
    --user-bg: var(--theme-color);
    --dark-theme-bg: #111C43;
    --dark-theme-bg-secondary: #323D62;
    --common-radius: 5px;
    --normal-radius: 7px;
    --large-radius: 10px;
    --nomral-transition: all 0.3s ease-in-out;
    --common-transition: all 0.5s ease-in-out;
     --transition: all 0.3s ease-in-out;
    --normalBold: 400;
    --mediumBold: 500;
    --semiBold: 600;
    --bold: 700;
}
html {
    scroll-behavior: smooth;
    scrollbar-color: var(--light-gray) #fff;
    scrollbar-width: thin;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}
button:focus {
    box-shadow: none !important;
}
* {
    box-shadow: none;
    outline: none;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--gray999) var(--white);
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 9px;
}

*::-webkit-scrollbar-track {
    background: var(--border-color);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--white);
}

::-moz-selection {
    /* Code for Firefox */
    color: var(--light-gray);
    background: var(--gray);
}

::selection {
    color: var(--white);
    background: var(--theme-color-secondary);
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color:var(--text-color);
    font-family: var(--secondary-font) !important;
    line-height: 22px;
    font-weight: var(--normalBold);
    font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--main-font);
    margin: 0;
}
ol,
ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul > li,
ol > li {
    margin: 0;
    padding: 0;
}

a {
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    text-decoration: none !important;
}

a:hover {
    text-decoration: none;
    color: #000;
}
img{
    height: auto;
    max-width: 100%;
}
svg{
    height: auto;
}


.proContainerFluid {
    max-width: 1810px;
    padding: 0 20px;
    margin: 0 auto;
        /* width: 100%; */
}

.proContainer {
    max-width: 1380px;
    padding: 0 20px;
    margin: 0 auto;
    /* width: 100%; */
}

.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-14 {
    margin-bottom: 3.5rem;
}
.mb-5 {
    margin-bottom: 1.25rem;
}
.mt-2 {
    padding-top: 0.5rem;
}
.pt-20{
            padding-top: 5rem;
}
.pt-14 {
    padding-top: 3.5rem;
}
.pt-10{
            padding-top: 2.5rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pb-10 {
    padding-bottom: 2.5rem;
}
.pb-14 {
    padding-bottom: 3.5rem;
}
.pb-20 {
    padding-bottom: 5rem;
}
.pb-5 {
    padding-bottom: 1.25rem;
}


/* nav style  */

.headNav ul{
    display: flex;
    gap: 5px;
}
.headNav ul li a{
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
  color: var(--white);
  padding: 20px 0px;
  margin: 0px 20px;
  display: inline-block;
  position: relative;
}

.headNav ul li a::before {
  transition: 300ms;
  height: 2px;
  content: "";
  position: absolute;
  background-color: var(--theme-color);
}
.headNav ul li a::before {
  width: 0%;
bottom: 20px;
}

.headNav ul li a:hover::before, .headNav ul li.current-menu-item a::before {
  width: 100%;
}
.headNav ul li a:hover {
  color: var(--white);
}
/* nav style  */
#headerHead{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: 20px 0px;
    z-index: 9999;
}
body.admin-bar #headerHead{
 top: 0px;
}
.HeadSection{
    align-items: center;
    gap: 20px;
    display: flex;
        justify-content: space-between;
} 
.headLogo a.custom-logo-link{
    display: block;
    max-width: 200px;
    margin-right: 15px;
    line-height: 0;
}
.headLogo a img{
 width: 100%;
}
.LeftSide.LMsection {
    display: flex;
    align-items: center;
    gap: 30px;
}
.RightSide.NQsection {
    display: flex;
    align-items: center;
    gap: 30px;
}
.RightSide.NQsection .numSec {
    color: var(--white);
    display: none;
    align-items: center;
    gap: 5px;
        font-size: 13px;
}
span.iconSec {
    display: flex;
}

.iconSec span {
        line-height: 0;
    display: flex;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    padding: 4px;
    align-items: center;
    justify-content: center;
}

.iconSec span svg {
        line-height: 0;
    width: 12px;
    height: 12px;
}
.iconSec span.numIcon{
    background-color: var(--white);
}
.iconSec span.watcon{
    background-color: #14eb88;
    margin-left: -5px;
}
.RightSide.NQsection .numSec a{
    color: var(--white);
}

.qicBtn {
            font-weight: 500;
    background-color: var(--white);
    display: none;
    padding: 15px 5px;
    padding-bottom: 6px;
    border-radius: 30px;
    color: var(--title-color);
    gap: 20px;
    align-items: center;
    font-size: 14px;
        box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 4%);
                text-transform: capitalize;
}

a.qicBtn span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background-color: var(--theme-color);
    border-radius: 50%;
    padding: 3px;
}
a.qicBtn span svg{
    width: 18px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform-style: preserve-3d;
        transition: var(--transition);
}

.linkBtn {
    background-color: var(--white);
    display: flex;
    padding: 6px 25px;
    padding-right: 10px;
    border-radius: 30px;
    color: var(--title-color);
    gap: 20px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
            text-transform: capitalize;
            width:100%;
       justify-content: space-between;
}

a.linkBtn span {
        margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
      width: 30px;
    height: 30px;
    background-color: var(--theme-color);
    border-radius: 50%;
    padding: 3px;
}
a.linkBtn span svg{
       transition: var(--transition);
    fill: var(--theme-color-secondary);
    width: 18px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform-style: preserve-3d;
}
header::after{
    content: "";
    background-color: var(--theme-color-secondary);
    height: 0;
        top: 0;
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
    transition: height 1s;  
        box-shadow: 0px 0px 20px 11px rgb(0 0 0 / 6%);
}


header.sticky::after
 {
       transition: height 1s;  
  height: 52px;
}
#headerHead {
    transition: all 0.8s ease-in-out;
}
#headerHead.sticky {
    transition: all 0.8s ease-in-out;
    padding: 10px 0px;
}
a.qicBtn {
    position: fixed;
    right: 15px;
    writing-mode: vertical-rl;
    top: 50%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.headLogo, .LeftSide.LMsection {
    position: relative;
    width: 100%;
}
.mobMenu {
    font-size: 0;
    margin: 0 0px 0 0;
    right: 3px;
    top: 3px;
    position: absolute;
}
.mobMenu .mobLines {
    position: absolute;
    width: 26px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    -o-display: flex;
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -o-flex-direction: column;
    align-items: normal;
    -moz-align-items: normal;
    -webkit-align-items: normal;
    -o-align-items: normal;
}
.mobMenu .mobLines span {
    width: 100%;
    background-color: var(--theme-color);
    height: 2px;
    margin: 4.5px 0;
    display: block;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.mobMenu .mobLines span {
    margin: 3.5px 0;
}
.mobMenu .mobLines span:nth-of-type(2) {
    width: 50%;
}
.mobMenu {
    font-size: 0;
    margin: 0 0px 0 0;
}
.mobMenu:hover .mobLines span {
    width: 100%;
}
.overlay{
    display: none;
}
/* slider  */
.SliderSec {
    height: 500px;
position: relative;
display: flex;
background-color: var(--theme-color-secondary);
}
.bannerImg{
       height: 500px;
    position: relative;
    overflow: hidden;
    width: 100%;
    opacity: 0.8;
}
.bannerImg img{
     height: 500px;
    object-fit: cover;
    object-position: center;
}

.SliderSec::before{
content:"";
    background-color: transparent;
    background-image: linear-gradient(0deg, transparent 60%, #000000a6 100%);
    opacity: 1;
    transition: background-image 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
.banContent
 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
        right: 0;
}

.subImag {
    display: none;
    height: 500px;
    width: 32%;
    min-width: 115px;
    position: relative;
}
/* .subImag:before{
content: "";
    background-color: #007c72;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.8;
    height: 100%;
    width: 100%;
    position: absolute;
} */
.subImag img{
    height: 100%;
    width: 100%;
        object-fit: cover;
    object-position: center;
}
.banContentSec{
position: relative;
  z-index: 9;
  display: flex;
  height: 500px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  max-width: 90%;
  text-align: center;
  width: 90%;
  padding: 25px 2px;
  flex: 100%;
  margin: 0 auto;
}


.banContentSec h2{
    font-size: 30px;
    color: var(--white);
    line-height: 1.1;
        font-weight: 600;
}
.banContentSec h1.leftSlash{
    font-size: 13px;
    text-transform: uppercase;
    color: var(--white);
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 15px;
    letter-spacing: 3px;
}
.banContentSec h2 span{
color: var(--theme-color);
}

.banContentSec p {
    color: var(--white);
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.6;
}
.bannerBtn{
    margin-top: 30px;
}
.textLeftB {
    display: none;
    font-size: 12px;
    position: absolute;
    left: 50px;
    bottom: 54px;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 4px;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    z-index: 1;
    writing-mode: vertical-rl;
}
.textLeftB span{
    color: var(--theme-color);
}
.textReftB{
    font-size: 10px;
    position: absolute;
    right: -35px;
    bottom: 65px;
    color: var(--theme-color);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);  
            z-index: 1;
                display: none;
}
/* slider  */
/* servive slider */
.bgGradi{
background: #031219;
background: -webkit-linear-gradient(128deg, rgba(3, 18, 25, 1) 0%, rgba(11, 40, 49, 1) 80%);
background: -moz-linear-gradient(128deg, rgba(3, 18, 25, 1) 0%, rgba(11, 40, 49, 1) 80%);
background: linear-gradient(128deg, rgba(3, 18, 25, 1) 0%, rgba(11, 40, 49, 1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#031219", endColorstr="#0B2831", GradientType=0);
}
.serSection{
        z-index: 9;
    position: relative;
    padding: 40px 0px;
    padding-bottom: 40px;
}
.serBoxStyle .IconSer{
display: block;
color: #108c6d;
margin-bottom: 15px;
}
.serBoxStyle .IconSer svg{
width: 50px;
height: auto;
}
.serBoxStyle h2{
    color: var(--theme-color);
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 400;
}
.serBoxStyle p{
    color: #bcc5c4;
    margin-bottom: 0;
}
.serSection .proContainer{
       position: relative; 
}
.serSlider {
    position: relative;
    overflow: hidden;
}
.serSlider .swiper-wrapper {
    height: auto;
}
 .swiper-button-next:after,  .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
display: none;
}
.arrowBtn{
       background-color: var(--theme-color-secondary);
    color: var(--white);
    width: 40px !important;
    height: 40px !important;
    display: flex;
    align-items: center;
    padding: 2px;
    justify-content: center;
    border-radius: 50%;
}
.arrowBtn svg{
    width: 10px; 
}
.arrowBtn svg {
      fill: #fff;
    width: 22px !important;
}
.arrow.arrowBtn.swiper-button-prev svg{
       transform: rotate(-180deg);
 -webkit-transform: rotate(-180deg);
    -moz-transform:  rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);   
}
.serSection .arrow.arrowBtn.swiper-button-prev {
    left: 0px;
}
.serSection .arrow.arrowBtn.swiper-button-next {
    right: 0px;
}
.serBoxStyle{
    padding-right: 0px;
    text-align: center;
}
.serSlider .swiper-slide .serBoxStyle::before {
    content: "";
    right: 0;
    width: 0px;
    height: 70%;
    bottom: 0;
    position: absolute;
    background-color: #183542;
}
.swiper-slide.swiper-slide-next .serBoxStyle::before {
    width: 0px !important;
}
.arrow.arrowBtn {
    display: none;
}
 /* servive slider */

.swiper.marquee-swiper {
  margin-top: 4rem;
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    white 10%,
    white 90%,
    transparent 100%
  );
}
    .serSection .swiper.marquee-swiper,     .serSection .swiper.marqueeswiper {
  margin-top: 4rem;
    }
.swiper-wrapper.marquee-swiper, .swiper-wrapper.marqueeswiper {
  transition-timing-function: linear;
  align-items: center;
      height: auto ;
}

.swiper-slide.marquee-swiper, .marqueeswiper .swiper-slide {
  width: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}
.swiper-wrapper{
    height: auto ;
}
.swiper-slide.marquee-swiper img, .marqueeswiper .swiper-slide img{
filter: brightness(0) invert(1);
opacity: 0.2;
transition: opacity 0.6s ease;
}
.swiper-slide.marquee-swiper:hover img, .marqueeswiper .swiper-slide:hover img{
opacity: 0.8;
}


/* line css  */

.ani-lines {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
    width: 100%;
  pointer-events: none;
display: none;
}

.ani-lines .line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
    bottom: 0;
  left: 66.6633%;
  background: rgba(255, 255, 255, 0.2);
}


.ani-lines .line::after {
    content: "";
    display: block;
    position: absolute;
    height: 25px;
    width: 2px;
    left: -0.5px;
    background: var(--theme-color);
}

.ani-lines .line:nth-child(1) {
  margin-left: -33.33%;
}
.ani-lines .line:nth-child(1)::after {
  animation: drop1 9s linear infinite;
}
.ani-lines .line:nth-child(2)::after {
    animation: drop 9s linear infinite;

}

@keyframes drop {
   0% {
    top: -20%;
  }
  100% {
    top: 105%;
  }
}
@keyframes drop1 {
   0% {
    top: 105%;
  }
  100% {
    top: -20%;
  }
}
.blackLine .line {
  background: rgba(0, 0, 0, 0.08);
}
/* line css  */
.leftSlash:before {
    content: "/";
    color: #87ec67;
    margin-right: 5px;
}

.subHead {
        display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--title-color);
    line-height: 1.1;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: 1.5px;
}
.mainHead {
    font-size: 26px;
    color: var(--title-color);
    line-height: 1.15;
    font-weight: 600;
    margin-bottom: 15px;
}
.mainHead01 {
    font-size: 25px;
    color: var(--title-color);
    line-height: 1.15;
    font-weight: 600;
    margin-bottom: 15px;
}
.titColor{
    color: var(--title-color);
}
.whiteColor{
      color: var(--white); 
}
.grayColor{
    color: #ced8d7;
}
/* About  */
.aboutSection {
    padding: 30px 0px;
    position: relative;
    overflow: hidden;
}
.abouContent{
    position: relative;
}
.proRow{
    display: flex;
    align-items: center;
        flex-wrap: wrap;
}
.proRow .procol-5{
width: 100%;
}
.proRow .procol-7{
width:100%;
}
.abouContent{
    padding-right: 0px;
}
.greenBtn{
        margin-top: 15px;
    background-color: var(--theme-color);
    width: auto;
}
 a.greenBtn span {
    background-color: var(--white) !important;
}

.imageRound {
    overflow: hidden;
        border-radius: 20px;
    line-height: 0;
    margin: 20px 0px;
    margin-bottom: 0;
  background-color: #006b62;
}
.posiRele{
    position: relative;
    z-index: 9;
}
.greenColdiv{
height: 50px;
    background-color: var(--theme-color);
    border-radius: 30px;
    /* width: 100%; */
    position: absolute;
    left: -10px;
    right: -300px;
    bottom: 40px;
    z-index: -1;
        display: none;
}
/* About  */
/* work Process  */
section.workStatus {
    margin-bottom: -40px;
    position: relative;
    z-index: 99;
}
.workStatusDiv{
    text-align: center;
    background-color: #e7f1f0;
    padding: 15px;
    border-radius: 20px 20px 20px 20px;
}
.colDIV4{
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
.colDIV4 div.colDiv{
  width: calc(100% / 1 - 0px);
}
.divPrecessBlock span.proIcon{
    display: inline-block;
    background-color: var(--white);
    padding: 20px;
    border-radius: 20px;
    color: #006c63;
    margin-bottom: 15px;
    line-height: 0;
}
.divPrecessBlock span.proIcon svg{
width: 40px;
height: auto;

}
.divPrecessBlock h3 {
    color: var(--title-color);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
}


.contentMaxWidth{
    max-width: 768px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.contentMaxWidth2{
    max-width: 992px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.divPrecessBlock:hover span.proIcon{
    background-color: var(--theme-color);
    color: var(--white);
}
/* work Process  */

/* why choos Section */
.whychoosSection{
    /* overflow: hidden; */
    position: relative;
    padding: 110px 0px;
    padding-bottom: 180px;
    background-image: url('../images/bg01.jpg');
    background-position: center;
    background-size: cover;
}

.imageRoundDiv{
    display: flex;
        margin-top: 20px;
}
.imageRoundDiv div{
overflow: hidden;
border-radius: 20px;
    line-height: 0;
}
.imageRoundDiv div img{
    width: 100%;
    height: auto;
}
.imageRoundDiv div:nth-child(2){
 position: relative;
    margin-left: -15%;
    top: 50px;
}
.proRow .procol-6{
width: 100%;
}
.listStyle{
    margin-top: 30px;
}

.listStyle li {
    padding-left: 40px;
    position: relative;
    padding-bottom: 20px;
    font-size: 15px;
    font-family: var(--main-font);
    font-weight: 500;
}
.listStyle li::before{
    left: 3px;
    top: 4px;
    content: "";
    background: url(../images/check-w.svg) !important;
    background-position: center bottom;
    background-size: 70% 70% !important;
    border: 0 solid var(--theme-color) !important;
    background-repeat: no-repeat !important;
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 50%;
    z-index: 9;
        transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.listStyle li::after{
    left: 0;
     top: 1px;
      content: "";
    background: var(--theme-color);
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 50%;
    opacity: 0.3;
        transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.listStyle li:hover::before{
    background: url(../images/check.svg) !important;
     background-repeat: no-repeat !important;
        left: 3px;
    top: 4px;
        background-size: 70% 70% !important;
}
.listStyle li:hover::after{
    opacity: 1;
}
/* why choos Section */

span.greenDotStyle {
    box-shadow: 115px 0px 115px 75px #14eb88;
    width: 50px;
    position: absolute;
    height: 50px;
    border-radius: 50%;
    opacity: 0.5;
    background-color: var(--theme-color);
    z-index: -2;
    filter: blur(5rem);
    pointer-events: none;
}

span.greenDotStyle.leftsideDot {
    right: 0;
    top: -35%;
}
span.greenDotStyle.rightsideDot {
    right: 0;
    top: -3%;
}
/* ***** */
.secBoxcolorBox{
        text-align: center;
    position: relative;
    z-index: 99;
        background-color: var(--theme-color-secondary);
padding: 30px 20px;
    border-radius:20px 20px;
}
.secBoxcolor{
    position: relative;
}

.btngroup {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 25px;
    justify-content: center;
}
.procol-8.posiRele {
    width: 100%;
}
.procol-4.posiRele {
    width: 100%;
}
a.transBtn {
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    border: 1px solid #ced8d7;
    padding: 10px 25px;
}
a.transBtn i {
        line-height: 0;
    width: 30px;
    color: var(--theme-color);
}
a.transBtn i svg {
    width: 30px;
    fill: var(--theme-color);
}
.secBoxcolorBox .proRow {
    align-items: end;
    /* border-bottom: 1px solid #177d62; */
    padding-bottom: 50px;
    margin-bottom: 50px;
    position: relative;
}
.secBoxcolorBox .proRow::after{
    content: "";
    position: absolute;
    bottom: 0;
 left: 0px;
    right: 0;
    background-color: var(--theme-color);
    height: 1px;
    /* width: 100%; */
    opacity: 0.3;
}
.secBoxcolorBox h2.mainHead {
    margin-bottom: 0;
}
.colDIV3{
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}
.colDIV3 div.colDiv{
    width: calc(100% / 1 - 0px);
}
.divThreeBlock{
    position: relative;
    padding-left: 55px;
        text-align: left;
}
.divThreeBlock span.iconT{
    display: inline-block;;
    color: var(--theme-color);
    margin-bottom: 15px;
}
.divThreeBlock span.iconT svg{
width: 40px;
height: auto;
}
.divThreeBlock h3{
    color: var(--white);
    font-size: 20px;
    font-weight: 600;
}
.divThreeBlock p {
    color: #bcc5c4;
    margin-bottom: 0;
}
span.iconT {
    position: absolute;
    left: 0;
}


.linefullDiv{
     margin-top: -80px;
    position: relative;
    overflow: hidden;
}

/* Testimonials */
.testimonialsSec{
    position: relative;
  padding-top:50px;
        padding-bottom: 35px;
}
.text-center{
    text-align: center;
}

.TestiSlider {
    padding: 0px 15px;
    padding-bottom: 15px;
    margin: 0px -15px;
    position: relative;
}
.testiBox {
      box-shadow: 0px 10px 20px 5px rgb(0 0 0 / 4%);
    border-radius: 20px;
    padding: 30px;
    background-color: #fff;
    text-align: center;
    transition: background-color 0.5s ease;
}
span.testiIcon {
    color: var(--theme-color);
        display: block;
            line-height: 0;
}
span.testiIcon svg{
    width: 60px;
}
.secttwo {
    width: 100%;
}
div.TestiSlider>div.swiper-wrapper>div.swiper-slide.swiper-slide-active>div.testiBox {
background-color: var(--theme-color-secondary) !important;
color: #ced8d7;
}
.TestiSlider > .swiper-slide__content {
  position:absolute;
  top:0;
}
.overHidden{
    overflow: hidden;
}

.testiImg {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
        box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 4%);
}
.testiImg img{
object-fit: cover;  
}

div.TestiSlider .swiper-wrapper {
    height: auto;
}

.TestiSlider-thumbs {
    padding: 0px 10px;
        height: 135px;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
      mask-image: linear-gradient(
    to right,
    transparent 0%,
    white 10%,
    white 90%,
    transparent 100%
  );
}
.testiBox .nameP {
    color: var(--title-color);
    font-size: 18px;
    margin: 0;
    margin-top: 30px;
    font-family: var(--secondary-font);
    font-weight: 500;
}
div.TestiSlider>div.swiper-wrapper>div.swiper-slide.swiper-slide-active>div.testiBox .nameP{
color: var(--theme-color);
}
.testiDesi{
   font-size: 14px; 
   color: var(--text-color);
   
}
div.TestiSlider>div.swiper-wrapper>div.swiper-slide.swiper-slide-active>div.testiBox .testiDesi{
    color:#ced8d7;
}
div.TestiSlider>div.swiper-wrapper>div.swiper-slide.swiper-slide-active>div.testiBox span.testiIcon {
    color: var(--white);
}
.testiProfile .namePt{
height: 0;
    margin: 0;
       color: var(--title-color);
    font-size: 15px;
    margin-top: 15px;
    font-family: var(--secondary-font);
    font-weight: 500; 
        line-height: 1.2;
        overflow: hidden;
            transition: height 1s;
            opacity: 0;
}
.TestiSlider-thumbs .testiDesi{
height: 0;
    display: inline-block;
   overflow: hidden;
        opacity: 0;
        transition: height 1s;
}
.testiImgsec {
    position: relative;
}

span.testiIcon01 {
    opacity: 0;
    display: flex;
    width: 25px;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -5px;
    right: 10px;
    height: 25px;
    border-radius: 50%;
    background-color: var(--theme-color);
    color: var(--theme-color-secondary);
    transition: opacity 0.3s ease-in-out;
}
span.testiIcon01 svg{
     width: 20px;   
}
.TestiSlider-thumbs>div.swiper-wrapper>div.swiper-slide.swiper-slide-active>div.testiProfile .namePt{
    height: 20px;
         opacity: 1;
}
.TestiSlider-thumbs>div.swiper-wrapper>div.swiper-slide.swiper-slide-active>div.testiProfile .testiDesi{
    height: 30px;
         opacity: 1;
}
.TestiSlider-thumbs>div.swiper-wrapper>div.swiper-slide.swiper-slide-active>div.testiProfile span.testiIcon01{
         opacity: 1;
}

/* aboutSectionTwo */
.aboutSectionTwo{
    position: relative;
    padding: 35px 0px;
        padding-top: 0;
}
.abouTwo01 {
  overflow: hidden;
  border-radius: 20px;
  opacity: 1;
  line-height: 0;
  margin-top: 20px;
}
.abouTwo {
    display: none;
    position: absolute;
    left: 0;
    right: -40%;
    top: 0;
    bottom: 0;
    overflow: hidden;
    border-radius:20px;
    margin-top: 15px;
}
.abouTwo img, .abouTwo01 img{
    object-fit: cover;
    height: 100%;
    object-position: left;
    width: 100%;
}
h2.mainHead span {
    display: inline-block;
    background-color: var(--theme-color);
    border-radius: 10px;
    padding: 0px 10px; 
}
/* count Boxes */
.countBoxes{
    position: relative;
    padding: 20px 0px;
    padding-bottom: 30px;
}

.countBoxes4{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.countBoxes4 div.colBoxesdiv{
    display: flex;
    width: calc(100% / 2 - 5px);
}
.countBoxesdiv span.countIcon{
position: absolute;
right: 25px;
top: 25px;
color: var(--theme-color-secondary);
}

.countBoxesdiv span.countIcon svg{
width: 35px;
height: auto;
}

.countBoxesdiv {
    position: relative;
    background-color: #e7f1f0;
    padding: 20px;
    padding-top: 100px;
    border-radius: 20px;
    transition: var(--transition);
    width: 100%;
}
.countBoxesdiv .counter{
        font-family: var(--main-font);
    margin: 0;
    color: var(--theme-color);
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 15px;
        transition: var(--transition);
}
.countBoxesdiv .counterText{
    font-family: var(--main-font);
    margin: 0;
    color: var(--title-color);

        font-size: 18px;
    font-weight: 500;
        transition: var(--transition);
}
.countBoxesdiv:hover{
    background-color: var(--theme-color-secondary);
}
.countBoxesdiv:hover  .counterText{
    color: var(--white);
}

.countBoxesdiv:hover span.countIcon{
color: var(--white);
}
/* count Boxes */
.bottomSection{
    overflow: hidden;
    position: relative;
    padding-top: 60px;
    background-image: url('../images/bg02.jpg');
    background-position: center;
    background-size: cover;
}

.contentMaxWidth2.text-center a.greenBtn.linkBtn {
margin:0 auto;
margin-top: 30px;
}

.contactSec {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 20px 0px;
        margin-top: 30px;
}
.contactSec::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--theme-color);
    opacity: 0.2;
}
.contactSec a i {
    width: 30px;
    line-height: 0;
    height: auto;
    color: var(--theme-color);
}
.contactSec a i svg{
     fill: var(--theme-color);
    width: 30px;
    height: auto;
}
.contactSec a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--white);
    font-size: 15px;
}
.leftContact {
    display: flex;
    gap: 30px;
        flex-direction: column;
}
.contentMaxWidth2  h5{
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 20px;
    font-family: var(--secondary-font);
}
.pstyleh5 {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 20px;
}

/* footer */
footer{
    background-color: #e7f1f0;
    padding-top: 30px;
}
.newLetterSec{
    margin-top: 50px;
}
.footerMainSec {
    width: 100%;
    height: auto;
    display: flex;
       flex-wrap: wrap;
    align-items: stretch;
        justify-content: space-between;
}
.footerMainSec > .proLt {
    width: 100%;
    position: relative;
    padding-bottom: 0px;
    padding-top: 20px;
}
.footerMainSec > .proRt {
    width: 100%;
    padding: 0px 0px 20px 0px;
    border-left: 1px solid var(--border-color2);
}

.footBlock {
    display: flex;
       flex-wrap: wrap;
    justify-content: space-between;
        flex-direction: column;
}
.fIcoCol {

    clear: both;
    position: relative;
    padding: 0px 0 15px 42px;
            color: var(--title-color);
        font-size: 15px;
}
.fIcoCol a{
            color: var(--title-color);
        font-size: 15px;
}
.fIcoCol i {
    display: block;
    position: absolute;
    left: 0;
    top: 1px;
        color: #0fd77b;
}
.fIcoCol i svg {
    display: block;
    width: 25px;
    height: auto;
}
.footerLogo a {
    display: block;
    max-width: 210px;

}


.footItems {
    margin-top: 20px;
       margin-bottom: 5px;
}
.footItems .footerHead {
        font-weight: bold;
        font-family: var(--main-font);
    margin: 0px;
    font-size: 16px;
    color: var(--title-color);
    margin-bottom: 15px;
}
.footItems ul li a{
        color: var(--title-color);
        font-size: 15px;
  transition: color 0.3s ease, transform 0.6s ease;
   display: inline-block;
}
.footItems ul li a:hover{
        color: var(--text-color);
          transform: translateX(2px);
}
.footItems ul li{
    padding: 5px 0px;
}
.newLetterSec .newLetterHead{
        font-family: var(--main-font);
    margin: 0px;
    font-size: 20px;
    font-weight: 500;
}
.footBtm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.footBtm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.footBtm .socialLinks {
    display: flex;
    margin: 0px -5px;
}
.footBtm .socialLinks > li {
    padding: 0px 5px;
}
.footBtm  .socialLinks > li a {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
    border-radius: 25px;
    background-color: var(--white);
    border-radius: 10px;
}
.footBtm .socialLinks > li a svg {
    width: 20px;
    fill: var(--theme-color-secondary);
    transition: var(--transition);
}

.copyRight {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
    justify-content: center;
}
.footBtmWrap{
    position: relative;
    padding: 18px 0px;
}
.footBtmWrap::before{
    content: "";
    position: absolute;
  background-color: var(--theme-color-secondary);
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    opacity: 0.2;
}
.socialLinks > li.xicon a svg {
    width: 16px;
}
.footBtm .socialLinks > li a:hover{
    background-color: var(--theme-color-secondary);
}
.footBtm .socialLinks > li a:hover svg {
    fill: var(--theme-color);
}
.copyRight a{
    color: var(--theme-color-secondary);
}
    .footBtm .copyRight p {
        margin: 0;
        display: inline;
    }
.vert-move {
    -webkit-animation: mover 3s infinite  alternate;
    animation: mover 3s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

#inner-content section.workStatus {
    margin-bottom: 20px;
}

#inner-content section.workStatus .workStatusDiv::after {
    content: "";
    background-color: transparent;
    background-image: linear-gradient(180deg, #ffffff00 60%, rgb(255 255 255) 100%);
    opacity: 1;
    height: 80%;
    width: 100%;
    bottom: 0px;
    left: 0px;
    position: absolute;
    z-index: -1;
    pointer-events: none;
    transition: background-image 0.3s, border-radius 0.3s, opacity 0.3s;
}
#inner-content .swiper-slide.marquee-swiper img {
     filter: none; 
    opacity: 0.4;
    transition: opacity 0.6s ease;
}
#inner-content .swiper-slide.marquee-swiper img:hover {
    opacity: 0.8;
}
#inner-content .swiper.marquee-swiper {
    margin-top: 0rem;
}
.proLogosection{
    padding:15px 0px;
    border-top: 1px solid #f0f2f2;
     border-bottom: 1px solid #f0f2f2;
}
p#breadcrumbs {
    font-family: var(--main-font);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.6px;
    font-size: 10px;
    color:var(--theme-color);
        margin: 6px 0px;
}
p#breadcrumbs a {
color: var(--title-color);
}
p#breadcrumbs span span{
  color: var(--title-color);  
}
.breadcrumbsDiv{
    position: absolute;
    margin: 0 auto;
    width: 100%;
        z-index: 9;
}

/* Service inner  */
.serviceSection {
    padding-top: 40px;
    position: relative;
    overflow: hidden;
        padding-bottom: 40px;
}
.aboutSection1 {
    padding: 40px 0px;
        padding-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.serviceSection1 {
    padding: 30px 0px;
    position: relative;
    overflow: hidden;
}
.greenColdiv1{
height: 40px;
    background-color: #eaf1ee;
    border-radius: 30px;
    position: absolute;
    left: -48px;
    right: -300px;
    bottom: 40px;
    z-index: -1;
        display: none;
}
.greenColdiv1:before {
    content: "";
    position: absolute;
    left: 13px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
}
.absecction02{
    text-align: center;
        /* overflow: hidden; */
    position: relative;
    padding: 40px 0px;
    padding-top: 120px;
    background-position: center;
    background-size: cover;
 background-color: var(--theme-color-secondary);
}
.absecction02Img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
        z-index: 1;
}
.absecction02Img::after {
        content: "";
    background-color: transparent;
    background-image: linear-gradient(180deg, #0000006e 60%, #000000cf 100%);
    opacity: 1;
    transition: background-image 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
.absecction02Img img{
width: 100%;
height: 100%;
object-fit: cover;
    opacity: 0.7;
}
.absecction02 div.proContainer {
       position: relative;
               z-index: 9;
}
/* Service inner  */

.innerbanner{
    margin-top: -1px;
    overflow: hidden;
    position: relative;
    padding: 60px 0px;
    background-position: center;
    background-size: cover;
}
.greenColor1{
    color: var(--theme-color);
}
.breadcrumbsDiv1 {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 9;
}

.breadcrumbsDiv1 p#breadcrumbs a {
color: var(--white);
}
.breadcrumbsDiv1 p#breadcrumbs span span{
color: var(--white);
}
.proContainer.serLoop div.proRow {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}
.proContainer.serLoop div.proRow:last-child{
        margin-bottom: 0px;
}

.serBoxStyle01 {
    margin-top: 10px;
    position: relative;
}
.imageRound img {
    object-fit: cover;
    width: 100%;
      opacity: 0.95;
}
.serBoxStyle01 .IconSer{
display: block;
color: var(--theme-color);
margin-bottom: 15px;
}
.serBoxStyle01 .IconSer svg{
width: 40px;
height: auto;
}
.serBoxStyle01 h3{
    color: var(--white);
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 500;
}
.serBoxStyle01 p{
    color: #d0dddb;
    margin-bottom: 0;
}



.colDIV03{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.colDIV03 div.colDiv{
    width: calc(100% / 1 - 0px);
}
.colDIV03 div.colDiv:last-child .serBoxStyle01::before{
    display: none;
}

.procol-12 {
    width: 100%;
}
a.serviceslideBox{
    overflow: hidden;
    position: relative;
    display: block;
    border-radius:var(--large-radius);
    line-height: 0;
}
span.arrowSerLink {
    width: 45px;
    height: 45px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    color: var(--theme-color-secondary);
}
span.arrowSerLink svg {
    width: 18px;
    height: auto;
            transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
}
.serviceslideBoxCon {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    bottom: 25px;
    justify-content: space-between;
    padding: 0px 25px;
        align-items: center;
        text-align: left;
}

.serviceslideBoxCon h3 {
    color: #fff;
    font-size: 20px;
    font-family: var(--secondary-font);
    font-weight: 400;
    line-height: 1.2;
        width: 80%;
}
.arrowGroup {
    width: 140px;
    position: absolute;
    right: 40px;
    bottom: 60px;
}
.serviceSlider{
    position: relative;
        margin-top: 0px;
}
.serviceSection .arrowGroup .arrowBtn01{
    background-color: #e3e9eb;
    width: 50px;
    height: 50px ;
       display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
        color: var(--theme-color-secondary);
        opacity:1;
}
.serviceSection .arrowGroup .arrowBtn01 svg{
    width: 18px;
    height: auto;
}
.serviceSection .arrowGroup .arrowBtn01.swiper-button-prev svg{
            transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
}
.serviceSection .arrowGroup .arrowBtn01:hover{
    background-color: var(--theme-color);
}
.serviceslideBox:hover span.arrowSerLink{
      background-color: var(--theme-color);  
      color: var(--white) !important;
}
.serviceslideBox:hover span.arrowSerLink{
      background-color: var(--theme-color);  
      color: var(--white) !important;
}
.serviceslideBox:hover span.arrowSerLink svg path{
      fill: var(--white) !important;
          stroke: var(--white) !important;
}
.pos-relative{
    position: relative;
}

.spanArrowDown {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    background-color: var(--theme-color);
    color: var(--white);
    border-radius: 50%;
    padding: 3px;
    float: right;
    border: 5px solid #ffff;
}
.spanArrowDownDiv{
    position: absolute;
    top: -35px;
    left:0;
    right:0;
}
.spanArrowDown svg {
    fill: #ffffff;
    width: 25px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform-style: preserve-3d;
    
}
.spanArrowDown svg path{
    fill: #ffff;
        stroke: #ffff;
}
.bannerImage {
    object-fit: cover;
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    object-position: center;
}

/* Contact Us */
.contactlistSocial {
    margin-bottom: 40px;
}
.fIcoCol01 {
    clear: both;
    position: relative;
    padding: 12px 0 12px 60px;
    color: var(--title-color);
    font-size: 15px;
    font-weight: 500;
}
.fIcoCol01 a{
    color: var(--title-color);
    font-size: 15px;
}
.fIcoCol01 i {
display: flex;
    position: absolute;
    left: 0;
    width: 45px;
    top: 15px;
    color: var(--white);
    height: 45px;
    border-radius: 50%;
    background-color: #97b2b4;
    justify-content: center;
    transition: var(--common-transition);
}
.fIcoCol01 i svg {
    display: block;
    width: 25px;
    height: auto;
}
.fIcoCol01:hover i {
display: flex;
    position: absolute;
    left: 0;
    width: 45px;
    top: 15px;
    color: var(--theme-color);
    background-color: var(--theme-color-secondary);
}
.fIcoCol01 h6 {
    text-transform: uppercase;
    font-size: 14px;
    color: var(--theme-color);
    font-weight: 400;
    font-family: var(--secondary-font);
}
.contactlist {
    padding: 10px 0px;
    border-top: 1px solid #d6dfe0;
    border-bottom: 1px solid #d6dfe0;
    margin: 30px 0px;
}
.contactlistSocial .socialLinks {
    display: flex;
    margin: 0px -5px;
    gap:10px;
}
.contactlistSocial .socialLinks > li {
    padding: 0px 5px;
}
.contactlistSocial  .socialLinks > li a {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
    border-radius: 25px;
    background-color: #e7f1f0;
    border-radius: 10px;
}
.contactlistSocial .socialLinks > li a svg {
    width: 20px;
    fill: var(--theme-color-secondary);
    transition: var(--transition);
}
.socialLinks > li.xicon a svg {
    width: 16px;
}
.contactlistSocial .socialLinks > li a:hover{
    background-color: var(--theme-color-secondary);
}
.contactlistSocial .socialLinks > li a:hover svg {
    fill: var(--theme-color);
}
.contactFrom{
  background-color: var(--theme-color-secondary);   
  padding:25px;
  border-radius:20px;
}
.contactFrom>h3{
    color: #fff;
    font-size: 25px;
    margin-bottom: 10px;
}

.formgroup {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    flex-direction: column;
}
input.formcontrol, select.formcontrol  {
    display: block;
    width: 100%;
    padding: .2rem 1.2rem;
    font-size: 15px;
    height: 58px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #2f6d70;
    border-radius: 10px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    overflow-clip-margin: 0px !important;
    overflow: clip !important;
       box-sizing: border-box;
       font-family: var(--secondary-font);
}
textarea.formcontrol {
    display: block;
    width: 100%;
    padding: 1rem 1.2rem;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    max-height: 150px;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #2f6d70;
    border-radius: 10px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    overflow-clip-margin: 0px !important;
    overflow: clip !important;
       box-sizing: border-box;
       font-family: var(--secondary-font);
}
.formgroup>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}
.formcol6{
        flex: 1 0 0;
}
.formcontrol::placeholder { color: #fff; }
.formcontrol::-webkit-input-placeholder { color: #fff; }
.formcontrol::-moz-placeholder { color: #fff; }
.formcontrol:-ms-input-placeholder { color: #fff; }
.formcontrol:-moz-placeholder { color: #fff; }

.formdata{
    position: relative;
        margin-top: 8px;
}

.formdata label {
    position: absolute;
    top: 20px;
    background-color: var(--theme-color-secondary);
    line-height: 1;
    z-index: 9;
    left: 15px;
    padding: 0px 8px;
    color:#97b2b4;
   font-family: var(--secondary-font);
    font-size: 12px;
}
.formdata p{
    margin: 0;
}
.checkboxdata input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 1rem;
    padding: 3.5px;
    border: 0.1rem solid #588083;
    border-radius: 0.2rem;
    background-color: #588083;
        height: 20px;
}
     .checkboxdata input[type="checkbox"]::before {
    content: "";
    width: .7rem;
    padding: 0px;
    height: .7rem;
    background-color: #ffffff;
    clip-path: polygon(10% 55%, 20% 65%, 40% 85%, 90% 25%, 80% 15%, 40% 65%, 20% 45%);
    transform: scale(0);
     }
       .checkboxdata   input[type="checkbox"]:checked::before {
       transform: scale(1);
     }
      .checkboxdata label {
    display: flex;
    color: #fff;
    gap: 7px;
    font-size: 15px;
}
.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em;
}
.wpcf7-not-valid-tip {
        color: #edb8b8;
    font-size: 12px;
}

.wpcf7 form .wpcf7-response-output {
    border-radius: 50px;
    color: #fff;
}
.btnformDiv {
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    justify-content: center;
        float: none;
        display: flex;
    width: 100%;
}
.btnformDiv p{
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
}
.btnformDiv span {
     display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background-color: var(--white) !important;
    border-radius: 50%;
    padding: 3px;
    position: absolute;
    right: 8px;
    top: 10px;
}
.btnformDiv span svg {
    fill: var(--theme-color-secondary);
    width: 18px;
    transform: rotate(-45deg);
    transform-style: preserve-3d;
}
.btnformDiv p {
    display: flex;
}
.btnform {
    border: 0px solid #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 10px 15px 25px;
    border-radius: 30px;
    color: var(--title-color);
    background-color: var(--theme-color);
    font-family: var(--secondary-font);
    min-width: 200px;
    text-align: left;
    cursor: pointer;
}
select option {
  background-color: var(--theme-color-secondary);
}

.mapDiv {
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
}
/* Contact Us */
.abouContent01 h6{
        font-size: 16px;

    font-family: var(--secondary-font);
    font-weight:400;
}
.abouContent01{
    padding-right: 0px;
}

.aboutusTwoImage {
    gap: 20px;
    display: flex;
    align-items: end;
    flex-direction: column;
    margin-top: 40px;
}
.imageRound01 {
    overflow: hidden;
        line-height: 0;
    border-radius: 20px;
}
.imageRound01 img {
width:100%;
}
.textRound {
    margin-top: 20px;
    font-size: 18px;
    text-align: center;
    padding: 15px;
    border-radius: 20px;
  background-color: #006b62;
  color:#fff;
font-family:var(--main-font);
    line-height: 1.6;
}
.textRound span{
    color: var(--theme-color);
}
.proLogosection01{
    padding: 20px 0px;
}

.miviSection{
    background-color: var(--theme-color-secondary);
    position: relative;
    /* background-image: url('../images/aboutsection.jpg');
    background-position: center;
    background-size: cover; */
    padding:50px 0px;
}
.divBlock span.iconT {
    display: inline-block;
    color: var(--theme-color);
    margin-bottom: 15px;
}
.divBlock span.iconT svg {
    width: 40px;
    height: auto;
}
.divBlock {
    position: relative;
    padding-left: 58px;
    text-align: left;
}
.miviSectionBlocl .divBlock:first-child {
    margin-bottom: 30px;
    padding-bottom: 15px;
}
.iconpro img {
    max-width: 70px;
}
.miviSectionBlocl .divBlock:first-child:after {
    content: "";
    right: 0px;
    width: 88%;
    height: 1px;
    bottom: 0;
    position: absolute;
    background-color: var(--theme-color);
    opacity: 0.2;
}
.divBlock h3 {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
}
.miviSectionBlocl {
    padding-top: 20px;
}
.iconpro {
    margin-bottom: 15px;
}
p#breadcrumbs>span {
    display: flex;
    gap: 0px 10px;
    white-space: nowrap;
    flex-wrap: wrap;
    line-height: 1.6;
}
a.qicBtn:hover{
        color: var(--title-color);
    background-color: var(--theme-color);
}
a.qicBtn:hover span{
    background-color: var(--white);
}
a.qicBtn:hover span svg {
        transform: none;
    }
    .linkBtn:hover{
            color: var(--title-color);
    background-color: var(--theme-color);
}
a.linkBtn:hover span{
    background-color: var(--white);
}
a.linkBtn:hover span svg {
        transform: none;
    }
    .greenBtn:hover{
            color: var(--white) !important;
    background-color: var(--title-color) !important;
}
a.transBtn:hover {
    border: 1px solid var(--theme-color);
}
a.transBtn:hover i svg {
    fill: var(--white);
}
section.miviSection {
    position: relative;
        z-index: 1;
}
span.wpcf7-form-control-wrap[data-name="select-services"]::after {
    content: '';
    position: absolute;
    right: 0px;
    background-image: url(../images/arrow-down-success.svg);
    width: 22px;
    height: 22px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center right;
    filter: invert(6) brightness(12);
    opacity: 0.3;
    top: 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 10px;
    z-index: 1;
    pointer-events: none;
}
section#SliderSec {
    line-height: 0;
    position: relative;
}

.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: absolute;
    right: 8px;
    width: 20px;
    left: auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    bottom: 139px;
}
span.swiper-pagination-bullet {
    background-color: #a3a6a7;
    opacity: 1;
    width: 8px;
    height: 8px;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--theme-color);
}
.sliderNav {
    bottom: 65px;
    width: 100px;
    position: absolute;
    right: 95px;
}
.sliderNav .arrowBtn {
    background-color: var(--white);
}
.sliderNav .arrowBtn:hover {
    background-color: var(--theme-color);
}
.sliderNav .arrowBtn svg {
    fill: #809e9f;
      width: 19px !important;
}
.sliderNav .arrowBtn:hover  svg {
    fill: var(--title-color);
}
.sliderNav .arrowBtn {
    width: 30px !important;
    height: 30px !important;
}
.serSection .arrowBtn:hover  svg {
    fill: var(--title-color);
}
.serSection .arrow.arrowBtn:hover{
        background-color: var(--theme-color);
}
.banContent{
    z-index: 99;
}
#SliderSec .swiper-slide-active .banContent {
  animation: fadeInleft 0.8s ease-out both
}

@keyframes fadeInleft {
  from {
    opacity: 0;
    transform: translateX(-300px);
  }
  to {
    opacity: 1;
  }
}
/* #SliderSec .swiper-slide-active .bannerImg {
    animation: fadeInRight 1.5s;
} */

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#SliderSec .ani-lines {
    z-index: 9;
}
 .noptin-form-footer {
    padding: 0;
}
input#noptin-form-1__field-email {
    height: 50px;
    padding: 0px 30px;
    color: var(--title-color);
    font-size: 14px;
    font-family: var(--secondary-font);
}
input#noptin-form-1__field-email::placeholder { color: var(--title-color); }
input#noptin-form-1__field-email::-webkit-input-placeholder { color: var(--title-color); }
input#noptin-form-1__field-email::-moz-placeholder { color: var(--title-color); }
input#noptin-form-1__field-email:-ms-input-placeholder { color: var(--title-color); }
input#noptin-form-1__field-email:-moz-placeholder { color: var(--title-color); }
.noptin-form-fields {
    gap: 0px;
}

.noptin-form-field-wrapper.noptin-form-field-submit.noptin-optin-field-wrapper.noptin-optin-field-submit::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%2310c3a3d' d='M754.752 480H160a32 32 0 1 0 0 64h594.752L521.344 777.344a32 32 0 0 0 45.312 45.312l288-288a32 32 0 0 0 0-45.312l-288-288a32 32 0 1 0-45.312 45.312z' stroke-width='25.5' stroke='%23108c6d'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: 17px;
    right: 20px;
    z-index: 1;
    pointer-events: none;
}
input#noptin-form-1__submit {
    opacity: 0;
    height: 50px;
} 
.openHours {
    margin-top: 15px;
}
.openHours p {
    padding: 0;
    margin: 0;
}
.openHours .footerHead {
    margin-bottom: 5px !important;
}

#SliderSec .ani-lines .line:nth-child(1){
width: 0px;
}

.noptin-form-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
}

.noptin-form-footer .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden) {
  width: 100%;
}
.noptin-form-field-wrapper.noptin-form-field-submit.noptin-optin-field-wrapper.noptin-optin-field-submit {
  position: absolute;
  height: 50px;
  right: 5px;
      width: 50px;
}
.newLetterSec {
    text-align: center;
}
.footerLogo a {
    text-align: center;
    margin: 0 auto;
}
#scrollToTopBtn {
      position: fixed;
       bottom: -20vw;
    right: 15px;
    z-index: 1000;
    background-color: var(--theme-color-secondary);
    color: var(--theme-color);
    border: none;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    line-height: 0;
    width: 40px;
    height: 40px;
            align-items: center;
        display: flex;
        justify-content: center;
  transition: all 1s cubic-bezier(.44,-1.39,0,1.78);
      opacity: 0;
}
#scrollToTopBtn.showTop {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
    transition: all .5s cubic-bezier(.44,-1.39,0,1.78)
}

#scrollToTopBtn:hover {
background-color: var(--theme-color);
    fill:  var(--theme-color-secondary);
    stroke:  var(--theme-color-secondary);
}
#scrollToTopBtn:hover svg {
    fill: var(--theme-color-secondary);
    stroke:  var(--theme-color-secondary);
}
#scrollToTopBtn svg {
    fill: var(--theme-color);
    stroke: var(--theme-color);
    height: auto;
    width: 18px;
    color: #fff;
        transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform-style: preserve-3d;
}
.sliderNav, .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}
section.serviceSection.topSec {
    padding-top: 52px;
}
.waticonbottom{
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 70px;
    right: 17.5px;
    z-index: 1000;
    background-color: var(--theme-color);
    color: var(--theme-color-secondary);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    line-height: 0;
    width: 35px;
    height: 35px;
    transition: opacity 0.3s ease;
}
.waticonbottom svg{
       fill: var(--theme-color-secondary);
        width: 20px;
    height: auto;
}
.serImage .imageRound {
    margin-top: 0px;
}
.procol-6.serContent {
    order: 1;
}
.serviceSliderSec{
    text-align: center;
}
.serviceslideBoxImg{
    background-color: #006b62;
}
.serviceslideBoxImg img {
  object-fit: cover;
  width: 100%;
opacity: 0.95;
}
.elementor-element.e-flex.e-con-boxed.e-con {
  padding: 0;
}
.site-main.pagetemplate {
  padding: 50px 15px;
}
.entry-title {
  text-align: center;
  font-size: 36px;
      color: var(--title-color);
}
.entry-title a{
  text-align: center;
  font-size: 36px;
      color: var(--title-color);
}
.faqAccordion .panel {
    box-shadow: rgb(24 78 81 / .1) 0 20px 80px 0 !important;
        border: none !important;
    background-color: var(--white);
padding: 5px 0px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
            margin: 0;
    margin-bottom: 15px;
    width: 100%;
    clear: both;
        text-align: left;
}
.faqTitle {
    display: block;
    clear: both;
    font-size: 20px;
    color: var(--black);
    margin: 0 !important;
    padding: 0;
    font-weight: 400;
    text-align: left;
        cursor: pointer;
}

.faqTitle {
  display: block !important;
padding: 0px 40px 0px 15px;
color: var(--title-color);
line-height: 1.2;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  background-color: transparent;
  border: 0px solid transparent;
  width: 100%;
  cursor: pointer;
      font-family: var(--secondary-font);
}
.faqAccordion .faqTitle>span {
    background-color: transparent !important;
    top: 3px;
        right: 8px;
}
.panel.panel-default.active .faqTitle>span {
 -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: transparent !important;
}
.faqTitle>span {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 20px;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    background: #91edff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.faqTitle>span:before {
    width: 2px;
    height: 50%;
}
.faqTitle>span:after {
    width: 50%;
    height: 2px;
}
.faqTitle>span:after, .faqTitle>span:before {
    display: block;
    content: '';
    background: var(--theme-color-secondary);
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
 .faqAccordion .faqTitle>span::after,  .faqAccordion .faqTitle>span::before {
    background-color: var(--theme-color-secondary);
}

.panel-collapse {
  padding: 10px 0;
      padding-top: 0;
}
/* .panel:not(.active) .panel-collapse {
  display: none;
} */
/* .panel.active .panel-collapse {
display: block !important;
} */
.faqAccordion.ansrLine .faqBody {
    position: relative;
}

.faqAccordion .faqBody {
  padding: 0 50px 0px 15px;
  padding-right: 15px;
}
.faqAccordion .faqBody p:last-child {
    margin-bottom: 0;
}
.faqAccordion.ansrLine .faqBody p, .faqAccordion.ansrLine .faqBody ul, .faqAccordion.ansrLine .faqBody ol {
    padding-top: 0;
    margin-top: 0;
}
.faqAccordion .panel:last-child{
    margin-bottom: 0px !important;
}
.contentMaxWidth.mb-0 {
    margin-bottom: 0px !important;
}
.faqSec{
    background-color: #f5f8f8;
}

ul.listIconSec{
    text-align: left;
}


.processCenter
 {
    text-align: center;
    margin-bottom: -45px;
    position: relative;
    z-index: 9;
        pointer-events: none;
            order: 1;
}
.processProvi {
    position: relative;
}


.contentProcess {
    margin-top: 20px;
}


.contentProcess .procCol .headP {
    font-size: 18px;
    color: var(--title-color);
        margin: 0px !important;
            font-family: var(--main-font);
            font-weight: 600;
}
.contentProcess  .procCol p {
    color: #446b6d;
    margin-top: 5px;
}
  
section.workStatus01 {
    position: relative;
    z-index: 9;
}
.contentProcess .procCol {
    counter-increment: icoNumber;
    position: relative;
    padding-top: 50px;
    margin-bottom: 30px;
    text-align: center;
}
.contentProcess .procCol:after{
         content: counter(icoNumber) "";
    background-color: var(--theme-color);
    display: block;
    width: 35px;
    height: 35px;
    color: var(--title-color);
    font-family: var(--main-font);
    position: absolute;
    top: 8px;
    -moz-display: flex;
    -webkit-display: flex;
    -o-display: flex;
    display: flex;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    border-radius: 50px;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -ms-transition: 0.5s;
    left: 0px;
    right: 0;
    text-align: center;
    font-weight: 800;
    margin: 0 auto;
    
}

.processCenter img {
    max-width: 100%;
}

.divProcess {
    position: relative;
}

section.aboutSection:after {
    content: "";
    background-color: transparent;
    background-image: linear-gradient(0deg, #ffffff 35%, #ffffff17 100%);
    opacity: 1;
    transition: background-image 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 300px;
    width: 100%;
    bottom: -40px;
    left: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
.procCol:hover:after{
    background-color: var(--theme-color-secondary);
    color: var(--white);
}
.processProvi {
    position: relative;
    display: flex;
    flex-direction: column;
}
.whyChooseusBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}
.whyChooseusBox .boxStyle3{
    width: 100%;
    text-align: center;
        transition: var(--transition);
}
.boxStyle3Content h3 {
            line-height: 1.2;
    font-size: 20px;
            font-weight: 500;
    text-transform: capitalize;
}
.boxStyle3Content p{
    color:#ced8d7;
    margin-bottom: 0;
    font-size: 15px;
}
.boxStyle3Content span svg {
    width: 45px;
}
.boxStyle3Content span {
    display: block;
    color: var(--theme-color);
    margin-bottom: 10px;
}
.boxStyle3Content {
    text-align: center;
padding: 40px 20px;
padding-top: 0px;
}

.whyChooseusBox {
    margin-top: 30px;
}
/* .whyChooseusBox .boxStyle3:hover{
    background-color: rgb(24 78 81 / 20%);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
} */
.whyChooseusBox {
    position: relative;
    z-index: 99;
}
.more-text {
    display: none;
    position: absolute;
    left: 40px;
    right: 40px;
    padding: 20px;
    background-color: rgba(24, 78, 81, 0.4);
    backdrop-filter: blur(6px);
    border-radius: 10px;
    z-index: 99;
    box-shadow: 0px 10px 20px 5px rgb(0 0 0 / 4%);
}
.contMoreBtn {
    position: relative;
    width: fit-content;
    background-color: transparent;
    border: 1px solid var(--theme-color);
    color: var(--white) !important;
    padding-left: 20px;
    padding-right: 30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    font-size: 13px;
    margin: 0 auto;
    margin-top: 20px;
        cursor: pointer;
        line-height: 2;
}
.contMoreBtn:hover, .contMoreBtn.active{
      background-color: rgba(24, 78, 81, 0.4);
    backdrop-filter: blur(6px);
    box-shadow: 0px 10px 20px 5px rgb(0 0 0 / 4%);  
}
.contMoreBtn::after {
    right: 10px;
    top: 7px;
    position: absolute;
    border-bottom: 1px solid var(--white);
    border-right: 1px solid var(--white);
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-left: 15px;
}
 .whyChooseusBox .boxStyle3:nth-child(1){
     z-index: 9;  
 }
  .whyChooseusBox .boxStyle3:nth-child(2){
     z-index: 8;  
 }
  .whyChooseusBox .boxStyle3:nth-child(3){
     z-index: 7;  
 }
  .whyChooseusBox .boxStyle3:nth-child(4){
     z-index: 6;  
 }
  .whyChooseusBox .boxStyle3:nth-child(5){
     z-index: 5;  
 }
  .whyChooseusBox .boxStyle3:nth-child(6){
     z-index: 4;  
 }
  .whyChooseusBox .boxStyle3:nth-child(7){
     z-index: 3;  
 }
    /* .whyChooseusBox .boxStyle3:nth-child(4),  .whyChooseusBox .boxStyle3:nth-child(5), .whyChooseusBox .boxStyle3:last-child {
        z-index: -1;
    } */
/* .whyChooseusBox .boxStyle3:hover h3{
    color: var(--title-color) !important;
}
.whyChooseusBox .boxStyle3:hover p{
    color: var(--text-color) !important;
} */
 .serBoxStyle p{
        display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
        overflow: hidden;
 }

 .ourstorySec{
    position: relative;
    z-index: 9;
    padding: 35px 0px;
    background-color: #f1f8f8;
 }
 .ourstoryImg{
    margin-bottom: -35px;
    line-height: 0;
    text-align: right;
    padding-right: 40px;

}
 .ourstoryImg img
 {
    max-width: 430px;
    width: 100%;
}
picture.ausign  {
    margin-top: 50px;
    display: block;

}
picture.ausign img {
    max-width: 230px;
    width: 100%;
}
 .ourstoryImg:after {
          margin: 0 auto;
    text-align: center;
    bottom: -35px;
    right: 0;
    left: 0;
    position: absolute;
    content: "";
    width: 100%;
    height: 95%;
    background-color: var(--theme-color);
    z-index: -1;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    }
 .ourstoryImg:before {
          margin: 0 auto;
    text-align: center;
    top: 18%;
    left: 0;
    position: absolute;
    content: "";
    width: 160px;
    height: 160px;
    background-color: var(--theme-color);
    z-index: -1;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    opacity: 0.35;
    }
    .imgOurstory{
            order: 1;
    }
    .imageRoundS {
    line-height: 0;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
            margin-top: 20px;
    }
    .aboutBox p{
        color: var(--text-color);
    }
    .aboutBox .contMoreBtn {
    position: relative;
    width: fit-content;
    background-color: var(--theme-color-secondary);
    border: 0px solid var(--theme-color);
    color: var(--white) !important;
    padding-left: 20px;
    padding-right: 30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    font-size: 13px;
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
    line-height: 2;
}
       .aboutBox .boxStyle3Content h3 {
       color: var(--theme-color-secondary);
    }

    .aboutBox .more-text {
            box-shadow: 0px 10px 20px 5px rgb(0 0 0 / 0);
    background-color: rgb(241 248 248);
    }
    .listIconSec li i svg{
       width: 28px;
        height: auto;
    }
    .listIconSec li i {
    position: absolute;
    left: 0;
            color: var(--theme-color);
        }
        ul.listIconSec li {
    font-size: 17px;
}
section.ourworkshopSec {
    border-top: 1px solid #edeff3;
}
.contentSecL{
    text-align: center;
    padding: 20px 0px;
}
.contentSecL .linkBtn{
    margin: 0 auto;
}
.imageRoundS img {
    width: 100%;
}
.contentSecR{
     text-align: center;
    padding: 20px 0px;
}
.headtextP{
    font-weight: 600;
    font-size: 17px;
}
ul.listIconSec li:after {
    background-color: #edeff3;
    content: "";
    position: absolute;
    left: 45px;
    right: 0;
    height: 1px;
    bottom: 0;
}
ul.listIconSec li:last-child:after {
    height: 0px;
    display: none;
}
ul.listIconSec li {
    padding: 15px 0px;
    padding-left: 45px;
    position: relative;
}
section.whychoosPro {
    padding: 35px 0px;
}
.servingSectionBox {
    background-color: var(--theme-color-secondary);
}
.servingSectionBox {
padding: 30px;
border-radius: 20px;
    text-align: center;
    margin-bottom: 30px;
}
p.pstyle01 {
    font-size: 16px;
        margin-bottom: 30px;
}
p.pstyle02 {
    color: #ced8d7;
}
p.pstyle03 {
    font-size: 20px;
    font-weight: 500;
        margin-top: 40px;
        display: inline-block;
}
.servingImage {
    overflow: hidden;
    border-radius: 20px;
    line-height: 0;
}
.servingImage img{
    width: 100%;
}
.servingSection  span.leftSlash.subHead {
    color: #b4cbc9 !important; 
}
.countBoxes001{
    padding: 35px 0px;
    padding-bottom: 10px;
}
.contactFrom .btnformDiv{
    margin-top: 20px;
}
.mbm-0{
    margin-bottom: 0px;  
}
.workStatusDiv01 div.contentMaxWidth2 p {
    margin-bottom: 0;
}
.page-template-page-contact-us h2.mainHead{
            margin-bottom: 15px;
}
.wpcf7-spinner::before {
    background-color: var(--theme-color);
}
span.wpcf7-spinner {
    right: -16px;
    z-index: 999;
}
.contentMaxWidth2.mb-0 {
  margin-bottom: 0;
}