:root {
    font-family: 'InterVariable', sans-serif !important;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    /* --tblr-primary: #1f6bc4; */

    --tblr-primary: #f34098;
    --tblr-success: #2fb344;
    --tblr-success-lt: #2fb34414;
    --tblr-info: #4299e1;
    --tblr-info-lt: #4299e124;
    --tblr-warning: #FF9800;
    --tblr-warning-lt: #ffc1081a;
    --tblr-danger: #d63939;
    --tblr-danger-lt: #d6393914;
    --tblr-color-palette-secondary-001: #f5a338;
    --tblr-color-palette-secondary-002: #f34098;
    --tblr-color-palette-secondary-003: #881ad2;
    --tblr-color-palette-secondary-004: #078bec;
    --tblr-border-color: #dadfe5;
    --bs-warning-rgb: 255, 152, 0;
    --bs-card-border-radius: 4px;
    --primary-purple: #8B5CF6;
    --secondary-purple: #A855F7;
    --dark-purple: #6D28D9;
    --pink: #EC4899;
    --dark-pink: #BE185D;
    --dark-bg: #0F0F23;
    --darker-bg: #0A0A1A;
    --gradient-1: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);
    --gradient-2: linear-gradient(135deg, #6D28D9 0%, #BE185D 100%);
    --gradient-3: linear-gradient(135deg, #A855F7 0%, #8B5CF6 50%, #EC4899 100%);
}

@supports (font-variation-settings: normal) {
    :root {
        font-family: 'Inter', sans-serif;
    }
}

/*  typography */
body {
    line-height: 1.7;
    font-family: var(--font-family, 
        "Inter",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        'Open Sans',
        'Helvetica Neue',
        sans-serif); 
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 400;
    color: #6a6a6a;
}

p,
.paragraph {
    font-size: 0.875rem;
}

.lead {
    color: #555555;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #182433;
    font-weight: 600;
}

h1,
.h1 {
    font-size: 44px;
}

@media (max-width: 767px) {

    h1,
    .h1 {
        font-size: 38px;
    }
}

h2,
.h2 {
    font-size: 36px;
}

@media (max-width: 767px) {

    h2,
    .h2 {
        font-size: 30px;
    }
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 22px;
}

h5,
.h5 {
    font-size: 18px;
}

h6,
.h6 {
    font-size: 14px;
}

/* Button style */
.btn {
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 4px;
}
.btn.w-100::after,
.btn.d-block::after,
.btn.d-flex::after,
.btn.effect-none::after {
    display: none;
}

.btn-sm {
    padding: 13px 25px;
}

.btn:hover,
.btn:active,
.btn.active,
.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: none !important;
    text-decoration: none;
}

.btn:hover::after,
.btn:active::after,
.btn.active::after,
.btn:focus::after,
.btn.focus::after {
    top: -75px;
    left: -55px;
    height: 300px;
    width: 300px;
    transition: 0.4s;
    transform: rotate(0deg);
}



.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f34098;
    --bs-btn-border-color: #f34098;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f9007b;
    --bs-btn-hover-border-color: #f34098;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f9007b;
    --bs-btn-active-border-color: #f9007b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f34098;
    --bs-btn-disabled-border-color: #f34098;
}

.btn-outline-plain{
    border-color: #dadfe5;
}
.btn-outline-plain:hover {
    border-color: #b3b7bd;
    color: #242e34;
}
/* 
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:focus-visible,
:not(.btn-check)+.btn:active
 {
    background-color: #334155;
    color: #fff;
    border-color: #334155
} */


/*.btn-outline-primary {
    background: #ed165c;
    color: white;
}
.btn-outline-primary::after {
  background-color: #18191b;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary:focus, .btn-outline-primary.focus {
  background: #bbdefb;
  color: #fff;
}
.btn-outline-primary.w-100:hover, .btn-outline-primary.d-block:hover, .btn-outline-primary.d-flex:hover, .btn-outline-primary.effect-none:hover {
  background: #18191b;
}*/

.nav-pills .nav-link.active:hover {
    color: white !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--tblr-primary);
}

body {
    background-color: #f6f8fb;
    overflow-x: hidden;
}

::-moz-selection {
    background: #125f99;
    color: #fff;
}

::selection {
    background: #125f99;
    color: #fff;
}

/* preloader */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

img {
    vertical-align: middle;
    border: 0;
    max-width: 100%;
    height: auto;
}

a,
a:hover,
a:focus {
    text-decoration: none !important;
}

a,
button,
select {
    cursor: pointer;
    transition: 0.2s ease;
}

a:focus,
button:focus,
select:focus {
    outline: 0;
}

a {
    color: #125f99;
}

a:hover {
    color: #125f99;
    text-decoration: underline;
}

.slick-slide {
    outline: 0;
}

