/*Fonts*/
@font-face{font-family:euclid circular b;font-style:normal;font-weight:400;src:local('Euclid Circular B'),url('../fonts/EuclidCircularBRegular.woff') format('woff')}

@font-face{font-family:euclid circular b;font-style:italic;font-weight:400;src:local('Euclid Circular B'),url('../fonts/EuclidCircularBItalic.woff') format('woff')}

@font-face{font-family:euclid circular b;font-style:normal;font-weight:300;src:local('Euclid Circular B'),url('../fonts/EuclidCircularBLight.woff') format('woff')}

@font-face{font-family:euclid circular b;font-style:italic;font-weight:300;src:local('Euclid Circular B'),url('../fonts/EuclidCircularBLightItalic.woff') format('woff')}

@font-face{font-family:euclid circular b;font-style:normal;font-weight:500;src:local('Euclid Circular B'),url('../fonts/EuclidCircularBMedium.woff') format('woff')}

@font-face{font-family:euclid circular b;font-style:italic;font-weight:500;src:local('Euclid Circular B'),url('../fonts/EuclidCircularBMediumItalic.woff') format('woff')}

@font-face{font-family:euclid circular b;font-style:normal;font-weight:600;src:local('Euclid Circular B'),url('../fonts/EuclidCircularBSemiBold.woff') format('woff')}

@font-face{font-family:euclid circular b;font-style:italic;font-weight:600;src:local('Euclid Circular B'),url('../fonts/EuclidCircularBSemiBoldItalic.woff') format('woff')}

@font-face{font-family:euclid circular b;font-style:normal;font-weight:700;src:local('Euclid Circular B'),url('../fonts/EuclidCircularBBold.woff') format('woff')}

@font-face{font-family:euclid circular b;font-style:italic;font-weight:700;src:local('Euclid Circular B'),url('../fonts/EuclidCircularBBoldItalic.woff') format('woff')}

:root {
  --color-default: #000000;
  --color-dark-eighty: #333333;
  --color-dark-sixty: #666666;
  --color-dark-fourty: #999999;
  --color-secondary: #2F2836;
  --color-default-rgb: 0, 0, 0;
  --color-black-background: #000;
  --color-black-background-rgb: 0, 0, 0;
  --color-c-gray: #ccc;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --font-primary: 'Euclid Circular B', sans-serif;
  --font-secondary: 'Proxima Nova Extra Condensed', sans-serif;
  --font-size-default: 14px;
  --font-size-twelve: 12px;
  --font-size-sixteen: 16px;
  --font-size-eighteen: 18px;
  --font-size-twenty: 20px;
  --font-size-twentytwo: 22px;
  --font-size-twentyfour: 24px;
  --font-size-twentysix: 26px;
  --font-size-twentyeight: 28px;
  --font-size-thirty: 30px;
  --font-size-thirtytwo: 32px;
  --font-size-thirtyfour: 34px;
  --font-size-thirtysix: 36px;
  --font-size-thirtyeight: 38px;
  --font-size-fourty: 40px;
  --font-size-fourtytwo: 42px;
  --font-size-fourtyfour: 44px;
  --font-size-fourtysix: 46px;
  --font-weight-bold: bold;
  --font-weight-x-bold: 900;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --font-weight-light: 300;
  --lh-default: normal;
  --lh-one: 1;
  --lh-onebytwo: 1.2;
  --lh-onebyfive: 1.5;
  --radius-small: 5px;
  --radius-medium: 10px;
  --radius-large: 15px;
  --radius-x-large: 25px;
  --radius-full: 50px;
  --border-one: 1px solid;
  --border-two: 2px solid;
}



body {
  font-family: var(--font-primary);
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-normal);
  line-height: var(--lh-onebyfive);
  color: var(--color-default);
   height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  background: #232323 !important;
}

html {
    height: 100%;
  -webkit-overflow-scrolling: touch;
}


section {
  width: 100%;
}

section {
  padding: 40px 0;
  position: relative;
}

