:root {
    --web-font-Roboto: "Roboto Variable", sans-serif;
    --web-font-lato: "Lato", sans-serif;
    --web-font-Inter: "Inter Variable", sans-serif;

    --web-text-263238: #263238;
    --web-text-FFFFFF: #ffffff;
    --web-text-546E7A: #546e7a;
    --web-text-607D8B: #607d8b;
    --web-text-B0BEC5: #b0bec5;
    --web-text-90A4AE: #90a4ae;
    --web-text-FF9100: #ff9100;
    --web-text-EC407A: #ec407a;
    --web-text-1976D2: #1976d2;
    --web-text-78909C: #78909c;
    --web-text-CFD8DC: #cfd8dc;
    --web-text-00BFA5: #00bfa5;

    --web-bg-FFFFFF: #ffffff;
    --web-bg-FF9100: #ff9100;
    --web-bg-EC407A: #ec407a;
    --web-bg-26323833: #26323833;
    --web-bg-F7F9FC: #f7f9fc;
    --web-bg-1976D21F: #1976d21f;
    --web-bg-121A1E: #121a1e;
    --web-bg-F7F9FC: #F7F9FC;


    --web-border-FF9100: #ff9100;
    --web-border-263238: #263238;
    --web-border-1976D2: #1976d2;

    --web-shadow-s1: 0px -2px 10px 0px #00000059;
    --web-shadow-s2: 0px 4px 14px 0px #00000014;
    --web-shadow-s3: 0px -2px 4px 0px #0000001a;
}

.web-body {
    color: var(--web-text-263238);
    font-family: var(--web-font-Roboto);
    background: var(--gt-bg-FAFAFA);
    font-size: 16px;
    height: 100vh;
}

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

/* Start Color */
.web-text-FFFFFF {
    color: var(--web-text-FFFFFF);
}
.web-text-607D8B {
    color: var(--web-text-607D8B);
}
.web-text-B0BEC5 {
    color: var(--web-text-B0BEC5);
}
.web-text-90A4AE {
    color: var(--web-text-90A4AE);
}
.web-text-263238 {
    color: var(--web-text-263238);
}
.web-text-FF9100 {
    color: var(--web-text-FF9100);
}
.web-text-EC407A {
    color: var(--web-text-EC407A);
}
.web-text-546E7A {
    color: var(--web-text-546E7A);
}
.web-text-1976D2 {
    color: var(--web-text-1976D2);
}
.web-text-78909C {
    color: var(--web-text-78909C);
}
.web-text-CFD8DC {
    color: var(--web-text-CFD8DC);
}
.web-text-00BFA5 {
    color: var(--web-text-00BFA5);
}
/* End Color */

.web-text-link-00bfa5 {
    color: var(--web-text-00BFA5) !important;
}
.web-text-link-00bfa5:hover {
    color: var(--web-text-00BFA5);
    opacity: 0.8;
}

/* Start Background */
.web-bg-radial-182025 {
    background: radial-gradient(50% 50% at 50% 50%, #182025 0%, #11191e 100%);
}
.web-bg-EC407A {
    background: var(--web-bg-EC407A);
}
.web-bg-26323833 {
    background: var(--web-bg-26323833);
}
.web-bg-F7F9FC {
    background: var(--web-bg-F7F9FC);
}
.web-bg-1976D21F {
    background: var(--web-bg-1976D21F);
}
.change-web-bg-F7F9FC-transparent {
    background: var(--web-bg-F7F9FC);
}
.web-bg-FFFFFF {
    background: var(--web-bg-FFFFFF);
}
.web-bg-121A1E {
    background: var(--web-bg-121A1E);
}
.web-bg-F7F9FC {
    background: var(--web-bg-F7F9FC);
}
/* End Background */

/* Start Border */
.web-border-263238 {
    border-color: var(--web-border-263238);
}
.web-border-1976D2 {
    border-color: var(--web-border-1976D2) !important;
}
.web-border-right-263238 {
    --bs-border-color: #263238;
}
/* End Border */

/* Start shadow */

.web-shadow-s1 {
    box-shadow: var(--web-shadow-s1);
}
.web-shadow-s2 {
    box-shadow: var(--web-shadow-s2);
}
.web-shadow-s3 {
    box-shadow: var(--web-shadow-s3);
}
/* End shadow */

/* Start Link Color */
a {
    text-decoration: none;
}
a:hover {
    opacity: 0.8;
}
.web-link-text-FFFFFF {
    color: var(--web-text-FFFFFF);
}
.web-link-text-FFFFFF:hover {
    color: var(--web-text-FFFFFF);
}
/* End Link Color */

/* Start Font Weight */

.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;
}
.fw-700 {
    font-weight: 700 !important;
}
.fw-800 {
    font-weight: 800 !important;
}
.fw-900 {
    font-weight: 900 !important;
}

/* End Font Weight */

