/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* GLOBAL */
html {
  scroll-behavior: smooth;
}

body {
    font-family: "Work Sans", sans-serif;
}

section {
    position: relative;
}


.container img {
    max-width: 100%;
}

.background-image {
    background-size: cover;
    background-position: center center;
}

iframe, video {
    max-width: 100%;
}

/* Heading H1-H6 Styling */
h1, h2, h3, h4, h5, h6 {
    color: #120D33;
    font-family: "Bai Jamjuree", sans-serif;
    margin-bottom: 24px;
}

h1 {
    font-size: 40px;
    line-height: 44px;
    font-weight: 700;
    font-style: italic;
}

h2 {
    font-size: 28px;
    line-height: 1.3;
    font-style: normal;
}

h3 {
    font-size: 24px;
    line-height: 120%;
    font-weight: 700;
    color:#120D33;
    font-style: normal;
}

h4 {
    font-size: 24px;
    line-height: 140%;
    color: #120D33;
    font-weight: 700;
    font-style: normal;
}

h5 {
    font-size: 22px;
    line-height: 1.6;
    font-style: normal;
}

h6 {
    font-size: 20px;
    line-height: 1.2;
    font-style: normal;
}

p, ol, ul, li {
    font-size: 18px;
    line-height: 27px;
    font-style: normal;
    font-family: "Work Sans", sans-serif;
}

/* COMMENTS */

/* Mobile only - Navigation overlay */
@media only screen and (max-width: 992px) {
    h1 {
        font-size: 32px;
        line-height: 34px;
        font-weight: 700;
    }
    
}

.tagline {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #d687e8;
}

.btn {
    border-radius: 8px;
    border-top-right-radius: 24px;
    margin: 10px 0px;
    padding: 12px 24px;
    border: none;
    white-space: nowrap;
    transition: background-color 0.3s ease, background 0.3s ease, transform 0.3s ease;
    text-decoration: none !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.mobile-menu-header {
    margin-bottom: 16px;
}

.mobile-menu-header .btn {
    padding: 4px 20px;
    margin: 0;
}

.mobile-menu-header .nav-link {
    font-size: 20px;
    font-style: normal;
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 400;
    line-height: 150%;
}

.secondary-header {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    background-position: center center;
    background-size: cover;
}

.event-secondary-header {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    background-position: center center;
    background-size: cover;
}

header {
    position: relative;
}

/* CHANGE BOOTSTRAP DEFAULT COL PADDING */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 30px;
    padding-left: 30px;
}

/* COLOURS */
h1 {
    color: #ffffff;
}

p {
    color: #120D33;
}

a {
    color: #120d33;
    text-decoration: underline;
    text-decoration-color: #d687e8;
    text-decoration-thickness: 2px;
}

a:hover {
    text-decoration: underline;
    text-decoration-color: #d687e8;
    text-decoration-thickness: 2px;
    color: #d687e8;
}

.full-width-feature a {
    color: #ffffff;
    text-decoration: underline;
    text-decoration-color: #ffffff;
    text-decoration-thickness: 2px;
}

.bg-volt {
    background-color: #00ffba;
}

.bg-coral {
    background-color: #ff7859;
}

.bg-purple {
    background-color: #d687e8;
}

.bg-yellow {
    background-color: #ffc93b;
}

