/*
Theme Name: Cargo Child
Theme URI: https://elementor.dostguru.com/cms/honeyfresh/
Template: cargo
Author: Webibazzar
Author URI: https://www.templatemonster.com/products/author/webibazaar/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme?s soft colors and eye-catching ? yet timeless ? design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.0.1725630240
Updated: 2024-09-06 14:44:00

*/
body {
    font-family: "Montserrat", Sans-serif !important;
}

.elementor-16781 .elementor-element.elementor-element-6b63{ width:70%!important; }
.mot-include {columns: 2; -webkit-columns: 2; -moz-columns: 2;}
.our-pco-say{padding:3%;background-color: #F0DBCA;}

#menu-item-19145 .ekit-menu-nav-link {
    background-color: #E97B23;
    border-radius: 9px;
    color: #fff;
    display: flex;
    height: 72%;
    margin-top: 10px;
 } 
.wrapper_overlay{height: 29px; width: 32%; opacity: .7;position: absolute;z-index: 1;}
.wrapper_child{background: #E97B23; color: white; text-align: center; padding: 5px; margin: 0px; border-radius: 5px 5px 0 0;}

.card ul{
    -webkit-column-count: 2;  /* Chrome/Opera, Safari */
    -moz-column-count: 2; /* Mozilla Firefox */
    column-count: 2;
    
    /* Properties below are optional: */
    -webkit-column-gap: 50px; /* Chrome/Opera, Safari */
    -moz-column-gap: 50px; /* Mozilla Firefox */
    column-gap: 50px;
    
    -webkit-column-rule: 1px single grey; /* Chrome/Opera, Safari */
    -moz-column-rule: 1px single grey; /* Mozilla Firefox */
    column-rule: 1px single grey;
    }





.slider_thumb{display:inline-block; cursor: pointer;}
.slider_thumb img{object-fit: cover !important; width: 200px !important;}

.slider-nav .slider_thumb img:hover {
    transform: scale(1.0);
}
.top-list{
    padding:10px!important; 
    text-align:center!important;
    font-weight: bold!important;
    color: #444!important;
    font-size: 28px;
}

.grid-block {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 150px;
    border: 2px solid #ddd;
    background-color: #f9f9f9;
    transition: transform 0.3s, background-color 0.3s;
}
.grid-block:hover {
    background-color: #ff5722;
    color: #fff;
    transform: scale(1.05);
}
.grid-text {
    font-size: 1rem;
    font-weight: bold;
}


.tag{
    background-color: #000000;
    color: #ff7300!important;
    padding: 5px 10px 5px 10px;
    font-size: 15px;
    font-weight: 600;
    margin: 5px;
    border-radius: 6px;
}

.spec-tag{
    background-color: #f9e5e5;
    color: #ff7300!important;
    padding: 6px 9px 6px 9px;
    font-size: 15px;
    font-weight: 600;
    margin: 5px;
    border-radius: 6px;
    clear: both;
    float: right;
    margin-top:-5px;
}

.eligibility-list {
    list-style: none;
    padding: 0;
}
.eligibility-item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}
.eligibility-item::before {
    content: "✔"; /* Correct sign */
    color: #ff5722; /* Orange color */
    font-size: 1.5em;
    position: absolute;
    left: 0;
    top: 0;
}

.counter .number-percentage{width:auto!important;}
.footer-newsletter{display:contents!important;}
.icon-down-arrow1{
    font-size:18px !important;
}
.blog-grid {
    display: flex;
    grid-template-columns: 360px repeat(auto-fill, 360px) 360px;
   /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
    gap: 20px;
    flex-wrap: wrap;
    font-family: "Montserrat", Sans-serif;
}
.blog-grid .blog-grid-block{
    width: calc(33.33% - 14px);
}
.blog-post {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(213, 101, 9, 0.6);
    overflow: hidden;
    /* transition: transform 0.2s ease-in-out;*/
}
.searchfrm{
    font-family: "Montserrat", Sans-serif;
}
.sbr-feed {
    font-family: "Montserrat", Sans-serif;
}
.blog-post:hover {
    transform: translateY(-5px);
}

