/* ================================================== [ Design Tokens ] ================================================== */
:root {
    /* Colors */
    --white: #ffffff;
    --black: #000000;
    --transparent: transparent;

    --color-text-white: #F8F8F8;
    --color-text-dark: #1C1F2A;

    --deepNavy: #03134F;
    --twilightBlue: #0452F0;
    --royalPurple: #5F3DC4;

    --btnHover: #6F50CA;
    --btnActive: #4C319D;

    --limeGreen: #C4E878;
    --yellow: #EAB308;

    --primary: var(--color-text-dark);

    --text-color: var(--color-text-dark);
    --link-color: var(--color-text-dark);
    --heading-color: var(--twilightBlue);

    --body-bg: var(--white);
    --border-color: var(--color-text-dark);

    /* Content */
    --marker-color: var(--color-text-dark);
    --blockquote-border: var(--color-text-dark);
    --blockquote-bg: #00000010;
    --pre-bg: #00000010;
    --pre-color: var(--color-text-dark);

    /* Fonts */
    --font-primary: 'Poppins', sans-serif;

    /* Font sizes */
    --fs-xs: 12px;
    --fs-sm: 14px;
    --fs-base: 16px;
    --fs-md: 18px;
    --fs-lg: 20px;
    --fs-xl: 22px;

    --fs-15px: 15px;

    --fs-h1: 48px;
    --fs-h2: 40px;
    --fs-h3: 32px;
    --fs-h4: 26px;
    --fs-h5: 22px;
    --fs-h6: 18px;

    /* Line heights */
    --lh-base: 1.5;
    --lh-heading: 1.3;

    /* Font Weight */
    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;

    /* Layout */
    --container: 1170px;
    --container-padding: 20px;
    --gutter: 30px;

    /* Motion */
    --transition: all 0.3s ease-in-out;
}

/* ================================================== [ Base / Reset ] ================================================== */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-primary);
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    color: var(--text-color);
    background: var(--body-bg);
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

figure {
    margin: 0;
}

a,
button,
input,
textarea {
    outline: none;
}

a {
    color: var(--link-color);
    text-decoration: none;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

hr {
    margin-block: 12px;
    border: none;
    border-top: 1px solid var(--border-color);
    opacity: 1;
}

/* ================================================== [ Typography & Content ] ================================================== */
p {
    margin-bottom: 16px;
}

strong,
b {
    font-weight: var(--fw-700);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    font-weight: var(--fw-700);
    color: var(--heading-color);
    margin-bottom: 20px;
    line-height: var(--lh-heading);
}

h1 , .h1 * { font-size: var(--fs-h1); }
h2 , .h2 * { font-size: var(--fs-h2); }
h3 , .h3 * { font-size: var(--fs-h3); }
h4 , .h4 * { font-size: var(--fs-h4); }
h5 , .h5 * { font-size: var(--fs-h5); }
h6 , .h6 * { font-size: var(--fs-h6); }

ul,
ol {
    padding-left: 20px;
    margin-bottom: 20px;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 12px;
    margin-bottom: 12px;
}

li::marker {
    color: var(--marker-color);
    font-size: 14px;
}

blockquote {
    padding: 16px 16px 16px 24px;
    margin-bottom: var(--space-md);
    border-left: 5px solid var(--blockquote-border);
    background: var(--blockquote-bg);
}

pre {
    background: var(--pre-bg);
    color: var(--pre-color);
    padding: 16px;
    margin-bottom: var(--space-md);
    border-radius: var(--radius-md);
    overflow: auto;
    -webkit-border-radius: var(--radius-md);
    -moz-border-radius: var(--radius-md);
    -ms-border-radius: var(--radius-md);
    -o-border-radius: var(--radius-md);
}

pre code {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* ================================================== [ Layout & Utilities ] ================================================== */
.container,
.container-fluid {
    margin-inline: auto;
    padding-inline: var(--container-padding);
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-inline: calc(var(--gutter) / -2);
    row-gap: var(--gutter);
}

.row > * {
    padding-inline: calc(var(--gutter) / 2);
}

.img-cover * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* ================================================== [ Tables, Forms & Common Elements ] ================================================== */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
}

th,
td {
    border: 1px solid var(--border-color);
    padding: 8px 12px;
    text-align: left;
}

th {
    background: #00000010;
    color: var(--color-text-dark);
}

textarea {
    resize: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
}

/* ================================================== [ Buttons ] ================================================== */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    font-family: var(--font-primary);
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    border-radius: 9999px;
    border: 1px solid transparent;
    background: none;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    transition: var(--transition);
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
}

