@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* 

Font family
-----------------------------------------------

  font-family: "Inter", sans-serif;
  font-family: "Inter Tight", sans-serif;
  font-family: "Archivo Narrow", sans-serif;
  font-family: "Archivo", sans-serif;
 font-family: "Roboto Condensed", sans-serif;
  font-family: "Roboto", sans-serif;
-----------------------------------------------*/



:root {
    /* PRIMARY */
    --primary-blue: #0F5A83;
    --primary-red: #C8102E;
    --primary-gray: #8A8C8E;
    --primary-sky: #00aae8;

    /* SECONDARY - TEXT */
    --secondary-black: #1C1C1C;
    --paragraph-color: #3A3A3A;


    /* SECONDARY - GRAYS */
    --gray-light: #D5D6D6;
    --gray-soft: #E6E6E6;
    --gray-bg: #F4F5F6;

    /* SECONDARY - REDS */
    --red-dark: #890C18;
    --red-medium: #A41218;

    /* SECONDARY - GOLD */
    --gold: #D1B168;

    /* SECONDARY - BLUES */
    --blue-dark: #002A58;
    --blue-medium: #22469C;
    --blue: #0B77C0;
    --blue-light: #0095D7;
    --blue-bright: #00AAE8;

    --whitecolor: #FFFFFF;
    --blackcolor: #000000;

    --selection: #d9d9d9;
    --para: #404142;

    /* FONT FAMILIES */
    --font-inter: "Inter", sans-serif;
    --font-inter-tight: "Inter Tight", sans-serif;
    --font-archivo-narrow: "Archivo Narrow", sans-serif;
    --font-archivo: "Archivo", sans-serif;
    --font-roboto-condensed: "Roboto Condensed", sans-serif;
    --font-roboto: "Roboto", sans-serif;
}



* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    list-style: none;
    font-family: var(--font-inter);
}
.kis-error {
    color: red;
}



body,
ul,
li,
a {
    font-family: var(--font-inter);
    font-size: 16px;
    color: var(--greycolor);
}

body {
    max-width: 100%;
    overflow-x: hidden !important;
    background: var(--whitecolor) !important;
}

hr.wp-block-separator {
    color: transparent !important;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 20;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
.grecaptcha-badge {
    z-index: 99;
}

/* == SELECTION-CSS ==

===============================================================*/



::-moz-selection {
    background: var(--selection);
    color: var(--blackcolor);
}

::-webkit-selection {
    background: var(--selection);
    color: var(--blackcolor);
}

::selection {
    background: var(--selection);
    color: var(--blackcolor);
}

/* == SELECTION-CSS ==

===============================================================*/

#wpadminbar {
    z-index: 100001999 !important;
}

/* body.admin-bar div#page-container {
    padding-top: 32px !important;
} */

div#page-container {
    margin-top: 0 !important;
}

.container,
.et_pb_row {
    width: 100% !important;
    max-width: 93% !important;
    margin: 0 auto !important;
}

/* == TYPOGRAPHY-CSS == 

===============================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 30px 0 10px;
    padding: 0;
}

h1,
h1 a,
.common-outer h1,
.common-outer h1 a {
    font-family: var(--font-inter) !important;
    font-weight: 400;
    font-size: 60px !important;
    line-height: 74px;
    color: var(--primary-blue);
    text-transform: capitalize;
}

.big-heading h6,
.big-heading h6 a,
.common-outer .big-heading h6,
.common-outer .big-heading h6 a {
    font-family: var(--font-inter) !important;
    font-weight: 400;
    font-size: 60px !important;
    line-height: 74px !important;
    color: var(--primary-blue);
    text-transform: capitalize;
}

h2,
h2 a,
.common-outer h2,
.common-outer h2 a {
    font-family: var(--font-inter) !important;
    font-weight: 400;
    font-size: 54px !important;
    line-height: 58px;
    color: var(--primary-blue);
    text-transform: capitalize;
}

h3,
h3 a,
.common-outer h3,
.common-outer h3 a {
    font-family: var(--font-archivo) !important;
    font-weight: 400;
    font-size: 52px !important;
    line-height: 58px;
    color: var(--primary-blue);
    letter-spacing: 1px;
}

h4,
h4 a,
.common-outer h4,
.common-outer h4 a {
    font-family: var(--font-archivo-narrow) !important;
    font-weight: 600;
    font-size: 40px !important;
    line-height: 48px;
    color: var(--primary-blue);
    text-transform: capitalize;
}


h5,
h5 a,
.common-outer h5,
.common-outer h5 a {
    font-family: var(--font-archivo) !important;
    font-weight: 400;
    font-size: 30px !important;
    line-height: 34px;
    color: var(--blue-medium);
    text-transform: capitalize;
}

h6,
h6 a,
.common-outer h6,
.common-outer h6 a {
    font-family: var(--font-archivo) !important;
    font-weight: 400;
    font-size: 22px !important;
    line-height: 32px;
    color: var(--blue-bright);
    text-transform: capitalize;
}

.heading-small h6,
.heading-small h6 a,
.common-outer .heading-small h6,
.common-outer .heading-small h6 a {
    font-family: var(--font-archivo) !important;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 24px;
    color: var(--black);
    text-transform: capitalize;
}


h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    text-align: initial;
    /* font-family: var(--font-Lato); */
}

a {
    text-decoration: none;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-sky);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

a:hover {
    color: var(--primary-sky);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    text-decoration: none;
}

p a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: var(--blue-bright);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    cursor: pointer;
}

p a:hover {
    color: #6685aa;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    text-decoration: none;
}
.team-popup-content a {
    border-bottom: 2px solid #fff;
}
.team-popup-content .team-popup-inner a:hover {
    color: #6685aa !important;
}
.dark-bg a:hover {
    color: #6685aa !important;
}


div#wpadminbar a {
    text-decoration: none;
}

strong {
    font-weight: 700 !important;
}

span.nav-click {
    font-size: 0;
    position: absolute;
    padding: 0;
    cursor: pointer;
    right: 0;
    top: 11px;
    width: 20px;
    height: 20px;
}

span.nav-click::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../images/hdr_arrow_dropdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(0deg);
    left: auto;
    top: 0;
    right: 0;
    transition: 0.4s;
}
.menu-mobile-menu-container ul#menu-mobile-menu>li.menu-item.minus span.nav-click::before {
    rotate: 90deg;
    transition: 0.4s;
}
.sub-menu li span.nav-click {
    top: 14px;
    z-index: 999;
}

blockquote p {
    margin-bottom: 0;
}

blockquote p {
    font-family: var(--font-inter-tight) !important;
    font-size: 50px !important;
    line-height: 62px !important;
    font-weight: 500;
    color: var(--primary-gray) !important;
}

p {
    font-family: var(--font-inter);
    font-weight: 400;
    font-size: 16px;
    color: var(--para) !important;
    line-height: 32px;
    padding: 0px;
    margin-bottom: 10px;
}

.entry-content ul,
.team-popup-right ul,
.expertise-outer-section ul {
    margin-bottom: 0px;
    margin-top: 20px;
    padding: 0;
    padding-left: 28px !important;
    padding-left: 15px !important;
}
.popup-member-outer .popup-inner-blog .popup-right ul {
    margin-bottom: 0px;
    margin-top: 28px;
    padding: 0;
    padding-left: 9px !important;
}

.entry-content ul li,
.team-popup-right ul li,
.expertise-outer-section ul li {
    line-height: 30px !important;
    padding-left: 16px;
    padding-bottom: 3px;
    position: relative;
    font-family: var(--font-Roboto);
    font-weight: 400;
    font-size: 15px;
    color: #232323;
}
.popup-member-outer .popup-inner-blog .popup-right ul li {
    font-family: var(--font-inter);
    font-weight: 400;
    font-size: 16px;
    color: #404142;
    line-height: 27px !important;
    padding-left: 42px;
    padding-bottom: 24px;
    position: relative;
}
.entry-content ul li::before,
.expertise-outer-section ul li::before {
    position: absolute;
    content: "";
    width: 5px !important;
    height: 5px !important;
    border-radius: 10px;
    opacity: 1;
    background: #404142;
    left: 0px;
    top: 12px;
    border-radius: 100px;
}

.popup-member-outer .popup-inner-blog .popup-right ul li::before {
    position: absolute;
    content: "";
    background: url(../images/checkmark.svg);
    width: 23px;
    height: 23px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 0;
    top: 5px;
    left: 0;
    filter: brightness(0) saturate(100%) invert(28%) sepia(15%) saturate(686%) hue-rotate(168deg) brightness(93%) contrast(90%);
}
.team-popup-right ul li::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: var(--whitecolor);
    left: 1px;
    top: 11px;
    border-radius: 100px;
}
.entry-content ol {
    padding-left: 55px !important;
    margin-bottom: 0px;
    margin-top: 20px;
    text-align: left;
    padding-bottom: 0;
}

ol {
    padding-left: 60px;
}
.popup-full ol {
    padding-left: 55px;
    margin-bottom: 0px;
    margin-top: 20px;
    text-align: left;
    padding-bottom: 0;
}
.entry-content ol li,

ol li {
    font-weight: 400;
    font-family: var(--font-Roboto);
    font-weight: 400;
    font-size: 15px;
    color: #232323;
    line-height: 27px !important;
    padding-left: 0px;
    padding-bottom: 10px;
    position: relative;
    list-style-type: decimal !important;
}

.popup-inner ul li {
    font-size: 17px;
    color: var(--whitecolor) !important;
    line-height: 27px !important;
    padding-left: 11px;
    padding-bottom: 10px;
    position: relative;
}
.popup-inner ul li::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: var(--whitecolor);
    left: 1px;
    top: 11px;
    border-radius: 100px;
}
.callout-1 blockquote p,

.callout-1 blockquote {
    font-family: var(--font-Roboto);
    font-size: 52px !important;
    line-height: 52px !important;
    font-weight: 700;
    color: var(--primary-navy) !important;
}
.callout-2 blockquote p,

.callout-1 blockquote {
    font-family: var(--font-Roboto);
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500;
    color: var(--primary-sky) !important;
}
.callout-3 blockquote p,

.callout-1 blockquote {
    font-family: var(--font-Roboto);
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 700;
    color: var(--primary-navy) !important;
    font-style: italic;
}

blockquote {
    padding-left: 0;
    border: none;
}

/* == TYPOGRAPHY-CSS == 

===============================================================*/





/* GREY BACKGROUND SECTION TYPOGRAPY CSS ::::::::::::::::::::::::::  */



.grey-bg-section h1,
.grey-bg-section h2,
.grey-bg-section h3,
.grey-bg-section h4,
.grey-bg-section h5,
.grey-bg-section h6,
.grey-bg-section p,
.grey-bg-section ul li,
.grey-bg-section ol li {
    color: var(--whitecolor) !important;
}
.grey-bg-section ul li::before {
    background: var(--whitecolor) !important;
}
.grey-bg-section a.arrow-button {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0;
    font-family: var(--font-Reddit);
    font-size: 16px;
    font-weight: 700 !important;
    color: var(--whitecolor);
    text-transform: uppercase;
    transition: 0.5s ease !important;
    overflow: hidden;
    position: relative;
    text-decoration: none !important;
}
.grey-bg-section a.read-more-toggle {
    text-decoration: underline !important;
    color: var(--whitecolor) !important;
    font-weight: 400 !important;
    text-transform: uppercase;
}
.grey-bg-section a {
    text-decoration: underline !important;
    color: var(--whitecolor) !important;
}


/* DARK BACKGROUND SECTION TYPOGRAPY CSS ::::::::::::::::::::::::::  */


/* == FORM-TYPOGRAPHY-CSS == 

===============================================================*/



::placeholder {
    font-family: var(--font-inter);
    color: #808184 !important;
    text-transform: none;
    font-size: 15px !important;
    font-weight: 400;
}

input {
    width: 100%;
    border: 1px solid #E4E5E5 !important;
    display: block;
    color: #808184 !important;
    font-family: var(--font-inter);
    border-radius: 0 !important;
    padding: 10px 13px !important;
    font-size: 15px;
}
.get-free-section .get-free-clmn-three form input {
    width: 100%;
    border-bottom: 1px solid #000;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    display: block;
    font-family: var(--font-Roboto);
    color: var(--blackcolor) !important;
    font-size: 16px !important;
    border-radius: 0 !important;
    appearance: none;
    -webkit-appearance: none;
}

textarea {
    height: 120px;
    resize: none;
    width: 100%;
    display: block;
    border: 1px solid #E4E5E5 !important;
    display: block;
    color: #808184 !important;
    font-family: var(--font-inter);
    border-radius: 0 !important;
    padding: 10px 13px !important;
    font-size: 15px;
}

input:focus {
    outline: none !important;
    box-shadow: none !important;
}
.wpcf7-not-valid {
    border: none;
    border: 1px solid #fa3040 !important;
    display: block;
}
.invalid .wpcf7-response-output {
    text-align: center;
    color: #fa3040;
    border: 2px solid #fa3040 !important;
    width: 97%;
    font-weight: 600;
    margin: 20px 10px 10px !important;
    padding: 4px !important;
    font-size: 12px;
    text-transform: none;
    line-height: 19px;
}
.wpcf7 form.sent .wpcf7-response-output {
    text-align: center;
    color: #41ce41;
    border: 2px solid #41ce41 !important;
    width: 96%;
    font-weight: 450;
    margin: 20px 10px 10px !important;
    padding: 4px !important;
    font-size: 12px;
    text-transform: none;
    line-height: 19px;
}
.wpcf7-not-valid-tip {
    display: none !important;
}
.get-free-section .get-free-clmn-three form .wpcf7-response-output {
    margin: 0px auto 20px !important;
}



