:root {
    --theme: #00bfa5;
    --gt-white: #ffffff;

    --gt-font-Roboto: "Roboto Variable", sans-serif;
    --gt-font-Inter: "Inter Variable", sans-serif;
    --gt-font-lato: "Lato", sans-serif;

    --gt-text-theme: #00bfa5;
    --gt-text-263238: #263238;
    --gt-text-546E7A: #546e7a;
    --gt-text-78909C: #78909c;
    --gt-text-Primary-Charcoal: #171717;
    --gt-text-Text-input-fill: #6f6f6f;
    --gt-text-EC407A: #ec407a;
    --gt-text-ECEFF1: #eceff1;
    --gt-text-white: #ffffff;
    --gt-text-E0E0E0: #e0e0e0;
    --gt-text-FF9100: #ff9100;
    --gt-text-F44336: #f44336;
    --gt-text-8BC34A: #8bc34a;
    --gt-text-90A4AE: #90a4ae;
    --gt-text-C4C4C4: #c4c4c4;
    --gt-text-Secondary-Text-Input: #6f6f6f;
    --gt-text-FF6D00: #ff6d00;
    --gt-text-00BFA5: #00bfa5;
    --gt-text-6F6F6F: #6f6f6f;
    --gt-text-BDBDBD: #bdbdbd;
    --gt-text-607D8B: #607d8b;

    --gt-bg-theme: #00bfa5;
    --gt-bg-theme-50: rgba(0, 191, 166, 0.5);
    --gt-bg-FAFAFA: #fafafa;
    --gt-bg-Primary-Off-white: #faf9f6;
    --gt-bg-Primary-Charcoal: #171717;
    --gt-bg-white: #ffffff;
    --gt-bg-Accent-Indigo: #36008d;
    --gt-bg-263238: #263238;
    --gt-bg-ECF8F5: #ecf8f5;
    --gt-bg-FF9100: #ff9100;
    --gt-bg-ECEFF1: #eceff1;
    --gt-bg-CFD8DC: #cfd8dc;
    --gt-bg-37474F: #37474f;
    --gt-bg-BDBDBD: #bdbdbd;
    --gt-bg-FFAB00: #ffab00;
    --gt-bg-607D8B: #607d8b;
    --gt-bg-FF6D00: #ff6d00;
    --gt-bg-01bfa54f: #01bfa54f;
    --gt-bg-F7F9FC: #f7f9fc;
    --gt-bg-EC407A: #ec407a;
    --gt-bg-fff: #fff;
    --gt-bg-FFFFFF: #ffffff;
    --gt-bg-D9D9D9: #d9d9d9;
    --gt-bg-F5F5F5: #f5f5f5;
    --gt-bg-F443361A: #f443361a;
    --gt-bg-FFAB001A: #ffab001a;
    --gt-bg-8BC34A26: #8bc34a26;

    --gt-text-hover-8cd2c8: #8cd2c8;

    --gt-border-theme: #00bfa5;
    --gt-border-ECEFF1: #eceff1;
    --gt-border-78909C: #78909c;
    --gt-border-Text-Outline: #f4f4f4;
    --gt-border-Primary-Charcoal: #171717;
    --gt-border-Accent-Indigo: #36008d;
    --gt-border-Text-Outline-New: #eaeaea;
    --gt-border-CFD8DC: #cfd8dc;
    --gt-border-FF9100: #ff9100;
    --gt-border-EAEAEA: #eaeaea;
    --gt-border-04C9B8: #04c9b8;
    --gt-border-Secondary-Input-Outline: #eaeaea;
    --gt-border-546E7A: #546e7a;
    --gt-border-E0E0E0: #e0e0e0;
    --gt-border-FF6D00: #ff6d00;
    --gt-border-EAEAEA: #eaeaea;
    --gt-border-BDBDBD: #bdbdbd;
    --gt-border-A5A5A5: #a5a5a5;

    --gt-shadow-s1: 0px 4px 6px 0px #0000000d;
    --gt-shadow-navbar: 0px -2px 10px 0px #00000059;
    --gt-shadow-s2: 0px 4px 14px 0px #00000014;

    --gt-fw-thin: 100;
    --gt-fw-light: 300;
    --gt-fw-regular: 400;
    --gt-fw-medium: 500;
    --gt-fw-semi-bold: 600;
    --gt-fw-bold: 700;
    --gt-fw-black: 900;

    --gt-fs-xs: 12px;
    --gt-fs-sm: 14px;
    --gt-fs-md: 16px;
    --gt-fs-lg: 20px;
    --gt-fs-xl: 24px;
    --gt-fs-2xl: 32px;
    --gt-fs-3xl: 40px;

    --gt-fs-md-28px: 16px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

:focus-visible {
    outline: unset;
}

body {
    color: var(--gt-text-263238);
    font-family: var(--gt-font-Roboto);
    background: var(--gt-bg-FAFAFA);
    font-size: var(--gt-fs-md);
    height: 100vh;
}

.italic {
    font-style: italic;
}

/* Start Font Familly */
.gt-font-Roboto {
    font-family: var(--gt-font-Roboto);
}
.gt-font-Inter {
    font-family: var(--gt-font-Inter);
}
.gt-font-lato {
    font-family: var(--gt-font-lato);
}

/* Start box box-shadow */
.gt-shadow-navbar {
    box-shadow: var(--gt-shadow-navbar);
}
.gt-shadow-s2 {
    box-shadow: var(--gt-shadow-s2);
}
/* End box box-shadow */

/* Start padding and margin  */
.py-13 {
    padding: 13px 0;
}
.section-padding {
    padding: 60px 0;
}
.section-s2padding {
    padding: 90px 0;
}
.section-toppadding {
    padding-top: 135px;
}
.ms-xl-80px {
    margin-left: 80px;
}
/* End padding and margin  */

/* Start Letter spacing */
.letter-spacing-2px {
    letter-spacing: 2px;
}
.letter-spacing-11px {
    letter-spacing: 11px;
}
.letter-spacing-0-15px {
    letter-spacing: 0.15px;
}
.letter-spacing-00-75px {
    letter-spacing: -0.75px;
}
.letter-spacing-00-1px {
    letter-spacing: -1px;
}
/* End Letter spacing */

/* Start Color */
.gt-text-theme {
    color: var(--gt-text-theme) !important;
}
.gt-text-263238 {
    color: var(--gt-text-263238) !important;
}
.change-text-263238-white {
    color: var(--gt-text-263238) !important;
}
.gt-text-546E7A {
    color: var(--gt-text-546E7A);
}
.gt-text-Primary-Charcoal {
    color: var(--gt-text-Primary-Charcoal) !important;
}
.gt-text-EC407A {
    color: var(--gt-text-EC407A);
}
.gt-text-78909C {
    color: var(--gt-text-78909C);
}
.gt-text-white {
    color: var(--gt-text-white);
}
.gt-text-E0E0E0 {
    color: var(--gt-text-E0E0E0);
}
.gt-text-F44336 {
    color: var(--gt-text-F44336);
}
.gt-text-8BC34A {
    color: var(--gt-text-8BC34A);
}
.gt-text-C4C4C4 {
    color: var(--gt-text-C4C4C4);
}
.gt-text-FF6D00 {
    color: var(--gt-text-FF6D00);
}
.gt-text-00BFA5 {
    color: var(--gt-text-00BFA5);
}
.gt-text-6F6F6 {
    color: var(--gt-text-6F6F6F);
}
.gt-text-FF9100 {
    color: var(--gt-text-FF9100);
}
.gt-text-607D8B {
    color: var(--gt-text-607D8B);
}
/* End Color */

/* Start background */
.gt-bg-theme {
    background: var(--gt-bg-theme);
}
.gt-bg-Primary-Off-white {
    background: var(--gt-bg-Primary-Off-white);
}
.gt-bg-FAFAFA {
    background: var(--gt-bg-FAFAFA);
}
.gt-bg-Primary-Charcoal {
    background: var(--gt-bg-Primary-Charcoal) !important;
}
.gt-bg-white {
    background: var(--gt-bg-white) !important;
}
.gt-bg-263238 {
    background: var(--gt-bg-263238) !important;
}
.gt-bg-ECF8F5 {
    background: var(--gt-bg-ECF8F5) !important;
}
.gt-bg-CFD8DC {
    background: var(--gt-bg-CFD8DC);
}
.gt-bg-ECEFF1 {
    background: var(--gt-bg-ECEFF1);
}
.gt-bg-BDBDBD {
    background: var(--gt-bg-BDBDBD);
}
.gt-bg-FFAB00 {
    background: var(--gt-bg-FFAB00);
}
.gt-bg-FF9100 {
    background: var(--gt-bg-FF9100);
}
.gt-bg-F7F9FC {
    background: var(--gt-bg-F7F9FC);
}
.bg-color-transparent {
    background-color: transparent !important;
}
.gt-bg-EC407A {
    background: var(--gt-bg-EC407A);
}
.gt-bg-D9D9D9 {
    background: var(--gt-bg-D9D9D9);
}
.gt-bg-F443361A {
    background: var(--gt-bg-F443361A);
}
.gt-bg-FFAB001A {
    background: var(--gt-bg-FFAB001A);
}
.gt-bg-8BC34A26 {
    background: var(--gt-bg-8BC34A26);
}
/* End background */

/* Start Border */
.gt-border-theme {
    border-color: var(--gt-border-theme) !important;
}
.gt-border-ECEFF1 {
    border-color: var(--gt-border-ECEFF1) !important;
}
.gt-border-Primary-Charcoal {
    border-color: var(--gt-border-Primary-Charcoal) !important;
}
.gt-border-CFD8DC {
    border-color: var(--gt-border-CFD8DC);
}
.gt-border-2pxCFD8DC {
    border: 2px dashed var(--gt-border-CFD8DC) !important;
}
.gt-border-2pxtheme {
    border: 2px dashed var(--gt-border-theme);
}
.gt-border-2pxE0E0E0 {
    border: 2px dashed var(--gt-border-E0E0E0) !important;
}
.gt-border-EAEAEA {
    border-color: var(--gt-border-EAEAEA) !important;
}
.gt-border-Secondary-Input-Outline {
    border-color: var(--gt-border-Secondary-Input-Outline) !important;
}
/* End Border */

/* Start Box Shadow */
.gt-shadow-s1 {
    box-shadow: var(--gt-shadow-s1);
}
/* End Box Shadow */

/* Start object fit */
.object-fit-contain {
    object-fit: contain;
}
.object-fit-cover {
    object-fit: cover;
}
/* End object fit */

/* Start Link */
a {
    color: initial;
    text-decoration: unset;
}
a:hover {
    color: initial;
}
a:focus-visible {
    outline: unset;
}
.link-theme {
    color: var(--gt-text-theme) !important;
}
.link-theme:hover {
    color: var(--gt-text-theme);
    opacity: 0.8;
}
.link-78909C-theme {
    color: var(--gt-text-78909C);
}
.link-78909C-theme:hover {
    color: var(--gt-text-theme);
}
.link-FF9100-them {
    color: var(--gt-text-FF9100);
}
.link-FF9100-them:hover {
    color: var(--gt-text-FF9100);
    opacity: 0.8;
}
/* End Link */

/* Start Height */

/* End Height */

/* Start Width */
.max-w-100 {
    max-width: 100%;
}
/* End Width */

/* Start Height Width */

.hw-48px {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
}
.w-xl-auto-100 {
    width: auto;
}
.hw-34px {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
}

.hw-fs-51px {
    width: 51px;
    height: 51px;
}
.hw-fs-56px {
    width: 56px;
    height: 56px;
}
.hw-fs-92px {
    width: 92px;
    height: 92px;
}
.px-109px {
    padding: 0 109px;
}
.px-106px-24px {
    padding: 0 106px;
}
.px-lg-106px-24px {
    padding: 0 106px;
}
/* End Height Width */

/* Start Word And White Space */
.word-break-all {
    word-break: break-all;
}

.white-space-nowrap {
    white-space: nowrap;
}
/* End Word And White Space */

/* Start Font Weight */
.fw-thin {
    font-weight: var(--gt-fw-thin);
}
.fw-light {
    font-weight: var(--gt-fw-light);
}
.fw-regular {
    font-weight: var(--gt-fw-regular) !important;
}
.fw-medium {
    font-weight: var(--gt-fw-medium);
}
.fw-semi-bold {
    font-weight: var(--gt-fw-semi-bold);
}
.fw-bold {
    font-weight: var(--gt-fw-bold) !important;
}
.fw-black {
    font-weight: var(--gt-fw-black);
}
.fw-100 {
    font-weight: 100;
}
.fw-200 {
    font-weight: 200;
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400 !important;
}
.fw-500 {
    font-weight: 500 !important;
}
.fw-600 {
    font-weight: 600 !important;
}
.fw-700 {
    font-weight: 700 !important;
}
.fw-900 {
    font-weight: 900 !important;
}
/* End Font Weight */

/* Start Font Size */
.fs-xs {
    font-size: var(--gt-fs-xs);
}
.fs-sm {
    font-size: var(--gt-fs-sm);
}
.fs-md {
    font-size: var(--gt-fs-md);
}
.change-fs-md-28px {
    font-size: var(--gt-fs-md-28px);
}
.change-fs-md-xs {
    font-size: var(--gt-fs-md);
}
.change-fs-md-sm {
    font-size: var(--gt-fs-md);
}
.fs-lg {
    font-size: var(--gt-fs-lg);
}
.change-fs-lg-md {
    font-size: var(--gt-fs-lg);
}
.fs-xl {
    font-size: var(--gt-fs-xl);
}
.fs-2xl {
    font-size: var(--gt-fs-2xl);
}
.fs-3xl {
    font-size: var(--gt-fs-3xl);
}
.fs-10px {
    font-size: 10px;
}
.fs-12px {
    font-size: 12px;
}
.fs-14px {
    font-size: 14px;
}
.fs-16px {
    font-size: 16px !important;
}
.fs-18px {
    font-size: 18px;
}
.change-fs-18px-16px {
    font-size: 18px;
}
.fs-20px {
    font-size: 20px !important;
}
.change-fs-20px-16px {
    font-size: 20px;
}
.fs-24px {
    font-size: 24px;
}
.change-fs-24px-18px {
    font-size: 24px;
}
.change-fs-24px-20px {
    font-size: 24px;
}
.fs-28px {
    font-size: 28px;
}
.change-fs-28px-18px {
    font-size: 28px;
}
.fs-32px {
    font-size: 32px;
}
.change-fs-32px-28px {
    font-size: 32px;
}
.fs-40px {
    font-size: 40px;
}
.fs-change-fs-40px-32px {
    font-size: 40px;
}
.change-fs-60px-40px {
    font-size: 60px;
}
.change-fs-62px-42px {
    font-size: 62px;
}
.fs-72px {
    font-size: 72px;
}
.change-fs-72px-48px {
    font-size: 72px;
}
.change-fs-76px-48px {
    font-size: 76px;
}
/* End Font Size */

/* Start Line Height */
.lh-normal {
    line-height: normal !important;
}
.line-height-27px {
    line-height: 27px;
}
.line-height-29px {
    line-height: 29px;
}
.line-height-50px-29px {
    line-height: 50px;
}
/* End Line Height */

/* Start Rounded */
.rounded-4 {
    border-radius: 4px !important;
}
.rounded-8 {
    border-radius: 8px !important;
}
.rounded-6 {
    border-radius: 6px !important;
}
.rounded-12 {
    border-radius: 12px !important;
}
.rounded-15 {
    border-radius: 15px;
}
.rounded-16 {
    border-radius: 16px;
}
.rounded-20 {
    border-radius: 20px;
}
.rounded-30 {
    border-radius: 30px;
}
/* End Rounded */

/* Start Cursor */
.cursor-pointer {
    cursor: pointer;
}
/* End Cursor */

/* Start Margin Start padding */
.mt-2px {
    margin-top: 2px;
}
/* End Margin End padding */

/* Start Line Clamp */

/* End Line Clamp */

/* Start Scrollbar */

/* End Scrollbar */

/* Start Mix Blend Mode */

/* End Mix Blend Mode */

/* Start Tooltip */

/* End Tooltip */

/* Start Icon */

/* End Icon */

/* Start Toster */
#toast-container {
    padding: 0px 15px;
    z-index: 999999999;
}
#toast-container > .toast-success,
#toast-container > .toast-error,
#toast-container > .toast-warning,
#toast-container > .toast-gray {
    background-image: unset !important;
}
.toast-top-center {
    top: 15px !important;
    display: flex !important;
    flex-direction: column;
}
.toast {
    padding: 20px 30px !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    border: 0px !important;
    max-width: 348px;
    width: 100% !important;
}
#toast-container > div {
    /* width: auto !important; */
    opacity: 1;
    box-shadow: unset !important;
}
.toast-message {
    text-align: center !important;
}
.toast-error {
    background-color: red !important;
}
.toast-error .toast-message {
    color: white !important;
}
.toast-success {
    background-color: #546e7a !important;
}
.toast-success .toast-message {
    color: white !important;
}
.toast-warning {
    background-color: yellow !important;
}
.toast-warning .toast-message {
    color: black !important;
}
.toast-gray {
    background-color: var(--gt-bg-607D8B) !important;
}
.toast-gray .toast-message {
    color: var(--gt-text-white) !important;
}
/* End Toster */