.btn:disabled {
    opacity: 0.6;
    pointer-events: none;
}

.btn-primary {
    color: var(--white);
    background: var(--royalPurple);
    border-color: var(--royalPurple);
}

.btn-primary:is(:hover, :focus-visible, :active) {
    background: var(--btnHover);
    color: var(--white);
    border-color: var(--btnHover);
}

.btn-secondary {
    color: var(--white);
    background: var(--transparent);
    border-color: var(--white);
}

.btn-secondary:is(:hover, :focus-visible, :active) {
    background: var(--white);
    border-color: var(--white);
    color: var(--color-text-dark);
}

/* ================================================== [ Pages – Error 404 ] ================================================== */
.error-404 {
    min-height: 80dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-xl) 0;
}

.error-404 .heading {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ================================================== [ Pages – Typography Page ] ================================================== */
.typography {
    padding-block: 120px;
}

.typography img {
    max-width: 300px;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center;
	margin-bottom: 20px;
}

.typography img.align-left {
    margin-right: 40px;
	float: left;
}

.typography img.align-right {
    margin-left: 40px;
	float: right;
}

.typography img.align-center {
    margin-inline: auto;
	display: block;
}

br { margin-bottom: 0; }
/* ================================================== [ Pages – Typography Page ] ================================================== */

/* ================================================== [ Header Start ] ================================================== */
.main { padding-top: 125px; transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); }
.header { position: fixed; z-index: 99; width: 100%; top: 0; background-color: var(--deepNavy); transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); } 
.header .btn { padding: 5px 25px; font-size: var(--fs-sm); } 
.header .container { max-width: 1360px; }

.header .nav-parent-block { display: flex; align-items: center; gap: 30px; }
.header .navbar { padding: 0; }
.header .navbar-brand { width: 215px; aspect-ratio: 215 / 125; height: auto; padding: 0; margin: 0; }
.header .navbar-nav { gap: 30px; }

.header .nav-link { position: relative; font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--fs-15px); line-height: var(--fs-base); margin-bottom: 0; white-space: nowrap; color: var(--white); padding: 0 !important; }
.header .nav-link::after { position: absolute; content: ""; width: 100%; height: 2px; background-color: var(--limeGreen); opacity: 0; top: calc(100% + 6px); left: 0; }
.header .nav-link:hover { color: var(--limeGreen) !important; }

.header .nav-link.active ,
.header .current-menu-item .nav-link { color: var(--white); }

.header .nav-link.active::after ,
.header .current-menu-item .nav-link::after { background-color: var(--limeGreen); opacity: 1; }

.navbar-toggler{ border: none; padding: 0; width: 30px; height: 22px; position: relative; }

.navbar-toggler:focus{ box-shadow: none; }

.toggler-icon { display: block; width: 100%; height: 3px; background: var(--white); position: absolute; left: 0; transition: all 0.3s ease; }

.toggler-icon:nth-child(1){ top: 0; }