.section {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.section-no-padding {
    background-color: white;
}


.section-sm {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: white
}

.about-section h2.section-title{
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 3rem;
    background: var(--gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.section-title h1 {
    position: relative;
    padding-bottom: 20px;
}

.section-title h1::after,
.section-title h3::after,
.profile-details-container h2.position-relative::after,
.security-container h2.position-relative::after,
.qrcode-container h2.position-relative::after,
.certificates-container h2.position-relative::after {
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 3px;
    width: 70px;
    content: "";
    background-color: var(--tblr-primary);
}

.section-title.text-center h3.track::after {
    bottom: -8px;
    right: 0;
    left: 0;
    margin: 0 auto;
}


.section-title.text-white h1::after {
    background-color: #ed165c;
}

.section-title.text-center h1::after {
    right: 0;
    left: 0;
    margin: 0 auto;
}

.keynote-section {
    background-image: url(../../img/2023/banner/hero-banner.png);
}

.speakers-section {
    background-image: url(../../img/2023/banner/hero-banner.png);
}

.keynote-section div.card-img:hover {
    box-shadow: rgb(80 194 218) 6px 6px, rgb(237 22 92) -6px -6px;
    cursor: pointer;
}

.speakers-section div.card-img:hover {
    box-shadow: rgb(80 194 218) 6px 6px, rgb(237 22 92) -6px -6px;
    cursor: pointer;
    border: 4px solid black;
}

.speaker-card {
    margin: 0 10px;
}

.countdown-section {
    position: relative;
    margin-top: -100px;
    z-index: 5;
    text-align: right;
}

.countdown-container {
    position: static;
    /* max-width: 1200px; */
    padding: 0px 15px;
    margin: 0 auto;
}

.countdown-section .outer-container {
    position: relative;
    display: block;
    margin-right: -306px;
    background-color: #18191b;
    text-align: left;
    padding: 15px 0;
}

.countdown-section .outer-container h2 {
    color: white;
}

.countdown-section .outer-container h1 {
    color: white;
}

.countdown-section .outer-container h5 {
    color: #5bc5da;
}

.countdown-section .title-column {
    position: relative;
    float: left;
    width: 40%;
}

.countdown-section .title-column .inner-column {
    position: relative;
    padding: 40px 120px;
}

.countdown-section .timer-column {
    position: relative;
    float: right;
    width: 60%;
}

.countdown-section .outer-container .count {
    position: relative;
    display: inline-block;
}

/* Countdown Styling */
#countdown-section {
    margin-top: 3rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    padding: 1.5rem 2rem;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

    #countdown-section .p-2 {
        padding: 0 1.5rem !important;
        text-align: center;
    }

    #countdown-section h2 {
        font-size: 3.5rem;
        font-weight: 800;
        line-height: 1;
        background: var(--gradient-1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    #countdown-section h6 {
        font-size: 1rem;
        font-weight: 500;
        opacity: 0.8;
        margin-top: 0.5rem;
    }

.cfp-section {
    /* background-color: #072c48; */
    padding: 50px 0;
    background-image: url('../../img/2022/banner/conference.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    /* background: linear-gradient(49deg, rgba(7,44,72,1) 0%, rgba(18,95,153,1) 49%, rgba(62,128,179,1) 100%, rgba(187,222,251,1) 100%); */
}

.cfp-section::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #18191bd4;
}

.cfp-section .section-title h1 {
    color: white;
}

.cfp-section .section-title h1 {
    color: white;
}

.cfp-section .signup-btn {
    font-size: 17px;
    /* height: 60px; */
    /* height: 60px; */
    background: #ed165c
}

.cfp-header {
    background-image: url('../images/banner/conference.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.cfp-header::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #041e32e6;
}

.bg-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.outline-0 {
    outline: 0 !important;
}

.bg-primary {
    background: var(--tblr-primary) !important;
}



.bg-secondary-light {
    background: white !important;
}

.bg-tertiary {
    background: #FBFBFB !important;
}

.bg-dark-blue {
    background: #03022e
}

.bg-dark {
    background: #233242 !important;
}

.text-primary {
    color: var(--tblr-primary) !important;
}
.text-primary-dark {
    color: #18191b !important;
}

.text-primary-light {
    color: #bbdefb !important;
}

.text-black {
    color: #040404 !important;
}

.text-white {
    color: white !important;
}

.text-black a:hover,
a.text-black:hover {
    color: #125f99 !important;
}

.text-default {
    color: #888888 !important;
}

.font-secondary {
    font-family: sans-serif !important;
}

.shadow {
    box-shadow: 0px 25px 65px 0px rgba(0, 0, 0, 0.05) !important;
}

.shadow-md,
.difference-of-us-item:hover,
.service-item:hover {
    box-shadow: 0px 25px 65px 0px rgba(0, 0, 0, 0.1) !important;
}

.rounded {
    border-radius: 8px !important;
}

.rounded-lg {
    border-radius: 15px !important;
}

.content * {
    word-break: break-word;
    overflow-wrap: break-word;
}

.content img {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 35px;
}

.content h1,
.content .h1,
.content h2,
.content .h2,
.content h3,
.content .h3,
.content h4,
.content .h4,
.content h5,
.content .h5,
.content h6,
.content .h6 {
    font-weight: 700;
    color: #233242;
}

.content strong {
    font-weight: 800;
}

.content a {
    border-bottom: 1px dotted #125f99;
}

.content a:hover {
    color: #125f99;
    border-bottom: 1px solid #125f99;
}

.content ol,
.content ul {
    margin-bottom: 25px;
    padding-left: 0;
    list-style-position: inside;
}

.content ol li,
.content ul li {
    margin-bottom: 10px;
}

.content ul {
    margin-bottom: 20px;
    list-style-type: none;
}

.content ul li {
    padding-left: 0;
    position: relative;
}

.content ul li::before {
    margin-right: 10px;
    font-size: 13px;
}

.content p {
    margin-bottom: 16px;
}

.content h1,
.content .h1,
.content h2,
.content .h2,
.content h3,
.content .h3,
.content h4,
.content .h4,
.content h5,
.content .h5,
.content h6,
.content .h6 {
    color: #233242;
    margin-bottom: 20px;
    margin-top: 30px;
    font-weight: 700;
}

.content blockquote {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px 20px;
}

.content blockquote p {
    margin-bottom: 0;
}

.content blockquote p cite {
    display: inline-block;
    margin-top: 10px;
}

.content table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 1px solid #e0e0e0;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

.content table td,
.content table th {
    padding: 0.6rem 1rem;
    vertical-align: top;
    margin-bottom: 0;
    border: 1px solid #e0e0e0;
}

.content tr:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}

.content th {
    font-weight: 500;
}

.content thead {
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 0.2);
}

.content thead tr {
    border-bottom: 1px solid #e0e0e0;
}

.content tbody {
    margin-bottom: 0;
}

.content .notices {
    margin: 2rem 0;
    position: relative;
    overflow: hidden;
    padding-top: 30px;
    z-index: 1;
}

.content .notices::before {
    position: absolute;
    content: "";
    height: 30px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.content .notices.note::before {
    background-color: #6ab0de;
}

.content .notices.tip::before {
    background-color: #78C578;
}

.content .notices.info::before {
    background-color: #F0B37E;
}

.content .notices.warning::before {
    background-color: #E06F6C;
}

.content .notices p {
    padding: 10px;
    margin-bottom: 0;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.content .notices p::after {
    position: absolute;
    top: 2px;
    color: #fff;
    left: 2rem;
}

.content .notices.note p::after {
    content: "Note";
}

.content .notices.tip p::after {
    content: "Tip";
}

.content .notices.info p::after {
    content: "Info";
}

.content .notices.warning p::after {
    content: "Warning";
}

.content pre {
    display: block;
    padding: 10px 15px;
    margin: 10px 0px 10px;
    white-space: pre-wrap;
}

.content code {
    margin-bottom: 0 !important;
    font-size: 100%;
}

.content hr {
    margin: 30px 0;
}

.content.check-list ul li::before {
    content: "\f00c";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    background-color: transparent;
    height: unset;
    width: unset;
    color: #125f99;
    top: 0;
    left: 0;
}

.accordion-button {
    padding: 0.8rem 1.25rem;
}

.accordion-button:focus {
    border-color: #dfdfdf;
    box-shadow: none;
}

.code-tabs {
    overflow: hidden;
    margin-bottom: 20px;
}

.code-tabs .nav-tabs {
    margin-bottom: 0;
    border-bottom: 0;
}

.code-tabs .nav-item {
    padding-left: 0;
}

.code-tabs .nav-item.active .nav-link {
    color: #fff;
}

.code-tabs .nav-item.active .nav-link {
    background: #125f99;
}

.code-tabs .nav-item .nav-link {
    text-decoration: none;
    font-weight: 500;
    border: 0;
    border-radius: 8px;
    text-transform: capitalize;
    color: #125f99;
}

.code-tabs .tab-content {
    padding: 20px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.card-img {
    position: relative;
    overflow: hidden;
}

.generic-speaker-image-container {
    width: 280px;
    height: 280px;
    position: relative;
    background-color: transparent;
    border-radius: 50% !important;
    overflow: hidden;
}

.generic-speaker-image-container::before {
    /* content: '';
        position: absolute;
        inset: -10px 50px;
        background: linear-gradient(315deg, #00ccff, #d400d4);
        transition: 0.5s; */
    content: '';
    position: absolute;
    inset: -10px 100px;
    background: linear-gradient(315deg, #00ccff, #d400d4);
    transition: 0.5s;
    animation: animate 4s linear infinite;
}

.generic-speaker-image-container:hover::before {
    inset: -20px 0px;
}

.generic-speaker-image-container::after {
    content: '';
    position: absolute;
    inset: 6px;
    background: #162052;
    border-radius: 50%;
    z-index: 1;
}

.generic-speaker-image-content {
    position: absolute;
    border: 1px solid #fff;
    inset: 10px;
    z-index: 3;
    border-radius: 50%;
    overflow: hidden;
    border: 6px solid #070a1c;
}

.generic-speaker-image-content img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s ease;
    object-position:top;
    /* filter: grayscale(100%); */
}

.generic-speaker-image-content img:hover {
    transform: scale(1.1);
    /* filter: grayscale(0%); */
}

@media only screen and (max-width: 600px) {
    .generic-speaker-image-content img {
        /* filter: grayscale(0%); */
    }
}

.fancy-rounded-image-container {
    position: relative;
    width: 280px;
    height: 280px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50% !important;
    overflow: hidden;
}

.fancy-rounded-image-container::before {
    content: '';
    position: absolute;
    inset: -10px 100px;
    background: linear-gradient(315deg, #00ccff, #d400d4);
    transition: 0.5s;
    animation: animate 4s linear infinite;
}

.fancy-rounded-image-container:hover::before {
    inset: -20px 0px;
}

@keyframes animate {
    0% {
        transform: rotate(0deg);
    }

    0% {
        transform: rotate(360deg);
    }
}

.fancy-rounded-image-container::after {
    content: '';
    position: absolute;
    inset: 6px;
    background: #162052;
    border-radius: 50%;
    z-index: 1;
}

.fancy-content {
    position: absolute;
    inset: 20px;
    border: 6px solid #070a1c;
    z-index: 3;
    border-radius: 50%;
    overflow: hidden;
}

.fancy-content img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.speaker-modal {
    background: rgba(0, 0, 0, .65) url(https://decodeph-gth9hph0d5a0ephf.a03.azurefd.net/public/media/hd2okkez/bg.jpg);
    background-size: cover;
    background-blend-mode: darken;
    background-position: center;
}

.speaker-modal {
    color: #fff;
    border: 1px solid;
}

.card-social {
    margin-bottom: 0;
    background-color: #fff;
    box-shadow: 0px 25px 65px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    display: inline-block;
    padding: 12px 15px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -100px;
    transition: 0.2s ease;
    white-space: nowrap;
}

.card-social a {
    height: 35px;
    width: 35px;
    line-height: 35px;
    background-color: #fff;
    color: #233242;
    border: 1px solid #ddd;
    display: block;
    border-radius: 6px;
    font-size: 15px;
}

.card-social a:hover {
    color: #125f99;
}

.card:hover .card-social {
    bottom: 20px;
}

.notices p i {
    position: absolute;
    top: 7px;
    left: 10px;
    color: #fff;
}

blockquote::before,
.check-list ul li::before,
.content ul:not(.nav) li::before,
.notices p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.check-list ul li::before {
    content: "\f054";
}

.content ul:not(.nav) li {
    padding-left: 20px;
    position: relative;
}

.content ul:not(.nav) li::before {
    content: "\f192";
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--tblr-primary)
}

.shop .content ul:not(.nav) li::before {
    content: none !important;
}

blockquote::before {
    content: "\f10d";
    font-size: 36px;
}

.notices p::before {
    content: "\f05a";
    position: absolute;
    top: 2px;
    left: 9px;
    color: #fff;
}

.navbar-brand {
    font-family: "Rubik", sans-serif;
    font-size: 30px;
}

@media (min-width: 1199px) {
    .navigation .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        min-width: 200px;
        transition: 0.2s;
        left: 50%;
        border-radius: 8px;
        transform: translate(-50%, 10px) scaleX(1.2);
        transform-origin: top;
    }

    .navigation .dropdown-menu li {
        opacity: 0;
        transition: 0.3s;
        transition-delay: 0.1s;
    }

    .navigation .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        box-shadow: 0 10px 30px rgba(22, 28, 45, 0.1);
        transform: translate(-50%, -6px) scale(1);
    }

    .navigation .dropdown:hover .dropdown-menu li {
        opacity: 1;
    }
}

.navigation .dropdown-menu {
    border: 0;
    padding: 12px 20px;
}

@media (max-width: 991px) {
    .navigation .dropdown-menu {
        text-align: center;
        border: 1px solid rgba(81, 181, 109, 0.2);
    }
}

.navigation .dropdown-item {
    padding: 6px 0;
    font-weight: 500;
}

.navigation .dropdown-item.active,
.navigation .dropdown-item:active {
    color:var(--tblr-color-palette-secondary-002);
    background-color: transparent;
}

.navigation .dropdown-item:focus,
.navigation .dropdown-item:hover {
    color: var(--tblr-color-palette-secondary-002);
    background-color: transparent;
}

.navigation .nav-item {
    margin: 0;
}

@media (min-width: 1199px) {
    .navigation .nav-item.dropdown .nav-link {
        margin-right: 16px;
    }
}

.navigation .nav-item.dropdown .nav-link::after {
    right: 0;
    top: calc(50% - 6px);
    display: inline-block;
    vertical-align: 0.255em;
    content: "";
    height: 8px;
    width: 8px;
    border: 2px solid;
    border-left: 0;
    border-top: 0;
    border-color: inherit;
    border-radius: 2px;
    transform: rotate(45deg);
    transition: 0s;
}

@media (min-width: 1199px) {
    .navigation .nav-item.dropdown .nav-link::after {
        position: absolute;
    }
}

.navigation .nav-item .nav-link {
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
}

.navigation .nav-item .nav-link select {
    font-weight: 500;
    font-size: 15px;
}

@media (max-width: 1200px) {
    .navigation .nav-item .nav-link {
        padding: 10px 0 !important;
    }
}

.navigation .nav-item .nav-link::before {
    position: absolute;
    content: "";
    bottom: 10px;
    left: 15px;
    width: calc(100% - 30px);
    height: 2px;
    z-index: -1;
    background-color: var(--tblr-color-palette-secondary-002);
    transform: scaleX(0);
    transition: 0.25s;
}

@media (max-width: 991px) {
    .navigation .nav-item .nav-link::before {
        display: none;
    }
}

.navigation .nav-item:hover .nav-link {
    text-decoration: none;
    color: var(--tblr-color-palette-secondary-002) !important;
}

.navigation .nav-item:hover .nav-link::before {
    transform: scaleX(1);
}

.navigation .navbar-light .navbar-nav .nav-link {
    color: #072c48;
}

.navigation .navbar-light .navbar-nav .nav-link:hover {
    color: #c925c9;
}

.navigation .navbar-light .navbar-nav .active .nav-link {
    color: #c925c9;
}

.navigation .navbar-light .navbar-nav .active .nav-link::before {
    transform: scaleX(1);
}

.navigation .navbar-expand-xl .navbar-nav .nav-link {
    padding: 15px;
}

.banner {
    background-image: url("/img/2025/primary_bg.svg");
    background-size: cover;
    z-index: 5;
    background-position: center;
    min-height: 85vh;
}

section.banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
section.banner > div.container{
    z-index: 1;
}
.banner .block h1,
.banner .block .h1 {
    font-size: 52px;
}

@media (max-width: 991px) {

    .banner .block h1,
    .banner .block .h1 {
        font-size: 46px;
    }
}

@media (max-width: 767px) {

    .banner .block h1,
    .banner .block .h1 {
        font-size: 38px;
    }
}

.banner .has-shapes {
    z-index: -1;
}

.banner .has-shapes .shape {
    top: 0;
    height: 100%;
}

.banner .has-shapes .shape-left {
    left: 0;
    top: auto;
    bottom: -30px;
}

.banner .has-shapes .shape-right {
    right: 0;
}

.service-item {
    border-top: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
    transition: 0.3s;
    position: relative;
    z-index: 10;
}

.service-item .colored-box {
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 8px;
    color: #125f99;
    background-color: rgba(81, 181, 109, 0.2);
}

.service-item .service-title {
    transition: color 0.3s;
}

.service-item .service-description {
    color: #888888;
}

.service-item a:hover .service-title {
    color: #125f99;
}

.service-item a:hover .service-description {
    color: #888888;
}

.service-item .block {
    padding: 35px 39px;
}

@media (min-width: 991px) {

    .service-item:nth-child(2),
    .service-item:nth-child(4) {
        border-left: 1px solid #F4F4F4;
    }

    .service-item:nth-child(4),
    .service-item:nth-child(5),
    .service-item:nth-child(6) {
        border-bottom: 1px solid #F4F4F4;
    }
}

@media (max-width: 991px) {

    .service-item:nth-child(2),
    .service-item:nth-child(3),
    .service-item:nth-child(5) {
        border-left: 1px solid #F4F4F4;
    }

    .service-item:nth-child(6),
    .service-item:nth-child(5) {
        border-bottom: 1px solid #F4F4F4;
    }
}

@media (max-width: 767px) {
    .service-item {
        border: 1px solid #F4F4F4;
        border-bottom: 0;
    }
}

.service-item:nth-child(even) .colored-box {
    color: #917AEB;
    background-color: rgba(145, 122, 235, 0.2);
}

.service-item:hover {
    border-color: transparent;
}

/* About Section */

.about-section {
    z-index: 5;
    background: var(--darker-bg);
}



.about-card {
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: 20px;
    padding: 2rem;
    height: 100%;
    transition: all 0.3s ease;
}

    .about-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(139, 92, 246, 0.2);
    }

.about-icon {
    font-size: 3rem;
    background: var(--gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1rem;
}



.about-section .has-shapes,
.registration-section .has-shapes {
    z-index: -1;
}

.about-section .has-shapes .shape-left,
.registration-section .has-shapes .shape-left,
.login-section .has-shapes .shape-left {
    left: 0;
    bottom: 0;
}

.about-section .has-shapes .shape-right,
.registration-section .has-shapes .shape-right,
.login-section .has-shapes .shape-right {
    right: 0;
    top: 0;
}

.about-section figure {
    position: relative;
    margin-bottom: 0;
    box-shadow: 0 30px 50px rgb(8 13 62 / 15%);
}

.difference-of-us-item {
    position: relative;
    transition: 0.3s;
}

.difference-of-us-item:not(:last-child) {
    margin-bottom: 10px;
}

.difference-of-us-item .icon {
    height: 85px;
    flex: 0 0 auto;
    width: 85px;
    line-height: 85px;
    text-align: center;
    border-radius: 8px;
    color: #917AEB;
    background-color: rgba(145, 122, 235, 0.1);
}

.difference-of-us-item:nth-child(even) .icon {
    color: #125f99;
    background-color: rgba(81, 181, 109, 0.1);
}

.has-shapes {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.has-shapes .shape {
    z-index: 9;
    position: absolute;
}

.homepage_tab {
    z-index: 5;
}

@media (max-width: 767px) {
    .homepage_tab {
        overflow: hidden;
    }
}

.homepage_tab .payment_info_tab .active {
    color: #fff !important;
}

.homepage_tab .content-block,
.homepage_tab .image-block {
    opacity: 0;
    transition: 0.3s;
    position: relative;
}

.homepage_tab .content-block {
    left: -25px;
}

.homepage_tab .image-block {
    right: -25px;
}

.homepage_tab .show .content-block,
.homepage_tab .show .image-block {
    opacity: 1;
}

.homepage_tab .show .content-block {
    left: 0;
}

.homepage_tab .show .image-block {
    right: 0;
}

.homepage_tab>.container {
    position: relative;
    z-index: 10;
}

.homepage_tab>.container::after {
    position: absolute;
    content: "";
    height: 65%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #FBFBFB;
    z-index: -2;
    border-radius: 18px;
}

.homepage_tab .has-shapes {
    z-index: -1;
}

.homepage_tab .has-shapes .shape-left {
    top: 0;
    left: 0;
}

.homepage_tab .has-shapes .shape-right {
    top: 0;
    right: 0;
}

.page-header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    min-height: 2.25rem;
    flex-direction: column;
    justify-content: center;
    margin: 1.5rem auto 0;
    

}

.page-header .has-shapes {
    z-index: -1;
}

.page-header .has-shapes .shape {
    height: 170%;
}

.page-header .has-shapes .shape-left {
    left: 50px;
    top: -37%;
    transform: rotate(-35deg);
}

.page-header .has-shapes .shape-right {
    right: 0;
    bottom: 0;
}

.page-header .breadcrumbs,
.page-header .breadcrumbs a {
    color: #111;
}

.page-header .breadcrumbs a:hover {
    color: #125f99;
}

.page-header .breadcrumbs li:last-child a {
    pointer-events: none;
    opacity: 0.6;
}

.testimonials {
    position: relative;
    z-index: 5;
}

.testimonials .has-shapes {
    z-index: -1;
}

.testimonials .has-shapes .shape-left {
    left: 0;
    bottom: 0;
}

.testimonials .has-shapes .shape-right {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.accordion-item {
    border: 0;
}

.accordion-item .accordion-button {
    margin-bottom: 0;
}

.accordion-item:last-child {
    margin-bottom: 0 !important;
}

.accordion-item .accordion-button:not(.collapsed) {
    color: #040404;
    background-color: transparent;
    box-shadow: none;
}

.accordion-item .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    transform: rotateX(0);
}

.accordion-item .accordion-button.active::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22%23000%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1.646 4.646a.5.5.0 01.708.0L8 10.293l5.646-5.647a.5.5.0 01.708.708l-6 6a.5.5.0 01-.708.0l-6-6a.5.5.0 010-.708z%22/%3E%3C/svg%3E") !important;
    transform: rotateX(180deg);
}

.accordion-border-bottom .accordion-item:not(:last-child) {
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.accordion-border-bottom .accordion-item:not(:last-child) .content {
    padding-bottom: 30px;
}

.core-value .has-shapes {
    z-index: 2;
    pointer-events: none;
}

.core-value .shape-1,
.login-form .shape-1,
.cfp-form-section .shape-1 {
    right: -14px;
    top: -25px;
}

.core-value .shape-2,
.login-form .shape-2,
.cfp-form-section .shape-2 {
    left: -30px;
    bottom: -20px;
}

.has-video-popup .video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
}

.has-video-popup .video-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.05);
}

