@font-face{font-family:Poppins-Medium;src: url(../fonts/Poppins-Medium.ttf);}
@font-face{font-family:Poppins-Regular;src: url(../fonts/Poppins-Regular.ttf);}
@font-face{font-family:Poppins-Light;src: url(../fonts/Poppins-Light.ttf);}
@font-face{font-family:RampartOne-Regular;src: url(../fonts/RampartOne-Regular.ttf);}

html,body{overflow-x:hidden;}
* {margin: 0;padding: 0;box-sizing: border-box;list-style: none;text-decoration: none;}
.wrapper .multi_color_border{width: 100%;height: 5px;background: linear-gradient(to right, #37a000 0% , #37a000 25%, #494949 25%, #494949 50%, #37a000 50%, #37a000 75%, #494949 75%, #494949 100%);}
.wrapper .top_nav{margin-top: 5px;width: 100%;background: #fff;padding: 0 50px;display: flex;justify-content: space-between;align-items: center;}
.wrapper .top_nav .left{display: flex;align-items: center;}
.wrapper .top_nav .left .logo p{font-size: 24px;font-weight: bold;color: #494949;margin-right: 25px;}
.wrapper .top_nav .left .logo p span{color: #37a000;}
.wrapper .top_nav .right ul{display: flex;}
.wrapper .top_nav .right ul li{margin: 0 12px;text-align: center;font-family: 'Poppins-Medium';font-size: 1.5em;color: #599a48;}
.wrapper .top_nav .right ul li a{text-decoration: none;display: block;border-right:1px solid #00000042!important;padding: 8px 10px;color: #666666;}
.wrapper .top_nav .right ul li:last-child a{color: #666666;}
/* .wrapper .bottom_nav{width: 100%;background:#fd654e;height: 45px;padding: 0 7em;margin-top:0em;} */
.wrapper .bottom_nav{width: 100%;background:#599a48;height: 45px;padding: 0 7em;margin-top:0em;}
.wrapper .bottom_nav ul{width: 100%;height: 45px;display: flex;justify-content: space-between;align-items: center;}
.wrapper .bottom_nav ul li a{text-decoration:none!important;color: #fff;text-transform:capitalize;font-size:17px;font-family:Poppins-Medium;font-weight:300;}

.wrapper .bottom_nav ul li a:hover {
  color: #599a48;
  font-weight: bold;
  background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  padding: 5px 10px; /* optional padding for better appearance */
  border-radius: 4px;
}

.wrapper .bottom_nav ul li a.active {
  color: #599a48; /* active link color */
  font-weight: bold;
  background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  padding: 5px 10px; /* optional padding for better appearance */
  border-radius: 4px;
}

.logo{margin:0px 0px 0px 0px;width:80%;}
.abt_title{text-transform: capitalize;font-family: 'Poppins-Medium';font-size:30px;line-height: 1.4;}
.abt_mrg{margin-top: 4em;}
.abt_p{text-align: left;line-height: 1.8;font-family: 'Poppins-Regular';font-weight: 300;font-size: 15px;padding-bottom: 15px;}
.abt_btn{background:#599a48;color: #fff;cursor: pointer;display: inline-block;font-size: 16px;margin-bottom: 0;padding: 7px 30px;text-align: center;text-transform: capitalize;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;vertical-align: middle;border-radius: 15px;border: 2px solid #339249;font-weight: 300;font-family: 'Poppins-Medium';}
.abt_bg{background:#fd654e;border-radius:10px;box-shadow: 11px 11px 38px rgba(0, 0, 0, 0.2);}
.abt_h1{font-size: 40px;font-weight: 800;line-height: 40px;font-family: 'Poppins-Medium';color:#fff;text-align: center;padding-top: 18px;}
.abt_points{font-size: 17px;text-transform: capitalize;font-family: 'Poppins-Medium';text-align: center;color: #fff;}
.abt_row{margin-top:3em;}
.section_bg {width: 100%;place-items: center;}
.service_title{color:#000;font-weight: 800;padding-bottom: 1em;text-align: center;font-family: 'Poppins-Medium';padding-top: 2em;letter-spacing: 1px;}
.column_service {width: 100%;padding: 0 1em 1em 1em;text-align: center;}
.card {width: 100%;height: 100%;background: linear-gradient(#ffffff 50%, #599a48 50%);background-size: 100% 200%;background-position: 0 2.5%;border-radius: 5px;box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);cursor: pointer;transition: 0.5s;}
.service_h3{font-size:21px;font-weight: 600;color: #1f194c;margin: 1em 0;text-transform: capitalize;font-family: 'Poppins-Medium';}
.serv_p {padding: 1em 1.5em;text-align:-webkit-left;color: #000;font-size: 14px;line-height: 1.6;letter-spacing: 0.03em;font-family: 'Poppins-Regular'}
.icon-wrapper {background-color: #fd654e;position: relative;margin: auto;font-size: 30px;height: 2.5em;width: 2.5em;color: #ffffff;border-radius: 50%;display: grid;place-items: center;transition: 0.5s;}
.card:hover {background-position: 0 100%;}
.card:hover .icon-wrapper {background-color: #ffffff;color: #2c7bfe;}
.card:hover h3 {color: #ffffff;}
/* .card:hover p {color: #fff;} */
.abt_main_title{font-weight: 800;font-family: 'Poppins-Medium';color: #ff503f;font-size: 18px;}
.service_main_title{font-weight: 800;font-family: 'Poppins-Medium';color: #ff503f;font-size: 18px;text-align: center;margin-top:2em;}
.service_p{padding-bottom: 1em;text-align: center;text-transform: capitalize;font-family: 'Poppins-Medium';font-size: 30px;line-height: 1.4;}
/* @media screen and (min-width: 768px) {
  section {
    padding: 0 2em;
  }
  .column {
    flex: 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) {
  section {
    padding: 1em 3em;
  }
  .column {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
} */
 .fleet__p{text-align: center;font-family: 'Poppins-Medium';}
.ab_mr{margin-top: 2em;}
.abt-img{margin-top: 8em;}
.abt_page_bg{background: #f5f5f5 linear-gradient(90deg, #f5f5f5, #eeeeee);}
.abt_banner_title{margin: 0;text-transform: uppercase;font-family: 'Poppins-Medium';color: #444;font-weight: 800;padding-top: 1em;}
.abt_banner_p{padding-bottom: 2em;color: #575a7b;font-size: 15px;line-height: 1.6;letter-spacing: 0.03em;font-family: 'Poppins-Medium';}
.abt_page_p {text-align: justify;line-height: 1.8;font-family: 'Poppins-Regular';font-weight: 300;font-size: 16px;color: #000;}
.container_abt {text-align: center;}
.row_abt {display: flex;gap:3em;}
/* .card_abt {width: 240px;background: #fff;padding: 15px;border-radius: var(--br);transition: 0.5s;} */
.card_abt {background: #fff;padding: 15px;border-radius: var(--br);transition: 0.5s;}
.card_abt:hover {box-shadow: 0px 3px 10px 5px #e9e9e9;}
.card_abt img {max-width: 100%;aspect-ratio: 1 / 1;object-fit: contain;}
/* .card_abt img {max-width: 100%;border-radius: 50%;aspect-ratio: 1 / 1;border: 4px solid var(--bc, #000);} */
.team_title{font-family: 'Poppins-Medium';padding-bottom: 1em;padding-top:1em;}
/* .team_name{padding-top: 10px;font-family: 'Poppins-Medium';font-size:22px;text-align: center;} */
.team_name{padding-top: 23px;font-family: 'Poppins-Medium';font-size:20px;text-align: center;}
.card_abt .role {font-size: 80%;color: #000;margin-bottom: 20px;font-family: 'Poppins-Regular';}
@media (max-width: 767px) {
.row {flex-wrap: wrap;justify-content: center;padding: 10px;}
.card {flex: 0 0 calc(50% - 20px);max-width: calc(50% - 20px);}}
@media (max-width: 420px) {
.card {flex: 0 0 calc(100% - 20px);max-width: calc(100% - 20px);}}
.contact-info {display: inline-block;width: 100%;text-align: center;margin-bottom: 10px;}
.contact-info-icon {margin-bottom: 15px;}
.contact-info-item {background: #599a48;padding: 30px 0px;height: 217px;border-radius: 10px;}
.contact_row{margin-top: 2.5em;}
.contact-page-sec .contact-page-form h2 {color: #fff;text-transform: capitalize;font-size: 22px;font-weight: 700;font-family: 'Poppins-Medium';}
.contact-page-form .col-md-6.col-sm-6.col-xs-12 {padding-left: 0;}
.contact-page-form .col-md-12.col-sm-12.col-xs-12 {padding-left: 0;}
.phone_form::placeholder {color:#000;font-family:Poppins-Regular;font-size: 15px;}
.contact-page-form.contact-form input {margin-bottom: 5px;}  
.contact-page-form.contact-form textarea {height: 110px;}
.contact-page-form.contact-form input[type="submit"] {background: #599a48;width: 150px;border-color: #599a48;}
.contact-info-icon i {font-size: 40px;color: #fff;}
.contact-info-text p{margin-bottom:0px;}
.contact-info-text h2 {color: #fff;font-size: 20px;text-transform: capitalize;font-weight: 600;margin-bottom: 10px;font-family: 'Poppins-Medium';}
.contact-info-text span {color: #fff;font-size: 16px;display: inline-block;width: 100%;font-family: 'Poppins-Medium';}
.contact-page-form input {background: #f9f9f9 none repeat scroll 0 0;border: 1px solid #f9f9f9;margin-bottom: 20px;padding: 12px 16px;width: 100%;border-radius: 4px;}
.contact-page-form .message-input {display: inline-block;width: 100%;padding-left: 0;}
.single-input-field textarea {background: #f9f9f9 none repeat scroll 0 0;border: 1px solid #f9f9f9;width: 100%;height: 120px;padding: 12px 16px;border-radius: 4px;}
.single-input-fieldsbtn input[type="submit"] {background: #fda40b none repeat scroll 0 0;color: #fff;display: inline-block;font-weight: 600;padding: 10px 0;text-transform: capitalize;width: 150px;margin-top: 20px;font-size: 16px;font-family: 'Poppins-Medium';}
.single-input-fieldsbtn input[type="submit"]:hover{background:#599a48;transition: all 0.4s ease-in-out 0s;border-color:#071c34}
.contact-page-form {display: inline-block;width: 100%;margin-top: 30px;background: #ff503f;padding: 1em;border-radius: 10px;}
.contact-page-map {margin-top: 36px;}
.contact-page-form form {padding: 20px 15px 0;}
.client-container {display: flex;flex-direction: column;height: 100%;border: 1px solid #cdcdcd;padding: 30px 20px;border-radius: 10px;transition: 0.5s;}
.client_mrg{margin-bottom: 2em;}
/* .site-content {
	width:960px;
	margin:auto;
	padding:0 10px;
} */

/* .row:first-child {
  margin-top: 50px;
} */

.col-sm-4 {
/*   outline: 2px dotted blue;  */
  height: 250px; 
  margin-bottom: 10px;
}
.col-sm-8 {
/*   outline: 2px dotted yellow;  */
  height: 250px; 
  margin-bottom: 10px; 
}

.col-sm-8 > div.description {
  display: table-cell; 
  height: 250px; 
  vertical-align: middle;
}

.col-sm-4 > img {
  display: block; 
  margin: auto;
}


.table{font-family: 'Poppins-Medium';}
.table_img{border-radius: 10px;}
.table td, .table th {padding: .7rem;}
footer {color: #fff;}
ul {padding: 0px;}
ol, ul {margin-bottom: 0px;}
.social-icon {padding: 0;margin-bottom: 0px;float: right;}
.social-icon li {list-style: none;display: inline-block;}
.social-icon li i {font-size: 14px;color: #262725;border: solid 2px #ffffff;height: 31px;width: 31px;text-align: center;vertical-align: middle;border-radius: 100px;line-height: 27px;margin-right: 15px;transition: 1s;background: #fff;}
.social-icon li i:hover {border: solid 2px #262725;color: #ffffff;background: #262725;}
.phone-no i {position: relative;margin-right: 14px;font-size: 43px;top: 5px;}
.phone-no {margin-top: -22px;text-align: right;}
.footer-day-time {padding-bottom: 30px;border-bottom: 2px solid #fff;padding-top: 14px;margin-bottom: 55px;}
.footer-day-time ul li {display: inline;margin-right: 20px;font-family: 'Poppins-Medium';}
.footer-day-time ul li:last-child {margin-right: 0px;}
.phone-no a {color: #fff;font-family: 'Poppins-Medium';font-size: 34px;font-weight: bold;text-decoration: none;}
.footer-top {background:#424040;padding:50px 0 50px;margin-top: 6em;}
.footer-top h4 {font-weight:800;font-family: 'Poppins-Medium';font-size: 19px;text-transform: uppercase;margin-bottom:15px;}
.footer-top p {font-family: 'Poppins-Regular';font-size: 14px;line-height: 2;color: #fff;text-align: left;font-weight: 800;}
footer p {margin-bottom:0;}
.footer-logo {display: block;margin-bottom: 32px;}
.address1 li {list-style: none;position: relative;padding: 0px 0 14px 34px;line-height: 20px;font-family: 'Poppins-Regular';}
ul.address1 span {position: absolute;width: 40px;max-width: 40px;left: 0;}
.address1 li a {color: #fff;text-decoration: none;}
ul.address1 i {width: 20px;position: absolute;left: 0px;text-align: center;font-size: 28px;top: 0;}
ul.address1 i.fa-envelope {font-size: 18px;top: 4px;}
footer ul.social-icon {float: left;margin-top: 1em;}
footer .social-icon li i:hover {background: #86eb4d;border-color: #86eb4d;}
.footer-bottom {background: #fd654e;padding: 15px 0px;}
.footer-bottom ul li {display: inline;margin-right: 20px;font-size: 18px;}
.footer-bottom ul li a{text-decoration: none;color: #fff;font-family: 'Poppins-Medium';font-size: 15px;}
.footer_a{font-size: 14px;font-family: 'Poppins-Medium';color: #fff;text-decoration: none;}
.footer-bottom ul {float: right;}
.footer-bottom ul li:last-child {margin-right: 0;}
.copyright {font-size: 18px;}
.footer_p{font-family: 'Poppins-Regular';text-align: center;color: #fff;padding-top: 10px;font-size: 10px;}
.enquiry_bg{margin-top: 2em;background-image: url(../images/enquiry-bg.png);background-repeat: no-repeat;background-size: cover;}
.enquiry_h1{padding-top: 1em;text-align: center;color: #fff;font-family: 'Poppins-Medium';font-weight: 800;}
.button-three{color:#fff;text-align: center;cursor: pointer;font-size:17px;margin: 0 0 0 100px;font-family: 'Poppins-Medium';}
.button-three {position: relative;background-color: #f39c12;border: none;padding:8px;width:18%;text-align: center;-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;text-decoration: none;overflow: hidden;margin-bottom:2em;border-radius: 10px;}
.btn_a{color: #fff;}
.button-three:hover{background:#fff;box-shadow:0px 2px 10px 5px #97B1BF;color: #000 !important;}
.button-three:after {content: "";background: #f1c40f;display: block;position: absolute;padding-top: 300%;padding-left: 350%;margin-left: -20px !important;margin-top: -120%;opacity: 0;transition: all 0.8s}
.button-three:active:after {padding: 0;margin: 0;opacity: 1;transition: 0s}
.abt-btn{font-family: 'Poppins-Medium';color:#ff2929;text-decoration: none!important;font-weight: 800;border: 2px solid #04AA6D;padding: 9px 32px;border-radius: 10px;}
.slick-slide {margin: 0px 20px;}
.slick-slide img {width: 100%;}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}



/* Mobile view adjustments */
@media (max-width: 768px) {
  .slider .row .col-3,
  .slider .row .col-12.col-lg-3,
  .slider .row .offset-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}

@media (max-width: 576px) {
  .slider .row .col-3,
  .slider .row .col-12.col-lg-3,
  .slider .row .offset-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}


/* .text {
  width:100%;
  left: 50%;
  margin-left: -225px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
}

p {
  display: inline-block;
  vertical-align: top;
  margin: 0;
} */

.word {
  position: absolute;
  opacity: 0;
}

.letter {
  display: inline-block;
  position: relative;
  /* float: left; */
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}

.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wisteria {
  color: #8e44ad;
}

.belize {
  color: #2980b9;
}

.pomegranate {
  color: #c0392b;
}

.green {
  color: #16a085;
}

.midnight {
  color: #2c3e50;
}

#myBtn {
width:45px;
height:45px;
border-radius: 50%;
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size:18px;
border: none;
text-align:center;
outline: none;
background:yellow;
color:#000;
cursor: pointer;
padding: 8px;
-webkit-transition: all 0.3s cubic-bezier(0.25,0.25,0,1);
-moz-transition: width 0.3s ease-out, padding-top 0.3s ease-out;
transition: all 0.3s cubic-bezier(0.25,0.25,0,1);}


.sectionClass {
  padding: 20px 0px 50px 0px;
  position: relative;
  display: block;
}

.fullWidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}


.sectiontitle {
  background-position: center;
  margin: 30px 0 0px;
  text-align: center;
  min-height: 20px;
}

.sectiontitle h2 {
  font-size: 30px;
  color: #222;
  margin-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
}


.headerLine {
  width: 160px;
  height: 2px;
  display: inline-block;
  background: #101F2E;
}


.projectFactsWrap{
    display: flex;
  margin-top: 30px;
  flex-direction: row;
  flex-wrap: wrap;
}


#projectFacts .fullWidth{
  padding: 0;
}

.projectFactsWrap .item{
  width: 25%;
  height: 100%;
  padding: 50px 0px;
  text-align: center;
}

.projectFactsWrap .item:nth-child(1){
  background: #ff503f;
}

.projectFactsWrap .item:nth-child(2){
  background:#ff503fc4;
}

.projectFactsWrap .item:nth-child(3){
  background: #ff503f;
}

.projectFactsWrap .item:nth-child(4){
  background: #ff503fc4;
}

.projectFactsWrap .item p.number{
  font-size: 40px;
  padding: 0;
  font-weight: bold;
}




.projectFactsWrap .item span{
  width: 60px;
  background: rgba(255, 255, 255, 0.8);
  height: 2px;
  display: block;
  margin: 0 auto;
}


.projectFactsWrap .item i{
  vertical-align: middle;
  font-size: 50px;
  color:#fff;    margin-bottom: 10px;
}


.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover {
  color: white;
}

.projectFactsWrap .item:hover span{
  background: white;
}

/* @media (max-width: 786px){
  .projectFactsWrap .item {
     flex: 0 0 50%;
  }
} */


/* Mobile view adjustments */
@media (max-width: 786px) {
  .projectFactsWrap {
    flex-direction: column;
    align-items: center;
  }
  .projectFactsWrap .item {
    width: 100%;
    padding: 20px 0;
  }
}

@media (max-width: 576px) {
  .projectFactsWrap .item {
    font-size: 14px;
  }
  .projectFactsWrap .item i {
    font-size: 30px;
  }
  .projectFactsWrap .item p.number {
    font-size: 30px;
  }
}

.title {
  position: relative;
  margin-top: 30px;
  width: 100%;
  text-align: center;
}

.timeline {
  position: relative;
  width: 100%;
  padding: 30px 0;
}

.timeline .timeline-container {
  position: relative;
  width: 100%;
}

.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.timeline .timeline-end p,
.timeline .timeline-start p,
.timeline .timeline-year p {display: inline-block;width: 80px;height: 80px;margin: 0;padding: 30px 0;text-align: center;background: linear-gradient(#fd654e, #86eb4d);border-radius: 100px;box-shadow: 0 0 5px rgba(0, 0, 0, .4);color: #ffffff;font-size: 14px;text-transform: uppercase;font-family: 'Poppins-Medium';font-weight: 800;font-size: 15px;}

.timeline .timeline-year {
  margin: 30px 0;
}

.timeline .timeline-continue {
  position: relative;
  width: 100%;
  padding: 60px 0;
}

.timeline .timeline-continue::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #4F84C4;
}

.timeline .row.timeline-left,
.timeline .row.timeline-right .timeline-date {
  text-align: right;
}

.timeline .row.timeline-right,
.timeline .row.timeline-left .timeline-date {
  text-align: left;
}

.timeline .timeline-date {font-size: 17px;font-weight: 600;margin: 41px 0 0 0;font-family: 'Poppins-Medium';}

.timeline .timeline-date::after {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 45px;
  background: linear-gradient(#fd654e, #fd654e);
  box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  border-radius: 15px;
  z-index: 1;
}

.timeline .row.timeline-left .timeline-date::after {left: -7px;}
.timeline .row.timeline-right .timeline-date::after {right: -7px;}
.timeline .timeline-box,
.timeline .timeline-launch {position: relative;display: inline-block;margin: 15px;padding: 20px;border: 2px solid #fd654e;border-radius:6px;background: #ffffff;}

.timeline .timeline-launch {
  width: 100%;
  margin: 15px 0;
  padding: 0;
  border: none;
  text-align: center;
  background: transparent;
}

.timeline .timeline-box::after,
.timeline .timeline-box::before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline .row.timeline-left .timeline-box::after,
.timeline .row.timeline-left .timeline-box::before {
  left: 100%;
}

.timeline .row.timeline-right .timeline-box::after,
.timeline .row.timeline-right .timeline-box::before {
  right: 100%;
}

.timeline .timeline-launch .timeline-box::after,
.timeline .timeline-launch .timeline-box::before {
  left: 50%;
  margin-left: -10px;
}

.timeline .timeline-box::after {
  top: 26px;
  border-color: transparent transparent transparent #ffffff;
  border-width: 10px;
}

.timeline .timeline-box::before {
  top: 25px;
  border-color: transparent transparent transparent #dddddd;
  border-width: 11px;
}

.timeline .row.timeline-right .timeline-box::after {
  border-color: transparent #ffffff transparent transparent;
}

.timeline .row.timeline-right .timeline-box::before {
  border-color: transparent #dddddd transparent transparent;
}

.timeline .timeline-launch .timeline-box::after {
  top: -20px;
  border-color: transparent transparent #dddddd transparent;
}

.timeline .timeline-launch .timeline-box::before {
  top: -19px;
  border-color: transparent transparent #ffffff transparent;
  border-width: 10px;
  z-index: 1;
}

.timeline .timeline-box .timeline-icon {
  position: relative;
  width: 40px;
  height: auto;
  float: left;
}

.timeline .timeline-icon i {
  font-size: 25px;
  color: #4F84C4;
}

.timeline .timeline-box .timeline-text {
  position: relative;
  width: calc(100% - 40px);
  float: left;
}

.timeline .timeline-launch .timeline-text {
  width: 100%;
}

.timeline .timeline-text h3 {font-size: 16px;font-weight: 600;margin-bottom: 3px;font-family: 'Poppins-Medium';color: #000;line-height:2;}

.timeline .timeline-text p {font-size: 14px;font-weight: 400;margin-bottom: 0;font-family: 'Poppins-Regular';line-height: 2;}

@media (max-width: 768px) {
  .timeline .timeline-continue::after {
    left: 40px;
  }

  .timeline .timeline-end,
  .timeline .timeline-start,
  .timeline .timeline-year,
  .timeline .row.timeline-left,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-right,
  .timeline .row.timeline-left .timeline-date,
  .timeline .timeline-launch {
    text-align: left;
  }

  .timeline .row.timeline-left .timeline-date::after,
  .timeline .row.timeline-right .timeline-date::after {
    left: 47px;
  }

  .timeline .timeline-box,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-left .timeline-date {
    margin-left: 55px;
  }

  .timeline .timeline-launch .timeline-box {
    margin-left: 0;
  }

  .timeline .row.timeline-left .timeline-box::after {
    left: -20px;
    border-color: transparent #ffffff transparent transparent;
  }

  .timeline .row.timeline-left .timeline-box::before {
    left: -22px;
    border-color: transparent #dddddd transparent transparent;
  }

  .timeline .timeline-launch .timeline-box::after,
  .timeline .timeline-launch .timeline-box::before {
    left: 30px;
    margin-left: 0;
  }
}


@media(min-width:300px) and (max-width:767px){
.logo {margin: 0px 0px 0px 0px;}
.togle_btn{border-radius: 8px;padding: 15px;background:#fd654e;margin-top: 1em;}
.navbar-nav .nav-link{font-family: 'Poppins-Medium';color: #000;padding: 13px;}
button:focus {outline: 0px dotted;outline:0px auto -webkit-focus-ring-color;}
.phone-no {margin-top: 7px;text-align: center;}
.footer-top h4 {padding-top: 17px;}
.card {flex: 0 0 calc(50% - 20px);max-width: calc(100% - 20px);}
.button-three {width: 52%;}
.button-three {margin: 0 0 35px 0px;}
.abt_mrg {margin-top: 2em;}
.abt_img{margin-top: 4em;}
.content-row {display: block!important;}
.right .content {padding-left:0em!important;}
.abt-img {margin-top: 2em;}}

.total-number{
  font-family:RampartOne-Regular;
  font-size: 102px;
  color: #ff503f;
}
.total-vehicle{
  /* font-family:RampartOne-Regular; */
  font-size: 50px;
  font-weight: 900;
  color: #599a48;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}
.total-vehicle-number{
  font-family:RampartOne-Regular;
  font-size: 90px;
  color: white;
  margin-bottom: 0 !important;
}

.total-card{
  box-shadow: 0 4px 8px rgba(255, 80, 63, 0.5);
}
.vehicle-card{
  background-color: rgb(255, 80, 63);
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease-in-out;
    border-radius: 15px;
    visibility: visible;
    animation-delay: 0.9s;
}
.vehicle-card:hover{
  background-color:#742b2b;
  box-shadow: 0 8px 16px rgba(116, 43, 43, 0.7);
  transform: scale(1.05);
}
.vehicle-card-middle{
  background-color: #ff503f94;border-radius: 15px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease-in-out;
  visibility: visible;
  animation-delay: 0.9s;
}
.vehicle-card-middle:hover{
  background-color:#742b2b;
  box-shadow: 0 8px 16px rgba(116, 43, 43, 0.7);
  transform: scale(1.05);
}