@import url('https://fonts.cdnfonts.com/css/arial?styles=48878,48885,51076,48879,48880,48886,48889,49054,51911,51915,51914');
@font-face {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 400;
    src: local('Avenir'), url('https://fonts.cdnfonts.com/s/71748/avenir_roman_12.woff') format('woff');
}
/*=================== GENERAL STYLES =========================*/
:root{
    --color-first: #000000;
    --color-second: #ffffff;
    --color-white: #ffffff;
    --color-white-same: #ffffff;
    --color-black: #000000;
    --color-black-same: #000000;
    --color-golden: #938048;
    --color-content: #A0A0A0;
    --color-content-same: #A0A0A0;

    /*bg Colors*/
    --bg-first-light: #191920;

    /* Border Colors */
    --border-color-black: var(--color-black);
    --border-color-white: var(--color-white);
    --border-color-golden: var(--color-golden);
    --border-color-light: #404040;

    /*font-family*/
    --font-family-arial: 'Arial', sans-serif;
    --font-family-arial-black: 'Arial Black', sans-serif;
    --font-family-arial-light: 'Arial Light', sans-serif;
    --font-family-arial-ce: 'Arial CE', sans-serif;
    --font-family-arial-ce-black: 'Arial CE MT Black', sans-serif;

}
:root { &:has(html[data-bs-theme="light auto"]) {color-scheme: light;} &:has(html[data-bs-theme="dark"]) {color-scheme: dark;} }
*,::after,::before{box-sizing: border-box;}
* {
    margin: 0;
    padding: 0;
    font-family: 'Avenir';
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5;
    text-transform: none;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: var(--color-black);
    color: var(--color-content);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
.cursor-pointer {cursor: pointer !important;}
a {text-decoration: none;color: inherit;transition: all 0.3s ease;}
a:hover {color: var(--color-golden);}
a,a:hover,.decorationNone{text-decoration: none;}
html {scroll-behavior: smooth;}
ul li {list-style: none;}
ul.list-disc li, ul.list li {list-style: disc;}
img {object-fit: scale-down;object-position: center;}
.img-contain {object-fit: contain;object-position: center;}
.img-cover {object-fit: cover;object-position: center;}
.wrapper{position: relative;}
.font-family-arial-black {font-family: var(--font-family-arial-black);}
.font-family-arial-ce {font-family: var(--font-family-arial-ce);}
.z-2 {z-index: 2}
.z-99 {z-index: 99 !important;}
.z-9999 {z-index: 9999 !important;}
.box-shadow1 {box-shadow: 0 0 80px rgba(255, 255, 255, 0.16);}
.ls-2 {letter-spacing: -2px}
.lh-095 {line-height: 0.95 !important;}
.lh-1 {line-height: 1 !important;}
.lh-1-5 {line-height: 1.5 !important;}
.h-28 {min-height: 28px !important;height: 28px !important;}
.h-36 {min-height: 36px !important;height: 36px !important;}
.h-40 {min-height: 40px;height: 40px;}
.h-44 {min-height: 44px;height: 44px;}
.h-48 {min-height: 48px;height: 48px;}
.h-200 {min-height: 200px !important;height: 200px !important;}
.h-280 {min-height: 280px !important;height: 280px !important;}
.w-28 {min-width: 28px;width: 28px;}
.w-36 {min-width: 36px;width: 36px;}
.w-40 {min-width: 40px;width: 40px;}
.w-44 {min-width: 44px;width: 44px;}
.w-48 {min-width: 48px;width: 48px;}
.w-120 {min-width: 120px;width: 120px;}
.min-w-fit-content {min-width: fit-content !important;}
.w-fit-content {width: fit-content !important;}
.w-max-content {width: max-content !important;}
.no-after:after {display: none !important;}
.transform-none {transform: none !important;}
.border-transparent {border-color: transparent !important;}
.bottom-line{border-bottom: 1px solid #2d2d2d;}
textarea{resize: none;}
.overflow-x-auto {overflow-y: hidden;overflow-x: auto;scrollbar-width: thin;}
.overflow-y-auto {overflow-y: auto;overflow-x: hidden;scrollbar-width: thin;}
.modal-close-btn {
    position: absolute;
    top: -15px;
    left: auto;
    right: -15px;
    font-size: 12px;
    padding: 6px;
    margin: 0;
    width: 28px;
    height: 28px;
    border-radius: 100px;
    border: none !important;
    background-color: var(--color-white);
    outline: none !important;
    box-shadow: none;
    opacity: 1 !important;
}
/*scrollbar*/
*, *::before, *::after, html {
    scrollbar-width: thin;scrollbar-color: #72727f #1f1f26;
    &::-webkit-scrollbar {width: 6px;height: 6px;}
    &::-webkit-scrollbar-track  {background: #1f1f26;}
    &::-webkit-scrollbar-thumb  {background: #72727f;border-radius: 3px;}
    &::-webkit-scrollbar-thumb:hover {background: #72727f;}
}
/*scrollbar end*/
/*==================== ICON SIZE STYLES ==========================*/
.iconSize-16 {min-width:16px;width:16px;height:16px;}
.iconSize-20 {min-width:20px;width:20px;height:20px;}
.iconSize-24 {min-width:24px;width:24px;height:24px;}
.iconSize-28 {min-width:28px;width:28px;height:28px;}
.iconSize-32{min-width:32px !important;width:32px !important;height:32px !important;}
.iconSize-36{min-width:36px !important;width:36px !important;height:36px !important;}
.iconSize-40{min-width:40px !important;width:40px !important;height:40px !important;}
.iconSize-48{min-width:48px !important;width:48px !important;height:48px !important;}
.iconSize-60{min-width:60px !important;width:60px !important;height:60px !important;}
/*==================== BORDER STYLES ==========================*/
.border-color-black {border-color: var(--border-color-black) !important;}
.border-color-white {border-color: var(--border-color-white) !important;}
.border-color-golden {border-color: var(--border-color-golden) !important;}
.border-color-light {border-color: var(--border-color-light) !important;}
/*==================== BUTTON STYLES ==========================*/
.btn, button, .spot-btn {border-radius: 0 !important;}
.button-style,input[type=submit].button-style, .btn-golden, .btn-black, .btn-white, .spot-btn {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    gap: 6px;
    font-size: 0.95rem;
    font-weight: 400;
    letter-spacing: 0;
    border: 2px solid transparent;
    border-radius: 0 !important;
    min-height: 44px;
    text-transform: uppercase;
    outline: none !important;
    box-shadow: none !important;
}
.button-style.button-sm{padding: 4px 12px;font-size:0.875rem;min-height: 32px;}
.btn-outline-black, .spot-btn, .spot-btn:hover, .see-all-btn, .see-all-btn:hover, .news-subscribe-btn, .news-subscribe-btn:hover,
.btn-outline-black:hover, .btn-black:hover, .btn-black,
.btn-outline-white, .btn-outline-white-same,
.btn-outline-white:hover, .btn-white:hover, .btn-white ,
.btn-outline-golden, .btn-outline-golden-same, .spot-btn-gold, .spot-btn-gold:hover,
.btn-outline-golden:hover, .btn-golden:hover, .btn-golden {color: var(--color-white) !important;border-color: var(--color-golden) !important;background-color: var(--color-golden) !important;}
.split-btn {cursor: pointer;display: inline-flex;align-items: stretch;}
.split-btn > a {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 18px;
    color: var(--color-golden);
    transition: 0.3s ease;
}
.split-btn > a {background-color: var(--color-golden);color: var(--color-white-same);}
.split-btn > a svg, .split-btn > a svg path,
.btn-outline-golden svg, .btn-golden svg, .btn-golden svg,
.btn-outline-golden svg path, .btn-golden svg path, .btn-golden svg path{stroke: var(--color-white-same) !important;}
.split-btn .split-divider {width: 2px;background-color: var(--color-white-same);}
.no-bg-btn {
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    outline: none !important;
    box-shadow: none !important;
}
.bi-search, .library-sort, .library-sort option {cursor: pointer !important;}
.library-search, .executive-search {filter: grayscale(1) !important;}

.library-filters .filter-btn.border-color-light {
    color: var(--color-white) !important;
    border-color: var(--border-color-light) !important;
    background-color: transparent !important;
}
.library-filters .filter-btn {
    color: var(--color-black) !important;
    border-color: var(--color-white) !important;
    background-color: var(--color-white) !important;
}
/*==================== HEADING STYLES =========================*/
.webContent .mainHeading,.webContent .article-contents h1, .section-title, .section-title span {font-size: 3rem;font-weight: 800;
    font-family: var(--font-family-arial-black);letter-spacing: 0;line-height:1.2;text-transform: uppercase;}
.section-title {color: var(--color-white);}
.section-title span {color: var(--color-golden);}
.webContent .largeHeading{
    font-size: 2.6rem;
    line-height:1.3;
    letter-spacing: 0;
    color: var(--color-white);
    font-family: var(--font-family-arial-black);
}
.webContent .subHeading {
    font-size:1.8rem;
    letter-spacing:0px;
    color: var(--color-white);
    font-family:var(--font-family-arial-ce);
    margin-bottom: 5px;
    line-height:1.3;
}
.section-subtitle, p, .text-lg-2, .text-lg, .text-md, .feature-text p, .what-leaders-content-text, .news-item-text {
    color: var(--color-content);
    font-size: 1.12rem;
    line-height: 1.4;
}
/*p {*/
/*    color: var(--color-content);*/
/*    font-size: 1rem;*/
/*    line-height: 1.4;*/
/*}*/
.webContent.text-color-white .mainHeading {color: var(--color-first)}
.webContent.text-color-white .largeHeading,
.webContent.text-color-white .subHeading,
.webContent.text-color-white .thirdHeading,
.webContent.text-color-white p,
.webContent.text-color-white a,
.webContent.text-color-white span,
.webContent.text-color-white small,
.webContent.text-color-white strong,
.webContent.text-color-white b,
.webContent.text-color-white label,
.webContent.text-color-white li {color: var(--color-white);}
.webContent.color-white-same .mainHeading,
.webContent.color-white-same .largeHeading,
.webContent.color-white-same .subHeading,
.webContent.color-white-same .thirdHeading,
.webContent.color-white-same p,
.webContent.color-white-same a,
.webContent.color-white-same span,
.webContent.color-white-same small,
.webContent.color-white-same strong,
.webContent.color-white-same b,
.webContent.color-white-same label,
.webContent.color-white-same li {color: var(--color-white-same);}
/*==================== FONT SIZE ==============================*/
.text-xxxl {font-size: 2.4rem !important;line-height: 1.3 !important;text-transform: uppercase;}
.text-xxl {font-size: 2rem !important;line-height: 1.3 !important;}
.text-xl {font-size: 1.6rem !important;line-height:1.5;}
/*.text-lg-2 {font-size: 1.4rem !important;line-height:1.5;}*/
/*.text-lg {font-size: 1.2rem !important;line-height:1.5;}*/
/*.text-md {font-size: 1rem !important;line-height: normal;}*/
.text-sm, .event-meta {font-size: 1rem !important;}
.text-xs {font-size: 0.9rem !important;line-height: normal;}
/*==================== FONT WIGHT =============================*/
.fw-300 {font-weight: 300 !important;}
.fw-400 {font-weight: 400 !important;}
.fw-500 {font-weight: 500 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-700 {font-weight: 700 !important;}
.fw-800 {font-weight: 800 !important;}
/*==================== INPUT FIELDS STYLES ====================*/
input.form-control::placeholder, select.form-select::placeholder,textarea.form-control::placeholder {color: var(--color-content);}
.form-section, select.form-select {background-color: var(--color-first);}
.form-control, select.form-select {font-family: var(--font-family-arial-ce);font-weight: 300;}
input.form-control, select.form-select{height: 45px;background-color: var(--color-white-same);color: var(--color-black);}
input.form-control, select.form-select,textarea.form-control {resize: none;background-color: var(--color-white-same);color: var(--color-black);}
input.form-control:hover, select.form-select:hover,textarea.form-control:hover,input.form-control:focus,
select.form-select:focus,textarea.form-control:focus{
    border-color:var(--color-black);
    box-shadow: none;
    outline: none;
}
.form-label {font-size:0.85rem;color: var(--color-white-same) !important;margin-bottom: 4px;}
.form-required {color: red !important;font-weight: 600;}
.input-border:hover, .input-border:focus, .input-border.active {border-color: var(--color-first);}
.form-check-input:focus{box-shadow: none;}
.form-check-input:checked {
    background-color: var(--color-first);
    border-color: var(--color-first);
}
.form-check-input {
    width: 1.2em;
    height: 1.2em;
    border-width: 2px;
}

.invite-list-mark {color: var(--color-golden);line-height: 1;}
.invite-form-box {border: 1px solid var(--border-color-light);padding: 32px;}
input.form-control, .form-control,
select.form-select, .form-select,
textarea.form-control {
    height: 44px;
    background-color: transparent;
    border: 1px solid var(--border-color-light) !important;
    border-radius: 0;
    color: var(--color-white);
}
input.form-control:hover, .form-control:hover, input.form-control:focus, .form-control:focus,
select.form-select:hover, .form-select:hover, select.form-select:focus, .form-select:focus,
textarea.form-control:hover, textarea.form-control:focus {
    background-color: transparent;
    border-color: var(--color-golden) !important;
    color: var(--color-white);
}
input.form-control::placeholder, .form-control::placeholder, textarea.form-control::placeholder {color: var(--color-content);}
.form-label {color: var(--color-content) !important;}
select.form-select option {color: var(--color-black-same);}
select.form-select option {color: var(--color-black-same);}
/*==================== TEXT LIMIT STYLES ======================*/
.text-limit-1,.text-limit-2,.text-limit-3,.text-limit-4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text-limit-1{-webkit-line-clamp: 1;}
.text-limit-2{-webkit-line-clamp: 2;}
.text-limit-3{-webkit-line-clamp: 3;}
.text-limit-4{-webkit-line-clamp: 4;}
/*==================== BG COLOR STYLES ======================*/
.bg-color-first, .bg-color-black, .bg-black{background-color:var(--color-black) !important;}
.bg-color-first-same, .bg-color-black-same{background-color:var(--color-black-same) !important;}
.bg-color-second, .bg-color-white{background-color:var(--color-white) !important;}
.bg-color-second-same, .bg-color-white-same {background-color: var(--color-white-same) !important;}
.bg-color-golden {background-color:var(--color-golden) !important;}
.bg-color-first-light, .bg-first-light {background-color:var(--bg-first-light) !important;}
/*==================== COLOR STYLES ======================*/
.color-first, .color-black{color:var(--color-black) !important;}
.color-first-same, .color-black-same{color:var(--color-black-same) !important;}
.color-second, .color-white{color:var(--color-white) !important;}
.color-second-same, .color-white-same {color: var(--color-white-same) !important;}
.color-golden, .text-golden {color:var(--color-golden) !important;}
.color-content {color:var(--color-content) !important;}
.color-content-same {color:var(--color-content-same) !important;}
/*==================== INNER PAGE BANNER ======================*/
.spotlight-hero {
    min-height: 270px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: var(--color-black-same);
}
.spotlight-hero .banner-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.spotlight-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(15, 15, 22, .98) 0%, rgba(15, 15, 22, .96) 38%, rgba(15, 15, 22, .35) 72%, rgba(15, 15, 22, .15) 100%);
}
.spotlight-hero > .container {position: relative;z-index: 2;}
@media (max-width: 991px) {
    .spotlight-hero, .spotlight-hero-inner {
        min-height: 200px;
    }
}
/*==================== Marquee Track Border ======================*/
.marquee-track {
    display: flex;
    width: max-content;
    animation: moveLines 20s linear infinite;
}
.marquee-track img {
    display: block;
    width: 100vw;
    height: 12px;
    max-width: none;
    object-fit: cover;
    flex-shrink: 0;
}

@keyframes moveLines {
    from {
        transform: translateX(-100vw);
        }

    to {
        transform: translateX(0);
        }
}
/*==================== Library Filters ============================*/
.library-filters, .city-switch, .chip-scroll {
    width: auto;
    overflow-x: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.library-filters .filter-btn, .library-filters .library-filter, .city-switch .chip, .chip-scroll .chip  {
    cursor: pointer;
    min-width: fit-content;
    font-size: 1rem !important;
    padding: 6px 12px !important;
    text-transform: none !important
}
.spotlight-hero {min-height: 300px !important;}
.text-underline {text-decoration: underline !important;}

/*==================== MEDIA QUERY ============================*/
@media screen and (max-width: 1200px) {
    .webContent .mainHeading, .webContent .article-contents h1, .section-title, .section-title span {font-size: 2.8rem;}
    .webContent .largeHeading {font-size:2.2rem;}
    .webContent .subHeading {font-size: 1.6rem;}
    .text-xxxl {font-size: 2.2rem !important;}
}
@media screen and (max-width: 1024px) {
    .text-xxxl {font-size: 1.95rem !important;}
    .section-subtitle, p, .text-lg-2, .text-lg, .text-md, .feature-text p, .what-leaders-content-text, .news-item-text {font-size: 1.1rem;}
}
@media screen and (max-width: 991px) {
    *{font-size: 15px;}
    .webContent .mainHeading, .webContent .article-contents h1, .section-title, .section-title span {font-size: 2.5rem;}
    .webContent .largeHeading {font-size:2rem;}
    .webContent .subHeading {font-size: 1.4rem;}
    p {font-size: 0.95rem;}
    .text-xxxl {font-size: 1.9rem !important;}
    .section-subtitle, p, .text-lg-2, .text-lg, .text-md, .feature-text p, .what-leaders-content-text, .news-item-text {font-size: 1.05rem;}
    .text-xl {font-size: 1.4rem !important;line-height:1.5;}
    .text-lg-2 {font-size: 1.2rem !important;line-height:1.5;}
    .text-lg {font-size: 1.1rem !important;line-height:1.5;}
}
@media screen and (max-width: 767px) {
    *{font-size: 14px;}
    .text-xxxl {font-size: 2rem !important;}
    .webContent .mainHeading, .webContent .article-contents h1, .section-title, .section-title span {font-size: 2rem;}
    .webContent .largeHeading {font-size:1.85rem;}
    .webContent .subHeading {font-size: 1.2rem;}
    p {font-size: 0.9rem;}
    .w-sm-100 {min-width: 100% !important;width: 100% !important;}
    .h-sm-auto {min-height: auto !important;height: auto !important;}
    .library-filters {justify-content: start !important;}
    .section-subtitle, p, .text-lg-2, .text-lg, .text-md, .feature-text p, .what-leaders-content-text, .news-item-text {font-size: 1rem;}
}


/*==================== SHARED LIGHTBOX ======================*/
/* used by any page: add data-lightbox="<group>" to a link/element that wraps an <img> */
:root{
    --lightbox-bg: rgba(0, 0, 0, 0.92);
}
.lightbox-trigger {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.lightbox-trigger img {transition: 0.4s ease;}
.lightbox-trigger::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: transparent;
    pointer-events: none;
    transition: 0.3s ease;
}
.lightbox-trigger:hover::after {background-color: rgba(147, 128, 72, 0.35);}
.lightbox-trigger:hover img {transform: scale(1.05);}
.lightbox-zoom {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: var(--color-golden);
    color: var(--color-white-same);
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease;
}
.lightbox-trigger:hover .lightbox-zoom {opacity: 1;}
.lightbox {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 64px;
    background-color: var(--lightbox-bg);
}
.lightbox.open {display: flex;z-index: 99999;}
.lightbox-figure {position: relative;max-width: 100%;max-height: 100%;display: flex;flex-direction: column;align-items: center;gap: 16px;}
.lightbox-img {max-width: 100%;max-height: calc(100vh - 180px);object-fit: contain;}
.lightbox-caption {color: var(--color-white-same);}
.lightbox-btn {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--color-golden);
    background-color: var(--color-golden);
    color: var(--color-white-same);
    outline: none !important;
    box-shadow: none !important;
    transition: 0.3s ease;
}
.lightbox-btn:hover {background-color: var(--color-golden);color: var(--color-white-same);}
.lightbox-btn svg, .lightbox-btn svg * {color: inherit;}
.lightbox-close {top: 24px;right: 24px;}
.lightbox-prev {top: 50%;left: 24px;transform: translateY(-50%);border: transparent;background-color: var(--color-golden);}
.lightbox-next {top: 50%;right: 24px;transform: translateY(-50%);border: transparent;background-color: var(--color-golden);}
.lightbox-next svg, .lightbox-prev svg, .lightbox-next svg path, .lightbox-prev svg path {stroke: var(--color-white-same) !important;}
.lightbox-count {position: absolute;bottom: 24px;left: 50%;transform: translateX(-50%);color: var(--color-content-same);}
body.lightbox-open {overflow: hidden;}

@media screen and (max-width: 991px) {
    .lightbox {padding: 56px 16px;}
    .lightbox-zoom {width: 52px;height: 52px;}
}
@media screen and (max-width: 767px) {
    .lightbox-btn {width: 32px;height: 32px;}
    .lightbox-prev {left: 8px;}
    .lightbox-next {right: 8px;}
    .lightbox-img {max-height: calc(100vh - 200px);}
    .lightbox-zoom {width: 44px;height: 44px;}
}

/*-------------------- GALLERY --------------------*/
/* the lightbox trigger wraps the image; look/behaviour comes from .lightbox-trigger in style.css */
.gallery-media {display: block;line-height: 0;}
.gallery-img {width: 100%;display: block;object-fit: cover;object-position: center;}
.gallery-img-lg {height: 400px;}
.gallery-img-md {height: 192px;}
.gallery-item-zoom svg {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 64px !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 50%;
    padding: 16px;
    background-color: var(--color-golden);
    color: var(--color-white-same);
}
@media screen and (max-width: 991px) {
    .gallery-img-lg {height: 320px;}
    .gallery-item-zoom svg {min-width: 52px !important;width: 52px !important;height: 52px !important;padding: 10px;}
}
@media screen and (max-width: 767px) {
    .gallery-img-lg {height: 260px;}
    .gallery-img-md {height: 160px;}
    .gallery-item-zoom svg {min-width: 44px !important;width: 44px !important;height: 44px !important;padding: 8px;}
    .leaders-section .carousel-inner {height: auto !important;}
}