html{
    overflow-x: hidden;
}


body{
    margin: 0;
overflow-x: hidden;
}
a{
    text-decoration: none;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}
button{
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}

.dm-serif-display-regular-italic {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: italic;
}

.dm-sans-<uniquifier> {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



.loader {
    position: relative;
    width: 48px !important;!i;!;
    height: 48px !important;!i;!;
    background: #b0d47c;
    border-radius: 50%;
    animation:ellipseAnimation 2s linear infinite;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  @keyframes ellipseAnimation {
    0% {
      border-radius: 50%;
    }

    12.5% {
      border-radius: 0 50% 50% 50%;
      transform: rotate(45deg);
    }

    25% {
      border-radius: 0 0 50% 50%;
      transform: rotate(90deg);
    }

    37.5% {
      border-radius: 0 0 0 50%;
      transform: rotate(135deg);
    }

    50% {
      border-radius: 0;
      transform: rotate(180deg);
    }

    62.5% {
      border-radius: 50% 0 0 0;
      transform: rotate(225deg);
    }

    75% {
      border-radius: 50% 50% 0 0;
      transform: rotate(270deg);
    }

    87.5% {
       border-radius: 50% 50% 50% 0;
      transform: rotate(315deg);
    }

    100% {
       border-radius: 50%;
      transform: rotate(360deg);
    }
  }
      

    /* Main content (hidden initially) */
    #main-content {
      display: none;
    }


.mainheader{
      width: 100%;
      float: left;
      height: 0px;
      /* background: #0d1e2b; */
      background-color: WHITE;
      /* padding: 0 5%; */
      position: absolute;
      /* z-index: 111; */
}
.logo{width: 15%;float: left;/* margin-top: 26px; */}

.logo img{width: 101px;float: left;position: relative;z-index: 9;top: 27px;}
.menuarea{
           width: auto;
           float: right;
           position: relative;
           padding: 65px 0px 0px 0px;
           height: 0px;
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: transparent;
   
    border-color: transparent;
}

.menuarea > ul{
     padding-left: 116px !important;
     width: 100%;
     display: inline-block;
     vertical-align: middle;
     margin-bottom: 0px;
     padding-bottom: 0px;
     float: left;
     padding-left: 0px;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;
}
    
.menuarea > ul > li{
     width: auto;
     display: inline-block;
     vertical-align: middle;
     position: relative;
     padding: 0px 18px;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;
}

.menuarea > ul > li > a{
       font-weight: 300;
       width: auto;
       color: #ffffff;
       float: left;
       position: relative;
       /* padding-bottom: 30px; */
       font-size: 16px;
       letter-spacing: 0px !important;
       z-index: 111;
       transition: all ease-in-out 0.5s;
       -o-transition: all ease-in-out 0.5s;
       -ms-transition: all ease-in-out 0.5s;
       -moz-transition: all ease-in-out 0.5s;
       -webkit-transition: all ease-in-out 0.5s;
       text-decoration: none;
       text-align: center;
       font-family: "DM Sans", sans-serif !important;
    }
.menuarea > ul > li > a:hover{
   color: #B5D884 !important;
   -o-transition: all ease-in-out 0.5s;
   -ms-transition: all ease-in-out 0.5s;
   -moz-transition: all ease-in-out 0.5s;
   -webkit-transition: all ease-in-out 0.5s;
   text-decoration: none;
   position: relative;
}
.menuarea > ul > li > a:hover:after{
      content: " ";
      left: -17px;
      margin-top: 3px;
      border: solid #B5D884;
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-width: 5px;
      border-color: rgba(255, 255, 255, 0);
      border-left-color: #B5D884;
       transition: all ease-in-out 0.5s;
       -o-transition: all ease-in-out 0.5s;
       -ms-transition: all ease-in-out 0.5s;
       -moz-transition: all ease-in-out 0.5s;
       -webkit-transition: all ease-in-out 0.5s;
   }

.activeli{
  position: relative;

  color: #B5D884 !important;
}
.activeli:after{
       content: " ";
       left: -17px;
       margin-top: 3px;
       border: solid #B5D884;
       height: 0;
       width: 0;
       position: absolute;
       pointer-events: none;
       border-width: 5px;
       border-color: rgba(255, 255, 255, 0);
       border-left-color: #B5D884;
        transition: all ease-in-out 0.5s;
       -o-transition: all ease-in-out 0.5s;
       -ms-transition: all ease-in-out 0.5s;
       -moz-transition: all ease-in-out 0.5s;
       -webkit-transition: all ease-in-out 0.5s;
}

.menu li:hover > ul {
     columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
    visibility: visible;
    opacity: 1;
    z-index: 99999;
   
    transform: scale(1.0);
}


.tgmenu__navbar-wrap > ul > li .sub-menu {
   
}

/*.sub-menu {
    margin-top: 73px!important;
}*/

.sp-width{
        width: 228px !important;
        left: -49px !important;
        padding: 8px 15px !important;
}

.menu ul {
           padding: 0px 0px;
           width: 289px;
           overflow: hidden;
           /* height: 250px; */
           position: absolute;
           left: -96px;
           top: 145%;
           /* min-width: 100px; */
           background: #000000;
           margin: 0;
           /* -webkit-transform: scale(1, 0); */
           -moz-transform: scale(1, 0);
           -ms-transform: scale(1, 0);
           -o-transform: scale(1, 0);
           transform: scale(1, 0);
           transform-origin: 0 0;
           -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; */
           -webkit-box-shadow: 0 0px 5px rgba(255, 255, 255, 0.1);
           -moz-box-shadow: 0 0px 5px rgba(255, 255, 255, 0.1);
           box-shadow: 0 0px 5px rgba(255, 255, 255, 0.1);
           -webkit-border-radius: 6px;
           -moz-border-radius: 6px;
           -o-border-radius: 6px;
           -ms-border-radius: 6px;
           border-radius: 6px;
           display: block;
           visibility: hidden;
           opacity: 0;
           z-index: 9;
}

.menu ul li {

padding: 13px 30px;

display: block;

transition: all ease-in-out .5s;

-webkit-transition: all ease-in-out .5s;

-moz-transition: all ease-in-out .5s;

margin: 0;

text-align: center;
}


.menu ul li:hover{
    background-color: #aacb7c;
}


.menu ul li a {
     text-align: center;
     color: #ffffff;
     font-family: "DM Sans", sans-serif;
     font-weight: 400;
     font-size: 15px;
     /* padding: 35px 10px; */
     line-height: 21px;
     position: relative;
     z-index: 1;
     /* text-shadow: -.25px -.25px 0 transparent, 
                .25px .25px transparent; */
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;
}
.menu ul li:hover a{
    text-decoration:none;
}
.menu ul li:hover .menu2 a{
     
    text-decoration:none;
}

.menu-padding{
    padding-top: 0px;
}
/*triangle on hoverul*/
.menu ul:after {
  
}






.btn2 img{
  
width: 30px;
}
/* Button container */
.btn2 {
    float: right;
    position: relative;
    z-index: 999;
    color: #fff;
    padding: 14px 22px;
    border: 1px solid #fff;
    border-radius: 50px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* Enquire Now button */
.menu1 {
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

/* Close button */
.menu2 {
    width: 20px; /* Adjust the size of the close button */
    cursor: pointer;
    display: none; /* Hidden by default */
}


.btn2 a{
    color: #fff;
    font-family: "DM Sans" ,sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.btn2.small {
    padding: 8px 10px; /* Smaller size */
    font-size: 12px; /* Adjust font size */
    margin-top: -20px;
}
.nav-pd {
    text-align: left;
    padding: 0px 0px;
    transform: rotate(15deg);
    max-width: 1000px;
}
.hamburgermenu{
  
cursor: pointer;
}
.hd-address {
    width: 100%;
    float: left;
    text-align: left;
    padding: 187px 0px;
    background: transparent;
    height: 100vh;
    margin-right: -80px;
}.hd-address img {
    float: left;
    width: 95px;
    height: 95px;
    margin-right: 20px;
    margin-top: -10px;
    margin-bottom: 30px;
}.menu2 {
    width: 30px !important;padding:5px;
}
.mct_form {
    color: #000000;
    display: block;
    font-size: 15px;
    margin-bottom: 25px !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    border: solid 1px rgb(255 255 255 / 30%);
    width: 100%;
    float: left;
    padding: 15px;
    margin-top: 10px;
    border-radius: 20px;
}
.contact-snd2:before{
  content: "";
  position: absolute;
  z-index: -1;
  background: #1f2c3b;
  height: 250px;
  line-height: 54px;
  width: 0;
  border-radius: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateX(-50%);
  transform: translateY(-50%);
  top: 100%;
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s;
  z-index: -1;
}.contact-snd2:hover::before{
  left: -30px;
  width: 120%;
}
.contact-snd2{

background: #f47920;

border: 0;

display: table;

margin: auto;

font-size: 15px;

color: #fff;

padding: 13px 50px;

border-radius: 30px;

position: relative;

overflow: hidden;

width: 180px;

height: 48px;

z-index: 9;
}
.contact-snd2:hover{
  
}
/* ===== Scrollbar CSS ===== */

 

 
::-webkit-scrollbar-track
{
    border-radius
: 50px;
    background-color: #000;
       height: 3px;
       border-top-left-radius: 50px;
}

::-webkit-scrollbar
{    border-radius: 50px;
    width: 5px;
    height: 3px;
    background-color: #000;
}

::-webkit-scrollbar-thumb
{
    border-radius: 50px;
    background-color: #000;
       height: 3px;
}


.slide {
         float: left;
         width: 100%;
         top: 0px;
         background: url(../images/home.svg);
         background-size: cover;
         /* background-position: center; */
         position: relative;
         z-index: 1;
         height: 100vh;
}





.slide .item .slide-image {
       float: right;
       margin-left: 0px;
       /* position: absolute; */
       /* width: auto !important; */
       /* z-index: 9999; */
       width: 100%;
       right: 0;
       object-fit: cover;
       top: 0;
       height: 100vh;
}

.slider-ban .owl-item.active .slide-image{
    
    transition: 10s;
}
.slider-ban2 .active h1  {
    animation: img-anim-left 1s forwards cubic-bezier(.645,.045,.355,1) 0s;
}
.slider-ban2  .active  p{
    animation: img-anim-left 1s forwards cubic-bezier(.645,.045,.355,1) 0s;
}



.slider-ban2  .active  a{
    animation: img-anim-left 1s forwards cubic-bezier(.645,.045,.355,1) 0s;
}



.slider-ban2{
    position: absolute !important; /* Position relative to the .slide container */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for perfect centering */
    z-index: 2; /* Place it above the slide content */
    text-align: center;
    width: 100%; /
    }

.slider-ban2  h1{
        transform: auto !important;
       transition: auto !important;
}

.slider-ban2 p{
        transform: auto !important;
       transition: auto !important;
}




.slider-ban2  h1 {
    text-align: center;
    font-family: "DM Sans", sans-serif !important;
    float: left;
    font-size: 90px;
    color: #fff;
    font-weight: 600;
    /* text-align: left; */
    /* padding-left: 30px; */
    line-height: 110%;
    width: 100%;
    letter-spacing: 0px;
}
.slider-ban2  h1 span{
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: italic;
  color: #B5D884;
}

.slider-ban2  p {
      font-family: "Dm Sans", sans-serif !important;
      float: left;
      margin-top: 32px;
      font-size: 16px;
      color: #fff;
      font-weight: 400;
      line-height: 200%;
      width: 100%;
      text-align: center;
      margin-bottom: 25px;
      padding: 0px 21%;
}


.slider-ban2  a {
        width: 140px;
      padding: 15px 23px;
      font-family: "Dm Sans", sans-serif !important;
      float: none;
      display: table;
      margin-left: auto;
      margin-right: auto;
      margin-top: 25px;
      font-size: 16px;
      color: #fff;
      font-weight: 400;
      text-align: center;
      text-decoration: none;
      border: 1px solid #fff;
      border-radius: 50px;
      cursor: pointer;
}
.m-buy {
    position: absolute; /* Position relative to .slide */
    bottom: 50px; /* Adjust the distance from the bottom */
    left: 50%; /* Center horizontally */
    transform: translateX(-50%); /* Perfect horizontal centering */
    z-index: 99; /* Ensure it's on top of other elements */
    width: 73px; /* Image width */
    animation: mbuymove 4s linear infinite; /* Floating animation */
}

/* Floating animation remains the same */
@keyframes mbuymove {
    0% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(-13px);
    }
    100% {
        transform: translateX(-50%) translateY(0);
    }
}




.slider-ban2 + .m-buy {
    top: calc(78% + 32px); /* Position it 20px below .slider-ban2 */
}













.banner2{
    float: left;
    width: 100%;
    background-color: #191919;
    padding-top: 30px;
    height: 483px;
    background-image: url("../images/leaf-half.webp");
    background-position-x: right;
    background-position-y: -62%;
    background-repeat: no-repeat;
    margin-top: -1px;
}


.banner2 h1{
    float: left;
    width: 100%;
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    line-height: 160%;
    text-align: center;
    font-family: "DM Sans", sans-serif;
    padding: 0px 100px;
}

.banner2 h1 span{
 font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: italic;
  color: #B5D884;
}
.banner2 img{
    float: none;
    display: block;
    margin:auto;
    width: 100%;
    position: relative;
    top: 42px;
    height: 440px;
    object-fit: cover;
    border-radius: 25px;
}

.banner3{
    float: left;
    width: 100%;
    padding: 193px 0px 129px 0px;
}


.banner3 h2{
    float: left;
    width: 100%;
    font-size: 65px;
    font-weight: 600;
    color: #000;
    line-height: 160%;
    text-align: center;
    font-family: "DM Sans", sans-serif;
    padding: 0px 100px;
}

.banner3 h2 span{
 font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: italic;
  color: #B5D884;
}



.banner3 h6{
    float: left;
    width: 100%;
    padding: 0px 100px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  color: #191919;
        font-family: "DM Sans", sans-serif;
        padding-top:20px;
}


.b3-slide{
    float: left;
    width: 100%;
    padding-left: 123px;
    margin-top: 70px;
}




.s-1{
  float: left;
  width: 100%;
  background-color: #fff;
  /* margin-bottom: 60px; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.s-1 img{
  float: left;
  width: 344px !important;!I;!;
  height: 361px;
  object-fit: cover;
  /* margin-right: 67px; */
  /* margin-bottom: 19px; */
  border-radius: 20px;
}
.s-1 h1{
    font-size: 16px;
    font-weight: 600;
    color: #B5D884;
    line-height: 125%;
    font-family: 'DM Sans',sans-serif;
    margin-bottom: 8px;
  }
  .s-1 h3{
    font-size: 27px;
    font-weight: 600;
    color: #000;
    line-height: 110%;
    /* margin-right: 10px; */
    font-family: "DM Sans", sans-serif;
  }
  .s-1 h3 span{
     font-family: "DM Serif Display", serif;
     font-style: italic;
     /* width: 100%; */
     float: left;
     font-weight: 500;
     margin-right: 10px;
}
.s-1 p{margin-top: 14px;font-size: 16px;font-weight: 400;color: #191919;line-height: 200%;font-family: "DM Sans", sans-serif;}
.s-1 a{
    padding: 17px 25px;
    color: #191919;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
    border: 1px solid #000;
    border-radius: 50px;
    float: left;
    margin-top: 25px;
    line-height: 25%;
    /* height: 44px; */
    text-align: center;
    /* width: 133px; */
}
.ii {
    float: right;
    width: 40%;
}
.ppp{
    float: left;
    padding-left: 62px;
    padding-right: 60px;
}

.banner4{
    float: left;
    width: 100%;
    height: 681px;
}
.b4-1{
    height: 681px;
    width: 60%;
    float: left;
    padding: 113px 222px 131px 120px;
    background-color: #000;
    background-image: url("../images/leaf-half.webp");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}
.b4-1 h1{
    float: left;
    width: 100%;

    font-size: 65px;font-weight: 600;color: #fff;
    line-height: 110%;
        font-family: "DM Sans", sans-serif;
margin-bottom: 35px;

  }
  .b4-1 h1 span{
     font-family: "DM Serif Display", serif;
     font-style: italic;
     width: 100%;
     float: left;
     color: #B5D884;
     font-weight: 500;
}
.b4-1 p{
font-size: 16px;
font-weight: 300;
color: #fff;
line-height: 200%;
font-family: "DM Sans", sans-serif;
float: left;
width: 100%;
}
.b4-1 a{
 padding: 17px 25px;
    color: #fff;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
    border: 1px solid #fff;
    border-radius: 50px;
    float: left;
    margin-top: 25px;
    line-height: 25%;
    /* height: 44px; */
    text-align: center;
    /* width: 133px; */
}
.b4-2{
    float: left;
    width: 40%;

}
.b4-2 img{
    width: 100%;
    object-fit: cover;
    height: 681px;
}
.banner5{
    float: left;
    width: 100%;
    padding: 65px 0px;
}
.banner5 h1{


    float: left;
    width: 100%;

    font-size: 65px;font-weight: 600;color: #000;
    line-height: 110%;
        font-family: "DM Sans", sans-serif;
margin-bottom: 35px;

  }
  .banner5 h1 span{
     font-family: "DM Serif Display", serif;
     font-style: italic;
     width: 100%;
     float: left;
     color: #B5D884;
     font-weight: 500;
}
.banner5 h2{font-size: 16px;font-weight: 300;color: #191919;line-height: 197%;font-family: "DM Sans", sans-serif;float: left;width: 100%;padding-right: 158px;padding-top: 74px;p}
.b5-a{
 padding: 13px 20px;
 color: #191919;
 font-size: 16px;
 font-family: "DM Sans", sans-serif;
 border: 1px solid #191919;
 border-radius: 50px;
 float: left;
 margin-top: 85px;
 /* line-height: 25%; */
 /* height: 44px; */
 text-align: center;
 /* width: 133px; */
}





.b5-slide{
    float: left;
    width: 100%;
    padding-left: 123px;
    margin-top: 70px;
}
.hover-class {
    display: flex; /* Enables Flexbox */
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
    flex-direction: column; /* Stacks content vertically */
    opacity: 0;
    position: absolute;
    border-radius: 20px;
    top: 0; /* Ensure it spans the parent */
    left: 0; /* Ensure it spans the parent */
    width: 100%;
    height: 100%; /* Full height of the parent */
    padding: 20px; /* Adjust padding as needed */
    transition: all ease-in-out 0.5s;
    background-color: rgba(0, 0, 0, 0.5); /* Optional background overlay */
    box-sizing: border-box; /* Ensure padding doesn't affect layout */
     display: flex;
    flex-direction: column; /* Stack elements vertically */
    align-items: flex-start;
}

.b2-box1 {
    position: relative;
    width: 100%;
    height: 434px;
    margin-bottom: 43px;
    overflow: hidden; /* Ensures child elements stay within bounds */
}

.b2-box1 img {
    object-fit: cover;
    width: 100%;
    height: 100%; /* Matches the height of the parent */
    border-radius: 20px;
}

.b2-box1:hover .hover-class {
    opacity: 1; /* Makes it visible on hover */
    transition: all ease-in-out 0.5s;
}

.quick-send{

 float: left;
 width: 167px;
 height: 48px;
 font-size: 16px;
 font-family: "DM Sans", sans-serif;
 text-align: center;
 font-weight: 400;
 color: #191919;
 padding: 15px 0px;
 /* line-height: 24px; */
 border: 1px solid #ffffff;
 border-radius: 50px;
 margin-top:0px;
 margin-left: auto;
 margin-right: auto;
 display: block;
 background-color: #ffffff;
 position: relative;
 z-index: 999;
 cursor: pointer;
}
.contact-snd:hover{
    background-color: #191919;
    color: #fff;
}


.quick-send:hover{
    background-color: #B5D884;
    color: #fff;
}
.info-tag:hover{
    background-color: #B5D884;
    color: #fff;
    border-color: #fff;
}
.hover-class h4{

    float: left;
    width: 100%;

    font-size: 36px;font-weight: 600;color: #fff;
    line-height: 110%;
        font-family: "DM Sans", sans-serif;
margin-bottom: 14px;

  }
 .hover-class h4 span{
     font-family: "DM Serif Display", serif;
     font-style: italic;
     width: 100%;
     float: none;
     color: #fff;
     font-weight: 500;
 }
 .hover-class h5{
    font-size: 16px;
font-weight: 300;
color: #fff;
line-height: 200%;
font-family: "DM Sans", sans-serif;
float: left;
width: 100%;
}
.loop-a {
    padding: 13px 20px;
    color: #fff;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
    border: 1px solid #191919;
    border-radius: 50px;
    display: inline-block; /* Ensures proper alignment */
    margin-top: 39px;
    text-align: center;
    background-color: #191919;
    margin-left: 0; /* Removes any unintended horizontal spacing */
    float: none; /* Clears float to allow proper alignment */
}


.client-logo{
    float: left;
    width: 100%;
    padding: 80px 0px 30px 0px;
}
.logo-loop .item img{
    float: none;
    display: block;
    margin:auto;
    max-width: 100%;
    width: 160px !important;!i;!;
    height: 75px;
    object-fit: contain;
}
.logo-loop .item{
        padding: 20px 0px;
height: 100px;
}

.brand-logo h2{

    float: left;
    width: 100%;
    font-size: 65px;
    font-weight: 600;
    color: #000;
    line-height: 160%;
    text-align: center;
    font-family: "DM Sans", sans-serif;
    padding: 0px 100px;
}
.brand-logo h2 span {
    font-family: "DM Serif Display", serif;
    font-style: italic;
   
    color: #B5D884;
    font-weight: 500;
}

.brand-logo{
    float: left;
    width: 100%;
       padding: 80px 0px;
    background-color: #f5f5f563;
}
.brand-loop{
    
}
.brand-loop .item img{
    height: 167px;
    float: none;
    display: block;
    margin:auto;
    max-width: 100%;
    width: 214px !important;!i;!;
    object-fit: contain;
    /* background-color: #ccc; */
}
.brand-loop .item{
        padding: 20px 0px;
        /* height: 100px; */
}

 .banner6{
    float: left;
    width: 100%;
    padding:100px 0px;
    background-color: #f9fff1;

 }
 .banner6 h1{
    float: left;
    width: 100%;

    font-size: 65px;font-weight: 600;color: #000;
    line-height: 110%;
        font-family: "DM Sans", sans-serif;
margin-bottom: 35px;

  }
  .banner6 h1 span{
     font-family: "DM Serif Display", serif;
     font-style: italic;
     width: 100%;
     float: left;
     color: #B5D884;
     font-weight: 500;
}
.banner6 p{
    font-size: 16px;
    padding-right: 60px;
font-weight: 300;
color: #191919;
line-height: 200%;
font-family: "DM Sans", sans-serif;
float: left;
width: 100%;
}
.b6-a{
 padding: 13px 20px;
 color: #191919;
 font-size: 16px;
 font-family: "DM Sans", sans-serif;
 border: 1px solid #191919;
 border-radius: 50px;
 float: left;
 margin-top: 30px;
 /* line-height: 25%; */
 /* height: 44px; */
 text-align: center;
 /* width: 133px; */
}
.b6-box{
    float: left;
    width: 100%;
}
.b6-hoverbx{float: left;
    width: 100%;
    height: 92px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.b6-hoverbx:hover .b6-txt{
    background-color: #191919;
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.b6-hoverbx:hover .b6-txt h2{
    color: #fff;
    padding-left: 30px;
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.b6-hoverbx:hover .b6-txt h2:after
{
      border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    right:30px;
      transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}




.b6-img2{
    z-index: 9999;
    float: right;
    width: 228px;
    height: 434px;
    object-fit: cover;
    margin-left: 0px;
    border-radius: 30px;
    position: relative;
    opacity: 0;
    right: 150px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    transform: rotate(8deg);
    z-index: 9999;
}
.top-1{
    top: -150px;
}
.top-2{
    top: -184px;
}
.top-3{
    top: -240px;
}
.top-4{
    top: -305px;
}
.top-5{
    top: -373px;
}
.b6-txt{
   padding: 20px 0px;
   float: left;
   width: 600px;
   position: relative;
   border-bottom: 1px solid #191919;
   z-index: 9;
}

.b6-txt h2{
float: left;
color: #191919;
font-weight: 400;
font-size: 20px;
width: 100%;
line-height: 51px;
 font-family: "DM Sans", sans-serif;
 position:relative;

}
.b6-txt h2:after{
    content: "";
    position: absolute;
    right: 8px;
    top: 17px;
    height: 18px;
    width: 18px;
    border-right: 2px solid #7a7a7a;
    border-bottom: 2px solid #7a7a7a;
    transform: rotate(-46deg);
}
.b6-hoverbx:hover{
   
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.b6-hoverbx:hover .b6-img2{
    transform: scale(1.01) rotate(0deg);
    opacity: 1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    height: 424px;
    position: relative;
}






.banner7{
    float: left;
    width: 100%;
    padding: 70px 0px;
}


.banner7 h2{
    float: left;
    width: 100%;
    font-size: 65px;
    font-weight: 600;
    color: #000;
    line-height: 160%;
    text-align: center;
    font-family: "DM Sans", sans-serif;
    padding: 0px 100px;
}

.banner7 h2 span{
 font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: italic;
  color: #B5D884;
}



.banner7 h6{
    float: left;
    width: 100%;
    padding: 0px 100px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  color: #191919;
        font-family: "DM Sans", sans-serif;
        padding-top:20px;
}


.b7-slide{
    float: left;
    width: 100%;
  
    margin-top: 50px;
}

.b7-box{
    float: left;
    width: 100%;
}
.img-1{
    float: left;
    width: 218px !important;!i;!;
    height: 190px;
    margin-right: 35px;
    margin-bottom: 20px;
}

.b7-1{
    margin-right: 35px;
    /* width: 20%; */
    float: left;
    margin-bottom: 20px;
}
.b7-1 h1{
   font-family: "DM Serif Display", serif;
   font-weight: 500;
   font-style: italic;
   font-size: 22px;
   margin-bottom: 10px;
   color: #000;
   }
    .b7-1 h4{
        color: #4F4F4F;
        font-family: "DM Sans", sans-serif;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 25px;
    }
    .img-2{
        width: 107px !important;!i;!;
        height: 96px;
        object-fit: cover;
    }
    .b7-box h3{
            font-family: "DM Serif Display", serif;
            font-weight: 400;
            font-style: italic;
            font-size: 28px;
            color: #000;
            /* float: left; */
            margin-bottom: 13px;
            line-height: 35px;
    }
    .b7-box p{
         color: #000;
         font-family: "DM Sans", sans-serif;
         font-size: 16px;
         font-weight: 300;
         line-height: 27px;
    }


.b7-loop {
    position: relative; /* Needed for absolute positioning inside */
    margin-bottom: 63px;
}

.b7-loop .owl-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); /* Centering it horizontally */
    margin: 10px 0; /* Adjust vertical spacing */
}

.b7-loop .owl-nav .owl-next img, 
.b7-loop .owl-nav .owl-prev img {
    width: 33px !important; /* Adjust button size */
    margin-bottom: unset !important;
}

.b7-loop .owl-nav .owl-prev img {
    margin-right: 46px !important; /* Adjust spacing for the previous button */
}
.banner8{
    float: left;
    width: 100%;
    background-color: #191919;
    padding: 95px 0px 35px 0px;
}
.banner8 h1{
  float: left;
    width: 100%;

    font-size: 65px;font-weight: 600;color: #fff;
    line-height: 110%;
        font-family: "DM Sans", sans-serif;
margin-bottom: 35px;

  }
  .banner8 h1 span{
     font-family: "DM Serif Display", serif;
     font-style: italic;
     width: 100%;
     float: left;
     color: #B5D884;
     font-weight: 500;
}
.banner8 p{
    font-size: 16px;
    padding-right: 60px;
font-weight: 300;
color: #fff;
line-height: 200%;
font-family: "DM Sans", sans-serif;
float: left;
width: 100%;
}
.b8-1{
    float: left;
    width:100%;

}
.bord-btm{
    border-bottom: 1px solid #d9d9d9;
}
.b8-1 img{
    float: left;
    width: 86px;
    margin-bottom: 30px;
}
.b8-1 h2{
     font-family: "DM Serif Display", sans-serif;
     font-style: italic;
     width: 100%;
     float: left;
     color: #fff;
     font-weight: 500;
     font-size: 32px;
     margin-bottom: 22px;

}
.b8-1 h6{
     font-size: 16px;
font-weight: 300;
color: #d9d9d9;
line-height: 200%;
font-family: "DM Sans", sans-serif;
float: left;
width: 100%;
   padding-right: 20px;
   padding-bottom: 60px;
}
.marg-top{
margin-top: 53px;
}
.pad-right{
    padding-right: 28px;
}
.pad-left{
    padding-left: 28px;
}


.footer{
    float: left;
    width: 100%;
    padding: 90px 0px;
    background-image: url("../images/leaf-half.webp");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}
.footer img{
    float: left;
    width: 225px;
    object-fit: cover;


}
.footer h6{
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #B5D884;
    margin-bottom: 19px;
    font-family: "DM serif Display",sans-serif;
    font-style: italic;
    line-height: 35px;
}
.ftr-a{
    float: left;
    width: 100%;
    font-family: "DM Sans",sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #191919;
    margin-bottom: 16px;
    position: relative;
}


.footer h1{float: left;width: 100%;font-size: 49px;font-weight: 600;color: #191919;line-height: 110%;font-family: "DM Sans", sans-serif;margin-bottom: 35px;}
  .footer h1 span{
     font-family: "DM Serif Display", serif;
     font-style: italic;
    
     color: #B5D884;
    
     font-weight: 500;
}
.footer p{
    font-size: 16px;
    /* padding-right: 60px; */
    font-weight: 300;
    color: #191919;
    line-height: 200%;
    font-family: "DM Sans", sans-serif;
    float: left;
    width: 71%;
}
.ftr-btn{
    float: right;
    width: 133px;
    height: 44px;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
    text-align: center;
    font-weight: 400;
    color: #191919;
    padding: 12px 0px;
    /* line-height: 24px; */
    border: 1px solid #191919;
    border-radius: 50px;
    margin-top: 9px;
    cursor: pointer;
}
.copy{
    background-color:#B5D884 ;
    float: left;
    width: 100%;
    padding: 30px 0px;
}
.ftr-a:after{
     content: " ";
     left: 7px;
     margin-top: 3px;
     border: solid #B5D884;
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-width: 5px;
     border-color: rgba(255, 255, 255, 0);
     border-left-color: #B5D884;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;
     opacity: 0;
}
.ftr-a:hover:after{
    opacity: 1;

}
.ftr-a:hover{
    padding-left: 20px;
}

.padd-left{
    padding-left: 50px;
}


.copy h3 a{
    color: #fff;
        font-family: "DM Sans", sans-serif ;
text-decoration: underline;
}
.copy h3 a:hover{color: #7cd2ff;}
.copy p{
    float: left;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
   font-family: "DM Sans", sans-serif !important;

}
.copy h3{
    float: right;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
   font-family: "DM Sans", sans-serif !important;

}


.btn2:hover{
    background-color:#B5D884 ;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;
}
.slider-ban2 a:hover {
  background-color:#B5D884 ;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;
 }

 .s-1 a:hover {
  background-color:#B5D884 ;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;
     color: #fff;
     border: 1px solid #fff;
 }

 .b4-1 a:hover {
  background-color:#B5D884 ;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;  color: #fff;
 }

 .b5-a:hover {
  background-color:#B5D884 ;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;  color: #fff;     border: 1px solid #fff;

 }
   .all-a:hover {
  background-color:#B5D884 ;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;  color: #fff;     border: 1px solid #fff;

 }
  .loop-a:hover {
  background-color:#B5D884 ;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;  color: #fff;     border: 1px solid #fff;

 }
   .b6-a:hover {
  background-color:#B5D884 ;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;  color: #fff;     border: 1px solid #fff;

 }
  .ftr-btn:hover {
  background-color:#B5D884 ;
     transition: all ease-in-out 0.5s;
     -o-transition: all ease-in-out 0.5s;
     -ms-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
     -webkit-transition: all ease-in-out 0.5s;  color: #fff;     border: 1px solid #fff;

 }


 /*aboutus*/
.abt-banner1{
    padding: 200px 0px 100px 0px;
    float: left;
    width: 100%;
    /* height: 500px; */
    background-image: url("../images/inner-banner.webp");
    background-color: #162c53;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}
.abt-banner1 h1{
       text-align: left;
       float: left;
       width: 100%;
       color: #fff;
       font-size: 50px;
       line-height: 51px;
       /* padding-top: 200px; */
       position: relative;
       font-weight: 600;
       font-family: 'DM Sans';
}

.abt-banner1 h1 span{width: 100%;float: left;font-size: 15px;color: #d1d1d1;font-weight: 300;}
.abt-banner1 a{
     /* padding-top: 55px; */
     text-align: left;
     float: left;
     color: #100202;
     font-weight: 400;
     font-size: 15px;
     position: relative;
     right: 0;
     font-family: 'DM Sans';
}

.abt-banner2{
  float: left;
  width: 100%;
  padding: 70px 0px;
}
.abt-banner2-img{
  float: right;
  width: 500px;
  height: 590px;
  margin-left: 40px;
  margin-bottom: 30px;
  object-fit: cover;
}
.abt-banner2 h5{

  
    font-size: 35px;
    font-weight: 600;
    line-height: 48px;
    color: #000;
    padding-bottom: 20px;
           font-family: 'DM Sans';

}
.abt-banner2 h5 span{
      font-family: "DM Serif Display", serif;
     font-style: italic;
  
     color: #B5D884;
     font-weight: 400;
}
.abt-para  {
     color: #191919;
     font-family: "DM Sans", sans-serif;
     font-size: 16px;
     font-weight: 300;
     line-height: 30px;
     padding-bottom: 20px;
}

.abt-banner3{
    float: left;
    width: 100%;
    background-color: #f9fff1;
    padding: 70px 0px;
}
.ab3-1{
    float: left;
    width: 100%;
    /* padding: 65px 0px; */
    /* border-left: 1px solid #e5e5e5; */
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 30px 30px;
}

.ab3-1 h6{
    FONT-WEIGHT: 700;
    float: left;
    width: 100%;
    font-size: 30px;
    /* font-weight: 800; */
    color: #043569;
    font-style: italic;
    margin-bottom: 20px;
}
.ab3-1 h1{
    float: left;
    width: 100%;
    font-size: 45px;
    font-weight: 600;
    color: #000;
    margin-bottom: 14px;
    line-height: 64px;
    font-family: 'DM SANS',sans-serif;
}
.ab3-p{
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #191919;
    /* margin-bottom: 40px; */
    line-height: 30px;
    font-family: 'DM Sans',sans-serif;
}

.ab3-2{
 float: left;
 width: 100%;
 padding: 60px 50px 60px 96px;
 /* border-left: 1px solid #e5e5e5; */
 /* border-right: 1px solid #e5e5e5; */
 background-color: #b5d783;
 border-radius: 20px;
 margin-bottom: 22px;
}

.count{
    float: left;
    width: 100%;
}
.count .item1:after {
    content: '+';
    position: absolute;
    color: #ffffff;
    font-size: 45px;
    top: -27px;
    font-weight: 400;
}



.count-cont{
    float: left;
    width: 100%;
}
.count .item1 {
    font-family: 'DM Sans',sans-serif;
    color: #ffffff;
    font-size: 60px;
    font-weight: 600;
    float: left;
    width: 100%;
    line-height: 120%;
    text-align: right;
    position: relative;
    margin-top: 6px;
 }
.count .item p {
     margin-top: 15px;
     color: #000000 !important;
     font-size: 16px !important;
     font-weight: 300 !important;
     width: 100%;
     margin-bottom: 0px;
     float: left !important;
     text-align: right;
     line-height: 20px;
     font-family: 'DM Sans',sans-serif;
}
.ab3-1 img{
    width: 77px;
    float: left;
    margin-bottom: 20px;
}


.quality-ban{
  float: left;
  width: 100%;
  padding: 70px 0px;
  background-color: #191919;

}
.quality-ban h1{
    text-align: center;
    float: left;
    width: 100%;
    font-size: 54px;
    font-weight: 600;
    color: #fff;
    line-height: 110%;
    font-family: "DM Sans", sans-serif;
    margin-bottom: 60px;
}
.quality-ban h1 span{
        font-family: "DM Serif Display", serif;
    font-style: italic;
    color: #B5D884;
    font-weight: 500;
}
.q-box{
  height: 284px;
  float: left;
  width: 100%;
  padding: 30px 30px;
  background-color: #fafafa;
  border-radius: 20px;
  border: 1px dashed #515d76;
  margin-bottom: 20px;
}
.q-box img{
  float: none;
  display: block;
  margin:auto;
  width: 60px;
}
.q-box h5{
      color: #b5d884;
      float: left;
      width: 100%;
      font-weight: 600;
      font-size: 20px;
      margin-bottom: 20px;
      margin-top: 20px;
      text-align: center;
      font-family: 'DM Sans',sans-serif;
}
.q-box p{
      float: left;
      font-size: 16px;
      color: #191919;
      font-weight: 300;
      text-align: left;
      line-height: 24px;
      width: 100%;
      text-align: center;
      font-family: 'DM Sans',sans-serif;
}


.catering-1{
    float: left;
    width: 100%;
    padding: 70px 0px;
}

.catering-1 h1{
    text-align: center;
    float: left;
    width: 100%;
    font-size:57px;
    font-weight: 600;
    color: #000;
    line-height: 110%;
    font-family: "DM Sans", sans-serif;
    margin-bottom: 10px;
}
.catering-1 h1 span{
     font-family: "DM Serif Display", serif;
    font-style: italic;
    color: #B5D884;
    font-weight: 500;
}
.catering-1 h6 {
    float: left;
    width: 100%;
    padding: 0px 180px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #191919;
    font-family: "DM Sans", sans-serif;padding-bottom: 40px;
}
.c-1{
    margin-bottom: 41px;
    float: left;
    width: 100%;
    /* padding: 30px 0px; */
}

.c-1 h2{
 font-style: italic;
 color: #B5D884;
 font-family: "DM Serif Display", serif;
 margin-bottom: 45px;
 float: left;
 width: 100%;
 font-size: 45px;
 font-weight: 400;
 line-height: 48px;
 padding: 30px 0px;
 text-align: left;
 border-bottom: 1px solid #f0f0f0;
 }
.c-1 h2 span{
    color: #ffffff;
    background-color: #b5d884;
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-size: 30px;
    font-weight: 600;
    float: right;
    text-align: center;
    border-radius: 100%;
    /* padding: 10px 18px; */
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.cat-box{
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sp-i img{
    float: left;
    width: 291px;
    height: 199px;
    margin-right: 50px;
    margin-bottom: 30px;
    border-radius: 20px;
    object-fit: cover;
}
.sp-i{
    float: left;
    width: 30%;
}
.sp-p{
    float: left;
    width: 70%;
}
.c-1  p{
       /* margin-top: 34px; */
       float: left;
       font-size: 16px;
       font-weight: 400;
       line-height: 30px;
       text-align: left;
       color: #191919;
       font-family: "DM Sans", sans-serif;
       padding-bottom: 40px;
       width: 100%;
       padding-bottom: 23px;
}
.c-2{
    margin-top: 30px;
    float: left;
    width: 100%;
    overflow: hidden;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    background-color: #e7f6d1;
    border-radius: 20px;
    height: 458px;
}
.c-2 img{
    float: left;
    width: 100%;
    /* border-radius: 30px; */
    /* margin-bottom: 35px; */
    overflow: hidden;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    /* margin-bottom: 24px; */
    height: 250px;
    object-fit: cover;
}
.c-2 h3{
      /* text-align: center; */
      float: left;
      width: 100%;
      font-size: 28px;
      font-weight: 600;
      color: #000;
      line-height: 110%;
      font-family: "DM Sans", sans-serif;
      margin-bottom: 10px;
}
.c-2 h3 span{
     /* font-family: "DM Serif Display", serif; */
     /* font-style: italic; */
     color: #b5d884;
     /* font-weight: 500; */
     /* width: 100%; */
     /* float: left; */
}
.c-2 p{
     float: left;
     width: 100%;
     font-size: 16px;
     font-weight: 400;
     line-height: 30px;
     /* text-align: center; */
     color: #191919;
     font-family: "DM Sans", sans-serif;
     /* padding-bottom: 30px; */
}
.text{
    padding: 40px 40px;
    float: left;
    width: 100%;
}
.c-2-sp{
    float: none !important;
    width: 48% !important;
    margin-left:auto;
    margin-right: auto;
    display: block;
}
.q-box-sp{
    float: none !important;
    width: 32% !important;
    margin-left:auto;
    margin-right: auto;
    display: block;
}
.a-box{
  height: 238px;
  float: left;
  width: 100%;
  padding: 30px 30px;
  background-color: #fafafa;
  border-radius: 20px;
  border: 1px dashed #515d76;
  margin-bottom: 20px;
}
.a-box img{
  float: none;
  display: block;
  margin:auto;
  width: 60px;
  height: 60px;
}
.a-box h5{
      color: #b5d884;
      float: left;
      width: 100%;
      font-weight: 600;
      font-size: 20px;
      margin-bottom: 20px;
      margin-top: 20px;
      text-align: center;
      font-family: 'DM Sans',sans-serif;
}
.a-box p{
      float: left;
      font-size: 16px;
      color: #191919;
      font-weight: 300;
      text-align: left;
      line-height: 24px;
      width: 100%;
      text-align: center;
      font-family: 'DM Sans',sans-serif;
}

.a-box-sp{
    float: none !important;
    width: 32% !important;
    margin-left:auto;
    margin-right: auto;
    display: block;
}



.banner3-brands{
    float: left;
    width: 100%;
    padding-bottom: 50px;
}



.banner3-brands img{
   max-width: 100%;
        float: none;
   
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.br-1{
      display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}
.m-x {
    float: left;
    width: 100%;
    padding: 10px;
    /* background-color: #fafafa; */
    height: 131px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.career{
        float: left;
        width: 100%;
        background-color: #fff;
        padding: 70px 0px 100px 0px;
}
.career h1 span{
     font-family: "DM Serif Display", serif;
    font-style: italic;
    color: #B5D884;
    font-weight: 500;
}


.career h1{
  text-align: center;
    float: left;
    width: 100%;
    font-size:57px;
    font-weight: 600;
    color: #000;
    line-height: 110%;
    font-family: "DM Sans", sans-serif;
    margin-bottom: 30px;
}
.career h6{
 float: left;
    width: 100%;
    padding: 0px 180px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #191919;
    font-family: "DM Sans", sans-serif;padding-bottom: 40px;
}



.contactform{
    margin-top: 35px;
    width: 100%;
    float: left;
}
.contact-label {
   float: left;
   width: 100%;
   font-size: 16px;
   font-weight: 300;
   font-family: "DM Serif Display", sans-serif !important;
   color: #191919;
   font-style: italic;
}

.mct_form {
         font-family: "Rubik", sans-serif !important;
    border-bottom: 1px solid #b0aaaa;
    color: #192a1b;
    display: block;
    font-weight: 400;
    font-size: 15px;
    /* text-transform: uppercase; */
    height: 46px;
    margin-bottom: 30px !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    border: solid 1px rgba(46, 67, 110, 0.22);
    margin-top: 3px;
    width: 100%;
    float: left;
    padding: 7px 10px;
    margin-top: 10px;
    border-radius: 10px;
}

.info-tag{
 float: none;
 width: 154px;
 height: 48px;
 font-size: 16px;
 font-family: "DM Sans", sans-serif;
 text-align: center;
 font-weight: 400;
 color: #191919;
 padding: 15px 0px;
 /* line-height: 24px; */
 border: 1px solid #191919;
 border-radius: 50px;
 margin-top: 9px;
 margin-left: auto;
 margin-right: auto;
 display: block;
 background-color: #ffffff;
}




.section-bg {

 
    background-size: cover;
    position: relative;
    background-position: left;
    z-index: 0;
  padding: 100px 0px; 
    min-height: auto;
    overflow: hidden;
    float: left;
    width: 100%;
}
.contact-form-2 {
    float: left;
    position: relative;
    padding: 45px 0 45px 60px;
    width: 100%;
    /* background-color: aqua; */
   
}


.form-group{
    z-index: 9999;
    position: relative;
}
.contact-form-2:before {
   
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 20px;
    background: #b5d783;
    box-shadow: 10px 40px 40px rgba(0,0,0,.2);
    pointer-events: none;
    right: auto;
    width: 100vw;
}
.particles-js-canvas-el {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.contact-form-2 input {
    border: 0;
    background: transparent;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 11px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 2px solid transparent;
    border-bottom-color: rgba(0,0,0,.1);
    color: #ffffff;
}

.contact-form-2 textarea {
    color: #fff;
    border: 0;
    background: transparent;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 11px 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 2px solid transparent;
    border-bottom-color: rgba(0,0,0,.1);
    font-family: 'DM Sans',sans-serif;
    /* color: aliceblue; */
}
.contact-form-2 input::placeholder {
  color:#222;
}
.contact-form-2 textarea::placeholder {
  color:#222;

}
.contact-form-2 input {
    margin-bottom: 30px;
    font-size: 15px;
    font-weight: 500;
    height: 55px;
    font-family: 'DM Sans',sans-serif;
}
.contact-form-2 input:hover, .contact-form input:focus{
    font-family: 'DM Sans',sans-serif !important;!I;!;
    outline: none;
    box-shadow: none;
    background: transparent;
    border: 2px solid transparent;
    border-bottom-color: rgb(255 255 255);
}
.contact-form-2 textarea:hover, .contact-form textarea:focus{
  background: transparent;
  outline: none;
  box-shadow: none;
  border: 2px solid transparent;
  border-bottom-color: #fff;
}


.taso-btn {
    background-color: #fff;
    margin: 25px 0;
    color: #214dcb;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(255, 255, 255, 0.32);
    box-shadow: 0px 10px 30px 0px rgba(255, 255, 255, 0.17);
}
.contact-info {
    /* padding: 0 30px 0px 0; */
}

h2.contact-title {
    font-size: 35px;
    font-weight: 600;
    color: #111111;
    margin-bottom: 30px;
    font-family: 'DM Sans',sans-serif;
}

.contact-info p {
     /* margin-top: 20px; */
     float: left;
     font-size: 15px;
     color: #000000;
     font-weight: 400;
     text-align: left;
     line-height: 29px;
     width: 100%;
     padding-bottom: 23px;
     font-family: 'DM Sans',sans-serif;
   }

ul.contact-info {
    /* margin-top: 30px; */
}

ul.contact-info li {
    margin-bottom: 22px;
}



ul.contact-info span {
    font-size: 20px;
    line-height: 26px;
}
ul.contact-info li {
    display: flex;
    width: 100%;
}

.info-left {width: 12%;float: left;display: flex;align-items: center;justify-content: center;}

.info-left i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #ffffff;
}

.info-right h4 {
    line-height: 32px;
    color: #5f9a08;
    font-size: 15px;
    font-weight: 400;
    font-family: 'DM Sans',sans-serif;
}
.info-right h4 a{
    line-height: 38px;
    color: #5f9a08;
    font-size: 15px;
    font-weight: 400;
    font-family: 'DM Sans',sans-serif;
}
.info-left img {
    float: left;
    width: 40px;
    object-fit: cover;
    margin-top: 7px;
}


.contact-snd{
 float: left;
 width: 167px;
 height: 48px;
 font-size: 16px;
 font-family: "DM Sans", sans-serif;
 text-align: center;
 font-weight: 400;
 color: #191919;
 padding: 15px 0px;
 /* line-height: 24px; */
 border: 1px solid #ffffff;
 border-radius: 50px;
 margin-top: 31px;
 margin-left: auto;
 margin-right: auto;
 display: block;
 background-color: #ffffff;
 position: relative;
 z-index: 999;
}
.special-banner{
    float: left;
    width: 100%;
    padding: 90px 0px;
    background-color: #191919;
 
}
.special-banner h1{


float: left;
    width: 100%;
text-align: center;
    font-size: 65px;font-weight: 600;color: #fff;
    line-height: 110%;
        font-family: "DM Sans", sans-serif;
margin-bottom: 35px;
 padding: 0px 200px;
  }
  .special-banner h1 span{
     font-family: "DM Serif Display", serif;
     font-style: italic;
    
     color: #B5D884;
    
     font-weight: 500;
}
.special-banner p{
    font-size: 16px;
    /* padding-right: 60px; */
    font-weight: 300;
    color: #fff;
    line-height: 200%;
    font-family: "DM Sans", sans-serif;
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px 200px;
}







.quality-box{
  height: 260px;
  float: left;
  width: 100%;
  padding: 30px 30px;
  background-color: #fafafa;
  border-radius: 20px;
  border: 1px dashed #515d76;
  margin-bottom: 20px;
}
.quality-box img{
  float: none;
  display: block;
  margin:auto;
  width: 60px;
}
.quality-box h5{
      color: #b5d884;
      float: left;
      width: 100%;
      font-weight: 600;
      font-size: 20px;
      margin-bottom: 20px;
      margin-top: 20px;
      text-align: center;
      font-family: 'DM Sans',sans-serif;
}
.quality-box p{
      float: left;
      font-size: 16px;
      color: #191919;
      font-weight: 300;
      text-align: left;
      line-height: 24px;
      width: 100%;
      text-align: center;
      font-family: 'DM Sans',sans-serif;
}
.quality-box-sp{
    float: none !important;
    width: 32% !important;
    margin-left:auto;
    margin-right: auto;
    display: block;
}

.all-services{
    float: left;
    width: 100%;
    padding: 80px 0px;
}
.all{
    float: left;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 50px;
    height: 611px;
    background: #f9f9f9;
}
.all-img{
    float: left;
    max-width: 100%;
    height: 337px;
    object-fit: cover;
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.all-text{
    float: left;
    width: 100%;
    padding: 30px 30px;
    background-color: #f9f9f9;
    /* height: 232px; */
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
} 

.all-text h1{
   float: left;
   width: 100%;
   font-size: 25px;
   font-weight: 600;
   color: #b5d884;
   line-height: 160%;
   text-align: center;
   font-family: "DM Sans", sans-serif;
   /* padding: 0px 100px; */
   /* font-style: italic; */
}


.all-text h3{
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    font-style: normal;
    text-align: center;
    color: #000000;
    float: left;
    margin-top: 15px;
    width: 100%;
    font-family: 'DM Sans';
}


.all-a {
    padding: 13px 20px;
    color: #fff;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
    border: 1px solid #191919;
    border-radius: 50px;
    display: table; /* Ensures proper alignment */
    margin-top: 20px;
    text-align: center;
    background-color: #191919;
    margin-left: auto;
    margin-right:auto;/* Removes any unintended horizontal spacing */
    float: none; /* Clears float to allow proper alignment */
}

.all-serv-a{
    float: left;
    width: 100%;
}


 @media(max-width:767px)
 {
    .all {
   
    height: auto;
}
 }


 .hd-address h6 a{
    color: #fff;
}

.hidden-input-field {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }
    
    .grecaptcha-badge { 
    visibility: hidden !important;
}