html,
body {
  scroll-behavior: smooth;
}

.home-banner {
  position: relative;
  height: 630px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  z-index: -2;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: -1; 
}

.main-h1 {
  position: relative;
  z-index: 1; 
  text-align: center;
  color: white;
  padding-top: 150px;
}


.parallax-image-section {
  background-image: url(../images/home-01/parallex-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.parall-image-section {
  background-image: url(../images/home/parallax-new.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
}

.parallax-mob {
  background-image: url(../images/home/parallax-banner.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: unset !important;
  position: relative;
}

.parallax-section.zoom {
  transition: background-size 0.5s ease;
}

.grad {
  position: relative;
}

.parallax-image-section .row {
  position: relative;
}

.grad:before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(11, 11, 19, 0) 50%, rgba(11, 11, 19, 1) 100%);
  position: absolute;
  display: block;
  top: 0;
}

.parallax-section.zoomed {
  background-size: 120%;
  /* Adjust the zoom level as needed */
}

.parall-image-section .row {
  position: relative;
}

.parall-image-section:before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(11, 11, 19, 1) 00%, rgba(11, 11, 19, 0) 26%);
  position: absolute;
  display: block;
  top: 0;
}


.red-button a {
  padding: 16px 22px 20px 22px;
  background-color: #AD2121;
  color: #fff;
  border: 1px solid #AD2121;
}

.red-button a::before {
  content: "";
  position: absolute;
  transition: 0.5s;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 0%;
  background-color: #fff;
}

.red-button a:hover::before {
  width: 100%;
}


.red-button a:hover {
  background-color: #fff;
  color: #AD2121;
  transition: 0.5s ease-in !important;
}

.color-box {
  border: 2px solid #000;
  padding: 20px;
}

@media (min-width: 1200px) {
  .move-row {
    right: 90px;
  }
}

.color-box .red-line:before {
  content: url(../images/home/b-line.svg);
  margin-right: 3px;
  position: relative;
  top: 4px;
}

.color-box:hover .red-line:before {
  content: url(../images/home/h-white.svg);
}

.color-box .red-line {
  margin: 0;
}

.color-box img {
  transform: translateX(-10%);
}

.color-box {
  position: relative;
  overflow: hidden;
}

.mt--15 {
  margin-top: -15px;
}


#shrink {
  transform: scale(1);
}

#shrink-tagline {
  transform: translateY(80px);
}

.tagline {
  position: absolute;
  padding-bottom: 16px;
  color: white;
  top: 38%;
  margin-left: 14vw;
  background-color: #AD2121;
  padding: 50px;
  width: 30% !important;
  justify-content: center;
  font-size: 48px;
  opacity: 0;
}

.image-class img {
  width: 100% !important;
  object-fit: contain;
}

.image {
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 15%, rgba(255, 250, 250, 1) 15%, rgba(255, 250, 250, 1) 85%, rgba(255, 255, 255, 1) 85%);
  line-height: 0;
  position: relative;
}

.scroll-section .content p {
  border-left: 2px solid #fff;
  padding-left: 5px;
}


.faq {
  margin-top: -80px;
  z-index: 4;
  position: relative;
}

.faq .accordion-item {
  margin-bottom: 16px;
  border: 1px solid #FFE7E9;
  border-radius: unset !important;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}

.faq .accordion-button:not(.collapsed) {
  color: #BD2127;
  background-color: unset !important;
  box-shadow: unset !important;
}

.faq .accordion-button {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  padding: 25px 75px 25px 25px;
}

.faq .accordion-body:before {
  content: url(../images/home/faq-line.svg);
  position: absolute;
  z-index: 1;
  display: block;
  top: -21px;
  left: 27px;
  transform: scale(1.03);
}

.faq .accordion-button:before {
  content: url(../images/home/faq-normal.svg);
  position: absolute;
  left: 0;
}

.faq .accordion-button:not(.collapsed):before {
  content: url(../images/home/faq-active.svg);
  position: absolute;
  left: 0;
}

.faq .accordion-body {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #666666;
  padding: 25px;
  position: relative;
}

.faq .accordion-button:focus {
  box-shadow: unset !important;
}

.faq .accordion-button::after {
  background-image: none !important;
  transition: unset !important;
  content: url(../images/home/plus.svg);
  position: absolute;
  width: unset !important;
  right: 20px;
  top: 25px;
}