/* Start Font Size */
.fs-12px {
    font-size: 12px;
}
.change-fs-12px-10px {
    font-size: 12px;
}
.fs-14px {
    font-size: 14px;
}
.change-fs-14px-10px {
    font-size: 14px;
}
.change-fs-14px-12px {
    font-size: 14px;
}
.fs-16px {
    font-size: 16px;
}
.change-fs-16px-12px {
    font-size: 16px;
}
.change-fs-16px-14px {
    font-size: 16px;
}
.change-fs-16px-28px {
    font-size: 16px;
}
.fs-18px {
    font-size: 18px;
}
.change-fs-18px-14px {
    font-size: 18px;
}
.change-fs-18px-16px {
    font-size: 18px;
}
.fs-20px {
    font-size: 20px;
}
.change-fs-20px-14px {
    font-size: 20px;
}
.change-fs-20px-18px {
    font-size: 20px;
}
.fs-22px {
    font-size: 22px;
}
.change-fs-22px-18px {
    font-size: 22px;
}
.change-fs-22px-14px {
    font-size: 22px;
}
.change-fs-24px-16px {
    font-size: 24px;
}
.change-fs-24px-18px {
    font-size: 24px;
}
.fs-change-fs-40px-32px {
    font-size: 40px;
}
.change-fs-48px-32px {
    font-size: 48px;
}
.change-fs-52px-32px {
    font-size: 52px;
}
.change-fs-72px-36px {
    font-size: 72px;
}
/* End Font Size */

/* Start line-height */
.line-height-normal {
    line-height: normal;
}
.line-height-19px {
    line-height: 19px;
}
/* End line-height */

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

/* Start Rounded */
.rounded-6px {
    border-radius: 6px !important;
}
.rounded-8px {
    border-radius: 8px !important;
}
.rounded-16px {
    border-radius: 16px !important;
}
.rounded-24px {
    border-radius: 24px !important;
}
.rounded-30px {
    border-radius: 30px !important;
}
.change-rounded-bootom-60px-42px {
    border-radius: 0 0 60px 60px;
}
/* End Rounded */

/* Start Gap */
.gap-12px {
    gap: 12px;
}
.gap-20px {
    gap: 20px;
}
.gap-row-16px {
    row-gap: 16px;
}
.change-gap-20px-16px {
    gap: 20px;
}
.change-gap-row-24px-8px {
    row-gap: 24px;
}
.change-gap-row-24px-16px {
    row-gap: 24px;
}
.gap-row-32px {
    row-gap: 32px;
}
.gap-row-56px {
    row-gap: 56px;
}

.gap-31px {
    gap: 31px;
}
.change-gap-31px-8px {
    gap: 31px;
}
.change-gap-row-32px-16px {
    row-gap: 32px;
}
/* End Gap */

/* Start  Height Width */
.max-w-100 {
    max-width: 100%;
}
.change-max-w-200px-140px {
    max-width: 200px;
}
.max-w-15px {
    max-width: 15px !important;
}
.max-w-17px {
    max-width: 17px !important;
}
.max-w-36px {
    max-width: 36px !important;
}
.max-w-500px {
    max-width: 500px !important;
}
.max-w-532px {
    max-width: 532px !important;
}
.max-w-610px {
    max-width: 610px !important;
}
.max-w-1036px {
    max-width: 1036px !important;
}
.change-w-auto-100 {
    width: auto;
}
.hw-34px {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
}
.hw-48px {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
}
.hw-56px {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
}
.max-hw-60px {
    max-width: 60px;
    max-height: 60px;
 }
 .max-hw-76px {
    max-width: 76px;
    max-height: 76px;
 }
.change-max-hw-80px-60px {
   max-width: 80px;
   max-height: 80px;
}
.hw-92px {
    width: 92px;
    height: 92px;
    min-width: 92px;
    min-height: 92px;
}
/* End  Height Width */

/* Start Margin Padding  */
.p-2px {
    padding: 2px;
}
.change-p-72px-24px {
    padding: 72px;
}
.change-pt-73px-55px {
    padding-top: 73px;
}
.change-pt-140px-61px {
    padding-top: 140px;
}
.change-pb-90px-40px {
    padding-bottom: 90px;
}
.change-pb-120px-67px {
    padding-bottom: 120px;
}
.px-10px {
    padding-left: 10px;
    padding-right: 10px;
}
.px-12px {
    padding-left: 12px;
    padding-right: 12px;
}
.px-32px {
    padding-left: 32px;
    padding-right: 32px;
}
.change-px-32px-16px {
    padding-left: 32px;
    padding-right: 32px;
}
.change-px-72px-16px {
    padding-left: 72px;
    padding-right: 72px;
}
.change-px-105px-16px {
    padding-left: 105px;
    padding-right: 105px;
}
.change-px-120px-0 {
    padding-left: 120px;
    padding-right: 120px;
}

