body{
  font-family: "Plus Jakarta Sans", sans-serif;
    overflow-x: clip !important; 
}
html{
    overflow-x: clip !important;
}

:root {
    --primary-color:#138249; 
    --secondary-color:#15293a;
}
 

h1,h2,h3,h4,h5,h6{
  font-family: "Plus Jakarta Sans", sans-serif;
   color:#000; 
   
}
h4{
      font-size: 16px;
    font-weight: 700;
   color: #15293a;
}

img{
    height:auto;
    max-width:100% !important;
}

p{
   
     font-size: 15px;
    color: #555555;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 1.6;
    word-spacing: 1px;
}
ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}
a{
    text-decoration:none;
}


@media only screen and (min-width: 1200px) {
    .th-container {
        max-width: 1780px;
        padding: 0 25px;
    }
}

/*section-title-code*/

.site-heading {
    margin-bottom: 2rem;
}

.subtitle {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    font-weight: 700;
    color: rgb(230, 177, 95);
    font-size: 14px;
    letter-spacing: 0.20em;
    line-height: 1em;
    margin-bottom: 10px;
}


.section-subtitle {
    display: inline-block;
position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    font-weight: 800;
    color: #138249;
    font-size: 13px;
    letter-spacing: 0.20em;
    line-height: 1em;
    margin-bottom: 10px;
    opacity: 0.8;
}

.section-main-title{
 font-weight: 600;
    font-size: 30px;
   line-height: 1.3;
    color: var(--secondary-color);
    margin-bottom: 1rem;
}

.our-specialities-section .section-main-title{
    font-weight:300;
}

/*section-title-end*/


/*who-choose-us-start*/

.why-choose-us {
       background: #fff7f7;
    padding: 80px 0;
    position: relative;
}

.why-choose-us .choose-us-fles{
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  align-items: center;
  gap: 40px;
}