.bg-teal {
    background: linear-gradient(216deg, #9BD2CB 0%, #309E98 100%);
}

.bg-teal h1, .bg-teal h2, .bg-teal h3, .bg-teal h4, .bg-teal h6, .bg-teal h6, .bg-teal p, .bg-teal a {
    color: #ffffff;
}

.bg-dark {
    background-color: #120D33 !important;
}

.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h6, .bg-dark h6, .bg-dark p, .bg-dark a {
    color: #ffffff;
}

.py-6 {
    padding-top: 64px;
    padding-bottom: 64px;
}

.pt-6 {
    padding-top: 64px;
}

.pb-6 {
    padding-bottom: 64px;
}

.my-6 {
    margin-top: 64px;
    margin-bottom: 64px;
}

.mt-6 {
    margin-top: 64px;
}

.mb-6 {
    margin-bottom: 64px;
}

.btn-primary {
    color: #ffffff !important;
    background-color: #d687e8;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #120d33;
    color: #ffffff !important;
}

.bg-dark .btn-primary:hover, .bg-dark .btn-primary:focus {
    background-color: #ffffff;
    background: #ffffff;
    color: #000000 !important;
}

.btn-primary-outline {
    border-color: #120d33;
    border: 1px solid;
    background-color: transparent;
    color: #120d33 !important;
}

.btn-primary-outline:hover, .btn-primary-outline:focus {
    border-color: #000000;
    background-color: #000000;
    color: #ffffff !important;
}

.btn-black {
    background-color: #000000;
    color: #ffffff !important;
}

.btn-black:hover, .btn-black:focus {
    background-color: #d687e8;
    color: #ffffff !important;
}

.btn-black-outline {
    border-color: #000000;
    border: 1px solid;
    background-color: transparent;
    color: #000000 !important;
}

.btn-black-outline:hover, .btn-black-outline:focus {
    border-color: #120d33;
    background-color: transparent;
    color: #120d33 !important;
}

.btn-secondary {
    background-color: #ffffff;
    color: #120D33 !important;
}

.btn-secondary:hover, .btn-secondary:focus {
    background-color: #d687e8;
    color: #ffffff !important;
}

.event-template .btn-secondary:hover, .event-template .btn-secondary:focus {
    background-color: #ffffff;
    color: #120D33 !important;
    background: #ffffff;
    transform: scale(1.1);
}

.event-header .btn-black:hover, .event-header .btn-black:focus, .event-template .btn-black:hover, .event-template .btn-black:focus, .bg-teal .btn-secondary:hover, .bg-teal .btn-secondary:focus {
    background-color: #000000;
    color: #ffffff !important;
    background: #000000;
    transform: scale(1.1);
}

.btn-secondary-outline {
    border-color: #ffffff;
    border: 1px solid;
    background-color: transparent;
    color: #ffffff !important;
}

.btn-secondary-outline:hover, .btn-secondary-outline:focus {
    border-color: #120d33;
    background-color: transparent;
    color: #120d33 !important;
}

.btn-minimal {
    color: #120D33;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 8px;
}


/* OVERLAYS */
.overlay {
    background-color: #120d33;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.6;
}

.overlay-linear-vertical {
	background: rgb(0,0,0);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	width: 100%;
    height: 100%;
    position: absolute;
	opacity: 0.7;
	top: 0;
    left: 0;
}

/* ANIMATIONS */
.fade-in-block {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.5s ease-in-out;
}

.fade-in-block.visible {
    opacity: 1;
    transform: translateY(0);
}

.slide-in-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.5s ease-in-out;
}

.slide-in-left.visible {
    opacity: 1;
    transform: translateX(0);
}

.slide-in-right {
    opacity: 0;
    transform: translateX(50px);
    transition: all 0.5s ease-in-out;
}

.slide-in-right.visible {
    opacity: 1;
    transform: translateX(0);
}

/* FORMS */
.field-validation-error {
    color: red;
}

.form-control.radiobuttonlist {
    border: none;
    height: inherit;
    background-color: transparent;
}

select.form-control, .text.form-control, textarea.form-control {
    border: 1px solid black;
    display: inline;
    font-family: "Bai Jamjuree", sans-serif;
    color: #120D33;
    font-size: 16px;
    line-height: 24px;
    border-radius: 8px !important;
    padding: 12px;
    min-height: 50px;
    height: auto;
    width: 100%;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: auto;
    height: auto;
    margin-bottom: 12px;
}

.datepickerfield {
    border: none;
    display: inline;
    font-family: "Bai Jamjuree", sans-serif;
    color: #120D33;
    font-size: 16px;
    line-height: 24px;
    border-radius: 8px !important;
    padding: 12px;
    height: auto;
    border:1px solid black !important;
    width: 100%;
}

label {
    display: inline;
    width: 100%;
    font-family: "Bai Jamjuree", sans-serif;
    color: #120D33;
    font-size: 16px;
    line-height: 1.5em;
}

.umbraco-forms-label {
    display: block;
}


.form-button {
    border-radius: 0;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}

.umbraco-forms-mtc-events-form-light-theme label {
    color: #ffffff;
}

.umbraco-forms-mtc-events-form-light-theme select.form-control, .umbraco-forms-mtc-events-form-light-theme .text.form-control, .umbraco-forms-mtc-events-form-light-theme textarea.form-control, .umbraco-forms-mtc-events-form-light-theme .datepickerfield {
    border: 1px solid #ffffff !important;
}

.form-dark-theme {
    padding: 40px;
    border-radius: 8px 8px 8px 48px;
    background-color: #120D33 !important;
}

.form-dark-theme label {
    color: #ffffff;
}