.py-6px {
    padding-top: 6px;
    padding-bottom: 6px;
}
.py-12px {
    padding-top: 12px;
    padding-bottom: 12px;
}
.py-20px {
    padding-top: 20px;
    padding-bottom: 20px;
}
.change-py-32px-24px {
    padding-top: 32px;
    padding-bottom: 32px;
}
.change-py-36px-28px {
    padding-top: 36px;
    padding-bottom: 36px;
}
.py-40px {
    padding-top: 40px;
    padding-bottom: 40px;
}
.change-py-72px-24px {
    padding-top: 72px;
    padding-bottom: 72px;
}
.change-py-90px-16px {
    padding-top: 90px;
    padding-bottom: 90px;
}
.change-py-90px-40px {
    padding-top: 90px;
    padding-bottom: 90px;
}

.mb-2px {
    margin-bottom: 2px;
}
.mb-6px {
    margin-bottom: 6px;
}
.mb-10px {
    margin-bottom: 10px;
}
.change-mb-20px-0 {
    margin-bottom: 20px;
}
/* End Margin Padding  */

/* Start Line Height */

/* End Line Height */

/* Start button */
.disabled,
:disabled,
[disabled] {
    opacity: 0.65;
    pointer-events: none;
}
.btn:hover {
    opacity: 0.8;
}
.btn-FF9100 {
    --bs-btn-color: var(--web-text-FFFFFF);
    --bs-btn-bg: var(--web-bg-FF9100);
    --bs-btn-border-color: var(--web-border-FF9100);
    --bs-btn-hover-color: var(--web-text-FFFFFF);
    --bs-btn-hover-bg: var(--web-bg-FF9100);
    --bs-btn-hover-border-color: var(--web-border-FF9100);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: var(--web-text-FFFFFF);
    --bs-btn-active-bg: var(--web-bg-FF9100);
    --bs-btn-active-border-color: var(--web-border-FF9100);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--web-text-FF9100);
    --bs-btn-disabled-bg: var(--web-bg-FF9100);
    --bs-btn-disabled-border-color: var(--web-bg-FF9100);
}

/* End button */

/* Start white-space */
.white-space-nowrap {
    white-space: nowrap;
}
/* End white-space */

/* Start custom class */
.cursor-pointer {
    cursor: pointer;
}
.italic {
    font-style: italic;
}
/* 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;
}

/* End scolling css in header*/

/*Start nav bar css  */
.web-header {
    background: radial-gradient(50% 50% at 50% 50%, #182025 0%, #11191e 100%);
    position: sticky;
    z-index: 99999999;
    top: 0;
}
.dropdown-toggle::after {
    display: none;
}
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #121a1f;
    color: white;
}

.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;
    align-items: center;
}
.navbar-expand-xl {
    z-index: 99;
}
.nav-link:focus,
.nav-link:hover {
    color: var(--web-text-FFFFFF);
    opacity: 0.8;
}
.nav-bar-user-details-section .dropdown-menu[data-bs-popper] {
    right: 0;
    left: auto;
    top: 45px;
}
.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: #121a1f;
}
.nav-bar-user-details-section .user-item a:hover h5 {
    color: white !important;
}
.nav-bar-user-details-section .user-item a:hover svg path {
    fill: white !important;
}
.nav-bar-user-details-section .user-item h5 {
    color: var(--web-text-546E7A);
}
.nav-bar-user-details-section .dropdown-menu {
    min-width: 300px;
}
.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;
}

.text-xl-black-white {
    color: black;
}
/*End nav bar css  */

/* Start swiper slider */
.swiper {
    width: 100%;
}
.swiper-slide-thumb-active .active-slide {
    border: 1px solid #eceff1;
    background: var(--web-bg-FF9100);
    color: var(--web-text-FFFFFF);
}
.tab-slider .swiper-pagination,
.customersSwiper .swiper-pagination {
    position: relative;
    top: 0;
}

.tab-slider .swiper-pagination-bullet-active,
.customersSwiper .swiper-pagination-bullet-active {
    background: #ff9100 !important;
}
.tab-slider .swiper-pagination-bullet,
.customersSwiper .swiper-pagination-bullet {
    background: #cfd8dc;
}


.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%;
}
/* End swiper slider */

/* Start faq-accordion */

.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: #171717;
    background-color: transparent;
    box-shadow: none;
}

.faq-accordion .accordion-button:focus {
    box-shadow: none;
    background-color: transparent;
}

.faq-accordion .accordion-header .accordion-button,
.navbar-expand-xl .navbar-toggler,
.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 faq-accordion */
.sticky-button {
    position: relative;
    z-index: 999999;
    width: 100%;
    transition: all 0.4s ease;
}
.sticky {
    position: sticky;
    bottom: 0;
}
.footer-section {
    padding: 60px 0;
    margin-top: auto;
}
.footer-section ul li a:hover{
    color: var(--web-text-00BFA5);
}
/* End custom class  */

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