/* wpcf7 form wpcf7-response-output 

===============================================================*/









/* SCROLL_TO_TOP_CSS_START ==

===============================================================*/



.et_pb_scroll_top.et-pb-icon {
    background: #00AAE8;
    border: 0px;
    transition: 0.5s ease;
    width: 40px;
    height: 40px;
    overflow: hidden;
    right: 20px;
    font-size: 55px;
    padding: 0 !important;
    border-radius: 0 !important;
    z-index: 999999;
    /* display: block !important; */
}



/* .et_pb_scroll_top.et-pb-icon:hover {
    background: var(--whitecolor);
    border-radius: 0;
    border: 1px solid var(--greycolor);
    transition: 0.5s ease;
} */





/* .et_pb_scroll_top.et-pb-icon::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/top_scroll.svg);
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    transition: 0.5s ease;
    opacity: 1;
} */

.et_pb_scroll_top.et-pb-icon::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/nav_ArrowAqua.svg);
    background-position: center;
    background-size: 54%;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    transition: 0.5s ease;
    opacity: 1;
    rotate: -135deg;
}



/* .et_pb_scroll_top.et-pb-icon:hover::before {
    bottom: 0px;
    transition: 0.5s ease;
    opacity: 1;
}
.et_pb_scroll_top.et-pb-icon:hover::after {
    left: -52px;
    transition: 0.5s ease;
    opacity: 0;
} */



/* SCROLL_TO_TOP_CSS_END

===============================================================*/













/* ERROR PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::::: */



.page_not_found_sec .page_not_found_row .page-not-clmn {
    text-align: center;
}
.page_not_found_sec .page_not_found_row .page-not-clmn .et_pb_text_inner {
    text-align: center;
}
.page_not_found_sec .page_not_found_row .page-not-clmn .et_pb_text_inner h1 {
    text-align: center;
    padding-bottom: 30px;
    font-family: var(--font-Reddit) !important;
}
.et_pb_row.page_not_found_row {
    padding: 30px 80px !important;
}



/* ERROR PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::::: */

















/* THANK PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::::: */



.tq-txt-inner .et_pb_text_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tq-title-heading h1 {
    margin-top: 0;
}
.tq-txt-inner h1,

.tq-txt-inner p {
    text-align: center !important;
}
.tq-txt-inner h1 {
    font-family: var(--font-Reddit) !important;
    padding-bottom: 30px;
}
.thanku-txt-sec .et_pb_row {
    padding-left: 50px !important;
    padding-right: 50px !important;
}



/* THANK PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::::: */









/* BUTTON CSS :::::::::::::::::::::::::::::: */









.curve-common-btn {
    font-size: 17px;
    border: 0 !important;
    text-decoration: none !important;
    color: var(--whitecolor) !important;
    background: var(--primary-sky) !important;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0 !important;
    padding: 15px 54px 15px 54px !important;
    border-radius: 100px !important;
    letter-spacing: 1px;
}
.curve-common-btn::after {
    display: none;
}
.curve-common-btn:hover {
    border: 0 !important;
    background: var(--primary-navy) !important;
    color: var(--whitecolor) !important;
}





/* BTN CSS CODE :::::::::::::::::::::::::::::::::::::::::: */

























/* HEADER CSS CODE ::::::::::::::::::::::::::::::::::::::::::::::::: */







#main-header.et-fixed-header {
    box-shadow: none !important;
}
.et-fixed-header .container.desktop-menu-outer.et_menu_container {
    background-color: var(--blue-dark) !important;
}



div#top-header {
    background: white;
}



div#top-header.et-fixed-header {
    background: white;
}



div#top-header.et-fixed-header a,

div#top-header.et-fixed-header .top-header-description {
    color: var(--blue-dark);
}



div#top-header.et-fixed-header a span.email-icon::before {
    filter: brightness(0) saturate(100%) invert(9%) sepia(77%) saturate(2914%) hue-rotate(199deg) brightness(97%) contrast(103%);
}





div#top-header {
    background: transparent;
}
.top-header-description {
    display: flex;
    gap: 15px;
}



div#top-header .container {
    padding: 9px 0px 8px 0px;
}
.top-header-description a {
    color: white;
    font-size: 14px;
    font-weight: 300;
    font-family: var(--font-archivo-narrow);
    position: relative;
}
.top-header-description a::before {
    position: absolute;
    content: "";
    width: 0px;
    height: 2px;
    background: var(--blue-bright);
    bottom: 1px;
    left: 50%;
    transition: 0.5s;
    z-index: 0;
    border-radius: 10px;
    transform: translate(-50%, 0);
}
.top-header-description a:last-child::before {
    display: none;
}
.top-header-description a:hover::before {
    width: 55px;
    transition: 0.5s;
}





header#main-header {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    /* position: absolute !important;
    top: 0 !important; */
    background-color: transparent;
}



div#page-container {
    padding-top: 0 !important;
}



header .desktop-menu-outer {
    max-width: 93.5% !important;
    background: #00000047;
    display: flex;
    justify-content: space-between;
    padding: 16px 50px 16px 50px;
    align-items: center;
}



header .desktop-menu-outer::after {
    display: none;
}



header .logo_container {
    width: 170px !important;
    position: relative !important;
    height: 57px !important;
    max-width: 100% !important;
}



header span.logo_helper {
    display: none;
}
.desktop-menu-outer .logo_container a {
    width: 100%;
    height: 100%;
}



header img#logo {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    min-height: 100% !important;
}
.desktop-menu-outer div#et-top-navigation {
    float: none;
    padding: 0 !important;
}



nav#top-menu-nav .nav>li.menu-item a {


    color: var(--whitecolor) !important;
    /* font-size: 15px; */
    font-weight: 400;
    text-transform: uppercase;
    transition: 0.5s ease;
    font-family: var(--font-archivo-narrow);
    padding-bottom: 20px;
}



nav#top-menu-nav .nav>li.menu-item>a {
    font-size: 16px;
}



nav#top-menu-nav .nav li.menu-item a {
    opacity: 1 !important;
}



nav#top-menu-nav .nav>li.menu-item {
    padding: 0;
}



header nav ul#top-menu>li.current-menu-item>a::before {
    width: 100px;
    height: 73px;
    transition: 0.5s;
}

nav#top-menu-nav .nav>li.menu-item.plus>a::before {
    left: 44% !important;
}

nav#top-menu-nav .nav>li.menu-item>a::before {
    position: absolute;
    content: "";
    width: 0px;
    height: 2px;
    background: var(--blue-bright);
    bottom: 13px;
    left: 50%;
    transition: 0.5s;
    z-index: 0;
    border-radius: 10px;
    transform: translate(-50%, 0);
}



nav#top-menu-nav .nav>li.menu-item>a:hover::before {
    width: 55px;
    transition: 0.5s;
}



nav#top-menu-nav .nav>li.menu-item.current-menu-item>a::before {
    width: 55px;
    transition: 0.5s;
    transform: translate(-50%, 0);
    left: 50%;
}

nav#top-menu-nav .nav>li.menu-item.current-menu-item.plus>a::before {
    left: 44% !important;
}


nav#top-menu-nav .nav>li.menu-item.et-show-dropdown.et-hover>a:before {
    width: 55px;
    transition: 0.5s;
}



nav#top-menu-nav .nav>li.menu-item>ul.sub-menu {
    display: flex !important;
    flex-direction: column;
    background: var(--blue-bright) !important;
    align-items: flex-start;
    border: 0 !important;
    padding: 12px 12px 6px 6px !important;
    width: 253px;
    /* gap: 10px; */
    transform: translate(-36%, -4px);
}



nav#top-menu-nav .nav>li.menu-item>ul.sub-menu li {
    padding: 0 !important;
    width: 100%;


}



nav#top-menu-nav .nav>li.menu-item>ul.sub-menu li a {
    padding: 7px 15px 7px 21px;
    text-transform: capitalize;
    border-radius: 12px;
    width: 100%;
    font-size: 15px !important;
}



nav#top-menu-nav .nav>li.menu-item>ul.sub-menu li a:hover {
    background: var(--blue) !important;
    transition: 0.5s;
}



ul#top-menu {
    display: flex;
    gap: 20px;
}



nav#top-menu-nav {
    padding-top: 18px;
}
.top-header-description a span.email-icon {
    width: 20px;
    display: block;
    height: 20px;
    position: relative;
    margin-left: 10px;
}
.top-header-description a span.email-icon::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/hdr_Email.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -4px;
    left: 0;
}

.top-header-description a span.email-icon:hover::before {
    filter: brightness(0) saturate(100%) invert(50%) sepia(40%) saturate(4023%) hue-rotate(164deg) brightness(99%) contrast(101%);
}

nav#top-menu-nav .nav>li.menu-item>a::after {
    font-size: 15px;
    color: var(--blue-bright);
}

nav#top-menu-nav .nav>li.menu-item.menu-item-has-children>a {
    padding-right: 16px !important;
}

.mobile-outer-recore {
    display: none;
}

/* socali media :::::::::::::::::::::::::::::::::::::::::: */



ul.et-social-icons {
    display: flex !important;
    column-gap: 11px;
}



ul.et-social-icons li.et-social-icon a {
    width: 19px;
    height: 19px;
}





ul.et-social-icons li.et-social-icon a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}



footer ul.et-social-icons li.et-social-icon a:hover::after {
    filter: brightness(0) saturate(100%) invert(47%) sepia(63%) saturate(472%) hue-rotate(166deg) brightness(98%) contrast(89%);
}