/* Start Select 2 CSS */

/* Sart All Rounder */

.btn {
    font-size: var(--gt-fs-sm);
    border-radius: 4px;
    line-height: 21px;
    font-weight: var(--gt-fw-medium);
    min-height: 36px;
}

.btn-S1 {
    font-size: var(--gt-fs-lg);
    border-radius: 8px;
    line-height: 21px;
    font-weight: 700;
    padding: 16px 32px;
}

.btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--gt-bg-theme);
    --bs-btn-border-color: var(--gt-border-theme);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #03a993;
    --bs-btn-hover-border-color: #03a993;
    --bs-btn-focus-shadow-rgb: 0, 191, 166;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #039783;
    --bs-btn-active-border-color: #039783;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--gt-bg-theme);
    --bs-btn-disabled-border-color: var(--gt-bg-theme);
}
.btn-theme-nav {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--gt-bg-theme);
    --bs-btn-border-color: var(--gt-border-theme);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #03a993;
    --bs-btn-hover-border-color: #03a993;
    --bs-btn-focus-shadow-rgb: 0, 191, 166;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #039783;
    --bs-btn-active-border-color: #039783;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--gt-bg-theme);
    --bs-btn-disabled-border-color: var(--gt-bg-theme);
    font-size: var(--gt-fs-md);
    border-radius: 4px;
    line-height: 21px;
    font-weight: var(--gt-fw-medium);
    min-height: 36px;
    padding: 7px 16px;
    white-space: nowrap;
}
.btn-theme-nav-xl-orange {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--gt-bg-theme);
    --bs-btn-border-color: var(--gt-border-theme);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #03a993;
    --bs-btn-hover-border-color: #03a993;
    --bs-btn-focus-shadow-rgb: 0, 191, 166;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #039783;
    --bs-btn-active-border-color: #039783;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--gt-bg-theme);
    --bs-btn-disabled-border-color: var(--gt-bg-theme);
    font-size: var(--gt-fs-md);
    border-radius: 4px;
    line-height: 21px;
    font-weight: var(--gt-fw-medium);
    min-height: 36px;
    padding: 7px 16px;
    white-space: nowrap;
}