.has-video-popup .video-play-btn svg {
    height: 90px;
    width: 90px;
}

@media (max-width: 767px) {
    .has-video-popup .video-play-btn svg {
        height: 60px;
        width: 60px;
        margin-left: -35px;
    }
}

.loan-steps .count {
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    margin: 15px auto 20px;
    font-size: 24px;
    font-weight: 700;
    border-radius: 50%;
    color: #fff;
    position: relative;
    font-family: "Rubik", sans-serif;
}

.loan-steps .count::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    border: 6px solid rgba(239, 255, 238, 0.5);
    top: 0;
    left: 0;
    border-radius: 50%;
}

.loan-steps .step-item {
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

.loan-steps .step-item::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    border: 1px dashed #125f99;
    top: 50px;
    left: 50%;
    z-index: -1;
}

.loan-steps .step-item:nth-child(3)::before,
.loan-steps .step-item:nth-child(6)::before,
.loan-steps .step-item:nth-child(9)::before,
.loan-steps .step-item:last-child::before {
    display: none;
}

.loan-steps .step-item .count {
    background-color: #125f99;
}

@media (max-width: 991px) {

    .loan-steps .step-item:nth-child(2)::before,
    .loan-steps .step-item:nth-child(3)::before,
    .loan-steps .step-item:nth-child(6)::before {
        display: none;
    }

    .loan-steps .step-item:nth-child(1)::before,
    .loan-steps .step-item:nth-child(6)::before,
    .loan-steps .step-item:nth-child(9)::before {
        display: block;
    }
}

