/*
Theme Name: astra Child
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   astra
Version:    1.0
License:    GNU General Public License v2 or later
*/
/*
Custom CSS
Header Css
Footer Css
Home Page Css
Responsive Css
 */

 /* -------------------------------------- Custom CSS -------------------------------------- */
 /* -------------------------------------- # Custom CSS -------------------------------------- */
 
/* -------------------------------------- Header CSS -------------------------------------- */
.site-header {
    background-color: transparent;
}
.ast-builder-menu-1 .menu-item > .menu-link {
    color: #ffffff;
}
.ast-builder-menu-1 .menu-item > .menu-link:hover {
    color: #d4af37;
}
.floatyheader-sh-sticky, .floatyheader-sh-sticky a, .floatyheader-sh-sticky li, .floatyheader-sh-sticky button, .floatyheader-sh-sticky i, .floatyheader-sh-sticky span {
    color: #ffffff !important;
    fill: #ffffff !important;
}
.floatyheader-sh-sticky, .floatyheader-sh-sticky a:hover, .floatyheader-sh-sticky li:hover, .floatyheader-sh-sticky button:hover, .floatyheader-sh-sticky i:hover, .floatyheader-sh-sticky span:hover {
    color: #d4af37 !important;
    fill: #d4af37 !important;
}
.ast-builder-menu-1 .menu-link:hover, .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link, .ast-builder-menu-1 .inline-on-mobile .ast-menu-toggle:hover, .ast-builder-menu-1 .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle {
    color: #d4af37;
}
.ast-header-button-1 .ast-custom-button {
    background-color: #D4AF37;
    color: #ffffff;
    border-radius: 5px;
    font-size: 18px;
    padding: 15px 40px;
    border: 1px solid #D4AF37;
    font-weight: 500;
}
.mob-standard-logo {
    height: 60px!important;
    width: auto;
}
.mobmenul-container a.mobmenu-left-bt.mobmenu-trigger-action {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 18px;
}
.mob-menu-header-holder {
    padding-left: 3.12rem;
}
.mobmenu-left-panel {
    background-color: #0a0a0af2;
}
.mob-menu-logo-holder {
    margin-top: 10px;
}
 /* -------------------------------------- # Header CSS -------------------------------------- */
 
/* -------------------------------------- Footer CSS -------------------------------------- */
.footer-section ul.ekit_social_media {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-section ul.ekit_social_media li a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1a1a1a !important;
    border: 1px solid #d4af3733;
    border-radius: 50%;
    color: #d4af37 !important;
    transition: all 0.3s ease;
}
.footer-section .elementor-icon-box-wrapper .elementor-icon-box-content a {
    color: #d4af37 !important;
}
.footer-section ul.ekit_social_media li a svg {
    fill: #d4af37 !important;
    color: #d4af37 !important;
}
ul.footer-menu {
    padding: 0;
}
ul.footer-menu {
    padding: 0;
    margin: 0 0 0 5px;
    list-style-type: none;
}
ul.footer-menu li {
    margin-bottom: 5px;
}
ul.footer-menu li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}
ul.footer-menu li a:hover {
    color: #d4af37;
}
/* -------------------------------------- # Footer CSS -------------------------------------- */
 
/* -------------------------------------- Home Page CSS -------------------------------------- */
/* ---------------- Banner Section ---------------- */
.banner-section .sub-title span.badge-icon {
    color: #d4af37;
    font-size: 15px;
    padding: 0 15px;
}
.banner-section .list {
    max-width: 900px;
    margin: 0 auto;
}
.banner-section .list .elementor-icon-box-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #d4af37, #c9a942);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.banner-section .list .elementor-icon-box-icon svg {
    color: #ffffff;
    font-size: 20px;
}
.banner-below-list ul.elementor-icon-list-items li.elementor-icon-list-item {
    margin: 0 0 1rem;
    padding: 0 0 1rem !important;
}
/* ---------------- # Banner Section ---------------- */