.why-choose-us .services {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.why-choose-box {
  position: relative;
}

.services.left .why-choose-box {
  margin-left: auto;
  text-align: left;
}

.services.right .why-choose-box {
  text-align: right;
}

.why-choose-box .icon {
  width: 55px;
  height: 55px;
  background: #138249;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  position: relative;
  z-index: 2;
  margin-bottom: 15px;
}
.why-choose-box .icon img{
    filter: brightness(0) invert(1);
    transition:0.3s;
}
.why-choose-box:hover .icon img{
    transform: rotate3d(1, 1, 1, 360deg);
}
.line-shape {
     position: absolute;
    top: 28px;
    width: 300px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.services.left .line-shape {
  left: 60px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='294' height='32' viewBox='0 0 294 32' fill='none'%3E%3Cpath d='M0 0.5H143.551C144.498 0.5 145.425 0.768609 146.224 1.27461L192.776 30.7254C193.575 31.2314 194.502 31.5 195.449 31.5H294' stroke='%23E1E1E1'/%3E%3C/svg%3E");
}

.services.right .line-shape {
  right: 60px;
  transform: rotateY(180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='294' height='32' viewBox='0 0 294 32' fill='none'%3E%3Cpath d='M0 0.5H143.551C144.498 0.5 145.425 0.768609 146.224 1.27461L192.776 30.7254C193.575 31.2314 194.502 31.5 195.449 31.5H294' stroke='%23E1E1E1'/%3E%3C/svg%3E");
}


.why-choose-box h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.why-choose-box p {
    margin: 0;
}

.center-image {
  text-align: center;
}

.center-image img {
  max-width: 100%;
  border-radius: 14px;
      z-index: 99;
    position: relative;
}

@media (max-width: 992px) {
  .why-choose-us .container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .services.left .why-choose-box,
  .services.right .why-choose-box {
    margin: auto;
    text-align: center;
  }

  .line-shape {
    display: none;
  }
}


/*who-choose-us-end*/

.excel-standard-section {
       position: relative;
    padding: 5rem 0;
    overflow: hidden;
}

.excel-standard-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 700px;
 
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  z-index: 0;
}
.excel-standard-section .row.justify-content-center{
    justify-content: center !important;
     row-gap: 60px;
}
.steps-wrapper {
  position: relative;
  z-index: 1;
 
}
.step-card {
  position: relative;
    text-align: center;
    padding-top: 40px;
    margin: 0 1rem;
    padding: 60px 25px 0;
    height: 100%;
}
.step-card::before {
  content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #fedbd4, transparent);
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    z-index: 1;
 
}
.step-icon {
    position: absolute;
    top: -41px;
    left: 50%;
    transform: translateX(-50%);
    width: 75px;
    height: 75px;
    background: #f1f1f1;
    border: 4px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    z-index: 2;
    font-weight: 600;
    color: #138249;
    font-size: 14px;
    transition:0.3s;
}

.step-card .proce-titl {
     font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 2;
    margin: 10px auto;
    line-height: 1.5;
    max-width: 80%;
}

.step-card p {
    line-height: 1.6;
    margin: auto;
    position: relative;
    z-index: 2;
}
.step-card:hover .step-icon{
    background:#fd5320;
    color:#fff;
}

.excel-standard-section .site-heading {
    margin-bottom: 6rem;
}


/*banner-bottem*/
.identity-section {
  position:relative;
  padding: 20px 0;
}

.identity-section .identity-card {
  display: flex;
  border: 1px solid #e4e9ec;
     overflow: hidden;
}


.identity-content {
       /*width: 238px;*/
    border-right: 1px solid #e4e9ec;
    display: grid
}
.identity-section .icon-box {
     margin: 3rem 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.identity-section .icon-box img {
    filter: invert(14%) sepia(15%) saturate(2415%) hue-rotate(195deg) brightness(91%) contrast(106%);
    opacity: 0.5;
}
.identity-section .text-box {
background: #f0f4f8;
    padding: 14px;
    position: relative;
    top: 1.3rem;
}
@media(min-width:1200px) and (max-width:1300px){ 
    .identity-section .text-box{
        top:unset;
    }
    .identity-section .identity-card{
        height:auto;
    }
}

/*.identity-section .text-box h6 {*/
/*  font-size: 12px;*/
/*  margin: 0;*/
/*  letter-spacing: 1px;*/
/*}*/

.identity-section .text-box h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 5px 0;
}

.identity-section .text-box p {
  font-size: 13px;
  color: #555555;
  margin: 0;
}

.identity-image {
    position: relative;
    width: calc(175% - 200px);
}

/*.identity-image img {*/
/*  width: 100%;*/
/*  height: 300px;*/
/*  object-fit: cover;*/
/*}*/


.identity-section .rotate-text {
    position: absolute;
    left: 17px;
    top: 0px;
    height: 100%;
    text-align: center;
    writing-mode: vertical-lr;
    font-size: 30px;
    letter-spacing: 3.5px;
    line-height: 3px;
    font-weight: 600;
    text-transform: uppercase;
    transform: rotate(180deg);
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #cecece;
    font-family: fangsong;
}


.identity-section .line {
  position: absolute;
  top: 0;
  height: 100%;
  border-left: 1px dashed #dadada;
}

.identity-section .line-1 { left: 40px; }
.identity-section .line-2 { left: 65px; }
.identity-section .line-3 { left: 90px; }


@media (max-width: 991px) {
  .identity-card {
    flex-direction: column;
  }

  .identity-content,
  .identity-image {
    width: 100%;
  }

  .rotate-text,
  .line {
    display: none;
  }
}
.identity-image img {
      width: 100%;
    z-index: 1;
    position: relative;
    height: 100%;
    object-fit: cover;
        margin-left: 1rem;
}


/*identity-section*/

.nexus-trade {
    position:relative;
       padding: 100px 30px 90px;
}
.excel-trade-logo{
    position: absolute;
    inset: 0;
    margin: auto;
    text-align: center;
    opacity: 0.5;
    max-width: 400px;
}
.counter-lg-title {
    position: relative;
    display: block;
    text-align: center;
}

.counter-lg-title .big-text {
   position: relative;
    display: block;
    font-size: 130px;
    line-height: 1.4;
    letter-spacing: -3px;
    letter-spacing: 2.3px;
    background-image: url(../images/bg/pre-engineered.webp);
    color: transparent;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    text-transform: uppercase;
    font-family: serif;
}

.counter-lg-title .big-text .special-text {
      -webkit-text-stroke: 1px #fd5320;
    position: absolute;
    left: 2px;
    right: 0;
    top: 0;
}

/*counter-section-start*/

.counter-section {
    position:relative;
   padding: 4rem 0;
   /*background-color: #fff7f7 !important;*/
}

.counter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.counter-wrapper .counter-items {
    max-width: 265px;
}

.counter-wrapper .counter-items h4 {
    font-size: 72px;
    font-weight: 800;
    text-decoration: none;
    color: transparent;
    -webkit-text-stroke: 1.2px #138249;
    transition: all 0.4s ease-in-out;
    font-family: sans-serif;
}
.counter-wrapper .counter-items:hover h4 {
    color: #138249 !important;
    -webkit-text-stroke: initial !important;
}
.counter-wrapper .counter-items p {
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    padding-bottom: 11px;
    margin: 0;
}

.counter-wrapper .counter-items h5 {
   font-size: 16px;
    font-weight: 700;
    margin: 10px 0 0;
}

/*counter-section-end*/


.world-supplus{
        background-color: var(--secondary-color);
    padding: 70px 0 40px;
    position: relative;
}
.world-maps{
    position:relative;
    filter: invert(0.2);
}
.work-spplusd{
    position:relative;
    max-width: fit-content;
}
.world-supplus .country-box {
    position: relative;
    background: #0f1d2a;
    padding: 40px 30px 23px;
    border-radius: 15px;
    text-align: center;
    position: absolute;
    bottom: 110px;
    right: 0;
    min-width: 210px;
    border: 1px solid #ffffff1a;
}
.world-supplus .country-box span {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #0f1d2a;
    padding: 8px 14px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 1;
    min-width: 138px;
    border: 1px solid #ffffff1a;
}
 .country-box .country-list, .map-points{
    list-style: none;
    padding: 0;
    margin: 0;
}
.country-box .country-list li {
    line-height: 1;
    margin-bottom: 15px;
}
 .country-box .country-list li a {
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: #AAAAAA;
    line-height: 1;
    transition: all 0.5s;
}
.country-box .country-list li:last-child{
    margin-bottom: 0;
}
.map-points li{
    position:absolute;
}
.map-points li:nth-child(1){
    top: 49%;
    right: 28%;
    color: #fff;
    font-size: 50px;
}
.map-points li:nth-child(2){
       top: 63%;
    left: 58%;
}
.map-points li:nth-child(3){
       top: 80%;
    left: 54%;
}
.map-points li:nth-child(4){
    top: 62%;
    left: 51%;
}
.map-points li:nth-child(5){
    top: 62%;
    right: 29%;
}
.map-points li:nth-child(6){
   top: 20%;
    left: 30%;
}
.map-points li:nth-child(7){
   top: 31%;
    left: 47%;
}
.map-points li span{
    width: 10px;
    display: block;
    height: 10px;
    background: #fd5320;
    border-radius: 50%;
    position:relative;
}
.map-points li span:before, .map-points li span:after{
    content: "";
    position: absolute;
    filter: blur(2px);
    width: 20px;
    height: 20px;
    background: #fd5320;
    border-radius: 50%;
    opacity: 0.2;
    left: -5px;
    top: -5px;
    animation: wavess 2s ease-in-out infinite;
}
@keyframes wavess{
    0% {
    transform:  scale(0.5);
    opacity: 0.7;
}

100% {
    transform: scale(2);
    opacity: 0;
}
}
.map-points li span:after{
    animation-delay: 1s;
}
.country-box .country-list li a:hover{
    color:#fff;
}
.heading-flex{
        display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.heading-flex .section-main-title{
    margin-bottom:0;
}


/*products*/

.our-product-section {
    position: relative;
    padding: 3rem 0 3rem;
}

.innovation-card {
   position: relative;
    margin: auto;
    border: 1px solid #104b5a1a;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}
.our-product-section .row{
    row-gap:30px;
}
.our-product-section .image-wrapper {
 
}

.our-product-section .image-wrapper img {
   width: 100%;
    object-fit: cover;
    /*height: 240px;*/
}

.our-product-section .content-box {
       background: #ffffff;
       padding: 20px;
    z-index: 2;
    right: 0;
}


.our-product-section .icon-wrapper {
    position: absolute;
    top: 0px;
       right: 7px;
    z-index: 3;
    margin: auto;
    width: 22px;
    height: 23px;
    background: #000;
    text-align: center;
    line-height: 23px;
    
    transition: all 0.3s ease;
    color: #fff;
}
.our-product-section .icon-wrapper i {
    font-size: 13px;
    color: #fff;
}
.innovation-card:hover .icon-wrapper i {
    color: #ff5e14;
    transform: rotate(-45deg);
}
.content-box h4 a{
    color: #000;
}
.content-box h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.4;
}

.our-product-section .content-box p {
       line-height: 1.6;
    margin: 0;
    font-size: 14px;
    color: #555555;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.readmore-btn {
        position: relative;
    display: flex;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    color: #138249;
    padding-right: 28px;
    border-top: 1px solid #104b5a1a;
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
    font-size: 15px;
    align-items: center;
}
.readmore-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0px;
    background-image: url(../images/svg/arrow-primary.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    width: 18px;
    height: 18px;
    transition: all 0.4s ease-in-out;
}
.readmore-btn:hover::before {
    transform: translateX(2px);
}
.myproduct-swiper .swiper-pagination-bullet{
   width: 10px;
    height: 10px;
    background: #e1e6f9;
    position: relative;
    transform: unset;
    opacity: unset;
    margin: 0 13px !important;
}
.myproduct-swiper .swiper-pagination-bullet::before{
    content: "";
    position:absolute;
    left: 50%;
    top: 50%;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    transform:translate(-50%, -50%) scale(1);
}
.myproduct-swiper  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fd5320;
}
.myproduct-swiper  .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    border-color: #fd5320;
}
.myproduct-swiper .swiper-pagination-bullet-active{
    background:#138249;
}

.myproduct-swiper .swiper-wrapper {
    margin: 20px 0 50px;
}

.our-product-section .swiper-slide{
    height:auto;
}

/*our-about-section-start*/

.our-about-section{
    position: relative;
    padding: 5rem 0;
    background: #fff7f7;
}
.our-about-container {
       display: flex;
    gap: 10px;
    margin: 3.5rem 0 0;
}


.our-about-section .site-heading p{
   max-width: 800px;
    margin: auto;
    font-size: 20px;
}

.col-1 {
    flex: 1;
}

.col-2 { flex: 2; }

.our-about-column {
       display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: flex-end;
    width: 450px;
}



.our-about-flex {
       display: flex;
    gap: 10px;
    align-items: end;
}
.our-about-flex2{
       display: flex;
    gap: 10px;
    /*align-items: end; */
}
.our-about-flex .image img {
    /*width: 100%;*/
    height: auto;
    display: block;
    object-fit: cover;
}
.our-about-container img {
       height: 100%;
    object-fit: cover;
    width: 100%;
}

.text-overlay {
       background-size: cover;
    background-position: center;
    padding: 15px;
    /* border-radius: 8px; */
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*min-height: 200px;*/
}
.text-overlay.overlay-2 {
       padding: 29px;
    height: 100%;
    clip-path: polygon(calc(100% - calc(1rem * 3)) 0, 100% calc(1rem * 3), 100% 100%, 0 100%, 0 0);
        width: 440px;
}
.text-overlay.overlay-1{
    width: 450px;
    height: 170px;
    clip-path: polygon(100% 0, 100% 100%, calc(1rem * 3) 100%, 0 calc(100% - calc(1rem * 3)), 0 0);
    transform: translateX(12%);
}

@media (max-width: 1280px) {

  .text-overlay.overlay-1 {
    transform: translateX(0%);
  }

}
.text-overlay .icon svg {
    width: 40px;
    fill: white;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .our-about-container, 
    .our-about-flex {
        flex-direction: column;
    }
}

.our-about-flex2 .image--large img{
    width: 438px;
    /*height:400px !important;*/
    display: block;
    object-fit: cover;
    

}

.our-about-flex .image.image--small{
     width: 119px;
    height: 170px;
    display: block;
    object-fit: cover;
}

.our-about-flex .image.image--large-1{
    width: 761px;
    height: 437px;
    display: block;
    object-fit: cover;
}
.image.image--1 {
    transform: translate(-63%);
    width: 272%;
}
.image-stack {
   flex-wrap: wrap;
    flex: 0.2;
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

.our-about-flex p, .our-about-container p{
    margin: 0;
   font-size: 23px;
    color: #fff;
}

.our-about-container .text-overlay.overlay-2 .icon{
    text-align:end;
}

.about-medium-img img{
        height: 270px;
    width: 270px;
}

/*about-section-end*/

.hero{
   position: relative;
    padding: 0 15px 40px;
    min-height: 95vh;
    align-content: end;
    overflow: hidden;
    z-index: 1;
    height: 750px;
}
.hero p{
       font-size: 17px;
    font-weight: 400;
    }

.hero::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(5, 16, 27, 0.00) 0%, rgba(5, 16, 27, 0.94) 70%);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero .hero-bg-video{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.hero .hero-bg-video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero .container{
	position: relative;
	z-index: 1;
}

.hero-content{
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 0 30px;
}

.hero-content .section-title{
	width: calc(66% - 15px);
	margin-bottom: 0;
}

.hero-content .section-title .section-title-sm{
background-color: #FFFFFF1A;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    max-width: fit-content;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    padding: 7px 14px 7px 32px;
    margin-bottom: 10px;
    display: block;
}
.section-title .section-title-sm::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: #fd5320;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}
.hero-content .section-content-btn{
	width: calc(33% - 15px);
}

.hero-info-list{
	border-top: 1px solid #FFFFFF1A;
	margin-top: 80px;
	padding: 40px 0 0;
}

.hero-info-list ul{
	    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
}

.hero-info-list ul li {
   position: relative;
    width: calc(20% - 24px);
    color: #ffffff;
    line-height: 1.5em;
    padding-left: 30px;
    font-size: 15px;
}

.hero-info-list ul li::before{
    content: "\f1ba";
    position: absolute;
    font-family: flaticon_normal-icon !important;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    top: 3px;
    left: 0;
    background:#fd5320;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-content .section-title h1 {
   color: #fff;
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    max-width: 92%;
    letter-spacing: 1.2px;
    margin: 0;
    line-height: 1.4;
}


.btn-default {
    position: relative;
    display: inline-block;
    background:#fd5320;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
    color: #ffffff;
    padding: 17px 58px 17px 24px;
    border: none;
    overflow: hidden;
    outline: none;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.btn-default::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 24px;
    width: 18px;
    height: 18px;
    background-image: url(../images/svg/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translate(0, -50%);
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.btn-default.btn-highlighted:hover:before {
    background-image: url(../images/svg/arrow-primary.svg);
}

.btn-default:hover:before {
    transform: translate(2px, -50%);
}

.btn-default.btn-highlighted::after {
    background-color: #fff;
}
.btn-default.btn-highlighted:hover {
    color: var(--primary-color);
}
.btn-default:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}
.btn-default::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: var(--primary-color);
    border-radius: 0;
    transition: 0.4s ease-in-out;
    z-index: -1;
}

.header-content-text{
 margin: 0;
    color: #fff;
    letter-spacing: 0.6px;
}

.our-header-section {
     position: relative;
    display: block;
    width: 100%;
    background: transparent;
    transition: all 500ms ease;
    z-index: 999;
}

.header-top {
    position: relative;
    display: block;
    z-index: 1;
}

.header-top-info {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
       padding: 8px 55px;
    background-color: #138249;
    z-index: 1;
}

.header-top-info:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0%;
    width: 50%;
    bottom: 0;
    background-color:var(--secondary-color);
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    z-index: -1;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    display: flex;
}
.only-higher-respikn{
    display:none;
}
.header-contact-list li {
    position: relative;
    display: flex;
        opacity: 0.9;
    /*align-items: center;*/
}
.header-contact-list li i {
    position: relative;
    align-items: center;
     font-size: 18px;
    color: #ffffff;
    display: inline-block;
}

.header-contact-list li+li {
    margin-left: 46px;
}
.header-contact-list li a {
     margin-left: 10px;
    color: #ffffff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-size: 14px;
}
.header-contact-list li:not(:first-child)::before {
    content: "";
    position: absolute;
    top: -3px;
    bottom: 2px;
    left: -23px;
    width: 1px;
    background-color: rgb(255 255 255 / 30%);
}


.bottom-header-sec {
        position: absolute;
    padding: 10px 0;
    width: 100%;
    z-index: 99;
    border-bottom: 1px solid #ffffff1a;
}
.bottom-header-sec .container, .hero .container{
        padding-right: 15px;
    padding-left: 15px;
}
.navigation{
    margin-left: -2.5rem;
}
.mega-menu-list  {
    padding: 0;
    list-style: none;
    display: flex;
    gap:25px;
    justify-content: center;
    margin: 0;
}
.mega-menu-list > li > a {
   position: relative;
    display: inline;
    padding: 0;
    color: #fff;
    font-size: 12.5px;
    font-weight: 500;
    text-transform: uppercase;
    transition: .2s linear;
    letter-spacing: 0.7px;
}
.item-decatgf {
    position: relative;
    display: inline;
    padding: 0;
    color: #fff;
    font-size: 12.5px;
    font-weight: 500;
    text-transform: uppercase;
    transition: .2s linear;
    letter-spacing: 0.7px;
}
.mega-menu-list > li.active > a{
    color:#fd5320 !important;
    font-weight: 500;
}
.bottom-header-sec.sticky .mega-menu-list > li > a, 
.bottom-header-sec.sticky .menu-item-has-children 
.dropn-btnmobile i{
    color:#000;
}

.sticky.bottom-header-sec {
       background: #fff;
    box-shadow: rgb(100 100 111 / 5%) 0px 7px 29px 0px;
    transform: translateY(0%);
    visibility: visible;
    animation: slideDown 0.7s ease-out;
    padding: 5px 0;
}
.sticky {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
}
@keyframes slideDown{
    0% {
    transform: translateY(-100%);
}

100% {
    transform: translateY(0);
}
}
.white-logo{
    display:block;
}
.black-logo{
    display:none;
}
.sticky.bottom-header-sec .white-logo{
    display:none;
}
.sticky.bottom-header-sec .black-logo{
    display:block;
}
.menu-item-has-children .submenu {
    position: absolute;
    background-color: #ffffff;
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
    width: 351px;
    top: 52px;
    opacity: 0;
    pointer-events: none;
    z-index: 999;
    transform: scaleY(0);
    transition: all 0.5s ease;
    visibility: hidden;
    transform-origin: top center;
}
.menu-item-has-children:hover .submenu{
    opacity: 1;
    pointer-events: all;
    transform: scaleY(1);
    visibility: visible;
}
.sticky.bottom-header-sec .menu-item-has-children .submenu{
        top: 47px;
}
.menu-item-has-children .submenu li:not(:last-child) {
    border-bottom: 1px solid rgba(200, 192, 226, 0.18);
}

.menu-item-has-children .submenu li {
    position: relative;
}
.menu-item-has-children  {
    position: relative;
    list-style: none;
    padding-right: 17px;
}
.menu-item-has-children .dropn-btnmobile i {
    color: #fff;
    font-size: 14px;
}
.menu-item-has-children .submenu li a {
    position:relative;
    display: flex;
      padding: 10px;
    line-height: 1.6;
    font-weight: 500;
    gap: 10px;
     /*display: block;*/
       font-size: 13px;
    color: #000000;
    transition: all 0.5s;
    text-align: start;
    align-items: center;
    /*text-align: center;*/
    cursor: pointer;
  
}
.menu-item-has-children .submenu li:hover > a {
    color: #ea5501;
    letter-spacing: 0.3px;
}

.mega-menu-list li.menu-item-has-children > a{
    padding:37px 0;
}
.dropn-btnmobile {
    position: absolute;
    right: 0;
    top: 3px;
    bottom: 0;
    margin: auto 0;
}


.themeht-btn.primary-btn {
    background:#138249;
    color: #ffffff;
}

.themeht-btn {
    position: relative;
    overflow: hidden;
    z-index: 9;
    padding: 0;
    display: inline-block;
    border: none;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 7px;
}

.themeht-btn.primary-btn:before {
    background: var(--secondary-color);
}

.themeht-btn:before {
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    content: '';
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.themeht-btn {
    padding: 14px 60px 14px 20px;
    display: inline-block;
    transition: all 0s ease-in-out 0s;
    letter-spacing: 0.5px;
}

.themeht-btn i {
    margin-left: 7px;
}
.themeht-btn i {
    justify-content: center;
    align-items: center;
    display: flex;
    color:#fff;
    font-size: 13px;
    position: absolute;
    right: -2px;
    top: -1px;
    height: 103%;
    line-height: 1;
    text-align: center;
    background: var(--secondary-color);
    --r: 15px;
    padding-inline: calc(var(--r) + 8px) 13px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - 0em), var(--r) 50%, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - 0em), 15px 50%, 0 0);
    width: fit-content;
    transition: all 300ms ease;
}

