.elementor-101 .elementor-element.elementor-element-5ac9267{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101 .elementor-element.elementor-element-5ac9267:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-5ac9267 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence8 );}.elementor-101 .elementor-element.elementor-element-5ac9267.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-101 .elementor-element.elementor-element-247cb72{--display:flex;--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;--gap:49px 49px;--row-gap:49px;--column-gap:49px;}.elementor-101 .elementor-element.elementor-element-247cb72:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-247cb72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-101 .elementor-element.elementor-element-8aa9f7f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;line-height:1.65em;color:var( --e-global-color-kadence5 );}.elementor-101 .elementor-element.elementor-element-8aa9f7f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-101 .elementor-element.elementor-element-1b87a59 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;line-height:1.65em;color:var( --e-global-color-kadence5 );}.elementor-101 .elementor-element.elementor-element-a6d29e3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;line-height:1.65em;color:var( --e-global-color-kadence5 );}.elementor-101 .elementor-element.elementor-element-112bf49{--display:flex;--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:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-101 .elementor-element.elementor-element-112bf49:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-112bf49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-101 .elementor-element.elementor-element-112bf49.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-101 .elementor-element.elementor-element-75256c9{--display:flex;--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;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101 .elementor-element.elementor-element-75256c9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-c8da748{text-align:center;width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-101 .elementor-element.elementor-element-c8da748 img{width:100%;}.elementor-101 .elementor-element.elementor-element-c8da748.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-101 .elementor-element.elementor-element-529dc9b{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-101 .elementor-element.elementor-element-529dc9b .e-off-canvas__content{background-color:var( --e-global-color-kadence8 );}.elementor-101 .elementor-element.elementor-element-529dc9b .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-101 .elementor-element.elementor-element-849cd12{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-101 .elementor-element.elementor-element-a1d07f9 .elementor-icon-wrapper{text-align:center;}.elementor-101 .elementor-element.elementor-element-a1d07f9.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-kadence1 );}.elementor-101 .elementor-element.elementor-element-a1d07f9.elementor-view-framed .elementor-icon:hover, .elementor-101 .elementor-element.elementor-element-a1d07f9.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-kadence1 );border-color:var( --e-global-color-kadence1 );}.elementor-101 .elementor-element.elementor-element-a1d07f9.elementor-view-framed .elementor-icon:hover, .elementor-101 .elementor-element.elementor-element-a1d07f9.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-kadence1 );}.elementor-101 .elementor-element.elementor-element-a1d07f9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-101 .elementor-element.elementor-element-06bc145.elementor-element{--flex-grow:0;--flex-shrink:0;}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-icon i{color:var( --e-global-color-kadence2 );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-icon svg{fill:var( --e-global-color-kadence2 );transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-eed24b6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;border-style:solid;border-color:var( --e-global-color-kadence9 );}.elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-kadence1 );}.elementor-101 .elementor-element.elementor-element-6f390ba .elementor-heading-title{font-family:var( --e-global-typography-f9510eb-font-family ), Sans-serif;font-size:var( --e-global-typography-f9510eb-font-size );font-weight:var( --e-global-typography-f9510eb-font-weight );line-height:var( --e-global-typography-f9510eb-line-height );letter-spacing:var( --e-global-typography-f9510eb-letter-spacing );word-spacing:var( --e-global-typography-f9510eb-word-spacing );color:var( --e-global-color-primary );}.elementor-101 .elementor-element.elementor-element-4afb853{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-101 .elementor-element.elementor-element-4afb853 .elementor-social-icon{background-color:var( --e-global-color-kadence8 );border-style:none;}.elementor-101 .elementor-element.elementor-element-4afb853 .elementor-social-icon i{color:var( --e-global-color-accent );}.elementor-101 .elementor-element.elementor-element-4afb853 .elementor-social-icon svg{fill:var( --e-global-color-accent );}.elementor-101 .elementor-element.elementor-element-4afb853 .elementor-social-icon:hover i{color:var( --e-global-color-accent );}.elementor-101 .elementor-element.elementor-element-4afb853 .elementor-social-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );--n-menu-title-line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-divider-color:var( --e-global-color-text );}.elementor-101 .elementor-element.elementor-element-855a153{--display:flex;}.elementor-101 .elementor-element.elementor-element-637fdd9{--display:flex;}.elementor-101 .elementor-element.elementor-element-7f0673a{--display:flex;}.elementor-101 .elementor-element.elementor-element-7f0673a:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-7f0673a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-101 .elementor-element.elementor-element-7073b7f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:20px 20px 20px 20px;}.elementor-101 .elementor-element.elementor-element-7073b7f:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-7073b7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#14804AE0;}.elementor-101 .elementor-element.elementor-element-c8b7d89{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-101 .elementor-element.elementor-element-5da9cb3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-5da9cb3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-5da9cb3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-5da9cb3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-101 .elementor-element.elementor-element-5da9cb3 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:700;line-height:1.65em;}.elementor-101 .elementor-element.elementor-element-5da9cb3 .elementor-icon-list-text{color:var( --e-global-color-primary );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-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.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-101 .elementor-element.elementor-element-db06993{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-101 .elementor-element.elementor-element-db06993 .elementor-divider-separator{width:62%;margin:0 auto;margin-left:0;}.elementor-101 .elementor-element.elementor-element-db06993 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101 .elementor-element.elementor-element-4ddd7c8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-4ddd7c8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-4ddd7c8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-4ddd7c8 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-2d0a637{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-101 .elementor-element.elementor-element-181a227 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-181a227 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-181a227{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-181a227 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-2f047fc{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-101 .elementor-element.elementor-element-2f047fc .elementor-divider-separator{width:92%;margin:0 auto;margin-left:0;}.elementor-101 .elementor-element.elementor-element-2f047fc .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101 .elementor-element.elementor-element-7faee23 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-7faee23 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-7faee23{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-7faee23 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-1188e19{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-101 .elementor-element.elementor-element-96b0ef0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-96b0ef0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-96b0ef0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-96b0ef0 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-5270423{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-101 .elementor-element.elementor-element-5270423 .elementor-divider-separator{width:92%;margin:0 auto;margin-left:0;}.elementor-101 .elementor-element.elementor-element-5270423 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101 .elementor-element.elementor-element-3ce5159 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-3ce5159 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-3ce5159{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-3ce5159 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-3375166{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-101 .elementor-element.elementor-element-4a580d9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-4a580d9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-4a580d9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-4a580d9 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-3a47471{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-101 .elementor-element.elementor-element-3a47471 .elementor-divider-separator{width:80%;margin:0 auto;margin-left:0;}.elementor-101 .elementor-element.elementor-element-3a47471 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101 .elementor-element.elementor-element-9c357be .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-9c357be .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-9c357be{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-9c357be .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-5e371de{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-101 .elementor-element.elementor-element-84064a3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-84064a3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-84064a3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-84064a3 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-33b3666{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-101 .elementor-element.elementor-element-33b3666 .elementor-divider-separator{width:66%;margin:0 auto;margin-left:0;}.elementor-101 .elementor-element.elementor-element-33b3666 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101 .elementor-element.elementor-element-d630c00 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-d630c00 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-d630c00{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-d630c00 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-45154fb{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-101 .elementor-element.elementor-element-0ab952e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-0ab952e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-0ab952e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-0ab952e .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-dd2a78b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-101 .elementor-element.elementor-element-dd2a78b .elementor-divider-separator{width:72%;margin:0 auto;margin-left:0;}.elementor-101 .elementor-element.elementor-element-dd2a78b .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101 .elementor-element.elementor-element-5a3da25 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-5a3da25 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-5a3da25{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-5a3da25 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-bcdae5a{--display:flex;}.elementor-101 .elementor-element.elementor-element-bcdae5a:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-bcdae5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-101 .elementor-element.elementor-element-a640343{--display:flex;--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:flex-start;--align-items:flex-start;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--border-radius:20px 20px 20px 20px;}.elementor-101 .elementor-element.elementor-element-a640343:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-a640343 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#14804AE0;}.elementor-101 .elementor-element.elementor-element-a640343.e-con{--align-self:flex-start;}.elementor-101 .elementor-element.elementor-element-0aaec3a{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-101 .elementor-element.elementor-element-0aaec3a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-101 .elementor-element.elementor-element-cf059ed .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-cf059ed .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-cf059ed{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-cf059ed .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-51a6c98{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-101 .elementor-element.elementor-element-51a6c98 .elementor-divider-separator{width:86%;margin:0 auto;margin-left:0;}.elementor-101 .elementor-element.elementor-element-51a6c98 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101 .elementor-element.elementor-element-6e0da32 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-6e0da32 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-6e0da32{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-6e0da32 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-6eb4e4e{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-101 .elementor-element.elementor-element-6eb4e4e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-101 .elementor-element.elementor-element-3946d37 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-3946d37 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-3946d37{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-3946d37 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-5c71bd5{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-101 .elementor-element.elementor-element-5c71bd5 .elementor-divider-separator{width:67%;margin:0 auto;margin-left:0;}.elementor-101 .elementor-element.elementor-element-5c71bd5 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101 .elementor-element.elementor-element-5ce69ac .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-5ce69ac .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-5ce69ac{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-5ce69ac .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-1070deb{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-101 .elementor-element.elementor-element-1070deb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-101 .elementor-element.elementor-element-145f10d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-145f10d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-145f10d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-145f10d .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-655029a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-101 .elementor-element.elementor-element-655029a .elementor-divider-separator{width:86%;margin:0 auto;margin-left:0;}.elementor-101 .elementor-element.elementor-element-655029a .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101 .elementor-element.elementor-element-9cffeac .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-9cffeac .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-9cffeac{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-9cffeac .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-671a6be{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-101 .elementor-element.elementor-element-671a6be.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-101 .elementor-element.elementor-element-6e5eb53 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-6e5eb53 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-6e5eb53{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-6e5eb53 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-fb9e7d4{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-101 .elementor-element.elementor-element-fb9e7d4 .elementor-divider-separator{width:79%;margin:0 auto;margin-left:0;}.elementor-101 .elementor-element.elementor-element-fb9e7d4 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101 .elementor-element.elementor-element-ed97ddb .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-ed97ddb .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-ed97ddb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-ed97ddb .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-8154874{--display:flex;}.elementor-101 .elementor-element.elementor-element-8154874:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-8154874 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-101 .elementor-element.elementor-element-b65e612{--display:flex;--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:flex-start;--align-items:flex-start;--border-radius:20px 20px 20px 20px;}.elementor-101 .elementor-element.elementor-element-b65e612:not(.elementor-motion-effects-element-type-background), .elementor-101 .elementor-element.elementor-element-b65e612 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#14804AE0;}.elementor-101 .elementor-element.elementor-element-b65e612.e-con{--align-self:flex-start;}.elementor-101 .elementor-element.elementor-element-2f4067b{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-101 .elementor-element.elementor-element-2f4067b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-101 .elementor-element.elementor-element-424c8d5 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-424c8d5 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-424c8d5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-424c8d5 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-b2e15d7{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-101 .elementor-element.elementor-element-b2e15d7 .elementor-divider-separator{width:97%;margin:0 auto;margin-left:0;}.elementor-101 .elementor-element.elementor-element-b2e15d7 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101 .elementor-element.elementor-element-3af3f10 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-3af3f10 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-3af3f10{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-3af3f10 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-a8c366c{--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;--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-101 .elementor-element.elementor-element-a8c366c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-101 .elementor-element.elementor-element-068912f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-068912f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-068912f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-068912f .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-0bc9a29{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-101 .elementor-element.elementor-element-0bc9a29 .elementor-divider-separator{width:97%;margin:0 auto;margin-left:0;}.elementor-101 .elementor-element.elementor-element-0bc9a29 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-101 .elementor-element.elementor-element-7d0fa10 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-7d0fa10 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-7d0fa10{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-101 .elementor-element.elementor-element-7d0fa10 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-9fd9b0e{--n-menu-dropdown-content-max-width:initial;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-space-between:0px;--n-menu-title-distance-from-content:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -30px;padding:0px 0px 0px 0px;width:var( --container-widget-width, 80vw );max-width:80vw;--container-widget-width:80vw;--container-widget-flex-grow:0;}.elementor-101 .elementor-element.elementor-element-9fd9b0e {--n-menu-title-color-hover:var( --e-global-color-accent );--n-menu-title-color-active:var( --e-global-color-accent );}.elementor-101 .elementor-element.elementor-element-42158ed .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-42158ed .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-101 .elementor-element.elementor-element-42158ed{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;padding:0px 0px 0px 0px;width:var( --container-widget-width, 142px );max-width:142px;--container-widget-width:142px;--container-widget-flex-grow:0;}.elementor-101 .elementor-element.elementor-element-42158ed .elementor-icon-list-item > .elementor-icon-list-text, .elementor-101 .elementor-element.elementor-element-42158ed .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;line-height:1.65em;}.elementor-101 .elementor-element.elementor-element-42158ed .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-101 .elementor-element.elementor-element-42158ed .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-kadence4 );}.elementor-101 .elementor-element.elementor-element-42158ed.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-101 .elementor-element.elementor-element-46d0cc8 .elementor-icon-wrapper{text-align:center;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:var( --e-global-color-primary );--toggle-button-icon-color:var( --e-global-color-primary );--toggle-button-hover-text-color:var( --e-global-color-kadence4 );--toggle-button-icon-hover-color:var( --e-global-color-kadence4 );--toggle-button-border-width:0px;--toggle-button-border-radius:0px;--toggle-icon-size:20px;--items-indicator-text-color:var( --e-global-color-primary );--items-indicator-background-color:var( --e-global-color-secondary );--cart-background-color:var( --e-global-color-kadence8 );--cart-border-style:none;--cart-close-button-color:var( --e-global-color-accent );--cart-close-button-hover-color:var( --e-global-color-kadence1 );--remove-item-button-color:var( --e-global-color-text );--menu-cart-subtotal-color:var( --e-global-color-primary );--product-variations-color:var( --e-global-color-primary );--product-price-color:var( --e-global-color-primary );--divider-color:var( --e-global-color-secondary );--subtotal-divider-color:var( --e-global-color-secondary );--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-text-color:var( --e-global-color-accent );--view-cart-button-background-color:var( --e-global-color-kadence5 );--view-cart-button-hover-background-color:var( --e-global-color-accent );--checkout-button-text-color:var( --e-global-color-kadence5 );--checkout-button-background-color:var( --e-global-color-accent );--checkout-button-hover-background-color:var( --e-global-color-kadence1 );margin:0px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__subtotal{font-family:var( --e-global-typography-d5acb35-font-family ), Sans-serif;font-size:var( --e-global-typography-d5acb35-font-size );font-weight:var( --e-global-typography-d5acb35-font-weight );line-height:var( --e-global-typography-d5acb35-line-height );letter-spacing:var( --e-global-typography-d5acb35-letter-spacing );word-spacing:var( --e-global-typography-d5acb35-word-spacing );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-d5ea94d-font-family ), Sans-serif;font-size:var( --e-global-typography-d5ea94d-font-size );font-weight:var( --e-global-typography-d5ea94d-font-weight );line-height:var( --e-global-typography-d5ea94d-line-height );letter-spacing:var( --e-global-typography-d5ea94d-letter-spacing );word-spacing:var( --e-global-typography-d5ea94d-word-spacing );color:var( --e-global-color-primary );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__product .variation{font-family:var( --e-global-typography-d5ea94d-font-family ), Sans-serif;font-size:var( --e-global-typography-d5ea94d-font-size );font-weight:var( --e-global-typography-d5ea94d-font-weight );line-height:var( --e-global-typography-d5ea94d-line-height );letter-spacing:var( --e-global-typography-d5ea94d-letter-spacing );word-spacing:var( --e-global-typography-d5ea94d-word-spacing );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__product-price{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__product-price .product-quantity{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );border-radius:10px 10px 10px 10px;}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-button--view-cart{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-button--checkout{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__footer-buttons a.elementor-button--checkout{border-radius:10px 10px 10px 10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-101 .elementor-element.elementor-element-0aaec3a{--width:15.155%;}.elementor-101 .elementor-element.elementor-element-6eb4e4e{--width:15.155%;}.elementor-101 .elementor-element.elementor-element-1070deb{--width:15.155%;}.elementor-101 .elementor-element.elementor-element-671a6be{--width:15.155%;}.elementor-101 .elementor-element.elementor-element-2f4067b{--width:20.206%;}.elementor-101 .elementor-element.elementor-element-a8c366c{--width:21.75%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-101 .elementor-element.elementor-element-8aa9f7f .elementor-heading-title{font-size:1rem;line-height:1.65em;}.elementor-101 .elementor-element.elementor-element-1b87a59 .elementor-heading-title{font-size:1rem;line-height:1.65em;}.elementor-101 .elementor-element.elementor-element-a6d29e3 .elementor-heading-title{font-size:1rem;line-height:1.65em;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-c8da748{text-align:start;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -50px;--container-widget-width:33%;--container-widget-flex-grow:0;width:var( --container-widget-width, 33% );max-width:33%;}.elementor-101 .elementor-element.elementor-element-a1d07f9 .elementor-icon-wrapper{text-align:end;}.elementor-101 .elementor-element.elementor-element-a1d07f9 .elementor-icon{font-size:35px;}.elementor-101 .elementor-element.elementor-element-a1d07f9 .elementor-icon svg{height:35px;}.elementor-101 .elementor-element.elementor-element-a1d07f9{width:var( --container-widget-width, 412px );max-width:412px;--container-widget-width:412px;--container-widget-flex-grow:0;}.elementor-101 .elementor-element.elementor-element-06bc145{width:var( --container-widget-width, 52% );max-width:52%;--container-widget-width:52%;--container-widget-flex-grow:0;}.elementor-101 .elementor-element.elementor-element-06bc145.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-6f390ba .elementor-heading-title{font-size:var( --e-global-typography-f9510eb-font-size );line-height:var( --e-global-typography-f9510eb-line-height );letter-spacing:var( --e-global-typography-f9510eb-letter-spacing );word-spacing:var( --e-global-typography-f9510eb-word-spacing );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );}.elementor-101 .elementor-element.elementor-element-5da9cb3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-101 .elementor-element.elementor-element-5da9cb3 .elementor-icon-list-item > a{font-size:1rem;line-height:1.65em;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-101 .elementor-element.elementor-element-42158ed .elementor-icon-list-item > .elementor-icon-list-text, .elementor-101 .elementor-element.elementor-element-42158ed .elementor-icon-list-item > a{font-size:1rem;line-height:1.65em;}.elementor-101 .elementor-element.elementor-element-46d0cc8 .elementor-icon-wrapper{text-align:center;}.elementor-101 .elementor-element.elementor-element-46d0cc8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 90px;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__toggle .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__subtotal{font-size:var( --e-global-typography-d5acb35-font-size );line-height:var( --e-global-typography-d5acb35-line-height );letter-spacing:var( --e-global-typography-d5acb35-letter-spacing );word-spacing:var( --e-global-typography-d5acb35-word-spacing );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-d5ea94d-font-size );line-height:var( --e-global-typography-d5ea94d-line-height );letter-spacing:var( --e-global-typography-d5ea94d-letter-spacing );word-spacing:var( --e-global-typography-d5ea94d-word-spacing );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__product .variation{font-size:var( --e-global-typography-d5ea94d-font-size );line-height:var( --e-global-typography-d5ea94d-line-height );letter-spacing:var( --e-global-typography-d5ea94d-letter-spacing );word-spacing:var( --e-global-typography-d5ea94d-word-spacing );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__product-price{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__product-price .product-quantity{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__footer-buttons .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 300px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-101 .elementor-element.elementor-element-8aa9f7f{text-align:center;width:var( --container-widget-width, 256px );max-width:256px;--container-widget-width:256px;--container-widget-flex-grow:0;}.elementor-101 .elementor-element.elementor-element-8aa9f7f .elementor-heading-title{font-size:0.7rem;line-height:1.65em;}.elementor-101 .elementor-element.elementor-element-1b87a59{text-align:center;width:var( --container-widget-width, 260px );max-width:260px;--container-widget-width:260px;--container-widget-flex-grow:0;}.elementor-101 .elementor-element.elementor-element-1b87a59 .elementor-heading-title{line-height:1.65em;}.elementor-101 .elementor-element.elementor-element-a6d29e3{text-align:center;width:var( --container-widget-width, 260px );max-width:260px;--container-widget-width:260px;--container-widget-flex-grow:0;}.elementor-101 .elementor-element.elementor-element-a6d29e3 .elementor-heading-title{line-height:1.65em;}.elementor-101 .elementor-element.elementor-element-112bf49{--width:90%;--justify-content:space-around;}.elementor-101 .elementor-element.elementor-element-75256c9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-c8da748{margin:0px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 26.44% );max-width:26.44%;--container-widget-width:26.44%;--container-widget-flex-grow:0;}.elementor-101 .elementor-element.elementor-element-529dc9b{--e-off-canvas-width:249px;}.elementor-101 .elementor-element.elementor-element-849cd12{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-101 .elementor-element.elementor-element-a1d07f9 .elementor-icon-wrapper{text-align:end;}.elementor-101 .elementor-element.elementor-element-a1d07f9 .elementor-icon{font-size:20px;}.elementor-101 .elementor-element.elementor-element-a1d07f9 .elementor-icon svg{height:20px;}.elementor-101 .elementor-element.elementor-element-a1d07f9{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-101 .elementor-element.elementor-element-06bc145{width:var( --container-widget-width, 164% );max-width:164%;--container-widget-width:164%;--container-widget-flex-grow:0;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-101 .elementor-element.elementor-element-eed24b6{--e-icon-list-icon-size:19px;padding:20px 0px 0px 0px;border-width:0px 0px 1px 0px;}.elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-101 .elementor-element.elementor-element-eed24b6 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-eed24b6.elementor-element{--align-self:flex-start;}.elementor-101 .elementor-element.elementor-element-6f390ba{text-align:start;padding:30px 0px 10px 0px;}.elementor-101 .elementor-element.elementor-element-6f390ba .elementor-heading-title{font-size:var( --e-global-typography-f9510eb-font-size );line-height:var( --e-global-typography-f9510eb-line-height );letter-spacing:var( --e-global-typography-f9510eb-letter-spacing );word-spacing:var( --e-global-typography-f9510eb-word-spacing );}.elementor-101 .elementor-element.elementor-element-4afb853{text-align:left;--icon-size:20px;padding:0px 0px 0px 0px;}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );}.elementor-101 .elementor-element.elementor-element-5da9cb3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-101 .elementor-element.elementor-element-5da9cb3 .elementor-icon-list-item > a{line-height:1.65em;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-101 .elementor-element.elementor-element-42158ed .elementor-icon-list-item > .elementor-icon-list-text, .elementor-101 .elementor-element.elementor-element-42158ed .elementor-icon-list-item > a{line-height:1.65em;}.elementor-101 .elementor-element.elementor-element-42158ed{--container-widget-width:136px;--container-widget-flex-grow:0;width:var( --container-widget-width, 136px );max-width:136px;}.elementor-101 .elementor-element.elementor-element-42158ed.elementor-element{--align-self:center;}.elementor-101 .elementor-element.elementor-element-46d0cc8 .elementor-icon{font-size:20px;}.elementor-101 .elementor-element.elementor-element-46d0cc8 .elementor-icon svg{height:20px;}.elementor-101 .elementor-element.elementor-element-46d0cc8{margin:0px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__toggle .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__subtotal{font-size:var( --e-global-typography-d5acb35-font-size );line-height:var( --e-global-typography-d5acb35-line-height );letter-spacing:var( --e-global-typography-d5acb35-letter-spacing );word-spacing:var( --e-global-typography-d5acb35-word-spacing );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-d5ea94d-font-size );line-height:var( --e-global-typography-d5ea94d-line-height );letter-spacing:var( --e-global-typography-d5ea94d-letter-spacing );word-spacing:var( --e-global-typography-d5ea94d-word-spacing );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__product .variation{font-size:var( --e-global-typography-d5ea94d-font-size );line-height:var( --e-global-typography-d5ea94d-line-height );letter-spacing:var( --e-global-typography-d5ea94d-letter-spacing );word-spacing:var( --e-global-typography-d5ea94d-word-spacing );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__product-price{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__product-price .product-quantity{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__footer-buttons .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-101 .elementor-element.elementor-element-d8a6c0e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -13px;--container-widget-width:105px;--container-widget-flex-grow:0;width:var( --container-widget-width, 105px );max-width:105px;}}/* Start custom CSS for container, class: .elementor-element-bcdae5a *//* ========================================================= PREMIUM RESPONSIVE MEGA MENU TABLET + MOBILE Elementor Menu Widget ========================================================= */ /* ========================================================= TABLET — 1024px AND BELOW ========================================================= */ @media (max-width: 1024px) { /* --------------------------------------------------------- MAIN MEGA MENU --------------------------------------------------------- */ .modern-mega-menu { width: 100% !important; padding: 24px !important; border-radius: 18px !important; box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10), 0 6px 20px rgba(15, 23, 42, 0.05) !important; } /* --------------------------------------------------------- ELEMENTOR MENU — HIDE HAMBURGER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-toggle { display: none !important; } /* --------------------------------------------------------- MENU WRAPPER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-wrapper { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; } /* --------------------------------------------------------- MENU HEADING / MAIN ITEMS --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-heading { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 5px !important; } /* --------------------------------------------------------- MENU ITEM --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-item { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- MENU TITLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title { display: flex !important; align-items: center !important; width: 100% !important; min-height: 50px; padding: 13px 15px !important; border-radius: 10px !important; background: rgba(248, 250, 252, 0.75); border: 1px solid rgba(15, 23, 42, 0.055); transition: background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease; } /* --------------------------------------------------------- MENU TITLE TEXT --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title-text { color: #334155 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -0.01em; } /* --------------------------------------------------------- MENU TITLE HOVER Pakistani Green --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title:hover { background: rgba(1, 65, 28, 0.055) !important; border-color: rgba(1, 65, 28, 0.12); transform: translateX(3px); } .modern-mega-menu .e-n-menu-title:hover .e-n-menu-title-text { color: #01411C !important; } /* --------------------------------------------------------- CATEGORY COLUMNS --------------------------------------------------------- */ .modern-mega-menu > .e-con { width: 100% !important; min-width: 0 !important; padding: 8px 14px !important; margin-bottom: 8px; } /* Remove column dividers on tablet */ .modern-mega-menu > .e-con:not(:last-child) { border-right: none !important; border-bottom: 1px solid rgba(15, 23, 42, .07); padding-bottom: 18px !important; margin-bottom: 18px !important; } /* --------------------------------------------------------- CATEGORY GROUP --------------------------------------------------------- */ .modern-mega-menu .mega-category { margin-bottom: 20px; } /* --------------------------------------------------------- CATEGORY HEADING --------------------------------------------------------- */ .modern-mega-menu .mega-heading { margin-bottom: 9px; padding-left: 12px; } .modern-mega-menu .mega-heading .elementor-icon-list-text { font-size: 14px !important; } /* --------------------------------------------------------- SUB LINKS --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item { padding: 7px 10px !important; border-radius: 8px; } .modern-mega-menu .elementor-icon-list-text { font-size: 13px !important; line-height: 1.5; } /* --------------------------------------------------------- IMAGE CARDS --------------------------------------------------------- */ .modern-mega-menu .mega-image-card { margin-top: 10px; border-radius: 13px; padding: 7px; } /* --------------------------------------------------------- FEATURED CARD --------------------------------------------------------- */ .modern-mega-menu .mega-featured { border-radius: 14px; padding: 14px; } /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .modern-mega-menu .elementor-button { min-height: 44px; padding-left: 18px; padding-right: 18px; } } /* ========================================================= MOBILE — 767px AND BELOW ========================================================= */ @media (max-width: 767px) { /* --------------------------------------------------------- MAIN CONTAINER --------------------------------------------------------- */ .modern-mega-menu { width: 100% !important; padding: 12px !important; border-radius: 14px !important; box-shadow: 0 15px 40px rgba(15, 23, 42, 0.10), 0 5px 15px rgba(15, 23, 42, 0.05) !important; } /* --------------------------------------------------------- HIDE ELEMENTOR HAMBURGER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-toggle { display: none !important; } /* --------------------------------------------------------- FORCE MENU VISIBLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-wrapper { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; transform: none !important; } /* --------------------------------------------------------- VERTICAL MENU --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-heading { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- EACH MENU ITEM --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-item { display: block !important; width: 100% !important; margin: 0 !important; } /* --------------------------------------------------------- MOBILE MENU TITLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 48px; box-sizing: border-box; padding: 12px 14px !important; background: #ffffff !important; border: 1px solid rgba(15, 23, 42, .065); border-radius: 9px !important; transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease; } /* --------------------------------------------------------- MOBILE MENU TEXT --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title-text { color: #1e293b !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -0.01em; } /* --------------------------------------------------------- MOBILE HOVER / ACTIVE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title:hover, .modern-mega-menu .e-n-menu-title:focus { background: rgba(1, 65, 28, 0.055) !important; border-color: rgba(1, 65, 28, 0.14) !important; box-shadow: 0 5px 15px rgba(1, 65, 28, 0.06); transform: translateX(2px); } .modern-mega-menu .e-n-menu-title:hover .e-n-menu-title-text, .modern-mega-menu .e-n-menu-title:focus .e-n-menu-title-text { color: #01411C !important; } /* --------------------------------------------------------- COLUMN LAYOUT --------------------------------------------------------- */ .modern-mega-menu > .e-con { width: 100% !important; min-width: 0 !important; padding: 6px 5px !important; margin: 0 !important; } /* --------------------------------------------------------- COLUMN DIVIDERS --------------------------------------------------------- */ .modern-mega-menu > .e-con:not(:last-child) { border-right: none !important; border-bottom: 1px solid rgba(15, 23, 42, .065); padding-bottom: 15px !important; margin-bottom: 15px !important; } /* --------------------------------------------------------- CATEGORY --------------------------------------------------------- */ .modern-mega-menu .mega-category { margin-bottom: 17px; } /* --------------------------------------------------------- CATEGORY HEADING --------------------------------------------------------- */ .modern-mega-menu .mega-heading { margin-bottom: 8px; padding-left: 11px; } .modern-mega-menu .mega-heading::before { width: 3px; height: 14px; top: 3px; } .modern-mega-menu .mega-heading .elementor-icon-list-text { font-size: 13px !important; font-weight: 700 !important; } /* --------------------------------------------------------- SUB LINKS --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item { margin: 2px 0 !important; padding: 7px 9px !important; border-radius: 7px; } .modern-mega-menu .elementor-icon-list-text { font-size: 12.5px !important; line-height: 1.5; } /* --------------------------------------------------------- HOVER EFFECT --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item:hover { transform: translateX(2px); background: rgba(1, 65, 28, 0.055) !important; } /* --------------------------------------------------------- ARROW --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item .elementor-icon-list-text::after { margin-left: 4px; font-size: 16px; } /* --------------------------------------------------------- VIEW ALL --------------------------------------------------------- */ .modern-mega-menu .mega-view-all { margin-top: 5px; padding: 5px 0; font-size: 12px !important; } /* --------------------------------------------------------- IMAGE CARD --------------------------------------------------------- */ .modern-mega-menu .mega-image-card { border-radius: 11px; padding: 6px; margin-top: 8px; } /* --------------------------------------------------------- FEATURED CARD --------------------------------------------------------- */ .modern-mega-menu .mega-featured { border-radius: 12px; padding: 13px; } /* --------------------------------------------------------- BADGE --------------------------------------------------------- */ .modern-mega-menu .mega-badge { padding: 4px 8px; font-size: 9px; } /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .modern-mega-menu .elementor-button { width: 100%; min-height: 44px; padding: 10px 16px; border-radius: 8px; } /* --------------------------------------------------------- REMOVE LARGE DESKTOP ANIMATION ON MOBILE --------------------------------------------------------- */ .modern-mega-menu { animation: none !important; } /* --------------------------------------------------------- MOBILE BACKGROUND GLOW --------------------------------------------------------- */ .modern-mega-menu::after { width: 180px; height: 180px; top: -120px; right: -80px; opacity: .65; } } /* ========================================================= EXTRA SMALL DEVICES — 480px AND BELOW ========================================================= */ @media (max-width: 480px) { .modern-mega-menu { padding: 9px !important; border-radius: 12px !important; } .modern-mega-menu .e-n-menu-heading { gap: 4px !important; } .modern-mega-menu .e-n-menu-title { min-height: 46px; padding: 11px 12px !important; border-radius: 8px !important; } .modern-mega-menu .e-n-menu-title-text { font-size: 13px !important; } .modern-mega-menu > .e-con { padding-left: 3px !important; padding-right: 3px !important; } .modern-mega-menu .elementor-icon-list-item { padding: 6px 8px !important; } .modern-mega-menu .elementor-icon-list-text { font-size: 12px !important; } .modern-mega-menu .mega-category { margin-bottom: 14px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcdae5a *//* ========================================================= PREMIUM RESPONSIVE MEGA MENU TABLET + MOBILE Elementor Menu Widget ========================================================= */ /* ========================================================= TABLET — 1024px AND BELOW ========================================================= */ @media (max-width: 1024px) { /* --------------------------------------------------------- MAIN MEGA MENU --------------------------------------------------------- */ .modern-mega-menu { width: 100% !important; padding: 24px !important; border-radius: 18px !important; box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10), 0 6px 20px rgba(15, 23, 42, 0.05) !important; } /* --------------------------------------------------------- ELEMENTOR MENU — HIDE HAMBURGER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-toggle { display: none !important; } /* --------------------------------------------------------- MENU WRAPPER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-wrapper { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; } /* --------------------------------------------------------- MENU HEADING / MAIN ITEMS --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-heading { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 5px !important; } /* --------------------------------------------------------- MENU ITEM --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-item { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- MENU TITLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title { display: flex !important; align-items: center !important; width: 100% !important; min-height: 50px; padding: 13px 15px !important; border-radius: 10px !important; background: rgba(248, 250, 252, 0.75); border: 1px solid rgba(15, 23, 42, 0.055); transition: background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease; } /* --------------------------------------------------------- MENU TITLE TEXT --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title-text { color: #334155 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -0.01em; } /* --------------------------------------------------------- MENU TITLE HOVER Pakistani Green --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title:hover { background: rgba(1, 65, 28, 0.055) !important; border-color: rgba(1, 65, 28, 0.12); transform: translateX(3px); } .modern-mega-menu .e-n-menu-title:hover .e-n-menu-title-text { color: #01411C !important; } /* --------------------------------------------------------- CATEGORY COLUMNS --------------------------------------------------------- */ .modern-mega-menu > .e-con { width: 100% !important; min-width: 0 !important; padding: 8px 14px !important; margin-bottom: 8px; } /* Remove column dividers on tablet */ .modern-mega-menu > .e-con:not(:last-child) { border-right: none !important; border-bottom: 1px solid rgba(15, 23, 42, .07); padding-bottom: 18px !important; margin-bottom: 18px !important; } /* --------------------------------------------------------- CATEGORY GROUP --------------------------------------------------------- */ .modern-mega-menu .mega-category { margin-bottom: 20px; } /* --------------------------------------------------------- CATEGORY HEADING --------------------------------------------------------- */ .modern-mega-menu .mega-heading { margin-bottom: 9px; padding-left: 12px; } .modern-mega-menu .mega-heading .elementor-icon-list-text { font-size: 14px !important; } /* --------------------------------------------------------- SUB LINKS --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item { padding: 7px 10px !important; border-radius: 8px; } .modern-mega-menu .elementor-icon-list-text { font-size: 13px !important; line-height: 1.5; } /* --------------------------------------------------------- IMAGE CARDS --------------------------------------------------------- */ .modern-mega-menu .mega-image-card { margin-top: 10px; border-radius: 13px; padding: 7px; } /* --------------------------------------------------------- FEATURED CARD --------------------------------------------------------- */ .modern-mega-menu .mega-featured { border-radius: 14px; padding: 14px; } /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .modern-mega-menu .elementor-button { min-height: 44px; padding-left: 18px; padding-right: 18px; } } /* ========================================================= MOBILE — 767px AND BELOW ========================================================= */ @media (max-width: 767px) { /* --------------------------------------------------------- MAIN CONTAINER --------------------------------------------------------- */ .modern-mega-menu { width: 100% !important; padding: 12px !important; border-radius: 14px !important; box-shadow: 0 15px 40px rgba(15, 23, 42, 0.10), 0 5px 15px rgba(15, 23, 42, 0.05) !important; } /* --------------------------------------------------------- HIDE ELEMENTOR HAMBURGER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-toggle { display: none !important; } /* --------------------------------------------------------- FORCE MENU VISIBLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-wrapper { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; transform: none !important; } /* --------------------------------------------------------- VERTICAL MENU --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-heading { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- EACH MENU ITEM --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-item { display: block !important; width: 100% !important; margin: 0 !important; } /* --------------------------------------------------------- MOBILE MENU TITLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 48px; box-sizing: border-box; padding: 12px 14px !important; background: #ffffff !important; border: 1px solid rgba(15, 23, 42, .065); border-radius: 9px !important; transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease; } /* --------------------------------------------------------- MOBILE MENU TEXT --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title-text { color: #1e293b !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -0.01em; } /* --------------------------------------------------------- MOBILE HOVER / ACTIVE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title:hover, .modern-mega-menu .e-n-menu-title:focus { background: rgba(1, 65, 28, 0.055) !important; border-color: rgba(1, 65, 28, 0.14) !important; box-shadow: 0 5px 15px rgba(1, 65, 28, 0.06); transform: translateX(2px); } .modern-mega-menu .e-n-menu-title:hover .e-n-menu-title-text, .modern-mega-menu .e-n-menu-title:focus .e-n-menu-title-text { color: #01411C !important; } /* --------------------------------------------------------- COLUMN LAYOUT --------------------------------------------------------- */ .modern-mega-menu > .e-con { width: 100% !important; min-width: 0 !important; padding: 6px 5px !important; margin: 0 !important; } /* --------------------------------------------------------- COLUMN DIVIDERS --------------------------------------------------------- */ .modern-mega-menu > .e-con:not(:last-child) { border-right: none !important; border-bottom: 1px solid rgba(15, 23, 42, .065); padding-bottom: 15px !important; margin-bottom: 15px !important; } /* --------------------------------------------------------- CATEGORY --------------------------------------------------------- */ .modern-mega-menu .mega-category { margin-bottom: 17px; } /* --------------------------------------------------------- CATEGORY HEADING --------------------------------------------------------- */ .modern-mega-menu .mega-heading { margin-bottom: 8px; padding-left: 11px; } .modern-mega-menu .mega-heading::before { width: 3px; height: 14px; top: 3px; } .modern-mega-menu .mega-heading .elementor-icon-list-text { font-size: 13px !important; font-weight: 700 !important; } /* --------------------------------------------------------- SUB LINKS --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item { margin: 2px 0 !important; padding: 7px 9px !important; border-radius: 7px; } .modern-mega-menu .elementor-icon-list-text { font-size: 12.5px !important; line-height: 1.5; } /* --------------------------------------------------------- HOVER EFFECT --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item:hover { transform: translateX(2px); background: rgba(1, 65, 28, 0.055) !important; } /* --------------------------------------------------------- ARROW --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item .elementor-icon-list-text::after { margin-left: 4px; font-size: 16px; } /* --------------------------------------------------------- VIEW ALL --------------------------------------------------------- */ .modern-mega-menu .mega-view-all { margin-top: 5px; padding: 5px 0; font-size: 12px !important; } /* --------------------------------------------------------- IMAGE CARD --------------------------------------------------------- */ .modern-mega-menu .mega-image-card { border-radius: 11px; padding: 6px; margin-top: 8px; } /* --------------------------------------------------------- FEATURED CARD --------------------------------------------------------- */ .modern-mega-menu .mega-featured { border-radius: 12px; padding: 13px; } /* --------------------------------------------------------- BADGE --------------------------------------------------------- */ .modern-mega-menu .mega-badge { padding: 4px 8px; font-size: 9px; } /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .modern-mega-menu .elementor-button { width: 100%; min-height: 44px; padding: 10px 16px; border-radius: 8px; } /* --------------------------------------------------------- REMOVE LARGE DESKTOP ANIMATION ON MOBILE --------------------------------------------------------- */ .modern-mega-menu { animation: none !important; } /* --------------------------------------------------------- MOBILE BACKGROUND GLOW --------------------------------------------------------- */ .modern-mega-menu::after { width: 180px; height: 180px; top: -120px; right: -80px; opacity: .65; } } /* ========================================================= EXTRA SMALL DEVICES — 480px AND BELOW ========================================================= */ @media (max-width: 480px) { .modern-mega-menu { padding: 9px !important; border-radius: 12px !important; } .modern-mega-menu .e-n-menu-heading { gap: 4px !important; } .modern-mega-menu .e-n-menu-title { min-height: 46px; padding: 11px 12px !important; border-radius: 8px !important; } .modern-mega-menu .e-n-menu-title-text { font-size: 13px !important; } .modern-mega-menu > .e-con { padding-left: 3px !important; padding-right: 3px !important; } .modern-mega-menu .elementor-icon-list-item { padding: 6px 8px !important; } .modern-mega-menu .elementor-icon-list-text { font-size: 12px !important; } .modern-mega-menu .mega-category { margin-bottom: 14px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcdae5a *//* ========================================================= PREMIUM RESPONSIVE MEGA MENU TABLET + MOBILE Elementor Menu Widget ========================================================= */ /* ========================================================= TABLET — 1024px AND BELOW ========================================================= */ @media (max-width: 1024px) { /* --------------------------------------------------------- MAIN MEGA MENU --------------------------------------------------------- */ .modern-mega-menu { width: 100% !important; padding: 24px !important; border-radius: 18px !important; box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10), 0 6px 20px rgba(15, 23, 42, 0.05) !important; } /* --------------------------------------------------------- ELEMENTOR MENU — HIDE HAMBURGER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-toggle { display: none !important; } /* --------------------------------------------------------- MENU WRAPPER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-wrapper { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; } /* --------------------------------------------------------- MENU HEADING / MAIN ITEMS --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-heading { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 5px !important; } /* --------------------------------------------------------- MENU ITEM --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-item { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- MENU TITLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title { display: flex !important; align-items: center !important; width: 100% !important; min-height: 50px; padding: 13px 15px !important; border-radius: 10px !important; background: rgba(248, 250, 252, 0.75); border: 1px solid rgba(15, 23, 42, 0.055); transition: background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease; } /* --------------------------------------------------------- MENU TITLE TEXT --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title-text { color: #334155 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -0.01em; } /* --------------------------------------------------------- MENU TITLE HOVER Pakistani Green --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title:hover { background: rgba(1, 65, 28, 0.055) !important; border-color: rgba(1, 65, 28, 0.12); transform: translateX(3px); } .modern-mega-menu .e-n-menu-title:hover .e-n-menu-title-text { color: #01411C !important; } /* --------------------------------------------------------- CATEGORY COLUMNS --------------------------------------------------------- */ .modern-mega-menu > .e-con { width: 100% !important; min-width: 0 !important; padding: 8px 14px !important; margin-bottom: 8px; } /* Remove column dividers on tablet */ .modern-mega-menu > .e-con:not(:last-child) { border-right: none !important; border-bottom: 1px solid rgba(15, 23, 42, .07); padding-bottom: 18px !important; margin-bottom: 18px !important; } /* --------------------------------------------------------- CATEGORY GROUP --------------------------------------------------------- */ .modern-mega-menu .mega-category { margin-bottom: 20px; } /* --------------------------------------------------------- CATEGORY HEADING --------------------------------------------------------- */ .modern-mega-menu .mega-heading { margin-bottom: 9px; padding-left: 12px; } .modern-mega-menu .mega-heading .elementor-icon-list-text { font-size: 14px !important; } /* --------------------------------------------------------- SUB LINKS --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item { padding: 7px 10px !important; border-radius: 8px; } .modern-mega-menu .elementor-icon-list-text { font-size: 13px !important; line-height: 1.5; } /* --------------------------------------------------------- IMAGE CARDS --------------------------------------------------------- */ .modern-mega-menu .mega-image-card { margin-top: 10px; border-radius: 13px; padding: 7px; } /* --------------------------------------------------------- FEATURED CARD --------------------------------------------------------- */ .modern-mega-menu .mega-featured { border-radius: 14px; padding: 14px; } /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .modern-mega-menu .elementor-button { min-height: 44px; padding-left: 18px; padding-right: 18px; } } /* ========================================================= MOBILE — 767px AND BELOW ========================================================= */ @media (max-width: 767px) { /* --------------------------------------------------------- MAIN CONTAINER --------------------------------------------------------- */ .modern-mega-menu { width: 100% !important; padding: 12px !important; border-radius: 14px !important; box-shadow: 0 15px 40px rgba(15, 23, 42, 0.10), 0 5px 15px rgba(15, 23, 42, 0.05) !important; } /* --------------------------------------------------------- HIDE ELEMENTOR HAMBURGER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-toggle { display: none !important; } /* --------------------------------------------------------- FORCE MENU VISIBLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-wrapper { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; transform: none !important; } /* --------------------------------------------------------- VERTICAL MENU --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-heading { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- EACH MENU ITEM --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-item { display: block !important; width: 100% !important; margin: 0 !important; } /* --------------------------------------------------------- MOBILE MENU TITLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 48px; box-sizing: border-box; padding: 12px 14px !important; background: #ffffff !important; border: 1px solid rgba(15, 23, 42, .065); border-radius: 9px !important; transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease; } /* --------------------------------------------------------- MOBILE MENU TEXT --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title-text { color: #1e293b !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -0.01em; } /* --------------------------------------------------------- MOBILE HOVER / ACTIVE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title:hover, .modern-mega-menu .e-n-menu-title:focus { background: rgba(1, 65, 28, 0.055) !important; border-color: rgba(1, 65, 28, 0.14) !important; box-shadow: 0 5px 15px rgba(1, 65, 28, 0.06); transform: translateX(2px); } .modern-mega-menu .e-n-menu-title:hover .e-n-menu-title-text, .modern-mega-menu .e-n-menu-title:focus .e-n-menu-title-text { color: #01411C !important; } /* --------------------------------------------------------- COLUMN LAYOUT --------------------------------------------------------- */ .modern-mega-menu > .e-con { width: 100% !important; min-width: 0 !important; padding: 6px 5px !important; margin: 0 !important; } /* --------------------------------------------------------- COLUMN DIVIDERS --------------------------------------------------------- */ .modern-mega-menu > .e-con:not(:last-child) { border-right: none !important; border-bottom: 1px solid rgba(15, 23, 42, .065); padding-bottom: 15px !important; margin-bottom: 15px !important; } /* --------------------------------------------------------- CATEGORY --------------------------------------------------------- */ .modern-mega-menu .mega-category { margin-bottom: 17px; } /* --------------------------------------------------------- CATEGORY HEADING --------------------------------------------------------- */ .modern-mega-menu .mega-heading { margin-bottom: 8px; padding-left: 11px; } .modern-mega-menu .mega-heading::before { width: 3px; height: 14px; top: 3px; } .modern-mega-menu .mega-heading .elementor-icon-list-text { font-size: 13px !important; font-weight: 700 !important; } /* --------------------------------------------------------- SUB LINKS --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item { margin: 2px 0 !important; padding: 7px 9px !important; border-radius: 7px; } .modern-mega-menu .elementor-icon-list-text { font-size: 12.5px !important; line-height: 1.5; } /* --------------------------------------------------------- HOVER EFFECT --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item:hover { transform: translateX(2px); background: rgba(1, 65, 28, 0.055) !important; } /* --------------------------------------------------------- ARROW --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item .elementor-icon-list-text::after { margin-left: 4px; font-size: 16px; } /* --------------------------------------------------------- VIEW ALL --------------------------------------------------------- */ .modern-mega-menu .mega-view-all { margin-top: 5px; padding: 5px 0; font-size: 12px !important; } /* --------------------------------------------------------- IMAGE CARD --------------------------------------------------------- */ .modern-mega-menu .mega-image-card { border-radius: 11px; padding: 6px; margin-top: 8px; } /* --------------------------------------------------------- FEATURED CARD --------------------------------------------------------- */ .modern-mega-menu .mega-featured { border-radius: 12px; padding: 13px; } /* --------------------------------------------------------- BADGE --------------------------------------------------------- */ .modern-mega-menu .mega-badge { padding: 4px 8px; font-size: 9px; } /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .modern-mega-menu .elementor-button { width: 100%; min-height: 44px; padding: 10px 16px; border-radius: 8px; } /* --------------------------------------------------------- REMOVE LARGE DESKTOP ANIMATION ON MOBILE --------------------------------------------------------- */ .modern-mega-menu { animation: none !important; } /* --------------------------------------------------------- MOBILE BACKGROUND GLOW --------------------------------------------------------- */ .modern-mega-menu::after { width: 180px; height: 180px; top: -120px; right: -80px; opacity: .65; } } /* ========================================================= EXTRA SMALL DEVICES — 480px AND BELOW ========================================================= */ @media (max-width: 480px) { .modern-mega-menu { padding: 9px !important; border-radius: 12px !important; } .modern-mega-menu .e-n-menu-heading { gap: 4px !important; } .modern-mega-menu .e-n-menu-title { min-height: 46px; padding: 11px 12px !important; border-radius: 8px !important; } .modern-mega-menu .e-n-menu-title-text { font-size: 13px !important; } .modern-mega-menu > .e-con { padding-left: 3px !important; padding-right: 3px !important; } .modern-mega-menu .elementor-icon-list-item { padding: 6px 8px !important; } .modern-mega-menu .elementor-icon-list-text { font-size: 12px !important; } .modern-mega-menu .mega-category { margin-bottom: 14px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcdae5a *//* ========================================================= PREMIUM RESPONSIVE MEGA MENU TABLET + MOBILE Elementor Menu Widget ========================================================= */ /* ========================================================= TABLET — 1024px AND BELOW ========================================================= */ @media (max-width: 1024px) { /* --------------------------------------------------------- MAIN MEGA MENU --------------------------------------------------------- */ .modern-mega-menu { width: 100% !important; padding: 24px !important; border-radius: 18px !important; box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10), 0 6px 20px rgba(15, 23, 42, 0.05) !important; } /* --------------------------------------------------------- ELEMENTOR MENU — HIDE HAMBURGER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-toggle { display: none !important; } /* --------------------------------------------------------- MENU WRAPPER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-wrapper { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; } /* --------------------------------------------------------- MENU HEADING / MAIN ITEMS --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-heading { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 5px !important; } /* --------------------------------------------------------- MENU ITEM --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-item { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- MENU TITLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title { display: flex !important; align-items: center !important; width: 100% !important; min-height: 50px; padding: 13px 15px !important; border-radius: 10px !important; background: rgba(248, 250, 252, 0.75); border: 1px solid rgba(15, 23, 42, 0.055); transition: background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease; } /* --------------------------------------------------------- MENU TITLE TEXT --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title-text { color: #334155 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -0.01em; } /* --------------------------------------------------------- MENU TITLE HOVER Pakistani Green --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title:hover { background: rgba(1, 65, 28, 0.055) !important; border-color: rgba(1, 65, 28, 0.12); transform: translateX(3px); } .modern-mega-menu .e-n-menu-title:hover .e-n-menu-title-text { color: #01411C !important; } /* --------------------------------------------------------- CATEGORY COLUMNS --------------------------------------------------------- */ .modern-mega-menu > .e-con { width: 100% !important; min-width: 0 !important; padding: 8px 14px !important; margin-bottom: 8px; } /* Remove column dividers on tablet */ .modern-mega-menu > .e-con:not(:last-child) { border-right: none !important; border-bottom: 1px solid rgba(15, 23, 42, .07); padding-bottom: 18px !important; margin-bottom: 18px !important; } /* --------------------------------------------------------- CATEGORY GROUP --------------------------------------------------------- */ .modern-mega-menu .mega-category { margin-bottom: 20px; } /* --------------------------------------------------------- CATEGORY HEADING --------------------------------------------------------- */ .modern-mega-menu .mega-heading { margin-bottom: 9px; padding-left: 12px; } .modern-mega-menu .mega-heading .elementor-icon-list-text { font-size: 14px !important; } /* --------------------------------------------------------- SUB LINKS --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item { padding: 7px 10px !important; border-radius: 8px; } .modern-mega-menu .elementor-icon-list-text { font-size: 13px !important; line-height: 1.5; } /* --------------------------------------------------------- IMAGE CARDS --------------------------------------------------------- */ .modern-mega-menu .mega-image-card { margin-top: 10px; border-radius: 13px; padding: 7px; } /* --------------------------------------------------------- FEATURED CARD --------------------------------------------------------- */ .modern-mega-menu .mega-featured { border-radius: 14px; padding: 14px; } /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .modern-mega-menu .elementor-button { min-height: 44px; padding-left: 18px; padding-right: 18px; } } /* ========================================================= MOBILE — 767px AND BELOW ========================================================= */ @media (max-width: 767px) { /* --------------------------------------------------------- MAIN CONTAINER --------------------------------------------------------- */ .modern-mega-menu { width: 100% !important; padding: 12px !important; border-radius: 14px !important; box-shadow: 0 15px 40px rgba(15, 23, 42, 0.10), 0 5px 15px rgba(15, 23, 42, 0.05) !important; } /* --------------------------------------------------------- HIDE ELEMENTOR HAMBURGER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-toggle { display: none !important; } /* --------------------------------------------------------- FORCE MENU VISIBLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-wrapper { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; transform: none !important; } /* --------------------------------------------------------- VERTICAL MENU --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-heading { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- EACH MENU ITEM --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-item { display: block !important; width: 100% !important; margin: 0 !important; } /* --------------------------------------------------------- MOBILE MENU TITLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 48px; box-sizing: border-box; padding: 12px 14px !important; background: #ffffff !important; border: 1px solid rgba(15, 23, 42, .065); border-radius: 9px !important; transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease; } /* --------------------------------------------------------- MOBILE MENU TEXT --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title-text { color: #1e293b !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -0.01em; } /* --------------------------------------------------------- MOBILE HOVER / ACTIVE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title:hover, .modern-mega-menu .e-n-menu-title:focus { background: rgba(1, 65, 28, 0.055) !important; border-color: rgba(1, 65, 28, 0.14) !important; box-shadow: 0 5px 15px rgba(1, 65, 28, 0.06); transform: translateX(2px); } .modern-mega-menu .e-n-menu-title:hover .e-n-menu-title-text, .modern-mega-menu .e-n-menu-title:focus .e-n-menu-title-text { color: #01411C !important; } /* --------------------------------------------------------- COLUMN LAYOUT --------------------------------------------------------- */ .modern-mega-menu > .e-con { width: 100% !important; min-width: 0 !important; padding: 6px 5px !important; margin: 0 !important; } /* --------------------------------------------------------- COLUMN DIVIDERS --------------------------------------------------------- */ .modern-mega-menu > .e-con:not(:last-child) { border-right: none !important; border-bottom: 1px solid rgba(15, 23, 42, .065); padding-bottom: 15px !important; margin-bottom: 15px !important; } /* --------------------------------------------------------- CATEGORY --------------------------------------------------------- */ .modern-mega-menu .mega-category { margin-bottom: 17px; } /* --------------------------------------------------------- CATEGORY HEADING --------------------------------------------------------- */ .modern-mega-menu .mega-heading { margin-bottom: 8px; padding-left: 11px; } .modern-mega-menu .mega-heading::before { width: 3px; height: 14px; top: 3px; } .modern-mega-menu .mega-heading .elementor-icon-list-text { font-size: 13px !important; font-weight: 700 !important; } /* --------------------------------------------------------- SUB LINKS --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item { margin: 2px 0 !important; padding: 7px 9px !important; border-radius: 7px; } .modern-mega-menu .elementor-icon-list-text { font-size: 12.5px !important; line-height: 1.5; } /* --------------------------------------------------------- HOVER EFFECT --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item:hover { transform: translateX(2px); background: rgba(1, 65, 28, 0.055) !important; } /* --------------------------------------------------------- ARROW --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item .elementor-icon-list-text::after { margin-left: 4px; font-size: 16px; } /* --------------------------------------------------------- VIEW ALL --------------------------------------------------------- */ .modern-mega-menu .mega-view-all { margin-top: 5px; padding: 5px 0; font-size: 12px !important; } /* --------------------------------------------------------- IMAGE CARD --------------------------------------------------------- */ .modern-mega-menu .mega-image-card { border-radius: 11px; padding: 6px; margin-top: 8px; } /* --------------------------------------------------------- FEATURED CARD --------------------------------------------------------- */ .modern-mega-menu .mega-featured { border-radius: 12px; padding: 13px; } /* --------------------------------------------------------- BADGE --------------------------------------------------------- */ .modern-mega-menu .mega-badge { padding: 4px 8px; font-size: 9px; } /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .modern-mega-menu .elementor-button { width: 100%; min-height: 44px; padding: 10px 16px; border-radius: 8px; } /* --------------------------------------------------------- REMOVE LARGE DESKTOP ANIMATION ON MOBILE --------------------------------------------------------- */ .modern-mega-menu { animation: none !important; } /* --------------------------------------------------------- MOBILE BACKGROUND GLOW --------------------------------------------------------- */ .modern-mega-menu::after { width: 180px; height: 180px; top: -120px; right: -80px; opacity: .65; } } /* ========================================================= EXTRA SMALL DEVICES — 480px AND BELOW ========================================================= */ @media (max-width: 480px) { .modern-mega-menu { padding: 9px !important; border-radius: 12px !important; } .modern-mega-menu .e-n-menu-heading { gap: 4px !important; } .modern-mega-menu .e-n-menu-title { min-height: 46px; padding: 11px 12px !important; border-radius: 8px !important; } .modern-mega-menu .e-n-menu-title-text { font-size: 13px !important; } .modern-mega-menu > .e-con { padding-left: 3px !important; padding-right: 3px !important; } .modern-mega-menu .elementor-icon-list-item { padding: 6px 8px !important; } .modern-mega-menu .elementor-icon-list-text { font-size: 12px !important; } .modern-mega-menu .mega-category { margin-bottom: 14px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcdae5a *//* ========================================================= PREMIUM RESPONSIVE MEGA MENU TABLET + MOBILE Elementor Menu Widget ========================================================= */ /* ========================================================= TABLET — 1024px AND BELOW ========================================================= */ @media (max-width: 1024px) { /* --------------------------------------------------------- MAIN MEGA MENU --------------------------------------------------------- */ .modern-mega-menu { width: 100% !important; padding: 24px !important; border-radius: 18px !important; box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10), 0 6px 20px rgba(15, 23, 42, 0.05) !important; } /* --------------------------------------------------------- ELEMENTOR MENU — HIDE HAMBURGER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-toggle { display: none !important; } /* --------------------------------------------------------- MENU WRAPPER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-wrapper { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; } /* --------------------------------------------------------- MENU HEADING / MAIN ITEMS --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-heading { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 5px !important; } /* --------------------------------------------------------- MENU ITEM --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-item { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- MENU TITLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title { display: flex !important; align-items: center !important; width: 100% !important; min-height: 50px; padding: 13px 15px !important; border-radius: 10px !important; background: rgba(248, 250, 252, 0.75); border: 1px solid rgba(15, 23, 42, 0.055); transition: background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease; } /* --------------------------------------------------------- MENU TITLE TEXT --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title-text { color: #334155 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -0.01em; } /* --------------------------------------------------------- MENU TITLE HOVER Pakistani Green --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title:hover { background: rgba(1, 65, 28, 0.055) !important; border-color: rgba(1, 65, 28, 0.12); transform: translateX(3px); } .modern-mega-menu .e-n-menu-title:hover .e-n-menu-title-text { color: #01411C !important; } /* --------------------------------------------------------- CATEGORY COLUMNS --------------------------------------------------------- */ .modern-mega-menu > .e-con { width: 100% !important; min-width: 0 !important; padding: 8px 14px !important; margin-bottom: 8px; } /* Remove column dividers on tablet */ .modern-mega-menu > .e-con:not(:last-child) { border-right: none !important; border-bottom: 1px solid rgba(15, 23, 42, .07); padding-bottom: 18px !important; margin-bottom: 18px !important; } /* --------------------------------------------------------- CATEGORY GROUP --------------------------------------------------------- */ .modern-mega-menu .mega-category { margin-bottom: 20px; } /* --------------------------------------------------------- CATEGORY HEADING --------------------------------------------------------- */ .modern-mega-menu .mega-heading { margin-bottom: 9px; padding-left: 12px; } .modern-mega-menu .mega-heading .elementor-icon-list-text { font-size: 14px !important; } /* --------------------------------------------------------- SUB LINKS --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item { padding: 7px 10px !important; border-radius: 8px; } .modern-mega-menu .elementor-icon-list-text { font-size: 13px !important; line-height: 1.5; } /* --------------------------------------------------------- IMAGE CARDS --------------------------------------------------------- */ .modern-mega-menu .mega-image-card { margin-top: 10px; border-radius: 13px; padding: 7px; } /* --------------------------------------------------------- FEATURED CARD --------------------------------------------------------- */ .modern-mega-menu .mega-featured { border-radius: 14px; padding: 14px; } /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .modern-mega-menu .elementor-button { min-height: 44px; padding-left: 18px; padding-right: 18px; } } /* ========================================================= MOBILE — 767px AND BELOW ========================================================= */ @media (max-width: 767px) { /* --------------------------------------------------------- MAIN CONTAINER --------------------------------------------------------- */ .modern-mega-menu { width: 100% !important; padding: 12px !important; border-radius: 14px !important; box-shadow: 0 15px 40px rgba(15, 23, 42, 0.10), 0 5px 15px rgba(15, 23, 42, 0.05) !important; } /* --------------------------------------------------------- HIDE ELEMENTOR HAMBURGER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-toggle { display: none !important; } /* --------------------------------------------------------- FORCE MENU VISIBLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-wrapper { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; transform: none !important; } /* --------------------------------------------------------- VERTICAL MENU --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-heading { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- EACH MENU ITEM --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-item { display: block !important; width: 100% !important; margin: 0 !important; } /* --------------------------------------------------------- MOBILE MENU TITLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 48px; box-sizing: border-box; padding: 12px 14px !important; background: #ffffff !important; border: 1px solid rgba(15, 23, 42, .065); border-radius: 9px !important; transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease; } /* --------------------------------------------------------- MOBILE MENU TEXT --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title-text { color: #1e293b !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -0.01em; } /* --------------------------------------------------------- MOBILE HOVER / ACTIVE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title:hover, .modern-mega-menu .e-n-menu-title:focus { background: rgba(1, 65, 28, 0.055) !important; border-color: rgba(1, 65, 28, 0.14) !important; box-shadow: 0 5px 15px rgba(1, 65, 28, 0.06); transform: translateX(2px); } .modern-mega-menu .e-n-menu-title:hover .e-n-menu-title-text, .modern-mega-menu .e-n-menu-title:focus .e-n-menu-title-text { color: #01411C !important; } /* --------------------------------------------------------- COLUMN LAYOUT --------------------------------------------------------- */ .modern-mega-menu > .e-con { width: 100% !important; min-width: 0 !important; padding: 6px 5px !important; margin: 0 !important; } /* --------------------------------------------------------- COLUMN DIVIDERS --------------------------------------------------------- */ .modern-mega-menu > .e-con:not(:last-child) { border-right: none !important; border-bottom: 1px solid rgba(15, 23, 42, .065); padding-bottom: 15px !important; margin-bottom: 15px !important; } /* --------------------------------------------------------- CATEGORY --------------------------------------------------------- */ .modern-mega-menu .mega-category { margin-bottom: 17px; } /* --------------------------------------------------------- CATEGORY HEADING --------------------------------------------------------- */ .modern-mega-menu .mega-heading { margin-bottom: 8px; padding-left: 11px; } .modern-mega-menu .mega-heading::before { width: 3px; height: 14px; top: 3px; } .modern-mega-menu .mega-heading .elementor-icon-list-text { font-size: 13px !important; font-weight: 700 !important; } /* --------------------------------------------------------- SUB LINKS --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item { margin: 2px 0 !important; padding: 7px 9px !important; border-radius: 7px; } .modern-mega-menu .elementor-icon-list-text { font-size: 12.5px !important; line-height: 1.5; } /* --------------------------------------------------------- HOVER EFFECT --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item:hover { transform: translateX(2px); background: rgba(1, 65, 28, 0.055) !important; } /* --------------------------------------------------------- ARROW --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item .elementor-icon-list-text::after { margin-left: 4px; font-size: 16px; } /* --------------------------------------------------------- VIEW ALL --------------------------------------------------------- */ .modern-mega-menu .mega-view-all { margin-top: 5px; padding: 5px 0; font-size: 12px !important; } /* --------------------------------------------------------- IMAGE CARD --------------------------------------------------------- */ .modern-mega-menu .mega-image-card { border-radius: 11px; padding: 6px; margin-top: 8px; } /* --------------------------------------------------------- FEATURED CARD --------------------------------------------------------- */ .modern-mega-menu .mega-featured { border-radius: 12px; padding: 13px; } /* --------------------------------------------------------- BADGE --------------------------------------------------------- */ .modern-mega-menu .mega-badge { padding: 4px 8px; font-size: 9px; } /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .modern-mega-menu .elementor-button { width: 100%; min-height: 44px; padding: 10px 16px; border-radius: 8px; } /* --------------------------------------------------------- REMOVE LARGE DESKTOP ANIMATION ON MOBILE --------------------------------------------------------- */ .modern-mega-menu { animation: none !important; } /* --------------------------------------------------------- MOBILE BACKGROUND GLOW --------------------------------------------------------- */ .modern-mega-menu::after { width: 180px; height: 180px; top: -120px; right: -80px; opacity: .65; } } /* ========================================================= EXTRA SMALL DEVICES — 480px AND BELOW ========================================================= */ @media (max-width: 480px) { .modern-mega-menu { padding: 9px !important; border-radius: 12px !important; } .modern-mega-menu .e-n-menu-heading { gap: 4px !important; } .modern-mega-menu .e-n-menu-title { min-height: 46px; padding: 11px 12px !important; border-radius: 8px !important; } .modern-mega-menu .e-n-menu-title-text { font-size: 13px !important; } .modern-mega-menu > .e-con { padding-left: 3px !important; padding-right: 3px !important; } .modern-mega-menu .elementor-icon-list-item { padding: 6px 8px !important; } .modern-mega-menu .elementor-icon-list-text { font-size: 12px !important; } .modern-mega-menu .mega-category { margin-bottom: 14px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcdae5a *//* ========================================================= PREMIUM RESPONSIVE MEGA MENU TABLET + MOBILE Elementor Menu Widget ========================================================= */ /* ========================================================= TABLET — 1024px AND BELOW ========================================================= */ @media (max-width: 1024px) { /* --------------------------------------------------------- MAIN MEGA MENU --------------------------------------------------------- */ .modern-mega-menu { width: 100% !important; padding: 24px !important; border-radius: 18px !important; box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10), 0 6px 20px rgba(15, 23, 42, 0.05) !important; } /* --------------------------------------------------------- ELEMENTOR MENU — HIDE HAMBURGER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-toggle { display: none !important; } /* --------------------------------------------------------- MENU WRAPPER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-wrapper { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; } /* --------------------------------------------------------- MENU HEADING / MAIN ITEMS --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-heading { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 5px !important; } /* --------------------------------------------------------- MENU ITEM --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-item { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- MENU TITLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title { display: flex !important; align-items: center !important; width: 100% !important; min-height: 50px; padding: 13px 15px !important; border-radius: 10px !important; background: rgba(248, 250, 252, 0.75); border: 1px solid rgba(15, 23, 42, 0.055); transition: background .25s ease, color .25s ease, transform .25s ease, border-color .25s ease; } /* --------------------------------------------------------- MENU TITLE TEXT --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title-text { color: #334155 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -0.01em; } /* --------------------------------------------------------- MENU TITLE HOVER Pakistani Green --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title:hover { background: rgba(1, 65, 28, 0.055) !important; border-color: rgba(1, 65, 28, 0.12); transform: translateX(3px); } .modern-mega-menu .e-n-menu-title:hover .e-n-menu-title-text { color: #01411C !important; } /* --------------------------------------------------------- CATEGORY COLUMNS --------------------------------------------------------- */ .modern-mega-menu > .e-con { width: 100% !important; min-width: 0 !important; padding: 8px 14px !important; margin-bottom: 8px; } /* Remove column dividers on tablet */ .modern-mega-menu > .e-con:not(:last-child) { border-right: none !important; border-bottom: 1px solid rgba(15, 23, 42, .07); padding-bottom: 18px !important; margin-bottom: 18px !important; } /* --------------------------------------------------------- CATEGORY GROUP --------------------------------------------------------- */ .modern-mega-menu .mega-category { margin-bottom: 20px; } /* --------------------------------------------------------- CATEGORY HEADING --------------------------------------------------------- */ .modern-mega-menu .mega-heading { margin-bottom: 9px; padding-left: 12px; } .modern-mega-menu .mega-heading .elementor-icon-list-text { font-size: 14px !important; } /* --------------------------------------------------------- SUB LINKS --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item { padding: 7px 10px !important; border-radius: 8px; } .modern-mega-menu .elementor-icon-list-text { font-size: 13px !important; line-height: 1.5; } /* --------------------------------------------------------- IMAGE CARDS --------------------------------------------------------- */ .modern-mega-menu .mega-image-card { margin-top: 10px; border-radius: 13px; padding: 7px; } /* --------------------------------------------------------- FEATURED CARD --------------------------------------------------------- */ .modern-mega-menu .mega-featured { border-radius: 14px; padding: 14px; } /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .modern-mega-menu .elementor-button { min-height: 44px; padding-left: 18px; padding-right: 18px; } } /* ========================================================= MOBILE — 767px AND BELOW ========================================================= */ @media (max-width: 767px) { /* --------------------------------------------------------- MAIN CONTAINER --------------------------------------------------------- */ .modern-mega-menu { width: 100% !important; padding: 12px !important; border-radius: 14px !important; box-shadow: 0 15px 40px rgba(15, 23, 42, 0.10), 0 5px 15px rgba(15, 23, 42, 0.05) !important; } /* --------------------------------------------------------- HIDE ELEMENTOR HAMBURGER --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-toggle { display: none !important; } /* --------------------------------------------------------- FORCE MENU VISIBLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-wrapper { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; transform: none !important; } /* --------------------------------------------------------- VERTICAL MENU --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-heading { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- EACH MENU ITEM --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-item { display: block !important; width: 100% !important; margin: 0 !important; } /* --------------------------------------------------------- MOBILE MENU TITLE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 48px; box-sizing: border-box; padding: 12px 14px !important; background: #ffffff !important; border: 1px solid rgba(15, 23, 42, .065); border-radius: 9px !important; transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease; } /* --------------------------------------------------------- MOBILE MENU TEXT --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title-text { color: #1e293b !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; letter-spacing: -0.01em; } /* --------------------------------------------------------- MOBILE HOVER / ACTIVE --------------------------------------------------------- */ .modern-mega-menu .e-n-menu-title:hover, .modern-mega-menu .e-n-menu-title:focus { background: rgba(1, 65, 28, 0.055) !important; border-color: rgba(1, 65, 28, 0.14) !important; box-shadow: 0 5px 15px rgba(1, 65, 28, 0.06); transform: translateX(2px); } .modern-mega-menu .e-n-menu-title:hover .e-n-menu-title-text, .modern-mega-menu .e-n-menu-title:focus .e-n-menu-title-text { color: #01411C !important; } /* --------------------------------------------------------- COLUMN LAYOUT --------------------------------------------------------- */ .modern-mega-menu > .e-con { width: 100% !important; min-width: 0 !important; padding: 6px 5px !important; margin: 0 !important; } /* --------------------------------------------------------- COLUMN DIVIDERS --------------------------------------------------------- */ .modern-mega-menu > .e-con:not(:last-child) { border-right: none !important; border-bottom: 1px solid rgba(15, 23, 42, .065); padding-bottom: 15px !important; margin-bottom: 15px !important; } /* --------------------------------------------------------- CATEGORY --------------------------------------------------------- */ .modern-mega-menu .mega-category { margin-bottom: 17px; } /* --------------------------------------------------------- CATEGORY HEADING --------------------------------------------------------- */ .modern-mega-menu .mega-heading { margin-bottom: 8px; padding-left: 11px; } .modern-mega-menu .mega-heading::before { width: 3px; height: 14px; top: 3px; } .modern-mega-menu .mega-heading .elementor-icon-list-text { font-size: 13px !important; font-weight: 700 !important; } /* --------------------------------------------------------- SUB LINKS --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item { margin: 2px 0 !important; padding: 7px 9px !important; border-radius: 7px; } .modern-mega-menu .elementor-icon-list-text { font-size: 12.5px !important; line-height: 1.5; } /* --------------------------------------------------------- HOVER EFFECT --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item:hover { transform: translateX(2px); background: rgba(1, 65, 28, 0.055) !important; } /* --------------------------------------------------------- ARROW --------------------------------------------------------- */ .modern-mega-menu .elementor-icon-list-item .elementor-icon-list-text::after { margin-left: 4px; font-size: 16px; } /* --------------------------------------------------------- VIEW ALL --------------------------------------------------------- */ .modern-mega-menu .mega-view-all { margin-top: 5px; padding: 5px 0; font-size: 12px !important; } /* --------------------------------------------------------- IMAGE CARD --------------------------------------------------------- */ .modern-mega-menu .mega-image-card { border-radius: 11px; padding: 6px; margin-top: 8px; } /* --------------------------------------------------------- FEATURED CARD --------------------------------------------------------- */ .modern-mega-menu .mega-featured { border-radius: 12px; padding: 13px; } /* --------------------------------------------------------- BADGE --------------------------------------------------------- */ .modern-mega-menu .mega-badge { padding: 4px 8px; font-size: 9px; } /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .modern-mega-menu .elementor-button { width: 100%; min-height: 44px; padding: 10px 16px; border-radius: 8px; } /* --------------------------------------------------------- REMOVE LARGE DESKTOP ANIMATION ON MOBILE --------------------------------------------------------- */ .modern-mega-menu { animation: none !important; } /* --------------------------------------------------------- MOBILE BACKGROUND GLOW --------------------------------------------------------- */ .modern-mega-menu::after { width: 180px; height: 180px; top: -120px; right: -80px; opacity: .65; } } /* ========================================================= EXTRA SMALL DEVICES — 480px AND BELOW ========================================================= */ @media (max-width: 480px) { .modern-mega-menu { padding: 9px !important; border-radius: 12px !important; } .modern-mega-menu .e-n-menu-heading { gap: 4px !important; } .modern-mega-menu .e-n-menu-title { min-height: 46px; padding: 11px 12px !important; border-radius: 8px !important; } .modern-mega-menu .e-n-menu-title-text { font-size: 13px !important; } .modern-mega-menu > .e-con { padding-left: 3px !important; padding-right: 3px !important; } .modern-mega-menu .elementor-icon-list-item { padding: 6px 8px !important; } .modern-mega-menu .elementor-icon-list-text { font-size: 12px !important; } .modern-mega-menu .mega-category { margin-bottom: 14px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-112bf49 *//* ========================================================= MBI MART — MODERN FLOATING HEADER FLUID WIDTH + 50PX INNER SPACE + FULL MINI CART ========================================================= */ /* ========================================================= OUTER HEADER WRAPPER ========================================================= */ #header-wrapper { position: relative; width: 100%; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; z-index: 9999 !important; overflow: visible !important; } /* ========================================================= INNER HEADER / GLASS CONTAINER ========================================================= */ #header-container { position: relative; /* * 50px space outside the glass container * on left and right */ width: calc(100% - 100px); /* * Allow the header to grow on large screens */ max-width: 1800px; margin: 10px auto; /* * Vertical padding only. * Horizontal spacing is controlled by * the inner Elementor container. */ box-sizing: border-box; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; background: transparent !important; border: 1px solid rgba(255,255,255,.55); border-radius: 18px; box-shadow: 0 12px 35px rgba(0,0,0,.10), 0 3px 10px rgba(0,0,0,.04); overflow: visible !important; z-index: 10000 !important; transition: box-shadow .3s ease, transform .3s ease; } /* ========================================================= GLASS BACKGROUND ========================================================= */ #header-container::before { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: 18px; background: rgba(255,255,255,.68); backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); box-shadow: inset 0 1px 0 rgba(255,255,255,.55); pointer-events: none; z-index: 0; } /* ========================================================= ALL HEADER CONTENT ABOVE GLASS ========================================================= */ #header-container > * { position: relative; z-index: 2; } /* ========================================================= MAIN ELEMENTOR CONTAINER THIS IS THE IMPORTANT PART ========================================================= */ #header-container > .e-con { /* * EXACTLY 50PX FROM LEFT AND RIGHT * INSIDE THE GLASS CONTAINER */ width: calc(100% - 100px) !important; max-width: calc(100% - 100px) !important; min-width: 0 !important; margin-left: 50px !important; margin-right: 50px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; /* * Prevent Elementor from stretching * this container back to 100% */ flex: 0 1 auto !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; } /* ========================================================= NESTED ELEMENTOR CONTAINERS ========================================================= */ #header-container > .e-con > .e-con { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } /* ========================================================= ALL DIRECT ELEMENTS ========================================================= */ #header-container > .e-con > * { flex: 0 1 auto; min-width: 0; box-sizing: border-box; } /* ========================================================= NAVIGATION ========================================================= */ #header-container .elementor-nav-menu { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; white-space: nowrap !important; } #header-container .elementor-nav-menu > li { white-space: nowrap !important; flex-shrink: 0 !important; } #header-container .elementor-nav-menu a { white-space: nowrap !important; } #header-container .elementor-nav-menu--main { white-space: nowrap !important; } #header-container .elementor-nav-menu__container { white-space: nowrap !important; } /* ========================================================= NAVIGATION CAN USE AVAILABLE SPACE ========================================================= */ #header-container .elementor-widget-nav-menu { min-width: 0 !important; flex: 1 1 auto !important; } /* ========================================================= LOGO ========================================================= */ #header-container img { display: block; width: auto; height: auto; max-height: 60px; max-width: 100%; flex-shrink: 1 !important; } /* ========================================================= ICONS ========================================================= */ #header-container .elementor-icon-wrapper { flex-shrink: 0 !important; } /* ========================================================= BUTTONS / CTA ========================================================= */ #header-container .elementor-button { flex-shrink: 0 !important; white-space: nowrap !important; max-width: 100%; } /* ========================================================= WIDGETS ========================================================= */ #header-container .elementor-widget { min-width: 0; box-sizing: border-box; } #header-container .elementor-widget-container { max-width: 100%; } /* ========================================================= CART WIDGET ========================================================= */ #header-wrapper .elementor-widget-woocommerce-menu-cart { position: relative !important; flex-shrink: 0 !important; z-index: 100000 !important; } /* ========================================================= FULL-SCREEN CART OVERLAY ========================================================= */ #header-wrapper .elementor-menu-cart__container { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; min-height: 100vh !important; max-height: 100vh !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; z-index: 100001 !important; } /* ========================================================= CART PANEL ========================================================= */ #header-wrapper .elementor-menu-cart__main { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; height: 100vh !important; max-height: 100vh !important; overflow-y: auto !important; overflow-x: hidden !important; z-index: 100002 !important; } /* ========================================================= STICKY STATE ========================================================= */ #header-wrapper.elementor-sticky--effects { z-index: 9999 !important; overflow: visible !important; } #header-wrapper.elementor-sticky--effects #header-container { overflow: visible !important; display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; } #header-wrapper.elementor-sticky--effects #header-container > .e-con { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; width: calc(100% - 100px) !important; max-width: calc(100% - 100px) !important; margin-left: 50px !important; margin-right: 50px !important; } /* ========================================================= LARGE DESKTOP ========================================================= */ @media (min-width: 1600px) { #header-container { width: calc(100% - 100px); max-width: 1800px; } } /* ========================================================= TABLET ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { #header-container { width: calc(100% - 40px); margin: 8px auto; padding: 9px 0; border-radius: 15px; } #header-container::before { border-radius: 15px; } #header-container > .e-con { width: calc(100% - 60px) !important; max-width: calc(100% - 60px) !important; margin-left: 30px !important; margin-right: 30px !important; } #header-wrapper.elementor-sticky--effects #header-container > .e-con { width: calc(100% - 60px) !important; max-width: calc(100% - 60px) !important; margin-left: 30px !important; margin-right: 30px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { #header-container { width: calc(100% - 16px); margin: 8px auto; padding: 8px 0; border-radius: 14px; } #header-container::before { border-radius: 14px; } /* * Mobile gets 16px inner spacing */ #header-container > .e-con { width: calc(100% - 32px) !important; max-width: calc(100% - 32px) !important; margin-left: 16px !important; margin-right: 16px !important; flex-wrap: nowrap !important; } #header-wrapper .elementor-menu-cart__container { width: 100vw !important; max-width: 100vw !important; } #header-wrapper .elementor-menu-cart__main { width: 100% !important; max-width: 100% !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { #header-container { width: calc(100% - 12px); padding: 7px 0; border-radius: 13px; } #header-container::before { border-radius: 13px; } #header-container > .e-con { width: calc(100% - 20px) !important; max-width: calc(100% - 20px) !important; margin-left: 10px !important; margin-right: 10px !important; } }/* End custom CSS */