ul.et-social-icons li.et-social-icon.et-social-facebook a::after {
    background: url(../images/ftr_FB.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}



ul.et-social-icons li.et-social-icon.et-social-rss a::after {
    background: url(../images/ftr_LInkedIn.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}



ul.et-social-icons li.et-social-instagram a::after {
    background: url(../images/insta.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}



ul.et-social-icons li.et-social-rss a::after {
    background: url(../images/you-tube.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}



ul.et-social-icons li.et-social-icon.et-social-twitter a::after {
    background: url(../images/ftr_LN.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}



ul.et-social-icons li.et-social-icon a::before {
    opacity: 0;
    display: none;
}





/* mobile menu  :::::::::::::::::::::::::::::::::::: */







/* HEADER CSS CODE ::::::::::::::::::::::::::::::::::::::::::::::::: */



/* FOOTER CSS CODE ::::::::::::::::::::::::::::::::::::::::::::::::: */



footer#main-footer {
    background: var(--blue-dark);
    padding: 18px 42px 14px 42px;
}



div#footer-bottom {
    background-color: transparent;
    padding-top: 64px;
}
.sim-cost-eff p {
    color: white !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 200;
    text-align: left;
}
.foo-first-row {
    margin-bottom: 40px;
}
.footer-logo img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    min-height: 100% !important;
}
.footer-logo a {
    width: 100%;
    height: 100%;
    display: block;
}
.footer-logo {
    width: 226px;
    height: 112px;
}



nav.footer-menu-container ul.footer-menu li {
    width: fit-content !important;
}



nav.footer-menu-container ul.footer-menu li a {
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Inter';
    font-size: 14px;
    margin-bottom: 7px;
    display: block;
}



nav.footer-menu-container ul.footer-menu li a:hover {
    text-decoration: underline;
}
.foo-second-row {
    display: flex;
    width: 100% !important;
    margin-top: 100px;
    justify-content: space-between;
}







.foo-second-row-col-1 {
    width: 45%;
}
.foo-second-row-col-2 {
    width: 30%;
}
.foo-second-row-col-3 {
    width: 24%;
    display: flex;
    flex-direction: column;
    gap: 23px;
}
.footer-logo-add-outer {
    display: flex;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
}
.foo-third-row a {
    color: white;
}
.top-banner-widget {
    font-size: 20px;
    color: var(--blue-bright);
    letter-spacing: 6px;
    text-align: center;
    font-family: var(--font-inter-tight);
    animation: scroll 20s linear infinite;
    white-space: nowrap;
}



@keyframes scroll {
    0% {
        transform: translateX(100%);
        /* transform: translateX(270%); */
    }


    100% {
        transform: translateX(-100%);
    }
}



div#footer-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: var(--font-inter-tight);
}
.designed-hostes a {
    color: white !important;
    font-size: 12px;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-family: var(--font-inter-tight);
}
.designed-hostes a:hover {
    text-decoration: underline !important;
}
.footer-logo-add-outer div#et-info {
    float: none;
    width: 100%;
}
.foo-second-row-col-3 a {
    padding-left: 50px;
    display: flex;
    position: relative;
    color: white;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    flex-direction: column;
}
.foo-second-row-col-3 a::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    /* background: url(../images/hdr_Email.svg); */
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 1px;
    left: 0;
}
.footer-address-widget a::before {
    background: url(../images/ftr_Location.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer-phone-widget a::before {
    background: url(../images/ftr_Mobile.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer-email-cont a.footer-email-link::before {
    background: url(../images/hdr_Email.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(68%) sepia(85%) saturate(4142%) hue-rotate(160deg) brightness(93%) contrast(101%);
}
.foo-Fourth-col-1 ul.et-social-icons li {
    margin: 0;
}
.foo-Fourth-col-2 {
    padding-top: 11px;
    border-top: 1px solid #486686;
    width: 30%;
    display: flex;
    justify-content: flex-end;
}
.footer-copyright-widget p,

.footer-copyright-widget p a {
    color: white !important;
    font-size: 12px;
    font-weight: 300 !important;
    text-transform: uppercase;
}
.footer-copyright-widget p a:hover {
    text-decoration: underline !important;
}
.foo-Fourth-row {
    display: flex;
    justify-content: space-between;
    margin-top: -28px;
}
.foo-Fourth-col-1 ul.et-social-icons {
    float: none;
    gap: 20px;
}



footer .text-bottom {
    padding-top: 30px;
}









/* FOOTER-ENDS CSS CODE ::::::::::::::::::::::::::::::::::::::::::::::::: */









/*  SLIDER CSS CODE ::::::::::::::::::::::::::::::::::::::::::::::::: */

.slider-section-home {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.home-slider-row {
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0px !important;
}

.home-slider-row .et_pb_text.et_pb_bg_layout_light.et_pb_module.et_flex_module {
    width: 100% !important;
}

.home-slider-row h2 {
    max-width: 925px;
}
a.et_pb_button.et_pb_more_button,
.curve-btn {
    border: 1px solid white !important;
    color: var(--whitecolor) !important;
    font-size: 12px;
    border-radius: 60px;
    padding: 10px 43px 10px 43px !important;
    text-transform: uppercase;
    background: #ffffff38;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
}

.curve-btn::after {
    display: none;
}



a.et_pb_button.et_pb_more_button:hover,
.curve-btn:hover {
    border: 1px solid var(--blue-bright) !important;
    color: white !important;
    font-size: 12px;
    border-radius: 60px;
    padding: 10px 43px 10px 43px !important;
    text-transform: uppercase;
    background: var(--blue-bright) !important;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
}



a.et_pb_button.et_pb_more_button::after {
    display: none;
}
.home-slider-btn-1,

.home-slider-btn-2 {
    border: 1px solid white !important;
    color: var(--whitecolor) !important;
    font-size: 12px;
    border-radius: 0px;
    padding: 10px 16px 10px 16px !important;
    text-transform: uppercase;
    background: #ffffff38 !important;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
}
.home-slider-btn-1:hover,

.home-slider-btn-2:hover {
    border: 1px solid var(--blue-bright) !important;
    color: white !important;
    font-size: 12px;
    border-radius: 0px;
    padding: 10px 16px 10px 16px !important;
    font-family: var(--font-archivo) !important;
    text-transform: uppercase;
    background: var(--blue-bright) !important;
    letter-spacing: 1px;
}
.home-slider-btn-1::after,

.home-slider-btn-2::after {
    display: none;
}
.home-slider-row h2 {
    text-transform: capitalize;
    font-weight: 700 !important;
    font-size: 70px !important;
    line-height: 71px;
    font-family: 'Archivo Narrow' !important;
    /* max-width: 935px; */
    width: 100%;
}
.home-slider-row .et_pb_slides .et_pb_media_alignment_center {
    position: absolute !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* display: block; */
}
.home-slider-row .et_pb_slide::before {
    position: absolute !important;
    content: "" !important;
    width: 100% !important;
    height: 100% !important;
    /* background: #000 !important; */
    background: #00000040 !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    /* 
    opacity: 0.05 !important; */
}
.home-slider-row .et_pb_slide_description.et_flex_module {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.home-slider-row .et_pb_button_wrapper,

.home-slider-row .et_pb_module.et_pb_button_module_wrapper.et_pb_button_0_wrapper,

.home-slider-row .et_pb_module.et_pb_button_module_wrapper.et_pb_button_1_wrapper {
    width: fit-content;
}
.home-slider-row .et_pb_slides {
    height: 0;

/*    padding-bottom: 58%;*/
    padding-bottom: 43.5%;
    width: 100%;
    position: relative;
}
.home-slider-row .et_pb_blurb_position_top.et_pb_module.et_block_module {
    position: absolute;
    bottom: 14px;
    right: -86px;
    display: flex;
    background: white;
    padding: 20px 59px 20px 20px;
    border-radius: 100px 0px 0px 100px;
    opacity: 0;
}
.home-slider-row .et-pb-active-slide .et_pb_blurb {
    opacity: 1 !important;
    z-index: 1;
    position: relative;
}
.home-slider-row .et_pb_blurb_position_top.et_pb_module.et_block_module .et_pb_blurb {
    opacity: 1 !important;
    z-index: 1;
    position: relative;
}
.home-slider-row .hm-row-slide {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.home-slider-row .et_pb_slide_title {
    margin-bottom: 34px;
}
.home-slider-row .et_pb_slide_description.et_flex_module {
    padding-top: 300px;
    padding-left: 60px;
}
.home-slider-row .et_pb_blurb_content {
    display: flex;
    align-items: center;
    gap: 43px;
}
.home-slider-row .et_pb_blurb_position_top {
    display: flex;
    background: white;
    padding: 20px 20px 20px 20px;
    border-radius: 100px 0px 0px 100px;
}
.home-slider-row .et_pb_blurb_position_top.et_pb_module.et_block_module .et_pb_main_blurb_image {
    margin-bottom: 0;
}
.home-slider-row .et_pb_blurb_position_top.et_pb_module.et_block_module .et_pb_blurb_description p {
    font-size: 15px;
    font-family: 'Archivo Narrow' !important;
    line-height: 20px;
    font-weight: 500 !important;
    margin-bottom: 0;
}
.home-slider-row .et_pb_blurb_position_top.et_pb_module.et_block_module .et_pb_main_blurb_image {
    margin-bottom: 0;
}
.home-slider-row .et_pb_blurb_content {
    display: flex;
    align-items: center;
}
.home-slider-row .et_pb_blurb_position_top.et_pb_module.et_block_module .et_pb_main_blurb_image img {
    height: 40px;
    width: 80px;
    object-fit: contain;
}
.home-slider-row .et-pb-controllers a {
    display: inline-block;
    background-color: hsla(0, 0%, 100%, .5);
    text-indent: -9999px;
    border-radius: 0px !important;
    width: 9px !important;
    height: 9px !important;
    margin-right: 10px;
    padding: 0;
    opacity: 1 !important;
    border: 1px solid white;
    background: transparent;
}
.home-slider-row .et-pb-controllers .et-pb-active-control {
    background-color: #fff !important;




}

























.home-karen-row :where(h1, h2, h3, h4, h5, h6, a, ol li, ul li, p) {
    color: var(--whitecolor) !important;
}
.home-karen-row .message-left {
    width: 20%;
}
.home-karen-row .message-right {
    width: 75%;
    gap: 7px;
}
.home-karen-btn-text h6 {
    text-align: right;
}
.home-karen-row {
    background: var(--blue-medium);
    padding: 84px 70px 40px 0;
    border-radius: 0 45px 60px 0;
    max-width: 87% !important;
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.home-karen-row::before {
    content: "";
    position: absolute;
    right: -19px;
    bottom: -19px;
    width: 210px;
    height: 210px;
    background: url(../images/shape.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.home-karen-row::after {
    content: "" !important;
    position: absolute !important;
    right: 31px;
    bottom: 23px;
    width: 75px;
    height: 75px;
    background: url(../images/icon_Block.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.home-karen-img span.et_pb_image_wrap {
    width: 100% !important;
    height: 0;
    position: relative;
    padding-bottom: 77%;
}
.home-karen-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.home-karen-img {
    position: relative;
    padding-right: 20px;
}
.home-karen-img::before {
    content: "";
    position: absolute;
    right: 10px;
    top: 0;
    width: 6px;
    height: 100%;
    background: var(--blue-bright);
}





.home-karen-cont p br {
    display: block;
    margin-top: 10px;
    font-size: 22px;
}
.home-karen-btn-read {
    border: 1px solid #fff !important;
    color: #fff !important;
    background: transparent !important;
    padding: 10px 64px !important;
    border-radius: 30px !important;
    font-size: 12px;
    letter-spacing: 2px;
}
.home-karen-btn-read:hover {
    border: 1px solid var(--blue-bright) !important;
    color: #fff !important;
    background: var(--blue-bright) !important;
    padding: 10px 64px !important;
    border-radius: 30px !important;
    font-size: 12px;
    letter-spacing: 2px;
}
.home-karen-btn-read::after {
    display: none;
}
.home-karen-btn-read:hover {
    background: #fff;
    color: #2f4fa3;
}
.home-karen-btn-text p {
    color: #fff;
    font-size: 18px;
    text-align: right;
    margin-top: 20px;
}
.home-karen-cont h3 {
    margin-top: 0;
    font-family: system-ui !important;
}
.home-karen-cont h5 {
    margin-top: 13px;
    font-size: 32px !important;
    font-family: system-ui !important;
}





.home-karen-btn-sec {
    max-width: 100% !important;
    width: 100%;
    padding-right: 107px !important;
}
.logo-sec-outer {
    padding-top: 136px !important;
    padding-bottom: 48px !important;
    position: relative;
}

.logo-sec-outer .logo-sec-row {
    max-width: 87% !important;
}
.logo-sec-outer::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(../images/icon_Testimonials.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -20px;
    left: 14.5%;
}
.logo-sec-outer .owl-dots button.owl-dot {
    width: 9px;
    height: 9px;
    border: 1px solid white;
}
.logo-sec-outer .owl-dots button.owl-dot.active {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    background-color: white;
}
.logo-sec-outer .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 75px;
    gap: 10px;
}
.testimonial-card {
    background: white;
    border-radius: 25px;
    padding: 25px 25px 35px 25px;
    display: flex;
}
.testimonial-header {
    width: 100%;
    display: flex;
    gap: 24px;
    align-items: center;
}
.testimonial-meta-outer {
    width: 100%;
    padding-top: 0;
    padding-left: 155px;
}
.testimonial-card {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.logo-sec-outer {
    background: var(--blue);
}

img.testimonial-logo {
    width: 130px !important;
    height: 130px !important;
    object-fit: contain;
    padding: 10px;
    border: 1px solid var(--gray-light);
    border-radius: 100%;
    display: flex !important;
}
.testimonial-text span {
    font-size: 16px;
    font-family: 'Inter';
    font-weight: bold;
    color: #404142;
    line-height: 30px;
}
.testimonial-meta {
    font-size: 16px;
    font-family: 'Inter';
    font-weight: bold;
    color: #404142;
    margin-bottom: 40px;
    line-height: 30px;
}
.logo-carousel-sec {
    padding-bottom: 0 !important;
    padding-top: 48px !important;
}
.supplier-logo-item img {
    height: 157px !important;
    width: 157px !important;
    object-fit: contain;
}
.logo-carousel-row {
    max-width: 96% !important;
}
.testimonial-text span.read-more {
    color: var(--blue-bright) !important;
    text-transform: uppercase;
    white-space: nowrap;
}
.testimonial-text span.read-more {
    color: var(--blue-bright) !important;
    text-transform: uppercase;
}
.testimonial-company-logo img {
    width: 100%;
    height: 100px;
    object-fit: contain;
}
.testimonial-company-logo {
    width: 115px;
    margin-top: 20px;
}
.nsca-row {
    max-width: 94% !important;
    position: relative;
}
.nsca-row::before {
    content: "" !important;
    position: absolute !important;
    right: 31px;
    top: 45px;
    width: 241px;
    height: 376px;
    background: url(../images/logo-crop.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.nsca-col {
    width: 66%;
    gap: 13px;
}
.gold-content h5 {
    font-family: var(--font-inter-tight) !important;
    color: var(--gold);
    font-weight: 600;
    margin-bottom: 38px;
    text-transform: unset;
}
.gold-content {
    padding-left: 52px;
}
.nsca-col .et_pb_module.et_pb_button_module_wrapper {
    padding-left: 52px;
}
.common-btn {
    border: 1px solid var(--blue-bright) !important;
    color: var(--blue-bright) !important;
    font-size: 12px;
    border-radius: 60px;
    padding: 10px 43px 10px 43px !important;
    text-transform: uppercase;
    background: transparent !important;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
}
.common-btn:hover {
    border: 1px solid var(--blue-bright) !important;
    color: white !important;
    font-size: 12px;
    border-radius: 60px;
    padding: 10px 43px 10px 43px !important;
    text-transform: uppercase;
    background: var(--blue-bright) !important;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
}
.common-btn::after {
    display: none;
}
.nsca-card {
    border-radius: 40px;
    background: var(--gold);
    transition: 0.5s;
}
.nsca-card a.card-link {
    padding: 20px 20px 65px 20px;
    display: block;
}

.trust-sec .trust-row .owl-stage-outer .owl-item:hover {
    border-radius: 40px;
}

.nsca-card:hover {
    background-color: var(--blue-bright);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15), 0 2px 5px rgba(0, 0, 0, 0.05);
    transition: 0.5s;
    border-radius: 40px;
}
.nsca-card a.card-link h3.nsca-title {
    font-size: 22px !important;
    line-height: 23px;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-family: "Roboto Condensed", sans-serif !important;
    color: var(--whitecolor);
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 22px;
}
.nsca-card a.card-link h3.nsca-title::before {
    position: absolute;
    content: "";
    width: 43px;
    height: 4px;
    background: var(--whitecolor);
    bottom: 0px;
    left: 0;
}
.nsca-sec-0uter {
    padding-bottom: 46px !important;
    padding-top: 46px !important;
    overflow: hidden
}
.trust-row {
    max-width: 87% !important;
}
.trust-sec {
    padding-top: 0 !important;
    padding-bottom: 30px;
}
.nsca-card p.nsca-text {
    color: white !important;
    line-height: 19px;
    font-weight: 600;
}
span.nsca-arrow {
    display: block;
    font-size: 0;
    width: 30px;
    height: 30px;
    margin-left: auto;
    position: relative;
    position: absolute;
    right: 23px;
    bottom: 23px;
}
span.nsca-arrow::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/nav_ArrowAqua.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.news-row {
    display: flex;
    align-items: center;
    gap: 34px;
    max-width: 87% !important;
}
.news-row h6 {
    margin-top: 0px;
}
.news-heading h2 {
    color: #005287;
    font-weight: 400;
    margin-top: 6px;
}
.news-left {
    width: 34%;
}









.news-featured-wrapper {
    max-width: 1127px;
    margin: 60px auto;
    padding-left: 105px;
}



/* Card */

.news-featured-card {
    display: grid;
    align-items: center;
    text-decoration: none;
    grid-template-columns: 1fr 1fr;
}



/* Image */

.news-image {
    width: 100%;
    position: relative;
    height: 100%;
    padding-bottom: 70%;
}
.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}



/* Content */

.news-content {
    width: 100%;
    padding: 40px 50px 66px 50px;
    position: relative;
    height: 100% !important;
    background: white;
    box-shadow: rgb(149 157 165 / 8%) 0px 8px 24px;
    border-radius: 0px 0px 41px 0px;
    transition: 0.5s;
}
.news-featured-card:hover .news-content {
    box-shadow: rgb(0 0 0 / 32%) 0px 12px 40px;
    transition: 0.5s;
}



/* Meta text */

.news-meta {
    font-size: 14px;
    color: #404142;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-family: 'Inter Tight';
}



/* Title */

.news-title {
    font-size: 30px !important;
    line-height: 35px;
    color: #2e55a3;
    margin: 0;
    font-weight: 500;
    font-family: 'Inter Tight' !important;
}



/* Arrow */

.news-arrow {
    display: block;
    font-size: 0;
    width: 30px;
    height: 30px;
    margin-left: auto;
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.news-arrow::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/nav_ArrowAqua.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(51%) sepia(64%) saturate(4137%) hue-rotate(166deg) brightness(102%) contrast(101%);
}



/* All news button */

.news-all-btn {
    margin-top: 20px;
    text-align: right;
}
.news-all-btn a {
    border: 1px solid var(--blue-bright) !important;
    color: var(--blue-bright) !important;
    font-size: 12px;
    border-radius: 60px;
    padding: 10px 43px 10px 43px !important;
    text-transform: uppercase;
    background: transparent !important;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
    display: block;
    width: fit-content;
    margin: 60px auto 0 auto;
}
.news-all-btn a:hover {
    color: var(--whitecolor) !important;
    background: var(--blue-bright) !important;
}
.news-sec-outer {
    background-color: var(--gray-bg);
    gap: 19px;
    padding-top: 67px !important;
    padding-bottom: 65px !important;
}











.clean-energy-row {
    margin-left: 0 !important;
    gap: 61px;
}
.clean-energy-left {
    width: 45%;
}
.clean-energy-heading h2 {
    color: #005287;
    font-weight: 400;
    margin-top: 6px;
    font-size: 60px !important;
    line-height: 72px;
}
.clean-energy-right {
    padding-top: 100px;
    width: 50%;


}
.clean-energy-outer {
    position: relative;
    overflow: hidden;
    padding-top: 67px !important;
    padding-bottom: 67px !important;
}
.clean-energy-outer::before {
    content: "" !important;
    position: absolute !important;
    left: -33%;
    bottom: -7px;
    width: 1236px;
    height: 515px;
    background: url(../images/side-lines.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}
.clean-energy-img span.et_pb_image_wrap {
    width: 100% !important;
    height: 0;
    position: relative;
    padding-bottom: 110%;
}
.clean-energy-img span.et_pb_image_wrap::before {
    content: "";
    position: absolute;
    right: -19px;
    top: -19px;
    width: 210px;
    height: 210px;
    background: url(../images/shape.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    rotate: -89deg;
    z-index: 1;
}
.clean-energy-img span.et_pb_image_wrap::after {
    content: "" !important;
    position: absolute !important;
    right: 31px;
    top: 23px;
    width: 75px;
    height: 75px;
    background: url(../images/icon_Block.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}
.clean-energy-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
}









.sim-left-side-cont-mod h6 {
    margin-top: 6px;
}



























/* Join us in Chicago section start :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/* left side */



.chicago-main-sec .et_pb_row {
    display: flex;
    gap: 0;
    padding-left: 40px;
    align-items: center;


}
.chicago-main-sec .et_pb_row .chicago-col {
    width: 39.5%;
    margin-right: -65px;
    z-index: 9;
    display: flex;
    align-items: center;
    /* justify-content: flex-end;
    top: 30px; */
    mix-blend-mode: multiply !important;
}
.working-together-callout h4 {
    margin-top: 15px;
}
.chicago-main-sec {
    gap: 0;
    overflow: hidden;
}
.qust-col {
    padding-left: 156px;
}
.chicago-main-sec .et_pb_row .chicago-col .et_pb_row.grey-bg-section {
    background: #f37521;
    padding: 65px 60px 40px 65px;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 40px;
    row-gap: 80px;
}

/* .chicago-main-sec .et_pb_row .chicago-col .et_pb_row.grey-bg-section:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background: #f37521;
    left: 0;
    top: 0;
    border-radius: 40px;
    mix-blend-mode: darken;
    background: url(../images/orange-bg.svg);
    background-position: center;
    background-repeat: no-repeat
} */



a.common-btn-two {
    font-size: 14px;
    border: none !important;
    padding: 0 !important;
    text-decoration: none !important;
    font-family: var(--font-archivo-narrow) !important;
    font-weight: 600;
    text-transform: uppercase;
}



a.common-btn-two:hover {
    background-color: transparent !important;
}



a.common-btn-two::after {
    display: none;
}





/* right side */



.chicago-main-sec .et_pb_row .chicago-img-col {
    width: 62%;
    position: relative;
    display: flex;
    justify-content: center;
}
.chicago-main-sec .et_pb_row .chicago-img-col .chicago-img-one {
    border-radius: 40px;
    overflow: hidden;
}
.chicago-main-sec .et_pb_row .chicago-img-col .chicago-img-one span.et_pb_image_wrap {
    position: relative;
    padding-bottom: 74%;
}
.chicago-main-sec .et_pb_row .chicago-img-col .chicago-img-one span.et_pb_image_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.chicago-main-sec .et_pb_row .chicago-img-col .chicago-img-two {
    position: absolute;
    width: 40%;
    /* height: 130px; */
    top: auto;
    right: 0;
    padding: 50px 74px;
    background: var(--primary-blue);
    margin-right: -47px;
}
.chicago-main-sec .et_pb_row .chicago-img-col .chicago-img-two span.et_pb_image_wrap img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    top: 0;
    left: 0;
}





/* Join us in Chicago section start :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/























.eagle-bag-sec {
    text-align: center;
    padding-top: 132px !important;
    padding-bottom: 132px !important;
}
.eagle-bag-sec:before {
    position: absolute !important;
    content: "" !important;
    width: 100% !important;
    height: 100% !important;
    background: #000 !important;
    /* background: #00000040 !important; */
    top: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    opacity: 0.3 !important;
    filter: contrast(0.5);
}
.eagle-bag-sec .grey-bg-section {
    max-width: 77% !important;
}



a.parallax-btn {
    border: 1px solid white !important;
    color: var(--whitecolor) !important;
    font-size: 12px;
    border-radius: 60px;
    padding: 10px 43px 10px 43px !important;
    text-transform: uppercase;
    background: #ffffff29;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
    text-decoration: none !important;
    display: block;
    width: fit-content;
    margin: 69px auto 0 auto;
}



a.parallax-btn:hover {
    border: 1px solid var(--blue-bright) !important;
    color: white !important;
    font-size: 12px;
    border-radius: 60px;
    padding: 10px 43px 10px 43px !important;
    text-transform: uppercase;
    background: var(--blue-bright) !important;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
}
.parallax-overlay h5 {
    font-weight: 200;
    letter-spacing: 2px;
    font-family: 'Inter';
    margin-bottom: 23px;
}

.eagle-bag-sec span.et-pb-parallax-background.et-pb-parallax-background-module--divi-section-10 {
    transform: none !important;
    background-attachment: fixed;
}

.eagle-bag-sec {
    transform: none !important;
    background-attachment: fixed;
}
span.percent-value {
    font-size: 40px;
    font-family: 'Inter';
    color: white;
    font-weight: 700 !important;
}
.pointer-row-one h6.title {
    font-size: 16px !important;
    line-height: 20px;
    color: white;
    font-family: 'Inter' !important;
    font-weight: 300;
    margin: 0;
}
.counter-row-inner {
    max-width: 100% !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
}
.counter-box {
    gap: 0;
    padding: 20px;
    display: flex;
    align-items: center;
    width: 180px;
    height: 180px;
    justify-content: center;
}
.counter-box p {
    height: fit-content !important;
    width: fit-content !important;
    line-height: 20px !important;
    margin-bottom: 8px;
}
.percent {
    height: auto !important;
    text-align: center !important;
    margin: 0 auto;
}
.counter-box .et_pb_number_counter {
    gap: 0 !important;
}
.counter-box .percent {
    height: auto !important;
}
.counter-box.one {
    background-color: #002A58;
}
.counter-box.two {
    background-color: #22469C;
}
.counter-box.three {
    background-color: #0B77C0;
}
a.summit-mini {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #f37321 !important;
}
a.summit-mini:hover {
    box-shadow: rgb(0 0 0 / 32%) 0px 12px 40px;
    transition: 0.5s;
}
.executive-img-right {
    width: 43.5%;
}
.pointer-row-one {
    display: flex;
    justify-content: space-between;
}
.summit-small-image {
    width: 30%;
    position: relative;
    height: 180px;
}
.summit-small-image img {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.summit-content {
    background: #F37321;
    width: 69%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 32px 20px 13px 41px;
}
.summit-content h6 {
    color: white;
    text-transform: uppercase;
    font-size: 24px !important;
    font-weight: bold;
    margin-bottom: 9px;
}
.summit-content p {
    color: white !important;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Archivo' !important;
    margin-bottom: 0;
    position: relative;
    padding-left: 32px;
}
.summit-content p::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../images/icon_Calendar-date.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 1px;
    left: 0;
}
.summit-content span.arrow {
    display: block;
    font-size: 0;
    width: 30px;
    height: 30px;
    margin-left: auto;
    position: absolute;
    right: 7px;
    bottom: 8px;
}
.summit-content span.arrow::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/nav_ArrowAqua.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.pointer-sec {
    padding-top: 30px !important;
    gap: 48px;
    padding-bottom: 20px !important;
    overflow: hidden;
}
.pointer-sec::before {
    content: "" !important;
    position: absolute !important;
    right: -33%;
    top: -7px;
    width: 1236px;
    height: 515px;
    background: url(../images/side-lines.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}
.pointer-row-one {
    max-width: 93.6% !important;
}
.simple-cost-title h2 {
    text-align: center;
    font-style: italic;
    font-size: 52px !important;
    text-transform: uppercase;
    color: #d1b168;
}
ul.form-group-list li .presenter-row {
    padding-bottom: 15px;
}
.simple-cost-row-2 .inro-para {
    padding-left: 47px;
}
.inro-section-left {
    gap: 5px;
    width: 69%;
}
.inro-section-right {
    width: 49%;
    padding-right: 44px;
}
/* ABOUT US PAGE CSS CODE :::::::::::::::::::::::::::::::::::::::::::::::::*/

.aboutpg-intro-section {
    padding-top: 30px !important;
}
.aboutpg-iintro-section {
    max-width: 87% !important;
}
.aboutpg-intro-section .home-karen-row {
    padding: 100px 70px 87px 114px;
}
.aboutpg-intro-section .home-karen-row h6 {
    margin-top: 0;
    font-weight: 500;
    line-height: 63px !important;
}
.aboutpg-intro-section .home-karen-row .message-right {
    width: 92%;
    gap: 7px;
}
.trial-sec.abpg-trial-sec .trial-row .trial-cols {
    display: flex;
    row-gap: 0px;
    width: 26%;
}
.ab-content-text h2 {
    font-weight: 400;
    color: #005287;
    margin-top: 0;
}
.image-area-right {
    width: 37% !important;
}
.ab-content-left {
    width: 59% !important;
}
.ab-content-text ul {
    padding-left: 56px !important;
}
.image-area-right-img span.et_pb_image_wrap {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 76%;
}
.image-area-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 45px !important;
}
.content-img-row {
    padding-right: 48px;
}
.content-img-section {
    position: relative;
    overflow: hidden;
    padding-top: 105px !important;
}
.content-img-section::before {
    content: "" !important;
    position: absolute !important;
    right: -33%;
    top: -7px;
    width: 1236px;
    height: 515px;
    background: url(../images/side-lines.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}
.trial-sec.abpg-trial-sec .trial-row {
    width: 26%;
}
.trial-sec.abpg-trial-sec {
    padding-top: 8px !important;
    padding-bottom: 80px !important;
}
.team-group-section.section-our-board {
    background: var(--blue-dark);
}
.team-group-section.section-our-site-representives {
    background: #005287;
}
.team-group-section.section-usa-staff {
    background: var(--blue);
}
.team-section-row {
    max-width: 93.5% !important;
}
.team-group-section {
    padding: 50px 102px 100px 102px !important;
    border-radius: 40px;
}
.team-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.team-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 50px;
}
h2.team-cat-title {
    color: white;
    margin-top: 10px;
    padding-left: 48px;
}
.placeholder-image {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 100%;
}
.placeholder-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    object-position: center 13%;
    left: 0;
    top: 0;
    border-radius: 50%;
}
.team-info {
    color: #404142;
    font-family: var(--font-inter);
    font-weight: 400;
    text-align: center;
    font-size: 15px;
}

h3.team-name,
h6.team-name {
    color: #404142;
    font-size: 20px !important;
    font-weight: bold;
    font-family: var(--font-inter) !important;
    text-align: center;
    line-height: 24px;
    margin-top: 36px;
}

.team-image-circle {
    width: 65%;
    margin: 0 auto;
}

a.contact-btn-outline {
    border: 1px solid #fff !important;
    color: #fff !important;
    background: transparent !important;
    padding: 8px 40px !important;
    border-radius: 30px !important;
    font-size: 12px;
    letter-spacing: 1px;
}

a.contact-btn-outline:hover {
    border: 1px solid var(--blue-bright) !important;
    color: #fff !important;
    background: var(--blue-bright) !important;
    padding: 8px 40px !important;
    border-radius: 30px !important;
    font-size: 12px;
    letter-spacing: 1px;
}

.team-card {
    background: white;
    border-radius: 20px;
    padding: 25px 30px 40px 30px;
}

.owl-nav {
    display: flex;
    justify-content: center;
    gap: 57px;
    margin-top: 45px;
}

.owl-nav button {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    font-size: 0;
    background-color: transparent !important;
}

.owl-nav button span {
    font-size: 0;
}
.owl-nav button.owl-prev:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/nav_ArrowAqua.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    rotate: 135deg;
    height: 100%;
}

.owl-nav button.owl-next:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/nav_ArrowAqua.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    rotate: -45deg;
    width: 100%;
    height: 100%;
}

ul.history-nav-list li.history-nav-item {
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding-left: 0;
    width: fit-content;
    line-height: 23px !important;
}
.history-item-desc p {
    color: white !important;
}

ul.history-nav-list li.history-nav-item::before {
    display: none;
}
.history-timeline-section {
    background-color: #22469C;
    color: #fff;
    padding: 80px 40px;
    border-radius: 40px;
    font-family: inherit;
    margin: 105px 0 0px 0;
    box-sizing: border-box;
}

.our-history-sec {
    padding-bottom: 24px !important;
}
.about-pg-count-sec::after {
    content: "" !important;
    position: absolute !important;
    left: -13%;
    bottom: 0;
    width: 60%;
    height: 100%;
    background: url(../images/side-lines.svg);
    background-position: center;
    background-size: cover;
    object-fit: contain;
    background-repeat: no-repeat;
    z-index: 0;
}
.history-main-title {
    text-align: center;
    color: #fff;
    margin-top: 0;
    margin-bottom: 60px;
    font-size: 42px;
    font-weight: 400;
}
.history-timeline-container {
    display: flex;
    max-width: 1085px;
    margin: 0 auto;
    gap: 120px;
    align-items: flex-start;
}
.history-nav-wrapper {
    flex: 0 0 150px;
    position: relative;
    padding-right: 40px !important;
    max-height: 262px !important;
    overflow: hidden auto !important;
}
.history-nav-wrapper {
    height: 300px;
    /* adjust height */
    overflow-y: auto;
    overflow-x: hidden;
}

/* Firefox support */

.history-nav-wrapper {
    scrollbar-width: thin;
    /* auto | thin | none */
    scrollbar-color: #00c2ff #d9d9d9;
    /* thumb color | track color */
}

/* Firefox */

.history-nav-wrapper {
    scrollbar-width: thin;
    scrollbar-color: #00c2ff #d9d9d9;
}

/* Chrome, Edge, Safari */

.history-nav-wrapper::-webkit-scrollbar {
    width: 4px;
}
.history-nav-wrapper::-webkit-scrollbar-track {
    background: #d9d9d9;
    border-radius: 10px;
}
.history-nav-wrapper::-webkit-scrollbar-thumb {
    background: #00c2ff;
    border-radius: 10px;
}
.history-nav-wrapper::-webkit-scrollbar-thumb:hover {
    background: #009ac9;
}
.history-nav-label-container {
    position: absolute;
    left: -80px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}
.history-nav-label {
    transform: rotate(-90deg);
    font-size: 13px;
    color: #d12e75;
    white-space: nowrap;
    letter-spacing: 1px;
}
.history-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.history-nav-item {
    padding: 12px 0;
    font-size: 18px;
    color: #b3c2ec;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: right;
    font-weight: 500;
    line-height: 1;
}
.history-nav-item:hover {
    color: #fff;
}
.history-nav-item.active {
    color: #00b0f0 !important;
}



/* .history-progress-line {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background-color: #b3c2ec;
        border-radius: 2px;
        opacity: 0.5;
    } */

.history-progress-line {
    height: auto !important;
}
.history-progress-indicator {
    position: absolute;
    right: 0;
    width: 3px;
    background-color: #00b0f0;
    border-radius: 2px;
    transition: all 0.4s ease;
    z-index: 2;
}
.history-content-wrapper {
    flex: 1;
    position: relative;
    min-height: 300px;
}
.history-content-item {
    display: none;
    animation: historyFadeIn 0.5s ease forwards;
}
.history-content-item.active {
    display: block;
}
.history-item-year {
    color: #00b0f0;
    font-size: 30px !important;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 700 !important;
    line-height: 35px;
}
.history-item-desc {
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
}

@keyframes historyFadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ABOUT US PAGE-END CSS CODE :::::::::::::::::::::::::::::::::::::::::::::::::*/

header .desktop-menu-outer {
    max-width: 93.5% !important;
    background: #00000047;
    display: flex;
    justify-content: space-between;
    padding: 16px 30px 16px 31px;
    align-items: center;
}

/* 1. Add gap between the panels */

.team-group-section {
    margin-bottom: 40px !important;
    /* Adjust this for more/less gap */
}


/* 2. Ensure Header stays on top and doesn't flicker */

#main-header,
#top-header {
    z-index: 9999 !important;
}

/* 3. Add padding to the container so the first card doesn't hit the header immediately */

#et-main-area {
    overflow: hidden;
    /* Prevents weird horizontal scrollbars during pinning */
}
.sidebar-social-share-sec {
    border: 0px;
    transition: 0.5s ease;
    right: 7px;
    padding: 0 !important;
    position: fixed;
    z-index: 999;
    bottom: 295px;
}
.social-share-sec-one {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

/* .sidebar-social-share-sec .social-share-sec-one:hover{
    background-color: #002A58 !important;
    transition: 0.5s ease;
} */

.social-share-sec-one ul.et-social-icons {
    display: flex !important;
    flex-direction: column;
    row-gap: 9px;
}
.social-share-sec-one ul.et-social-icons li.et-social-icon {
    margin: 0;
}
.social-share-sec-one ul.et-social-icons li.et-social-icon a {
    width: 14px !important;
    height: 14px !important;
}
.social-share-sec-one ul.et-social-icons li.et-social-icon a::after {
    filter: brightness(0) saturate(100%) invert(99%) sepia(24%) saturate(2%) hue-rotate(250deg) brightness(110%) contrast(101%);
}
footer ul.et-social-icons li.et-social-icon a:hover::after {
    filter: none !important;
}
.social-share-sec-one:hover p.f-us {
    color: var(--blue-bright) !important;
    transition: 0s ease !important;
}
.social-share-sec-one:hover ul.et-social-icons li.et-social-icon a::after {
    filter: none !important;
    transition: 0s ease !important;
}
.et-social-icons a:hover {
    opacity: 1 !important;
}
p.f-us {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-weight: 400;
    color: white !important;
    font-family: 'Archivo Narrow';
    transform: rotate(180deg);
    margin: 0px 0px 0px 2px;
}
.sidebar-social-share-sec.on-body p.f-us {
    color: #808184 !important;
    transition: 0.4s ease !important;
}
.sidebar-social-share-sec.on-body:hover p.f-us {
    color: var(--blue-bright) !important;
}
.sidebar-social-share-sec p.f-us {
    color: var(--blue-bright);
}
.sidebar-social-share-sec.on-body ul.et-social-icons li.et-social-icon a::after {
    filter: brightness(0) saturate(100%) invert(54%) sepia(1%) saturate(1157%) hue-rotate(188deg) brightness(93%) contrast(101%);
}
.trust-row .et_pb_button_module_wrapper {
    text-align: center;
    margin-top: 20px;
}
.gold-content h6 {
    color: var(--blue-bright);
    font-weight: bold;
    margin-top: 10px;
}
.executive-summit-row-sec {
    display: none;
}
.safety-btn-sec.non-mem-sims {
    padding-top: 0 !important;
    padding-bottom: 33px !important;
}
.safety-btn-sec.non-mem-sims::before {
    display: none;
}

.page-id-28 .trust-sec {
    padding-bottom: 110px !important;
}

.non-members-scroll-end {
    padding-bottom: 0;
}
.innerpg-intro-section.non-mem-intro {
    padding-bottom: 43px !important;
}
.non-member-count-sec {
    overflow: hidden;
}
.non-member-count-sec::before {
    content: "" !important;
    position: absolute !important;
    left: -33%;
    bottom: -7px;
    width: 1236px;
    height: 515px;
    background: url(../images/side-lines.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

.supp-two-col-sec-box {
    background: #005287;
    padding: 31px 30px 30px 30px;
    position: relative;
}
.supp-two-col-sec-box .heading-part {
    width: 73%;
    padding-bottom: 30px;
}
.supp-two-col-sec-box .heading-part h5 {
    font-weight: 700;
    text-transform: unset;
}
.supp-two-col-sec-box::before {
    content: "";
    position: absolute;
    right: -18px;
    top: -15px;
    width: 195px;
    height: 195px;
    background: url(../images/shape.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    rotate: -89deg;
    z-index: 1;
}
.supp-two-col-sec-box::after {
    content: "" !important;
    position: absolute !important;
    right: 40px;
    top: 40px;
    width: 61px;
    height: 61px;
    background: url(../images/icon_Block.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}
.supp-two-col-sec-box :where(h1, h2, h3, h4, h5, h6, a, ol li, ul li, p) {
    color: var(--whitecolor) !important;
}
.supp-two-col-row-0ne {
    max-width: 85.5% !important;
    gap: 115px;
}
.supp-two-col-section {
    padding-top: 0 !important;
    padding-bottom: 68px !important;
}
.supp-two-col-section .sub-title-col {
    text-align: center;
}
.page-id-432 .innerpg-intro-section {
    padding-bottom: 70px !important;
}

ul.form-group-list li {
    padding-left: 0;
    padding-bottom: 0;
}

ul.form-group-list li::before {
    display: none;
}

ul.form-group-list li p {
    margin-bottom: 4px;
}

ul.form-group-list li p label span.wpcf7-list-item-label {
    line-height: 20px;
}
.checkbox-group ul.form-group-list li::before {
    display: none;
}


ul.form-group-list {
    padding-left: 0 !important;
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    flex-wrap: wrap;
}

ul.form-group-list li label {
    font-size: 15px;
    font-weight: bold;
    color: #808184;
}
.supplier-part-form-row {
    max-width: 56% !important;
}

body .supplier-part-form-sec .supplier-part-form-col {


    margin: 0 auto !important;
    width: 100% !important;
}
li.field-half {
    width: 48.8%;
}
li.field-full {
    width: 100%;
}
li.field-quart {
    width: 23%;
}
span.wpcf7-form-control-wrap {
    display: flex;
    width: 100% !important;
}
span.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-direction: column;
    width: 100%;
}



span.wpcf7-list-item label {
    display: flex;
    width: 100%;
}



span.wpcf7-list-item {
    display: flex;
    margin-left: 0;
}



span.wpcf7-list-item label {
    display: flex;
    width: 100%;
    gap: 10px;
    align-items: center;
    font-weight: 400 !important;
}

span.wpcf7-list-item label input {
    width: 15px;
    height: 15px;
    border: 1px solid #d1d1d1 !important;
    accent-color: #000000 !important;
    display: inline-block;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    padding: 6px !important;
}



span.wpcf7-list-item label input[type=checkbox]:checked {
    background-color: #00AAE8 !important;
    border-color: #ffff !important;
    box-shadow: 0px 0px 0px 1px #E4E5E5, inset 0px 0px 0px 14px #00AAE8 !important;
    display: inline-block;
    cursor: pointer;
}



select {
    border: 1px solid #E4E5E5 !important;
    display: block;
    color: #808184 !important;
    font-family: var(--font-inter);
    border-radius: 0 !important;
    padding: 10px 13px !important;
    font-size: 15px;
    width: 100%;
}



li.field-submit input {
    border: 1px solid var(--blue-bright) !important;
    color: var(--blue-bright) !important;
    font-size: 12px;
    border-radius: 60px !important;
    padding: 10px 43px 10px 43px !important;
    text-transform: uppercase;
    background: transparent !important;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
    transition: 0.3s;
    cursor: pointer;
}



li.field-submit input:hover {
    border: 1px solid var(--blue-bright) !important;
    color: white !important;
    font-size: 12px;
    border-radius: 60px !important;
    padding: 10px 43px 10px 43px !important;
    text-transform: uppercase;
    background: var(--blue-bright) !important;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
    transition: 0.3s;
}
li.field-submit {
    display: flex;
    margin: 0 auto;
    width: fit-content;
}



li.field-submit span.wpcf7-spinner {
    position: absolute;
    right: -75px;
    top: 7px;
}
.supplier-info-form h5.form-title {
    font-weight: 700;
    font-family: var(--font-inter-tight) !important;
    margin-bottom: 32px;
}
h6.form-section-title {
    font-weight: 700;
    color: var(--blue-bright);
    font-family: var(--font-inter-tight) !important;
    margin-bottom: 4px !important;
    margin-top: 42px;
}
ul.form-group-list li p br {
    display: none;
}
ul.form-group-list li p label {
    margin-bottom: 16px;
    display: flex;
}
.form-row ul.form-group-list li {
    padding-bottom: 11px;
}
.form-row.two-cols ul.form-group-list li {
    padding-bottom: 11px;
}
.form-row.two-cols ul.form-group-list li {
    padding-bottom: 11px;
}
ul.form-group-list.form-ul-list {
    margin-top: 0;
}
p.form-instruction {
    color: #808184 !important;
}
.form-group p label {
    font-weight: 700;
    color: #808184;
}
.form-group p {
    margin-bottom: 3px;
}
.checkbox-group {
    padding-left: 50px;
}
.checkbox-group {
    padding-left: 50px;
    padding-bottom: 27px;
}
.form-submit-wrapper {
    margin-top: 50px;
}
.supplier-part-form-sec:before {
    position: absolute;
    content: "";
    width: 87%;
    height: 2px;
    background: #D1B168;
    left: 50%;
    top: 60px;
    transform: translateX(-50%);
}

.page-id-446 .supplier-part-form-col li.field-submit {
    margin-top: 39px !important;
}

.page-id-446 .supplier-part-form-sec {
    padding-bottom: 0px !important;
}

.page-id-446 .safety-btn-sec {
    padding-top: 70px !important;
}
.supplier-part-form-sec {
    padding-top: 78px !important;
    padding-bottom: 57px !important;
}

/* ----------------------CONTACT US PAGE DESIGN---------------------------------- */

.contact-form-section:before {
    position: absolute;
    content: "";
    width: 87%;
    height: 2px;
    background: #D1B168;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.contact-form-left-col {
    width: 40% !important;
    background: #005287;
    border-radius: 45px;
    padding: 65px 84px 100px 59px;
}
.contact-form-section {
    padding-top: 76px !important;
}
.contact-form-right-col {
    width: 56% !important;
}
.contact-form-row {
    max-width: 87% !important;
    display: flex;
    justify-content: space-between;
    gap: 55px;
}
.contact-form-left-col h6 {
    font-weight: 700;
}
.contact-form-left-col .footer-address-widget {
    margin-bottom: 42px;
}
.contact-form-left-col .footer-address-widget a {
    text-decoration: none !important;
    font-size: 22px;
    font-weight: 700;
    padding-left: 35px;
    display: block;
    line-height: 31px;
}
.contact-form-left-col .footer-phone-widget {
    margin-bottom: 10px;
}
.contact-form-left-col .footer-phone-widget a {
    text-decoration: none !important;
    font-size: 22px;
    font-weight: 700;
    padding-left: 35px;
    display: block;
    position: relative;
}
.contact-form-left-col .footer-phone-widget a span {
    display: none;
}
.contact-form-left-col .footer-phone-widget a::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/ftr_Mobile.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 1px;
    left: 0;
}
.contact-form-left-col .footer-address-widget a::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/ftr_Location.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 1px;
    left: 0;
}
.footer-hours p {
    font-size: 22px;
    font-weight: 700;
    line-height: 20px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 12px;
}
.contact-form-left-col .footer-hours p:first-child::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/icon_ContactHours.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 1px;
    left: 0;
}
.contact-right h6 {
    font-weight: 700;
    color: var(--blue-bright);
}
.contact-team-outer-sec {
    padding-bottom: 0 !important;
}
.contact-right ul.form-list {
    padding-left: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-right ul.form-list li {
    padding-left: 0 !important;
    padding-bottom: 7px;
}
.contact-right ul.form-list li.submit-btn.field-submit {
    margin-top: 32px;
}
.contact-right ul.form-list li::before {
    display: none;
}
.select2-container--default .select2-selection--single {
    border: 0px solid #E4E5E5 !important;
    height: 41px !important;
    border-radius: 0 !important;
}

.wpcf7-not-valid+span.select2.select2-container.select2-container--default {
    border: 1px solid #ff0000 !important;
}

span.select2.select2-container.select2-container--default {
    border: 1px solid #E4E5E5 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #808184 !important;
    line-height: 38px !important;
    padding-left: 15px !important;
    font-size: 15px !important;
    text-transform: capitalize;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    opacity: 0;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #808184 !important;
    text-transform: capitalize;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../images/hdr_arrow_dropdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(0deg);
    left: auto;
    top: 14px;
    right: 12px;
    rotate: 90deg;
    transition: 0.4s;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    opacity: 0;
}
span.select2-dropdown.select2-dropdown--below {
    top: 0px !important;
}

.admin-bar span.select2-dropdown.select2-dropdown--below {
    top: 32px !important;
}

span.select2-dropdown.select2-dropdown--above {
    top: 0px !important;
    border-radius: 0;
}

.admin-bar span.select2-dropdown.select2-dropdown--above {
    top: 32px !important;
}
.contact-team-row {
    background: var(--blue-dark);
    padding: 50px 102px 100px 102px !important;
    border-radius: 40px;
}
.contact-team-col h2 {
    color: white;
    padding-left: 49px;
}
.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 23px;
}

.contact-card {
    background: white;
    border-radius: 20px;
    padding: 20px 20px 13px 20px;
}

.contact-card .avatar {
    width: 78%;
    position: relative;
    height: 0;
    padding-bottom: 78%;
    margin: 0 auto;
}

.contact-card .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    object-position: center 13%;
    left: 0;
    top: 0;
    border-radius: 50%;
}

.contact-card h4 {
    color: #404142;
    font-size: 20px !important;
    font-weight: bold;
    font-family: var(--font-inter) !important;
    text-align: center;
    line-height: 24px;
    margin-top: 36px;
}

.contact-card .contact-details a {
    width: 47px;
    height: 47px;
    background: #00aae8;
    border-radius: 100%;
    position: relative;
}

.contact-details {
    display: flex;
    justify-content: space-between;
    margin-top: 19px;
}

.contact-card .contact-details a::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    /* background: url(../images/hdr_Email.svg); */
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
}

.contact-card .contact-details a.email::before {
    background: url(../images/hdr_Email.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.contact-card .contact-details a.phone::before {
    background: url(../images/ftr_Mobile.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7427%) hue-rotate(23deg) brightness(118%) contrast(118%);
}

.contact-card p {
    text-align: center;
    line-height: 20px;
    margin-top: 20px;
    display: inline-block;
    min-height: 40px;
}

/* ----------------------CONTACT US PAGE END DESIGN---------------------------------- */


/* ----------------------SUPPLIER PARTNER PAGE END DESIGN---------------------------------- */

/*MEMBERS - END*/



.member-heading-col .block-text-content h3 {
    font-size: 30px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    font-family: 'Inter' !important;
    margin-top: 20px;
    margin-bottom: 0;
}
.member-heading-col .block-text-content ul {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 30px;
}
.member-heading-row {
    margin: auto !important;
    max-width: 87.5% !important;
    border-top: 1px solid #D1B168 !important;
    border-bottom: 1px solid #D1B168 !important;
    padding-bottom: 44px;
}
.member-heading-col .block-text-content ul li {
    font-size: 24px;
    font-weight: 700;
    padding-top: 35px;
    padding-left: 0;
    position: relative;
}
.member-heading-col .block-text-content ul li::before {
    position: absolute;
    content: "";
    width: 43px !important;
    height: 4px !important;
    background: #bd1332;
    top: 0;
    left: 0;
    border-radius: 0;
}
.page-id-24 .block-text-section {
    padding-bottom: 0 !important;
}



/* =====================================================

   MEMBERS LISTING — members-listing.css

   Child theme: /css/members-listing.css

   Fonts: Barlow Condensed (labels/headings) + Barlow (body)

===================================================== */





.page-id-24 .innerpg-intro-row .innerpg-intro-col .our-into-heading h6 {
    margin-top: 44px;
}
.members-map-outer {
    padding-top: 25px;
}



/* ── Reset ──────────────────────────────────────── */

.mp-members-wrap *,

.mp-members-wrap *::before,

.mp-members-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.mp-members-wrap {
    font-family: var(--mp-font-body);
    color: var(--mp-text);
    background: var(--mp-bg);
}
.mp-hidden {
    display: none !important;
}
.page-id-24 .innerpg-intro-section {
    padding-bottom: 0 !important;
}

/* ══════════════════════════════════════════════════

   FILTER BAR

══════════════════════════════════════════════════ */

.mp-filter-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 64px;
    padding: 12px 20px;
    background: var(--mp-white);
    border-bottom: 1px solid var(--mp-border);
    position: sticky;
    top: 0;
    z-index: 60;
}

/* State dropdown ─────────────── */

.mp-state-dropdown-wrap {
    position: relative;
}
.mp-state-trigger {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    background: transparent;
    border: 1px solid var(--mp-border);
    border-radius: var(--mp-radius);
    font-family: var(--mp-font-head);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #808184;
    cursor: pointer;
    transition: border-color var(--mp-ease), color var(--mp-ease);
}
.mp-state-trigger svg {
    filter: brightness(0) saturate(100%) invert(55%) sepia(63%) saturate(3011%) hue-rotate(161deg) brightness(95%) contrast(103%);
}
.mp-state-trigger:hover,
.mp-state-trigger[aria-expanded="true"] {
    border-color: var(--mp-accent);
    color: var(--mp-accent);
}
.mp-state-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 170px;
    background: var(--mp-white);
    border: 1px solid var(--mp-border);
    border-radius: var(--mp-radius);
    box-shadow: var(--mp-shadow-md);
    list-style: none;
    z-index: 100;
    max-height: 260px;
    overflow-y: auto;
    /* closed state */
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity var(--mp-ease), transform var(--mp-ease);
}
.mp-state-dropdown.mp-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    padding-left: 0 !important;
}

/* .mp-state-option {
    padding: 9px 15px;
    font-family: var(--mp-font-head);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
    cursor: pointer;
    color: var(--mp-text);
    transition: background var(--mp-ease), color var(--mp-ease);
} */

.mp-state-option {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 13px 40px;
    color: #fff !important;
    background: #00aae8;
    white-space: nowrap;
    border: 1px solid #00AAE8 !important;
    letter-spacing: .04em;
    cursor: pointer;
    transition: background var(--mp-ease), color var(--mp-ease);
    transition: 0.3s ease;
}
.mp-state-option:hover,

.mp-state-option.mp-state-selected {
    background: #fff;
    color: #00aae8 !important;
    transition: 0.3s ease;
}
.mp-state-dropdown.mp-open .mp-state-option::before {
    display: none;
}

/* View toggle ──────────────────── */

.mp-view-toggle {
    display: flex;
    border: 1px solid var(--mp-border);
    border-radius: var(--mp-radius);
    overflow: hidden;
    gap: 20px;
}
.mp-view-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 13px 40px;
    font-family: var(--mp-font-head);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .07em;
    color: #00AAE8 !important;
    cursor: pointer;
    transition: background var(--mp-ease), color var(--mp-ease);
    white-space: nowrap;
    border: 1px solid #00AAE8 !important;
    background: none;
    transition: 0.5s ease;
}



button.mp-view-btn.mp-view-btn--active,

button.mp-view-btn:hover {
    background: #00aae8;
    color: #fff !important;
    transition: 0.5s ease;
}
.mp-view-btn+.mp-view-btn {
    border-left: 1px solid var(--mp-border);
}
.mp-view-btn:hover {
    color: var(--mp-accent);
}
.mp-view-btn--active {
    background: var(--mp-accent);
    color: var(--mp-white) !important;
}

/* ══════════════════════════════════════════════════

   BODY LAYOUT

══════════════════════════════════════════════════ */

.mp-body {
    display: flex;
    align-items: stretch;
    position: relative;
    min-height: 600px;
    gap: 20px;
    padding-top: 24px;
}

/* ── Alpha sidebar (list view) ──────────────────── */

.mp-alpha-sidebar {
    width: 76px;
    flex-shrink: 0;
    padding: 20px 0;
    background: var(--mp-white);
    border-right: 1px solid var(--mp-border);
    position: sticky;
    top: 53px;
    height: calc(100vh - 53px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.mp-alpha-heading {
    font-family: var(--mp-font-head);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
    color: var(--mp-muted);
    margin-bottom: 10px;
    text-align: center;
}
.mp-alpha-letter-btn {
    display: block;
    width: 30px;
    padding: 3px 0;
    text-align: center;
    font-family: var(--mp-font-head);
    font-size: 13px;
    font-weight: 600;
    color: var(--mp-muted);
    background: transparent;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background var(--mp-ease), color var(--mp-ease);
}
.mp-alpha-letter-btn:hover {
    background: var(--mp-accent);
    color: var(--mp-white);
}

/* ── Listing panel ──────────────────────────────── */



.mp-listing-panel--list .mp-listing-grid .mp-letter-anchor {
    display: none;
}
.mp-listing-panel {
    flex: 1;
    min-width: 0;
    padding: 24px;
}

/* List mode — 2-column grid */

.mp-listing-panel--list .mp-listing-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    column-gap: 65px;
    width: 80%;
    margin: auto;
}

/* Map mode — scrollable single column */



.mp-listing-panel--map {
    width: var(--mp-panel-w);
    max-width: var(--mp-panel-w);
    flex: none;
    padding: 0;
    overflow-y: auto;
    height: calc(100vh - 53px);
    border-right: 1px solid var(--mp-border);
    width: 38%;
    scrollbar-width: thin;
    /* / auto | thin | none / */
    scrollbar-color: #002A58 #d9d9d9;
    /* / thumb color | track color / */
}
.mp-listing-panel--map::-webkit-scrollbar {
    width: 4px;
}
.mp-listing-panel--map::-webkit-scrollbar-track {
    background: #d9d9d9;
    border-radius: 10px;
}
.mp-listing-panel--map::-webkit-scrollbar-thumb {
    background: #00c2ff;
    border-radius: 10px;
}
.mp-listing-panel--map::-webkit-scrollbar-thumb:hover {
    background: #009ac9;
}
.mp-listing-panel--map .mp-listing-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 15px;
}
.mp-map-panel #wpsl-wrap div#wpsl-gmap {
    width: 100%;
    height: 100% !important;
}

/* Letter anchor divider */

.mp-letter-anchor {
    grid-column: 1 / -1;
    height: 0;
    overflow: hidden;
}

/* No results */

.mp-no-results {
    grid-column: 1 / -1;
    padding: 48px 24px;
    text-align: center;
    color: var(--mp-muted);
    font-size: 15px;
}

/* ── Map panel (WPSL) ───────────────────────────── */

.mp-map-panel {
    flex: 1;
    min-height: 600px;
    position: relative;
}

/* Make WPSL fill the panel */

.mp-map-panel #wpsl-wrap,

.mp-map-panel #wpsl-map-canvas {
    width: 100% !important;
    height: 100% !important;
    min-height: 600px;
}

/* Map placeholder (WPSL not active) */

.mp-map-placeholder {
    width: 100%;
    height: 100%;
    min-height: 400px;
    background: #e8eaed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--mp-muted);
    text-align: center;
    padding: 40px;
    font-size: 14px;
    line-height: 1.6;
}

/* ── State tabs sidebar (map view) ──────────────── */

.mp-state-tabs {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    background: rgba(255, 255, 255, .96);
    border-left: 1px solid var(--mp-border);
    padding: 12px 0;
    overflow-y: auto;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.mp-state-tab {
    padding: 8px 10px;
    font-family: var(--mp-font-head);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--mp-muted);
    background: transparent;
    border: none;
    border-right: 3px solid transparent;
    text-align: right;
    cursor: pointer;
    transition: color var(--mp-ease), border-color var(--mp-ease);
    line-height: 1.3;
}
.mp-state-tab:hover {
    color: var(--mp-accent);
}
.mp-state-tab--active {
    color: var(--mp-accent);
    border-right-color: var(--mp-accent);
}

/* ══════════════════════════════════════════════════

   MEMBER CARD

══════════════════════════════════════════════════ */

.mp-card {
    background: var(--mp-white);
    border: 1px solid #c6ceda !important;
    border-radius: 25px !important;
    box-shadow: var(--mp-shadow-sm);
    overflow: hidden;
    transition: box-shadow var(--mp-ease), border-color var(--mp-ease);
    height: fit-content !important;
}
.mp-card:hover {
    box-shadow: var(--mp-shadow-md);
    border-color: #c6ceda;
}
.mp-card--expanded {
    border-color: var(--mp-accent);
}

/* .mp-card--highlighted {
    border-color: var(--mp-accent);
    background: #f0f8ff;
    box-shadow: 0 0 0 2px rgba(0, 170, 255, .18);
} */



/* Map mode card — no rounded corners, no gaps, cursor pointer */

.mp-listing-panel--map .mp-card {
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none;
    cursor: pointer;
}

/* .mp-listing-panel--map .mp-card:hover {
    background: #f5faff;
} */

/* Card header */

.mp-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 16px;
}
.mp-card-header-info {
    flex: 1;
    min-width: 0;
}
.mp-card-title {
    font-family: var(--mp-font-head);
    font-size: 20px !important;
    font-weight: 700;
    letter-spacing: .02em;
    color: var(--mp-navy);
    margin-bottom: 18px;
    line-height: 1.25;
}

/* Visit website */

.mp-card-website {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 18px;
    color: var(--mp-accent);
}
.mp-card-website svg {
    filter: brightness(0) saturate(100%) invert(55%) sepia(63%) saturate(3011%) hue-rotate(161deg) brightness(95%) contrast(103%);
}
.mp-website-link {
    font-size: 16px;
    font-weight: 500;
    color: #00aae8;
    text-decoration: none;
    transition: color var(--mp-ease);
}
.mp-website-link:hover {
    color: var(--mp-accent-dark);
    text-decoration: underline;
}

/* Meta rows */

.mp-card-meta {
    font-size: 12.5px;
    color: var(--mp-text);
    margin-bottom: 0px;
    line-height: 1.5;
}
.mp-meta-label {
    font-family: var(--mp-font-head);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .06em;
    color: #404142;
}
.mp-meta-value {
    font-weight: 400;
    color: #3A3A3A;
    font-size: 16px;
}

/* Expand / collapse toggle */

.mp-card-toggle {
    flex-shrink: 0;
    width: 32px;
    background: #00aae8 !important;
    height: 32px;
    color: #fff !important;
    border: 2px solid var(--mp-accent);
    border-radius: 50%;
    background: transparent;
    color: var(--mp-accent);
    font-size: 25px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background var(--mp-ease), color var(--mp-ease);
    font-family: var(--mp-font-body);
    padding-bottom: 1px;
}

span.mp-toggle-icon {
    font-size: 52px;
    top: -2px;
    right: 0px;
    font-weight: 50;
    transition: 0.2s;
    position: relative;
}
.mp-card-toggle:hover {
    background: var(--mp-accent);
    color: var(--mp-white);
}
.mp-card--expanded .mp-card-toggle {
    background: var(--mp-accent);
    color: var(--mp-white);
}

/* Card body (expanded area) */

.mp-card-body {
    padding: 0 16px 18px;
    border-top: 1px solid var(--mp-border);
}
.mp-card-logo {
    margin: 14px 0 12px;
    max-width: 290px;
}
.mp-card-logo img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}
.mp-card-content {
    font-size: 13.5px;
    line-height: 1.75;
    color: var(--mp-text);
    margin-top: 12px;
}
.mp-card-content p {
    margin-bottom: 10px;
}
.mp-card-content ul,

.mp-card-content ol {
    margin: 0 0 10px 20px;
}
.mp-card-content li {
    margin-bottom: 5px;
}


/* ══════════════════════════════════════════════════

   RESPONSIVE

══════════════════════════════════════════════════ */

@media (max-width: 1024px) {
    .mp-listing-panel--list .mp-listing-grid {
        grid-template-columns: 1fr;
    }
}



@media (max-width: 768px) {
    .mp-filter-bar {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px;
    }

    /* .mp-view-toggle {
        flex: 1;
    } */

    .mp-view-btn {
        flex: 1;
        justify-content: center;
    }


    /* Stack layout on mobile */
    .mp-body {
        flex-direction: column;
    }


    .mp-alpha-sidebar {
        display: none !important;
    }


    .mp-state-tabs {
        display: none !important;
    }


    /* .mp-listing-panel--map {
        width: 100%;
        max-width: 100%;
        height: 300px;
        border-right: none;
        border-bottom: 1px solid var(--mp-border);
        order: 2;
    } */


    .mp-map-panel {
        min-height: 100%;
    }


    .mp-map-panel #wpsl-wrap,
    .mp-map-panel #wpsl-map-canvas {
        min-height: 300px !important;
    }


    .mp-listing-panel--list {
        padding: 16px;
    }
}