@media (max-width: 767px) {
    .loan-steps .step-item::before {
        display: none !important;
    }
}

.icon-box-item {
    z-index: 3;
}

.icon-box-item .block {
    padding: 35px 27px;
    box-shadow: 0px 25px 65px 0px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}

.icon-box-item .icon {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 90px;
    font-size: 32px;
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    background-color: #c925c9;
}

.icon-lg {
    height: unset !important;
    width: unset !important;
    line-height: 1 !important;
}

.icon-lg i {
    font-size: 40px;
}

.rounded-number {
    font-size: 24px !important;
    height: 70px !important;
    width: 70px !important;
    border-radius: 8px !important;
    font-weight: 800;
    line-height: 70px !important;
}

.form-control {
    color: #233242 !important;
}

.form-control::-moz-placeholder {
    opacity: 0.5;
}

.form-control::placeholder {
    opacity: 0.5;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    cursor: no-drop;
}

.form-control:not(textarea), .iti input:not(textarea){
    height: 40px;
}

textarea.form-control {
    height: 140px;
}

.form-control:focus {
    border-color: #125f99;
}

.form-group {
    position: relative;
    margin-top: 8px;
}

.form-group label {
    position: absolute;
    background-color: #fff;
    top: -13px;
    left: 12px;
    padding: 0 9px;
}

