.elementor-46 .elementor-element.elementor-element-9c91412{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-3067e3f *//* ==========================================================
   PRAYAS PRODUCTS MEGA MENU
========================================================== */

.prayas-products-dropdown {
    position: relative;
}


/* Hover bridge prevents the menu disappearing
   while moving the mouse from Products to dropdown */

.prayas-products-dropdown:after {
    content: "";

    position: absolute;

    top: 44px;
    left: 0;

    width: 100%;
    height: 25px;
}


/* MAIN MEGA MENU */

.prayas-products-menu {
    position: absolute;

    top: calc(100% + 13px);

    /*
    Keeps menu centred relative to navigation
    without pushing outside typical desktop screens
    */
    left: 50%;

    width: min(820px, 82vw);

    padding: 28px;

    background: #ffffff;

    border:
        1px solid rgba(0,0,0,.07);

    border-radius: 22px;

    box-shadow:
        0 28px 80px rgba(0,0,0,.16);

    transform:
        translateX(-50%)
        translateY(9px);

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;
}


/* SHOW PRODUCTS MENU */

.prayas-products-dropdown:hover
.prayas-products-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateX(-50%)
        translateY(0);
}


/* ==============================
   MENU INTRO
============================== */

.prayas-products-heading {
    padding:
        0 5px 22px;

    margin-bottom: 18px;

    border-bottom:
        1px solid #ededee;
}


.prayas-products-heading > span {
    display: block;

    color: #0c0c0e;

    font-size: 18px;

    font-weight: 780;

    letter-spacing:
        -.02em;
}


.prayas-products-heading p {
    max-width: 520px;

    margin:
        6px 0 0;

    color: #77777c;

    font-size: 12px;

    line-height: 1.6;
}


/* ==============================
   PRODUCT GRID
============================== */

.prayas-products-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 20px;
}


/* CATEGORY */

.prayas-product-label {
    display: block;

    margin:
        0 10px 9px;

    color: #ed1c24;

    font-size: 10px;

    font-weight: 800;

    letter-spacing:
        .1em;

    text-transform:
        uppercase;
}


/* PRODUCT LINK */

.prayas-product-group > a {
    display: block;

    padding:
        12px 10px;

    color: #0c0c0e;

    text-decoration: none;

    border-radius: 10px;

    transition:
        background .2s ease,
        transform .2s ease;
}


.prayas-product-group > a:hover {
    background:
        #f6f6f6;

    transform:
        translateX(2px);
}


.prayas-product-group strong {
    display: block;

    color: #171719;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.35;
}


.prayas-product-group small {
    display: block;

    margin-top: 4px;

    color: #88888d;

    font-size: 10.5px;

    line-height: 1.45;
}


/* ==============================
   MEGA MENU FOOTER
============================== */

.prayas-products-footer {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    margin-top: 18px;

    padding:
        17px 12px 0;

    border-top:
        1px solid #ededee;
}


.prayas-products-footer span {
    color: #77777c;

    font-size: 11px;
}


.prayas-products-footer a {
    color: #ed1c24;

    font-size: 12px;

    font-weight: 750;

    text-decoration: none;
}


.prayas-products-footer a:hover {
    color: #c81219;
}


/* ==========================================================
   MOBILE SERVICES + PRODUCT ACCORDIONS
========================================================== */

.prayas-mobile-dropdown {
    border-bottom:
        1px solid #e9e9eb;
}


.prayas-mobile-dropdown summary {
    list-style: none;

    padding:
        18px 3px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    cursor: pointer;

    color: #0c0c0e;

    font-size: 21px;

    font-weight: 680;

    letter-spacing:
        -.02em;
}


/* Remove default browser arrow */

.prayas-mobile-dropdown summary::-webkit-details-marker {
    display: none;
}


.prayas-mobile-dropdown summary span {
    width: 28px;
    height: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f2f2f3;

    border-radius: 50%;

    color: #ed1c24;

    font-size: 18px;

    font-weight: 400;

    transition:
        transform .2s ease;
}


.prayas-mobile-dropdown[open]
summary span {
    transform:
        rotate(45deg);
}


/* MOBILE SUBMENU */

.prayas-mobile-dropdown > div {
    padding:
        2px 0 18px 18px;
}


.prayas-mobile-menu nav
.prayas-mobile-dropdown > div a {

    padding:
        10px 2px;

    border: 0;

    color: #6f6f74;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0;
}


.prayas-mobile-menu nav
.prayas-mobile-dropdown > div a:hover {

    color: #ed1c24;
}


/* ==========================================================
   MEDIUM DESKTOP ADJUSTMENTS
========================================================== */

@media (max-width: 1180px) {

    .prayas-products-menu {
        width: 750px;
    }

    .prayas-header-inner {
        gap: 14px;
    }

    .prayas-desktop-nav > a,
    .prayas-dropdown-trigger {
        padding-left: 7px;
        padding-right: 7px;

        font-size: 12.5px;
    }

}


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

@media (max-width: 850px) {

    /*
    Desktop mega menu is not needed on mobile.
    Mobile uses DETAILS accordion instead.
    */

    .prayas-products-menu {
        display: none;
    }

}/* End custom CSS */