/* ---------------- Villa Collection Section ---------------- */
.villa-collection .eael-infobox .infobox-content ul {
    padding: 0 0;
    margin: 0 0;
    list-style-type: none;
}
.villa-collection .eael-infobox .infobox-content ul li {
    font-size: 15px;
    color: #ffffff;
    padding: 0 0 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.villa-collection .eael-infobox .infobox-content ul li img {
    width: 25px;
    filter: brightness(0) saturate(100%) invert(78%) sepia(89%) saturate(748%) hue-rotate(359deg) brightness(103%) contrast(103%);
    transition: filter 0.3s ease;
}
.villa-collection .eael-infobox.icon-on-top, .villa-collection .eael-infobox.icon-on-top .infobox-icon {
    overflow: hidden;
}
.villa-collection .eael-infobox.icon-on-top .infobox-content {
    height: 600px;
}
.villa-collection .eael-infobox:hover {
    border-color: #d4af37 !important;
    transition: border-color 0.3s ease;
}
/* ---------------- # Villa Collection Section ---------------- */

/* ---------------- Leader Ship Section ---------------- */
.leadership-section .elementor-icon-box-wrapper .elementor-icon-box-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #d4af37, #c9a961);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.leadership-section .elementor-icon-box-wrapper .elementor-icon-box-icon svg {
    color: #ffffff;
    font-size: 20px;
}
.signature-line {
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d4af37, transparent);
    margin: 0 auto 20px;
}
.leadership-section .eael-infobox.icon-on-top {
    position: relative;
}
.leadership-section .eael-infobox.icon-on-top .infobox-content {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #d4af37, #c9a961) !important;
    padding: 20px 35px !important;
    border-radius: 12px;
    align-items: center;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);
    z-index: 2;
}
/* Leadership Section - Image Zoom Effect */
.leadership-section .eael-infobox .infobox-icon {
    overflow: hidden;
    border-radius: 12px;
    transition: border-radius 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

/* Gold Frame Border */
/* .leadership-section .eael-infobox .infobox-icon::after {
    content: '';
    position: absolute;
    top: -15px;
    left: -15px;
    right: 15px;
    bottom: 15px;
    border: 2px solid #d4af37;
    border-radius: 16px;
    pointer-events: none;
    z-index: 1;
} */

.leadership-section .eael-infobox:hover .infobox-icon {
    border-radius: 12px;
}

.leadership-section .eael-infobox .infobox-icon img {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(1);
    display: block;
    width: 100%;
}

.leadership-section .eael-infobox:hover .infobox-icon img {
    transform: scale(1.08);
    border-radius: 15px;
}
.leadership-section .elementor-widget-icon-box {
    transition: all 0.3s ease;
}
.leadership-section .elementor-widget-icon-box:hover {
    transform: translateX(10px);
}

/* ---------------- # Leader Ship Section ---------------- */
/* ---------------- Key Highlights Section ---------------- */
.key-section .header .elementor-icon-box-wrapper .elementor-icon-box-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #d4af37, #c9a961);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.key-section .header .elementor-icon-box-wrapper .elementor-icon-box-icon svg {
    color: #ffffff;
    font-size: 20px;
}

.key-section  .elementskit-infobox .elementskit-info-box-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15), rgba(201, 169, 97, 0.1));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: all 0.4s ease;
}
/* ---------------- # Key Highlights Section ---------------- */

/*--------- Contact Form ---------*/
.custom-book-visit-form {
    max-width: 700px;
    margin: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    background: rgba(26, 26, 26, 0.8);
    backdrop-filter: blur(20px);
    padding: 50px;
    border-radius: 4px;
    border: 1px solid rgba(212, 175, 55, 0.2);
}

.custom-book-visit-form p {
    margin-bottom: 20px;
}

.custom-book-visit-form input[type="text"],
.custom-book-visit-form input[type="email"],
.custom-book-visit-form input[type="tel"] {
    width: 100%;
    height: 56px;
    border: 2px solid #d8d2cb;
    border-radius: 12px;
    background: #f5f3ef;
    padding: 0 20px;
    font-size: 16px;
    color: #666;
    outline: none;
    box-sizing: border-box;
}

.custom-book-visit-form input::placeholder {
    color: #8d8d8d;
}