.shop .form-group label {
    left: 0;
    padding: 0;
}

.shop .quickview-content {
    padding: 20px !important;
}

.contact-info {
    padding-left: 50px;
}

@media (max-width: 991px) {
    .contact-info {
        padding-left: 0;
    }
}

.contact-info .block .icon {
    margin-right: 15px;
    font-size: 18px;
    line-height: 0;
    position: relative;
    top: 5px;
}

.contact-info .block .social-links li {
    margin-right: 15px;
}

.contact-info .block .social-links a {
    font-size: 22px;
}

.newsletter-form {
    margin-top: -35px;
}

@media (max-width: 991px) {
    .newsletter-form {
        margin-top: 0;
    }
}

.newsletter-form input,
.newsletter-form .input-group-text {
    border-color: rgba(81, 181, 109, 0.4) !important;
}

.newsletter-form input {
    border-radius: 8px;
    padding: 0 15px;
}

.newsletter-form .input-group-text {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.newsletter-form button {
    color: #fff;
    border-radius: 0px;
    padding: 19px;
}

.footer-widget ul li a {
    color: #000;
}

.footer-widget ul li a:hover {
    color: #125f99;
    text-decoration: underline !important;
}

.social-icons a {
    display: inline-block;
    height: 45px;
    width: 45px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

#TableOfContents ul {
    margin-bottom: 0;
    margin-top: 15px;
}

#TableOfContents ul ul {
    margin-top: 0;
}