.toggler-icon:nth-child(2){ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.toggler-icon:nth-child(3){ bottom: 0; }

.navbar-toggler:not(.collapsed) .toggler-icon:nth-child(1){ transform: rotate(45deg); top: 9px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }

.navbar-toggler:not(.collapsed) .toggler-icon:nth-child(2){ opacity: 0; }

.navbar-toggler:not(.collapsed) .toggler-icon:nth-child(3){ transform: rotate(-45deg); bottom: 9px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }

/* Header On Scroll */
.header.scroll { background-color: var(--white); box-shadow: 0px 1px 20px #00000040; }
.header.scroll .nav-link { color: var(--color-text-dark); }
.header.scroll .nav-link:hover { color: var(--royalPurple) !important; }

.header.scroll .nav-link.active ,
.header.scroll .current-menu-item .nav-link { color: var(--color-text-dark); }

.header.scroll .nav-link.active::after ,
.header.scroll .current-menu-item .nav-link::after { background-color: var(--royalPurple); opacity: 1; }

.header.scroll .toggler-icon  { background: var(--twilightBlue); }
.header.scroll .navbar-brand .logo-dark { display: none; }
.header.scroll .navbar-brand .logo-white { display: block !important; }

/* Header Dark Theme */
.header[data-theme='light'] { background-color: var(--white); }
.header[data-theme='light'] .nav-link { color: var(--color-text-dark); }
.header[data-theme='light'] .nav-link:hover { color: var(--royalPurple) !important; }

.header[data-theme='light'] .nav-link.active ,
.header[data-theme='light'] .current-menu-item .nav-link { color: var(--color-text-dark); }

.header[data-theme='light'] .nav-link.active::after ,
.header[data-theme='light'] .current-menu-item .nav-link::after { background-color: var(--royalPurple); opacity: 1; }

.header[data-theme='light'] .toggler-icon  { background: var(--twilightBlue); }
.header[data-theme='light'] .navbar-brand .logo-dark { display: none; }
.header[data-theme='light'] .navbar-brand .logo-white { display: block !important; }
/* ================================================== [ Header End ] ================================================== */

/* ================================================== [ Extra Common Start ] ================================================== */

/* Main Title */
.main-title * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-700); font-size: 70px; line-height: 85%; letter-spacing: -4.20px; color: var(--color-text-white); margin-bottom: 0; }
.main-title span { display: block; font-style: normal; font-weight: var(--fw-200); font-size: 40px; line-height: 100%; letter-spacing: -2px; color: var(--limeGreen); }

.text-white * { color: var(--color-text-white) !important; }
.color-deepNavy * { color: var(--deepNavy) !important; }

/* Main Disc */
.main-disc * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--fs-md); line-height: 130%; color: var(--color-text-white); margin-bottom: 0; }

/* Banner Action Block */
.banner-action-block { display: flex; max-width: 320px; width: 100%; }
.banner-action-block .timings { display: flex; align-items: center; gap: 6px; background-color: var(--white); padding: 2px 10px 2px 16px; flex-grow: 1; flex-shrink: 0; }
.banner-action-block .timings * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--fs-base); line-height: 110%; color: #03134F; margin-bottom: 0; }
.banner-action-block .timings .date * { font-size: 42px; font-weight: var(--fw-700); }

.banner-action-block .action { max-width: 140px; width: 100%; padding: 10px 16px 6px; background-color: var(--royalPurple); transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); }
.banner-action-block .action:hover { background-color: var(--btnHover); }
.banner-action-block .action * { font-family: var(--font-primary); font-size: var(--fs-md); font-weight: var(--fw-400); color: var(--white); line-height: 100%; margin-bottom: 0; }
.banner-action-block .action strong { display: block; font-weight: var(--fw-700); }

/* Section Title , Subtitle and Disc */
.title * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-700); font-size: 28px; line-height: 130%; letter-spacing: -1.68px; margin-bottom: 36px; color: var(--twilightBlue); margin-bottom: 0; }
.subtitle * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--fs-base); line-height: 150%; letter-spacing: 0.80px; margin-bottom: 0; color: var(--color-text-dark); text-transform: uppercase; }
.disc * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--fs-base); line-height: 150%; margin-bottom: 0; color: var(--color-text-dark); }
.disc a { text-decoration: underline; }
.disc a:hover { color: var(--twilightBlue); }

.title.title-24 * { font-size: 24px; letter-spacing: -1.24px; }
.title.title-36 * { font-size: 36px; letter-spacing: -2.16px; }
.title.title-48 * { font-size: 48px; letter-spacing: -2.88px; }

.text-dark * { color: var(--color-text-dark) !important; }
/* ================================================== [ Extra Common End ] ================================================== */

/* ================================================== [ Home Banner Start ] ================================================== */
.home-banner .home-banner-block { display: flex; align-items: center; gap: 75px; }
.home-banner .image-content { user-select: none; pointer-events: none; margin-bottom: -120px; max-width: 640px; width: 100%; height: auto; aspect-ratio: 1 / 1; }
.home-banner .text-content { padding-block: 80px 90px; }

.home-banner .main-disc * { max-width: 220px; }
.home-banner .main-title * { font-size: 104px; letter-spacing: -6.21px; line-height: 85%; }
.home-banner .main-title span { margin-top: -24px; line-height: 100%; letter-spacing: -5.17px; }

.home-banner .heading { margin-bottom: 60px; }
/* ================================================== [ Home Banner End ] ================================================== */