.custom-book-visit-form .privacy-note {
    background: #0a0a0a80;
    border-left: 3px solid #d4af37;
    border-radius: 0;
    padding: 16px;
    font-size: 14px;
    line-height: 1.6;
    color: #faf8f3;
    margin-bottom: 25px;
}
.contact-section .elementor-icon-box-description a.contact-value {
    color: #d4af37 !important;
}
/*--------- # Contact Form ---------*/
/*--------- Advantages Section ---------*/
.advantages-section .eael-gallery-grid-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 22px;
    gap: 15px;
    height: 90px;
    transition: all 0.5s ease;
    border: 1px solid #2c2c2c1a !important;
}
.advantages-section .eael-gallery-grid-item:hover {
    border: 1px solid #d4af37 !important;
    transform: translateX(8px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.advantages-section .eael-gallery-grid-item .gallery-item-thumbnail-wrap {
    width: 35px;
}
.advantages-section .eael-gallery-grid-item .gallery-item-caption-over .fg-item-title {
    margin: 0 0 0 !important;
    line-height: 25px;
}
.advantages-section .eael-gallery-grid-item .gallery-item-caption-wrap.caption-style-card {
    border: none !important;
    padding: 0 0 0 !important;
}
/*--------- # Advantages Section ---------*/
/*--------- Showcase Section ---------*/
.showcase-section .eael-filter-gallery-control ul li.control,
.eael-filter-gallery-control ul li.control {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transform: translateY(0);
    cursor: pointer;
}

.showcase-section .eael-filter-gallery-control ul li.control:hover,
.eael-filter-gallery-control ul li.control:hover {
    border-color: #d4af37 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2) !important;
    background: #faf8f5 !important;
}

.showcase-section .eael-filter-gallery-control ul li.control.active,
.eael-filter-gallery-control ul li.control.active {
    background: linear-gradient(135deg, #d4af37, #b8941e) !important;
    border-color: #d4af37 !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
    transform: translateY(-2px) !important;
}

.showcase-section .eael-filter-gallery-control ul li.control:active,
.eael-filter-gallery-control ul li.control:active {
       transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2) !important;
}
/*--------- # Showcase Section ---------*/
/*--------- FAQ Section ---------*/
.faq-section .eael-accordion-list .elementor-tab-title.eael-accordion-header.active {
    border-radius: 12px 12px 0 0 !important;
}
.faq-section .eael-accordion-list .eael-accordion-content {
    border-radius: 0 0 12px 12px !important;
}
.faq-section .eael-accordion-list .eael-accordion-content p {
    margin: 0 0 0;
}
.faq-section .eael-accordion-list .elementor-tab-title.eael-accordion-header.active svg.fa-toggle.e-font-icon-svg.e-fas-angle-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*--------- # FAQ Section ---------*/
 /* -------------------------------------- # Home Page CSS -------------------------------------- */

/* ============================================
   PREMIUM HOVER EFFECTS - DARK + LIGHT LANDING PAGE STYLE
   Elegant Lift + Golden Glow - No Background Changes
   ============================================ */

/* ========== CORE HOVER EFFECT - BUTTONS ========== */

.ast-custom-button,
.elementor-button,
.wp-block-button__link,
button[type="submit"],
.ast-button,
.eael-creative-button,
input[type="submit"],
.ast-header-button-1 .ast-custom-button {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(0);
}

.ast-custom-button:hover,
.elementor-button:hover,
.wp-block-button__link:hover,
button[type="submit"]:hover,
.ast-button:hover,
.eael-creative-button:hover,
input[type="submit"]:hover,
.ast-header-button-1 .ast-custom-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);
}

/* ========== CARD HOVER EFFECTS ========== */

.villa-collection .eael-infobox,
.elementor-widget-icon-box,
.eael-filterable-gallery-item-wrap,
.elementor-post,
.eael-grid-post-holder,
.leadership-section .elementor-icon-box-wrapper {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(0);
}

/* ========== NAVIGATION HOVER EFFECTS ========== */

.ast-builder-menu-1 .menu-item > .menu-link {
    position: relative;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.ast-builder-menu-1 .menu-item > .menu-link::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d4af37, transparent);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(-50%);
}

