.elementor-23918 .elementor-element.elementor-element-521be42{width:var( --container-widget-width, 1200px );max-width:1200px;--container-widget-width:1200px;--container-widget-flex-grow:0;}/* Start custom CSS for shortcode, class: .elementor-element-521be42 *//* =========================================================
   SHASHI VEHICLE FLEET
   Based directly on Elementor Template #24352
   ========================================================= */


/* =========================================================
   FLEET CONTAINER
   ========================================================= */

.shashi-fleet-grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}


/* =========================================================
   VEHICLE CARD
   Elementor:
   width: 32%
   padding: 20px
   border-radius: 30px
   border: 2px solid #3B402C
   background: #ffffff0f
   display: flex
   flex-direction: column
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-card {
    width: 32%;
    box-sizing: border-box;

    padding: 20px;

    border: 2px solid #3B402C;
    border-radius: 30px;

    background: #ffffff0f;

    display: flex;
    flex-direction: column;
}


/* =========================================================
   CATEGORY WRAPPER
   Elementor:
   width: auto
   padding: 10px 15px
   border-radius: 20px
   background: #15201B
   align-self: start
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-category {
    width: auto;

    align-self: flex-start;

    padding: 10px 15px;

    border-radius: 20px;

    background: #15201B;

    box-sizing: border-box;
}


/* =========================================================
   CATEGORY TEXT
   Elementor:
   Poppins
   500
   14px
   #50C184
   uppercase
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-category {
    color: #50C184;

    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-weight: 700 ;

    line-height: normal;

    text-transform: uppercase;
}


/* =========================================================
   IMAGE
   Elementor:
   desktop height: 160px
   aspect-ratio: auto
   object-fit: contain

   mobile height: 200px
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-image {
    width: 100%;
    height: 230px;

    aspect-ratio: auto;

    display: flex;
    align-items: center;
    justify-content: center;
}

.shashi-fleet-grid .shashi-vehicle-image img {
    width: 100%;
    height: 100%;

    object-fit: contain;

    display: block;
}


/* =========================================================
   VEHICLE CONTENT WRAPPER
   Elementor:
   padding: 10px 0
   flex-direction: column
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-content {
    width: 100%;

    padding: 10px 0;

    display: flex;
    flex-direction: column;
}


/* =========================================================
   VEHICLE NAME
   Elementor:
   Poppins
   700
   22px
   #fefffe

   Mobile:
   20px
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-name {
    margin: 0;

    color: #fefffe;

    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 22px;

    line-height: normal;
}


/* =========================================================
   SPECIFICATIONS WRAPPER
   Elementor:
   padding: 10px 0 20px
   border-bottom: 2px solid #3B402C
   flex-direction: row
   gap: 10px
   flex-wrap: wrap

   Mobile:
   gap: 5px
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-specs {
    width: 100%;

    padding: 10px 0 20px;

    border-bottom: 2px solid #3B402C;

    display: flex;
    flex-direction: row;

    gap: 10px;

    flex-wrap: wrap;
}


/* =========================================================
   INDIVIDUAL SPECIFICATION BOX
   Elementor:
   width: auto
   padding: 5px 10px
   border-radius: 5px
   border: 2px solid #3B402C
   background: #ffffff0f
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-spec {
    width: auto;

    padding: 5px 10px;

    border: 2px solid #3B402C;
    border-radius: 5px;

    background: #ffffff0f;

    box-sizing: border-box;

    display: inline-flex;
    align-items: center;
}


/* =========================================================
   SPECIFICATION TEXT
   Elementor:
   Poppins
   500
   13px
   #fefffe
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-spec {
    color: #fefffe;

    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 13px;

    line-height: normal;
}


/* =========================================================
   PRICE / AVAILABILITY WRAPPER
   Elementor:
   padding: 10px 0
   flex-direction: row
   justify-content: space-between
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-bottom {
    width: 100%;

    padding: 10px 0;

    display: flex;
    flex-direction: row;

    justify-content: space-between;
}


/* =========================================================
   PRICE INNER WRAPPER
   Elementor:
   width: auto
   padding: 0
   flex-direction: row
   gap: 5px
   justify-content: space-between
   align-items: center

   Mobile:
   width: auto
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-price {
    width: auto;

    padding: 0;

    display: flex;
    flex-direction: row;

    gap: 5px;

    justify-content: space-between;
    align-items: center;
}


/* =========================================================
   PRICE
   Elementor:
   Poppins
   500
   24px
   #50C184
   line-height: 34px

   Mobile:
   25px
   ========================================================= */