#TableOfContents a {
    display: block;
    padding: 8px 0;
    color: #040404;
    font-weight: 400;
    transition: 0.2s ease;
}

#TableOfContents a.active {
    color: #125f99;
}

#TableOfContents ul {
    padding-left: 0;
}

#TableOfContents ul li {
    list-style-type: none;
    padding-left: 20px;
    position: relative;
    color: #040404;
}

#TableOfContents ul li::before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #125f99;
    left: 3px;
    top: 15px;
}

.has-line-end {
    display: inline-block;
    position: relative;
}

.has-line-end::before {
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    content: "";
    height: 1px;
    width: 30px;
    background-color: #233242;
}

.teams .position-relative {
    z-index: 1;
}

.post-slider {
    overflow: hidden;
}

.post-slider:hover .prevArrow {
    left: 30px;
}

.post-slider:hover .nextArrow {
    right: 30px;
}

.image-fallback {
    position: relative;
    font-size: 0;
}

.image-fallback span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.image-fallback span::first-letter {
    font-size: 72px;
    color: #000;
}

.slider-sm .slick-arrow {
    height: 35px;
    width: 35px;
    line-height: 35px;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: rgba(81, 181, 109, 0.5);
    color: #fff;
    border: 0;
}

@media (max-width: 575px) {
    .slick-arrow {
        display: none;
    }
}

.slick-arrow:focus {
    outline: 0;
}

.slick-arrow:hover {
    background: #125f99;
}

.prevArrow {
    left: -60px;
}

.nextArrow {
    right: -60px;
}

.pagination .page-item .page-link {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    background: transparent;
    text-align: center;
    padding: 0;
    margin-right: 10px;
    border: 1px solid #125f99;
    color: #125f99;
}

.pagination .page-item .page-link:hover {
    background: #125f99;
    color: #fff;
    border-color: #125f99;
    text-decoration: none;
}

.pagination .page-item .page-link:focus {
    box-shadow: none;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 8px;
}

.pagination .page-item.active .page-link {
    background: #125f99;
    color: #fff;
    border-color: #125f99;
}

.widget {
    margin-bottom: 30px;
}

.widget .widget-title {
    margin-bottom: 15px;
}

.widget.widget-categories li a,
.widget.widget-tags li a {
    display: block;
    background: #fbfbfb;
    padding: 10px 18px;
    color: #000;
    margin-bottom: 5px;
    border-radius: 8px;
    text-decoration: none;
}

.widget.widget-categories li a:hover,
.widget.widget-tags li a:hover {
    background-color: #125f99;
    color: #fff;
}

.widget.widget-tags li a {
    display: inline-block;
    margin-bottom: 8px;
}

.widget-post .widget-post-image {
    width: 80px;
    height: 80px;
}

.widget-post .widget-post-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

/* .modal-dialog {
  max-width: 550px;
} */

.applyLoanModal .modal-content {
    padding: 10px;
}

/*# sourceMappingURL=style.css.map */