.ast-builder-menu-1 .menu-item > .menu-link:hover::after,
.ast-builder-menu-1 .menu-item.is-active > .menu-link::after {
    width: 100%;
}

/* Prevent hash-links from making every item look active (WordPress assigns current classes to all custom # links) */
.ast-builder-menu-1 .main-header-menu > .menu-item.current-menu-item:not(.is-active) > .menu-link::after,
.ast-builder-menu-1 .main-header-menu > .menu-item.current_page_item:not(.is-active) > .menu-link::after {
    width: 0 !important;
}

.ast-builder-menu-1 .main-header-menu > .menu-item.is-active > .menu-link {
    color: #d4af37 !important;
}

/* ========== IMAGE HOVER EFFECTS ========== */

/* Image containers - overflow hidden */
.elementor-widget-image,
.elementor-widget-image .elementor-widget-container,
.elementor-image,
.eael-infobox .infobox-icon,
.eael-filterable-gallery-item,
.gallery-item-thumbnail,
.gallery-item-thumbnail-wrap,
.eael-gallery-grid-item,
.post-thumbnail,
.wp-post-image,
figure,
.attachment,
.wp-block-image,
.gallery-item,
.elementor-post__thumbnail,
.eael-grid-post-holder,
.elementor-background-slideshow,
.ast-post-image,
.featured-image,
.entry-image {
    overflow: hidden !important;
    transition: border-radius 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0;
}

/* Container border-radius on hover */
.elementor-widget-image:hover,
.elementor-widget-image:hover .elementor-widget-container,
.elementor-image:hover,
.eael-filterable-gallery-item:hover,
.eael-filterable-gallery-item:hover .gallery-item-thumbnail-wrap,
.gallery-item-thumbnail:hover,
.gallery-item-thumbnail-wrap:hover,
.eael-gallery-grid-item:hover,
.post-thumbnail:hover,
figure:hover,
.attachment:hover,
.wp-block-image:hover,
.gallery-item:hover,
.elementor-post__thumbnail:hover,
.eael-grid-post-holder:hover,
.ast-post-image:hover,
.featured-image:hover,
.entry-image:hover {
    border-radius: 15px !important;
}

/* Image zoom effect - All images */
.eael-infobox .infobox-icon img,
.elementor-image img,
.elementor-widget-image img,
.eael-filterable-gallery-item img,
.eael-filterable-gallery-item-wrap img,
.eael-gallery-grid-item img,
.gallery-item-thumbnail img,
.gallery-item-thumbnail-wrap img,
.post-thumbnail img,
.wp-post-image,
figure img,
.attachment img,
.wp-block-image img,
.gallery-item img,
.elementor-post__thumbnail img,
.eael-grid-post-holder img,
.elementor-background-slideshow img,
.ast-post-image img,
.featured-image img,
.entry-image img,
img {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transform: scale(1);
    display: block;
    width: 100%;
}

/* Hover zoom - All images */
.elementor-widget-image:hover img,
.elementor-image:hover img,
.eael-filterable-gallery-item:hover img,
.eael-filterable-gallery-item-wrap:hover img,
.eael-gallery-grid-item:hover img,
.gallery-item-thumbnail:hover img,
.gallery-item-thumbnail-wrap:hover img,
.post-thumbnail:hover img,
.wp-post-image:hover,
figure:hover img,
.attachment:hover img,
.wp-block-image:hover img,
.gallery-item:hover img,
.elementor-post:hover .elementor-post__thumbnail img,
.eael-grid-post-holder:hover img,
.ast-post-image:hover img,
.featured-image:hover img,
.entry-image:hover img,
a:hover img,
.eael-infobox:hover .infobox-icon img,
.villa-collection .eael-infobox:hover .infobox-icon img {
    transform: scale(1.08) !important;
}

/* ========== ICON HOVER EFFECTS ========== */