/* Styles for all classes inside .umbraco-forms-form */
.umbraco-forms-form .col, .umbraco-forms-form .col-1, .umbraco-forms-form .col-10, .umbraco-forms-form .col-11, .umbraco-forms-form .col-12, .umbraco-forms-form .col-2, .umbraco-forms-form .col-3, .umbraco-forms-form .col-4, .umbraco-forms-form .col-5, .umbraco-forms-form .col-6, .umbraco-forms-form .col-7, .umbraco-forms-form .col-8, .umbraco-forms-form .col-9, .umbraco-forms-form .col-auto, .umbraco-forms-form .col-lg, .umbraco-forms-form .col-lg-1, .umbraco-forms-form .col-lg-10, .umbraco-forms-form .col-lg-11, .umbraco-forms-form .col-lg-12, .umbraco-forms-form .col-lg-2, .umbraco-forms-form .col-lg-3, .umbraco-forms-form .col-lg-4, .umbraco-forms-form .col-lg-5, .umbraco-forms-form .col-lg-6, .umbraco-forms-form .col-lg-7, .umbraco-forms-form .col-lg-8, .umbraco-forms-form .col-lg-9, .umbraco-forms-form .col-lg-auto, .umbraco-forms-form .col-md, .umbraco-forms-form .col-md-1, .umbraco-forms-form .col-md-10, .umbraco-forms-form .col-md-11, .umbraco-forms-form .col-md-12, .umbraco-forms-form .col-md-2, .umbraco-forms-form .col-md-3, .umbraco-forms-form .col-md-4, .umbraco-forms-form .col-md-5, .umbraco-forms-form .col-md-6, .umbraco-forms-form .col-md-7, .umbraco-forms-form .col-md-8, .umbraco-forms-form .col-md-9, .umbraco-forms-form .col-md-auto, .umbraco-forms-form .col-sm, .umbraco-forms-form .col-sm-1, .umbraco-forms-form .col-sm-10, .umbraco-forms-form .col-sm-11, .umbraco-forms-form .col-sm-12, .umbraco-forms-form .col-sm-2, .umbraco-forms-form .col-sm-3, .umbraco-forms-form .col-sm-4, .umbraco-forms-form .col-sm-5, .umbraco-forms-form .col-sm-6, .umbraco-forms-form .col-sm-7, .umbraco-forms-form .col-sm-8, .umbraco-forms-form .col-sm-9, .umbraco-forms-form .col-sm-auto, .umbraco-forms-form .col-xl, .umbraco-forms-form .col-xl-1, .umbraco-forms-form .col-xl-10, .umbraco-forms-form .col-xl-11, .umbraco-forms-form .col-xl-12, .umbraco-forms-form .col-xl-2, .umbraco-forms-form .col-xl-3, .umbraco-forms-form .col-xl-4, .umbraco-forms-form .col-xl-5, .umbraco-forms-form .col-xl-6, .umbraco-forms-form .col-xl-7, .umbraco-forms-form .col-xl-8, .umbraco-forms-form .col-xl-9, .umbraco-forms-form .col-xl-auto {
  padding-left: 15px;
  padding-right: 15px;
}

/* MAILCHIMP FORM EMBED */
label.mce-label {
    display: none;
}

#mc_embed_shell {
    margin: 24px 0;
}

#mc_embed_signup form {
    margin: 0 !important;
}

#mc_embed_signup .mce_inline_error {
    font-size: 16px !important;
    font-family: "Bai Jamjuree", sans-serif !important;
    line-height: 1.5em !important;
    padding: 6px !important;
}

#mc_embed_signup input.email {
    border: 1px solid #ffffff;
    display: inline;
    font-family: "Bai Jamjuree", sans-serif;
    color: #ffffff;
    background-color: transparent;
    font-size: 16px;
    line-height: 24px;
    border-radius: 8px !important;
    padding: 12px;
    min-height: 50px;
    height: auto;
    width: 100%;
}

#mc_embed_signup .mc-field-group label {
    color: #ffffff;
}

#mc_embed_signup input#mc-embedded-subscribe {
    border-radius: 8px;
    border-top-right-radius: 24px;
    margin: 10px 5px 10px 0px;
    padding: 12px 24px;
    border: none;
    white-space: nowrap;
    transition: background-color 0.3s ease !important;
    transition: background 0.3s ease !important;
    background-color: #ffffff;
    color: #120D33 !important;
    height: auto;
    line-height: inherit;
    display: block;
}

.mce-form-title {
    font-family: "Bai Jamjuree", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
}

.mce-privacy {
    font-family: "Work Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

#mc_embed_signup #mce-responses {
    width: 100% !important;
    padding: 0px !important;
    margin: 0 !important;
}

/* MAIN NAV */
.fixed-nav {
    position: sticky !important;
    top: 0;
    left: 0;
    z-index: 99999999;
}

.transparent-nav {
    position: fixed;
    width: 100%;
    z-index: 9;
    transition: background-color 0.3s ease;
}

.transparent-nav .navbar {
    background-color: transparent;
    color: #ffffff;
}

#mainNavBar {
    font-weight: 600;
    font-size: 16px;
}

.navbar-brand {
    padding: 0px;
}

.navbar-brand img {
    height: 32px;
}

.dark-nav .navbar {
    padding: 15px 0 !important;
}

.light-nav .navbar {
    padding: 15px 0 !important;
}

.light-nav .navbar .navbar-nav.utility-nav {
    margin-bottom: 10px;
}

.light-nav .navbar .navbar-nav {
    margin-bottom: 5px;
}

.event-secondary-nav {
    background-color: #120D33;
}

.event-secondary-nav .navbar {
    border-top: 1px solid #ffffff;
    padding: 12px 0 !important;
}

.event-secondary-nav .event-title {
    color: #ffffff;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 150%;
    font-family: "Bai Jamjuree", sans-serif;
}

.event-secondary-nav .navbar-toggler {
    color: #ffffff;
}