/* ================================================== [ Host Banner Start ] ================================================== */
.host-banner { padding-block: 90px; }
.host-banner .host-banner-block { display: flex; align-items: center; gap: 40px; justify-content: space-between; }
.host-banner .image-content { background: #D9D9D9; max-width: 470px; width: 100%; height: auto; aspect-ratio: 470 / 280; overflow: hidden; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }

.host-banner .heading .main-title span { margin-bottom: 12px; }
.host-banner .text-content { max-width: 500px; display: flex; flex-direction: column; gap: 50px; }
/* ================================================== [ Host Banner End ] ================================================== */

/* ================================================== [ About Event Start ] ================================================== */
.about-event { padding-top: 100px; overflow-x: clip; }
.about-event .heading { max-width: 912px; margin-inline: auto; display: flex; flex-direction: column; gap: 22px; text-align: center; margin-bottom: 46px; }


/* Slider */
.about-event .swiper { overflow: visible; }
.about-event .slider-block { width: fit-content; margin-inline: auto; }
.about-event .swiper-slide { width: fit-content; height: auto; }
.about-event .event-img { width: 100%; display: flex; height: 100%; align-items: end; }
.about-event .event-img img { width: 100%; max-width: 340px; max-height: 258px; object-fit: contain; }
/* ================================================== [ About Event End ] ================================================== */

/* ================================================== [ Event Overview Start ] ================================================== */
.event-overview { padding-block: 87px; }
.event-overview .title-block { max-width: 315px; }
.event-overview .disc-block { max-width: 330px; margin-top: 80px; border-top: 3px solid var(--yellow); padding-top: 30px; }
.overview-card-block .row { margin-inline: -20px; }
.overview-card-block .row >* { padding-inline: 20px; }

/* Overview Card */
.overview-card { display: flex; align-items: start; gap: 20px; }
.overview-card .icon { flex-shrink: 0; height: auto; width: 60px; aspect-ratio: 1 / 1; }
.overview-card .content { display: flex; flex-direction: column; gap: 22px; padding-top: 10px; }
.overview-card .overview-title * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-700); font-size: 24px; line-height: 130%; letter-spacing: -1.44px; margin-bottom: 0; color: var(--deepNavy); }
.overview-card .overview-disc * { margin-bottom: 0; }

/* ================================================== [ Event Overview End ] ================================================== */

/* ================================================== [ Learn From Women Start ] ================================================== */
.learn-from-women { padding-block: 50px; }
.learn-from-women .title-block { max-width: 488px; }
.learn-from-women .disc-block { max-width: 470px; }
.learn-from-women .row { row-gap: 16px; }
/* ================================================== [ Learn From Women End ] ================================================== */

/* ================================================== [ Event Speakers Start ] ================================================== */
.event-speakers { padding-block: 113px 136px; }

.event-speakers .title-block { padding-top: 16px; border-top: 2px solid var(--royalPurple); }
.event-speakers .title-block .title { max-width: 170px; }

.event-speakers .event-speakers-block { display: flex; flex-direction: column; gap: 46px; }
.event-speakers .event-speakers-block .row { row-gap: 46px; }


.speaker-card { display: flex; flex-direction: column; gap: 33px; }
.speaker-card .speaker-title * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-700); font-size: 20px; line-height: 150%; letter-spacing: 0.12px; margin-bottom: 0; color: var(--deepNavy); }
.speaker-card .speaker-disc * {  margin-bottom: 0; }
.speaker-card .content {  display: flex; flex-direction: column; gap: 4px; }

.speaker-card .image { overflow: hidden; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px;  position: relative; cursor: pointer; }
.speaker-card .image img { scale: 1; transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); }
.speaker-card .image:hover img { scale: 1.05; }
.speaker-card .image::after { content: ""; background-image: url('../images/thumb/noise.png'); position: absolute; top: 0; left: 0; mix-blend-mode: soft-light; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.speaker-card .overlay { mix-blend-mode: multiply; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; }

.speaker-card-block { width: 100%; display: flex; max-width: 600px; }
.speaker-card-block .row { width: 100%; }
/* ================================================== [ Event Speakers End ] ================================================== */

/* ================================================== [ Event Speakers Model Start ] ================================================== */
.modal .modal-lg { max-width: min(1170px , 90%); width: 100%; margin-inline: auto; }
.modal .close-modal { cursor: pointer; width: 28px; aspect-ratio: 1 / 1; height: auto; margin-inline: auto 0; z-index: 9; }
.modal .close-modal img { opacity: .5; transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); }
.modal .close-modal:hover img { opacity: 1; }
.modal .modal-content { display: flex; flex-direction: column; padding: 26px 26px 40px 26px; }