.section-padding-x-small {
  padding: 20px 0 !important;
}

.section-padding-medium {
  padding: 80px 0 !important;
}

.section-padding-large {
  padding: 120px 0 !important;
}

.section-padding-x-large {
  padding: 180px 0 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-primary);
}

.primary-font {
  font-family: var(--font-primary) !important;
}

.primary-color {
    color: var(--color-default);
}


select {
    appearance:auto !important;
    webkit-appearance:auto !important;
}

.color-1{
  color: #E3C295;
}
.color-2{
  color: #6DBDB8;
}



.f10 {font-size: 10px;}
.f12 {font-size: var(--font-size-twelve) !important ;}
.f14 {font-size: var(--font-size-default) !important ;}
.f16 {font-size: var(--font-size-sixteen) !important ;}
.f18 {font-size: var(--font-size-eighteen) !important ;}
.f20 {font-size: var(--font-size-twenty) !important ;}
.f22 {font-size: var(--font-size-twentytwo) !important ;}
.f24 {font-size: var(--font-size-twentyfour) !important ;}
.f26 {font-size: var(--font-size-twentysix) !important ;}
.f28 {font-size: var(--font-size-twentyeight) !important ;}
.f30 {font-size: var(--font-size-thirty) !important ;}
.f32 {font-size: var(--font-size-thirtytwo) !important ;}
.f34 {font-size: var(--font-size-thirtyfour) !important ;}
.f36 {font-size: var(--font-size-thirtysix) !important ;}
.f38 {font-size: var(--font-size-thirtyeight) !important ;}
.f40 {font-size: var(--font-size-fourty) !important ;}
.f42 {font-size: var(--font-size-fourtytwo) !important ;}
.f44 {font-size: var(--font-size-fourtyfour) !important ;}
.f46 {font-size: var(--font-size-fourtysix) !important ;}


.w-300 { font-weight: 300 !important;}
.w-400 { font-weight: 400 !important;}
.w-500 { font-weight: 500 !important;}
.w-600 { font-weight: 600 !important;}
.w-700 { font-weight: 700 !important;}
.w-800 { font-weight: 800 !important;}
.w-900 { font-weight: 900 !important;}

.w100{ width:100% !important; }


/*--------------------------------------------------------------
# Start Common CSS
--------------------------------------------------------------*/
.black-bg-color{
  background-color: #232323;
}
.color-light-green{
  color: #6DBDB8;
}
.color-light-orange{
  color: #DD9972;
}
.color-white{
  color: #fff;
}
.sub-head{
  color: #E3C295;
  font-size: 26px;
}
.sub-desc{
  color: #fff;
  font-size: 20px;
}
.gradient-color{
  background-image: linear-gradient(180deg, #4F5C57, #AC6D42);
}
.bg-white{
  background-color: #fff;
}
.color-A2{
  color: #A2A2A2;
}

.success {
  background-color: green;
  border: green 1px solid;
  padding: 5px 10px;
  color: #FFFFFF;
  border-radius: 4px;
  width: fit-content;

}
.error{
  background-color: red;
  border: red 1px solid;
  padding: 5px 10px;
  color: #FFFFFF;
  border-radius: 4px;
  width: fit-content;
}

.info {
    font-size: .8em;
    color: #FF6600;
    letter-spacing: 1px;
    padding-left: 5px;
}


/*--------------------------------------------------------------
# End Common CSS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Start Animation CSS
--------------------------------------------------------------*/
.circles-wrapper {
  width: 1500px;
  height: 1500px;
  position: absolute;
  top: -800px;
  bottom: 0;
  left: -1641px;
  right: 0;
  margin: auto;
  border-radius: 50%;
}

.circle {
  border: 3px solid #343232;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
}

.circle::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 2px;
  background: #FFAE75;
  top: -2px;
  border-radius: 50%;
  /*box-shadow: 0 0 10px 6px rgba(237, 20, 61, .8);*/
}