.chevron-icon {
    transition: transform 0.3s ease;
}

.navbar-toggler[aria-expanded="true"] .chevron-icon {
    transform: rotate(180deg);
}

.dark-nav .navbar .navbar-nav.utility-nav {
    margin-bottom: 10px;
}

.dark-nav .navbar .navbar-nav {
    margin-bottom: 5px;
}

.dark-nav .nav-link:hover, .dark-nav .nav-link:focus {
    text-decoration: underline;
    text-decoration-color: #d687e8;
    text-decoration-thickness: 2px;
    color: #ffffff;
}

.navbar {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    font-family: "Bai Jamjuree", sans-serif;
    padding: 12px 0px 12px 5px;
}

.navbar .nav-item {
    margin: 0 6px;
    padding: 18px 0;
    align-content: center;
}

.nav-link {
    padding: 0.6rem 1rem;
    font-family: "Bai Jamjuree", sans-serif;
}

.transparent-nav .nav-link {
    color: #ffffff;
}

.navbar-toggler {
    padding: 0px;
    font-size: 16px;
    font-weight: 600;
}

.navbar-toggler:hover {
    cursor: pointer;
}

.dropdown-mega {
    position: static;
}

.dropdown-mega-menu {
    padding: 15px;
    width: max-content;
}

.dropdown-mega-menu .col-6 {
    padding-right: 15px;
    padding-left: 15px;
}

.mobile-site-logo {
    height: 30px;
}

.close-nav-toggle {
    margin-left: 10px;
    display: inline-block;
}

.dropdown-menu {
    background-color: transparent;
    text-align: center;
    border-radius: 8px;
    border-bottom-left-radius: 24px;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover  {
    text-decoration: underline;
    text-decoration-color: #d687e8;
    text-decoration-thickness: 2px;
    color: #120d33;
    background-color: transparent;
}

.dropdown-item {
    color: #ffffff;
    text-decoration: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0rem 0.25rem 0rem 0.25rem!important;   
}

.nav-link {
    font-size: 20px;
    text-decoration: none;
}

.utility-nav a {
    color: #00ffba;
    font-size: 14px
}

.utility-nav .nav-link {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Mobile only - Navigation overlay */
@media only screen and (max-width: 992px) {
    #mainNavBar {
        position: fixed;
        background: rgba(18, 13, 51, 0.95);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9;
        padding: 12px 12px 12px 20px;
    }
    
    #mainNavBar a {
        color: #ffffff;
    }
    
}

/* SECONDARY NAV */
.secondary-nav .navbar-collapse {
    background-color: white;
    color: black;
}

.secondary-nav {
    padding: 15px !important;
    border-bottom: 2px solid #00ffba;
}

.secondary-nav .navbar {
    padding: 0px !important;
}

.secondary-nav .nav-link {
    padding: 0;
    margin: 6px 0;
    color: #120D33;
    font-size: 16px;
}

.secondary-nav .navbar-toggler {
    padding: 0.5rem 1rem;
}

/* FOOTER */
/* Footer */
footer {
    padding: 80px 0;
    font-family: "Work Sans", sans-serif;
}

footer p, footer a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding: 0;
    text-decoration: none;
}

footer a:hover, footer a:active {
    text-decoration: underline;
    text-decoration-color: #d687e8;
    text-decoration-thickness: 2px;
}

footer span {
    font-weight: bold;
}

footer ul, footer ol {
    list-style: none;
    padding-left: 0;
}

.footer-logo {
    height: 40px;
    width: auto;
}

footer img {
    max-width: 100%;
}

/* SOCKET */
.socket {
    font-size: 10px;
    font-family: "Work Sans", sans-serif;
    padding: 32px 0 0 0;
}

.socket a {
    color: #ffffff;
}

.socket hr {
    margin-top: 0;
    margin-bottom: 32px;
    border-top: 1px solid #ffffff;
}

/* CAROUSEL */
.header-carousel .carousel-item {
    height: 700px;
    background-size: cover;
    background-position: center center;
}

.header-carousel .carousel-item p {
    color: #ffffff;
}