.shashi-fleet-grid .shashi-price {
    color: #50C184;

    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 25px;

    line-height: 34px;
}


/* =========================================================
   PRICE PERIOD
   Elementor:
   width: auto
   Poppins
   500
   14px
   #9cb3a5
   line-height: 30px
   text-align: center
   padding: 0

   Mobile:
   width: 100%
   font-size: 16px
   margin-top: 10px
   ========================================================= */

.shashi-fleet-grid .shashi-price-period {
    width: auto;

    padding: 0;

    margin: 0;

    color: #9cb3a5;

    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-size: 14px;

    line-height: 30px;

    text-align: center;
}


/* =========================================================
   AVAILABILITY
   Elementor:
   width: auto
   Poppins
   500
   16px
   #25d366
   line-height: 30px
   text-align: center
   padding: 0

   Mobile:
   width: auto
   font-size: 16px
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-availability {
    width: auto;

    padding: 0;

    color: #25d366;

    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 16px;

    line-height: 30px;

    text-align: center;
}


/* =========================================================
   AVAILABLE DOT
   ========================================================= */

.shashi-fleet-grid .shashi-available-dot {
    color: #25d366;
}


/* =========================================================
   CAUTION
   Elementor has this block set to display:none
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-caution {
    width: auto;

    padding: 0;

    display: none;

    flex-direction: column;

    gap: 0;

    align-items: flex-end;
}


/* =========================================================
   BUTTON WRAPPER
   Elementor:
   padding: 0
   gap: 20px
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-buttons {
    width: 100%;

    padding: 0;

    display: flex;

    gap: 20px;
}


/* =========================================================
   BUTTON BASE
   ========================================================= */

.shashi-fleet-grid .shashi-vehicle-button {
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;

    text-align: center;

    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    padding-block-start: 12px;
    padding-block-end: 12px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;

    border-radius: 30px;
    font-size: 14px;
}


/* =========================================================
   VOIR DÉTAILS
   Elementor:
   width: 48%
   Poppins
   600
   14px
   #fefffe
   border-radius: 30px
   border: 2px solid #50C18429
   background: #ffffff0f
   no box-shadow

   Mobile:
   display: none
   ========================================================= */

.shashi-fleet-grid .shashi-details-button {
    width: 48%;

    color: #fefffe;

    border: 2px solid #50C18466;

    background: #ffffff0f;
}


/* =========================================================
   RÉSERVER
   Elementor:
   width: 48%
   Poppins
   600
   14px
   #021F11
   border-radius: 30px

   Background:
   linear gradient
   130deg
   #7FDDAA → #50C184

   Shadow:
   0 2px 60px #50C18442

   Mobile:
   display: none
   ========================================================= */

.shashi-fleet-grid .shashi-book-button {
    width: 48%;

    color: #021F11;

    border: 0;

    border-radius: 30px;

    background: linear-gradient(
        130deg,
        #FFFFFF 0%,
        #FFFFFF 100%
    );

    box-shadow: 0 2px 60px #ffffff42;
}


/* =========================================================
   MOBILE
   The JSON only specifies these mobile changes.
   No invented tablet breakpoint.
   ========================================================= */

@media (max-width: 767px) {

    /* Card */
    .shashi-fleet-grid .shashi-vehicle-card {
        width: 100%;
    }


    /* Category */
    .shashi-fleet-grid .shashi-vehicle-category {
        font-size: 14px;
    }


    /* Image */
    .shashi-fleet-grid .shashi-vehicle-image {
        height: 200px;
    }


    /* Vehicle name */
    .shashi-fleet-grid .shashi-vehicle-name {
        font-size: 20px;
    }


    /* Specifications */
    .shashi-fleet-grid .shashi-vehicle-specs {
        flex-direction: row;
        gap: 5px;
        flex-wrap: wrap;
    }


    /* Price */
    .shashi-fleet-grid .shashi-price {
        font-size: 25px;
    }


    /* Price period */
    .shashi-fleet-grid .shashi-price-period {
        width: 100%;
        font-size: 16px;
        margin-top: 10px;
      
    }


    /* Availability */
    .shashi-fleet-grid .shashi-vehicle-availability {
        width: auto;
        font-size: 16px;
    }


    /* Hide buttons exactly as template */
    .shashi-fleet-grid .shashi-details-button,
    .shashi-fleet-grid .shashi-book-button {
        display: flex;
    }
}/* End custom CSS */