.circle-lg {
  width: 1500px;
  height: 1500px;
  animation: rotateCircles 5.1s linear infinite;
}
.circles-wrapper-2 {
  width: 1500px;
  height: 1500px;
  position: absolute;
  top: -781px;
  bottom: 0;
  left: 0;
  right: -1754px;
  margin: auto;
  border-radius: 50%;
}

.circle-2 {
  border: 3px solid #343232;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
}

.circle-2::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 2px;
  background: #A9DACB;
  top: -2px;
  border-radius: 50%;
  /*box-shadow: 0 0 10px 6px rgba(237, 20, 61, .8);*/
}

.circle-lg-2 {
  width: 1500px;
  height: 1500px;
  animation: rotateCircles2 5.1s linear infinite;
}

#footer .circles-wrapper {
  width: 1300px;
  height: 1300px;
  position: absolute;
  top: 1090px;
  bottom: 0;
  left: 0px;
  right: 0;
  margin: auto;
  border-radius: 50%;
}

#footer .circle {
  border: 3px solid #585353;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
}

#footer .circle::before {
  content: '';
  position: absolute;
  width: 100px;
  height: 2px;
  background: #FFAE75;
  top: -2px;
  border-radius: 50%;
}

#footer .circle-lg {
  width: 1300px;
  height: 1300px;
  animation: rotateCircles 5.1s linear infinite;
}
#footer .circle-md {
  width: 1100px;
  height: 1100px;
  animation: rotateCircles 5.1s linear infinite;
}

#footer .circle-md::before {
  width: 100px;
  height: 2px;
  background: #A9DACB;
}

#footer .overflow-hidden{
  overflow-x: hidden;
  overflow-y: hidden;
}

@keyframes rotateCircles {
  from {
    transform: rotate(0);
  } to {
    transform: rotate(360deg);
  }
}
@keyframes rotateCircles2 {
  from {
    transform: rotate(360deg);
  } to {
    transform: rotate(0);
  }
}

/*--------------------------------------------------------------
# End Animation CSS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Start Header
--------------------------------------------------------------*/
#header {
  /*transition: all 0.5s;*/
  z-index: 997;
  padding: 0px 0 0 0;
}

#header .logo {
  margin: 0;
  padding: 10px;
}

#header .logo a {
  color: #fff;
}

#header .nav-bottom-border{
  border-bottom: 1px solid #ccc;
}
.trackorder-btn{
  color: #6DBDB8 !important;
  border: 2px solid #FFAE75;
  padding: 4px 12px;
}
#header.sticky {
  position:fixed;
  top:0;
  left:0;
  background-color:#232323;
  width:100%;
  height:auto;/*height:80px; commeted for logo testing*/
  animation: headerSticky .95s ease forwards;
  z-index:9
}

@keyframes headerSticky {
0% {
transform:translateY(-100%)
}

100% {
transform:translateY(0)
}
}

#topbarNavigation .nav-link {
  font-family: var(--font-primary);
  color: var(--color-white);
}


.btn-default-primary:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0;
  }

#header .nav-link{
  color:var(--color-white);
  font-size: var(--font-size-sixteen);
}