.themeht-btn:hover:before, .themeht-btn:focus:before {
    width: 100%;
}

.themeht-btn:hover i {
    background:#138249;
}
.trading-ageny{
    position:relative;
    /*    mix-blend-mode: luminosity;*/
    /* mix-blend-mode: revert-layer; */
    /*filter: invert(1);*/
}
.trading-ageny:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    /*background-image:url(../images/reff/gallery-img-4.png);*/
    background:#000;
    height:100%;
    width:100%;
    background-size:cover;
       z-index: -1;
    opacity: 0.8;
}
.image-secddd{
    position:relative;
}
.image-secddd::before{
      position:absolute;
    content:'';
    top:0;
    left:0;
    /*background-image:url(../images/reff/gallery-img-6.png);*/
    height:100%;
    width:100%;
    background-size:cover;
    z-index: -1;
        background: #138249;
    opacity: 0.8;
}

 .mobile-menu-top, 
    .mobile-menu-open {
    display:none;
    }
.side-conds .call-us-icon{
    display:none;
}
.contct-us{
     padding: 4rem 0 4rem;
}
.contct-us .contact-iccon-secc {
       box-shadow: 0 20px 50px rgb(0 0 0 / 2%);
    border-radius: 16px;
    padding: 40px 30px;
    border: 1px solid #eee;

}