@media (max-width: 480px) {
    .mp-card-header {
        padding: 12px;
    }


    .mp-card-title {
        font-size: 15px;
    }
}



/* ── Hide WPSL search controls ── */

#wpsl-search-wrap,

#wpsl-search-input,

.wpsl-search,

#wpsl-search {
    display: none !important;
}



/* ── Make WPSL results list hidden too (we use our own panel) ── */

#wpsl-stores,

#wpsl-result-list {
    display: none !important;
}



/* ── Let the map fill the full panel cleanly ── */

#wpsl-wrap {
    padding: 0 !important;
    margin: 0 !important;
}



/* ── Hide alpha sidebar everywhere ── */

.mp-alpha-sidebar {
    display: none !important;
}



/* ── Hide right-side state tabs in map view ── */

.mp-state-tabs {
    display: none !important;
}

/**
  Supplier Partners Page Start
 */

.partners-grid {
    /* display: flex;
    flex-wrap: wrap; */
    column-gap: 68px;
    column-count: 2;
    margin-top: 35px;
}
.partner-card {
    width: 100%;
    border: 1px solid #c6ceda;
    border-radius: 25px;
    padding: 20px;
    background: #fff;
    align-self: flex-start;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 18px;
    position: relative;
}
.partner-expand {
    font-family: var(--font-inter);
    font-weight: 400;
    font-size: 15px;
    color: var(--para) !important;
    line-height: 30px;
    padding: 0px;
    margin-bottom: 10px
}
.partner-expand ul {
    padding-left: 0 !important;
    margin-top: 15px;
    margin-bottom: 15px;
}
.partner-top {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.partner-logo {
    width: 22%;
    position: relative;
    height: 0;
    padding-bottom: 23.5%;
}
.partner-info h6 {
    font-size: 18px !important;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
    padding-right: 20px;
    color: #000;
}

a.visit-link {
    font-size: 16px;
    font-weight: 500;
    color: #00aae8;
    text-decoration: none;
    transition: color var(--mp-ease);
    position: relative;
    padding-left: 29px;
}

a.visit-link::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/world-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 1px;
    left: 0;
}