.leadership-section .elementor-icon-box-wrapper .elementor-icon-box-icon,
.elementor-icon,
.eael-infobox .infobox-icon,
.elementskit-info-box-icon,
.elementor-icon-box-icon,
.ekit-wid-con .elementskit-info-box-icon {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Icon Hover - Gradient Background */
.leadership-section .elementor-icon-box-wrapper:hover .elementor-icon-box-icon,
.elementskit-box-header:hover .elementskit-info-box-icon,
.ekit-wid-con:hover .elementskit-info-box-icon {
    background: linear-gradient(135deg, #d4af37, #b8941e) !important;
}

/* Exclude contact section from icon rotation effect */
.contact-section .elementor-icon-box-wrapper:hover .elementor-icon-box-icon,
.contact-section .elementor-widget-icon-box:hover .elementor-icon-box-icon {
    background: none !important;
    transform: none !important;
}

/* ========== SOCIAL ICONS ========== */

.footer-section ul.ekit_social_media li a {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(0);
}

.footer-section ul.ekit_social_media li a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);
}

/* ========== ADVANTAGES SECTION ========== */

.advantages-section .eael-gallery-grid-item {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(0);
}

/* ========== FAQ SECTION ========== */

.faq-section .eael-accordion-list .elementor-tab-title {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========== FORM INPUTS ========== */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
    transform: translateY(-2px);
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);
}

/* ========== LINK HOVER EFFECTS ========== */

ul.footer-menu li a {
    position: relative;
    display: inline-block;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

ul.footer-menu li a::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: #d4af37;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

ul.footer-menu li a:hover::before {
    width: 100%;
}

/* ========== SMOOTH SCROLL ========== */

html {
    scroll-behavior: smooth;
}

/* ========== MOBILE RESPONSIVE ========== */

@media (max-width: 768px) {
    /* Disable hover effects on mobile, use tap feedback */
    .ast-custom-button:hover,
    .elementor-button:hover,
    .villa-collection .eael-infobox:hover,
    .advantages-section .eael-gallery-grid-item:hover {
        transform: none;
        box-shadow: none;
    }
    
    /* Simple tap feedback */
    .ast-custom-button:active,
    .elementor-button:active {
        transform: scale(0.98);
        transition: transform 0.1s ease;
    }
}

/* ========== PERFORMANCE OPTIMIZATION ========== */

.ast-custom-button,
.elementor-button,
.villa-collection .eael-infobox,
.elementor-widget-icon-box,
.advantages-section .eael-gallery-grid-item {
    will-change: transform;
    backface-visibility: hidden;
}

/* ============================================
   END PREMIUM HOVER EFFECTS
   ============================================ */



/* -------------------------------------- Responsive CSS -------------------------------------- */
/* ============================================
   1280
   ============================================ */
@media screen and (max-width: 1280px) {
    .ast-header-button-1 .ast-custom-button {
        font-size: 15px;
        padding: 12px 25px;
    }
    .main-header-menu .menu-link, .main-header-menu>a {
        padding: 0 0.5rem;
    }
}

/* ============================================
   1150
   ============================================ */
@media screen and (max-width: 1150px) {
    header .custom-logo-link img {
    max-width: 170px;
    width: 170px;
}
.mob-menu-header-holder {
    padding-left: 0;
}
}



/* ============================================
   921px
   ============================================ */
@media screen and (max-width: 921px) {
   [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 25px;
    height: 25px;
    fill: #d4af37;
}
.ast-header-break-point .main-header-menu {
    background-color: #0a0a0af2;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none !important;
}
.main-header-bar {
    border: none !important;
}
.mobmenul-container a.mobmenu-left-bt.mobmenu-trigger-action span.left-menu-icon-text {
    display: none;
}
}
/* ============================================
   767px
   ============================================ */
@media screen and (max-width: 767px) {
.leadership-section .eael-infobox.icon-on-top .infobox-content {
    width: 100%;
}
.custom-book-visit-form {
    padding: 25px 15px;
}
.about-section img{
    height: auto !important;
}
.villa-collection .eael-infobox.icon-on-top .infobox-content {
    height: auto;
}
.footer-section ul.ekit_social_media {
    justify-content: flex-start;
}
section#video svg.ekit-svg-icon.icon-play {
    width: 70px;
    height: 70px;
}
.footer-enquiery {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
}
}
/* -------------------------------------- # Responsive CSS -------------------------------------- */