@font-face {
    font-family: 'Gotham';
    src:url('../fonts/Gotham-Book.eot');
    src:url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham-Book.woff2') format('woff2'),
       url('../fonts/Gotham-Book.woff') format('woff'),
       url('../fonts/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src:url('../fonts/Gotham-Medium.eot');
    src:url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham-Medium.woff2') format('woff2'),
       url('../fonts/Gotham-Medium.woff') format('woff'),
       url('../fonts/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src:url('../fonts/Gotham-Light.eot');
    src:url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham-Light.woff2') format('woff2'),
       url('../fonts/Gotham-Light.woff') format('woff'),
       url('../fonts/Gotham-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src:url('../fonts/Gotham-Bold.eot');
    src:url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham-Bold.woff2') format('woff2'),
       url('../fonts/Gotham-Bold.woff') format('woff'),
       url('../fonts/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Medium0SRA';
    src:url('../fonts/Gotham-MediumSRA.eot');
    src:url('../fonts/Gotham-MediumSRA.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham-MediumSRA.woff2') format('woff2'),
       url('../fonts/Gotham-MediumSRA.woff') format('woff'),
       url('../fonts/Gotham-MediumSRA.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src:url('../fonts/Gotham-Black.eot');
    src:url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham-Black.woff2') format('woff2'),
       url('../fonts/Gotham-Black.woff') format('woff'),
       url('../fonts/Gotham-Black.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Verdana';
    src:url('../fonts/Verdana.eot');
    src:url('../fonts/Verdana.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Verdana.woff2') format('woff2'),
       url('../fonts/Verdana.woff') format('woff'),
       url('../fonts/Verdana.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Adobe-Arabic';
    src:url('../fonts/AdobeArabic-Regular.eot');
    src:url('../fonts/AdobeArabic-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AdobeArabic-Regular.woff2') format('woff2'),
       url('../fonts/AdobeArabic-Regular.woff') format('woff'),
       url('../fonts/AdobeArabic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Janna-LT';
    src:url('../fonts/JannaLT-Bold.eot');
    src:url('../fonts/JannaLT-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/JannaLT-Bold.woff2') format('woff2'),
       url('../fonts/JannaLT-Bold.woff') format('woff'),
       url('../fonts/JannaLT-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Janna-LT';
    src:url('../fonts/JannaLT-Regular.eot');
    src:url('../fonts/JannaLT-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/JannaLT-Regular.woff2') format('woff2'),
       url('../fonts/JannaLT-Regular.woff') format('woff'),
       url('../fonts/JannaLT-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Helvetica */

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Light.eot');
    src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Light.woff2') format('woff2'),
        url('../fonts/Helvetica-Light.woff') format('woff'),
        url('../fonts/Helvetica-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.eot');
    src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Bold.woff') format('woff'),
        url('../fonts/Helvetica-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'YWW-FONTS';
    src: url('../fonts/YWWFONTSBold.eot');
    src: url('../fonts/YWWFONTSBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/YWWFONTSBold.woff2') format('woff2'),
        url('../fonts/YWWFONTSBold.woff') format('woff'),
        url('../fonts/YWWFONTSBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



.fw-medium{
    font-weight: 500;
}
.fc-aqua{
    color: #86E0E3;
}
.text-dark-blue{
    color: #144678;
}
.bg-dark-blue{
    background-color: #144678;
}


/* Fonts */
.g-m-srm{
    font-family: 'Gotham-Medium0SRA';
}


/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
}

body {
    margin: 0;
    background-color: #052BC3;
    font-family: 'Gotham';
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-family: 'Helvetica';
}
.font-family-book{
    font-family: 'Gotham';
}

.font-family-normal{
    font-family: 'Gotham';
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}
*,
::after,
::before {
    box-sizing: border-box;
}
.clearfix::after {
    clear: both;
}
.bg-green{
    background-color: #000000 !important;
}
.language-switch a {
    font-size: 14px;
    margin: 0 0 0 9px;
    color: #222;
    text-decoration: none;
}

.language-switch {
    text-align: right;
    margin-bottom: 10px;
}

.fs-language-switch-wrap {
    width: auto;
    position: absolute;
    right: 30px;
    left: auto;
    top: 20px;
    z-index: 9;
    background-color: transparent;
    padding: 5px 5px 3px;
    border-radius: 40px;
}

.fs-language-switch-wrap .fs-language-switch {
    display: flex;
    align-items: center;
}

.fs-language-switch-wrap .fs-language-switch a {
    margin: 0 10px;
    text-decoration: none;
    color: #000000;
    transition: ease 0.5s all;
}

.fs-language-switch-wrap .fs-language-switch a:hover {
    color: #000000;
}

.accordion-button {
    background: white !important;
    color: black !important;
}

.next-btn, .previous-btn {
    height: auto !important;
    padding: 12px;
}

span.select2-selection.select2-selection--single {
    width: 100%;
    height: 60px;
    border: 1.5px solid rgba(20, 70, 120, 0.20);
    padding: 0 20px;
    font-size: 16px;
    color: rgba(1, 107, 93, 0.5);
    text-transform: none !important;
    font-weight: 400;
    font-family: 'Gotham';
    line-height: 1;
    border-radius: 44px;
    background: rgba(20, 70, 120, 0.20);
    display: flex;
    align-items: center;
}
.select2-results__option, form .fs-radio-group .fs-radio{
}
form .fs-radio-group h4 {
    color:  #000000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 20px !important;
}
span.select2-selection__arrow {
    padding-top: 60px;
}

.contact-permission-group {
    margin-top: 10px !important;
    margin-bottom: 30px;
}

.main-site-name {
    font-family: 'Schnyder M';
    padding: 0 30px;
}

.main-date-time {
}

.main-location {
    padding-top: 10px;
    line-height: 30px;
}

.lucid-all-right-received {
    font-size: 16px;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.main-datetime-location {
    position: absolute;
    bottom: 170px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.additional-guests-section {
    display: none;
}

.main-user-has-guests {
    display: none;
}

.additional-guests-email {
    color: #C2B299;
    text-decoration: none;
    font-weight: 600;
}

.no-of-guests-section .fs-fieldGroup select.fs__input {
    -webkit-appearance: none;
}

.no-of-guests-section .fs-fieldGroup select.fs__input:focus {
    outline: none;
}

.guest-section .accordion-button:after {
    filter: brightness(0.5);
}

.guest-section .accordion-button:focus {
    outline: none;
    box-shadow: none;
}

form .fs-fieldGroup select.fs__input {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjUgNy4wMzIxTDAuNSAyLjAzMjFMMS41NjI1IDAuOTY5NjA0TDUuNSA0LjkwNzFMOS40Mzc1IDAuOTY5NjA0TDEwLjUgMi4wMzIxTDUuNSA3LjAzMjFaIiBmaWxsPSIjNDA0MjNGIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    -webkit-appearance: none;
    background-position: 95% center;
}


.next-previous-btns .fs__submit {
    min-width: 150px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjUgNy4wMzIxTDAuNSAyLjAzMjFMMS41NjI1IDAuOTY5NjA0TDUuNSA0LjkwNzFMOS40Mzc1IDAuOTY5NjA0TDEwLjUgMi4wMzIxTDUuNSA3LjAzMjFaIiBmaWxsPSIjNDA0MjNGIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    -webkit-appearance: none;
    background-position: 95% center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    opacity: 0;
}

form .fs-fieldGroup .select2-container {
    width: 100% !important;
}

@media only screen and (min-width: 1025px) {
    .fs-language-switch-wrap {
        background-color: transparent;
    }
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
    (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 1.25dppx),
    (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *::before,
    *::after {
        background: #fff !important;
        color: #000 !important;
        /* Black prints faster */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]::after {
        content: " (" attr(href) ")";
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
    a[href^="#"]::after,
    a[href^="javascript:"]::after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

h1 {
    line-height: 1.2;
    font-weight: normal;
    font-size: 2.125rem;
}

h4 {
    font-weight: normal;
    font-size: 1.125rem;
}

.fs-light {
    font-weight: lighter;
}

.fs-spaced {
    letter-spacing: 3px;
}

.fs-row {
    display: flex;
    flex-wrap: wrap;
}

/* .fs-col-12 {
    max-width: 100%;
    flex: 0 0 100%;
} */

.app {
    height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100);
    width: 100%;
}

.form-section {
    height: auto;
    background-color: #000;
    display: flex;
    align-items: stretch;
    /* min-height: 100vh; */
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
}

.form-section .fs-left,
.form-section .fs-right {
    display: flex;
    justify-content: center;
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
}

.form-section .fs-left {
    background-color: #052BC4;
}

.form-section .fs-left .fs-content-wrapper {
    z-index: 4;
    position: relative;
    padding: 80px 0;
}

.form-section .fs-left .fs-content-wrapper .fs-logo {
    max-width: 150px;
    width: 100%;
    margin: 0 auto;
}

.form-section .fs-left .fs-content-wrapper .fs-logo img {
    width: 100%;
}

.form-section .fs-left .fs-content-wrapper .fs-titleSection {
    margin-top: 60px;
    text-align: center;
    color: #fff;
}

.form-section .fs-left .fs-content-wrapper .fs-titleSection h1 {
    display: block;
    text-shadow: 0px 8px 24px rgba(0, 0, 0, 0.4);
}

html[lang="ar"]{
    direction: rtl;
}

html[lang="ar"] * {
    letter-spacing: 0px !important;
    font-family: 'Janna-LT';
}

.form-section .fs-left .fs-content-wrapper .fs-titleSection h4 {
    text-shadow: 0px 8px 24px rgba(0, 0, 0, 0.4);
    margin-top: 110px;
    display: block;
}

.form-section .fs-left .fs-bgImage {
    position: absolute;
    width: 100%;
    z-index: 0;
    height: 100%;
    bottom: 0;
}

.form-section .fs-left .fs-bgImage .imgWrapper {
    width: 100%;
    position: relative;
    z-index: 1;
    height: 100%;

}


.form-section .fs-left .fs-bgImage .imgWrapper img {
    width: 100%;
    height: 100%;
    display: block;
    max-width: 100%;
    object-fit: cover;
    object-position: top center;
    max-width: 100%;
}

.form-section .fs-right {
    background-color: #5B9BFD;
    padding: 0;
}

.form-section .fs-right .form-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
}


.form-section .fs-right .event-details{
    border-left: 2px solid #b89535;
    padding-left: 20px;
}

.form-section .fs-right .event-details .speakers span{
    opacity: .75;
}


form {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}

form .fs-radio-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
}

form .fs-radio-group h4 {
    margin: 0;
}

form .fs-radio-group .fs__inputGroup {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
/* The container */
form .fs-radio-group .fs-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 10px;
    font-weight: 300;
}

/* Hide the browser's default radio button */
form .fs-radio-group .fs-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
form .fs-radio-group .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* On mouse-over, add a grey background color */
form .fs-radio-group .fs-radio:hover input ~ .checkmark {
    background-color: #f9f7f2;
}

/* When the radio button is checked, add a blue background */
form .fs-radio-group .fs-radio input:checked ~ .checkmark {
    background-color: #f9f7f1;
    border: 2px solid #000000;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
form .fs-radio-group .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
form .fs-radio-group .fs-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
form .fs-radio-group .fs-radio .checkmark:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000000;
}

form .fs-fieldGroup {
    margin-bottom: 24px;
}

form .fs-fieldGroup .fs__label {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase !important;
    letter-spacing: 0;
    font-size: 14px;
    color: #fff;
    padding-bottom: 0;
    font-family: 'Helvetica';
}

form .fs-fieldGroup label .asterisk {
    color: red;
}
span.select2-selection.select2-selection--single span#select2-country-container {
    color: #000000;
    font-size: 18px;
    text-transform: none;
    background-color: #d1dae4;
}
form .fs-fieldGroup .fs__input {
    display: block;
    width: 100%;
    height: 52px;
    border: 1.5px solid #fff;
    padding: 0 20px;
    font-size: 18px;
    color: #000000;
    text-transform: none !important;
    font-weight: 400;
    line-height: 1;
    border-radius: 30px;
    background: #fff;
    font-style: normal;
    font-family: 'Helvetica';
}
form .fs-fieldGroup .fs__input:focus{
    outline: none;
}
a.btn.btn-primary.language-links {
    background-color: transparent;
    border-radius: 0px;
    border: 0px none;
}

form .fs-fieldGroup .fs__input::placeholder {
    color: #777777;
}

form .fs__submit {
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    font-family: 'Gotham';
    -webkit-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    border: 0px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 44px;
    background: #052BC3;
    border-radius: 30px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-width: 200px;
    border: 1px solid #052BC3;
    font-family: 'Helvetica';
    font-weight: bold;
}

form .iti {
    width: 100%;
}

form .iti .fs__input {
    padding-left: 95px;
}

form .iti .iti__flag-container {
    width: 75px;
}

form .iti .iti__flag-container .iti__selected-flag {
    width: 75px;
    padding-left: 20px;
}

form .iti .iti__flag-container .iti__selected-flag:before {
    position: absolute;
    content: "";
    height: 50%;
    width: 1px;
    background: #000;
    opacity: 0.2;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

form .iti .iti__flag-container .iti__selected-flag .iti__arrow {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8zNTRfMikiPgo8cGF0aCBkPSJNNi4xNDA2MiA2Ljg2MzQ0TDExLjE0MDYgMS4xNDg0NEw2LjE0MDYyIDQuNDczNDRMMS4xNDA2MiAxLjE0ODQ0TDYuMTQwNjIgNi44NjM0NFoiIGZpbGw9IiMxNDQ2NzgiIHN0cm9rZT0iIzE0NDY3OCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM1NF8yIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center center;
    border: 0px;
    width: 12px;
    height: 12px;
}
html[lang="ar"] .iti__flag-box {
    margin-left: 6px;
}

form .fs__submit:hover {
    background-color: #fff;
    color: #052BC3;
}

form .fs_inline_error {
    font-size: 11px;
    font-weight: normal;
    letter-spacing: clamp(
        0.09em,
        calc(0.09em + 0.03 * (100vw - 480px) / 960),
        0.12em
    );
    line-height: 120%;
    text-transform: uppercase;
    color: #810000;
    display: block;
    margin: 5px 0 0 !important;
}

form .fs-error-alert-box {
    display: flex;
    align-items: center;
    border: 2px solid #810000;
    padding: 10px 20px;
    margin-bottom: 20px;
    background-color: rgba(255, 0, 0, 0.03);
}

form .fs-error-alert-box .fs-eab-icon {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    display: block;
    display: flex;
    align-items: center;
}

form .fs-error-alert-box .fs-eab-text {
    line-height: 1.2;
    display: block;
    color: #810000;
    font-weight: 400;
    font-size: 14px;
    margin-right: 10px;
}

@media only screen and (min-width: 1025px) {
    .form-section .fs-left .fs-content-wrapper .fs-logo {
        /*max-width: 137px;*/
        max-width: 220px;
    }

    .form-section .fs-left .fs-content-wrapper {
        /*padding: 180px 0;*/
        padding: 100px 0;
    }

    .form-section {
        flex-direction: row;
    }

    .form-section .fs-left
   {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }


    .form-section .fs-right {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    form .fs-radio-group {
        flex-direction: row;
    }

    form .fs-radio-group .fs-radio {
        margin-left: 20px;
        color: #000000;
    }

    
}

@media only screen and (min-width: 1200px) {
    h1 {
        font-size: 40px;
    }

    h4 {
        font-size: 20px;
    }

    .form-section .fs-left .fs-content-wrapper .fs-titleSection {
        margin-top: 100px;
    }

    .form-section .fs-left .fs-content-wrapper .fs-titleSection h4 {
        margin-top: 40px;
    }

    .form-section .fs-right-content {
        padding: 4% 4%;
    }
}
@media only screen and (min-width: 1024px) {
    .form-section {
        /* height: 100vh; */
        justify-content: flex-end;
    }
    
}
@media only screen and (min-width: 1440px) {
    h1 {
        font-size: 48px;
    }


    .form-section {
        /* min-height: 900px !important; */
        /* height: 100vh; */
        justify-content: flex-end;
    }

    .form-section .fs-left .fs-content-wrapper .fs-titleSection {
        margin-top: 100px;
    }

    .form-section .fs-right-content {
        padding: 4% 6%;
    }

    .form-section .fs-right .form-wrapper {
        flex-direction: row;
    }
}

@media only screen and (min-width: 1600px) {
    h1 {
        font-size: 64px;
    }

    h4 {
        font-size: 24px;
    }

    .form-section {
        /* height: 100vh; */
        justify-content: flex-end;
    }

    .form-section .fs-left .fs-content-wrapper .fs-titleSection {
        margin-top: 150px;
    }

    .form-section .fs-right-content {
        padding: 2% 8%;
        max-width: 80%;
        width: 100%;
    }

    .form-section .fs-right .form-wrapper {
        flex-direction: row;
    }
}

@media (max-width: 1023px){
    .fs__inputGroup {
        padding-top: 15px;
    }

    .contact-permission-group {
        margin-top: -25px;
        align-items: start !important;
        margin-bottom: 10px;
    }

    .contact-permission-input-group {
        padding-top: 0 !important;
        padding-bottom: 15px;
    }

    .contact-permission-yes-radio {
        margin: 0 0 !important;
    }

    .contact-permission-group h5 {
        font-size: 15px !important;
    }

    .main-datetime-location, .lucid-all-right-received {
        position: initial;
    }

    .lucid-all-right-received {
        position: initial;
        padding-top: 15px;
    }
}

html:lang(ar) body {
    font-family: graphik-arabic, cairo, sans-serif;
}

.iti:lang(ar) .fs__input {
    padding-left: 0;
    padding-right: 95px;
}
.iti--allow-dropdown:lang(ar) .iti__flag-container,
.iti--separate-dial-code:lang(ar) .iti__flag-container {
    left: auto;
    right: 0;
}
.iti:lang(ar) .iti__flag-container .iti__selected-flag:before {
    left: 0;
    right: auto;
}
.iti:lang(ar) .iti__flag-container .iti__selected-flag {
    padding-left: 0;
    padding-right: 20px;
}
.iti:lang(ar) .iti__flag-container .iti__selected-flag .iti__arrow {
    margin-left: 0px;
    margin-right: 6px;
}

.whatsapp-icon {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99;
    left: auto;
}




.lucid-default-radio [type="checkbox"] {
    -webkit-appearance: none;
    background: transparent;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    border: 1.5px solid #816742;
}
.lucid-default-radio input:checked[type=checkbox]{
     background: #000;
     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjZmZmJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMycgZD0nTTYgMTBsMyAzbDYtNicvPjwvc3ZnPg==);
}

html .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #000000;
}
html .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none;
}

.fs-language-switch-wrap {
    display: none !important;
}
/* .thank-you-blade a {
    color: white;
} */
.fc-aqua{
    color: #86E0E3;
}
.fc-aqua:hover{
    color: white;
    text-decoration: none;
}
.bottom-link a{
    text-decoration: none;
    margin-top: 6px;
    font-family: 'Gotham';
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    height: 50px;
    margin: 10px 0 0;
    color: #fff;
    text-align: center;
    font-family: 'Gotham';
    -webkit-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    border: 0px;
    width: 100%;
    cursor: pointer;
    font-weight: bold;
    border-radius: 44px;
    background: #144678;
}
/* .thank-you-blade a:hover{
    color: #fff;
    background-color: black;
} */
.bottom-link a:hover{
    color: white;
}
.fc-green{
    color: #000000 !important;
}
html .select2-container--default .select2-results__option--selected {
    background-color: #000000;
    color: white;
    font-weight: 500;
}
section.form-section.no-scroll {
    min-height: 1px;
    /* height: 100vh; */
}
.form-section.form-rsvp-main .fs-left, .fs-left.bg-black {
    min-height: 270px;
    position: relative;
}
.shape-inner{
    background-image: url(../images/inner-shape-mixed.svg);
    height: 234px;
    width: 100%;
    background-position: bottom center;
    position: absolute;
    bottom: 0px;
    z-index: 0;
    background-color: #5b9bfd;
    padding-bottom: 0;
}
.shape-inner-white{
     background-image: url(../images/inner-shape-white.svg);
    height: 234px;
    width: 100%;
    background-position: bottom center;
    position: absolute;
    bottom: 0px;
    z-index: 0;
    background-color: #5b9bfd;
    padding-bottom: 0;
}
form .fs-fieldGroup .select2-container.value-selected span#select2-country-container {
    color: rgba(20, 70, 120, 0.50);
}
@media (max-width: 1023px){
    .form-section .fs-left .fs-bgImage {
        position: relative;
    }
    section.form-section.no-scroll {
        height: auto;
    }
    .form-section.form-rsvp-main .fs-left {
        height: auto;
        position: static;
    }
    .form-section .fs-left .fs-bgImage .imgWrapper {

    }
    .form-section .fs-right {
        padding: 40px 20px 20px 20px;
        flex: 1 0 0;
    }

    .form-section{
        min-height: 100svh !important;
        display: flex;
        flex-direction: column;
    }
}


html .select2-container--default .select2-results>.select2-results__options {
    font-family: 'Gotham';
}

/* 2025 */

/* Change the white to any color */
.app input:-webkit-autofill,
.app input:-webkit-autofill:hover,
.app input:-webkit-autofill:focus,
.app input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 50px rgb(255 255 255) inset !important;
}

.app input:-webkit-autofill{
    -webkit-text-fill-color: #000000 !important;
}
html[lang="ar"] form .fs-fieldGroup .fs__label, html[lang="ar"] form .fs__submit{
    font-family: 'Janna-LT';
}

html[lang="ar"] .form-wrapper, html[lang="ar"] span.select2-selection.select2-selection--single{
text-align: right;
direction: rtl;
}




.mob-lang {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 20px;
}

.mob-lang svg {
    background: white;
}

html[lang="ar"] .mob-lang {
left: 15px;
right: auto;
}


html[lang="ar"] body {
    font-family: 'Janna-LT';
    direction: rtl;
}



@media (min-width: 1023px){
    .lang-link:hover svg path {
        fill: white;
    }

    .lang-link:hover {
        background: #17206A;
    }
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent !important;
}

html[lang="ar"] .iti:lang(ar) .fs__input{
    text-align: right;
}

.form-title{
    font-size: 25px;
    font-family: 'Helvetica';
}


@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    form .fs-fieldGroup .fs__input{
        height: 46px;
    }
}



/* Yas Waterworld RSVP */
.p-guest {
    font-size: 24px;
    font-weight: 700;
}

.btn{
    border-radius: 30px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-family: 'Helvetica';
    font-weight: bold;

}

.btn.btn-white{
    background-color: #fff;
    border: 1px solid white;
}
.btn:hover{
    background-color: black !important;
    color: #fff;
}
.home-logos img {
    height: 70px;
}
.home-t-date {
    padding-top: 0;
    padding-bottom: 10px;
}

.lang-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 11;
    cursor: pointer;
}

.aside-text {
    font-size: 50px;
    font-size: clamp(2.5rem, 1.7857rem + 1.1161vw, 3.125rem);
    line-height: 1;
}
.form-wrapper .row-bg{
}
.inside-footer img.img-fluid {
    filter: invert(1);
}


.thank-you-info *{
    color: #fff;
}

.p-name {
    font-weight: 300;
    font-size: 30px;
    font-size: clamp(1.5rem, 1.0714rem + 0.6696vw, 1.875rem);
}
.map-text {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    display: flex;
    gap: 20px;
    align-items: center;
}
.date-info {
    background: #E2E2E2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000;
    min-height: 56px;
    padding: 10px 20px;
    width: 190px;
}
.qr-box img {
    width: 190px;
}

.hm-404-logo img {
    max-width: 400px;
}
.page-not-found-content {
    padding: 70px 20px;
}
.fs-right{
    color: #fff;
}
.small-title {
    color: #E2E2E2;
}
.thank-you-message {
    font-size: 16px;
    font-weight: 400;
}
@media (min-width: 992px) {
    html[lang="ar"] .text-lg-end {
        text-align: left !important;
    }
    html[lang="ar"] .text-start {
        text-align: right !important;
    }
}
@media (min-width: 1023px){
    .home-t-top{
        font-size: 30px;
    }
    .home-t-top{
        font-size: clamp(1.625rem, 1.1964rem + 0.6696vw, 2rem);
    }
    .home-t-date{
        font-size: 50px;
    }
    .home-t-info{
        font-size: 20px;
        max-width: 55%;
        margin-left: auto;
        margin-right: auto;
    }
    .hm-reg-btn{
        min-width: 200px;
    }
    .hm-footer{
        padding-top: 30px;
    }
  
    .hm-wrap {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .map-text span {
        display: inline-block;
    }

    .map-text span:last-child {
        width: 60%;
    }
    html[lang="ar"] .aside-text {
        text-align: right;
    }
    html[lang="ar"] .form-section.form-rsvp-main .fs-left {
        left: auto;
        right: 0;
    }

}

@media (min-width: 1920px){
   
    form .fs-fieldGroup .fs__label{
        width: 85%;
    }
}
.text-black{
    color: #000;
}

.lang-nav{
    border-radius: 10px;
    overflow: hidden;
}
.lang-nav.invert {
    filter: invert(1);

}
span.ar-language-new.light {
    width: 30px;
    height: 30px;
    font-size: 12px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-family: 'Janna-LT';
    border-radius: 10px;
    padding: 24px;
}

@media screen and  (max-width: 768px) {
    html[lang="ar"] .lang-nav{
        left: 0px !important;
        right: auto !important;
    }

     .lang-nav{
    }
}



span.ar-language-new.light:hover{
    color: black;
    background-color: #FFD103;
    border-color: #FFD103;
}
span.ar-language-new.dark {
    width: 40px;
    height: 40px;
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-family: 'Janna-LT';
    padding: 24px;
}
span.ar-language-new.dark:hover{
    color: black;
    background: #FFD103;
    border-color: #FFD103;
}
a.lang-link {
    text-decoration: none;
}



@media (min-width: 1024px){
     html[lang="ar"] .text-lg-start{
        text-align: right !important ;
    }
}
/* Mobile */
@media (max-width: 1023px){
    .hm-wrap {
        display: flex;
        flex-direction: column;
        height: 100%;
        height: 100svh;
    }
    
    .hm-footer {
        margin-top: auto;
        font-size: 11px;
        display: flex;
        align-items: center;
    }
    .home-logos img {
        height: 50px;
        width: auto;
    }
    .lang-btn a {
        width: 40px;
        height: 40px;
    }
    .lang-btn a svg {
        width: 25px;
    }
    .home-logos span svg {
        height: 40px;
    }

    .home-t-top {
        padding-top: 40px;
        font-size: 12px;
    }
   
    .home-t-date {
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 44px;
    }
    a.btn.hm-reg-btn {
        min-width: 200px;
    }
    .hm-footer img {
        height: 22px;
        width: auto;
    }
    .hm-footer span.col-6 {
        display: flex;
        align-items: center;
    }
    .top-logo-inside {
        padding-top: 0;
        gap: 10px;
        display: flex;
        align-items: center;
    }

    .form-section .fs-right .form-wrapper form {
        margin-bottom: 10px;
    }
    .hm-footer span.col-6:last-child {
        justify-content: end;
    }
    .inside-footer {
        padding-top: 10px;
    }
    .thank-you-info-item .row {
        flex-direction: column-reverse;
        gap: 40px;
    }
    .p-name {
        font-size: 23px;
        margin-bottom: 30px;
        line-height: 29px;
        width: 100%;
        padding: 0 10px;
    }

    .p-guest {
        display: block;
        text-align: center;
        width: 100%;
        padding-bottom: 10px;
    }
    .map-text {
        font-size: 13px;
    }
    section.inside-page {
        display: flex;
        flex-direction: column;
        padding: 10px;
        height: 100%;
    }


    html[lang="ar"] .lang-btn {
        left: 20px;
        right: auto;
    }
    .form-section.form-rsvp-main .fs-left {
        min-height: 90px;
        justify-content: flex-start;
        padding: 20px 20px;
    }
    .lang-nav {
        position: absolute;
        z-index: 4;
        border-radius: 10px;
        top: 0px;
        right: 0px;
    }
    html[lang="ar"] .lang-nav {
        position: absolute;
        left: inherit;
        top: inherit;
        z-index: 4;
        right: auto;
    }

    .page-not-found-content {
        padding: 10px;
        padding-top: 110px;
    }
    .form-section .fs-left {
        padding-top: 120px;
        padding-bottom: 60px;
    }

}
@media (min-width: 768px) and (max-width: 1023px){
    .map-text {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}


@media (min-width: 1023px){
    .thank-you-message {
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        color: #000;
        right: auto;
        padding: 0;
        font-family: 'Helvetica';
    }
    .thank-you-message .d-block.info-font-large {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 6px;
    }
    html[lang="ar"] .thank-you-message {

        text-align: right;
    }

}

@media (max-width: 1023px){
    .thank-you-message {
        font-size: 12px;
        font-weight: 400;
    }
    .thank-you-message {
        font-size: 16px;
    }
    .date-info{
        margin: auto;
    }
    .info-font-large {
        font-size: 26px;
        font-weight: 500;
        line-height: 1.2;
        margin-bottom: 20px;
    }
}
/* ar */

html[lang="ar"] form .fs-fieldGroup .fs__input{
    font-family: 'Janna-LT';
}
html[lang="ar"] .date-info {
    font-family: 'Gotham';
}
html[lang="ar"] * .map-text {
    text-align: right;
}



@media (min-width: 1024px){
    .top-logo-inside.logo-sticky {
        position: absolute;
        right: 8%;
        top: 40px;
        z-index: 1;
        display: flex;
        align-items: center;
        gap: 20px;
    }
    html[lang="ar"] .top-logo-inside.logo-sticky {
        position: absolute;
        right: auto;
        left: 100px;
        top: 20px;
    }

    .thank-you-info{
    }

    .inside-footer {
        margin: auto;
        /* max-width: 95%; */
        margin-top: auto !important;
        margin-bottom: 0;
        /* position: absolute; */
        /* bottom: 20px; */
        /* left: auto;
        right: 100px; */
        max-width: 100% !important;
        width: 100% !important;
        display: flex;
        justify-content: center;
        padding: 30px;
    }

    html[lang="ar"] .inside-footer {
        left: 100px;
        right: auto;
    }
    .inside-page.regret-inside-wrap {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .inside-page.regret-inside-wrap .hm-footer {
        margin-top: auto;
        padding: 20px;
    }
}

.hm-footer span {
    font-size: 16px;
    font-family: 'Helvetica';
}
@media (max-width: 1023px){
    .home-t-top {
        padding-top: 0px !important;
    }
    .not-found-page .img-container {
        margin-top: 40px;
    }
}
@media (max-width: 768px){
    .hm-footer span {
        font-size: 10px;
        align-items: center;
    }
    html[lang="ar"] p.w-100.text-center.text-lg-start {
        text-align: center !important;
    }

    .home-t-top {
        padding-top: 70px;
        font-size: 18px;
    }

    html:lang(ar) .hm-footer span {
        text-align: center ! IMPORTANT;
    }
}





section.inside-page.no-scroll.not-found-page {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 30px;
}

section.inside-page .page-not-found-content {
    flex: 1;
    background-color: #17206A;
}
form .fs-fieldGroup textarea.fs__input {
    padding: 20px;
}

@media (min-width: 1023px) {
}

html:lang(ar) .hm-footer span {
    font-family: 'Janna-LT';
}

html[lang="ar"] form .fs-fieldGroup select.fs__input {
    line-height: inherit;
}

.link-black{
    color: #000;
}
.link-black:hover{
    color: #000;
}

html[lang="ar"] .hm-footer span.d-flex.gap-3, html[lang="ar"] .home-logos {
    direction: ltr;
}
.f-logo-scda {
    height: 70px !important;
}
.f-right-logo{
    height: 50px !important;
}
@media (max-width: 1023px) {
    .f-logo-scda {
        height: 50px !important;
    }
    .hm-footer span a.link-black {
        display: block;
    }
}

.top-logo-inside.logo-sticky img {
    width: auto;
    height: 50px;
}
form .fs-fieldGroup .form-check-input {
    width: 30px;
    height: 30px;
    border-radius: 0px;
    border: 0px none;
    outline:0px;
    box-shadow:none;
    min-width: 30px;
    min-height: 30px;
}

form .fs-fieldGroup .form-check-input:checked[type=checkbox]{
background-color: #17206A;
}

html:lang(ar) .form-check{
    padding-right: 1.5em;
    padding-left: 0px;
}

html:lang(ar) .form-check .form-check-input {
    float: right;
    margin-left: 0px;
    margin-right: -1.5em;
}
@media (min-width: 768px) {
    html[lang="ar"] .justify-content-md-end {
        justify-content: flex-start !important;
    }
}


.home-date-sec {
    background: white;
    border-radius: 30px;
    text-align: center;
    color: #162167;
    font-weight: 500;
    display: flex;
    justify-content: center;
    gap: 25px;
    min-height: 70px;
    display: inline-flex;
    padding: 10px 30px;
    font-size: 15px;
    line-height: 1.2;
}

.dome-date-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.hm-date-item-b {
    display: flex;
    flex-direction: column;
}

.hm-date-item-b:lang(ar) span:not(.fw-light){
    font-weight: bold;
}


@media screen and (max-width: 768px){
    .hm-date-item-b:lang(ar){
    text-align: right;
   }
}

.home-reg-wap {
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 40px;
    padding: 8px;
    min-width: 300px;
}


a.btn.btn-white.g-m-srm.hm-reg-btn {
    background: linear-gradient(90deg, #034D98 0%, #1F1459 100%);
    color: #fff;
    border: 0px none;
    min-width: 100%;
}

a.btn.btn-white.g-m-srm.hm-reg-btn:hover{
    background: #1F1459;
}

.home-btm-icon {
    display: flex;
    align-items: center;
    gap: 60px;
    justify-content: center;
}
.hm-date-item-a {
    font-size: 40px;
}

.hm-date-item-a:lang(ar){
    font-weight: bold;
}

.date-ico img {
    height: 48px;
}
.hm-date-item-a {
    position: relative;
}
.dome-date-item.sep-item {
    border-left: 1px solid #17206A;
    border-right: 1px solid #17206A;
    padding: 0 28px;
}
@media (max-width: 768px) {
    .home-btm-icon {
        gap: 10px;
    }

    .btm-ico {
        font-size: 11px;
    }

    .dome-date-item.sep-item {
        border: 0px none;
        padding: 0;
    }
    .home-date-sec {
        padding: 20px;
        flex-direction: column;
        width: 100%;
        font-size: 16px;
        gap: 17px;
        text-align: left;
    }

    .date-ico img {
        width: auto;
        height: 40px;
    }

    .hm-date-item-a {
        width: 60px;
        text-align: center;
        font-size: 36px;
    }

    .g-m-srm.home-t-info {
        line-height: 1.2;
    }


}

.hm-container .bg-image{
    opacity: 75%;
    z-index: 1;
}

.hm-container .bg-image img{
    object-fit: cover;
}

.hm-wrap{
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-darkblue{
    background: #052BC3;
}

.bg-lightgray{
    background-color: #DBE7F2;
}

.btn-lightgray{
    background-color: #DBE7F2 !important;
    color: #17206A;
}

.btn-lightgray:hover{
    color: #DBE7F2 !important;
    background-color:#17206A !important;
}

.guest-details-box{
    border-radius: 50px;
    border: 2px solid #fff;
    position: relative;
    min-height: 255px;
}
.info-box-wrap.invite-box {
    top: inherit;
    bottom: -35%;
    transform: translateY(-50%);
    background: #FFD103;
    border: 1px solid #fff;
    max-width: 920px;
}
.reg-thank-you-info{
    border-radius: 30px;
    background: #052BC3;
    border-radius: 50px;
    border: 2px solid #fff;
    position: relative;
    padding: 30px 60px;
}

@media (min-width: 1024px) {
    .reg-inside-footer{
        position: relative;
        right: auto !important;
        left: auto !important;
        justify-content: center;
        text-align: center;
    }
}


form .fs__submit:disabled {
    background-color: #ccc; /* light gray background */
    color: #666;            /* dimmed text color */
    cursor: not-allowed;    /* show a "not allowed" cursor */
    border: 1px solid #aaa; /* lighter border */
    opacity: 0.7;           /* slightly transparent */
}

/* NNN */

.banner-logo {
    max-width: 300px;
    margin: auto;
}
.banner-text {
    max-width: 770px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1025px) {

}

.info-box-wrap {
    background: #fff;
    border-radius: 30px;
    max-width: 750px;
    position: absolute;
    top: -110px;
    width: 100%;
    margin: auto;
    right: 0;
    left: 0;
}

.row-box {
    display: flex;
    align-items: center;
    color: #5B9BFD;
    justify-content: center;
    padding: 20px 0;
}

.col-box {
    flex: 1;
    display: flex;
    align-items: center;
    line-height: 1.2;
    font-weight: 900;
    justify-content: center;
    gap: 15px;
    font-size: 14px;
    height: 50px;
    text-align: left;
}

html:lang(en) .col-box {
   border-right: 2px solid #162167;
}
html:lang(en) .col-box:last-child{
    border-right: 0px none;
}


html:lang(ar) .col-box {
   border-left: 2px solid #162167;
}
html:lang(ar) .col-box:last-child{
    border-left: 0px none;
}

.icon-item svg {
    width: 40px;
    height: 40px;
}
.col-b-b {
    display: flex;
    flex-direction: column;
    gap: 1px;
    font-family: "Nunito", sans-serif;
}
.col-box .date {
    font-size: 30px;
    font-weight: 900;
    color: #052BC4;
    font-family: "Nunito", sans-serif;
}
.a-i-image svg {
    height: 50px;
    width: 50px;
}



.a-i-title {
    font-size: 40px;
    font-weight: 900;
    font-family: "Nunito", sans-serif;
}

.a-i-text {
    font-size: 13px;
    line-height: 1.2;
}
.about-info-item {
    text-align: center;
}
a.btn.btn-yellow {
    background: #FFD103;
}

.button-block {
    padding: 10px;
    border-radius: 40px;
}
.br-white{
    border: 2px solid white;
}
.br-blue{
    border: 2px solid #052BC3;
}
.hm-shape-bottom {
    background-image: url(../images/home-shape.svg);
    height: 234px;
    width: 100%;
}
.hm-bottom {
    background: #052BC3;
}
.z-1{
    z-index: 1;
}
.z-2{
    z-index: 2;
}
.hm-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.bottom-section {
    width: 100%;
}
.hm-bottom-content {
    padding-top: 30px;
    padding-bottom: 60px;
}
.hm-bottom .button-block {
    max-width: 300px;
    margin: 0 auto;
}
.hm-top {
    padding-top: 30px;
}
span.text-small-a {
    font-size: 22px;
}
span.sep-border {
    display: inline-block;
    width: 1px;
    background: white;
    height: 40px;
}
.logos-inner {
    display: flex;
    align-items: center;
    gap: 20px;
}
a.link-white {
    color: #fff;
    text-decoration: none;
}

a.link-white:hover {
    text-decoration: underline;
}
.info-box-wrap.invite-box .col-box * {
    color: #052BC3;
}
.info-box-wrap.invite-box .col-box svg {
    width: 25px;
    height: 25px;
}

.info-box-wrap.invite-box .col-box {
    font-size: 12px;
        padding: 0 7px;
}
.banner-text span {
    font-family: "Nunito", sans-serif;
    font-weight: bold;
    font-size: 56px;
    text-shadow: 2px 1px 4px #00000094;
    text-align: center;
    display: block;
    line-height: 1.1;
    font-family: 'YWW-FONTS';
    font-size: clamp(2.5rem, 1.3571rem + 1.7857vw, 3.5rem);
    letter-spacing: 0.2px;
}

.banner-text span span{
    font-family: "Nunito", sans-serif;
}
  html:lang(ar) .fs-fieldGroup .form-title {
        text-align: right !important;
        display: block;
    }
    form .iti .iti__country {
        color: black;
    }
    .text-yellow {
    color: #FFD103;
}
@media (min-width: 1200px) {
    .hm-bottom-content {
        max-width: 710px;
        max-width:55%;
        
    }
}

@media (max-width: 1024px) {
  
    html:lang(en) .col-box, html:lang(ar) .col-box {
        border-right: 0px none !important;
        border-left: 0px none !important;
    }
    html:lang(en) .col-box:last-child, html:lang(ar) .col-box:last-child {
        border-bottom: 0px none;
    }
 .about-info-item {
        margin: 50px 0px  10px 0px ;
    }   
    .hm-top {
        padding-top: 70px;
    }
    .banner-logo {
        max-width: 250px;
        margin: auto;
    }
    .row-box {
        flex-direction: column;
        gap: 0;
    }

    .col-box {
        border: 0px none;
        border-bottom: 1px solid #e1e1e2;
        padding: 8px 0px;
        flex: 1;
        width: 100%;
        font-size: 20px;
    }

    .col-box .date {
        font-size: 60px;
    }

    .info-box-wrap {
        top: inherit;
        position: static;
        border-radius: 30px;
    }

    .hm-shape-bottom {
        background-size: cover;
        height: 104px;
    }
    .banner-text {
        padding: 0 0px;
    }
    .a-i-title {
        font-size: 30px;
    }
    .a-i-image svg {
        height: 60px;
        width: 60px;
    }.top-logo-inside.logo-sticky img {
        width: auto;
        height: 40px;
    }
    .info-box-wrap.invite-box {
        position: static;
        transform: none;
    }
    .info-box-wrap.invite-box .col-box {
        border-bottom: 1px solid #052bc3;
        font-size: 14px;
    }
    .shape-inner {
        display: none;
    }
    .banner-text span {
        font-size: 40px;
    }
    .info-box-wrap.invite-box .col-box {
        padding: 18px 8px;
    }
}

.app {
    background: #5b9bfd;
}
.z-3{
    z-index: 3 !important;
}
.form-section .fs-right .form-wrapper{
    justify-content: center;
}

html[lang="ar"] .banner-text span {
    font-family: 'Janna-LT';
    line-height: 1.5;
}

html[lang="ar"] .col-box{
    text-align: right;
}
@media (min-width: 1023px) {

 .fs-right-content {
        padding: 2% 8%;
        max-width: 80%;
        width: 100%;
    }
}
@media (min-width: 1023px) and (max-width: 1200px) {
     .fs-right-content {
        padding: 2% 8%;
        max-width: 94%;
        width: 100%;
    }
}