/* HOME */
.homepage-banner-v2 {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.homepage-banner-v2 h1 span {
    font-family: "Bai Jamjuree", sans-serif;
    font-size: 48px;
    font-style: normal;
    display: block;
    font-weight: 400;
    line-height: 57.6px;
}

/* LANDING PAGES */
.landing-one-contact-form {
    background-color: #120d33;
    border-radius: 8px;
    border-bottom-left-radius: 48px;
    padding: 40px;
}

.landing-two-contact-form {
    background: #120d33;
    border-radius: 8px;
    border-bottom-left-radius: 48px;
    padding: 40px;
}

.landing-two-contact-form h3, .landing-two-contact-form p {
    color: #ffffff;
}

.cta-campaign-form {
    margin-top: -200px;
    margin-bottom: 112px;
}

.campaign-hero-two {
    min-height: 900px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center center;
}

.campaign-hero-two .row {
    padding: 112px 0 260px 0;
}

.campaign-hero-one {
    min-height: 900px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center center;
}

.campaign-hero-one p {
    color: #ffffff;
}

.landing-contact-form-heading {
    text-align: left;
}

/* CONTACT PAGE */
.contact-page-form {
    background-color: #120d33;
    border-radius: 8px;
    border-bottom-left-radius: 48px;
    padding: 40px;
}

.contact-page-form h4 {
    color: #ffffff;
}

/* ARTICLE */
article header {
    padding-top: 114px;
    margin-bottom: 64px;
}

article section {
    margin: 64px 0;
}

.blog-archive a {
    text-decoration: none;
}

.blog-archive h3 {
    font-size: 24px;
    line-height: 120%;
}

.blog-archive h3:hover {
    color: #d687e8;
    text-decoration: underline;
    text-decoration-color: #d687e8;
    text-decoration-thickness: 2px;
}

.blog-archive-backlink {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.blog-archive-backlink a {
    color: #120D33;
}

.blog-archive-backlink a:hover {
    text-decoration: underline;
    text-decoration-color: #d687e8;
    text-decoration-thickness: 2px;
    color: #d687e8;
}

.blog-archive-backlink a:hover svg path, .blog-archive-backlink svg:hover path {
    stroke: #d687e8;
}


.article-category {
    background-color: #F4F4F4;
    display: inline-block;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 16px;
    margin-right: 16px;
}

article h1 {
    color: #120D33;
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 48px;
}

.article-featured-image {
    height: 188px;
    object-fit: cover;
    width: 100%;
    border-radius: 8px;
    border-bottom-left-radius: 48px;
}

.article-meta {
    display: flex;
    margin-top: 32px;
    gap: 40px;
}

.arrticle-meta p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.article-meta p span {
    display: block;
    font-weight: 500;
}

.article-meta-social-links {
    margin-left: auto;
}

.article-meta-social-links a {
    text-decoration: none;
}

/* BLOG ARCHIVE */
.article-read-more {
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: underline !important;
    text-decoration-color: #d687e8 !important;
    text-decoration-thickness: 2px !important;
}

.article-read-more:hover svg path {
    fill: #d687e8;
}

.blog-archive-filters {
    margin-bottom: 50px;
}

.blog-archive-featured-image {
    border-radius: 8px;
    border-bottom-left-radius: 48px;
    margin-bottom: 24px;
}

/* EVENTS ARCHIVE */
.events-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 24px;
}

.events-list a {
    flex: 0 0 calc(33.333% - 24px);
    text-decoration: none;
}

.events-list a {
    color: #120d33;
}

.events-list a:hover .btn-minimal {
    color: #d687e8;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

.events-list a:hover .btn-minimal svg, .events-list a:hover .btn-minimal svg path {
    fill: #d687e8;
}

.events-list .events-item {
    box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.03), 0px 20px 24px -4px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    border-bottom-left-radius: 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.events-list .events-item img {
    width: 100%;
    height: 200px;
    min-height: 200px;
    background-color: lightgray;
    object-fit: contain;
    border-radius: 8px 8px 0px 0px;
}

.events-list .events-item p {
    font-size: 16px;
    line-height: 150%;
}

.events-list .events-item a {
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
}

.events-list .events-item h4 {
    color: #120D33;
    font-weight: 700;
    line-height: 110%;
    font-size: 24px;
    margin-bottom: 16px;
}

.events-list .events-item-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.events-item-body .event-info {
    gap: 16px;
    display: flex;
    margin-bottom: 16px;
}

.event-item-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/* EVENTS */
.event-banner {
    margin: 0
}

.event-banner .event-details {
    color: #ffffff;
}

.event-banner .event-details a {
    color: #ffffff;
}


.bg-banner-image {
    border-radius: 0;
    background-size: cover;
    background-position: center center;
    min-height: 700px;
}

.event-top-footer img {
    height: 320px;
    margin-bottom: 20px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    border-bottom-left-radius: 48px;
}

.event-top-footer h4 {
    font-size: 40px;
}

.event-header h1 {
    color: #120D33;
}

.event-details {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    font-family: "Work Sans", sans-serif;
    color: #120D33;
}

.event-details div {
    margin: 8px 10px;
    display: flex;
}

.event-details div svg {
    margin: 0px 5px;
}

.event-template a, .event-header a {
    color: #120D33;
}

.event-template a:hover, .event-header a:hover {
    text-decoration: underline;
    text-decoration-color: #d687e8;
    text-decoration-thickness: 2px;
}

.event-partners-grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 24px;
}

.event-partners-grid-minimal {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
    width: 100%;
    margin-bottom: 24px;
}

.event-partners h4 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 41.6px;
    margin-bottom: 6px;
}

.event-partner-card {
    flex: 0 0 calc(50% - (30px / 2));
}

.event-partners-grid-minimal .event-partner-card {
    flex: 0 0 calc((100% - 60px) / 3);
}