.contct-us .contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}


.contct-us .contact-list li {
      display: flex;
    align-items: center;
    gap: 20px;
}


.contct-us .icon-contact {
    width: 45px;
    height: 45px;
    min-width: 45px;
    background: #138249;
    /* border-radius: 50%; */
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0 100%, 0 0);
    transition: all 0.6s ease-in-out;
}


.contct-us .icon-contact i {
   color: #fff;
    font-size: 20px;
    position: relative;
    top: 0.2rem;
}


.contct-us .address-content h3 {
      color: #000;
    font-size: 17px;
    font-weight: 600;
  
}

.contct-us .address-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #6b6b6b;
}

.contct-us .address-content a {
    color: #6b6b6b;
    text-decoration: none;
}

.contct-us .address-content a:hover {
      color: #138249;
}


.contct-us .contact-section {
  background: #ffffff;
  padding: 100px 20px;
  font-family: 'Inter', sans-serif;
}

.contct-us .contact-wrapper {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 60px;
}

.contct-us .contact-card {
      position: relative;
    display: block;
    background: #FFFFFF;
   box-shadow: -18px -7px 20px -1px rgba(19, 16, 34, 0.05);
    border-radius: 20px;
    padding: 60px 60px 60px;
    z-index: 1;
}

.contct-us .contact-tag {
  font-size: 12px;
  font-weight: 600;
  color: #e63946;
  letter-spacing: 1px;
}

