@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
body{ font-family: "Jost", sans-serif;}

/* COMMON CSS */
.side-line{position: relative;color: #DA1B0C;font-weight: 500;margin: 0;}
.gray-color{color: #666666;}
.red-color{color: #DA1B0C;}
.font-reg{font-weight: 400;}
.padding-120{padding: 120px 0px;}
.padding-top{padding-top: 120px;}
.padding-bottom{padding-bottom: 120px;}
.btn {background-color: #DA1B0C;color: #fff;border-radius: 0;padding: 12px 30px;transition: 0.6s;font-size:14px;border:1px solid #DA1B0C}
.btn:hover {color: #000;background-color:white;transition: 0.6s;border:1px solid #000}
.btn-1 {background-color: #000;color: #fff;border-radius: 0;padding: 12px 35px;transition: 0.6s;font-size: 14px;border:1px solid #000}
.btn-1:hover {color: #000 !important;background-color:white;transition: 0.6s;border:1px solid #000}
.btn-2 {background-color: transparent;color: #fff;border-radius: 0;padding: 12px 35px;transition: 0.6s;font-size: 14px;border: 1px solid #fff;}
.btn-2:hover {color: #000;background-color:white;transition: 0.6s;border:1px solid #000}
h1{font-size: 80px;}h2{font-size: 50px !important;}h3{font-size: 40px;}h4{font-size:30px;}h5{font-size: 24px;}h6{font-size: 20px;}a{text-decoration: none !important;}ul{padding: 0;list-style: none;}

/* nav */
@media(min-width:992px){
 .dropdown:hover .dropdown-menu{display:block;background-color: white;border-radius: 0px;padding: 20px 0px 30px 0px;color: #000;top:73px;left:-27px;position: absolute;}
 .dropdown:hover{position: relative;}
 .dropdown .dropdown-menu .dropdown-item{color: #000;text-align: center;}
.dropdown .dropdown-menu a{color: #000;font-weight: 500}
.dropdown .dropdown-menu a:hover{color:#DA1B0C;}
 .dropdown-menu.show{display: none;}
 .dropdown-item:focus, .dropdown-item:hover{background-color: unset;}

  .dropdown-menu
  {
      animation: growDown 500ms ease-in-out forwards;
      transform-origin: top center
  
  }
  @keyframes growDown {
      0% {
          transform: scaleY(0)
      }
      80% {
          transform: scaleY(1.1)
      }
      100% {
          transform: scaleY(1)
      }
  }}
.collapse{display: unset;}
nav {position: absolute !important;width: 100%;z-index: 99;background-color: #fff;}
.offcanvas-header{justify-content: space-around;align-items: center;}
.navbar-toggler{border-radius:1.375rem !important;border:  2px solid #DA1B0C;}
.navbar-toggler-icon{background-image: url(../img/toggler-icon.svg);}
.navbar-toggler:focus{box-shadow: unset;}
nav .nav-link {color: #000000;font-weight:500;font-size: 16px;padding: 0;}
.nav-link:focus, .nav-link:hover{color: #DA1B0C;}
#banner { position: relative;}
.owl-stage {margin: 30px 0px;}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {color: #DA1B0C;font-weight: 600;}
@media (min-width:992px) {.dropdown.nav-item {padding: 25px 0px  !important;}.navbar-collapse{align-items: end;} nav .nav-item_1 {position: relative;}.navbar-brand{width: 15%;}#navbarNav .nav-item_1:last-child::after,#navbarNav .nav-item_1:nth-last-child(2)::after{content: unset;} nav .nav-item {margin-right:35px;}}
@media(max-width:992px) {nav .nav-item {justify-content: center;margin-bottom: 10px;}.navbar-brand{width: 48%;}}
/* BANNER */
#banner{position: relative;}
#banner .banner-text{position: absolute;top:30%;left: 0;right: 0;color: #fff;}

#inner-banner{position: relative;}
#inner-banner .banner-text{position: absolute;top:50%;left: 0;right: 0;color: #fff;}
#inner-banner h2{font-size:60px}
.inner-banner-content p{font-size: 22px;}
/* HOME-ABOUT-US */
#home-about-us{background-color: #C8C4C4;}
/* HOME-OUR-SERVICE */
#our-service .owl-carousel .owl-stage{display: flex;}
#our-service .owl-carousel .owl-stage .item{height: 100%;padding: 10px;}
#our-service .card-body{position:relative;padding: 0}
#our-service .our-service-link-botom{position: absolute;bottom: -50px;}
#our-service .owl-carousel .owl-stage-outer{padding: 20px 0px;}
#our-service  .owl-next{font-size: 40px;color: #DA1B0C;}
#our-service .owl-prev{font-size: 40px;color: #DA1B0C   ;}

/* Testimonial */
#testimonial .testimonial-content{font-size: 24px;font-weight: 400;font-style: italic;}
#testomonial .owl-carousel{position: relative;}
#testimonial .owl-carousel::before{content:url(../img/quote.png);position: absolute;left: 0;top: 25px;}
#testimonial .owl-next{position: absolute;right: -25px;top:25%;font-size: 40px;color: #666666;}
#testimonial .owl-prev{position: absolute;left: -25px;top: 25%;font-size: 40px;color: #666666;}
#testimonial .owl-prev:hover ,#testimonial .owl-next:hover{background-color: transparent;color: #DA1B0C;}


/* CAR-LOGO */
#car-logo{background-color: #EDEDED;}
#car-logo .item{padding:0px 20px;}
@media (min-width:768px) {
    
#car-logo .owl-next{position: absolute;right: -25px;top:30%;font-size: 40px;color: #666666;}
#car-logo .owl-prev{position: absolute;left: -25px;top:30%;font-size: 40px;color: #666666;}
}
#car-logo .owl-prev:hover ,#car-logo .owl-next:hover{background-color: transparent;color: #DA1B0C;}


/* our-expert-service */
#our-expert-service-content{background-color: #FCFCFC;}

/* about-us */
#about-us{background-color:#FCFCFC ;}
/* mission-vission */
#mission-vision{background-image: url(../img/mission-img.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
#mission-vision .accordion{--bs-accordion-bg: unset;}
#mission-vision .accordion-button:not(.collapsed){color: unset;background-color: unset;box-shadow: unset;}
#mission-vision .accordion-button:focus{box-shadow: unset;;padding:0;}
#mission-vision .accordion-button{padding:0;}
#mission-vision  p{font-size: 18px;}
#mission-vision .accordion-item{padding:20px 0px;}
#mission-vision .accordion-body{padding:px 0px;}

/* gallery */
.shreeji-auto-img:hover .overlay {opacity: 1;}
.shreeji-auto-img{ position: relative;}
.shreeji-auto-img .overlay{  position: absolute;height: 100%; bottom: 0;color: #f1f1f1; background-color: #da1b0cc4;
width: 100%;transition: .5s ease;opacity:0;color: white;font-size: 20px;padding: 20px;text-align: center;}
.shreeji-auto-img .overlay-img{position: absolute;left: 0;right: 0;bottom: 45%;}

/* contact */
#contact-details .fa{font-size: 25px;color: #DA1B0C;}
#contact-details .row{background-color:#F5F5F5;padding:30px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
@media (min-width:992px) {
    #contact-details .contact-box{border-right:4px solid #C5C5C5;}
}
/* FOOTER */
#btmnavi ul{display: flex;flex-direction: row;column-gap:55px;justify-content: center;}
#btmnavi ul li a{font-size: 24px;color: #fff}
#btmnavi .footer-contact-details{font-size: 20px;}
#btmnavi a, #btmnavi p{color: #fff;}




@media (min-width:450px) {.side-line::after{position: absolute;content: "";width: 80px;height: 3px;background-color: #DA1B0C;top: 50%;}}
@media (max-width:768px) {h1{font-size: 40px;}h3{font-size: 33px;}h2{font-size: 30px !important;}
#car-logo .owl-next{font-size: 40px;color: #DA1B0C;}
#car-logo .owl-prev{font-size: 40px;color: #DA1B0C;}}
@media (max-width:1200px) {#banner img{height: 800px;object-fit: cover;}#inner-banner img{height: 400px;object-fit: cover;}}
@media (max-width:992px) {
    .fa.fa-instagram{font-size: 30px !important;}
    .fa.fa-facebook-square{font-size: 30px !important;}.footer1-bg{background-color: #DA1B0C;color:#fff;margin-top:0px;}#btmnavi ul{display: flex;flex-direction: column;column-gap:55px;justify-content: center;}#btmnavi ul li{text-align: center;}}
 

#btmnavi{background-image: url(../img/footer-img.png);background-position: center;background-repeat: no-repeat;background-size: cover;}

.footer1-bg{background-color: #ab0101;color:#fff;margin-top: -80px !important;}
@media(max-width:768px){.footer1-bg{margin-top: -60px;}}

