/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/twentytwentyone-child
Description: A child theme for the Hello Elementor theme.
Author: Your Name
Author URI: https://example.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Add custom styles below this line */

.elementor-widget-text-editor :last-child {
    margin-bottom: 0 !important;
}
.pd100 {
    padding-bottom: clamp(62.5px, 12.2px + 4.5732vw, 100px) !important;
    padding-top: clamp(62.5px, 12.2px + 4.5732vw, 100px) !important;
}
.pdb0 {
    padding-bottom: 0 !important;
}
.pdt0 {
    padding-top: 0 !important;
}
.pdlr {
    padding-left: 13.4% !important; /*change as per figma */
    padding-right: 13.4% !important; /*change as per figma */
}
.pdl0 {
    padding-left: 0 !important; /*change as per figma */
}
.pdr0 {
    padding-right: 0 !important; /*change as per figma */
}



.main-hdr {
    position: relative;
    /* background: #F5F5F5; */
}

.main-hdr::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%); /* 👈 centers it */
    bottom: 0;
    width: 70%;
    height: 1px;

    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.3) 20%,
        rgba(255,255,255,0.5) 50%,
        rgba(255,255,255,0.3) 80%,
        rgba(255,255,255,0) 100%
    );

    box-shadow: 0 0 6px rgba(255,255,255,0.4);
}











































/* -------------------------------------------------------------------------------
----------------------------------------------------------------------------------
                                    RESPONSIVE CSS
----------------------------------------------------------------------------------
----------------------------------------------------------------------------------*/

@media (max-width: 1440px) {
    .headr-menu {
        padding-left: 0px !important;
    }
    .heder-menu a.ekit-menu-nav-link {
        padding: 0 5px !important;
        font-size: 16px !important;
    }
    .heder-menu {
        margin-left: 40px;
    }
    .heder-menu li {
        margin: 0 5px !important;
    }
    .hdr-btn span.elementor-button-text {
        font-size: 16px;
    }
    .hdr-btn a.elementor-button.elementor-button-link.elementor-size-sm {
        padding: 7px !important;
    }
}

@media (max-width: 1366px) {
    .heder-menu {
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1260px) {
}

@media (max-width: 1280px) {
    .heder-menu {
        margin-left: 8px !important;
    }
    .heder-menu a.ekit-menu-nav-link {
        padding: 0 4px !important;
        font-size: 16px !important;
    }
    .hdr-btn a.elementor-button.elementor-button-link.elementor-size-sm {
        padding: 4px !important;
    }
}

@media (max-width: 1100px) {
}

@media (max-width: 1024px) {
    .hdr-btn a.elementor-button.elementor-button-link.elementor-size-sm {
        padding: 5px 13px !important;
    }
}

@media (max-width: 768px) {
}

@media (max-width: 767px) {
    .pd100 {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .pdlr {
        padding-left: 25px !important; /*change as per need */
        padding-right: 25px !important; /*change as per need */
    }

}

@media (max-width: 414px) {
    .heder-menu a.ekit-menu-nav-link {
        padding: 6px 0 6px 10px !important;
        font-size: 16px !important;
    }
}