.btn-theme-Accent-orang {
    --bs-btn-color: #ffff;
    --bs-btn-bg: #ff9100;
    --bs-btn-border-color: #ff9100;
    --bs-btn-hover-color: #ffff;
    --bs-btn-hover-bg: #ff910094;
    --bs-btn-hover-border-color: #ffc07d;
    --bs-btn-focus-shadow-rgb: 69, 5, 172;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff910094;
    --bs-btn-active-border-color: #ffc07d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(69, 5, 172, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--gt-bg-FF6D00);
    --bs-btn-disabled-border-color: var(--gt-border-FF6D00);
}
.btn-bg-transparent {
    --bs-btn-color: white;
    --bs-btn-border-color: white;
    --bs-btn-hover-color: #ffffffba;
    --bs-btn-hover-bg: #00000014;
    --bs-btn-hover-border-color: #ffffffba;
    --bs-btn-focus-shadow-rgb: 0, 191, 166;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--gt-bg-theme);
    --bs-gradient: none;
}
.btn-bg-white {
    --bs-btn-color: black;
    --bs-btn-border-color: #eeeeee;
    --bs-btn-hover-color: #000000a8;
    --bs-btn-hover-bg: #eeeeee;
    --bs-btn-bg: #fff;
    --bs-btn-hover-border-color: #eeeeee;
    --bs-btn-focus-shadow-rgb: 0, 191, 166;
    --bs-btn-active-color: black;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #eeeeee;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 191, 166, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #eeeeee;
    --bs-gradient: none;
}
.disabled,
:disabled,
[disabled] {
    opacity: 0.65;
    pointer-events: none;
}