a.contact-link {
    font-size: 16px;
    font-weight: 500;
    color: #00aae8;
    text-decoration: none;
    transition: color var(--mp-ease);
    position: relative;
    padding-left: 29px;
}

a.contact-link::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/hdr_Email.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 1px;
    left: 0;
    filter: brightness(0) saturate(100%) invert(68%) sepia(85%) saturate(4142%) hue-rotate(160deg) brightness(93%) contrast(101%);
}
.partner-name p {
    margin-bottom: 0;
    line-height: 20px;
}
.partner-name {
    margin-top: 15px;
}
.partner-name p:first-child {
    font-weight: 700;
}
.partner-logo img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    object-fit: contain;
}
.partner-info h3 {
    margin: 0;
    font-size: 16px;
}
.toggle-btn {
    flex-shrink: 0;
    width: 32px;
    background: #00aae8 !important;
    height: 32px;
    color: #fff !important;
    border-radius: 50%;
    font-size: 0;
    display: flex;
    line-height: 29px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding-bottom: 1px;
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 100;
    transition: 0.2s;
}
.toggle-btn:before {
    position: absolute;
    content: "+";
    font-size: 52px;
    top: -2px;
    right: 1px;
    font-weight: 50;
    transition: 0.2s;
}
.partner-card.active .toggle-btn {
    background-color: #C31230 !important;
}
.partner-card.active .toggle-btn:before {
    /* content: "-"; */
    rotate: 45deg;
    top: -1px;
    right: -2px;
}
.partners-filter-wrapper {
    display: flex;
    justify-content: flex-end;
}
.partner-expand {
    display: none;
    margin-top: 20px;
    border-top: 1px solid #00000029;
    padding-top: 16px;
}
.partners-filter-wrapper span.select2-selection.select2-selection--single {
    border: 0px solid #E4E5E5 !important;
}
.partners-filter-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #808184 !important;
    text-transform: uppercase;
    font-family: 'Archivo';
    font-size: 14px;
}
.partners-filter-wrapper .select2-container {
    width: 125px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::before {
    position: absolute;
    content: "";
    /* width: 7px;
    height: 7px; */
    background-image: url(../images/hdr_arrow_dropdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(0deg);
    left: auto;
    top: 14px;
    right: 12px;
    rotate: 90deg;
    transition: 0.4s;
}

body .sup-parnter-into {
    padding-bottom: 20px !important;
}
.supplier-partners-cards-section {
    position: relative;
    padding-top: 38px !important;
    padding-bottom: 0 !important;
}
.supplier-partners-cards-section:before {
    width: 87%;
    height: 2px;
    position: absolute;
    background: #D1B168;
    content: "";
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.page-id-31 .aboutpg-intro-section {
    padding-bottom: 25px !important;
}

/**
  Supplier Partners Page End
 */

/* ----------------------SUPPLIER PARTNER PAGE END DESIGN---------------------------------- */

/* ----------------------SUPPLIER FAIR PAGE END DESIGN---------------------------------- */


.upcoming-outer {
    background: var(--blue-bright);
}
.upcoming-column h2.et_pb_module_header {
    color: white;
    margin-bottom: 21px;
}
.supplier-item .upcoming-img img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    position: absolute;
}
.upcoming-img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 61.5%;
}
.upcoming-con {
    background: white;
    padding: 41px 82px 60px 47px;
    border-radius: 0 0 45px 0;
}
.upcoming-suppliers-carousel {
    max-width: 84% !important;
    margin: 0 auto;
}
.upcoming-con h5 {
    margin-top: 30px;
    font-weight: 500;
    color: #22469C;
    font-family: var(--font-inter-tight) !important;
}
p.supplier-location {
    font-family: var(--font-inter-tight);
}

p.supplier-date {
    color: #C31230 !important;
    font-size: 22px !important;
    font-family: var(--font-roboto-condensed) !important;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 25px;
}
.upcoming-row {
    max-width: 94% !important;
}
.upcoming-row .owl-dots,

.Recent-Supplier-row .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 61px;
    gap: 10px;
}
.upcoming-row .owl-dots button.owl-dot.active,