.modal .modal-body { padding: 0; }
.modal .speaker-card { padding-inline: 48px; flex-direction: row; display: flex; justify-content: space-between; gap: 30px; align-items: start; }
.modal .speaker-card .image { max-width: 270px; width: 100%; height: auto; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }
.modal .speaker-card .text-block { max-width: 690px; width: 100%; display: flex; flex-direction: column; gap: 28px; }
.modal .speaker-card .text-block .content { gap: 0; }

.modal .speaker-card .speaker-title * { font-size: 28px; }
.modal .speaker-card .speaker-disc * { font-size: 18px; }

.modal .speaker-card .disc-block .disc *:not(:last-child) { margin-bottom: .7lh; }
/* ================================================== [ Event Speakers Model End ] ================================================== */


/* ================================================== [ Footer CTA Start ] ================================================== */
.footer { padding-block: 83px 27px; position: relative; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
.footer .overlay { pointer-events: none; user-select: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.footer-cta .footer-cta-block { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; }
.footer-cta .footer-cta-block .btn { padding: 9px 48px; }
.footer-cta { margin-bottom: 74px; }
/* ================================================== [ Footer CTA End ] ================================================== */

/* ================================================== [ Footer Start ] ================================================== */
.footer .container { max-width: 1312px; width: 100%; }
.footer .footer-block { position: relative; z-index: 2; }
.footer .footer-bottom { padding-top: 20px; border-top: 1px solid var(--royalPurple); display: flex; align-items: center; justify-content: space-between; gap: 30px; }

.footer .link-list ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.footer .link-list ul li { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: 12px; line-height: 15px; margin-bottom: 0; white-space: normal; color: var(--color-text-white); display: flex; align-items: center; gap: 8px; }
.footer .link-list ul li::after { content: '|';  }
.footer .link-list ul li * { margin-bottom: 0; color: var(--color-text-white); }
.footer .link-list ul li [href]:hover { color: var(--limeGreen); }
.footer .link-list ul li:last-child::after { display: none; }

.footer .footer-left { display: flex; flex-direction: column; gap: 8px; }

.footer .social-list ul { list-style: none; display: flex; gap: 18px; margin: 0; padding: 0; }
.footer .social-list ul a { display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; border-radius: 50%; opacity: .7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; background-color: var(--color-text-white); }
.footer .social-list ul a img { max-height: 40%; max-width: 50%; object-fit: contain; object-position: center; }
.footer .social-list ul a:hover { opacity: 1; }

.footer .f-logo { width: 80px; aspect-ratio: 2 / 1; }

.footer.remove-cta { background-position: top !important; padding-block: 6px 36px; }
/* ================================================== [ Footer End ] ================================================== */

/* ================================================== [ Register Form Start ] ================================================== */

/* Register Wrapper */
.register-wrp { position: relative; padding: 80px 0 140px 0; min-height: 74dvh; }
.register-main { width: 100%; max-width: 1070px; margin: 0 auto; }
.register-left .register-title { width: 100%; max-width: 310px; }
.register-left .register-date { margin-top: 35px; display: flex; align-items: center; gap: 8px; }
.register-date .register-date-icon { width: 48px; height: 48px; }
.register-date .register-detail p { margin-bottom: 0; }

/* Thankyou Wrapper */
.thanks-wrp {padding: 10px 0 0 0;}

/* Subscription Form */
.subscription-form { padding-top: 80px; padding-bottom: 80px; }
.subscription-form .heading { gap: 32px; max-width: 315px; }
.subscription-form .heading * { text-wrap: unset; }
.subscription-form .heading .title * { font-weight: 700; }


/* Hubspot Form */
.hubspot-form-parent ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.hubspot-form-parent .hs-main-font-element { display: none; }


/* Button */
.hubspot-form-parent .hs-button { max-width: 270px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 400; padding: 8px 20px; font-size: 16px; line-height: 24px; border: 1px solid; border-radius: 9999px; transition: all 0.3s ease; }

/* Primary Button */
.hubspot-form-parent .hs-button.primary { padding: 5px 25px; font-size: 14px; color: var(--white); background: var(--royalPurple); border-color: var(--royalPurple); }
.hubspot-form-parent .hs-button.primary:hover { background: var(--btnHover); color: var(--white); border-color: var(--btnHover); }
.hubspot-form-parent .hs-button.primary.active { background: var(--btnHover); color: var(--white); border-color: var(--btnHover); }
.hubspot-form-parent .hs-button.primary:disabled { color: #ccc; background-color: #aaa; border-color: #aaa; }
.hubspot-form-parent .hs-submit { margin-top: 24px; }


/* Legal Consent */
.hubspot-form-parent .legal-consent-container { margin-top: 30px; display: flex; flex-direction: column; gap: 80px; }


/* Checkbox */
.hubspot-form-parent input[type="checkbox"]:focus { outline: none; box-shadow: none; }
.hubspot-form-parent input[type="checkbox"] { appearance: none; flex-shrink: 0; width: 16px !important; height: 16px; margin: 0; border: 0; position: relative; border-radius: 0; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3333 1.33333H2.66667C1.93028 1.33333 1.33333 1.93028 1.33333 2.66667V13.3333C1.33333 14.0697 1.93028 14.6667 2.66667 14.6667H13.3333C14.0697 14.6667 14.6667 14.0697 14.6667 13.3333V2.66667C14.6667 1.93028 14.0697 1.33333 13.3333 1.33333ZM2.66667 0C1.19391 0 0 1.19391 0 2.66667V13.3333C0 14.8061 1.19391 16 2.66667 16H13.3333C14.8061 16 16 14.8061 16 13.3333V2.66667C16 1.19391 14.8061 0 13.3333 0H2.66667Z' fill='black'/%3E%3C/svg%3E%0A"); }
.hubspot-form-parent input[type="checkbox"]:checked { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_25204_1928)'%3E%3Cpath d='M14.125 16H1.875C0.841064 16 0 15.1589 0 14.125V1.875C0 0.841064 0.841064 0 1.875 0H14.125C15.1589 0 16 0.841064 16 1.875V14.125C16 15.1589 15.1589 16 14.125 16ZM1.875 1.25C1.5304 1.25 1.25 1.5304 1.25 1.875V14.125C1.25 14.4696 1.5304 14.75 1.875 14.75H14.125C14.4696 14.75 14.75 14.4696 14.75 14.125V1.875C14.75 1.5304 14.4696 1.25 14.125 1.25H1.875ZM13.4656 4.72949L12.5343 3.89551L6.75415 10.3507L3.39941 7.16174L2.53821 8.06763L6.82629 12.144L13.4656 4.72949Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_25204_1928'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }


/* Checkbox Labels */
.hubspot-form-parent .hs-form-checkbox label,
.hubspot-form-parent .hs-form-booleancheckbox label { display: flex; align-items: center; gap: 10px; }
.hubspot-form-parent .hs-form-booleancheckbox label { align-items: flex-start; }
.hubspot-form-parent .hs-form-booleancheckbox span { margin: 0; }
.legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 0 !important; }

/* Form */
.hubspot-form-parent form { font-size: 16px; line-height: 150%; margin-bottom: 0; color: #333; }
.hubspot-form-parent form a { text-decoration: underline; text-underline-offset: 2px; transition: all 0.3s ease; }
.hubspot-form-parent form a:hover { color: #4e33cc; }
.hubspot-form-parent .fieldset { max-width: 100%; }

/* Interest Type */
.hubspot-form-parent .hs_interest_type { margin-top: 45px; }
.hubspot-form-parent .hs_interest_type > label { margin-bottom: 8px; display: none; }

/* Text Fields */
.hubspot-form-parent .hs-fieldtype-text label { font-size: 14px; margin-bottom: 8px; }
.hubspot-form-parent .hs-fieldtype-text .input { margin-right: 0; }
.hubspot-form-parent .hs-fieldtype-text input { width: 100%; padding: 6px 10px; border-radius: 4px; border: 1px solid #d1d5db; box-sizing: border-box; background-color: #f8f8f8; }

/* Fieldset Layout */
.hubspot-form-parent fieldset:has(.hs-fieldtype-text) { display: flex; gap: 30px; }
.hubspot-form-parent fieldset:has(.hs_email) { margin-top: 35px; }
.hubspot-form-parent .hs_email { width: 100%; }
.hubspot-form-parent fieldset.form-columns-1 .hs_email input { width: 100% !important; }

/* ================================================== [ Register Form End ] ================================================== */