textarea.form-control {
    height: auto;
    min-height: auto;
    padding: 0.75rem 1rem;
}

/*Start gap using css  */
.gap-23px {
    gap: 23px;
}

.row-g-30px {
    --bs-gutter-y: 30px;
    --bs-gutter-x: 30px;
}
.row-g-44px {
    --bs-gutter-y: 44px;
    --bs-gutter-x: 44px;
}
.row-g-52px {
    --bs-gutter-y: 52px;
    --bs-gutter-x: 52px;
}
.gap-y-24px {
    row-gap: 24px;
}
.gap-y-56px {
    row-gap: 56px;
}
.gap-y-48px-36px {
    row-gap: 48px;
}
/*End gap using css  */

.gt-spinner {
    display: inline-block;
    animation: gtspinner 2s linear infinite;
}
@keyframes gtspinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* .input-s1rightbtn input{
    padding-right: 90px;
}
.input-s1rightbtn .btn{
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px;
} */

@keyframes generating-s1loader {
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes generating-s1loader {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.aspect-ratio-394-264 {
    aspect-ratio: 394 / 264;
}
.aspect-ratio-383-264 {
    aspect-ratio: 383 / 264;
}
.aspect-ratio-445-264 {
    aspect-ratio: 445 / 264;
}
.aspect-ratio-140-230 {
    aspect-ratio: 140 / 230;
}
/* End All Rounder */

/* Start Table CSS */

/* End Table CSS */

/* Start Auth Pages */

/* End Auth Pages */

/* Start Layout */

/* End Layout */

/* Start Header */

/* End Header */

/*Start accordion faq section  */

.faq-accordion .accordion-item {
    background-color: transparent;
    border: 0;
    padding: 32px 0;
    border-radius: 0 !important;
}
.faq-accordion .accordion-header .accordion-button:not(.collapsed) {
    color: var(--gt-bg-Primary-Charcoal);
    background-color: transparent;
    box-shadow: none;
}
.faq-accordion .accordion-button:focus {
    box-shadow: none;
    background-color: transparent;
}
.faq-accordion .accordion-header .accordion-button,
.navbar-toggler {
    border: 0;
}
.faq-accordion .accordion-button {
    background-color: transparent;
}
.faq-accordion .accordion-button::after {
    background-image: url(../image/plus.png);
    transition: 0.2s;
    background-position: center;
}
.faq-accordion .accordion-button:not(.collapsed)::after {
    background-image: url(../image/minus.png);
}
.faq-accordion .accordion-body {
    padding: 0;
}
/*End accordion faq section  */

.form-check-input:checked {
    background-color: var(--gt-bg-theme);
    border-color: var(--gt-border-theme);
}
.form-check-input:focus {
    box-shadow: unset;
    border-color: var(--gt-border-theme);
}

.form-switch .form-check-input:focus {
    box-shadow: unset;
    border-color: rgba(0, 0, 0, 0.25);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e") !important;
}
.form-switch .form-check-input:checked:focus {
    box-shadow: unset;
    border-color: rgba(0, 0, 0, 0.25);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.resume-from-top-title {
    color: var(--gt-text-546E7A);
    background-color: var(--gt-bg-FAFAFA);
    position: absolute;
    top: -12px;
    left: 10px;
    border-radius: 50rem;
    padding: 3px 8px;
    z-index: 1;
}

/*Start model css  */

/*End model css  */

/* End Feedback Page */

/*Start nav bar css  */
.dropdown-toggle::after {
    display: none;
}
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--gt-bg-01bfa54f);
}

.navbar-expand-xl .dropdown-menu .dropdown-item {
    padding: 7px 20px;
}

.navbar-expand-xl .dropdown-menu {
    box-shadow: 0 4px 14px 0 #00000026;
    border: 0;
    border-radius: 8px;
}

.navbar-expand-xl .navbar-toggler {
    border: 0;
}
.navbar-expand-xl .navbar-toggler:focus {
    box-shadow: none;
}
.navbar-expand-xl .nav-bar-collapse {
    display: flex;
}
.navbar-expand-xl {
    z-index: 99;
}

.nav-bar-user-details-section .dropdown-menu[data-bs-popper] {
    right: 0;
    left: auto;
    top: 45px;
}
.nav-bar-user-details-section .user-item {
    list-style: none;
}
.nav-bar-user-details-section .user-item a {
    cursor: pointer;
    padding: 7px 16px !important;
    display: flex;
}

.nav-bar-user-details-section .user-item a:hover {
    background-color: var(--gt-bg-01bfa54f);
}
.nav-bar-user-details-section .user-item h5 {
    color: var(--gt-text-546E7A);
}
.text-xl-black-white {
    color: black;
}
.nav-bar-user-details-section .dropdown-menu {
    min-width: 300px;
}

/*End nav bar css  */

/* Start footer  */
.footer-section {
    padding: 60px 0;
    margin-top: auto;
}
.footer-section ul li a:hover {
    color: var(--gt-text-hover-8cd2c8);
}
.web-s1header {
    position: sticky;
    background: var(--gt-bg-FFFFFF);
    z-index: 99999999;
    top: 0px;
}
/* End footer  */

/* Start scolling css in header*/

.navbar-expand-xl ::-webkit-scrollbar {
    width: 4px;
}

.navbar-expand-xl ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.navbar-expand-xl ::-webkit-scrollbar-thumb {
    background: #ff9100;
    border-radius: 50px;
}

/* Handle on hover */
.navbar-expand-xl ::-webkit-scrollbar-thumb:hover {
    background: #ff9100;
}

/* Start about page  */
.PG-about-page-transform-section::after {
    content: "";
    background-image: url(../image/web-app/about/transform-network.webp);
    background-size: cover; /* or contain, depending on how you want it */
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: 732px;
    max-height: 750px;
}
.dummy-S1card {
    width: 100%;
    height: 100%;
    max-width: 487px;
    max-height: 182px;
    background: #ffffff;
    box-shadow: 0px 4px 14px 0px #0000001f;
    border-radius: 20px;
}

.padding-s1-card {
    padding: 90px 105px;
}

.referral-line-absolute {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    z-index: -1;
}
.referral-line-absolute img {
    width: 70%;
}
/*Start slider css  */

.customersSwiper .swiper-slide {
    height: auto;
}
.customersSwiper .swiper-pagination-bullet-active {
    background: var(--gt-bg-FF9100);
}
.slider-S1card {
    box-shadow: 0px 4px 14px 0px #00000014;
    border-radius: 16px;
    padding: 32px;
    background: #ffffff;
    /* height: calc(100% - 0px); */
    height: 100%;
}
.customersSwiper .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
}
/*End slider css  */