.Recent-Supplier-row .owl-dots button.owl-dot.active {
    width: 9px;
    height: 9px;
    border: 1px solid white;
    background-color: white;
}
.upcoming-row .owl-dots button.owl-dot,

.Recent-Supplier-row .owl-dots button.owl-dot {
    width: 9px;
    height: 9px;
    border: 1px solid white;
}
.Recent-Supplier-outer {
    background: var(--blue-dark);
    padding-bottom: 76px !important;
}
.Recent-Supplier-col h2.et_pb_module_header {
    color: white;
    margin-bottom: 21px;
}
.supplier-img img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    position: absolute;
}
.supplier-img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 61.5%;
}
.upcoming-con {
    background: white;
    padding: 41px 82px 60px 47px;
    border-radius: 0 0 45px 0;
}
.recent-supplier-grid {
    max-width: 84% !important;
    margin: 0 auto;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    column-gap: 110px;
    row-gap: 75px;
}
.supplier-body h5 {
    margin-top: 30px;
    font-weight: 500;
    color: #22469C;
    font-family: var(--font-inter-tight) !important;
    position: relative;
}
.supplier-content a {
    color: var(--blue-bright);
}

p.supplier-location {
    font-family: var(--font-inter-tight);
}
p.supplier-date {
    color: #C31230 !important;
    font-size: 22px !important;
    font-family: var(--font-roboto-condensed) !important;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 25px;
}
.Recent-Supplier-row {
    max-width: 94% !important;
}
.supplier-body {
    background: white;
    padding: 41px 82px 60px 47px;
    border-radius: 0 0 45px 0;
    position: relative;
}
.load-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: 94px;
}
button.load-more-btn {
    border: 1px solid var(--blue-bright) !important;
    color: var(--blue-bright) !important;
    font-size: 12px;
    border-radius: 60px !important;
    padding: 10px 43px 10px 43px !important;
    text-transform: uppercase;
    background: transparent !important;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
    transition: 0.3s;
    cursor: pointer;
}
button.load-more-btn:hover {
    border: 1px solid var(--blue-bright) !important;
    color: white !important;
    font-size: 12px;
    border-radius: 60px !important;
    padding: 10px 43px 10px 43px !important;
    text-transform: uppercase;
    background: var(--blue-bright) !important;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
    transition: 0.3s;
}
.supplier-body::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/nav_ArrowAqua.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(51%) sepia(64%) saturate(4137%) hue-rotate(166deg) brightness(102%) contrast(101%);
    right: 30px;
    bottom: 30px;
}
.spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-top-color: #000;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    display: inline-block;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.page-id-649 .aboutpg-intro-section {
    padding-top: 80px !important;
}

