@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%;

    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: 26px;

    font-family: 'Inter';

    color: white;

    font-weight: 400 !important;

}



.pointer-row-one h6.title {

    font-size: 14px !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;
}

/* ----------------------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 {

    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%;

}



.winter-gallery-row .owl-nav button.owl-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%;
    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-next {
    width: 40px !important;
    height: 40px !important;
}

.swiper-button-prev {
    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;
}