#header .nav-link:hover{
  color: #6DBDB8;
}
#header .nav-link.active{
  color: #6DBDB8;
}
#header .navbar-toggler{
  padding: 5px;
  background-color: transparent;
  border: none;
}
.lines-bg-1{
  background-image: url(../images/banner-lines-2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.navbar{z-index: 99;}

/*--------------------------------------------------------------
# End Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# banner-section
--------------------------------------------------------------*/

#banner-section .header{
  font-size: 40px;
  color:var(--color-white);
  font-weight: var(--font-weight-default);
}

#banner-section .description{
  font-size: var(--font-size-eighteen);
  color: var(--color-white);
  font-weight: var(--font-weight-normal);
}
.title{
  font-size: var(--font-size-eighteen);
  font-weight: var(--font-weight-bold);
  margin-bottom: 25px;

}
.description{
  font-size: var(--font-size-sixteen);
  font-weight: var(--font-weight-normal);
}
.supply-cards-big{
  border: 1px solid #514F4F;
  border-radius: 30px;
  padding: 80px 50px;
  background: rgb(0,0,0);
  background: linear-gradient(21deg, rgba(0,0,0,1) 7%, rgba(35,35,35,1) 38%);
}
.supply-cards-big.padding{
  padding: 130px 50px;
}
.supply-card-green{
  background-color: #3C5E54;/*background-color: #A9DACB;*/
  background-image: url(../images/card-bg-green.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  /*min-width: 250px !important;
  width: 250px;
  min-height: 420px;*/
  border-radius: 25px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.supply-card-orange{
  background-color: #B09183;
  background-image: url(../images/cards-bg-orange.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  /*min-width: 250px !important;
  width: 250px;
  min-height: 420px;*/
  border-radius: 25px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.supply-cards-big .supply-card-green p,
.supply-cards-big .supply-card-orange p{
  padding: 20px;
  line-height: normal;
}
.supply-cards-big .supply-card-orange p{
  color: #ffffff;
}
.supply-cards-big .supply-card-green p{
  color: #A9DACB;
}
.road-postion{
  position: relative;
  top: -95px;
  z-index: 99;
}
.busines-text{
  margin-top: -95px;
  margin-bottom: 45px;
}
.black-road-bg{
    margin-right: 35px;
    margin-left: 30px;
    margin-top: 10px;
}
.road-map{
  background-color: #1d1d1d;
  border-radius: 120px;
  padding: 12px;
}
.raod-card .line-img1{
  position: relative;
  top: 50px;
  left: 160px;
}
.raod-card .line-img2{
  position: relative;
  top: 50px;
  left: 160px;
}
.raod-card .line-img3{
  position: relative;
  top: 50px;
  left: 100px;
}
.raod-card .line-img4{
  position: relative;
  top: 50px;
  left: 260px;
}
.company-card-1{
  /*height: 200px;
  width: 270px;*/
  height: 90px;
  background-color: #0f0f0f;
  /*background-color: #363535;*/
  margin: 15px 0px;
  border-radius: 12px;
  padding: 30px;
  display: flex;
  justify-content: center;
}
.company-card-2{
    background-color: #0f0f0f;
    margin: 15px 0px;
    border-radius: 12px;
    padding: 8px;
}
.company-card-2 p{
  margin-bottom: 0px;
  cursor: pointer;
}
/*.company-card-1 img{
  height: 70px;
}*/
.head-text{
  color:#CFCECE;
  font-size: 38px;
  text-align: center;
}
.team-head{
  color: #ffffff;
  font-size: 36px;
  font-weight: 500;
}
.team-des{
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}
.gradient-card{
  background: rgb(79,92,87);
  background: linear-gradient(324deg, rgba(79,92,87,1) 55%, rgba(172,109,66,1) 100%);
  padding: 20px 10px;
  padding-bottom: 0px !important;
  border-radius: 8px;
  margin-bottom: 20px;
  display: flex !important;
  align-items: center;
  width: 100% !important;
  flex-direction: column !important;
  height: 100%;
  /*min-width: 356px;
  max-width: 356px;*/
}
.teamdetail-bg{
  margin-top: -47px;
  padding: 10px;
  background: rgb(79,92,87);
  background: linear-gradient(0deg, rgba(79,92,87,0.5016980424982493) 0%, rgba(79,92,87,0.5044991629464286) 100%);
}
.gradient-card .card-header{
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.gradient-card .post-detail{
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid #DD9972;
}
.bike-image{
  margin-left: -30px;
}

.gradient-card .card-disc{
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  margin-bottom: 0px;
  /*min-height: 80px;*/
}
.gradient-card .experience{
  font-size: 16px;
  background-color: #DD9972;
  border-radius: 4px;
  color: #263238;
  padding: 10px;
  font-weight: 800;
}

.carrer-card{
  padding: 80px 30px;
}

.carrer-card-heading{
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 40px;
}
.carrer-card-desc{
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 40px;
}
.carrer-list{
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
}

.carrer-card .form-label{
  color: #000;
  font-weight: 700;
}

.carrer-card .messageform-field{
  border-bottom: 3px solid #000;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-radius: 0px;
  background-color: transparent !important;
  margin-bottom: 50px ;
  color: #868788 !important;
}

.carrer-card .form-control.messageform-field:focus {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid #000;
  box-shadow: 0 0 0 0; 
}
.iti{
  width: 100% ;
}
.iti-mobile .iti__country-list{
  max-height: 50% !important;
  height: 50%!important;
  width: 50% !important;
  position: relative !important;
  top: 38%;
}
.iti-mb-50{
  margin-bottom: 50px !important;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent !important;
}
.send-btn{
  color: #fff;
  font-weight: 500;
  background-color: #232424;
  padding: 8px 16px;
  text-decoration: none;
  font-size: 22px;
  border-radius: 8px;
  cursor: pointer;
}
.contact-card{
  background-image: linear-gradient(180deg, #4F5C57, #AC6D42);
  padding: 30px;
  min-height: 172px;
  border-radius: 30px;
}
.contact-card .heading{
  color: #FFFFFF;
  font-size: 28px;
}
.contact-card .contact-disc{
  color: #CBCACA;
  font-size: 18px;
}
.contact-card .social-icons{
  color: #98A2B3;
  font-size: 28px;
  margin-right: 20px;
}
.gmap_canvas{
  width: 100%!important;
}
.mapouter{
  width: 100% !important;
}
.map {
 /* filter: grayscale(100%) !important; */
 filter: invert(100%);        
}
.wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 155px;
}
#slide {
    position: absolute;
    left: -1000px;
    width: 100%;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 3s forwards;
    animation-delay: 1s;
}
@keyframes slide {
    100% { left: 0; }
}
@-webkit-keyframes slide {
    100% { left: 0; }
}

.swiper-pagination-bullet-active{
  background: #FFAE75 !important;
}
.min-hgt-150{
  min-height: 150px;
}

.card-name{
  font-size: 24px;
  /*min-height: 150px;*/
}
.stack-pg .card-name{
  font-size: 24px;/*
  min-height: 90px !important;*/
}

.footprint-header{
  font-size: 28px;
  color: #FCF7F3;
}
.footprint-disc{
  font-size: 20px;
  color: #D69E65;
  margin-bottom: 0px;
}
.presence{
  border: 1px solid #D69E65;
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: #d69e65;
  margin-left: -24px;
  border-radius: 4px;
  margin-top: 5px;
}
.presence-text{
  font-size: 20px;
  color: #d69e65;
  margin-right: 36px;
}
.notavailable{
  border: 1px solid #E3CA9F;
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: #E3CA9F;
  margin-left: -24px;
  border-radius: 4px;
  margin-top: 5px;
}
.notavailable-text{
  font-size: 20px;
  color: #E3CA9F;
}
.d-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.graph-img{
  width: 40px;
  height: 40px;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-card{
  background-color: #363535;
  padding: 100px 75px 0px 75px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.footer-card .heading{
  color: #FFFFFF;
  font-size: 26px;
  text-align: left;
}
.footer-card .footer-dis{
  color: #CBCACA;
  font-size: 18px;
  text-align: left;
}
.footer-card .address-icon{
  font-size: 28px;
  color: #98A2B3;
}
.footer-card .social-icons{
  font-size: 28px;
  color: #98A2B3;
  margin: 0px 15px;
}
.hide{
  display: none;
}
.img-mob-pos{
  position: relative;
  top: 34px;
  left: 47px;;
}
.tarck-order-mob-btn{
  display: none;
}
.others-text{
  color:#868686;
  font-size: 16px;
}
.others-icon{
  font-size: 32px;
  font-weight: 900;
    /*color: #F5F5F5;
    border: 1px solid #f5f5f5;
    line-height: 0.5px;
    border-radius: 50px;*/
}
.company-card-1 img {
    filter: grayscale(100%);
}
.company-card-1:hover img {
    filter: grayscale(0%);
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media (max-width:991px){
  
  #header .nav-link {
    text-align: right; 
  }
  .tarck-order-mob-btn{
    display: block;
    position: relative;
    top: -20px;
    width: fit-content;
    float: right;
    z-index: 999;
    margin-right: 5px;
  }
  .tarck-order-mob-btn-hide{
    display: none;
  }

  .mob-top-menu{
    padding: 0px;
    background-color: #232323;
  }
  .mob-pt-0{
    padding-top: 0px;
  }
  .raod-card .line-img1{
    display: none;
  }
  .raod-card .line-img2{
    display: none;
  }
  .raod-card .line-img3{
    display: none;
  }
  .raod-card .line-img4{
    display: none;
  }
  .bike-image{
    margin: 10px 8px 5px;
  }
  .wrapper{
    height: auto;
  }
  #slide{
    position: relative;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 8s;
    animation: slide 3s forwards;
    animation-delay: 2s;
  }
  .raod-card{
    margin-bottom: 10px;
  }
  .road-map {
    border-radius: 50px;
  }
  .black-road-bg{
    height: auto;
  }
  .show-in-991{
    display: block !important;
  }
  .hide-in-991{
    display: none !important;
  }
}

@media (max-width:767px){ 
  .road-postion{
    top: 0px;
  }
  .busines-text{
    margin-top: -20px;
  }
  .show-in-767{
    display: block !important;
  }
  .hide-in-767{
    display: none !important;
  }
}



@media (max-width:576px) {
  .mob-f10 {font-size: 10px;}
  .mob-f12 {font-size: var(--font-size-twelve) !important ;}
  .mob-f14 {font-size: var(--font-size-default) !important ;}
  .mob-f16 {font-size: var(--font-size-sixteen) !important ;}
  .mob-f18 {font-size: var(--font-size-eighteen) !important ;}
  .mob-f20 {font-size: var(--font-size-twenty) !important ;}
  .mob-f22 {font-size: var(--font-size-twentytwo) !important ;}
  .mob-f24 {font-size: var(--font-size-twentyfour) !important ;}
  .mob-f26 {font-size: var(--font-size-twentysix) !important ;}
  .mob-f28 {font-size: var(--font-size-twentyeight) !important ;}
  .mob-f30 {font-size: var(--font-size-thirty) !important ;}
  .mob-f32 {font-size: var(--font-size-thirtytwo) !important ;}
  .mob-f34 {font-size: var(--font-size-thirtyfour) !important ;}
  .mob-f36 {font-size: var(--font-size-thirtysix) !important ;}
  .mob-f38 {font-size: var(--font-size-thirtyeight) !important ;}
  .mob-f40 {font-size: var(--font-size-fourty) !important ;}
  .mob-f42 {font-size: var(--font-size-fourtytwo) !important ;}
  .mob-f44 {font-size: var(--font-size-fourtyfour) !important ;}
  .mob-f46 {font-size: var(--font-size-fourtysix) !important ;}

  .mob-dis-non{ display: none !important; }

  #banner-section .header{
    font-size: 34px;
    text-align: center;
  }
  #banner-section .sub-head{
    font-size: 20px;
    text-align: center;
  }
  #banner-section .sub-desc{
    font-size: 16px;
    text-align: center;
  }

  #banner-section .description{
    font-size: var(--font-size-sixteen);
    text-align: center;
  }
  .footer-card{
    padding: 50px 30px 0px 30px;
  }
  .company-card-1{
    margin: 15px 0px;
  }
  .supply-cards-big{
    padding: 50px 30px;
  }
  .supply-cards-big.padding{
    padding: 50px 30px;
  }
  .head-text{
    font-size: 30px;
  }
  .del-des{
    font-size: 17px;
  }
  .circle-2, .circle, #footer .circle, .circles-wrapper, .circles-wrapper-2, #footer .circles-wrapper {
    display: none !important;
  }
}