.fair-quote {
    padding-top: 0px !important;
}
.fair-quote-row {
    max-width: 79% !important;
}
.fair-quote-col {
    padding-left: 51px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 22px;
}
.fair-quote-col:before {
    position: absolute;
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
    background: #D1B168;
    content: "";
}
.fair-quote-col p {
    font-style: italic;
}
.supply-fair-quote {
    overflow: hidden;
}
.supply-fair-quote::before {
    content: "" !important;
    position: absolute !important;
    left: -33%;
    bottom: -220px;
    width: 1500px;
    height: 515px;
    background: url(../images/side-lines.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}
.winter-gallery-row .owl-nav {
    display: flex;
    justify-content: space-between;
    width: 97%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.winter-gallery-row .owl-nav button.owl-prev:before,
.winter-gallery-row .owl-nav button.owl-next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/slid-ar.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.winter-gallery-row .owl-nav button.owl-prev:before {
    rotate: 0deg;
}
.winter-gallery-row .owl-nav button.owl-next:before {
    rotate: 180deg;
    color: transparent;
}
.swiper-button-prev::after {
    display: none;
}
.swiper-button-prev:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/slid-ar.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    rotate: 0deg;
    height: 100%;
    color: transparent;
}

.swiper-button-prev,
.swiper-button-next {
    width: 40px !important;
    height: 40px !important;
}

.swiper-button-next::after {
    display: none;
}

.swiper-button-next:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/slid-ar.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    rotate: 180deg;
    width: 100%;
    height: 100%;
}
.winter-gallery-row .owl-nav button {
    width: 45px;
    height: 45px;
}