.faq .accordion-button:not(.collapsed)::after {
  background-image: none !important;
  transform: unset !important;
  content: url(../images/home/minus.svg);
}

.footer-head {
  font-size: 12px;
  line-height: normal;
}
.footer-top .quick-links ul {
  list-style-type: none;
  padding: 0;
}

.footer-top .quick-links ul li {
  line-height: 36.8px;
  font-weight: 500;
}

.ftr-phone::before {
  content: url(../images/home/call.svg);
  margin-right: 7px;
}

.ftr-phone {
  display: flex;
}

.ftr-adr {
  display: flex;
}

.ftr-adr::before {
  content: url(../images/home/location.svg);
  margin-right: 7px;
}

.footer-btm ul {
  list-style-type: none;
  padding: 0;
}

.footer-btm .dot {
  display: flex;
}

.footer-btm .dot::before {
  content: url(../images/home/dot.svg);
  position: relative;
  left: -22px;
  top: -1px;
}

.footer-btm .border-red {
  border-top: 1px solid #AD2120;
}

.color-box:hover {
  background-color: #AD2120;
}

.color-box .hover {
  display: none;
}

.color-box:hover .hover {
  display: block;
}

.color-box:hover .normal {
  display: none;
}


@media (max-width:1200px) {

  .faq .accordion-body:before {
    content: unset !important;
  }

  .taglin .content {
    background-color: #AD2121;
    padding: 20px;
    color: #fff;
    height: 100%;
  }

  .faq {
    margin-top: 0;
    padding-top: 40px;
  }

  .taglin .content img {
    width: 100px;
  }

  .navbar .nav-item .nav-link {
    color: #fff !important;
  }
}