.contct-us .contact-card h2 {
  font-size: 32px;
  margin: 10px 0 30px;
  color: #111;
}

.contct-us .contact-form input,
.contct-us .contact-form textarea {
  width: 100%;
  padding: 14px 16px;
  margin-bottom: 18px;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  outline: none;
}

.contct-us .contact-form textarea {
  height: 120px;
  resize: none;
}

.contct-us .form-row {
  display: flex;
  gap: 15px;
}

.contct-us .form-row input {
  flex: 1;
}

.contct-us .contact-form button {
  background: #fcb900;
  color: #111;
  border: none;
  padding: 14px 26px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: 0.3s ease;
}

.contct-us .contact-form button span {
  background: #111;
  color: #fff;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.contct-us .contact-form button:hover {
  background: #ffcc33;
}


.contct-us .contact-image {
  width: 520px;
  border-radius: 20px;
  overflow: hidden;
}

.contct-us .contact-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contct-us .contact-carded{
    position: relative;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
    border-radius: 20px;
    padding: 60px 60px 60px;
    margin-top: 74px;
    z-index: 1;
}

/*.contct-us .contact-card {*/
/*        top: 12%;*/
/*    width: 100%;*/
/*}*/

.label {
 color: #138249;
 font-weight: bold;
 font-size: 14px;
 letter-spacing: 1px;
}
   .contct-us .contact-card h1 {
        margin-bottom: 30px;
    }

   .contct-us .form-control {
      border: 1px solid #eee;
    padding: 12px 15px;
    border-radius: 5px;
    background-color: #fdfdfd;
    font-size: 13px;
    }



   
    .contct-us .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
    }
    .contct-us .main-form{
        padding: 3rem 0;
        
    }
    
   .contct-us .image-container{
    position: relative;
    display: block;
    margin-left: -219px;
    z-index: -1;
       
   }
    
    .contct-us .row{
          align-items: center;
    row-gap: 25px;
    } 
    
    
    .form-control:focus{
        box-shadow:unset;
    }
    
    
    
    
    .our-header-section.headerbg-inner .bottom-header-sec{
        background:#fff;
    }
    .our-header-section.headerbg-inner .bottom-header-sec .mega-menu-list > li > a{
        color:#000;
    }
    
    .our-header-section.headerbg-inner .bottom-header-sec .menu-item-has-children .dropn-btnmobile i{
        color:#000;
    }