.blog-image {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.blog-image .slick-list img{
    max-height: 200px;
    margin: 0 auto;
}
.blog-content {
    padding: 20px;
}

.blog-title {
    font-size: 1.5rem;
    margin: 0;
    color: #333;
    text-align: center;
    padding-top: 30px;
}

.fleet-type{
    width: 15%;
    float: left;
}


#category-filter{
    border: 1px solid gainsboro;
}

.blog-meta{font-size: 10px; color:none;}
.carlist{color:black;padding:16px 0px 0px 0px;}
.car-detail span{font-size: 20px; padding: 10px;font-weight: 600; color:#E97B23;}
.car-detail p{margin-left: 47px;font-size: 14px;}
.car-detail-child{display: contents;}

.eligible-for img{
    max-width: 30% !important;
    margin-top: 5px;
    padding: 10px;
    
}
.carlist .fa-2xl {width: 36px;}
.imgcontainer{  
    position: relative;
    text-align: center;
    color: white;
}
.bottom-right{
    position: absolute;
    bottom: 8px;
    right: 16px;
}
.slick-dots li button:before { font-size: 30px;}
.range{
    float: left;
    color: white;
    font-size: 12px;
    background-color: black;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    font-weight: 700;
}
.status{
    float: right; 
    color: white;
    font-size: 12px;
    background-color: limegreen;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    font-weight: 700;

    
}
.stats{
    margin-top: -60px;
    position: relative;
}


.container {
    max-width: 1400px;
    margin: 50px auto;
    background-color: #fff;
    gap: 30px;
    font-family: "Montserrat", Sans-serif
}

.car-image {
    flex: 1.4;
    min-width: 300px;
    text-align: center;
    margin-left: 0px;
}

.car-image div img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.4s ease;
    
}

.car-image div img:hover {
    transform: scale(1.05);
}

.slick-track{display: flex !important;}
.slick-slide{height: inherit !important;}

.car-info {
    flex: 1.5;
    padding: 20px;
}

.car-info h1 {
    margin-top: 0;
    font-size: 2.5em;
    color: #333;
}

.car-info p {
    font-size: 1.1em;
    color: #666;
    line-height: 1.8;
}

.car-info ul {
    padding: 0;
    list-style: none;
}

.car-info ul li {
    font-size: 1.1em;
    /*margin-bottom: 10px;*/    
}


.price-tag {
    margin-top: 20px;
    font-size: 2em;
    color: #2ecc71;
}

.action-buttons {
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}

.action-buttons button {
    padding: 12px 25px;
    font-size: 1.2em;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.action-buttons button:hover {
    transform: translateY(-3px);
}

.rent-button {
    background-color: #3498db;
}

.rent-button:hover {
    background-color: #2980b9;
}

.buy-button {
    background-color: white;
    text-align: left;
    border-radius: 5px;
    color: #2ecc71;
    font-size: 30px;
    font-weight: 600;
}


.specs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 20px;
}

.spec-item {
   /* background-color: #f9f9f9;*/
    padding: 7px;
    border-radius: 8px;
   /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
    text-align: left;
}

.spec-item span {
    display: block;
    font-weight: 500;
    color: #444;
    font-size: 1.0em;
}

.spec-item p {
    font-size: 1.1em;
    color: #555;
}

.spec-item-left{
    background-color: #f9f9f9;
    border-radius: 8px;
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
    text-align: left;
    width: 100%;
}

.spec-item-left span{
    display: block;
    font-weight: bold;
    color: #444;
    font-size: 1.2em;

}
.spec-item-left p{
    font-size: 1.1em;
    color: #555;
}

.wpforms-form .wpforms-title {
    font-size: 26px !important;
}

.wpforms-form .wpforms-title {
    font-size: 35px !important;
}

.wpforms-form .wpforms-title {
    font-family: 'Arial', sans-serif !important;
}

.wpforms-form .wpforms-title {
    color: #E97B23 !important;
}
div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active{
    background-color: black;
}

