.elementor-21 .elementor-element.elementor-element-969ab96{--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-21 .elementor-element.elementor-element-969ab96:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-969ab96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-a609237{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-21 .elementor-element.elementor-element-a609237:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-a609237 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-21 .elementor-element.elementor-element-1ea58cb img{width:100%;max-width:100%;height:112px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-5ca6588 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-21 .elementor-element.elementor-element-5ca6588 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-21 .elementor-element.elementor-element-5ca6588{--e-icon-list-icon-size:21px;--icon-vertical-offset:0px;}.elementor-21 .elementor-element.elementor-element-5ca6588 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-916e3d1{--divider-border-style:solid;--divider-color:#13294B;--divider-border-width:5.6px;top:128px;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-916e3d1{left:-7px;}body.rtl .elementor-21 .elementor-element.elementor-element-916e3d1{right:-7px;}.elementor-21 .elementor-element.elementor-element-916e3d1 .elementor-divider-separator{width:100%;}.elementor-21 .elementor-element.elementor-element-916e3d1 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-21 .elementor-element.elementor-element-9901faf{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-9901faf:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-9901faf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AB0404;}.elementor-21 .elementor-element.elementor-element-9f002c3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-menu-container{height:80px;border-radius:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav > li > a{font-size:17px;font-weight:500;color:#FFFFFF;padding:0px 15px 0px 15px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{font-size:12px;color:#FFFFFF;fill:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{font-size:12px;color:#FFFFFF;fill:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav > li ul li .elementskit-submenu-indicator{font-size:10px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-21 .elementor-element.elementor-element-9f002c3 button.elementskit-menu-hamburger{float:right;}.elementor-21 .elementor-element.elementor-element-9f002c3 button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-9f002c3 button.elementskit-menu-hamburger > .ekit-menu-icon{color:#000000;}.elementor-21 .elementor-element.elementor-element-9f002c3 button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-21 .elementor-element.elementor-element-9f002c3 button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-21 .elementor-element.elementor-element-9f002c3 button.elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-21 .elementor-element.elementor-element-9f002c3 button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-9f002c3 button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-21 .elementor-element.elementor-element-9f002c3 button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-1ea58cb{text-align:start;}.elementor-21 .elementor-element.elementor-element-df130fe img{width:1%;}.elementor-21 .elementor-element.elementor-element-5ca6588 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-21 .elementor-element.elementor-element-5ca6588 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-21 .elementor-element.elementor-element-5ca6588 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-21 .elementor-element.elementor-element-5ca6588 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-21 .elementor-element.elementor-element-5ca6588 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-21 .elementor-element.elementor-element-5ca6588{--e-icon-list-icon-size:13px;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-916e3d1{left:-1px;}body.rtl .elementor-21 .elementor-element.elementor-element-916e3d1{right:-1px;}.elementor-21 .elementor-element.elementor-element-916e3d1{top:90px;}.elementor-21 .elementor-element.elementor-element-9901faf{--width:500px;--min-height:0px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-menu-container{max-width:486px;}.elementor-21 .elementor-element.elementor-element-9f002c3 .elementskit-nav-logo > img{max-width:120px;max-height:50px;}}/* Start custom CSS for icon-list, class: .elementor-element-5ca6588 */@media (min-width: 1025px) {
    .move-icons {
        position: relative;
        right: -340px;
    }
}

/* SEARCH ICON - MOBILE ONLY HIDE */

@media (max-width: 767px) {

    .elementor-21 .elementor-element.elementor-element-5ca6588 li:nth-child(3) {
        display: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a609237 */@media (max-width: 767px) { 
 
    .mobile-header-layout { 
        display: flex !important; 
        align-items: center !important; 
        width: 100% !important; 
        flex-wrap: nowrap !important; 
        gap: 10px !important; 
    } 
 
    /* LOGO - LEFT */ 
    .mobile-logo { 
        flex: 0 0 auto !important; 
        margin: 0 !important; 
    } 
 
    .mobile-logo img { 
        width: 65px !important; 
        height: auto !important; 
        display: block !important; 
    } 
 
    /* BRAND NAME - LOGO PAKKATHULA */ 
    .mobile-brand-name { 
        flex: 1 1 auto !important; 
        min-width: 0 !important; 
        margin: 0 !important; 
        text-align: left !important; 
    } 
 
    .mobile-brand-name img { 
        width: 180px !important; 
        max-width: 100% !important; 
        height: auto !important; 
        display: block !important; 
    } 
 
    /* ICONS - RIGHT END */ 
    .move-icons { 
        flex: 0 0 auto !important; 
        margin-left: auto !important; 
        margin-right: 0 !important; 
        display: flex !important; 
        align-items: center !important; 
        justify-content: flex-end !important; 
        gap: 8px !important; 
        white-space: nowrap !important; 
    } 
 
}/* End custom CSS */
/* Start custom CSS for ekit-nav-menu, class: .elementor-element-9f002c3 *//* =========================================================
   ELEMENTSKIT MOBILE + TABLET
   FULL SCREEN MENU
   VERTICAL ITEMS
   CLICK DROPDOWN
   PROPER SCROLL
   CLOSE WORKS
   ARROW - TOP RIGHT
   ========================================================= */

@media (max-width: 1024px) {

    /* =====================================================
       CLOSED MENU
       ===================================================== */

    .custom-mobile-menu
    .elementskit-menu-container:not(.active) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }


    /* =====================================================
       OPEN MENU
       ===================================================== */

    .custom-mobile-menu
    .elementskit-menu-container.active {

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100vw !important;
        max-width: 100vw !important;

        height: 100dvh !important;
        max-height: 100dvh !important;

        background: #ffffff !important;

        z-index: 999999 !important;

        overflow-x: hidden !important;
        overflow-y: scroll !important;

        -webkit-overflow-scrolling: touch !important;

        scrollbar-width: auto !important;
        scrollbar-color: #888888 #f5f5f5 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MENU LIST
       ===================================================== */

    .custom-mobile-menu
    .elementskit-navbar-nav {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;

        padding: 25px 25px 80px 25px !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MAIN MENU ITEMS
       ===================================================== */

    .custom-mobile-menu
    .elementskit-navbar-nav > li {

        display: block !important;

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 0 18px 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MENU TEXT
       ===================================================== */

    .custom-mobile-menu
    .elementskit-navbar-nav > li > a {

        display: flex !important;

        position: relative !important;

        width: 100% !important;

        min-height: 55px !important;

        align-items: center !important;

        padding: 12px 65px 12px 20px !important;

        margin: 0 !important;

        color: #111111 !important;

        line-height: 1.3 !important;

        box-sizing: border-box !important;

        white-space: normal !important;
    }


    /* =====================================================
       ARROW - RIGHT
       ===================================================== */

    .custom-mobile-menu
    .elementskit-submenu-indicator {

        position: absolute !important;

        top: 50% !important;
        right: 10px !important;
        left: auto !important;

        transform: translateY(-50%) !important;

        width: 42px !important;
        height: 42px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;

        flex-shrink: 0 !important;

        color: #000000 !important;

        border: 1px solid #000000 !important;
        border-radius: 50% !important;

        background: #ffffff !important;

        opacity: 1 !important;

        z-index: 10 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       ARROW ICON
       ===================================================== */

    .custom-mobile-menu
    .elementskit-submenu-indicator svg {

        width: 18px !important;
        height: 18px !important;

        color: #000000 !important;
        stroke: #000000 !important;

        fill: none !important;

        stroke-width: 2px !important;
    }


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

    .custom-mobile-menu
    .elementskit-megamenu-panel {

        position: static !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 8px 0 20px 0 !important;
        padding: 0 !important;

        background: #ffffff !important;

        transform: none !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MEGA MENU ELEMENTOR
       ===================================================== */

    .custom-mobile-menu
    .elementskit-megamenu-panel > .elementor,

    .custom-mobile-menu
    .elementskit-megamenu-panel .elementor-section,

    .custom-mobile-menu
    .elementskit-megamenu-panel .elementor-container,

    .custom-mobile-menu
    .elementskit-megamenu-panel .e-con,

    .custom-mobile-menu
    .elementskit-megamenu-panel .elementor-column,

    .custom-mobile-menu
    .elementskit-megamenu-panel .elementor-widget-wrap {

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MEGA MENU TEXT
       ===================================================== */

    .custom-mobile-menu
    .elementskit-megamenu-panel h1,

    .custom-mobile-menu
    .elementskit-megamenu-panel h2,

    .custom-mobile-menu
    .elementskit-megamenu-panel h3,

    .custom-mobile-menu
    .elementskit-megamenu-panel h4,

    .custom-mobile-menu
    .elementskit-megamenu-panel p,

    .custom-mobile-menu
    .elementskit-megamenu-panel a,

    .custom-mobile-menu
    .elementskit-megamenu-panel span {

        white-space: normal !important;

        overflow: visible !important;

        line-height: 1.4 !important;
    }


    /* =====================================================
       SCROLLBAR
       ===================================================== */

    .custom-mobile-menu
    .elementskit-menu-container.active::-webkit-scrollbar {

        width: 7px !important;

        display: block !important;
    }

    .custom-mobile-menu
    .elementskit-menu-container.active::-webkit-scrollbar-track {

        background: #f5f5f5 !important;
    }

    .custom-mobile-menu
    .elementskit-menu-container.active::-webkit-scrollbar-thumb {

        background: #888888 !important;

        border-radius: 10px !important;
    }


    /* =====================================================
       PREVENT PAGE SCROLL
       ===================================================== */

    body:has(.custom-mobile-menu .elementskit-menu-container.active) {

        overflow: hidden !important;
    }

}

@media (max-width: 767px) {

    /* MAIN HEADER */
    .mobile-header-layout {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        position: relative !important;
    }

    /* LOGO */
    .mobile-logo {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile-logo img {
        width: 58px !important;
        height: auto !important;
        display: block !important;
    }

    /* BRAND IMAGE */
    .mobile-brand-name {
        flex: 0 0 155px !important;
        width: 155px !important;
        min-width: 155px !important;
        max-width: 155px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile-brand-name img {
        width: 155px !important;
        max-width: 155px !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
    }

    /* USER / HEART / BAG ICON LIST */
    .move-icons {
        flex: 0 0 auto !important;
        margin-left: auto !important;
        margin-right: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        white-space: nowrap !important;
    }

}
 /*nav bar tab*/

@media (max-width: 767px) {

    .custom-mobile-menu .elementskit-menu-hamburger {
        position: absolute !important;

        top: -74px !important;
        right: 30px !important;

        width: 20px !important;
        height: 32px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: none !important;

        z-index: 999999 !important;
    }

}

/*nav bar tab */

@media (min-width: 768px) and (max-width: 1024px) {

    .custom-mobile-menu .elementskit-menu-hamburger {
        position: absolute !important;

        top: -90px !important;
        right: 80px !important;

        width: 20px !important;
        height: 32px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: none !important;

        z-index: 999999 !important;
    }

}

    /* DO NOT CREATE / HIDE HAMBURGER LINES */
    .custom-mobile-menu .elementskit-menu-hamburger svg,
    .custom-mobile-menu .elementskit-menu-hamburger i {
        display: block !important;
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9901faf */@media (max-width: 767px) {

    .elementor-21 .elementor-element.elementor-element-9901faf,
    .elementor-21 .elementor-element.elementor-element-9901faf > .e-con-inner {
        min-height: 0 !important;
        height: 10px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .elementor-21 .elementor-element.elementor-element-9901faf .elementskit-nav-menu-container {
        min-height: 20px !important;
        height: 20px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

}/* End custom CSS */