/*global.css*//* This file is used to import all global CSS files. */


:root {
/* COLORS */
--primaryColor: #384B9E;
--secondaryColor: #45BFB1;
--white: #ffffff;
--black: #000000;
--yellow: #F2A900;
--red:#D82C2C;
--tribalBlack : #252022; 
--darkGray:#69727D;
--lightGray:#E9E9E9;
--text:var(--black); 
--transparent: transparent;
--lightBlack: #212121;
--pastelGrey: #A6A2D0;
--deepTeal: #27326E;
--steelBlue: #436BA7;
--seafoamGreen: #438279;
--mintGreen: #93CEC4;
--softPurple: #8B8ABF;
--lavenderMist: #C3C0E0;

/* Status Color */
--success: #008345;
--danger: var(--red);
--warning: var(--yellow);
--info: #0dcaf0;




/* FONT SIZES */
--fontHead: "Graphie", Sans-serif; 
--f72:72px;
--f50: 50px;
--f44: 44px; 
--f35: 35px;
--f28: 28px;
--f22: 22px;
--f20: 20px;
--f18: 18px;
--f16: 16px; 
--f14: 14px; 
--h1:var(--f72);
--h2:var(--f44);
--h3:var(--f35);
--h4:var(--f22);


/* FONTS */
/* Body Style */

--fontBody: "Graphie", Sans-serif;
--bodyFsize: var(--bodyDefault);
--bodyLh: 1.5;
--bodyColor: var(--text);
--bodyBg: var(--white);
--fontWeight-bold: 700;
--bodyDefault: 16px;

/* Container and Space */
--container: 1200px;   
--sp180: 180px;
--sp100: 100px;
--sp80: 80px;
--sp70: 70px;
--sp60: 60px;
--sp50: 50px; 
--sp40: 40px;
--sp30: 30px;  
--sp20: 20px;  

--gap100: 100px;
--gap50: 50px;
--gap40:40px;
--gap30:30px;
--gap25:25px;

--transition-all-ease:all 0.3s ease;
--scrollbar-width: 4px;
--scrollbar-track: transparent;
--scrollbar-thumb: var(--primaryColor);
--scrollbar-thumb-hover: var(--black);

} 





*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
sup{font-size: 45%; bottom: 0.7em;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type="number"] { -moz-appearance: textfield; }
/* body:not(.elementor-editor-active){padding-top:var(--headerHeight,100px);} */
.e-flex.e-con.e-parent>.e-con-inner, .e-con-full>.e-con.e-child>.e-con-inner,
#mainHeader>.e-con-inner, .elementor-element.e-con.e-con-boxed.e-parent>.e-con-inner{ padding-left:15px !important; padding-right: 15px !important; }
body{margin:0;font-family:var(--fontBody);font-size:var(--bodyFsize);line-height:var(--bodyLh);color:var(--bodyColor);background:var(--bodyBg);font-weight:500;-webkit-font-smoothing:antialiased;}
/* body:not(.elementor-editor-active){padding-top: var(--headerHeight, 100px);} */
html { scroll-behavior:smooth;}
img { max-width: 100%; height: auto; display: block; }
b,strong{font-weight:var(--fontWeight-bold);}
a { color: var(--dark-blue); text-decoration: none; transition: var(--transition-all-ease); }
a:hover, a:focus { color: var(--dark-navy); text-decoration: none; }
.ast-single-post .entry-content a{text-decoration:none;}

.keyboard-outline { outline-style: solid!important; outline-width: 2px!important; -webkit-transition: none!important; transition: none!important }
:focus { outline: 2px dotted !important; }
a[role=tab].keyboard-outline,button:active.keyboard-outline,button:focus.keyboard-outline,input:active.keyboard-outline,input:focus.keyboard-outline { outline-offset: -5px }



.main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link,p { font-family: var(--fontBody); }
select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background-color: var(--white);border: 1px solid #231F20;padding: 10px 35px 10px 20px;font-size: 16px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%231f1f1f"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg>'); background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; }
select::-ms-expand { display: none; }
input:focus-visible, select:focus-visible, textarea:focus-visible {outline: 0;}

html, body, ul,ol, div, span{font-family: var(--fontBody);}
p { margin-top: 0; margin-bottom: 18px !important;}
p:last-child { margin-bottom: 0 !important; }
h1, h2{margin-bottom: 0;}
h1, h2, h3, h4, h5, h6{margin-top: 0;}

