/*
Theme Name: Drimo
Theme URI: https://drimo.in/
Author: Bootscore
Author URI: https://drimo.in
Description: Flexible Bootstrap WordPress starter-theme for developers with full WooCommerce support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>
Version: 6.1.1
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via /assets/scss/_bootscore-custom.scss
*/



@import url('assets/css/fonts.css');

a{text-decoration: none ;}
img,svg{max-width: 100%;}
body{
	font-family: "Almarai", serif; color: #000;
}
.whatsapp-link {
  text-decoration: none;
  color: inherit;
  font: inherit;
}

.whatsapp-icon {
  font-size: 24px; /* Increase icon size */
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
  line-height: 1;
  color: #25D366; /* Optional WhatsApp green */
}


.text-green{color: #4FBA6B;}
.text-white{color: #fff;}

.bg-green{background-color: #4FBA6B;}
.bg-green .text-green{color: #000;}
.bg-white{background-color: #fff;}
.bg-white-gray{ background-color:#F5F5F5; }

.bg-dark-blue{background-color: #132D46;}

.font-light{
	font-weight: 300;
}
.font-normal{font-weight: normal;}
.font-medium{font-weight: 600;}
.font-600{
	font-weight: 600;
}

.font-gilory{font-family: gilory;}

.border-right{border-right: 1px solid;}


.fixedheader{ position:fixed; z-index: 9923; left:0; right:0; top:0; }
.fixedheader .navbar .container{position: relative; z-index: 343;}
.fixedheader .navbar:after{
	z-index: 0;
position: absolute; right: 0; left: 0; top: 0; bottom:0; content:''; 
	background-color: rgba(260, 260, 260, 0.9) !important;
	backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

.headtop{background-color: #E8E8E8; font-size: 14px;}
.headtop svg{width: 22px; height: 22px;}
.headtop li{}
.headerSocialLinks{
	margin: 0 -10px; list-style: none; padding: 0; display: flex; align-items: center;
}
.headerSocialLinks li{
	padding: 0 8px;
}
.callactions{margin: 0 -10px; padding: 0; display:flex; flex-wrap:wrap; list-style: none;}
.callactions li{padding: 0 10px;}
.callactions li:nth-child(1){border-right: 1px solid #fff;}
.callactions li svg{margin-right: 10px;}
.callactions li a{ color:#121212; display:flex; align-items:center; }

.bannerContent{ position:absolute; left:0; top:0; right:0; bottom:0; display:flex; background-color: rgba(0, 0, 0,0.5);}

#bootscore-navbar li{font-family: gilory; font-weight: 500;}
#bootscore-navbar >li>a{color:#000;}
#bootscore-navbar li:hover > ul{display: block; width: 220px; border-radius: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.2)}
#bootscore-navbar li:hover > ul li a{color:#000;display: block; font-weight: 500; padding:8px 10px;}
#bootscore-navbar li:hover > ul li a:hover{background-color: #4FBA6B; color:#fff;}
.dropdown-item.active, .dropdown-item:active{background-color:#4FBA6B !important; color:#fff !important;}
.sectionTitle1{font-size: clamp(1rem, 6.5vw, 3rem); font-family: gilory;}
.sectionTitle2{font-size: clamp(1rem, 5vw, 2.2rem); font-family: gilory;}

.iconmax-8{max-width: 80px;}

.lagacylist img{max-width: 68px; max-height: 68px; object-fit: contain;}

.hmsection3{background-color: #000;}
.fold3Slidewrap{ background-color:#161616; }
.fold3SlidewrapContent{min-height: 230px; display: flex; flex-direction: column;}
.fold3SlidewrapContent h5{opacity: 0.5; font-size: 30px; margin: 0 0 15px 0; font-family: "Almarai", serif; text-shadow: 1px 3px 1px #000;}
.fold3SlidewrapContent h4{font-family: "Almarai", serif; font-size: clamp(1.2rem, 2vw, 1.5rem);}
.fold3SlidewrapContent p{ margin-top:auto; font-family: "Almarai", serif;}
.fold3SlidewrapContent p a{ color:#fff; font-family: "Almarai", serif;}
.fold3SlidewrapContent p a svg{margin-left: 10px; width: 20px;}


.partnerCommuteWrapper{ background-color:#F5F5F5; }
.partnerCommuteContent{ height: 100%; display: flex; flex-direction: column;}
.partnerCommuteContent h5{ opacity:0.6; font-family: "Almarai", serif;}
.partnerCommuteContent h4{ font-family: "Almarai", serif; font-size: clamp(1.2rem, 2vw, 1.5rem);}

.arrbtn{ color:#121212; font-family: "Almarai", serif;}
.arrbtn svg{margin-left: 10px; width: 20px;}

.btntype1{background-color: #121212; color: #fff; border-radius: 0; font-family: "Almarai", serif;}
.btntype1:hover{background-color: #4FBA6B; color: #fff;}
.btntype2{background-color: #4FBA6B; color: #fff; border-radius: 0; font-family: "Almarai", serif;}
.btntype2:hover{background-color: #fff; color: #4FBA6B;}
.normalBgArea{height: 400px; background-image: url(assets/images/normal_bg.jpg); background-position: center; background-size: cover;}


.hmsection5{ background-color:#F5F5F5; }

.overlaplcimage{margin-top:-50% }

.sec5content{max-width: 680px; margin:auto;}
.formWrapper .form-control{box-shadow: none !important; border:none !important; }
.formWrapper img{ max-width:25px; }
.formWrapper .form-control::placeholder{color:#121212;}
.formWrapper p{margin:0!important;}

.drivnlist{display: flex; align-items: stretch; margin: 15px 0; padding:12px; justify-content: center; border:1px solid #dfdfdf;}
.drivnlist img{width: 100%; object-fit:contain; height: 70px;}

.drimpager{position: static !important; display: flex; justify-content: center; align-items: center;}
.drimpager span{width: 12px; height: 12px;}
.drimpager .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#4fba6b; width:20px; height:20px; }


.bg-map1{
	background-color: #f3f3f3;
	background-image: url(assets/images/bg-map1.png); background-position: center;
	background-size: cover; background-repeat: no-repeat;
}

.page-banner img{height:100vh; width: 100%; object-fit: cover; object-position: top center;}
.page-banner-content{background-color:rgba(0,0,0,0.3);}

.mx-width-700{ max-width:700px; }

.blueCirWrapper{ position:relative; }
.blueCirWrapper:before{
	position: absolute; right: 0; top: 60px; left: 30px; content: ''; width: 78%; height: 1px; background-color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#245430+0,4fba6b+50,fff500+100 */
background: linear-gradient(to right,  #245430 0%,#4fba6b 50%,#fff500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.blueCirWrapper > div{ position:relative; z-index:2 }
.iconCircle{
	border-radius: 50%; overflow: hidden; width: 90px; height: 90px;
	background-color: #2D4964; display: flex; align-items: center; justify-content: center; 
}
.iconCircle img{max-width: 60%;}

.testimonials-wrap{background-color: #f5f5f5;}
.testimonialsImage img{margin-top:-20px; max-width:100px; }
.testimonial-header{ position: relative;}

.testimonials-list .testimonials-wrap:nth-child(odd){margin-left: 10%;}


.city-fold-3{background-color: #132D46;}
.city-fold-3 img{margin-top:-35%}

.formIcon{ width:28px; height:28px; background-size:25px; background-repeat:no-repeat; background-position:center;}
.formIcon.Icity{background-image:url(assets/images/form1.png);}
.driverService{background-image:url(assets/images/form2.png);}
.dutyType{background-image:url(assets/images/form3.png);}
.fname{background-image:url(assets/images/form4.png);}
.femail{background-image:url(assets/images/form5.png);}
.fmobile{background-image:url(assets/images/form6.png);}
.fromLoc{background-image:url(assets/images/loc-pointer.png);}
.locarr{background-image:url(assets/images/loc-arr.png); background-size:contain;}
.toLoc{background-image:url(assets/images/loc-destination.png);}
.Fcalender{background-image:url(assets/images/form-calender.png);}
.Fclock{background-image:url(assets/images/form-clock.png);}
.Fuser{background-image:url(assets/images/form-user.png);}
.Fmobile{background-image:url(assets/images/form6.png);}
.Femail{background-image:url(assets/images/form-email.png);}
.fPointer{background-image:url(assets/images/form-location.png);}
.fbtnwrap p{height:100%;}
.fvehicle{background-image:url(assets/images/form-vehicle.png);}
.ftimer{background-image:url(assets/images/form-duration.svg);}

.wpcf7-form-control[aria-invalid="true"]{border:1px solid #f00 !important;}
span.wpcf7-not-valid-tip{display:none;}


.rating-stars{display:flex; gap:5px;}
.rating-stars span{font-size:22px !important;}

.footer{background-color: #010101; font-size: 14px; font-weight: 300; font-family: "Almarai", serif;}
.ftlogo{max-width: 200px;}

.footerhead{margin-bottom: 20px; font-family: "Almarai", serif; }
.footer_widget ul.menu{margin: 0; padding: 0; list-style: none;}
.footer_widget ul.menu li{margin:0 0 10px 0;}
.footer_widget ul.menu li a{color:#fff; }
.footer_widget ul.menu li a:hover{color:#4FBA6B;}

.footeraddress{margin: 0; padding: 0; list-style: none;}
.footeraddress li{margin-bottom: 30px; padding-left: 40px; min-height: 30px; position: relative;}
.footeraddress li img{position: absolute; left: 0; top: 0; width: 23px;}
.footeraddress li a{ color:#fff; }



.footer_widget  ul.wp-block-list{margin: 0; padding: 0; list-style: none;}
.footer_widget  ul.wp-block-list li{margin-bottom: 30px; padding-left: 40px; min-height: 30px; position: relative;}
.footer_widget  ul.wp-block-list li img{position: absolute; left: 0; top: 0; width: 23px;}
.footer_widget  ul.wp-block-list li a{ color:#fff; }

.footerGray{background-color: #232323; padding:40px 0;}
.ftsocial{display: flex; color: #fff; gap: 10px; margin: 10px 0; align-items: center;}
.ftsocial img{width: 30px;}
.ftsocial h5{font-family: "Almarai", serif; margin: 0;}

@media(max-width:680px){
    .bannerContent{position:static; padding:20px 0;}
}
@media(max-width:991px){
	.headtop{display: none;}
}

.steps-list {
  position: relative;
  margin-bottom: 20px;
}

/* Remove the dashed line after the last step */
.steps-list::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  transform: translateX(-50%);
  width: 2px;
  height: calc(100% - 40px);  /* Adjust height to stop before the last step */
  border-left: 2px dashed #000;
  z-index: 0;
}

/* Step item */
.step-item {
  position: relative;
  margin-bottom: 20px;
}

/* Number Circle */
.step-number {
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  font-weight: 600;
  color: #000;
  z-index: 1;
  position: relative;
}

/* Step text */
.step-item p {
  margin: 0;
  font-size: 1.1rem;
  color: #000;
}

@media (max-width: 767px) {
  /* Adjust the first section on mobile */
  .mb-5 {
    margin-bottom: 40px;  /* Add extra margin to avoid overlap */
  }

  .position-absolute {
    position: relative;  /* Change the position to relative for mobile */
  }

  /* Ensure the text and buttons don't overlap */
  .container.d-flex {
    padding-bottom: 20px;  /* Add some padding to the bottom */
  }

  /* Optional: Adjust the text size for better readability */
  .sectionTitle1 {
    font-size: 1.8rem;  /* Decrease font size for mobile */
  }

  .btn {
    font-size: 0.9rem;  /* Adjust button font size */
    padding: 10px 20px;  /* Adjust button padding */
  }
}

@media (min-width: 992px) { /* applies only on lg (desktop) and above */
  .page-banner .col-lg-12.text-shift-up {
    margin-top: -50px; 
}
}
.testimonials-list {
    max-height: 500px; /* Adjust height as needed */
    overflow-y: auto;
    padding-right: 10px; /* Optional: gives space for scrollbar */
}
.testimonials-list::-webkit-scrollbar {
    width: 6px;
}

.testimonials-list::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px;
}

.input-text-number {
    display: flex
;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
	}