/* Popup Modal Overlay */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 20%;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  animation: fadeIn 0.3s ease-in-out;
}

/* Modal Box */
.modal-content {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  max-width: 650px;
  width: 90%;
  position: relative;
  animation: slideDown 0.3s ease-out;
  box-shadow: 0 8px 30px rgba(0,0,0,0.3);
	top:20%;
}

/* Close Button */
.close-modal {
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 28px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}

.open-modal-btn {
  background-color: #0088cc;
  color: #fff;
  border: none;
  padding: 12px 28px;
  cursor: pointer;
  border-radius: 8px;
  font-size: 16px;
  transition: background 0.3s ease-in-out;
}

.open-modal-btn:hover {
  background-color: #006699;
}

/* Animations */
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes slideDown {
  from {transform: translateY(-20px); opacity: 0;}
  to {transform: translateY(0); opacity: 1;}
}


body .flex-row{display: flex; flex-direction: row; flex-wrap: wrap;}
body .flex-row .col-1{flex: 0 0 8.34%; width: 8.34%;}
body .flex-row .col-2{flex: 0 0 16.67%; width: 16.67%;}
body .flex-row .col-2-5{flex: 0 0 20%; width: 20%;}
body .flex-row .col-3{flex: 0 0 25%; width: 25%;}
body .flex-row .col-4{flex: 0 0 33.33%; width: 33.33%;}
body .flex-row .col-5{flex: 0 0 41.66%; width: 41.66%;}
body .flex-row .col-6{flex: 0 0 50%; width: 50%;}
body .flex-row .col-7{flex: 0 0 58.33%; width: 58.33%;}
body .flex-row .col-8{flex: 0 0 66.66%; width: 66.66%;}
body .flex-row .col-9{flex: 0 0 75%; width: 75%;}
body .flex-row .col-10{flex: 0 0 83.33%; width: 83.33%;}
body .flex-row .col-11{flex: 0 0 91.66%; width: 91.66%;}
body .flex-row .col-12{flex: 0 0 100%; width: 100%;}
.skip-link{display:none;}
.site-title{color:#6F5243;}
.alpha .flex-row{align-items:center;}
.alpha ul{display:flex; justify-content:space-between; list-style:none;}
.alpha .contact{text-align:right;margin-bottom:0;font-size:1em; font-weight:600;}
.alpha{   
    width: 100%;background: #ffffffa3;
    padding: 12px 0;}
 /* Style for the circle button */
        .circle-button {
            width: 250px;
            height: 250px;
            background-color: #6A432C; /* Dark brown background */
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: white;
            font-family: Arial, sans-serif;
            font-size: 24px;
            font-weight: bold;
            position: relative;
            cursor: pointer;
flex-direction: column;        
			margin-bottom:-40px;
}

        /* Style for the inner "Reserve Now" button */
        .reserve-now {
            background-color: white;
            color: #6A432C;
            padding: 10px 20px;
            font-size: 18px;
            text-decoration: none;
        }

        /* Hover effect */
        .circle-button:hover .reserve-now {
            background-color: #e5e5e5;
        }
.reserve-row{background-image:url(http://localhost/wordpress/wp-content/uploads/2025/09/car-purchase.jpg);background-size:cover;background-repeat:no-repeat; background-position:center; height:600px;display:flex; justify-content:end;padding-right:105px;align-items:end;}
   /* Custom styles for the slider */
        .review-slider {
            width: 80%;
            margin: 0 auto;
            padding: 40px 0;
        }

        .review-card {
            background-color: white;
            
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            padding: 20px;
            text-align: center;
        }

        .review-card .initial-circle {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background-color: #004d40;
            color: white;
            font-size: 40px;
            line-height: 80px;
            margin: 0 auto 20px auto;
        }

        .review-card h3 {
            font-size: 18px;
            margin: 20px 0 10px 0;
            color: gold;
        }

        .review-card p {
            font-size: 16px;
            color: #666;
        }

        .review-card .review-author {
            font-size: 14px;
            color: #888;
            margin-top: 15px;
        }
.circle-button{position:absolute; z-index:999; background-color:#00a933 !important;}
.total-reviews img{width:25px; height:25px;}
.total-reviews .wpb_wrapper{display:flex; color:#fff;    align-items: center;gap:5px;
    justify-content: center;}
.total-reviews .wpb_wrapper p{margin-bottom:0px !important;}
.heading-white{color: #fff !important;
    font-size: 2em;}
.alpha ul a{color:#00a933 !important; padding:5px;}
.top-header a{color:#fff; text-decoration:none;}
.top-header .col-6{display:flex; }
.top-header .call , .top-header .mail{padding:0 17px 0 21px; }
.top-header .call {border-right: 1px solid #fff; }
.top-header {background:#01aa35; padding:10px 0;}
.top-header div {color:#fff}
.top-header .social-icons ul li{padding-right: 15px;}
.top-header .social-icons ul{display:flex; list-style:none; justify-content:end}
.top-header .iconz{justify-content:end}



/* Basic link styling */
.primary-menu-container ul li a {
  position: relative;
  display: inline-block;
  padding: 5px 5px;
  text-decoration: none;
  color: #333;
  transition: color 0.3s ease;
}

/* Corner borders (hidden by default) */
.primary-menu-container ul li a::before,
.primary-menu-container ul li a::after {
  content: "";
  position: absolute;
  width: 10px; /* size of corner */
  height: 10px;
  border: 2px solid #00a933;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Top-left corner */
.primary-menu-container ul li a::before {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
  transform: translate(-5px, -5px);
}

/* Bottom-right corner */
.primary-menu-container ul li a::after {
  bottom: 0;
  right: 0;
  border-left: none;
  border-top: none;
  transform: translate(5px, 5px);
}
.home-slide .vc_figure{width:100% !important;}
.home-slide .vc_single_image-wrapper{width:100% !important;}
.home-slide .vc_single_image-wrapper img{max-width:100% !important;}

/* Hover effect */
.primary-menu-container ul li a:hover {
  color: #00a933;
}

.primary-menu-container ul li a:hover::before,
.primary-menu-container ul li a:hover::after {
  opacity: 1;
  transform: translate(0, 0);
}
.wwd-text .wpb_wrapper p{font-size:1.2em !important;}
.wwd-image img{    border-radius: 10px;}
#primary-menu-list .menu-item-58{background:#01aa35 !important;}
#primary-menu-list .menu-item-58 a{ color: #fff !important;}
.click-btn button{background:#00a933 !important; color:#fff !important;}
.nd-sec-block{border:1px solid gray;padding:30px;}
.box-row{gap:10px; flex-wrap:nowrap !important; display:flex; }
footer{background: #fff !important;border-top: 1px solid #000;    margin-top: 20px;}
footer a{color:#19aa4b !important; text-decoration:none !important;}
footer ul{list-style:none;}
.rights{    border-top: 1px solid #000;
    padding: 10px;margin-top: 20px;}
.site-footer > .container{padding-top:20px}
.site-footer ul li{  margin-bottom: 5px;}
.site-footer .social-icons ul li{  
    padding-left: 10px;
    font-size: 1em;}
.site-footer .social-icons ul{display:flex;}
footer p{color:#19aa4b !important}
.book-col-right{border-right: 1px solid #fff;}
.book-text{color:#fff;}
.rights .btn-col p{text-align:end}
footer img {max-width:250px !important}
.req-call-form input,
.req-call-form select,
.req-call-form textarea{width:100% !important; padding:10px; border-radius:5px;}
.wpcf7-submit {background:#01aa35 !important; border:1px solid}
.wpcf7-submit{color:#fff; cursor:pointer;}
.req-call-form{    
    padding: 10px; margin-bottom:20px;}
.req-call-form label, .req-call-form h2{color:#fff !important;font-weight: 600;}
.req-call-form p{margin-bottom:2px !important}
.req-call-img .wpb_wrapper{height:100% !important;}
.req-call-img .wpb_wrapper .wpb_single_image{height:100% !important;}
.req-call-img .wpb_wrapper .wpb_single_image .wpb_wrapper{height:100% !important;}
.req-call-img .wpb_wrapper .wpb_single_image .wpb_wrapper .vc_single_image-wrapper{height:100% !important;}
.req-call-img .wpb_wrapper .wpb_single_image .wpb_wrapper .vc_single_image-wrapper img{height:100% !important;    object-fit: cover;
    object-position: right;}
.req-call-img .vc_column-inner{padding:0 0 0 0 !important;}
.nd-sec-block{border-radius: 10px;}
.test{    height: 150px;
    background: #01aa35;
    display: flex
;
    justify-content: center;
    align-items: center;}
.test h1{color:#fff}
.req-call-form .social-html a,.req-call-form .address-c p{color:#fff !important; text-decoration:none;}
.req-call-form .social-html ul{list-style:none;    display: flex
;
    justify-content: space-between;}
.req-call-form .social-html ul li{margin-bottom: 10px}
.req-call-form .social-html ul li a{font-size:1.4em}
.widget-title{    margin-bottom: 10px;
    font-size: 1.2em !important;}
.contact-f label{color :#19aa4b !important;}
.social-icons-c a{
	    color: #fff;
    font-size: 2em;
}
.social-icons-c ul{
	    display: flex
;
    list-style: none;
    justify-content: space-around;
}
.about-txt p{font-size:1.2em;}
strong{color:#01aa35 !important;}
.about-img-1 .wpb_wrapper { height:100% !important; margin-bottom:0px !important; object-fit:cover; }
 .about-img-1 .wpb_wrapper .wpb_single_image { height:100% !important; margin-bottom:0px !important; object-fit:cover; } .about-img-1 .wpb_wrapper .wpb_single_image .vc_figure{ height:100% !important; margin-bottom:0px !important; object-fit:cover; }
.about-img-1 .wpb_wrapper .wpb_single_image .vc_single_image-wrapper { height:100% !important; margin-bottom:0px !important; object-fit:cover; }
.about-img-1 .wpb_wrapper .wpb_single_image .vc_single_image-wrapper img{ height:100% !important; margin-bottom:0px !important; object-fit:cover; border-radius: 10px;}
.price-heading{color:#01aa35;}
.price-txt p{
  font-family: "MuseoModerno", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal;
}
.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper{position:static !important;}
.text-ul ul li{font-family:'Questrial' !important; margin-bottom:5px;}
.text-ul h3{margin-bottom:10px; margin-top:10px;}
.dif-search-form{    display: flex
;
    justify-content: center;
    gap: 5px;}