h1, .h1, .elementor-kit-7 h1, .elementor-kit-7 .h1 {font-size: var(--h1);line-height: 1.2;}
h2, .h2, .elementor-kit-7 h2, .elementor-kit-7 .h2 {font-size: var(--h2);line-height: 1.2;}
h3, .h3, .elementor-kit-7 h3, .elementor-kit-7 .h3 {font-size: var(--h3);line-height: 1.2;}
h4, .h4, .elementor-kit-7 h4, .elementor-kit-7 .h4 {font-size: var(--h4);line-height: 1.2;}

.mb-0{margin-bottom: 0 !important;}
.container { max-width: var(--container); margin-inline: auto; }

.d-flex{display: flex !important;}
.flex-wrap{flex-wrap:wrap !important;}

.elementor-pagination{position: relative; padding-top: 16px; border-top:2px solid var(--lightGray);margin-top: var(--sp80);}
.elementor-pagination .page-numbers.dots{margin: 0 -10px !important;}
.elementor-pagination span.page-numbers.prev, .elementor-pagination span.page-numbers.next{display: none;}

body .elementor-widget.elementor-widget-text-editor ul,body .elementor-widget.elementor-widget-text-editor ol { margin: 0 0 15px 0px; padding-left: 30px;}
body .elementor-widget.elementor-widget-text-editor ul li + li,body .elementor-widget.elementor-widget-text-editor ol li + li{ margin-top: 7px;}
body .elementor-widget.elementor-widget-text-editor a{color:var(--primaryColor);text-decoration: underline;}
body .elementor-widget.elementor-widget-text-editor a:hover{color:var(--deepTeal);}
body .postContentWrap .elementor-widget.elementor-widget-text-editor a{color:var(--primaryColor);text-decoration: underline;}
body .postContentWrap .elementor-widget.elementor-widget-text-editor a:hover{color:var(--text);}

body .elementor-widget.elementor-widget-text-editor ul li + li ul,body .elementor-widget.elementor-widget-text-editor ul li + li ol, body .elementor-widget.elementor-widget-text-editor ol li + li ul, body .elementor-widget.elementor-widget-text-editor ol li + li ol { margin-top: 15px; }

body:not(.elementor-editor-active) .site-header{position: fixed !important; top:0; left:0; width: 100%;z-index: 9999;}
body:not(.elementor-editor-active) .site-header.site-header-v2{transition: background-color ease .3s;}
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky{background-color: var(--white) !important;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);} 


body.page-id-3520:not(.elementor-editor-active) {padding-top: 0 !important;}
    
body:is(.admin-bar) .site-header{top:32px;}

a.skip-link.screen-reader-text { background: var(--pastelGrey); color: var(--deepTeal); font-weight: 600; font-size: 16px; border-radius: 99px; padding: 15px 36px; }

/* Header css */
header { position: fixed; z-index: 999; top: 0; left: 0; right: 0; width: 100%; transition: 0.3s; }
header .site-header { top: 30px; transition: top 0.3s linear; }
header .site-header .e-con-inner { transition: 0.3s; }