/* End about page  */

/* Start Jayen (web-app Home page) CSS */
.about-s1cardcover {
    border: 1px dashed var(--gt-border-BDBDBD);
}
.about-s1cardcover .col-12 {
    border-right: 1px dashed var(--gt-border-BDBDBD);
}
.about-s1cardcover .col-12:last-child {
    border-right: unset;
}
.career-intelligence-s1card:before {
    content: "";
    background: #ec407a;
    height: 100%;
    width: 3px;
    position: absolute;
    left: 0px;
    border-radius: 50rem;
}
.career-intelligence-s1card img {
    max-width: 140px;
    max-height: 230px;
    min-width: 140px;
    min-height: 230px;
}

.works-s1card {
    padding-bottom: 72px;
}
.works-s1card:last-child {
    padding-bottom: 0;
}
.works-s1card::before {
    content: "";
    position: absolute;
    border-left: 1px dashed var(--gt-border-A5A5A5);
    height: calc(100% - 5px);
    top: 3px;
    left: 24.5px;
}
.works-s1card:last-child:before {
    content: unset;
}
.supportersSwiper .swiper-slide {
    width: auto;
    display: inline-block;
}
.supporters-s1card {
    min-height: 104px;
    height: 104px;
}
.supporters-s1card .card-body {
    padding: 12px 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 100%;
}
.supporters-s1card .card-body img {
    max-height: 100%;
}
/* .swiper-free-mode > .swiper-wrapper {
    transition-timing-function: linear;
    margin: 0 auto;
  } */
/* Start Jayen (web-app Home page) CSS */

.nav-bar-user-details-section .dropdown-menu[data-bs-popper] {
    right: 0;
    left: auto;
    top: 45px;
}
.nav-bar-user-details-section .user-item {
    list-style: none;
}
.nav-bar-user-details-section .user-item a {
    cursor: pointer;
    padding: 7px 16px !important;
    display: flex;
}

.nav-bar-user-details-section .user-item a:hover {
    background-color: var(--gt-bg-01bfa54f);
}
.nav-bar-user-details-section .user-item h5 {
    color: var(--gt-text-546E7A);
}
.text-xl-black-white {
    color: black;
}
.nav-bar-user-details-section .dropdown-menu {
    min-width: 300px;
}

/*Start resume-builder  */
.resume-S1-max-h {
    min-height: 300px;
    height: 100%;
}
.top-S1round {
    border-top-left-radius: 100% 750px;
    border-top-right-radius: 100% 750px;
    height: 100%;
    min-height: 480px;
    margin: 0 -80px 0 -80px;
}
/*End resume-builder  */