/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1779708251
Updated: 2026-05-25 11:24:11

*/

.ux-menubar .hfe-nav-menu li a::after {
    width: 7px !important;
    left: 50% !important;
    transform: translate(0px, -50%);
    bottom: -20px !important;
    height: 7px !important;
    border-radius: 50px;
}

.uxheader {
    position: fixed !important;
    left: 0;
    z-index: 999;
    top: 0px;
    width: 100%;
    background: white;
    transition: all .3s ease;
}

.ux-hero-banner::before {
    background: linear-gradient(-90deg,
            rgba(255, 248, 243, 0) 0%,
            rgba(255, 248, 243, 0) 34%,
            rgba(255, 248, 243, 0.91) 61%,
            rgba(255, 248, 243, 1) 100%);
}

.uxabstract-box {
    position: relative;
}

.navcontainer {
    position: fixed;
    left: -100%;
    top: 0;
    background: #ecc4ba;
    height: 100dvh;
    width: 100%;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
    overflow: auto;
    padding: 40px 20px;
}

body.menu-open .navcontainer {
    visibility: visible;
    opacity: 1;
    left: 0;
}

.navcontainer .mobtoggle-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}

.navcontainer .mobtoggle-head .mob-logo {
    overflow: hidden;
    width: 120px;
    object-fit: contain;
}