@media (min-width: 600px) and (max-width: 1140px) {
  .parallax-image-section {
    background-image: url(../images/home-01/parallex-bg.png);
    background-position: bottom !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
  }

  .mbl-height {
    height: 41vh !important;
  }

  .parallax-mob {
    height: 52vh !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 1140px) {
  .desk-none {
    display: none;
  }

  .desk-block {
    display: block;
  }

  .h-80 {
    height: 80vh;
  }
}

@media (max-width:1140px) {
  .mob-tab-none {
    display: none !important;
  }

  .mob-tab-block {
    display: block;
  }
}


@media (min-width: 1000px) and (max-width: 1200px) {
  .move-row {
    right: 90px;
  }

  .parallax-mob {
    height: 100vh !important;
  }

  .mbl-height {
    height: 69vh !important;
    margin-top: 2rem;
  }
}

.h-60 {
  height: 60vh !important;
}

.h-100vh {
  height: 100vh !important;
}

.text-left {
  text-align: left !important;
}

.accordion {
  --bs-accordion-btn-active-icon: url(../images/home/faq-down-arrow.svg);
  --bs-accordion-btn-icon: url(../images/home/faq-down-arrow.svg);
 }

@media (max-width: 600px) {
  .parallax-image-section {
    background-image: url(../images/home-01/parallex-mob.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
  }

  .spt-100 {
    padding-top: 40px !important;
  }

  .spb-100 {
    padding-bottom: 40px !important;
  }

  .mbl-height {
    height: 27vh !important;
    margin-top: 5rem;
  }

  .count-box .purecounter,
  .count-box .text-red {
    font-size: 48px !important;
    line-height: 56px !important;
  }
}

@media (min-width:600px) and (max-width: 1200px) {
  .h-60 {
    height: 30vh !important;
  }
}

.banner-mob {
  margin-top: 8rem;
}

/* about us page */
/* .about-us {
  background-image: url(../images/about/about-us-d-banner.jpg);
  background-position-x: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 95vh;
} */

@media (min-width: 1200px){
 .about-us .banner-content{position: absolute;top: 50%;
    left: 23%;
    transform: translate(-38%, -50%);}
}
@media (min-width: 1300px){
 .about-us .banner-content{position: absolute;top: 50%;
    left: 23%;
    transform: translate(-28%, -50%) !important;}
}
@media (min-width: 1400px){
 .about-us .banner-content{position: absolute;top: 50%;
    left: 23%;
    transform: translate(-28%, -50%)!important;}
}

@media (min-width: 1450px){
 .about-us .banner-content{position: absolute;top: 50%;
    left: 23%;
    transform: translate(-16%, -50%)!important;}
}
@media (min-width: 1700px){
 .about-us .banner-content{position: absolute;top: 50%;
    left: 23%;
    transform: translate(3%, -50%)!important;}
}


@media (max-width: 1200px) {
  .about-us {
    height: 36vh !important;
    margin-top: 6.4rem;
  }
}

.scroll-img:before {
  content: url(../images/about/b-top.png);
  position: absolute;
  left: 0;
  top: 0;
}

.scroll-img:after {
  content: url(../images/about/b-bottom.png);
  position: absolute;
  right: 0;
  bottom: -7px;
}



.pe-6 {
  padding-right: 4rem !important;
}

.scroll-top-image {
  position: sticky;
  top: 80px;
}

.mission-box {
  background-image: url(../images/about/mission.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.vision-box {
  background-image: url(../images/about/vision.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.vision-box h4:before {
  content: url(../images/about/after-line.svg);
  margin-right: 10px;
}

.vision-box h4 {
  display: flex;
}

.mission-box h4:before {
  content: url(../images/about/after-line.svg);
  margin-right: 10px;
}

.mission-box h4 {
  display: flex;
}

.vision-box ul {
  padding-left: 15px;
}

.mission ul {
  padding-left: 15px;
}

.plain-image {
  background: url(https://varshalogistics.blr1.cdn.digitaloceanspaces.com/plain-image.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.h-90 {
  height: 90vh;
}

.clientSwiper .swiper-wrapper {
  align-items: center;
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.tabs .swiper {
  width: 100%;
}

.tabs .swiper-slide {
  width: 100%;
}

 .protabBtn p {
  color: #AD2121;
  font-weight: 500;
  border: unset !important;
  border-bottom: 1px solid rgba(209, 209, 209, 1) ;
  border-image-slice: 1;
  font-family: var(--font-main);
  font-size: 18px;
  line-height: 27px; margin: 0 20px;
  position: relative;
}

.swiper-slide-thumb-active .protabBtn p:after {
  content: '';
  width: 110% !important;
  height: 4px;
  border-top: 4px solid #AD2121;
  display: block;
  position: absolute;
  left: -2px;
  bottom: 0px;
  border-radius: 10px;
}

.bdr-d1 {
  border: 1px solid #D1D1D1;
}


@media (min-width: 1200px) {
    .proSlider{margin-top: 1.5rem !important;}
    .proSlider .swiper-wrapper{
         border-bottom: 1px solid rgba(209, 209, 209, 1) ; width: fit-content; margin:0 !important;
    }
   .proSlider .swiper-slide {
    width: fit-content !important;
  }

  .protabBtn {
    width: fit-content;
  }
}

.tab-next:after {
  content: url(../images/about/prev.svg) !important;
 
}

.tab-prev:after {
  content: url(../images/about/next.svg) !important;
 
}

.tab-next {

  position: absolute;
  right: -50px !important;
  top: 42% !important;
}

.tab-prev{
  position: absolute;
  left: -50px !important;
  top: 42% !important;
}

@media (max-width: 600px) {
    .proSlider{margin-bottom: 1.5rem !important;}
 .tab-next {

  position: absolute;
  right: 0px !important;
  top: 10px !important;
}

.tab-prev{
  position: absolute;
  left: 0px !important;
  top: 10px !important;
}

}
@media (min-width: 600px) and (max-width: 1200px) {
     .proSlider{margin-bottom: 1.5rem !important;}
       .tabs{display: flex; flex-direction: column-reverse !important;}
         .tabs .swiper-slide {
    display: flex;
  }

    .swiper.proSlider2  {width: 90% !important;}
 .tab-next {

  position: absolute;
  right: -10px !important;
  top: 50%!important;
  
}

.tab-prev{
  position: absolute;
  left: -10px !important;
  top: 50% !important;
}


}

@media (max-width: 600px){
      .tabs .swiper-slide {
    display: flex;
    justify-content: center;
  }
  .tabs{display: flex; flex-direction: column-reverse !important;}
}


@media (max-width: 1200px) {
  .tabs .tabSwiper  .swiper {
    width: 85% !important;
  }


}

@media (min-width: 1200px) {
  .about-us .footer-top {
    margin-top: -170px;
    position: relative;
  }
}

@media (min-width: 1400px) {
  .about-us .footer-top {
    margin-top: -190px;
    position: relative;
  }
}

@media (min-width: 1500px) {
  .about-us .footer-top {
    margin-top: -250px;
    position: relative;
  }
}

@media (min-width: 1600px) {
  .about-us .footer-top {
    margin-top: -320px;
    position: relative;
  }
}

.about-us .abo {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (max-width: 600px) {
  .plain-image {
    background: url(https://varshalogistics.blr1.cdn.digitaloceanspaces.com/plain-mob-image.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
    height: 60vh !important;
    padding-top: 100px !important;
  }

  .vision-box {
    padding: 2rem !important;
  }

  .mission-box {
    padding: 2rem !important;
  }

  .mission-box h4:before {
    transform: scale(0.6);
    top: -7px;
    position: relative;
  }

  .vision-box h4:before {
    transform: scale(0.6);
    top: -7px;
    position: relative;
  }
}

@media (min-width: 600px) and (max-width: 1200px) {
  .plain-image {
    background: url(https://varshalogistics.blr1.cdn.digitaloceanspaces.com/plain-mob-image.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
    height: 40vh !important;
  }

  .spt-100 {
    padding-top: 60px !important;
  }

  .scroll-top-image {
    position: sticky;
    top: 120px;
  }
}
.about-us .image {
    background: linear-gradient(180deg, rgba(248, 248, 248, 1) 15%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 85%, rgba(248, 248, 248, 1) 85%) !important;
    line-height: 0;
    position: relative;
}

/* awards page */
.spt-200{padding-top: 8rem;}
.awards-spec{box-shadow: 0 0 8.96px 0 #AD212026;border-radius:  16px;}

.awards .navbar .nav-item .nav-link {color: #000 !important;}
@media (min-width: 1200px) {
    .awards .navbar .nav-item .nav-button {
        color: #fff !important;
        background-color: #000;
        border: 1px solid #000;
        padding: 10px 30px !important;
        border-radius: 47px;
        font-weight: 500 !important;
    }
}

/* accreditations page */
.accreditations-spec{box-shadow: 0 0 8.96px 0 #AD212026;border-radius:  16px;}

.accreditations .navbar .nav-item .nav-link {color: #000 !important;}
@media (min-width: 1200px) {
    .accreditations .navbar .nav-item .nav-button {
        color: #fff !important;
        background-color: #000;
        border: 1px solid #000;
        padding: 10px 30px !important;
        border-radius: 47px;
        font-weight: 500 !important;
    }
}

@media(min-width: 600px){
    .mt-10 {
  margin-top: 6rem !important;
}
	.bor-left::before{
		content: url(../images/accreditations/line.svg);position: absolute;
        left: -30px;
	}
}
@media (max-width: 600px){
	.scale img{
		transform: scale(0.7);
	}
}

@media (min-width: 600px) and (max-width: 1200px){
	.scale img{
		transform: scale(0.9);
	}
	.md-b{display: block;}
}

.contact-us-page .navbar .nav-item .nav-link {color: #000 !important;}
@media (min-width: 1200px) {
    .contact-us-page .navbar .nav-item .nav-button {
        color: #fff !important;
        background-color: #000;
        border: 1px solid #000;
        padding: 10px 30px !important;
        border-radius: 47px;
        font-weight: 500 !important;
    }
}

/* operates page */

.operates .navbar .nav-item .nav-link {color: #000 !important;}
@media (min-width: 1200px) {
    .operates .navbar .nav-item .nav-button {
        color: #fff !important;
        background-color: #000;
        border: 1px solid #000;
        padding: 10px 30px !important;
        border-radius: 47px;
        font-weight: 500 !important;
    }
}

.video-section{background-image: url(../images/operates/temp-image.jpg); background-position: center; background-size: cover;background-repeat: no-repeat;}
.how-operates .title-number{font-size: 64px;line-height: 83.2px; color: #AD21211A;font-weight: 700;}
.top-text{position: relative; margin-top: -55px;}
@media (max-width: 1200px){
	.top-text{position: relative; margin-top: -40px;}
.video-section.h-90{height:25vh !important;}
.how-operates .title-number{font-size: 44px;line-height: 54px; color: #AD21211A;}
}
@media (max-width: 600px){
    .mt-10 {
  margin-top: 2rem !important;
}
    	.top-text{position: relative; margin-top: -17px;}
	.video-section.h-90{height: 16vh !important;}
	.how-operates .title-number{font-size: 30px;line-height:40px; color: #AD21211A;}
}

/* about us page */

.about-us .navbar .nav-item .nav-link {color: #000 !important;}
@media (min-width: 1200px) {
    .about-us .navbar .nav-item .nav-button {
        color: #fff !important;
        background-color: #000;
        border: 1px solid #000;
        padding: 10px 30px !important;
        border-radius: 47px;
        font-weight: 500 !important;
    }
    .about-us header{background-color: #fff;
    transition: 0.5s;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
}
@media (min-width: 1200px){
    .proSlider2 .swiper-slide{width: 999px !important;margin-left: 1px !important;}
}

.proSlider .swiper-slide{cursor: pointer;}

.angle .bi:before{font-size: 11px;
    margin-left: 5px;}
.angle:hover{text-decoration: underline;}

@media (max-width: 600px){
  .scroll-section .content p {
    border-left:unset !important;
    padding-left: 5px;
}
}


section.inner--banner {
  padding-top: 130px;
  padding-bottom: 50px;
}

.thankyou .navbar .nav-item .nav-link {
  color: #000 !important;
}

@media (min-width: 1200px) {
.thankyou  .navbar .nav-item .nav-button {
      color: #fff !important;
      background-color: #000;
      border: 1px solid #000;
      padding: 10px 30px !important;
      border-radius: 47px;
      font-weight: 500 !important;
  }
}




.founder .navbar .nav-item .nav-link {
  color: #000 !important;
}

.about-us .navbar .nav-item .nav-link:hover{color: #AD2121 !important;}
.about-us  .navbar .nav-item .nav-button:hover{color: #fff !important;background-color: #AD2121 !important;}
.operates .navbar .nav-item .nav-link:hover{color: #AD2121 !important;}
.operates  .navbar .nav-item .nav-button:hover{color: #fff !important;background-color: #AD2121 !important;}
.awards .navbar .nav-item .nav-link:hover{color: #AD2121 !important;}
.awards .navbar .nav-item .nav-button:hover{color: #fff !important;background-color: #AD2121 !important;}
.accreditations .navbar .nav-item .nav-link:hover{color: #AD2121 !important;}
.accreditations .navbar .nav-item .nav-button:hover{color: #fff !important;background-color: #AD2121 !important;}
.founder .navbar .nav-item .nav-link:hover{color: #AD2121 !important;}
.founder .navbar .nav-item .nav-button:hover{color: #fff !important;background-color: #AD2121 !important;}

.header.scrolled .navbar .nav-item .nav-button:hover{color: #fff !important;background-color: #AD2121 !important; border: 1px solid #AD2121 !important;}

@media (max-width: 600px){
  .mt--20{margin-top: -20px;}
}

@media (min-width:1200px){
  .homepage .header .nav-button{
    background-color: transparent !important;
    border: 1px solid transparent !important;
    color: #fff !important;
  }
  .header.scrolled .navbar .nav-item .nav-button {
    color: #fff !important;
    background-color: #1F1F1F !important;
    border: 1px solid #1F1F1F !important;
}}



.bg-grad{
  background: linear-gradient(90deg, rgba(249,249,249,1) 50%, rgba(255,255,255,1) 50%);
}
.w-90{width: 85%;}
@media (max-width: 600px){
.bg-grad{
  background: linear-gradient(180deg, rgba(249,249,249,1) 50%, rgba(255,255,255,1) 50%);
}}

.bg-red{background-color: #AD2121;position: absolute; right: 7px; bottom: 40px; padding: 18px 36px;}
.bg-red:before{content: url(../images/founder/frame.svg);position: absolute; top: 10px; left: 10px;}
.bg-red:after{content: url(../images/founder/frame.svg);position: absolute; bottom: 10px; right: 10px; transform: rotate(180deg);}
.color-box.bg-lblack{cursor: pointer;}


@media (min-width: 1200px) {
  .founder  .navbar .nav-item .nav-button {
        background-color: #000 !important;
        border: 1px solid #000 !important;
        padding: 10px 30px !important;
        border-radius: 47px;
        font-weight: 500 !important;
        color: #fff !important;
    }
  }

  .bg-blackgrey{background-color: #222121;}
@media (min-width: 992px){
  .about-line:after{
    content: url(../images/about/vision-line.svg);
    position: absolute; top: 0; right: -80px;
  }
}

.mission .red-color-box{background-color: #AD2121; padding: 20px 0 20px 20px; border-radius: 20px;position: relative;
  top: -7px;}
.mission .top-image{position: relative; margin-top: -75px ; border: 10px solid #AD2121; border-radius: 50%;}
.lh-20-8{line-height: 20.8px;}
.mission .new-box{background-image: url(../images/about/badge.png); background-position: center; background-size: cover; background-repeat: no-repeat; height: 455px; padding: 40px;}
@media (min-width: 600px) and (max-width: 992px){
  .mission .top-image{position: relative; margin-top: -65px ; border: 10px solid #AD2121; border-radius: 50%;}
  .mission .new-box{background-image: url(../images/about/badge.png); background-position: center; background-size: cover; background-repeat: no-repeat; height: 400px; padding: 27px;}
}

@media (max-width: 600px){
  .mission .new-box{background-image: url(../images/about/badge.png); background-position: center; background-size: cover; background-repeat: no-repeat; height: 470px; padding: 40px;}
}

.modal-content{width: auto !important;}
.modal-dialog{max-width: fit-content;}
.modal-body .btn-close{
  position: absolute;
  right: -14px;
  color: #fff !important;
  --bs-btn-close-color: #fff !important;
  top: -15px;
  opacity: 1;
  background-color: #00fcff;
  padding: 10px;
  border-radius: 50%;
  filter: brightness(1) invert(1);
}
.modal-footer{border: none;padding-top: 0;}
.modal .nav-button{color: #fff; background-color: #AD2121; border: 1px solid #AD2121; padding: 10px 30px;border-radius: 40px;}



/* Start: Newly added styles */

.c-card:before {
  content: url(../images/fleet-capabilities/line-left.svg);
  position: absolute;
  left: 20px;
  top: 20px;
}

.c-card:after {
  content: url(../images/fleet-capabilities/line-right.svg);
  position: absolute;
  right: 20px;
  bottom: 15px;
}

.c-spb-100 {  
  padding-bottom: 240px;
}

.c-shadow {
  box-shadow: 0px 0px 8.96px 0px #AD212026;
}

.red-arrow{
  list-style-type: none;
  list-style-image:url(../images/fleet-capabilities/red-arrow.svg);  
}

.red-arrow li {
  font-size: 16px;
  margin-bottom: 14px;
}

.cp-5 {
  padding: 12px;
}

.bg-red-img {

  background-image: url(../images/fleet-capabilities/last-sec-bg.png); 
  background-position: center;
  background-size: cover; 
  background-repeat: no-repeat;
  padding: 40px;
  border-radius: 12px;
 
}

.font-24 {
font-size: 24px;
font-weight: 600;
line-height: 36px;
text-align: left;

}

.font-27 {
font-size: 27px;
font-weight: 700;
line-height: 40.5px;
text-align: left;
}

.font-w400 {
  font-weight: 400 !important;
}



.l-border:before {
  content: url(../images/fleet-capabilities/hor-line-white.svg);
  position: absolute;
  left: 41px;
  bottom: 61px;
}

.terrain-bg {
  background: url(../images/fleet-capabilities/no-terrain-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

@media (max-width: 600px){
  .l-border:before {
    content: url();   
  }
  .l-border {
    border-left: 1.5px solid #ffffff;
  }
  .c-spb-100 {  
    padding-bottom: 50px;
  }

  .font-24 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
}

.font-27 {
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
  text-align: left;
}

.c-mob-50 {
  height: 50vh;
}

}

@media (min-width: 600px) and (max-width: 1200px){
	.c-mob-50 {
    height: 50vh;
  }

  .c-spb-100 {  
    padding-bottom: 50px;
  }
}

@media (min-width: 1200px) {
 
}

.c-mb {
  margin-bottom: -10px;
}


/* End: Newly added styles */