#category-filter-form label{ font-size: 14px; color:#E97B23 !important;}
#category-filter-form input[type=text]{ font-size: 14px; color:#E97B23 !important; width:3%;}

.ui-slider-horizontal .ui-slider-range, #price-range span{ background-color:#E97B23 !important;}
.filter{ color:#E97B23 !important;font-size: 14px;}
.pricerange{padding:0% 30% 10% 30%;}
.searchfrm{text-align: center; padding: 5% 5% 0% 5%;}
.slick-prev{ left:0%; top:50%; z-index: 999; display: none!important;}
.slick-next{left:90%; top:50%; display: none!important;}
.slick-prev:before, .slick-next:before{
    font-size: 32px; 
    background-color: #E97B23;
    padding: 3% 25% 5% 13%;
    border-radius: 20px;
}   

.blog-post .slick-prev, .blog-post .slick-next{display: none !important;} 
.blog-post .slick-prev:before, .blog-post .slick-next:before{display: none !important;}
.evfeature ul li{padding:5px 10px 5px 10px;display: flex;gap: 14px;}
.evfeature ul li:before {content: '✔'; color:#E97B23; font-size: 1.6em;}


.director {
    height: 100%;
}
.director .elementor-widget-container{
    background-position: top -40px left;
    height: 100%;
    background-repeat: no-repeat;
}

.btn{
    margin: 0;
    border: 0;
    padding: 20px 80px;
    color: #fff;
    box-sizing: border-box;
    font-weight: 500;
    background: #e97b23;
    font-size: 24px;
}
.btn:hover{
    background: #e8a121;
}
.btn-outer{
    display: block;
    margin: 30px auto 0;
}
.send-message-form .wpforms-container .wpforms-field-row.wpforms-field-medium{
    max-width: 100%;
}
.footer-newsletter .wpforms-container input.wpforms-field-medium{
        max-width: 100%;
}
.footer-social .ekit_social_media a:hover svg path{
    stroke: #fff !important;
    fill: #fff !important;

}

.detail-inquiry-form{
    background: white;
    border-radius: 20px;
    padding: 30px;
    max-width: 100%;
    width: 700px;
    margin: 0 auto;
    box-shadow: -2px 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.detail-inquiry-form .wpforms-field-row.wpforms-field-medium{
    max-width: 100% !important;
}
.box-block{
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
    text-align: left;
    width: 100%;
}

.e-contact-buttons__top-bar{display: none !important;}
.e-contact-buttons__message-bubble{display: none !important;}
.e-contact-buttons__powered-text{display: none !important;}
.e-contact-buttons__send-button {background-color: #fff0 !important;}
.e-contact-buttons{padding-right: 20px;}



@media  (max-width: 1199px) {
    .director .elementor-widget-container{
        background-position: top -60px left -60px;
    }
}
@media  (max-width: 991px) {
    .blog-grid .blog-grid-block{
        width: calc(50% - 10px);
    }   
    .director .elementor-widget-container{
        background-position: top -60px left -110px;
    }
    .send-message-form{
        text-align: left;
    }
    .send-message-form .wpforms-container .wpforms-one-half{
        width: 100%;
        margin: 0 !important;
    }
    .blog-image {
        height: 300px;
    }
}
@media (max-width: 767px) {
    .container {
        flex-direction: column;
    }
    .specs-grid {
        grid-template-columns: 1fr;
    }

    .car-info{
        margin-top: 10%;
    }

    .car-info h1 {
        font-size: 2em;
    }
    .send-message-form-img{
        height: 400px;
    }
    .send-message-form-img .elementor-shape-top svg,.send-message-form-img .elementor-shape-bottom svg{
        height: 55px !important;
    }
    .our-pco-say{
        padding:3%;
        background-color: #F0DBCA;
    }
    .our-pco-say .sb-feed-posts{
        height: auto !important;
    }
    .our-pco-say .sb-feed-posts .sb-post-item-wrap{
        width: 100% !important;
        background: #f7f7f7;
        padding: 15px !important;
        position: static !important;
        margin-bottom: 20px !important;
    }
    .our-pco-say  #sb-reviews-container-1 .sb-post-item-wrap{
        margin-bottom: 20px !important;
    }
    .detail-inquiry-form{
        padding: 20px;
    }
    .detail-inquiry-form .wpforms-container .wpforms-one-half{
        width: 100%;
        margin: 0 !important;
    }

    .card ul{
        -webkit-column-count: 1;  /* Chrome/Opera, Safari */
        -moz-column-count: 1; /* Mozilla Firefox */
        column-count: 1;
    }
    .car-image { 
        text-align: center;
        min-width: 100%;
        margin-left: 0px;
    }

    .box-block {
        text-align: center;
    }
}
@media  (max-width: 680px) {
    .blog-grid .blog-grid-block{
        width: 100%;
    }   
    .blog-image {
        height: auto;
    }
  
  	div.wpforms-container-full .wpforms-form .wpforms-title{
        text-align: center !important;   
    }
  	
  	.header .elementskit-menu-hamburger {
      width: 41px !important;
      height: 41px !important;
      background-color: white;
    }
    .card ul{
        -webkit-column-count: 1;  /* Chrome/Opera, Safari */
        -moz-column-count: 1; /* Mozilla Firefox */
        column-count: 1;
    }
    .car-image { 
        text-align: center;
        min-width: 100%;
        margin-left: 0px;
    }

    .car-info{margin-top: 10%;}
    .box-block {
        text-align: center;
    }
    .eligible-for{min-height: auto;}
    #category-filter-form input[type="text"]{width:11%;}
    .div.wpforms-container-full .wpforms-form .wpforms-title{line-height: 40px!important;}
    .ti-reviews-container{display: none;}
    .elementor-16781 .elementor-element.elementor-element-6b63{ width:25%!important; }
    .mot-include {columns: 1; -webkit-columns: 1; -moz-columns: 1;}
}
@media  (max-width: 480px) {
    .director .elementor-widget-container{
        background-position: top -30px left -150px;
    } 
	
	.e-contact-buttons{
		--e-contact-buttons-size-small: 50px!important
	}
	.footer-newsletter{
		margin-right:50px!important;
		margin-top:23px!important;
	}
  
  	div.wpforms-container-full .wpforms-form .wpforms-title{
        text-align: center !important;   
    }
  
    .header .elementskit-menu-hamburger {
      width: 41px !important;
      height: 41px !important;
      background-color: white;
    }

    .card ul{
        -webkit-column-count: 1;  /* Chrome/Opera, Safari */
        -moz-column-count: 1; /* Mozilla Firefox */
        column-count: 1;
    }

    .car-image { 
        text-align: center;
        min-width: 100%;
        margin-left: 0px;
    }
    
    .car-info{margin-top: 10%;}
    .box-block {
        text-align: center;
    }
    .elementskit-section-title{
        font-size: 24px !important;
    }

    .our_fleet-template-default .ekit-heading{margin-top:-95px;}
    .div.wpforms-container-full .wpforms-form .wpforms-title{line-height: 40px!important;}
    .eligible-for{min-height: auto;}
    #category-filter-form input[type="text"]{width:11%;}
    .our_fleet-template-default .elementskit-border-divider{margin-top: 4%;}
    .ti-reviews-container{display: none;}

    .wrapper_overlay{height: 29px; width: 100%; opacity: .7;position: absolute;z-index: 1;}
    .sb-feed-header-heading{text-align: center;}
    .sb-feed-header-bottom{text-align: center;}
    .sb-feed-header-btn-ctn {float: none!important; text-align: center;}

    .elementor-heading-title{font-size: 34px!important;}

    .elementskit-menu-hamburger{margin-left: -30px;}

    .header .elementskit-menu-hamburger{background-color: white;}
    .mobile-menu-text{font-size: 18px;font-weight: bold;color: #333;}
    .elementor-16781 .elementor-element.elementor-element-6b63{ width:25%!important; }
    .mot-include {columns: 1; -webkit-columns: 1; -moz-columns: 1;}
}