.navcontainer .navmenu {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.navcontainer .navmenu a {}

.navcontainer .navmenu li a {
    text-align: center;
    font-family: 'Poppins';
    font-size: 22px;
    line-height: 30px;
    text-transform: capitalize;
}

.btntoggle {
    width: 44px;
    height: 44px;
    border-radius: 50px;
    background: #d98b91 !important;
    padding: 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d98b91 !important;
    outline: none;
    box-shadow: none;
}

.uxabstract-box .uxabstract-shape {
    background: #fdf7f6;
    padding: 24px;
    height: 100%;
    mask-image: url('./assets/images/uxsubtract.png');
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    mask-position: center;
    min-height: 272px;
    border-radius: 20px;
    transition: .3s ease;
}

.uxabstract-box .uxabstract-shape:hover {
    background: linear-gradient(180deg, #FFF8F3 0%, #C49A4A 165.45%) !important;
    cursor: pointer;
}

.uxabstract-box:hover .uxabstract-shape .uxabstract-box-head {
    border-color: white;
}

.uxabstract-box:hover .ux-btnbar-row .pr-arrow-btn {
    background: #C49A4A;
}

.uxabstract-box .ux-btnbar-row .pr-arrow-btn {
    width: 37px;
    height: 37px;
    border-radius: 50px;
    background: #F7E4E24D;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}

.uxabstract-box .ux-btnbar-row .pr-arrow-btn a {
    background: transparent !important;
    color: #2D2526 !important;
}

.uxabstract-box .ux-btnbar-row .pr-arrow-btn a svg {
    fill: #2D2526 !important;
}

.ux-menubar {
    flex: 0 0 45%;
    max-width: 45%;
}

body.scroll-down .uxheader {
    top: -100%;
}

.ux-menubar .elementor-widget-container {
    width: 100%;
}

.ux-img-slider .elementor-widget-image-carousel.e-widget-swiper {
    position: relative;
}

.ux-img-slider .elementor-widget-image-carousel.e-widget-swiper .swiper {
    padding: 0 !important;
}

.ux-img-slider .elementor-widget-image-carousel.e-widget-swiper .swiper img.swiper-slide-image {
    height: 480px;
    object-fit: cover;
    border-radius: 30px;
    width: 100%;
}

.ux-img-slider .elementor-widget-image-carousel.e-widget-swiper .swiper .swiper-pagination {
    position: absolute;
    bottom: 23px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.ux-img-slider .elementor-widget-image-carousel.e-widget-swiper .swiper .swiper-pagination span.swiper-pagination-bullet {
    width: 9.26px;
    height: 9.26px;
    max-width: 9.26px;
    border-radius: 50px;
    background: white !important;
    opacity: 1;
    display: inline-block;
    margin: 0 0 !important;
    transition: .3s ease !important;
}

.ux-img-slider .elementor-widget-image-carousel.e-widget-swiper .swiper .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 29px !important;
    max-width: 29px !important;
}

.ux-menubar .elementor-widget-container .hfe-nav-menu__toggle.elementor-clickable {}

.uxabstract-box .uxabstract-shape .uxabstract-box-head {
    min-height: 112px;
}

.ux-menubar .elementor-widget-container nav.hfe-nav-menu__layout-horizontal {
    width: 100% !important;
}

.uxabstract-box .uxabstract-shape .pr-icon {
    flex: 0 0 40px;
    max-width: 40px;
}

.formrowflex {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 16px;
    max-width: 1097px;
    margin: 0 auto;
}

.wpcf7-form {
    position: relative;
}

.formrowflex .col-33 {
    flex: 0 0 calc(33.33% - 11px) !important;
    max-width: calc(33.33% - 11px) !important;
}

.formrowflex .forminput {
    flex: 0 0 100%;
    max-width: 100%;
}

.formrowflex .forminput p {
    margin: 0;
}

.formrowflex .forminput h5 {
    margin: 0 0 8px 0;
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    line-height: 31.9px;
    letter-spacing: 0%;
}

.formrowflex .forminput span.wpcf7-form-control-wrap {
    display: block;
}

.formrowflex .forminput .wpcf7-form-control {
    background: #00000005;
    border: 1px solid #0000001A;
    padding: 17px 22px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 17px;
    line-height: 31.9px;
    letter-spacing: 0%;
    box-shadow: none !important;
    outline: none;
    min-height: 68px;
}

.formrowflex .forminput textarea.wpcf7-form-control {
    height: 243px;
}

.formrowflex .forminput.formbtn {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.formrowflex .forminput p span.wpcf7-spinner {
    position: absolute;
    margin: 0 0px 0 20px;
    top: 50%;
    transform: translate(0px, -50%);
}

.formrowflex .forminput.formbtn p {
    position: relative;
}

.formrowflex .forminput.formbtn input.wpcf7-form-control {
    background-color: var(--e-global-color-secondary);
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    fill: var(--e-global-color-7528243);
    color: var(--e-global-color-7528243);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-secondary);
    border-radius: 7px 7px 7px 7px;
    padding: 19px 46px 19px 19px;
    background-image: url('/wp-content/uploads/2026/05/btnicon.webp');
    background-position: 87% 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    min-height: auto !important;
}

.wpcf7-form .wpcf7-response-output {
    margin: 20px 0 0 0 !important;
    padding: 15px 20px !important;
    font-family: 'Poppins';
    font-size: 16px;
    border-radius: 7px;
    border-width: 1px;
}

.formrowflex .forminput.formbtn input.wpcf7-form-control:hover {
    background-position: 90% 50%;
    background-color: #D98B91;
    border-color: #D98B91;
}

.uxmob-respart-navbar {
    flex: 0 0 44px !important;
    max-width: 44px !important;
}

.uxmob-respart-navbar .hfe-nav-menu-icon {
    padding: 0 !important;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d98b91;
    border-radius: 50px;
}

.uxmob-respart-navbar .hfe-nav-menu-icon svg {
    fill: white;
    outline: none !important;
    padding: 0 !important;
}




@media (max-width: 1024px) {
    .ux-hero-banner::before {
        background: linear-gradient(-90deg, rgba(255, 248, 243, 0) -100%, rgba(255, 248, 243, 0) -100%, rgba(255, 248, 243, 0.91) 61%, rgba(255, 248, 243, 1) 100%);
    }

    .uxabstract-box .uxabstract-shape .uxabstract-box-head {
        min-height: 112px;
        display: flex;
        flex-wrap: nowrap;
    }
}

@media (max-width: 991px) {
    .formrowflex .col-33 {
        flex: 0 0 calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
    }
}

@media (max-width: 767px) {
    .uxabstract-box .ux-btnbar-row {
        width: auto;
    }

    .primary-logo .hfe-site-logo img {
        height: 80px;
        object-fit: contain;
        object-position: left;
    }

    .ux-img-slider .elementor-widget-image-carousel.e-widget-swiper .swiper img.swiper-slide-image {
        height: 300px;
    }

    .primary-logo {
        position: relative !important;
        flex: 0 0 23% !important;
        max-width: 23%;
    }

    .formrowflex .col-33 {
        flex: 0 0 calc(100% - 0px) !important;
        max-width: calc(100% - 0px) !important;
    }

    .formrowflex .forminput h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .formrowflex .forminput .wpcf7-form-control {
        padding: 12px 16px;
        font-size: 16px;
        line-height: 26px;
        min-height: 58px;
    }

    .formrowflex .forminput textarea.wpcf7-form-control {
        height: 140px;
    }
.navcontainer .mobtoggle-head .mob-logo img {
    height: 80px;
    object-fit: contain;
    object-position: left;
}
    .formrowflex {
        gap: 16px;
    }
}