.event-partner-card img {
    height: auto;
    width: 100%;
    object-fit: contain;
    box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.03), 0px 20px 24px -4px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    border-bottom-left-radius: 24px;
    padding: 10px;
}

.event-partner-card .btn-minimal {
    text-decoration: none;
}

.partner-name {
    font-weight: bold;
    margin: 24px 10px 12px 10px;
    font-size: 20px;
}

.partner-link {
    margin: 12px 10px;
}

.speaker-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  width: 100%;
}

.speaker-card {
    flex: 0 0 100%;
    box-shadow: 0 12px 16px -4px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
    border-radius: 8px 8px 8px 32px;
}

.speaker-card img {
    width: 100%;
    height: 348px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}

.speaker-card h4 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 5px;
}

.speaker-card p {
    margin-bottom: 5px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.speaker-card .speaker-info {
    margin-bottom: 24px;
    padding: 32px;
}

.speaker-link {
    margin-top: 24px;
}

.speaker-card .speaker-socials {
    margin-top: 24px;
    display: flex;
    gap: 14px;
}

.speaker-card .speaker-link a {
    text-decoration: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.modal {
    z-index: 9999999999999;
}

.modal-dialog {
    max-width: 700px;
    margin: 64px auto;
}

.modal-content {
    border-radius: 8px 8px 8px 48px;
}

.modal-body {
    padding: 20px;
}

.modal-speaker-info {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.modal-speaker-info h4 {
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 10px;
}

.modal-speaker-info img {
    max-width: 249px;
    width: 249px;
    margin-bottom: 0;
}

.modal-speaker-bio {
    margin-bottom: 25px;
}

.modal-speaker-bio p {
    margin-bottom: 1rem;
}

.speaker-modal .close {
    opacity: 1;
    position: absolute;
    top: 10px;
    right: 10px;
}

#sessions-tabs-nav {
    gap: 16px;
    border: none;
    align-items: end;
}

#sessions-tabs-nav .nav-link {
    padding: 16px 32px;
    text-align: center;
    border: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    border-bottom: 4px solid #F4F4F4;
    font-family: "Bai Jamjuree", sans-serif;
}

#sessions-tabs-nav .nav-link.active, #sessions-tabs-nav .nav-link:hover, #sessions-tabs-nav .nav-link:focus {
    border-color: #120D33;
    text-decoration: none;
}

.nav-tabs .nav-item {
    width: 100%;
}

.sessions-list .session-item {
    padding: 32px;
    margin: 32px 0;
    background-color: #ffffff;
    border-radius: 8px 8px 8px 48px;
    box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);
    border: 1px solid #F9F9F9;
}

.sessions-list .session-item p, .sessions-list .session-item h4 {
    margin-bottom: 8px;
}

.session-item h4 {
    font-style: italic;
}

.sessions-speakers-list {
    display: flex;
    margin-top: 24px;
    flex-wrap: wrap;
}

.session-speaker {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    margin-right: 32px;
    gap: 16px;
    margin-bottom: 8px;
}

.sessions-speakers-list .session-speaker a {
    text-decoration: none;
}

.session-speaker p {
    margin: 0 !important;
    margin: 0 !important;
    font-size: 14px;
    font-style: normal;
    line-height: 150%;
}

.session-speaker img {
    height: 48px;
    width: 48px;
    border-radius: 200px;
}

/* ROOMS ARCHIVE */
.spaces-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 24px;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 24px;
}

.spaces-list a {
    flex: 0 0 calc(33.333% - 24px);
    text-decoration: none;
}

.spaces-list a:hover .btn-minimal {
    color: #d687e8;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

.spaces-list a:hover .btn-minimal svg, .spaces-list a:hover .btn-minimal svg path {
    fill: #d687e8;
}

.spaces-list .spaces-item {
    box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.03), 0px 20px 24px -4px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    border-bottom-left-radius: 24px;
    height: 100%;
}

.spaces-list .spaces-item img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 8px 8px 0px 0px;
}

.spaces-list .spaces-item p {
    font-size: 16px;
    line-height: 150%;
}

.spaces-list .spaces-item a {
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
    text-decoration: none;
}

.spaces-list .spaces-item h4 {
    color: #120D33;
    font-weight: 700;
    line-height: 110%;
    font-size: 24px;
    margin-bottom: 8px;
}

.spaces-list .spaces-item-body {
    padding: 24px; 
}

/* ROOMS */
.room-header {
    padding-top: 84px;
}

.room-header h1 {
    color: #120d33;
}

.room-info-stats {
    margin: 24px 0;
}

.room-info-stats p {
    font-size: 16px;
    font-weight: 500;
}

.capacity-stats, .dimension-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}

.capacity-stats p, .dimension-stats p {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: 0;
}

