@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');
@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("./fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf") format("woff2"),
url("./fonts/bootstrap-icons.woff?8d200481aa7f02a2d63a331fc782cfaf") format("woff");
}
:root {
--bs-primary: #76C375;
--bs-secondary: #211A41;
--bs-primary-rgb: 118, 195, 117;
--bs-secondary-rgb: 33, 26, 65;
--bs-body-color: #526152;
--bs-body-color-rgb: 82, 97, 82;
--bs-link-color: #526152;
--bs-link-hover-color: #526152;
--bs-font-sans-serif:'Montserrat', system-ui, -apple-system, "Segoe UI", sans-serif, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-body-font-size: 14px;;
}
.modal{--bs-modal-width: 700px !important;}
body{ line-height:27px;}
.h-banner{ background: url("../images/h-banner.png") no-repeat; background-size: cover; padding-top: 150px; padding-bottom: 170px;}
.h-banner big{font-size: 96px; line-height: normal}
.h-vehicletype .owl-carousel .item{ max-width: 474px !important; overflow: hidden;}
.typesofvehicles{ background: url("../images/typesofvehicle.png") no-repeat; height: 680px;}
.typesofvehicles-txt{ padding: 50px; bottom: 30px;}
.owl-prev::before { content: "\f12a"; font-family: bootstrap-icons !important; font-size: 35px; color: #76C375; }
.owl-next::before { content: "\f134"; font-family: bootstrap-icons !important; font-size: 35px; color: #76C375; margin-left: 15px;}
.owl-nav{ margin-top: 30px; text-align: right; padding-right: 20px;}
.h-howwork{background: url("../images/howgreencarworks-bg.jpg") no-repeat ; background-size: cover;}
h6{ font-size: 13px;}
.h-locationsearch .form-control::placeholder {color: #fff;opacity: .5;}
.tooltip1 {position: relative;display: inline-block; cursor: pointer;}
.tooltip1 .tooltiptext1 {visibility: hidden;width:auto;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 1px 10px;position: absolute;z-index: 1;bottom: 100%;left: 0%; margin-left: -100px; font-size: 12px; white-space: nowrap;}
.tooltip1:hover .tooltiptext1 {visibility: visible;}
.accordion {--bs-accordion-btn-icon-width: 1rem;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.accordion-header{cursor: pointer;}
.list-style li{ position: relative; margin-left: 12px; padding-left: 10px;}
.list-style li::before { content: "\f309"; font-family: bootstrap-icons !important; font-size:25px; position: absolute; left: -20px; color: #76C375; }
.form-check-input:checked {
    background-color: #76C375;
    border-color: #76C375;
}
.profile-sm{width:60px !important; height:60px !important;}
.profile-big{width:180px !important; height:180px !important;}
.carthumb{ width: 150px;}
.form-select {background-position: right 2.5rem center; background-size: 20px 16px;}
.owl-dots{display: none;}
.ontheroad{z-index: 1;}
.ontheroad span{transform: translate(-50%, -50%);}
input::file-selector-button {background: none; border: 0; margin-right: 30px; background: url("../images/camera.svg") no-repeat; background-size: 16px; background-position: left center; padding-left:25px; cursor: pointer; }

@media(max-width:1199px){
.h-banner big{font-size: 66px;}
	.typesofvehicles{ height: 520px; background-size: cover; margin-bottom: 10px; }
}
@media(max-width:991px){
	.navbar .container{ max-width: none !important; width: 100% !important}
	.typesofvehicles{ height: 380px; background-size: cover; margin-bottom: 10px; }
	.h-vehicletype .owl-carousel{ padding-left: 10px;}
	.mt-5.pt-5{ margin-top:0 !important;}
}
@media(max-width:767px){
.h-banner{ padding-top: 80px; padding-bottom: 100px;}
.navbar-collapse{ padding: 30px;}
}
@media(max-width:600px){
.h-vehicletype .owl-carousel .item{ max-width: inherit !important; width: 100%;}
	
}
@media(max-width:575px){
.h-banner big{font-size: 46px;}
.h-banner{ padding-top: 50px; padding-bottom: 70px; padding-left: 30px;}

}