.why-left{
  width: 100%;
    display: flex;
    
}
.why-lf-img{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
}

.why-india-section{
    display: flex;
        align-items: stretch;
}

.navigation .submenu li.active > a {
    color: #fd5320;
   
}


.areas-sec .table-wrapper {
    overflow-x: auto;
    margin: 30px 0;
}

.areas-sec .custom-table {
    width: 100%;
    border-collapse: collapse;
}

.areas-sec .custom-table thead {
    background-color: #138249;
    color: #ffffff;
}

.areas-sec .custom-table th,
.areas-sec .custom-table td {
       padding: 12px 15px;
    text-align: start;
    border: 1px solid #e5e5e5;
}

.areas-sec .custom-table tbody tr:nth-child(even) {
    background-color: #f7f9f8;
}

.prj-manag{
    padding: 4rem 0;
}

.prj-manag .about-list-pts{
    line-height: 3;
}

.prj-manag .about-list-pts li{
   display: flex;
   gap: 13px
    
}

.prj-manag .about-list-pts i{
 Font-size: 17px;
 color: #138249;
}

.listing-image img{
    border-radius: 10px;
}

.main-formed-enquiry{
    margin-left: 16.66666667%;
}


.link{
       color: #138249;
    font-weight: 600;
}

.thank-youpage p{
    margin:0;
}
.thank-youpage{
    position:relative;
    padding:9rem 0 4rem;
}
.main-footer .links-widget .links-list li p {
   position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    line-height: 1.9;
    color: #dedede;
    /* gap: 10px; */
    margin-bottom: 0;
    margin-left: 10px;
    bottom: 1.5px;
}

.main-footer .links-widget .links-list li i{
    font-size: 14px;
    color: #dedede;
}

.error-page-section {
        position: relative;
    padding: 7rem 0 2rem;
}