/* Nav menu button style */
header .elementor-nav-menu--main .btn-blue .elementor-item { border-radius: 5px; padding: 8px 30px !important; transition: 0.5s; background: radial-gradient(91.4% 100% at 8.6% 0%, #031059 0%, #0065A4 100%); }
header .elementor-nav-menu--main .btn-blue .elementor-item:hover,
header .elementor-nav-menu--main .btn-blue .elementor-item-active { color: var(--e-global-color-0ac0fe9) !important; background-image: linear-gradient(230.08deg, var(--e-global-color-b601d04) 42.73%, var(--e-global-color-fdee44b) 86.48%); }
.sub-menu.elementor-nav-menu--dropdown li.current_page_item{border-bottom: 1px solid #fff !important; }


/* Sticky */
header.sticky .site-header::before { background-color: var(--color-primary) !important; }
.dark-header header .site-header::before { background-color: var(--color-primary) !important; }
.copyrightMenu .elementor-nav-menu li:not(:last-child) a{position: relative !important;}
.copyrightMenu .elementor-nav-menu li:not(:last-child) a:after { content: ''; position: absolute !important; right: -11px; top: 50%; height: 65%; width: 2px; background:var(--black); opacity: 1 !important; visibility: visible !important; transform: translateY(-50%);}
header .elementor-nav-menu a{white-space:wrap !important;}
.socialIconWrap .elementor-screen-only{color:var(--white) !important;}


#ast-scroll-top{background-color:var(--primaryColor);font-size:15px;border-radius:50%;transition:var(--transition-all-ease);bottom:60px !important;}
#ast-scroll-top:hover,#ast-scroll-top:focus{background-color:var(--secondaryColor);}
#ast-scroll-footer{background-color:var(--primaryColor);font-size:15px;border-radius:50%;transition:var(--transition-all-ease);bottom:60px !important;}
#ast-scroll-footer:hover,#ast-scroll-footer:focus{background-color:var(--secondaryColor);}

/* .elementor-post-navigation{gap: 20px;} */
.elementor-post-navigation__link a{padding:30px 20px;background:var(--pastelGrey);margin:0;height:100%;}
.FeaturedImg { height: 300px; position: relative !important; } 
.FeaturedImg img { position: absolute !important; top: 50%; width: auto; height: auto; left: 50%; transform: translate(-50%, -50%); object-fit: contain; max-width: 90%; max-height: 90%; }
.newsroomColWrap { height: calc(100% - 300px); } 
.newsroomColWrap .elementor-widget-button{margin-top:auto;}
.postContentWrap a,.postContentWrap p a{color:var(--primaryColor);}
.postContentWrap a:hover,.postContentWrap p a:hover{color:var(--secondaryColor);}
.newsPostWrap{height:100%;}
.newsPostWrap .FeaturedImg img,.newsPostWrap .elementor-heading-title,.newsListingWrap .elementor-button-icon .e-font-icon-svg{transition:all ease .3s;}
/* .newsPostWrap:hover .elementor-heading-title {color:var(--secondaryColor);}  */
.newsPostWrap:hover .FeaturedImg img{transform: translate(-50%, -50%) scale(1.05) !important;}
.newsListingWrap .e-loop__load-more a{text-transform: uppercase;}
.elementor-post-navigation__link a:hover,.elementor-post-navigation__link a:focus{background-color:var(--deepTeal);color:var(--white);}
.elementor-post-navigation__prev { border-radius: 10px 0 0 10px; } 
.elementor-post-navigation__next { border-radius: 0 10px 10px 0; }
.elementor-post-navigation__link *{transition: all ease .3s !important;}
.elementor-post-navigation__link a:focus .post-navigation__next--label,.elementor-post-navigation__link a:focus .post-navigation__next--title,.elementor-post-navigation__link a:focus .post-navigation__prev--label,.elementor-post-navigation__link a:focus .post-navigation__prev--title{color: var(--white) !important;}
.elementor-post-navigation__link a:focus .post-navigation__arrow-wrapper svg path{fill: var(--white) !important;}
.elementor-post-navigation__link:hover span.post-navigation__arrow-wrapper,.elementor-post-navigation__link:hover *,.elementor-post-navigation__link:focus * { color: var(--white) !important; fill: var(--white) !important; }
span.post-navigation__prev--title,span.post-navigation__next--title { white-space: normal; text-overflow: unset; }
span.post-navigation__prev--label,span.post-navigation__next--label { text-transform:capitalize !important;margin-bottom: 5px; }
.elementor-post-navigation{overflow:hidden;}
span.post-navigation__next--title,span.post-navigation__prev--title{line-height: 1.2;}
.e-load-more-message:empty{display:none !important;}

.mobHalfWidth .elementor-nav-menu--main li a { width: max-content; }
.container-padding-left{padding-left:calc(calc(100% - 1200px) / 2) !important;}
.text-center .elementor-counter-title { align-items: center;text-align: center; margin: 0 auto; }
.heroBanner{min-height: calc(100vh - var(--headerHeight,102px)) !important;   }
.what-sets-sec  .column-4{width: calc(25% - 15px) !important; }

.elementor-flip-box__layer__inner { max-height: 250px; overflow: auto; }
.postFeaturedImgWrap .elementor-widget-theme-post-featured-image { position: relative; min-height: 450px; background-color: #f7f7f7; } 
.postFeaturedImgWrap .elementor-widget-theme-post-featured-image img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.downloadBoxColumn { width: calc(33.33% - 15px) !important; border-radius: 10px; border: 2px solid #b9b9b9; padding:20px; background-color: var(--white);display: flex}

.cmd-back-chips{padding:0 !important;margin:0 !important;}
.cmd-front-desc{margin:0 !important;}
.downloadBoxColumn ,.what-sets-sec .column-4{transition: all ease .3s; }
.downloadBoxColumn:hover,.what-sets-sec .column-4:hover{transform: translateY(-4px); box-shadow: 0 22px 44px -26px rgba(22, 32, 84, .4); }

.inner-banner > .e-con-inner{padding-top:calc(var(--headerHeight,100px) + var(--sp100));}
/* section.error-404.not-found{padding-top: var(--headerHeight);} */
.elementor-post-info span.elementor-icon-list-icon { top: -1px; }
#new-window-warning{color:var(--white);}

/* Gravity Forms - Hide/grey out past dates */ 
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled{opacity:0.3 !important;pointer-events:none !important;cursor:not-allowed !important;}
/* Hide previous month button when on current month */
#gform_4 .ui-datepicker-prev.ui-state-disabled{display:none !important;}
/* Visible on focus only - for sighted keyboard users */
.sr-only-focusable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:8px 16px;margin:0;overflow:visible;clip:auto;white-space:normal;background:#1a1a6e;color:#ffffff;font-size:14px;border-radius:4px;z-index:999;}
.downloadBoxColumn:focus:before{top:50%;opacity:1;}
.downloadBoxColumn:has(.elementor-icon-box-title a:focus)::before{top:50%;opacity:1;}
.socialIconWrap  .elementor-social-icon:focus{background-color:var(--text) !important;}

.elementor-widget-button .elementor-button.elementor-size-sm, .elementor-widget-button .elementor-button.elementor-size-xs, .elementor-widget-button .elementor-button.elementor-size-md, .elementor-widget-button .elementor-button.elementor-size-lg, .elementor-widget-button .elementor-button.elementor-size-xl, .elementor-widget-button .elementor-button{border-radius: 10px !important; }

.what-sets-sec .column-3{width:calc(25% - 15px) !important;min-height:380px;position:relative !important;}
.backed{position:absolute;top:100%;left:0;background:var(--primaryColor);color:#fff !important;width:100%;height:100%;max-height:100%;overflow-y:auto;padding:30px;transition:all ease .3s !important;}
/* Trigger on hover,direct focus,OR focus on any child element */
.what-sets-sec .column-3:hover .backed,.what-sets-sec .column-3:focus .backed,.what-sets-sec .column-3:focus-within .backed{transition:all ease .3s;top:0;}
/* Ensure a visible focus ring on the card itself (WCAG 2.4.7) */
.what-sets-sec .column-3:focus{outline:3px solid var(--primaryColor);outline-offset:2px;}
/* Suppress outline when focus comes from a mouse click (not keyboard) */
.what-sets-sec .column-3:focus:not(:focus-visible){outline:none;}
.watermarkIcon{position:absolute !important;top:50%;width:200px !important;height:200px !important;opacity:0.1;transform:translate(-50%,-50%);right:-50%;}
.watermarkIcon *{width:100% !important;height:100% !important;}

/* ============================================ TABS - Horizontal scroll (no arrow buttons) Arrow key navigation handled by existing JS ============================================ */
.e-n-tabs-heading{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.e-n-tabs-heading::-webkit-scrollbar{display:none;}
.e-n-tabs-heading .e-n-tab-title{flex-shrink:0 !important;white-space:nowrap;}
/* ============================================
   TABS - Match hover style on focus
   ============================================ */
.custom-tab .e-n-tabs button[aria-selected="false"]:focus,.custom-tab .e-n-tabs button[aria-selected="false"]:focus-visible{background:#F7F7F7 !important;border-style:solid !important;border-width:1px 1px 1px 1px;border-color:#F7F7F7 !important;outline:none !important;}
.custom-tab .e-n-tabs button[aria-selected="true"]:focus,.custom-tab .e-n-tabs button[aria-selected="true"]:focus-visible{outline:none !important;}
.custom-tab .e-n-tabs button[aria-selected="false"]:focus .e-n-tab-title-text,.custom-tab .e-n-tabs button[aria-selected="false"]:focus-visible .e-n-tab-title-text{  outline: 2px dotted var(--black) !important;}
.custom-tab .e-n-tabs button[aria-selected="true"]:focus .e-n-tab-title-text,.custom-tab .e-n-tabs button[aria-selected="true"]:focus-visible .e-n-tab-title-text{  outline: 2px dotted var(--white) !important;}
/* Mobile / touch mode */

/* ============================================
   MARQUEE - Continuous scroll ticker
   ============================================ */

.marqueeListWrap {
    overflow: hidden !important;
    position: relative;
    width: 100%;
}
.marqueeListWrap .elementor-icon-list-item {padding:20px;margin-bottom:2px; border:2px solid var(--lightGray);background-color:var(--white);border-radius:8px;}
.marqueeListWrap .elementor-icon-list-items {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content;
    animation: marqueeScroll 60s linear infinite;
    will-change: transform;
}

.marqueeListWrap .elementor-icon-list-item {
    flex-shrink: 0 !important;
    white-space: nowrap;
}

/* Pause on hover/focus for accessibility */
.marqueeListWrap:hover .elementor-icon-list-items,
.marqueeListWrap:focus-within .elementor-icon-list-items {
    animation-play-state: paused;
}

@keyframes marqueeScroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .marqueeListWrap .elementor-icon-list-items {
        animation: none !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }
}


/**** 001 ***/ 

 /* ADA: Show dropdown on keyboard focus - desktop only */
@media (min-width: 1025px) {
 .menu-item-has-children.focus-open > .sub-menu{display:block !important;visibility:visible !important;opacity:1 !important;pointer-events:auto !important;position:absolute !important;top:100% !important;left:0 !important;}
span.dropdown-menu-toggle.ast-header-navigation-arrow{display:none;}
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .elementor-nav-menu > li > a{color: var(--text) !important;} 
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .elementor-nav-menu > li > a > .sub-arrow svg path{fill: var(--text) !important;} 
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .elementor-nav-menu > li:hover > a{color: var(--primaryColor)!important;} 
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .elementor-nav-menu > li:hover  a > .sub-arrow svg path{fill: var(--primaryColor)!important;} 
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .menuBtn a{background-color: var(--primaryColor) !important; border-color: var(--primaryColor) !important; transition: all 0.3s;color: var(--white) !important;}
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .menuBtn a:hover,body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .menuBtn a:focus{background-color: var(--secondaryColor) !important; border-color: var(--secondaryColor) !important; transition: all 0.3s;color:var(--deepTeal) !important;}   
body:not(.elementor-editor-active) .site-header.site-header-v2 .elementor-nav-menu > li > a{position:relative;}
body:not(.elementor-editor-active) .site-header.site-header-v2 .elementor-nav-menu > li > a:after{position:absolute;content:'';bottom:20px;left:0;width:100%;height:2px;background-color:var(--white);transform:scaleX(0);transform-origin:right;transition:transform 0.3s ease;}
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .elementor-nav-menu > li > a:after{display:none;}
body:not(.elementor-editor-active) .site-header.site-header-v2 .elementor-nav-menu > li:hover > a:after{transform:scaleX(1);transform-origin:left;}
body:not(.elementor-editor-active) .site-header.site-header-v2 .logoImg img{filter: brightness(11) !important;} 
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .logoImg img{filter:unset !important;} 
body:not(.elementor-editor-active) .site-header.site-header-v2 .logoImg img{transition: all 0.3s;}  
.elementor-nav-menu .sub-arrow { align-items: center; display: flex; line-height: 1; margin-block-end: -10px; margin-block-start: -10px; padding: 10px; padding-inline-end: 0;font-family:20px; }



body:not(.elementor-editor-active) .site-header.site-header-v2 .elementor-nav-menu > li > a.elementor-item-active:after{transform:scaleX(1);transform-origin:left;}
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .elementor-nav-menu > li > a.elementor-item-active:after{display:none;}
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .elementor-nav-menu > li > a.elementor-item-active{color: var(--primaryColor)!important;}
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .elementor-nav-menu > li > a.elementor-item-active > .sub-arrow svg path{fill: var(--primaryColor)!important;} 
body:not(.elementor-editor-active) .site-header.site-header-v2 .elementor-nav-menu > li.current-menu-parent > a:after{transform:scaleX(1);transform-origin:left;opacity:1;}
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .elementor-nav-menu > li.current-menu-parent > a:after{display:none;}
body:not(.elementor-editor-active) .site-header.site-header-v2.sticky .elementor-nav-menu > li.current-menu-parent > a{color: var(--primaryColor)!important;}

}
@media(min-width:992px) {
.copyrightMenu{align-items: flex-end !important; }
.copyrightMenu .elementor-nav-menu__align-center .elementor-nav-menu{justify-content: flex-end!important; margin-inline-end: 0!important; margin-inline-start: auto !important;}
}
@media (min-width: 1025px) {  
body header .elementor-nav-menu--main nav ul.elementor-nav-menu > li.mobile-only { display: none; }
header.sticky .site-header { top: 15px; }
header.sticky .site-header .e-con-inner { padding-top: 15px; padding-bottom: 15px; transition: 0.3s; }
header .elementor-nav-menu--dropdown{ box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); }
header .elementor-nav-menu--main .elementor-nav-menu--dropdown{max-width: 400px !important;min-width: 290px !important;}
}



@media(max-width:1366.98px) {

:root {

    --f72: 62px;
    --f50: 45px;
    --f44: 40px;
    --f35: 30px;
     --f28: 26px;
    --sp180: 150px;
    --sp50: 40px;
    --sp40: 30px;
}

}

@media(max-width:1199.98px) {

:root {
    --f72: 52px;
    --f50: 42px;
    --f35: 28px;
     --f28: 24px;
    --sp180: 100px;
    --sp100: 80px;
    --sp80: 80px;
    --sp60: 50px;
}
.what-sets-sec .column-3{ width: calc(33.33% - 14px) !important; }
}

 
@media(max-width:1024.98px) {

:root {
       
    --sp180: 80px;
    --sp100: 60px;
    --sp80: 50px;
    --sp60: 40px;
    --sp50: 30px;
}


.elementor-post-navigation__link a{padding:20px;}
header .site-header { top: 15px; }
/* Submenu toggle alignment */
header .elementor-item.has-submenu,
header .elementor-item-anchor.has-submenu { justify-content: space-between; }
header .elementor-nav-menu .sub-arrow svg { pointer-events: none; }
header .elementor-nav-menu--dropdown a:hover .sub-arrow svg,
header .elementor-nav-menu--dropdown a:focus .sub-arrow svg,
header .elementor-nav-menu--dropdown a.elementor-item-active .sub-arrow svg,
header .elementor-nav-menu--dropdown a.highlighted .sub-arrow svg { fill: #ffffff; }
/* Dropdown nav panel - slide in from left */
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{top:calc(var(--headerHeight) + 0px) !important;width:auto !important;min-width:400px;width:400px !important;margin:0 !important;height:100vh;position:fixed !important;left:-200% !important;transition:all ease .5s !important;transform:scale(1) !important;max-height:100% !important;overflow-y:auto !important;border-radius:0 !important;padding-bottom:var(--headerHeight) !important;}
/* Overlay */
body:not(.elementor-editor-active)::before{position:fixed;content:'';background-color:rgb(56 75 158 / 63%);width:0;height:100%;top:calc(var(--headerHeight) + 0px);right:0;bottom:0;z-index:99;transition:all ease .5s;backdrop-filter: blur(3px);}
.elementor-nav-menu--dropdown .mobile-menu-btn-item { text-align: left; list-style: none; }
.elementor-nav-menu--dropdown .mobile-menu-btn-item .elementor-button-wrapper { display: flex; justify-content: center; }
body:has(.elementor-active)::before { width: calc(100% - 400px); }
body .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { left: 0 !important; }
body:has(.elementor-active) { overflow: hidden; height: 100vh; }
.mobile-menu-btn-item .menuBtn{display:inline-block !important;}
header .menuBtn .elementor-button-link:focus{background-color:var(--deepTeal) !important;}

.menuBtn a{background-color: var(--primaryColor) !important; border-color: var(--primaryColor) !important; transition: all 0.3s;color: var(--white) !important;}
.menuBtn a:hover,.menuBtn a:focus{background-color: var(--secondaryColor) !important; border-color: var(--secondaryColor) !important; transition: all 0.3s;color:var(--deepTeal) !important;}   
.mobile-menu-btn-item{padding:15px 20px 0px !important;}
.mobile-menu-btn-item .elementor-button{padding:10px 20px !important;}
header .elementor-nav-menu{border-top: 1px solid var(--black);}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { padding-bottom: 110px !important; }
.sub-menu.elementor-nav-menu--dropdown li.current_page_item:first-child { border-top: 1px solid #fff !important; border-bottom: 1px solid #fff !important; }
.what-sets-sec  .column-4{width: calc(33.33% - 14px) !important; }
.downloadBoxColumn { width: calc(50% - 10px) !important; }
.what-sets-sec .column-3{ width: calc(50% - 10px) !important; }
.mobHalfWidth { width: calc(33.33% - 15px); }
.mobFullWidth{ width: 100% !important; max-width: 100% !important; } 
.site-header.site-header-v2 .logoImg img{filter: brightness(11) !important;} 
.site-header.site-header-v2.sticky .logoImg img{filter:unset !important;} 
.site-header.site-header-v2 .logoImg img{transition: all 0.3s;}  
/* Logo filter: remove invert when mobile menu is open */
body:has(.elementor-menu-toggle[aria-expanded="true"]) .site-header.site-header-v2 .logoImg img{filter:unset !important;}
/* Menu button:primary color styles */
body:has(.elementor-menu-toggle[aria-expanded="true"]) .site-header.site-header-v2 .menuBtn a{background-color:var(--primaryColor) !important;border-color:var(--primaryColor) !important;transition:all 0.3s;color:var(--white) !important;border-radius:10px !important;}
/* Menu button:hover state */
body:has(.elementor-menu-toggle[aria-expanded="true"]) .site-header.site-header-v2 .menuBtn a:hover{background-color:var(--secondaryColor) !important;border-color:var(--secondaryColor) !important;transition:all 0.3s;color:var(--deepTeal) !important;}
body:has(.elementor-menu-toggle[aria-expanded="true"]) .site-header.site-header-v2{background-color:var(--white) !important;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.3) ;}
.inner-banner > .e-con-inner{padding-top:calc(var(--headerHeight,90px) + var(--sp100));}
body .elementor-widget.elementor-widget-text-editor a{overflow-wrap: break-word;}
}
@media (max-width: 600px) {
    .cmd-tg-popup { 
        align-items: center !important;
    }
}

@media(max-width:767.98px) {
:root {
    --f72: 42px;
    --f50: 36px;
    --f44: 32px;
    --f35: 26px;
    --f28: 22px;
    --f22: 20px;
    --f20: 18px;
    --f18: 16px;
    --f16: 16px; 

    --sp100: 50px;
    --sp80: 50px;
    --sp60: 40px;
    --sp50: 30px;
    --sp30: 20px;
}
header .site-header { top: 0; }
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { top: var(--headerHeight) !important; }
body::before { top: var(--headerHeight) !important; }
.mobFullWidth{ width: 100% !important; max-width: 100% !important; }

/* span.post-navigation__prev--title, span.post-navigation__next--title{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;} */
.elementor-post-navigation__link a{padding:20px;}
.cmd-tg-card__photo{position:unset;}
.what-sets-sec  .column-4{width: calc(50% - 10px) !important; }
.elementor-post-navigation{flex-direction:column;}
.elementor-post-navigation__link{width:100% !important;}
.elementor-post-navigation .elementor-post-navigation__link a{width:100% !important;}
.elementor-post-navigation-borders-yes .elementor-post-navigation__separator{width:100% !important;height:2px !important;}
.elementor-post-navigation__prev{border-radius:10px 10px 0px 0px;}
.elementor-post-navigation__next{border-radius:0px 0px 10px 10px;}
.mobHalfWidth { width: 100%; }
.downloadBoxColumn { width: 100% !important; }
.what-sets-sec .column-3{ width: 100%!important;min-height:350px!important; }
.watermarkIcon{width:200px !important;height:200px !important;right:-20%;}
.custom-tab .e-n-tabs-heading{display:flex !important;flex-wrap:wrap !important;overflow-x:visible !important;overflow-y:visible !important;padding-left:0 !important;padding-right:0 !important;flex-direction:column !important;}
.custom-tab .e-n-tabs-content{margin-top:20px !important;display:flex !important;}
.custom-tab .e-n-tabs-heading .e-n-tab-title{flex-shrink:1 !important;white-space:normal;}

}


@media (max-width: 479px) {
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { min-width: 280px;width: 280px; }
body:has(.elementor-active)::before { width: calc(100% - 280px); }
.overflow-h body::before { width: calc(100% - 300px); }
.mobHalfWidth { width: 100%; }
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{width: 280px !important;}
.what-sets-sec  .column-4{width: 100% !important; } 
.downloadBoxColumn { width:100% !important; }

}