.capacity-stats small, .dimension-stats small {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.features-list {
    margin: 32px 0;
}

.features-list-title {
    font-family: "Bai Jamjuree", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-top: 30px;
}

.features-list .list-group .list-group-item {
  border: none;
}

.features-list .list-group .list-group-item:nth-child(odd) {
  background-color: #F4F4F4;
}

.features-list .list-group .list-group-item:nth-child(even) {
  background-color: #ffffff;
}

.layout-card-row {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 24px;
}

.layout-card {
    box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.03), 0px 20px 24px -4px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    border-bottom-left-radius: 24px;
    padding: 30px 20px 30px 20px;
    flex: 1 0 100%;
}

.layout-card img {
    margin-bottom: 8px;
    width: 100%;
}

.layout-card .title {
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
}

.layout-card .capacity {
    font-size: 40px;
    font-weight: 700;
    line-height: 100%;
}


/* SWIPER */
.room-gallery-section {
    overflow: hidden;    
}

.swiperCaseStudies {
    width: 100%;
}

.swiperCaseStudies .swiper-slide img {
    width: 100%;
    height: 420px;
    object-fit: cover;
}

.swiper-wrapper img {
    border-radius: 8px;
    border-bottom-left-radius: 48px;
}

@media (max-width: 760px) {
    .swiper-button-next {
        right: 20px;
        transform: rotate(90deg);
    }

    .swiper-button-prev {
        left: 20px;
        transform: rotate(90deg);
    }
}

.swiper-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; /* Adjust width according to your design */
    margin-top: 20px; /* Space between slider and controls */
}

/* Style custom arrows */
.custom-button-next, .custom-button-prev {
    background: none;
    width: auto;
    height: auto;
    color: black;
    font-size: 24px;
    outline: none;
    cursor: pointer;
}

.custom-button-prev svg {
    margin: 0 10px;
}

/* Custom Pagination styling to match Swiper's default */
.custom-pagination {
    display: flex;
    justify-content: start;
    align-items: center;
}

.custom-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px !important; /* Space between bullets */
    border-radius: 50%;
    cursor: pointer !important;
}

.custom-pagination .swiper-pagination-bullet-active {
    background-color: #000;
}




/* BLOCKS */
/* GALLERY SLIDER */
.gallery-slider-section {
    overflow: hidden;    
}

.swiperGallerySlider {
    width: 100%;
}

.swiperGallerySlider .swiper-slide img {
    width: 100%;
    height: 420px;
    object-fit: cover;
}

/* TABS */
.nav-pills {
    gap: 16px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: transparent;
    color: #120d33 !important;
    border-bottom: 2px solid #120d33;
}

.nav-pills .nav-link {
    border-radius: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    font-family: "Bai Jamjuree", sans-serif;
    color: #120D33;
    border-bottom: 2px solid #F4F4F4;
}

/* GRID GALLERY */
.grid-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
}

.grid-gallery-item {
    flex: 0 0 calc(33.333% - 24px);
    height: 278px;
}

.grid-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* GALLERY */
.gallery img {
    object-fit: cover;
    width: 100%;
    height: 200px;
    max-height: 260px;
    object-position: center;
}

/* TWO COLUMN MODULE */
.two-column-module {
    position: relative;
    background-size: cover;
    background-position: center center;
}

.two-column-module img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 8px;
    border-bottom-left-radius: 48px;
}

/* FEATURE BOXES */
.feature-boxes .feature-box-image {
    width: 100%;
    height: 350px;
    padding-bottom: 20px;
}

.feature-boxes .feature-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    border-bottom-left-radius: 48px;
}

/* IMAGE LINK BOX */
.image-link-boxes {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    flex-direction: column;
}

.image-link-box-hover {
    flex: 1;
    text-decoration: none;
}

.image-link-box { 
	background-size: cover;
	background-position: center center;
	position: relative;
	display: flex;
	flex-wrap: nowrap !important;
	height: 100%;
	align-items: flex-end;
	padding: 24px;
	border-radius: 8px;
	border-bottom-left-radius: 48px;
}

.image-link-box.small-boxes {
	min-height: 190px;
}

.image-link-box.large-boxes {
    min-height: 290px;
}

.image-link-box-content {
	display: flex;
	flex-wrap: nowrap !important;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	z-index: 2;
}

.image-link-box-content h4 {
	margin: 0;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
}

.image-link-box .overlay-linear-vertical {
    border-radius: 8px;
    border-bottom-left-radius: 48px;
}

/* FULL WIDTH FEATURE */
.full-width-feature {
    position: relative;
    background-size: cover;
    background-position: center center;
}

.full-width-feature p, .full-width-feature .tagline, .full-width-feature h3, .full-width-feature ol, .full-width-feature ul, .full-width-feature li    {
    color: #ffffff;
}

/* CALL TO ACTION BANNER */
.cta-banner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 48px;
    border-radius: 8px;
    border-bottom-left-radius: 48px;
}

.cta-banner h4 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
}