/* .fair-quote {
    padding-top: 10px !important;
    padding-bottom: 80px !important;
} */



/* ----------------------SUPPLIER FAIR PAGE END DESIGN---------------------------------- */



/* ----------------------SUPPLIER FAIR DETAILS PAGE DESIGN---------------------------------- */

section.supplier-fair-hero .container.container::before {
    display: none;
}
section.supplier-fair-hero .container {
    max-width: 97% !important;
    padding-top: 50px !important;
}
.fair-tittle-wrapper {
    margin-top: 44px;
}
h3.fair-title {
    color: var(--blue-medium);
    margin-top: 10px;
    font-weight: 500;
    font-family: 'Inter Tight' !important;
    margin-bottom: 40px;
}
.fair-tittle-wrapper p.fair-location {
    text-transform: uppercase;
    margin-bottom: 15px;
}
.fair-hero-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 80px;
}
.fair-main-content {
    margin-top: 65px;
}
section.supplier-fair-quote .container {
    max-width: 87% !important;
}
section.supplier-fair-quote .container::before {
    display: none;
}
.fair-main-content h6 {
    color: #00AAE8;
    font-family: 'Inter';
    font-weight: 600;
}
.fair-main-content h6:nth-of-type(2) {
    font-size: 15px !important;
    color: #404142;
    margin-bottom: 0;
    font-weight: 700;
}

.acf-dynamic-title h6 {
    font-size: 15px !important;
    color: #404142;
    margin-bottom: 0;
    font-weight: 700;
}

blockquote.fair-quote {
    color: #D1B168;
    font-style: italic;
    text-align: center;
}

blockquote.fair-quote h3 {
    font-weight: 600;
}
section.supplier-fair-quote {
    margin-bottom: 80px;
    margin-top: 102px;
}
section.supplier-fair-quote .container {
    max-width: 87% !important;
    border-bottom: 1px solid #D1B168;
    border-top: 1px solid #D1B168;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
}
.fair-main-content h6:last-child {
    font-size: 18px !important;
}
.fair-main-wrapper {
    padding-left: 70px;
    padding-right: 70px;
}
.fair-hero-image {
    position: relative;
    width: 40.5%;
    height: 0;
    padding-bottom: 24.5%;
}

span.stat-number {
    color: white;
    font-size: 26px;
    font-weight: 400;
    font-family: 'Inter';
}
span.stat-label {
    color: white;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Inter';
}
.fair-hero-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}
.stat-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #002a58;
    padding: 30px;
    height: 180px;
    justify-content: center;
    width: 255px;
}

.fair-stat-boxes .stat-box:nth-of-type(2) {
    background-color: var(--blue-medium) !important;
}
.fair-stat-boxes {
    display: flex;
    gap: 10px;
}



a.back-link {
    color: var(--blue-bright);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    font-family: var(--font-archivo) !important;
    padding-left: 15px;
    position: relative;
}

a.back-link::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    background-image: url(../images/hdr_arrow_dropdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 3px;
    left: 0;
    transition: 0.4s;
    rotate: 180deg;
}
.fair-nav-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fair-nav-links a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    font-family: var(--font-archivo) !important;


    position: relative;
}
.fair-nav-links .nav-next a {
    color: var(--blue-bright);
    padding-right: 15px;


}
.fair-nav-links .nav-next a::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    background-image: url(../images/hdr_arrow_dropdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 3px;
    right: 0;
    transition: 0.4s;
    rotate: 0deg;
}

.fair-nav-links .nav-prev a {
    color: #808184;
    padding-left: 15px;
}
.fair-nav-links .nav-prev a::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    background-image: url(../images/hdr_arrow_dropdn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 3px;
    left: 0;
    transition: 0.4s;
    rotate: 180deg;
    filter: brightness(0) saturate(100%) invert(52%) sepia(5%) saturate(184%) hue-rotate(188deg) brightness(97%) contrast(92%);
}

section.supplier-fair-navigation .container {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

section.supplier-fair-navigation .container::before {
    display: none;
}

section.supplier-fairs-banner {
    display: flex;
    padding-top: 146px !important;
    padding-bottom: 30px !important;
    background: var(--blue-dark);
}

section.supplier-fairs-banner .container {
    max-width: 87% !important;
}

section.supplier-fairs-banner .banner-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.supplier-fairs-banner .banner-content h1.banner-title {
    color: white;
}
.banner-buttons {
    display: flex;
    gap: 20px;
}

a.btn.btn-banner-outline {
    border: 1px solid white !important;
    color: var(--whitecolor) !important;
    font-size: 12px;
    border-radius: 0px;
    padding: 8px 15px 8px 15px !important;
    text-transform: uppercase;
    font-family: var(--font-archivo) !important;
    letter-spacing: 1px;
}

a.btn.btn-banner-outline:hover {
    border: 1px solid var(--blue-bright) !important;
    color: white !important;
    font-size: 12px;
    border-radius: 0px;
    padding: 8px 15px 8px 15px !important;
    font-family: var(--font-archivo) !important;
    text-transform: uppercase;
    background: var(--blue-bright) !important;
    letter-spacing: 1px;
}


/* ----------------------SUPPLIER FAIR DETAILS PAGE DESIGN END ---------------------------------- */



.non-members-scroll-end {
    padding: 30px 0 !important;
}
.glightbox-container {
    z-index: 9999999999 !important;
}

/* Only when lightbox open */
body.glightbox-open,
html.glightbox-open {
    overflow: hidden !important;
}

/* 🔥 MAIN FIX (Divi container) */
body.glightbox-open #page-container {
    overflow: hidden !important;
    height: 100vh !important;
}

.simple-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin: 0 auto;
}

.simple-gallery a.glightbox {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 63%;
}

.simple-gallery img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
    background: #d5d6d640;
    position: absolute;
    left: 0;
    top: 0;
}

.myGalleryCarousel img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
}


.single-news .gallery-wrapper {
    width: 100%;
}


@media (min-width: 768px) {
    .few-images .swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    .few-images .swiper-slide {
        width: 100% !important;
    }
}

.acf-gallery-wrapper {
    max-width: 900px;
    margin: auto;
}

.acf-carousel img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 8px;
    opacity: 0.7;
    transition: 0.3s;
}

.swiper-slide-active img {
    transform: scale(1.05);
    opacity: 1;
}

/* arrows */
.swiper-button-next,
.swiper-button-prev {
    color: #000;
}

/* dots */
.swiper-pagination-bullet {
    background: #000;
}

/* ----------------NEWS FILTER AND SEARCH HIDE---------------------- */



/* .news-filter span.select2.select2-container {
    display: none;
} */

.news-filter .news-s-outer {
    display: none !important;
}

.news-filter .news-categories.desktop-only span.uncategorized{
    display: none;
}

/*=========================================================*/

.news-gallery-outer.winter-gallery-outer.confrence-gallery {
    padding: 0 !important;
    background: none !important;
}

.news-gallery-outer .gallery-wrapper.more-than-3 {
    padding-top: 130px;
    padding-bottom: 85px !important;
    background-color: #012a56;
}

.single-news .news-gallery-outer .gallery-wrapper .grid-wrapper {
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 93%;
    margin: auto;
}

.single-news .news-gallery-outer .gallery-wrapper  .grid-wrapper .grid-item {
    width: 33.3% !important;
}

.single-news .news-gallery-outer .gallery-wrapper .grid-wrapper .grid-item a {
    position: relative;
    display: block;
    padding-bottom: 72%;
}

.single-news .news-gallery-outer .gallery-wrapper .grid-wrapper .grid-item a img {
    position: absolute;
    height: 100% !important;
    width: 100% !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    background: #d5d6d640;
}