*{margin:0; padding:0; font-family: "Poppins", sans-serif;}



img{width: 100%}



.blue{color:#1571b6}



.dis-flex-center{display: flex; align-items: center;}

.dis-flex{display: flex;}



.pd-top-60{padding-top:60px;}

.pd-btm-60{padding-bottom:60px;}



.pd-top-80{padding-top:80px;}

.pd-btm-80{padding-bottom:80px;}



.text-white{color: #fff !important}

.text-black{color:#000 !important}



.text-yellow{color: #ffa903 !important}



.read-more-btn a{padding:15px 30px; background: #fe8a01; display: inline-block; color: #fff; border-radius:15px; margin-top: 15px; font-size: 13px; letter-spacing: 1px; text-transform: uppercase;}



a:hover{text-decoration: none}



header{position: absolute;top: 0; width: 100%; z-index: 9999}



.header-box{width: 338px; padding: 10px 0;}

.header-menu-box{display: flex; justify-content: flex-end; flex:1; text-align: right;}



.header-menu ul{margin:0; padding:0; display: flex;}

.header-menu ul li{display: block; position: relative;}

.header-menu ul li a{display: block; font-size: 15px; color: #fff; font-weight: 500; padding: 10px 20px;}



.header-menu ul li ul.sub-menu{display: none; width: 250px; top:100%; border-radius:20px; padding: 10px 0; background: #fff; position: absolute; text-align: left; overflow: hidden;}

.header-menu ul li ul.sub-menu li{display: block;}

.header-menu ul li ul.sub-menu li a{color: #000; display: block; padding: 10px; font-size: 13px; padding-left: 28px;}

.header-menu ul li ul.sub-menu li a:hover{background: #eee}



.header-menu ul li ul.sub-menu li:before{content: ''; position: absolute; height:0; width:0; border-left:#000 solid 5px; border-top:transparent solid 5px; border-bottom:transparent solid 5px; left:15px; top: 14px;}



.header-menu ul li:hover ul.sub-menu{display:block;}



.arrow-down{display: inline-block; margin-left: 5px; height:0; width:0; border-top:#fff solid 5px; border-left:transparent solid 5px; border-right:transparent solid 5px; position: relative; top:-1px}





.menu-trigger{display: none;}







.banner-box{position: relative; background:#101213; padding:150px 0 155px 0; z-index: 9; overflow: hidden; border-bottom-left-radius: 100px; border-bottom-right-radius:100px;}



.ban-icon1{width: 60px; top: 20%; left: 15%; display: inline-block; position: absolute; animation:iconO 5s infinite; z-index: 9}



.ban-icon2{width: 90px; bottom: 20%; left: 10%; display: inline-block; position: absolute;  animation:iconTw 5s infinite; z-index: 9}



.ban-icon3{width: 120px; top: 20%; right: 12%; display: inline-block; position: absolute; transform: rotate(10deg); z-index: 9}



.ban-icon4{width: 60px; bottom: 20%; right: 5%; display: inline-block; position: absolute; z-index: 9; animation:iconF 5s infinite;}





@keyframes iconO {

  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.2);

  }

  100% {

    transform: scale(1);

  }

}



@keyframes iconTw {

  0% {

   bottom:20%

  }

  50% {

    bottom: 25%

  }

  100% {

    bottom:20%

  }

}



@keyframes iconF {

  0% {

   right: 5%;

   bottom: 20%

  }

  50% {

    right: 3%;

    bottom: 23%

  }

  100% {

    right: 5%

       bottom: 20%

  }

}







.shape-top1{height: 500px; width: 300px; left: -50px; background:#730273; border-radius:50%; top:-190px; filter: blur(100px); display: inline-block; position: absolute; z-index: 1}

.shape-bottom1{height: 800px; width: 500px; right: -100px; background:#77072c; border-radius:50%; bottom:-190px; filter: blur(100px); display: inline-block; position: absolute; z-index: 1}



.banner-hero-top{position: relative; z-index: 99; display: block;}



/*.page-hero-overlay {position: absolute; inset: 0; background: linear-gradient(135deg, rgba(13,15,20,0.97) 0%, rgba(13,15,20,0.75) 60%, rgba(224,16,32,0.18) 100%);}*/

.page-hero-grid {position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px); background-size: 60px 60px;}



.page-hero-accent {position: absolute; right: 0; top: 0; bottom: 0; width: 35%; background: linear-gradient(135deg, transparent 0%, rgba(224,16,32,0.06) 100%); clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);}



.banner-hero-hd{font-size: 87px; font-weight: 800; color: #fff; margin-bottom: 41px; line-height:108px; }

.banner-hero-txt{font-size: 21px; color: #fff; line-height:42px; font-weight: 300;}



.banner-hero-hd span{display: inline-block; color:#f9d446;}



.banner-hero-sm-hd{background:#ffa903; border: #ffa903 solid 1px; color: #000; border-radius: 4px; padding: 5px 10px; display: inline-block; margin-bottom: 13px; position: relative; z-index: 9; text-transform: uppercase; font-weight: 600;

  letter-spacing: 3px; font-size: 13px;}



.banner-hero-sm-hd:before{content:''; position: absolute; height: 23px; width: 24px; border-radius: 3px; background: #ffa903; right: -12px; top:3px; bottom:0; z-index: -1; transform: rotate(45deg);} 



/*.banner-box:before {z-index: 9; position: absolute; height: 15px; bottom: 0px; left: 0; content: ''; width: 100%; background: url(../images/header-shape.png) no-repeat; transform: rotate(180deg);

  background-size: cover;}*/



.center-down{height: 80px; width:80px; border-radius: 50%; margin:auto; margin-top: 15px; background: #fff; text-align: center; animation: jumpInfinite 1.5s infinite; position: absolute; left:0; right:0;} 

.center-down-arr{height: 20px; width: 20px; border:#000 solid 2px; border-top:0; border-right:0; transform: rotate(-45deg); display: inline-block; position: relative; top:27px;}



@keyframes jumpInfinite {

  0% {

    margin-top: 0;

  }

  50% {

    margin-top: 20px;

  }

  100% {

    margin-top: 0;

  }

}



.call-now-emer{display: inline-block; border-radius: 999px; padding: 15px 35px; font-weight: 800; color: #000; background: #ffa903; border: #ffa903 solid 1px; margin-right: 5px; margin-top: 25px; font-size: 15px;

  text-transform: uppercase; letter-spacing: 1px;}



.call-now-emer:hover{color: #ffa903; background: none}



.explore-service{display: inline-block; border-radius: 999px; padding: 15px 35px; font-weight: 800; color: #ffa903; background: none; border: #ffa903 solid 1px; margin-right: 5px; margin-top: 25px; font-size: 15px;

  text-transform: uppercase; letter-spacing: 1px;}



.explore-service:hover{color: #000; background: #ffa903;}





.main-heading-highlight{font-size: 16px; color:#73072b; font-weight: 600; background: rgba(0,0,0,0.2); padding:15px; border-radius: 20px; margin-bottom: 15px;}



 .main-heading .main-inner{font-size: 47px; font-weight:400; margin:0; margin-bottom: 10px; line-height:66px; color: #000}

.main-txt{font-size: 16px; color:#000; line-height: 28px;}



.main-list{margin-top:35px;}

.main-list ul{margin:0; padding:0;}

.main-list ul li{display: block; position: relative; font-size: 16px; margin:15px 0; color:#000}

.main-list ul li span{height: 20px; width: 20px; top:3px; left: 5px; background: #000; display: inline-block; border-radius:50%; margin-right: 8px;}

.main-list ul li span:before{content: ''; position: absolute; height: 7px; width: 15px; border:#fff solid 2px; border-top:0; border-right:0; transform: rotate(-45deg); left:3px; top:3px;}





.main-heading-sssm{margin-bottom: 7px; color:#003bad; font-size: 17px; font-weight: 600;}

.main-heading-sssm span{height: 3px; width:50px; border-radius: 999px; background:#003bad; margin-left: 5px; display: inline-block; position: relative; top:-2px;}

.main-heading-sssm span:before{content:''; position: absolute; height: 10px; width: 10px; border-radius: 50%; right:0; top:-3px; background: #003bad}



.main-heading-sssm.text-yellow span{background:#ffa903}

.main-heading-sssm.text-yellow span:before{background:#ffa903}





.top-box-cont{position: relative;}



.shape1{width: 250px; height: 250px; position: absolute; bottom: 0; left:-75px; opacity: 0.4}

.shape2{width: 50px; height: 50px; position: absolute; right:5%; top:10%}

.shape3{width: 70px; height: 70px; position: absolute; right:20%; bottom: 5%}



.do-we{background:#130f25; position: relative;}

.do-we svg {



    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.out-top{filter: blur(100px);}

.in-top{filter: blur(100px);}





.left-img-home{display: flex;}

.left-img-1{animation: leftImageone 4s infinite; width: 250px; position: relative;}





@keyframes leftImageone {

  0% {

    top: 0;

  }

  50% {

    top: -30px;

  }

  100% {

    top: 0;

  }

}



.left-img-2{animation: leftImagesec 4s infinite; width: 250px; margin-left: 15px; position: relative;}





@keyframes leftImagesec {

  0% {

    top: 0;

  }

  50% {

    top: 30px;

  }

  100% {

    top: 0;

  }

}





.ser-vi-home{margin-top:25px;}



.ser-vi-home ul{margin:0 -15px; padding:0; display: flex; flex-wrap: wrap;}

.ser-vi-home ul li{display: flex; width: 33.33%; position: relative; padding: 15px;}


.ser-vi-home ul li a{display: flex; width: 100%;; transform: scale(1); transition: .2s ease}

.ser-vi-home ul li a:hover{transform: scale(1.05); transition: .2s ease;}

.ser-vi-home-inner{width: 100%; border-radius:20px; overflow: hidden; box-shadow: rgba(0,0,0,0.2) 1px 1px 20px; padding-bottom:0px; position: relative; background: #fff; padding:30px;}

.ser-vi-inner-img{height: 215px; overflow: hidden;}



.ser-vi-inner-box-home{padding-top:20px;}

.ser-vi-home-hd{font-size: 24px; font-weight:500; color: #000; margin-bottom: 10px;}

.ser-vi-home-txt{font-size: 16px; color:#535e66; line-height: 26px;}



.ser-vi-home-txt p{color:#000; padding-left: 20px; position: relative; font-size: 16px;}

.ser-vi-home-txt p:before{content:''; position: absolute; height: 10px; width: 10px; border-radius: 50%; background: #000; left:0; top:4px;}

.ser-vi-home-txt p:after{content:''; position: absolute; height: 10px; width: 10px; border-radius: 50%; background: #fff; border: #000 solid 2px; left: 3px; top:7px;}





.services-btn-home{display: flex; position: absolute; left:0; bottom:0; width: 100%}

.servive-btn-call-home{width: 50%;}

.servive-btn-call-home a{background-image:linear-gradient(to right, #ffa903, #ff7575); display: block; padding: 20px; font-size: 15px; font-weight: 700; color: #000}

.servive-btn-call-home a span{height:25px; width: 25px; display: inline-block; margin-right: 5px;}

.servive-btn-whatsapp-home{width: 50%;}

.servive-btn-whatsapp-home a{background-image:linear-gradient(to right, #23cc62, #007d2f); display: block; padding: 20px; font-size: 15px; font-weight: 700; color: #fff}

.servive-btn-whatsapp-home a span{height:25px; width: 25px; display: inline-block; margin-right: 5px;}







.show-case ul{margin:0 padding:0; display: flex; flex-wrap: wrap;}

.show-case ul li{display: block; position: relative; width: 33.33%; padding: 10px; display: flex; transition: .2s ease; top:0}

.show-case ul li:hover{transition: .2s ease; top:-10px;}

.show-case-img{height: 240px; overflow: hidden;}

.show-case-box{display: block; width: 100%; border-radius: 15px; overflow: hidden; position: relative; box-shadow: rgba(0,0,0, 0.3) 1px 10px 10px;}

.show-case-cap{background:#130f25; padding: 15px; position: absolute; width: 100%; bottom: 0; left:0;}

.show-case-type{font-size: 11px; color: #fff; text-transform: uppercase; margin-bottom: 3px;}

.show-case-name{font-size: 19px; font-weight:500; color: #fff; margin-bottom:0;}



.case-st-box{display: flex; flex-wrap: wrap;}

.case-st-lf{width: 50%; padding: 15px;}

.case-st-inner-boxes{display: flex; align-items: center; border-radius: 15px; overflow: hidden; border: #ddd solid 1px;}

.case-st-inner{width: 50%; padding: 15px;}

.case-st-txt{font-size: 21px; font-weight: 500; color: #000;}

.case-st-img{width: 50%; border-left: #ddd solid 1px;}



.testimonials{background: rgba(0,0,0,0.05);}

.testimonial-t{background: #5d065e; padding: 40px;}

.testimonial-t .carousel-indicators{bottom: -100px;}

/*.testimonial-box{padding: 30px; border: #ddd solid 1px; border-radius: 30px;}*/

.testimonial-conten{font-size: 19px; color: #fff; line-height: 39px; font-weight: 400;}



.testimonial-dis{display: flex; padding-top:30px}

.testimonial-ini{font-size: 27px; font-weight: 300; text-align: center; height: 60px; width:60px; border-radius: 50%; background: #fff; color: #5d065e; padding-top: 10px;}

.testimonial-txt-name-d{padding-left: 20px; padding-top: 8px;}

.testimonial-name{font-size: 17px; color: #fff; font-weight: 600}

.testimonial-des{font-size: 13px; color: #fff;}



.double-quote{width: 55px; height: 55px; margin-bottom: 5px;}

.double-quote img{filter: invert(100%);}

.stars{width:80px;}



.circl-test-relative{position: relative; padding: 120px 15px;}

.circle1{height: 75px; width: 75px; border-radius: 50%; overflow: hidden; position: absolute; right: 10%; top:5%;}

.circle2{height: 75px; width: 75px; border-radius: 50%; overflow: hidden; position: absolute; left: 10%; bottom: 7%;}

.circle3{height: 75px; width: 75px; border-radius: 50%; overflow: hidden; position: absolute; right: 10%; top: 2%;}



.marquee-boxes{overflow: hidden; padding: 61px 0}

.marquee-inner1{background: #fe8a01; padding: 10px; transform: rotate(-4deg); width: 110%; left: -46px; position: relative;}

.marquee-item{padding:10px;background:#222;color:#fff;margin:5px;}



.recog-sec{display: flex; flex-wrap: wrap;}

.recog-sec-inner{padding:20px 19px 20px 12px; width: 415px; display: flex;}

.recog-sec-part{width: 100%; padding:44px 33px; text-align: center;}

.re-1{background: url(../images/recog-shape1.png) no-repeat;}

.re-2{background: url(../images/recog-shape2.png) no-repeat;}

.re-3{background: url(../images/recog-shape3.png) no-repeat;}









.recog-sec-icon{height: 70px; width: 70px; border-radius: 50%; margin: auto; margin-bottom: 15px; padding:14px}



.re-1 .recog-sec-icon{background: #fe6e5f}

.re-2 .recog-sec-icon{background: #ffa903}

.re-3 .recog-sec-icon{background: #3e688c}





.recog-txt-sec{border-radius: 30px; padding:25px;}

.recog-sec-hd{font-size: 20px; font-weight: 600; color: #000; padding-bottom:9px;}

.recog-sec-txt{font-size: 15px; color: #000; line-height: 25px;}

.recog-car .owl-nav{text-align: center;}

.recog-car .owl-prev{height: 60px; width: 60px; border-radius: 50%; background:#ffa903 !important; margin-right: 4px; position: relative;}

.recog-car .owl-prev:before{content: ''; position: absolute; height: 31px; width: 31px; left: 15px; top:15px; background: url(../images/arrow-icon.png) no-repeat; background-size: cover; transform: rotate(180deg);}

.recog-car .owl-next{height: 60px; width: 60px; border-radius: 50%; background:#ffa903 !important; position: relative;}

.recog-car .owl-next:before{content: ''; position: absolute; height: 31px; width: 31px; left: 15px; top:15px; background: url(../images/arrow-icon.png) no-repeat; background-size: cover;}



.recog-car .owl-prev span, .recog-car .owl-next span{display: none}



.amb-ser{background: rgba(0,0,0,0.1);}



.ambulance-near ul{margin:0; padding: 0;}

.ambulance-near ul li{padding: 15px; display: block; margin-bottom: 15px; border: #ddd solid 1px; border-radius: 10px;}

.ambulance-near-box{display: flex; align-items: center;}

.ambulance-icon{width: 55px; height: 55px; border-radius: 10px; padding: 9px; color: #fff; font-weight: 800; font-size: 27px; text-align: center;}

.ambulance-txt{width: 81%; padding:5px 20px;}



.ambulance-near ul li:nth-child(1) .ambulance-icon{background: #ff0d8a;}

.ambulance-near ul li:nth-child(2) .ambulance-icon{background: #9953ff;}

.ambulance-near ul li:nth-child(3) .ambulance-icon{background: #ffb70d;}

.ambulance-near ul li:nth-child(4) .ambulance-icon{background: #49b8d2;}

.ambulance-near ul li:nth-child(5) .ambulance-icon{background: #69c39d;}



.ambulance-hos-name{font-size: 16px; color: #000; font-weight: 700; margin-bottom: 2px;}

.ambulance-hos-txt{font-size: 14px; color:#535e66; line-height: 24px;}



.ambulance-phone-icon{width: 40px; height: 40px;}

.ambulance-phone-icon span{background: #003bad; border-radius: 50%; display: inline-block; padding:9px;}

.ambulance-phone-icon span img{filter: invert(100);}



.major-tyup{padding: 15px; background: #f5f5f5; border-radius: 15px;}

.major-tyup ul{margin:0; padding:0;}

.major-tyup ul li{display: block; position: relative; font-size: 16px; font-weight: 600; color: #000; padding: 10px;}



.major-tyup ul li span{height: 20px; width: 20px; border-radius: 50%; position: relative; margin-right: 10px; background: #000; display: inline-block; top: 2px;}

.major-tyup ul li span:before{content:''; position: absolute; height: 6px; width: 12px; border:#fff solid 2px; border-top:0; border-right:0; transform: rotate(-45deg); left: 4px; top: 5px;}



.choose-services{ background: url(../images/choose-services.jpg) center no-repeat; background-size: cover;position: relative;}

.choose-services:before{z-index: 9; position: absolute; height: 15px; bottom: 0px; left: 0; content: ''; width: 100%; background: url(../images/header-shape.png) no-repeat; transform: rotate(180deg); background-size: cover;}



.choose-services:after {z-index: 9; position: absolute; height: 15px; top: -1px; left: 0; content: ''; width: 100%; background: url(../images/header-shape.png) no-repeat; background-size: cover;}



.choose-services-overlay{position: absolute; background: rgba(0,0,0,0.9); top:0; left:0; width: 100%; height:100%;}







.why-choose-us{display: flex; flex-wrap: wrap;}

.why-choose-us .col-sm-4{display: flex;}

.why-choose-us .col-sm-4 .why-choose-inner{width: 100%}





.why-choose-inner{background:rgba(0,0,0,0.5); padding: 30px; border-radius: 20px; border: rgba(255,255,255,0.2) solid 1px; border-left:#ffa903 solid 4px; margin-top: 30px;}



.why-choose-inner-hd{font-size: 19px; font-weight: 700; color: #fff; margin-bottom: 10px;}

.why-choose-inner-txt{font-size: 15px; color: rgba(255,255,255,0.6); line-height: 26px;}



.fleet-boxes .ser-vi-home ul li{width: 25%}

.ser-vi-inner-img{width: 75px; height: 75px;}



.fleet-boxes .ser-vi-home ul li:nth-child(5), .fleet-boxes .ser-vi-home ul li:nth-child(6){width: 50%;}

.fleet-boxes .ser-vi-home ul li:nth-child(5) .ser-vi-inner-box-home, .fleet-boxes .ser-vi-home ul li:nth-child(6) .ser-vi-inner-box-home{padding: 12px 15px;}



.fleet-boxes .ser-vi-home ul li:nth-child(5) .ser-vi-home-inner, .fleet-boxes .ser-vi-home ul li:nth-child(6) .ser-vi-home-inner{display: flex;}



.fleet-boxes .ser-vi-home ul li:nth-child(5) .ser-vi-inner-img, .fleet-boxes .ser-vi-home ul li:nth-child(6) .ser-vi-inner-img{width: 50%;}

.fleet-boxes .ser-vi-home ul li:nth-child(5) .ser-vi-inner-box-home, .fleet-boxes .ser-vi-home ul li:nth-child(6) .ser-vi-inner-box-home{width: 50%;}



.fleet-boxes .ser-vi-home ul li .ser-vi-home-hd{font-size: 19px;}

.fleet-boxes .ser-vi-home ul li .ser-vi-home-txt{font-size: 14px;}



.fleet-boxes .ser-vi-home ul li .ser-vi-home-inner{padding-bottom: 0;}









/* Scroller Start */



.tag {

      flex: 0 0 auto;

      border: 1px solid rgba(214, 162, 75, 0.45);

      border-radius: 999px;

      padding: 5px 10px;

      color: var(--gold);

      font-size: 0.72rem;

      font-weight: 700;

      letter-spacing: 0.04em;

      text-transform: uppercase;

      white-space: nowrap;

    }



    .stage {

      padding: 0px;

    }



    .easy-scroll-container {

      position: relative;

      overflow: hidden;

      width: 100%;

      border: 1px solid rgba(255, 255, 255, 0.08);

      border-radius: 8px;

      background:

        linear-gradient(135deg, rgba(214, 162, 75, 0.08), transparent 38%),

        linear-gradient(180deg, var(--surface-2), #10120e);

    }



    .easy-scroll-clip {

      position: relative;

      overflow: hidden;

      width: 100%;

      height: 100%;

    }



    .showcase-horizontal::before,

    .showcase-horizontal::after,

    .manual-end::before,

    .manual-end::after,

    .showcase-vertical::before,

    .showcase-vertical::after {

      content: "";

      position: absolute;

      z-index: 2;

      pointer-events: none;

    }



    .showcase-horizontal::before,

    .manual-end::before {

      top: 0;

      bottom: 0;

      left: 0;

      background: linear-gradient(90deg, #fff 0%, #fff 66%, transparent 100%);

    }



    .showcase-horizontal::after,

    .manual-end::after {

      top: 0;

      bottom: 0;

      right: 0;

      background: linear-gradient(270deg, #fff 0%, #fff 66%, transparent 100%);

    }



    .showcase-horizontal::before,

    .manual-end::before {

      background: linear-gradient(90deg, #fff 0%, #fff 66%, transparent 100%);

    }



    .showcase-horizontal::after,

    .manual-end::after {

      background: linear-gradient(270deg, #fff 0%, #fff 66%, transparent 100%);

    }



    .showcase-horizontal::before,

    .manual-end::before,

    .showcase-horizontal::after,

    .manual-end::after {

      width: 150px;

    }



    .manual-end::before,

    .manual-end::after {

      width: 92px;

    }



    .showcase-vertical::before,

    .showcase-vertical::after {

      left: 0;

      right: 0;

      width: auto;

      height: 58px;

    }



    .showcase-vertical::before {

      top: 0;

      bottom: auto;

      background: linear-gradient(180deg, #12140f, transparent);

    }



    .showcase-vertical::after {

      top: auto;

      bottom: 0;

      background: linear-gradient(0deg, #12140f, transparent);

    }



    .easy-scroll-list {

      overflow: hidden;

      margin: 0;

      padding: 0;

      list-style: none;

    }



    .easy-scroll-list li {

      margin: 0;

      padding: 0;

      list-style: none;

    }



    .showcase-horizontal {

      height: 350px;

    }



    .showcase-horizontal .easy-scroll-clip {

      height: 350px;

    }



    .showcase-horizontal .easy-scroll-list li {

      float: left;

      width: 400px;

      height:350px;

      padding: 14px 18px;

    }



    .showcase-vertical {

      height: 420px;

    }



    .showcase-vertical .easy-scroll-clip {

      height: 420px;

    }



    .showcase-vertical .easy-scroll-list li {

      width: 100%;

      height: 140px;

      padding: 12px 70px 12px 14px;

    }



    .manual-end {

      height: 174px;

    }



    .manual-end .easy-scroll-clip {

      height: 174px;

    }



    .manual-end .easy-scroll-list li {

      float: left;

      width: 264px;

      height: 174px;

      padding: 14px 18px;

    }



    .tile {

      display: flex;

      height: 100%;

      min-height: 0;

      flex-direction: column;

      justify-content: space-between;

      overflow: hidden;

      border: 1px solid rgba(255, 255, 255, 0.08);

      border-radius: 8px;

      padding: 15px;

      background:

        linear-gradient(145deg, rgba(255, 255, 255, 0.06), transparent),

        #202419;

    }



    .tile.moss {

      background:

        linear-gradient(145deg, rgba(127, 163, 106, 0.24), transparent),

        #202419;

    }



    .tile.gold {

      background:

        linear-gradient(145deg, rgba(214, 162, 75, 0.24), transparent),

        #202419;

    }



    .tile.rust {

      background:

        linear-gradient(145deg, rgba(184, 102, 67, 0.24), transparent),

        #202419;

    }



    .showcase-horizontal .tile,

    .manual-end .tile {

      align-items: center;

      justify-content: center;

      padding-inline: 58px;

      text-align: center;

    }



    .showcase-horizontal .tile-copy,

    .manual-end .tile-copy {

      display: none;

    }



    .eyebrow {

      color: var(--soft);

      font-size: 0.72rem;

      font-weight: 700;

      letter-spacing: 0.05em;

      text-transform: uppercase;

    }



    .tile-title {

      margin-top: 8px;

      color: var(--text);

      font-size: 1rem;

      font-weight: 720;

      line-height: 1.22;

      overflow-wrap: anywhere;

    }



    .tile-copy {

      margin-top: 8px;

      color: var(--muted);

      font-size: 0.86rem;

      line-height: 1.42;

      overflow-wrap: anywhere;

    }



    .metric {

      display: inline-flex;

      width: fit-content;

      max-width: 100%;

      margin-top: 12px;

      border: 1px solid rgba(239, 226, 200, 0.18);

      border-radius: 999px;

      padding: 5px 10px;

      color: var(--paper);

      font-size: 0.78rem;

      font-weight: 700;

      white-space: nowrap;

    }



    .easy-scroll-btn {

      position: absolute;

      z-index: 3;

      display: grid;

      width: 42px;

      height: 42px;

      place-items: center;

      border: 1px solid rgba(239, 226, 200, 0.18);

      border-radius: 999px;

      background: rgba(13, 14, 11, 0.82) !important;

      background-image: none !important;

      color: var(--paper);

      cursor: pointer;

      transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, opacity 160ms ease;

      user-select: none;

    }



    .easy-scroll-btn:hover,

    .easy-scroll-btn:focus {

      border-color: rgba(214, 162, 75, 0.72);

      background: rgba(31, 34, 24, 0.96) !important;

    }



    .easy-scroll-btn.disabled {

      opacity: 0.38;

      cursor: default;

      transform: none;

    }



    .easy-scroll-btn-left {

      left: 12px;

      bottom: 12px;

    }



    .easy-scroll-btn-right {

      right: 12px;

      bottom: 12px;

    }



    .easy-scroll-btn-up {

      right: 12px;

      top: 12px;

    }



    .easy-scroll-btn-down {

      right: 12px;

      bottom: 12px;

    }



    .easy-scroll-btn-left::before {

      content: "<";

      font-size: 1.2rem;

      font-weight: 800;

    }



    .easy-scroll-btn-right::before {

      content: ">";

      font-size: 1.2rem;

      font-weight: 800;

    }



    .easy-scroll-btn-up::before {

      content: "^";

      font-size: 1.1rem;

      font-weight: 800;

    }



    .easy-scroll-btn-down::before {

      content: "v";

      font-size: 1.1rem;

      font-weight: 800;

    }



    .easy-scroll-btn-pause {

      right: 12px;

      bottom: 12px;

    }



    .easy-scroll-btn-pause::before {

      content: "||";

      font-size: 0.92rem;

      font-weight: 800;

      letter-spacing: 0.04em;

    }



    .easy-scroll-btn-pause.active::before {

      content: ">";

    }





/* Scroller Close */



.need-help-dd{display: flex;}

.need-help-dd .col-sm-8{display: flex; border-right:#7e7e80 solid 1px;}

.need-help-dd .col-sm-4{display: flex;}

.need-help{width: 100%; display: flex; align-items: center;}

.need-help-box{border-top:#7e7e80 solid 1px; border-bottom:#7e7e80 solid 1px; background:#edeff2; padding:0px 0}

.need-help{padding:50px 30px; border-radius: 30px; *background: #fff; *box-shadow: rgba(0,0,0,0.2) 1px 1px 20px;}



.need-help-button{width: 100%}

.need-help-button-call a{display:block; border-radius: 999px; padding: 15px 35px; font-weight: 800; color: #000; text-align: center; background: #ffa903; border: #ffa903 solid 1px; margin-right: 5px; margin-top:0px; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;}

.need-help-button-call a span{display: inline-block; margin-right: 5px; width: 25px; height: 25px; position: relative; top:-3px;}



.need-help-button-whatsapp a{display:block; border-radius: 999px; padding: 15px 35px; font-weight: 800; text-align: center; color: #fff; background: #25cc63; border: #25cc63 solid 1px; margin-right: 5px; margin-top: 25px; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;}

.need-help-button-whatsapp a span{display: inline-block; margin-right: 5px; width: 25px; height: 25px; position: relative; top:-3px;}

.frequently-ask{padding-top: 30px}

.frequently-ask ul {

  margin: 0;

  padding: 0;

}

.frequently-ask ul li {

  display: block;

  position: relative;

  margin-bottom: 0px;

}

.frequently-ask-inner {

  padding: 17px;

  border-bottom: rgba(0,0,0,0.09)solid 1px;

  border-radius:0;

  background:rgba(0,0,0,0.03);

}

.frequently-ask-inner h3 {

  font-size: 16px;

  line-height: 32px;

  font-weight: 500;

  color: #000;

  margin: 0;

  position: relative;

  cursor: pointer;

  padding-right: 50px;

}

.frequently-ask-inner-cap {

  display: none;

  font-size: 15px;

  line-height: 26px;

  margin-top: 6px;

}



.frequently-ask ul li.active .frequently-ask-inner-cap{display: block;}





.faq-open-icon {

  height: 30px;

  width: 30px;

  background:#e4e4e4;

  border-radius: 50%;

  display: inline-block;

  position: absolute;

  right: 0;

  top: 0px;

  transition: .3s ease;

}



.faq-open-icon:before {

  content: '';

  position: absolute;

  height: 3px;

  width: 16px;

  background: #000;

  top: 13px;

  left: 8px;

}

.faq-open-icon:after {

  content: '';

  position: absolute;

  height: 16px;

  width: 3px;

  background: #000;

  top: 7px;

  left: 14px;

}





footer{padding:60px 0 90px 0; background:#19253F; position: relative; overflow: hidden; z-index: 9}

/*footer:before{z-index: 9; position: absolute; height: 15px; top: 0px; left: 0; content: ''; width: 100%; background: url(../images/header-shape.png) no-repeat; background-size: cover;}

footer:after{content:''; position: absolute; height: 400px; width: 400px; border-radius: 50%; top:-200px; filter: blur(100px); left:0; right: 0; margin:auto; background:#012c80; z-index:-1}

*/.footer-hd{font-size: 17px; font-weight: 500; color:#f9d446; margin-bottom: 20px;}

.footer-txt{font-size: 14px; color: rgba(255,255,255,0.9); line-height: 24px;}



.footer-menu ul{margin:0; padding:0}

.footer-menu ul li{display: block; position: relative; padding-left: 15px;}

.footer-menu ul li:before{content:''; position: absolute; height:0; width:0; border-left: rgba(255, 255, 255, 0.9) solid 5px; border-top:transparent solid 5px;border-bottom:transparent solid 5px; left:0; top:11px} 



.footer-menu ul li a{color:rgba(255,255,255,0.9); display: block; padding: 6px 0;}



.footer-menu ul li:first-child a{padding-top:0} 

.footer-menu ul li:first-child:before{top:5px;}





.footer-latest ul{margin:0; padding:0}

.footer-latest ul li{display: block; position: relative; padding-left:15px; font-size: 14px; color: rgba(255,255,255,0.9); padding:6px 0 6px 30px; color: rgba(255,255,255,0.9);}

.footer-latest ul li a{color: rgba(255,255,255,0.9);}



.footer-ii{display: inline-block; width: 20px; height: 20px; position: absolute; left:0; top: 5px;}



.footer-latest ul li:nth-child(2) .footer-ii img{filter:invert(100);}





.footer-follow{padding-top: 0px;}

.footer-follow a{height: 40px; width: 40px; display: inline-block; background: #1c3d5a; border-radius: 50%; margin-right: 5px; padding:8px 9px; text-align: center;} 



.footer-hh a{color: #ffd803}



.copyright{font-size: 12px; color:rgba(255,255,255,0.7); padding-top: 20px; margin-top: 20px; border-top: rgba(255,255,255,0.2) solid 1px; text-align: center;}



.dd-list ul{margin:0; padding:0; display: flex; flex-wrap: wrap; justify-content: center;}

.dd-list ul li{width: 33.33%; display: block; padding: 15px;}

.dd-list-inner-icon{width:60px; height:60px; text-align: center; margin: auto; margin-bottom: 5px;}

.dd-list-inner-hd{font-size: 16px; font-weight: 600; color: #003bad; text-align: center;}





.contact-info-hd{font-size: 30px; font-weight: 800}

.contact-info ul{padding:0; margin:0;}

.contact-info ul li{display: block; position: relative; padding: 15px 0;}

.contact-info-inner{display: flex; flex-wrap: wrap;}

.contact-info-icon{height: 50px; width: 50px; background: #003bad; border-radius: 7px; padding:13px; }

.contact-info-txt{width: 80%; padding:0 15px}

.contact-info-dm{font-size: 13px; text-transform: uppercase; font-weight: 500; color:#9398a2; margin-bottom: 3px;}

.contact-info-dd{font-size: 15px; color: #000; font-weight: 600;}

.contact-info ul li:nth-child(2) .contact-info-icon img{filter: invert(100%);}





.footer-logo{width: 180px; margin-bottom: 10px;}





.footer-fixed{position: fixed; bottom: 0; left:0; width: 100%; padding: 17px; font-size: 18px; background: #003BAD; font-weight: 600; text-align: center; z-index: 999; border-top: #fff solid 3px;}

.footer-fixed a{color: #fff;}



.footer-fixed-whatsapp a{position: absolute; left: 10px; bottom: 28px; background: #17980d; height: 60px; width: 60px; border-radius: 50%; padding: 12px; border: #fff solid 3px;}

.footer-fixed-call a{position: absolute; right: 10px; bottom: 28px; background: #003BAD; height: 60px; width: 60px; border-radius: 50%; padding: 12px; border: #fff solid 3px;}

.footer-fixed-call a img{filter: invert(100%);}





.contact-map{border: #000 solid 10px; margin-top:15px }

.contact-info-form-box{padding: 30px; border-radius: 20px; background: #f5f5f5}

.contact-inputs{margin-top: 15px;}

.contact-inputs label{font-size: 13px; font-weight: 400; color: #000;}

.contact-inp{width: 100%; color: #000; border-radius: 9px; padding: 12px; border: #aaa solid 1px;}

.contact-inputs textarea{width: 100%; color: #000; border-radius: 9px; padding: 12px; border: #aaa solid 1px; height: 100px;}



.contact-inputs button{background: #003bad; color: #fff; font-size: 17px; padding: 15px; border-radius: 9px; width: 100%; border:0;}







@media(max-width: 767px){

  .dis-flex-center{display: block;}

  .header-box{width: 100%; position: relative;}

  .header-logo{width: 180px}

  .header-menu-box{display: block; width: 100%; display: none;}



  .menu-trigger{position: absolute; right: 0; padding: 10px; border-radius: 7px; border:#fff solid 1px; display: block; top: 20px; cursor: pointer;}



  .menu-tri1{width:19px; height: 2px; background: #fff; margin-bottom: 3px; display: block;}



  .menu-trigger .menu-tri1:last-child{margin-bottom: 0;}



  .header-menu ul{display: block; border-top: rgba(255,255,255,0.1) solid 1px;}

  .header-menu-box{background: #000; text-align: center;}

  .header-menu ul li ul.sub-menu{position: relative; height: 250px; width: 100%}

  .header-menu ul li:hover ul.sub-menu{display: none}



  .header-menu ul li.open-sub ul.sub-menu{display: block;}



  .banner-hero-hd{font-size:30px; line-height: 40px;}

  .banner-hero-txt{font-size: 14px; line-height: 24px;}

  .call-now-emer{display: block; padding: 12px 35px; font-size: 14px; text-align: center;}

  .explore-service{display: block; padding: 12px 35px; font-size: 14px; text-align: center;}



  



  .main-heading .main-inner{font-size: 26px; line-height: 39px;}

  .main-txt{font-size: 14px; line-height: 24px;}

  .main-heading-sssm{font-size: 14px;}



  .ser-vi-home ul li{width: 100%}



  .fleet-boxes .ser-vi-home ul li:nth-child(5), .fleet-boxes .ser-vi-home ul li:nth-child(6){width: 100%}

  .fleet-boxes .ser-vi-home ul li:nth-child(5) .ser-vi-home-inner, .fleet-boxes .ser-vi-home ul li:nth-child(6) .ser-vi-home-inner{flex-wrap: wrap;}

  .fleet-boxes .ser-vi-home ul li:nth-child(5) .ser-vi-inner-img, .fleet-boxes .ser-vi-home ul li:nth-child(6) .ser-vi-inner-img{width: 100%}

  .fleet-boxes .ser-vi-home ul li:nth-child(5) .ser-vi-inner-box-home, .fleet-boxes .ser-vi-home ul li:nth-child(6) .ser-vi-inner-box-home{width: 100%}



  .fleet-boxes .ser-vi-home ul li{width: 100%}

  .fleet-boxes .ser-vi-home ul li .ser-vi-home-hd{font-size: 18px;}



  .dd-list ul li{width:50%}

  .dd-list-inner-hd{font-size: 14px;}

  .dd-list-inner-icon{width:50px; height: 50px;}

  .footer-hd{margin-top:20px;}



  .showcase-horizontal:before, .showcase-horizontal:after{display: none;}



  .need-help-dd{flex-wrap: wrap;}

  .need-help{padding: 30px 0;}



  .need-help-dd .col-sm-4{width: 100%}

  .need-help-dd .col-sm-8{border-right:0; border-bottom: #7e7e80 solid 1px}



  .footer-fixed-txt span{display: none;}



.banner-box{border-radius:0; padding-bottom: 105px;}

.ban-icon1{width: 40px; top:20%; left:5%;}

.ban-icon3{width: 50px; top: 16%; right:7%;}

.ban-icon2{width:52px;}

.banner-hero-hd{margin-bottom: 5px;}

.center-down{width:50px; height:50px;}

.center-down-arr{height:15px; width:15px; top:16px;}


.shape-bottom1{width: 400px; height: 300px;}


.shape1{opacity: 0.1}



.ser-vi-inner-box-home{padding-top: 5px;}

.ser-vi-inner-img{width:60px; height:60px;}

.show-case ul li{width:100%}

.ser-vi-home-hd{font-size: 18px;}

.show-case-name{font-size: 16px;}

.main-list ul li{font-size: 14px;}

.ser-vi-home-txt p{font-size: 14px;}

.main-list ul li span{position: relative;}

.case-st-lf{width:100%;}

.case-st-inner-boxes{flex-wrap: wrap;}

.case-st-inner, .case-st-img{width: 100%;}

.circl-test-relative{padding-top:120px; padding-bottom:120px;}

.dis-flex{display: block}

.testimonial-t{padding-bottom:100px;}
.testimonial-t .carousel-indicators{bottom: 70px;}


.left-img-home{margin-bottom: 15px;}


@keyframes iconTw {

  0% {

   bottom:10%

  }

  50% {

    bottom: 15%

  }

  100% {

    bottom:10%

  }

}



@keyframes iconF {

  0% {

   right: 3%;

   bottom: 10%

  }

  50% {

    right: 5%;

    bottom: 15%

  }

  100% {

    right: 3%

       bottom: 10%

  }

}



}