/* TESTIMONIAL CAROUSEL */
.testimonial-carousel .testimonial {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.testimonial-carousel .carousel-item {
    text-align: center;
    padding: 20px 0;
}

.testimonial-carousel .carousel-item p:first-child {
    margin-bottom: 32px;
}

.testimonial-carousel .carousel-control-next, .testimonial-carousel .carousel-control-prev {
    opacity: 1;
    width: initial;
}

.testimonial-name {
    font-weight: bold;
    margin-bottom: 5px;
}

.testimonial-carousel .carousel-indicators li {
    text-indent: initial;
    border-top: none;
    border-bottom: none;
    width: 8px;
    margin-left:9px;
    margin-right: 9px;
}

/* PODCAST ACRHIVE */
.podcast-speaker-info {
    margin-bottom: 16px;    
}

.podcast-speaker-info p {
    margin-bottom: 0;
    padding: 0;
}

.podcast-speaker {
    padding: 0;
    margin: 0;
    font-weight: bold;
}

/* RESPONSIVE BREAKPOINTS */
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .cta-campaign-form {
        margin-bottom: 0px;
    }
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    h1 {
        font-size: 60px;
        line-height: 62px;
    }
    
    h3 {
        font-size: 40px;
        line-height: 48px;
    }
    
    .blog-archive h3 {
        font-size: 28px;
        line-height: 40px;
    }
    
    .py-6 {
        padding-top: 112px;
        padding-bottom: 112px;
    }
    
    .pt-6 {
        padding-top: 112px;
    }
    
    .pb-6 {
        padding-bottom: 112px;
    }
    
    .my-6 {
        margin-top: 112px;
        margin-bottom: 112px;
    }
    
    .mt-6 {
        margin-top: 112px;
    }
    
    .mb-6 {
        margin-bottom: 112px;
    }
    
    .image-link-boxes {
        flex-direction: row;
    }
    
    .image-link-box { 
    	min-height: 190px;
    }
    
    .spaces-list {
        flex-direction: row;
    }
    
    .events-list {
        flex-direction: row;
    }
    
    .grid-gallery {
        flex-direction: row;
    }
    
    .cta-banner {
        flex-direction: row;
        align-items: center;
    }
    
    .events-list .events-item img {
        height: 130px;
        min-height: 130px;
    }
    
    .layout-card {
        flex: 1 0 calc(50% - 32px); /* 2 items per row, accounting for gap */
    }
    
    .layout-card-row {
        gap: 32px;
    }
    
    .blog-archive-backlink {
        margin-bottom: 48px;
    }
    
    article h1 {
        font-size: 48px;
        line-height: 120%;
        font-weight: 700;
        margin-bottom: 80px;
    }
    
    .article-featured-image {
        height: 600px;
    }
    
    article section {
        margin: 64px 0;
    }
    
    article header {
        padding-top: 196px;
        margin-bottom: 112px;
    }
    
    .nav-tabs .nav-item {
        width: initial;
        flex: 1 1; 
    }
    
    .event-partner-card {
        flex: 0 0 calc((100% - 144px) / 4);
    }
    
    .event-partners-grid-minimal .event-partner-card {
        flex: 0 0 calc((100% - 150px) / 6);
    }
    
    .event-partner-card img {
        height: 234px;
    }
    
    .event-partners-grid-minimal .event-partner-card img {
        height: 125px;
    }
    
    .event-partners-grid {
        gap: 48px;
    }
    
    .speaker-card {
        flex: 0 0 calc((100% - 48px) / 2);
    }
    
    .bg-banner-image {
        border-radius: 8px 8px 8px 48px;
    }
    
    .event-banner {
        margin: 40px;
    }
    
    .modal-body {
        padding: 64px;
    }
    
    .modal-speaker-info {
        flex-direction: row;
        gap: 40px;
        margin-bottom: 48px;
    }
}

/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .secondary-nav .navbar-collapse {
        background-color: transparent;
        color: #ffffff;
    }
    
    .secondary-nav .nav-link {
        padding: 0 0.5rem;
        margin: 0;
    }
    
    .navbar {
        font-size: 16px;
        padding: .5rem 1rem;
    }
    
    .navbar .nav-item {
        margin: 0 6px;
        padding: 0;
    }
    
    .nav-link {
        padding: 0.5rem 1rem;
        font-size: 16px;
    }
    
    .dropdown-menu {
        background-color: #ffffff;
        text-align: left;
    }
    
    .dropdown-item {
        color: #120D33 !important;
    }
    
    .gallery img {
        height: 260px;
    }
    
    .swiperGallerySlider .swiper-slide img {
        height: 600px;
    }
    
    .swiperCaseStudies .swiper-slide img {
        height: 720px;
    }
    
    .events-list .events-item img {
        height: 183px;
        min-height: 183px;
    }
    
    .layout-card {
        flex: 1 0 calc(33.33% - 32px);
    }
    
    .speaker-card {
        flex: 0 0 calc((100% - 96px) / 3);
    }
    
    .event-banner {
        margin: 64px 64px 112px 64px;
    }
    
}

/*  Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .events-list .events-item img {
        height: 223px;
        min-height: 223px;
    }
}