.header_hero {
    position: relative;
    z-index: 5;
    overflow: hidden;
    height: 800px;
    background: url(../images/banner/event-banner1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header_hero::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #333;
    opacity: 0.8;
}

.header_hero_content {
    position: relative;
    z-index: 1;
}

.header_title_text {
    color: #fff;
}


/* Headroom JS start */
.header--fixed {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    top: 0
}

.animated {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform, opacity
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideDown {
    0% {
        -moz-transform: translateY(-100%)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes slideDown {
    0% {
        -o-transform: translateY(-100%)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

.animated.slideDown {
    -webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    -o-animation-name: slideDown;
    animation-name: slideDown;
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes slideUp {
    0% {
        -moz-transform: translateY(0)
    }

    100% {
        -moz-transform: translateY(-100%)
    }
}

@-o-keyframes slideUp {
    0% {
        -o-transform: translateY(0)
    }

    100% {
        -o-transform: translateY(-100%)
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-100%)
    }
}

.animated.slideUp {
    -webkit-animation-name: slideUp;
    -moz-animation-name: slideUp;
    -o-animation-name: slideUp;
    animation-name: slideUp
}

/* Headroom js end */

.upload-btn {
    color: white;
    font-size: 15px;
    text-transform: capitalize;
    padding: 13px 28px !important;
    border-radius: 4px;
    position: relative !important;
    z-index: 1;
    font-weight: 500;
    transition: 0.2s ease;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    top: unset !important;
    left: unset !important;
}

.upload-btn:hover {
    background: #072c48 !important;
    color: #fff;
}

.error-text {
    color: red;
}


.iti--allow-dropdown {
    width: 100%;
}

.iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    width: 100%;
}

.iti--separate-dial-code input[type=tel]:focus {
    border-color: #125f99;
    background-color: #fff;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.cursor-pointer {
    cursor: pointer;
}

.border-top-primary {
    border-top: 5px solid #ed165c !important;
}

/*TNS*/

.tns-nav {
    text-align: center;
}

.tns-nav>.tns-nav-active {
    background: #999 !important;
}

.tns-nav>[aria-controls] {
    width: 9px;
    height: 9px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: #ddd;
    border: 0;
}

/* For small screens (w-100) */
@media (max-width: 767px) {
    .download-img {
        width: 100%; 
        height: auto;
    }

    .block-sm {
        width: 90%;
    }
}

/* For larger screens (w-50) */
@media (min-width: 768px) {
    .download-img {
        width: 50%;
    }
}




/* 2024 Custom CSS*/
.backdrop-blur-md{
    background-color: #ffffffa3;
    backdrop-filter: blur(12px);
}

.navigation .nav-item .nav-link, .navigation .dropdown-item{
    font-size: 0.875rem; 
    font-weight: 600;
}

.btn-secondary{
    --bs-btn-hover-bg: #f9fafc;
    background-color: #f9fafc;
    color: #212529;
    border: 1px solid #e2e3e6;
}
.btn-secondary:hover {
    color: #212529;
    background-color: #f9fafc;
    border:1px solid #d6d8dc;
}

.text-sm{
    font-size: 0.875rem;
    font-weight: 500;
}
.user-icon-sm{
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background-color: var(--tblr-color-palette-secondary-002);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
}
.subheader{
    font-size: .625rem;
    font-weight: var(--tblr-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1rem;
    color: var(--tblr-muted);
}


.avatar {
    --avatar-size: 100%;
    --avatar-bg: #f2f3f4;
    position: relative;
    width: var(--avatar-size);
    height: var(--avatar-size);
    font-size: calc(var(--avatar-size)/ 2.8571429);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #626976;
    text-align: center;
    text-transform: uppercase;
    vertical-align: bottom;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: var(--avatar-bg) no-repeat center / cover;
    border-radius: 4px;
}
.avatar-xl {
    --avatar-size: 7rem;
}

.avatar-rounded {
    border-radius: 100rem;
}

.steps-vertical {
    --steps-dot-offset: 6px;
    flex-direction: column;
}
.steps {
    --steps-color: #010018;
    --steps-inactive-color:#010018;
    --steps-dot-size: .6rem;
    --steps-border-width: 2px;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.steps-green{
    --steps-color: forestgreen;
}

.step-item {
    position: relative;
    flex: 1 1 0;
    min-height: 1rem;
    margin-top: 0;
    color: inherit;
    text-align: center;
    cursor: default;
    padding-top: calc(var(--steps-dot-size));
}
/* .step-item.active {
    font-weight: 500;
} */
.steps-vertical .step-item {
    text-align: left;
    padding-top: 0;
    padding-left: calc(var(--steps-dot-size) + 1rem);
    min-height: auto;
}
.step-item:after,
.step-item:before {
    background: var(--steps-color);
}
/* .step-item.active:after,
.step-item.active:before {
    background: #206bc4;
} */
.step-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100rem;
    transform: translateX(-50%);
    color: white;
    width: var(--steps-dot-size);
    height: var(--steps-dot-size);
}
.steps-vertical .step-item:before {
    top: var(--steps-dot-offset);
    left: 0;
    transform: translate(0, 0);
}
.step-item.active:after {
    background: #dadfe5;
}
.steps-vertical .step-item:not(:last-child):after {
    position: absolute;
    content: "";
    transform: translateX(-50%);
    top: var(--steps-dot-offset);
    left: calc(var(--steps-dot-size)* .5);
    width: var(--steps-border-width);
    height: calc(100% + 1rem);
}

.steps-vertical .step-item:not(:first-child) {
    margin-top: 1rem;
}

.step-item.active~.step-item {
    color: #dadfe5;
}

.step-item.active~.step-item:after,
.step-item.active~.step-item:before{

    background: #dadfe5;
}

.steps-counter {
    --steps-dot-size: 1.5rem;
    counter-reset: steps;
}
.steps-vertical.steps-counter{
    --steps-dot-offset: -2px;
}
.steps-counter .step-item:before {
    content: counter(steps);
}
.steps-counter .step-item{
    counter-increment: steps;
}



@keyframes status-pulsate-tertiary {
    25% {
        transform: scale(1, 1)
    }

    80% {
        transform: scale(3, 3);
        opacity: 0
    }

    100% {
        transform: scale(3, 3);
        opacity: 0
    }
}

.status-dot {
    --tblr-status-dot-color: var(--tblr-status-color, #667382);
    --tblr-status-size: 0.5rem;
    position: relative;
    display: inline-block;
    width: var(--tblr-status-size);
    height: var(--tblr-status-size);
    background: var(--tblr-status-dot-color);
    border-radius: 100rem;
}
.status-dot-animated:before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: inherit;
    border-radius: inherit;
    opacity: .6;
    animation: 1s linear 2s backwards infinite status-pulsate-tertiary;
}


.nav-pills .nav-link {
    color: var(--tblr-primary);
    border: 1px solid var(--tblr-primary);
    border-radius: 4px;
}

    .nav-pills .nav-link:hover:not(.active) {
        color: var(--tblr-primary) !important;
        background-color: #f340982b;
    }

.form-control {
    display: block;
    width: 100%;
    padding: .4375rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4285714286;
    color: inherit;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid #dadfe5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    box-shadow: 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-label, .form-check-label{
    font-size: .875rem;
    font-weight: 500;
}

.input-group .form-control:not(:last-child) {
    border-right: 0;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .4375rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #667382;
    text-align: center;
    white-space: nowrap;
    background-color: white;
    border: 1px solid #dadfe5;
    border-radius: .375rem;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(1px* -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
}

.alert {
    --tblr-alert-color: #616876;
    background: #ffffff;
    border: 1px solid #61687629;
    border-left: 0.25rem solid var(--tblr-alert-color);
    box-shadow: rgba(29, 39, 59, 0.04) 0 2px 4px 0;
    border-radius: 0.25rem;
}
.alert-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight:600;
    margin-bottom: 0.25rem;
    color: var(--tblr-alert-color);
}
.alert-success {
    --tblr-alert-color: var(--tblr-success);
    background: var(--tblr-success-lt);
}
.alert-info {
    --tblr-alert-color: var(--tblr-info);
    background: var(--tblr-info-lt);
}
.alert-warning {
    --tblr-alert-color: var(--tblr-warning);
    background: var(--tblr-warning-lt);
}
.alert-danger {
    --tblr-alert-color: var(--tblr-danger);
    background: var(--tblr-danger-lt);
}
.alert-icon {
    color: var(--tblr-alert-color);
    width: 1.5rem !important;
    height: 1.5rem !important;
    margin:-0.125rem .5rem -0.125rem 0;
}

.hr-text{
    display: flex;
        align-items: center;
        margin: 2rem 0;
        font-size: .625rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height: 1rem;
        color: #667382;
        height: 1px;
}
.card>.hr-text{
    margin: 0;
}
.hr-text:after,
.hr-text:before {
    flex: 1 1 auto;
    height: 1px;
    background-color: var(--tblr-border-color);
}
.hr-text:before {
    content: "";
    margin-right: .5rem;
}
.hr-text:after {
    content: "";
    margin-left: .5rem;
}

.space-y {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.card-status-top{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    border-radius: 4px 4px 0 0;
}


.swal-modal{
    border-radius: 4px;
}

.swal-button{

    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 4px;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;

    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
}
.swal-button:not([disabled]):hover {
    background-color: var(--bs-btn-hover-bg);
}

.swal-title{
    font-size: 1.2rem;
}
.swal-text{
    font-size: 0.875rem;
    margin: 12px 0;
}

.swal-footer{
    display: flex;
    border-top: 1px solid var(--bs-gray-300);
}
.swal-button-container{
    width: 100%;
}
.swal-button-container .swal-button{
    flex: 1 0 0%;
    width: 100%;
}

.invitation-banner{
    /* background: linear-gradient(90deg, rgba(31, 107, 196, 1) 0%, rgba(31, 107, 196, 1) 26%, rgba(31, 107, 196, 1) 54%, rgba(64, 123, 193, 0.9430365896358543) 81%, rgba(88, 138, 198, 0.9094231442577031) 100%); */
            background: #240650;
}
.apply-now-btn{
box-shadow: rgb(80, 194, 218) 3px 2px 8px, #fa379b -3px -2px 8px 0px;
    color: #240650 !important;
    border: 1px solid #8819d2;
}

.shadow-status-warning{
    box-shadow: #FF9800 3px 2px 0px, #FF9800 -3px -2px 0px 0px;
}
.shadow-status-success{
box-shadow: #4CAF50 3px 2px 0px, #4CAF50 -3px -2px 0px 0px;
}
.shadow-status-danger{
    box-shadow: #E91E63 3px 2px 0px, #e91e63 -3px -2px 0px 0px;
}
.status {
    --tblr-status-height: 1.5rem;
    --tblr-status-color: #616876;
    --tblr-status-color-rgb: 97, 104, 118;
    display: inline-flex;
    align-items: center;
    height: var(--tblr-status-height);
    padding: 0.25rem 0.75rem;
    gap: 0.5rem;
    color: var(--tblr-status-color);
    background: rgba(var(--tblr-status-color-rgb), 0.1);
    font-size: 0.875rem;
    text-transform: none;
    letter-spacing: normal;
    border-radius: 100rem;
    font-weight: 1.5rem;
    line-height: 1;
    margin: 0;
}
.status-primary {
    --tblr-status-color: #206bc4;
    --tblr-status-color-rgb: 32, 107, 196;
}

.status-secondary {
    --tblr-status-color: #616876;
    --tblr-status-color-rgb: 97, 104, 118;
}

.status-success {
    --tblr-status-color: #2fb344;
    --tblr-status-color-rgb: 47, 179, 68;
}

.status-info {
    --tblr-status-color: #4299e1;
    --tblr-status-color-rgb: 66, 153, 225;
}

.status-warning {
    --tblr-status-color: #f76707;
    --tblr-status-color-rgb: 247, 103, 7;
}

.status-danger {
    --tblr-status-color: #d63939;
    --tblr-status-color-rgb: 214, 57, 57;
}

.status-light {
    --tblr-status-color: #f8fafc;
    --tblr-status-color-rgb: 248, 250, 252;
}

.status-dark {
    --tblr-status-color: #1d273b;
    --tblr-status-color-rgb: 29, 39, 59;
}

.status-muted {
    --tblr-status-color: #616876;
    --tblr-status-color-rgb: 97, 104, 118;
}

.status-blue {
    --tblr-status-color: #206bc4;
    --tblr-status-color-rgb: 32, 107, 196;
}

.status-azure {
    --tblr-status-color: #4299e1;
    --tblr-status-color-rgb: 66, 153, 225;
}

.status-indigo {
    --tblr-status-color: #4263eb;
    --tblr-status-color-rgb: 66, 99, 235;
}

.status-purple {
    --tblr-status-color: #ae3ec9;
    --tblr-status-color-rgb: 174, 62, 201;
}

.status-pink {
    --tblr-status-color: #d6336c;
    --tblr-status-color-rgb: 214, 51, 108;
}

.status-red {
    --tblr-status-color: #d63939;
    --tblr-status-color-rgb: 214, 57, 57;
}

.status-orange {
    --tblr-status-color: #f76707;
    --tblr-status-color-rgb: 247, 103, 7;
}

.status-yellow {
    --tblr-status-color: #f59f00;
    --tblr-status-color-rgb: 245, 159, 0;
}

.status-lime {
    --tblr-status-color: #74b816;
    --tblr-status-color-rgb: 116, 184, 22;
}

.status-green {
    --tblr-status-color: #2fb344;
    --tblr-status-color-rgb: 47, 179, 68;
}

.status-teal {
    --tblr-status-color: #0ca678;
    --tblr-status-color-rgb: 12, 166, 120;
}

.status-cyan {
    --tblr-status-color: #17a2b8;
    --tblr-status-color-rgb: 23, 162, 184;
}

.status-facebook {
    --tblr-status-color: #1877F2;
    --tblr-status-color-rgb: 24, 119, 242;
}

.status-twitter {
    --tblr-status-color: #1da1f2;
    --tblr-status-color-rgb: 29, 161, 242;
}

.status-linkedin {
    --tblr-status-color: #0a66c2;
    --tblr-status-color-rgb: 10, 102, 194;
}

.status-google {
    --tblr-status-color: #dc4e41;
    --tblr-status-color-rgb: 220, 78, 65;
}

.status-youtube {
    --tblr-status-color: #ff0000;
    --tblr-status-color-rgb: 255, 0, 0;
}

.status-vimeo {
    --tblr-status-color: #1ab7ea;
    --tblr-status-color-rgb: 26, 183, 234;
}

.status-dribbble {
    --tblr-status-color: #ea4c89;
    --tblr-status-color-rgb: 234, 76, 137;
}

.status-github {
    --tblr-status-color: #181717;
    --tblr-status-color-rgb: 24, 23, 23;
}

.status-instagram {
    --tblr-status-color: #e4405f;
    --tblr-status-color-rgb: 228, 64, 95;
}

.status-pinterest {
    --tblr-status-color: #bd081c;
    --tblr-status-color-rgb: 189, 8, 28;
}

.status-vk {
    --tblr-status-color: #6383a8;
    --tblr-status-color-rgb: 99, 131, 168;
}

.status-rss {
    --tblr-status-color: #ffa500;
    --tblr-status-color-rgb: 255, 165, 0;
}

.status-flickr {
    --tblr-status-color: #0063dc;
    --tblr-status-color-rgb: 0, 99, 220;
}

.status-bitbucket {
    --tblr-status-color: #0052cc;
    --tblr-status-color-rgb: 0, 82, 204;
}

.status-tabler {
    --tblr-status-color: #206bc4;
    --tblr-status-color-rgb: 32, 107, 196;
}


#header > nav.navbar {
    background: linear-gradient(0deg, rgba(1, 0, 18, 1) 3%, rgba(2, 0, 36, 1) 42%, rgba(13, 2, 50, 1) 67%, rgba(38, 7, 83, 1) 91%, rgba(61, 12, 112, 1) 100%, rgba(72, 14, 127, 1) 100%, rgba(136, 26, 210, 1) 100%);
}
@media (min-width: 1200px) {
    .bs-xl {
            border-left: 1px solid #d1d5db;
    }
}
div#appleid-signin {
    width: 27px;
    height: 27px;
}
div#appleid-signin > div {
    min-width: 27px !important;
}

/* AlpineJS */
[x-cloak] {
    display: none !important;
}


.form-check-input:checked {
    background-color: var(--tblr-primary);
    border-color: var(--tblr-primary);
}