:root{

    --dj-font-Inter: "Inter", sans-serif;
    --dj-font-PrettyBoySemiBold: PrettyBoySemiBold;
    --dj-font-PrettyBoyExtraBold: PrettyBoyExtraBold;
    --dj-font-PrettyBoyOrnaments: PrettyBoyOrnaments;
    --dj-font-PrettyBoyBold: PrettyBoyBold;
    --dj-font-PrettyBoyRegular: PrettyBoyRegular;
    --dj-font-PrettyBoyMedium: PrettyBoyMedium;

    --dj-bg-body : #36008D;
    --dj-bg-Accent-Turquoise : #04C9B8;
    --dj-bg-Accent-Rose: #FFB3C1;
    --dj-bg-Accent-Yellow: #FCD200;
    --dj-bg-Accent-Coral: #FF5E53;
    --dj-bg-Primary-Offwhite : #FAF9F6;
    --dj-bg-Primary-300575 : #300575;
    --dj-bg-Primary-270065 : #270065;
    --dj-bg-Primary-Charcoal : #171717;
    --dj-bg-Accent-Indigo : #36008D;
    --dj-bg-260063 : #260063;
    --dj-bg-00000033 : #00000033;
    --dj-bg-000000-30 : #0000004D;
    --dj-bg-000000-20 : #00000033;
    --dj-bg-35CE8A-30 : #35CE8A4D;
    --dj-bg-E94C47-20: #E94C4733;
    --dj-bg-01B94B1A-10: #01B94B1A;
    --dj-bg-Secondary-Input-Box-Fill: #FFFFFF;
    --dj-bg-gradient-36008D-1B0242: linear-gradient(180deg, #36008D 4.05%, #1B0242 113.39%);



    --dj-text-Primary-Offwhite : #FAF9F6;
    --dj-text-Primary-Offwhite-50 : #FAF9F680;
    --dj-text-Accent-Indigo : #36008D;
    --dj-text-Primary-Charcoal : #171717;
    --dj-text-Accent-Turquoise : #04C9B8;
    --dj-text-Accent-Rose: #FFB3C1;
    --dj-text-Accent-Yellow: #FCD200;
    --dj-text-Accent-Coral: #FF5E53;
    --dj-text-Secondary-Text-Input: #6F6F6F;
    --dj-text-input-Text-input-fill: #6F6F6F;
    --dj-text-35CE8A: #35CE8A;
    --dj-text-E94C47: #E94C47;
    --dj-text-008A37: #008A37;
    --dj-select2-text-Accent-Indigo: #36008D;



    --dj-border-Accent-Indigo : #36008D;
    --dj-border-Accent-Coral: #FF5E53;
    --dj-border-Accent-Turquoise: #04C9B8;
    --dj-border-Accent-Yellow: #FCD200;
    --dj-border-Accent-Rose: #FFB3C1;
    --dj-border-Text-Outline: #F4F4F4;
    --dj-border-Text-Outline-New: #EAEAEA;
    --dj-border-Secondary-Input-Outline: #eaeaea;


    --dj-input-Text-input-fill: #6F6F6F;

    --dj-sec-padding-100: 100px;

    --dj-rounded-180: 190px;


    --dj-white: #ffffff;
}

/* 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;
}

body{
    background-color: var(--dj-bg-Primary-Offwhite);
    color: var(--dj-text-Primary-Charcoal);
    font-family: var(--dj-font-Inter);
    overflow-x: hidden;
    scroll-behavior: smooth;
}
.newauth-body{
    background: var(--dj-bg-Accent-Indigo);
}
main{
    overflow-x: hidden;
}

hr{
    color: var(--dj-border-Text-Outline-New);
    border-top: 1px solid #EAEAEA;
    opacity: 1;
}

a{
    text-decoration: unset;
}
a:hover{
    color: #4505ac;
}
a:-webkit-any-link:focus-visible {
    outline: unset;
}

.word-break-all{
    word-break: break-all;
}

.font-inter{
    font-family: var(--dj-font-Inter);
}
.font-PrettyBoyRegular{
    font-family: var(--dj-font-PrettyBoyRegular) !important;
}
.font-PrettyBoySemiBold{
    font-family: var(--dj-font-PrettyBoySemiBold) !important;
}

.mix-blend-mode-darken{
    mix-blend-mode: darken;
}

.flex-none{
    flex: none;
}

.gap-x-4{
    column-gap: 1.5rem;
}
.gap-y-3{
    row-gap: 1rem;
}


/* Start Border Radius */
.rounded-4{
    border-radius: 4px !important;
}
.rounded-5{
    border-radius: 5px !important;
}
.rounded-7{
    border-radius: 7px !important;
}
.rounded-8{
    border-radius: 8px !important;
}
.rounded-10{
    border-radius: 10px;
}
.rounded-15{
    border-radius: 15px;
}
.rounded-20{
    border-radius: 20px;
}
.rounded-25{
    border-radius: 25px;
}
.rounded-30{
    border-radius: 30px;
}
.rounded-35{
    border-radius: 35px;
}
.rounded-40{
    border-radius: 40px;
}
/* End Border Radius */



/* Start Font Size */
.fs-9px{
    font-size: 9px;
}
.fs-10px{
    font-size: 10px;
}
.fs-12px{
    font-size: 12px;
}
.fs-13px{
    font-size: 13px;
}
.fs-14px{
    font-size: 14px !important;
}
.fs-15px{
    font-size: 15px;
}
.fs-16px{
    font-size: 16px;
}
.fs-18px{
    font-size: 18px;
}
.fs-19px{
    font-size: 19px;
}
.fs-20px{
    font-size: 20px;
}
.fs-22px{
    font-size: 22px;
}
.fs-24px{
    font-size: 24px;
}
.fs-28px{
    font-size: 28px;
}
.fs-32px{
    font-size: 32px;
}
/* End Font Size */


/* Start Chnages Font Size */
.change-fs-14px{
    font-size: 14px;
}
.change-fs-16px{
    font-size: 16px;
}
.change-fs-18px{
    font-size: 18px;
}
.change-fs-20px{
    font-size: 20px;
}
.change-fs-22px{
    font-size: 22px;
}
.change-fs-24px{
    font-size: 24px;
}
.change-fs-28px{
    font-size: 28px;
}
.change-fs-32px{
    font-size: 32px;
}
.change-fs-42px{
    font-size: 42px;
}
.change-fs-48px{
    font-size: 48px;
}
.change-fs-60px{
    font-size: 60px;
}
.change-fs-70px{
    font-size: 70px;
}
/* End Chnages Font Size */


/* Start Font Weight */
.fw-100{
    font-weight: 100;
}
.fw-200{
    font-weight: 200;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600;
}
.fw-700{
    font-weight: 700 !important;
}
.fw-800{
    font-weight: 800;
}
.fw-900{
    font-weight: 900;
}
/* End Font Weight */


/* Start Line Height */
.lh-normal{
    line-height: normal;
}
/* End Line Height */

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

/* Start Height */
.min-h-100{
    min-height: 40px !important;
}
/* End Height */


/* Start Height Width */
.hw-16px{
    height: 16px;
    width: 16px;
}
.hw-21px{
    width: 21px;
    height: 21px;
    min-width: 21px;
    min-height: 21px;
}
/* End Height Width */


/* Start Text Color */
.dj-text-Primary-Offwhite{
    color: var(--dj-text-Primary-Offwhite);
}
.dj-text-Accent-Rose{
    color: var(--dj-text-Accent-Rose);
}
.dj-text-Accent-Yellow{
    color: var(--dj-text-Accent-Yellow);
}
.dj-text-Accent-Turquoise{
    color: var(--dj-text-Accent-Turquoise);
}
.dj-text-Accent-Coral{
    color: var(--dj-text-Accent-Coral);
}
.dj-text-Primary-Charcoal{
    color: var(--dj-text-Primary-Charcoal) !important;
}
.dj-text-Secondary-Text-Input{
    color: var(--dj-text-Secondary-Text-Input);
}
.dj-text-input-Text-input-fill{
    color: var(--dj-text-input-Text-input-fill);
}
.dj-text-Accent-Indigo{
    color: var(--dj-text-Accent-Indigo);
}
.dj-select2-text-Accent-Indigo{
    color: var(--dj-select2-text-Accent-Indigo);
}
/* End Text Color */


/* Start Background Color */
.dj-bg-Accent-Rose{
    background: var(--dj-bg-Accent-Rose);
}
.dj-bg-Accent-Turquoise{
    background: var(--dj-bg-Accent-Turquoise);
}
.dj-bg-Accent-Yellow{
    background: var(--dj-bg-Accent-Yellow);
}
.dj-bg-Accent-Coral{
    background: var(--dj-bg-Accent-Coral);
}
.dj-bg-Primary-Offwhite{
    background: var(--dj-bg-Primary-Offwhite) !important;
}
.dj-bg-Accent-Indigo{
    background: var(--dj-bg-Accent-Indigo) !important;
}
.dj-bg-Primary-300575{
    background: var(--dj-bg-Primary-300575) !important;
}
.dj-bg-Primary-270065{
    background: var(--dj-bg-Primary-270065) !important;
}
.dj-bg-260063{
    background: var(--dj-bg-260063) !important;
}
.dj-bg-gradient-36008D-1B0242{
    background: var(--dj-bg-gradient-36008D-1B0242) !important;
}
/* End Background Color */


/* Start Border Color */
.dj-border-Accent-Coral{
    border-color: var(--dj-border-Accent-Coral) !important;
}
.dj-border-Accent-Turquoise{
    border-color: var(--dj-border-Accent-Turquoise) !important;
}
.dj-border-Accent-Yellow{
    border-color: var(--dj-border-Accent-Yellow) !important;
}
.dj-border-Accent-Rose{
    border-color: var(--dj-border-Accent-Rose) !important;
}
.dj-border-Primary-Charcoal{
    border-color: var(--dj-bg-Primary-Charcoal) !important;
}
.dj-border-Text-Outline-New{
    border-color: var(--dj-border-Text-Outline-New) !important;
}
/* End Border Color */


/* Start Link Color */
a{
    transition: 0.15s;
}
.link-primary {
    color: #36008D !important;
}
.link-primary:hover {
    color: #4505ac !important;
}
.link-Accent-Yellow {
    color: var(--dj-text-Accent-Yellow) !important;
}
.link-Accent-Yellow:hover {
    color: var(--dj-text-Accent-Yellow) !important;
    opacity: 80%;
}
.link-Primary-Offwhite {
    color: var(--dj-text-Primary-Offwhite) !important;
}
.link-Primary-Offwhite:hover {
    color: var(--dj-text-Primary-Offwhite) !important;
    opacity: 80%;
}
.link-Accent-Coral {
    color: var(--dj-text-Accent-Coral) !important;
}
.link-Accent-Coral:hover {
    color: var(--dj-text-Accent-Coral) !important;
    opacity: 80%;
}
/* End Link Color */


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


/* Start Gap */
.gap-x-2 {
    gap: 0px .5rem !important;
}
/* End Gap */


/* Start Scrollbar */
.scrollbar-s1::-webkit-scrollbar-track
{
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	border-radius: 10px;
	/* background-color: #F5F5F5; */
}
.scrollbar-s1::-webkit-scrollbar
{
	height: 8px;
	/* background-color: #290b73; */
	background-color: var(--dj-bg-Accent-Indigo);

}
.scrollbar-s1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
	background-color: var(--dj-bg-Accent-Yellow);
	/* background-color: var(--dj-bg-Accent-Indigo); */
	/* background-color: #290b73; */
}
/* End Scrollbar */


/* Start Dropzone CSS */
/* .dropzone-1style .dropzone.dz-clickable *{
    cursor: pointer;
}
.dropzone-1style .dropzone{
    background: #36008D1A;
    border: 2px dashed #36008D;
    border-radius: 8px;
}
.dropzone-1style .dropzone .dz-message {
    text-align: center;
    margin: 12px 0px;
} */
.object-contain{
    object-fit: contain;
}
.filedropzone {
    height: 168px;
    /* border: 2px dashed var(--vz-border-color);
    background: var(--vz-card-bg); */
    border-radius: 6px;
    position: relative;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.fiel-upload-group {
    height: 145px;
    border: 2px dashed #36008D;
    background: #36008D1A;
    border-radius: 6px;
    position: relative;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.fiel-upload-group .uploaded-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    flex-direction: column;
}
.fiel-upload-group .needsclick:not(.uploadedvideo) .editbutton, .uploadedvideo .dragtext {
    display: none;
}
.fiel-upload-group .editbutton {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9;
    font-size: 22px;
}
.fiel-upload-group .hw-40 {
    height: 40px !important;
    width: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    max-height: 40px !important;
    padding: 0px !important;
    line-height: 0px;
    align-items: center;
}
.fiel-upload-group .imgupload{
    border-radius: 5px;
}
/* End Dropzone CSS */



/* Start Select 2 CSS */
.dj-1select2 + .select2{
    width: 100% !important;
}
.dj-1select2 + .select2-container .select2-selection--single{
    height: 50px;
    border: 1px solid #EAEAEA;
}
.select2-dropdown {
    border: 1px solid #EAEAEA;
    overflow: hidden;
}
.dj-1select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dj-text-Primary-Charcoal);
    line-height: 50px;
}
.dj-1select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dj-text-Primary-Charcoal);
    line-height: 50px;
    padding: 0px 40px 0px 1rem;
}
.dj-1select2 + .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    width: 40px;
}
.dj-1select2 + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 7px 5px 0 5px;
}
.dj-1select2 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 5px 7px 5px;
}
.dj-1select2 + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url(../image/select-2arrow.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    border: none !important;
    height: 10px !important;
    width: 13px !important;
    margin: auto !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}
.dj-1select2 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow{
    rotate: 180deg;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--dj-bg-Accent-Indigo);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .dj-text-Primary-Charcoal,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .dj-text-Accent-Indigo {
    color: white !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .dj-text-Secondary-Text-Input {
    color: white;
    opacity: 0.8;
}
.select2-results__options [title="Other"] {
    background: #36008d0f !important;
}
.select2-results__options [title="Other"] .dj-text-Accent-Indigo {
    color: #36008d !important;
}
.dj-1select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    white-space: pre-wrap;
}
.select2-results__option{
    padding: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--dj-input-Text-input-fill);
}



/* Start multiple seclet2  */
.multiple-soft-primary-seclet2 + .select2-container .select2-selection--multiple{
    min-height: 50px;
    padding: 5px;
}
.multiple-soft-primary-seclet2 + .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #36008D1A;
    border: 0px;
    padding: 3px 10px;
    border-radius: 50rem;
    color: var(--dj-text-Accent-Indigo);
    margin: 4px 3px;
}
.multiple-soft-primary-seclet2 + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    display: none;
}
.multiple-soft-primary-seclet2 + .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    padding: 0px;
    font-size: 14px;
    font-weight: 600;
}
.multiple-soft-primary-seclet2 + .select2-container--default .select2-selection--multiple{
    border: 1px solid #eaeaea;
}

.multiple-soft-primary-seclet2 + .select2-container .select2-search--inline .select2-search__field{
    width: 100%;
    height: 26px;
    vertical-align: sub;
    margin: 3px;
    margin-top: 7px !important;
    font-family: 'Inter';
    margin-left: 8px !important;
}
/* End multiple seclet2 section */

.dj-1-multiselect2 + .select2{
    width: 100% !important;
}
.dj-1-multiselect2 + .select2-container--default .select2-selection--multiple{
    padding: 7px .5rem;
    min-height: 50px;
    border: 1px solid #EAEAEA;
}
.dj-1-multiselect2 + .select2-container .select2-search--inline .select2-search__field{
    height: 24px;
    font-family: 'Inter';
    margin-left: 8px;
}
.dj-1-multiselect2 + .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #36008D1A;
    border: 1px solid #36008d00;
}
.dj-1-multiselect2 + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    border-right: 1px solid #36008d63;
    color: #f44336de;
    font-weight: 400;
}
.dj-1-multiselect2 + .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    color: #36008d;
    font-size: 13px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline-offset: unset;
    border-radius: 4px;
}

.dj-2select2 + .select2-container .select2-selection--single{
    height: 44px;
}
.dj-2select2 + .select2-container--default .select2-selection--single {
    background-color: var(--dj-bg-00000033);
    border: 1px solid #0000000A;
    border-radius: 4px;
}
.dj-2select2 + .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: var(--dj-text-Primary-Offwhite-50);
}
.dj-2select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dj-text-Primary-Offwhite);
    line-height: 44px;
}
.dj-2select2 + .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 1rem;
    padding-right: 25px;
}
.dj-2select2 + .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 44px;
    width: 25px;
}
.dj-2select2 + .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: var(--dj-text-Primary-Offwhite-50) transparent transparent transparent;
}
.dj-2select2 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color: transparent transparent var(--dj-text-Primary-Offwhite-50) transparent;
}
.dj-2select2 + .select2-container--default.select2-container--open .select2-selection--single{
    border-color: var(--dj-text-Primary-Offwhite-50);
}
.dj-2select2-dropdown{
    background: #290b73;
    border-color: var(--dj-text-Primary-Offwhite-50);
}
.dj-2select2-dropdown .select2-results__option--selected{
    background: var(--dj-bg-Accent-Indigo);
}
.dj-2select2-dropdown .select2-results__option{
    color: var(--dj-text-Primary-Offwhite-50);
}

.dj-3select2 + .select2{
    width: auto !important;
    min-width: 34px;
}
.dj-3select2 + .select2-container .select2-selection--single {
    height: 25px;
}
.dj-3select2 + .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid var(--dj-bg-Primary-Offwhite);
    border-radius: 0px;
}
.dj-3select2 + .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: var(--dj-text-Primary-Offwhite-50);
}
.dj-3select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dj-text-Primary-Offwhite);
    line-height: 44px;
}
.dj-3select2 + .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    padding-right: 13px;
}
.dj-3select2 + .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 25px;
}
.dj-3select2 + .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 22px;
    width: 10px;
}

.dj-3select2 + .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: var(--dj-text-Primary-Offwhite) transparent transparent transparent;
}
.dj-3select2 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color: transparent transparent var(--dj-text-Primary-Offwhite) transparent;
}
.dj-3select2 + .select2-container--default.select2-container--open .select2-selection--single{
    border-color: var(--dj-text-Primary-Offwhite-50);
}
.dj-3select2-dropdown{
    background: #290b73;
    border-color: var(--dj-text-Primary-Offwhite-50);
    width: auto;
}
.dj-3select2-dropdown.select2-dropdown--above{
    border-bottom: 1px solid var(--dj-text-Primary-Offwhite-50);
}
.dj-3select2-dropdown .select2-results__option--selected{
    background: var(--dj-bg-Accent-Indigo);
}
.dj-3select2-dropdown .select2-results__option{
    color: var(--dj-text-Primary-Offwhite-50);
}
.dj-3select2-dropdown .select2-results__option {
    padding: 4px 4px;
    font-size: 13px;
}


.dj-4select2 + .select2{
    /* width: 100% !important; */
    min-width: 34px;
}
.dj-4select2 + .select2-container .select2-selection--single {
    height: 25px;
}
.dj-4select2 + .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid var(--dj-bg-Primary-Offwhite);
    border-radius: 0px;
}
.dj-4select2 + .select2-container--default .select2-selection--single .select2-selection__placeholder{
    /* color: var(--dj-text-Primary-Offwhite-50); */
}
.dj-4select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    /* color: var(--dj-text-Primary-Offwhite); */
    line-height: 44px;
}
.dj-4select2 + .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    padding-right: 25px;
}
.dj-4select2 + .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 14px;
}
.dj-4select2 + .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 22px;
    width: 22px;
}

.dj-4select2 + .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: var(--dj-text-Primary-Charcoal) transparent transparent transparent;
    border-width: 7px 6px 0 6px;
}
.dj-4select2 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color: transparent transparent var(--dj-text-Primary-Charcoal) transparent;
    border-width: 0 6px 7px 6px;
}
.dj-4select2 + .select2-container--default.select2-container--open .select2-selection--single{
    /* border-color: var(--dj-text-Primary-Offwhite-50); */
}
.dj-4select2-dropdown{
    min-width: 185px;
}
.dj-4select2-dropdown .select2-results__option{
    font-size: 14px;
    margin: 5px 0px;
}
/* .dj-4select2-dropdown{
    background: #290b73;
    border-color: var(--dj-text-Primary-Offwhite-50);
    width: auto;
}
.dj-4select2-dropdown.select2-dropdown--above{
    border-bottom: 1px solid var(--dj-text-Primary-Offwhite-50);
}
.dj-4select2-dropdown .select2-results__option--selected{
    background: var(--dj-bg-Accent-Indigo);
}
.dj-4select2-dropdown .select2-results__option{
    color: var(--dj-text-Primary-Offwhite-50);
}
.dj-4select2-dropdown .select2-results__option {
    padding: 4px 4px;
    font-size: 13px;
} */
/* End Select 2 CSS */


/* Start Toster */
#toast-container>.toast-success, #toast-container>.toast-error, #toast-container>.toast-warning{
    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;
}
#toast-container>div{
    width: auto !important;
    opacity: 1;
    box-shadow: unset !important;
}
.toast-message{
    text-align: center !important;
}
.toast-error{
    background-color: var(--dj-bg-Accent-Rose) !important;
}
.toast-error .toast-message{
    color: var(--dj-text-Primary-Charcoal) !important;
}
.toast-success{
    background-color: var(--dj-bg-Accent-Turquoise) !important;
}
.toast-success .toast-message{
    color: var(--dj-text-Primary-Charcoal) !important;
}
.toast-warning{
    background-color: var(--dj-bg-Accent-Yellow) !important;
}
.toast-warning .toast-message{
    color: var(--dj-text-Primary-Charcoal) !important;
}
/* End Toster */


/* Start Table */
.s1table {
    color: var(--dj-text-Primary-Offwhite);
}
.s1table>:not(caption)>*>*{
    border-color: var(--dj-bg-Accent-Indigo);
    border-bottom-width: 2px;
}
.s1table thead tr th{
    background: var(--dj-bg-000000-30);
    font-weight: 500;
    font-size: 14px;
    height: 65px;
    vertical-align: middle;
    padding: 16px 16px;
    white-space: nowrap;
}
.s1table thead tr th:first-child{
    border-top-left-radius: 8px;
}
.s1table thead tr th:last-child{
    border-top-right-radius: 8px;
}
.s1table tbody tr td{
    background: var(--dj-bg-000000-20);
    font-weight: 400;
    font-size: 16px;
    height: 75px;
    vertical-align: middle;
    padding: 20px 16px;
}
.s1table tfoot tr td{
    background: var(--dj-bg-000000-20);
    font-weight: 400;
    font-size: 12px;
    height: 62px;
    vertical-align: middle;
    padding: 18px 16px;
}
.s1table-tfoot .s1table-tfoot-goto input{
    background: transparent;
    border: 0px;
    border-bottom: 1px solid var(--dj-bg-Primary-Offwhite);
    outline: 0px;
    box-shadow: unset;
    color: var(--dj-text-Primary-Offwhite);
    width: 28px;
    text-align: center;
    padding: 0px;
    min-height: 25px;
}

.arrow-s1up{
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    font-size: 14px;
    font-weight: 700;
    background: var(--dj-bg-35CE8A-30);
    border-radius: 50rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--dj-text-35CE8A);
}
.arrow-s1down{
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    font-size: 14px;
    font-weight: 700;
    background: var(--dj-bg-E94C47-20);
    border-radius: 50rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--dj-text-E94C47);
}
/* End Table */


/* Start All Rounder */
.row-gap-2{
    gap: 1rem 0px;
}
.btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-light {
    --bs-btn-color: var(--dj-text-Primary-Charcoal);
    --bs-btn-bg: var(--dj-bg-Primary-Offwhite);
    --bs-btn-border-color: var(--dj-text-Primary-Offwhite);
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    box-shadow: none;
    height: 50px;
    border-radius: 50rem;
}
.btn-outline-light{
    --bs-btn-color: var(--dj-bg-Primary-Offwhite);
    --bs-btn-border-color: var(--dj-bg-Primary-Offwhite);
    --bs-btn-hover-color: var(--dj-text-Primary-Charcoal);
    --bs-btn-hover-bg: var(--dj-bg-Primary-Offwhite);
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    border-radius: 50rem;
}
.btn-primary {
    --bs-btn-color: var(--dj-text-Primary-Offwhite);
    --bs-btn-bg: var(--dj-bg-Accent-Indigo);
    --bs-btn-border-color: var(--dj-bg-Accent-Indigo);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4505ac;
    --bs-btn-hover-border-color: #4505ac;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4505ac;
    --bs-btn-active-border-color: #4505ac;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4505ac;
    --bs-btn-disabled-border-color: #4505ac;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    min-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 50rem;
    box-shadow: none;
}
.btn-soft-primary{
    --bs-btn-color: var(--dj-text-Accent-Indigo);
    --bs-btn-bg: #36008D1A;
    --bs-btn-border-color: transparent;
}
.btn-outline-primary {
    --bs-btn-color: var(--dj-bg-Accent-Indigo);
    --bs-btn-border-color: var(--dj-border-Accent-Indigo);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--dj-bg-Accent-Indigo);
    --bs-btn-hover-border-color: var(--dj-border-Accent-Indigo);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--dj-bg-Accent-Indigo);
    --bs-btn-active-border-color: var(--dj-border-Accent-Indigo);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--dj-bg-Accent-Indigo);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--dj-border-Accent-Indigo);
    --bs-gradient: none;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    min-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 50rem;
    box-shadow: none;
}
.btn-white{
    border: 1px solid #EAEAEA;
    background: white;
    min-height: 45px;
}
.btn-white:hover {
    background-color: #f1f1f1;
    border-color: #EAEAEA;
}
.btn-Offwhite-white{
    border: 1px solid #EAEAEA;
    background: #FAF9F6;
    min-height: 45px;
}
.btn-Offwhite-white:hover {
    background-color: white;
    border-color: #EAEAEA;
}
.btn-Accent-Yellow{
    border: 1px solid var(--dj-bg-Accent-Yellow);
    background: var(--dj-bg-Accent-Yellow);
    min-height: 45px;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    min-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 50rem;
    box-shadow: none;
    color: var(--dj-text-Primary-Charcoal);
    --bs-btn-disabled-color: var(--dj-text-Primary-Charcoal);
    --bs-btn-disabled-bg: var(--dj-bg-Accent-Yellow);
    --bs-btn-disabled-border-color: var(--dj-bg-Accent-Yellow);
}

.btn-Accent-Yellow:hover, .btn-Accent-Yellow:focus-visible {
    background-color: #e1c11e;
    border-color: #feda26;
    color: var(--dj-text-Primary-Charcoal);
}
.btn-Accent-Yellow.btn-42{
    min-height: 42px;
}
.btn-check:checked+.btn.btn-Accent-Yellow, .btn.active.btn-Accent-Yellow, .btn.show.btn-Accent-Yellow, .btn.btn-Accent-Yellow:first-child:active, :not(.btn-check)+.btn.btn-Accent-Yellow:active {
    background-color: var(--dj-bg-Accent-Yellow);
    border-color: var(--dj-bg-Accent-Yellow);
    color: var(--dj-text-Primary-Charcoal);
}
.dj-disabled{
    pointer-events: none;
    opacity: 0.65;
}
.error-1{
    color: #FF0000;
}
.section-padding{
    padding: var(--dj-sec-padding-100) 0px;
}

.card {
    --bs-card-border-color: var(--dj-border-Text-Outline-New);
}
.card2{
    background: #FCD20033;
    border: 1px solid var(--dj-border-Accent-Yellow);
}
.cardstyle1{
    /* border: 1px solid var(--dj-border-Text-Outline); */
    border: unset;
    box-shadow: 0px 4px 6px 0px #0000000D;
    background: var(--dj-white);
    border-radius: 8px;
    overflow: hidden;
}
.cardstyle1 .card-header{
    padding: 24px 24px;
    border: none;
    background: var(--dj-white);
}
.cardstyle1 .card-body{
    padding: 0px 24px 6px 24px;
}
.cardstyle1-title{
    font-size: 24px;
    font-weight: 600;
}

.cardstyle2{
    border: unset;
    background: var(--dj-white);
    border-radius: 8px;
    box-shadow: 0px 4px 8px 0px #00000026;
}
.cardstyle2 .card-header{
    border: unset;
    background: var(--dj-white);
}




.accordionstyle1{
    --bs-accordion-border-width: 0px;
    --bs-accordion-active-color: var(--dj-text-Primary-Charcoal);
    --bs-accordion-active-bg: var(--dj-white);
    --bs-accordion-btn-focus-box-shadow: unset;
}
.accordionstyle1 .accordion-item{
    box-shadow: 0px 4px 6px 0px #0000000D;
    border-radius: 8px;
    overflow: hidden;
}
.accordionstyle1 .accordion-button{
    padding: 24px 24px;
}
.accordionstyle1 .accordion-body{
    padding: 0px 24px 6px 24px;
}
.accordionstyle1-nohideshow .accordion-button{
    pointer-events: none;
}
.accordionstyle1-nohideshow .accordion-button::after{
    content: unset;
}
@media (min-width:576px) {
    .accordionstyle1-hideshow .accordion-button{
        pointer-events: none;
    }
    .accordionstyle1-hideshow .accordion-button::after{
        content: unset;
    }
}

.cursor-pointer{
    cursor: pointer;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.before-unset::before{
    content: unset !important;
}

.form-label{
    font-weight: 600;
    font-size: 12px;
    line-height: normal;
}
.form-control{
    height: 50px;
    padding: .5rem 1rem;
    border-radius: 4px;
    border-color: #EAEAEA;
    color: var(--dj-text-Primary-Charcoal);
}
.form-control:focus{
    box-shadow: none;
    border-color: var(--dj-border-Accent-Indigo);
}
.form-control::placeholder{
    color: var(--dj-input-Text-input-fill);
}

.form-check-input:checked {
    background-color: #36008D;
    border-color: #36008D;
}
.form-check-input:focus{
    box-shadow: unset;
}
.form-control:disabled{
    color: #a4a4a4;
    background-color: #F4F4F4;
}


.primary-nav-line-tab .nav-item.show .nav-link, .nav-link.active{
    font-weight: 600;
    background-color: transparent;
    color: var(--dj-text-Accent-Indigo);
    border-bottom: 2px solid var(--dj-text-Accent-Indigo) !important;
}
.primary-nav-line-tab.nav-tabs .nav-link{
    color: var(--dj-text-Accent-Indigo);
    border: 0px ;
    background-color: transparent;
    padding: 5px 15px;
    font-size: 15px;

}

.primary-nav-line-tab.nav-tabs{
    border-bottom: 0;
}


.line-height-30px{
    line-height: 30px;
}

.password-input {
    padding-right: 40px;
}
.password-addon{
    color: #6F6F6F;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translatey(-50%);
}
.auth-pass-inputgroup input[type=text]+.password-addon .ri-eye-fill:before {
    content: "\ecb6";
}
.logo-dark-line {
    border-left: 1px solid var(--dj-bg-Primary-Charcoal);
    opacity: 0.5;
}
.logo-Primary-Offwhite-line {
    border-left: 1px solid var(--dj-bg-Primary-Offwhite);
    opacity: 0.5;
}
.section-title1{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 60px;
    font-weight: 400;
    line-height: 72px;
}
.section-subtitle1{
    font-size: 32px;
    font-weight: 400;
    line-height: 38.4px;
}
.title-s2{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 80px;
    font-weight: 400;
    line-height: 96px;
    letter-spacing: 1px;
}
.title-s3{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 92px;
    font-weight: 400;
    line-height: 102.4px;
}
.title-s4{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 62px;
    font-weight: 400;
    line-height: 74.4px;
}
.title-s5{
    font-size: 32px;
    font-weight: 400;
    line-height: 41.6px;
    letter-spacing: -1px;
}
.title-s6{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 76px;
    font-weight: 400;
    line-height: 100px;
    letter-spacing: 0.02em;
}
.title-s7{
    font-size: 24px;
    font-weight: 400;
    line-height: 38.4px;
}
.title-s8{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 82px;
    font-weight: 400;
    line-height: 98.4px;
}
.title-s9{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 72px;
    font-weight: 400;
    line-height: 80.14px;
}
.title-s10{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 66px;
    font-weight: 400;
    line-height: 72.6px;
    letter-spacing: 0.02em;
}
.title-s11{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 46px;
    font-weight: 400;
    line-height: 50.6px;
    letter-spacing: 0.03em;
}
.title-s12{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 56px;
    font-weight: 400;
    line-height: 67.2px;
    letter-spacing: 1px;
}
.title-s13{
    font-size: 28px;
    font-weight: 600;
}
.title-s14{
    font-size: 24px;
    font-weight: 600;
}
.title-s15{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 92px;
    font-weight: 400;
    line-height: 102.4px;
}
.title-s16{
    font-size: 42px;
    font-weight: 400;
    line-height: 46.75px;
}

.subtitle-s1{
    font-size: 24px;
    line-height: 38px;
}

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

.accordionstyle1 .accordion-button::after{
    transform: rotate(-180deg);
    background-position-y: center;
}
.accordionstyle1.accordion {
    --bs-accordion-btn-icon-transform: rotate(-360deg);
    --bs-accordion-btn-active-icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACvSURBVHgBnc+xDQIhFAbge9hYHAkNhJIRXOFKt9BJPCdxBTdwBBnh7AgUUpBghw8Tkys8gXvJCz955Auv6ypKSjkKIe6c813pLdRgKaVTznh67ME5p1eBc+xbJZRUYhPm8fMDAIZ9W1qf1GAIDNbaM57HEgo1mDFmms0POL/k/Gt9aMFqUGjFSiiswf6hoJRiMcZnK7aA6o33/tX3PcPLlhCyb8FyhRA0pfSBUWFf33J+snf0l3XNAAAAAElFTkSuQmCC');
    --bs-accordion-btn-icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACvSURBVHgBnc+xDQIhFAbge9hYHAkNhJIRXOFKt9BJPCdxBTdwBBnh7AgUUpBghw8Tkys8gXvJCz955Auv6ypKSjkKIe6c813pLdRgKaVTznh67ME5p1eBc+xbJZRUYhPm8fMDAIZ9W1qf1GAIDNbaM57HEgo1mDFmms0POL/k/Gt9aMFqUGjFSiiswf6hoJRiMcZnK7aA6o33/tX3PcPLlhCyb8FyhRA0pfSBUWFf33J+snf0l3XNAAAAAElFTkSuQmCC');
    --bs-accordion-btn-icon-width: 12px;
}


.input-s1absolute-btn{
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.input-s2absolute-btn{
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
}

.cs-s1collapse[aria-expanded="true"] .cs-s1collapse-icon{
    rotate: 180deg;
}
/* End All Rounder */



/* Start Header */
.main-header{
    padding: 18px 0px;
    background: var(--dj-white);
}
.main-header-logo img{
    height: 51px;
}
.main-s1header{
    background: var(--dj-bg-Accent-Indigo);
    color: var(--dj-text-Primary-Offwhite);
}
.main-s1header .main-header-logo img{
    max-height: 50px;
    height: auto;
}
.main-s2header{
    background: transparent;
    color: var(--dj-text-Primary-Charcoal);
}
.main-s2header .link-Primary-Offwhite{
    color: var(--dj-bg-Primary-Charcoal) !important;
}
.main-s2header .logo-Primary-Offwhite-line{
    border-left: 1px solid var(--dj-bg-Primary-Charcoal);
    opacity: 0.5;
}
.main-s3header{
    background: transparent;
    color: var(--dj-text-Primary-Charcoal);
}
.main-s3header .main-header-logo .sawit-kalido-logo{
    max-height: 100px;
    height: auto;
}
.TimeSlot-body .auth-logo img, .SponsorShip-body .auth-logo img{
    height: 51px;
}
/* End Header */


/* Start Auth Page */
.auth-title{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 48px;
    font-weight: 400;
    line-height: 53.42px;
}
.auth-or-line span{
    height: 1px;
    width: 100%;
    display: block;
    background: var(--dj-bg-Primary-Charcoal);
}
.auth-or-line p{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--dj-bg-Primary-Offwhite);
}
.auth-rightimg{
    /* width: 50vw;
    min-height: 100vh;
    max-height: calc(100vh + 128px); */
    border-top-left-radius: 50rem;
    border-bottom-left-radius: 50rem;
    width: 50vw;
    height: 100%;
    min-height: 100vh;
    /* max-height: calc(100vh + 128px); */
    object-fit: cover;
    object-position: 82% 0px;
}
.otp-fild{
    width: 70px;
    height: 70px;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}
/* End Auth Page */


/* Start New Auth Page */
.newauth-heade-section{
    background-color: var(--dj-bg-Accent-Indigo);
    color: var(--dj-text-Primary-Offwhite);
}
.newauth-subtitle{
    font-size: 18px;
    font-weight: 600;
    line-height: 21.6px;
    letter-spacing: 1px;
}
.newauth-title{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 84px;
    font-weight: 400;
    line-height: 100.8px;
    letter-spacing: 1px;
}
.newauth-step-section{
    border-radius: var(--dj-rounded-180) var(--dj-rounded-180) 0px 0px;
    box-shadow: 0px -4px 24px 0px #00000026;
}
.planRadio-card{
    border-color: var(--dj-text-input-Text-input-fill);
}
.planRadio-card.active{
    border-color: var(--dj-border-Accent-Indigo);
    background: #36008D0F;
}
.planRadio-card .planRadio-card-radio{
    min-width: 24px;
    min-height: 24px;
}
.planRadio-card .planRadio-card-title{
    font-family: var(--dj-font-PrettyBoyRegular);
    font-size: 44px;
    line-height: 48.4px;
}
.planRadio-card .planRadio-card-price{
    background: var(--dj-bg-Accent-Yellow);
    padding: 4px 8px;
    border-radius: 8px 8px 0px 8px;
}
.planRadio-card .planRadio-card-hide{
    display: none;
}
.planRadio-card.active .planRadio-card-hide{
    display: block;
}
/* End New Auth Page */


/* Start Corporate Access Page */
.corporate-access-section{
    border-radius: var(--dj-rounded-180);
    box-shadow: 0px -4px 24px 0px #00000026;
}
[name="EmployeeOnboardingMethodRadio"] + label .EmployeeOnboardingMethodRadioDivShow{
    display: none;
}
[name="EmployeeOnboardingMethodRadio"]:checked + label .EmployeeOnboardingMethodRadioDivShow{
    display: block;
}
/* End Corporate Access Page */


/* FAQ Page (S) */
.questions-title-section{
    background: var(--gt-bg-Accent-Yellow);
}
.faq-questions-list{
    position: relative;
    z-index: 1;
}
.faq-search.form-control:focus{
    border-color: var(--gt-border-input-color);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.faq-accordion .accordion-item{
    background-color: transparent;
    border: 0px;
}
.faq-accordion .accordion-button{
    background-color: transparent;
}
.faq-accordion .accordion-header .accordion-button{
    border: 0;
}
.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-item{
    padding: 24px 0px;
}
.faq-accordion .accordion-item:last-of-type{
    border-radius: 0px;
}
.faq-accordion .accordion-button:not(.collapsed)::after{
    background-image: url(../image/minus.png);
}
.faq-accordion .accordion-button::after{
    background-image: url(../image/plus.png);
    transition: 0.2s;
    background-position: center;
}
.more-faq-card .card-body{
    padding: 64px 76px 64px 76px;
}
.faq-accordion{
    --bs-accordion-btn-icon-width: 12px;
}
/* End New Auth Page */

/* Start New Register Success Page */
.registration-newsuccessful-card .card{
    background: #FCD20024;
    border-color: var(--dj-border-Accent-Yellow);
}
/* End New Register Success Page */



/* Start Registration Process Page */
/* .card-plan-summary-event{
    background: var(--dj-bg-Accent-Indigo);
    background-image: url(../image/bg-design1.svg);
    color: var(--dj-text-Primary-Offwhite);
    border-radius: 20px;
}
.card-plan-summary-event-body{
    background-image: url(../image/registration-process/card-plan-summary-event-img.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position-x: right;
    background-position-y: center;
}
.card-plan-summary-event h6{
    font-family: var(--dj-font-PrettyBoyRegular);
}
.card-sub-plan-summary-event{
    background: #3005754D;
    background-blend-mode: screen;
    border: 1px solid #FFFFFF1A;
} */
.steper1-line{
    height: 8px;
    border-radius: 50rem;
    width: 100%;
    background: var(--dj-border-Text-Outline-New);
}
.steper1-line + .fs-12px{
    color: var(--dj-text-input-Text-input-fill);
}
.steper1-line.active{
    background: var(--dj-bg-Accent-Yellow);
}
.steper1-line.active + .fs-12px{
    color: var(--dj-text-Primary-Charcoal);
}
.read-more .more{
    display: block;
}
.read-more .less{
    display: none;
}
.read-more.active .more{
    display: none;
}
.read-more.active .less{
    display: block;
}

.cv-profile-div .profile-img-show{
    width: 90px;
    height: 90px;
    min-width: 90px;
    min-height: 90px;
    border-radius: 50rem;
    object-fit: cover;
}

/* .registration-successful-section{
    min-height: calc(100vh - 90px);
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (min-width: 576px) {
    .share-sawit-modal .modal-dialog {
        max-width: 648px;
    }
}
.copylink-input-div input{
    padding-right: 45px;
}
.copylink-input-icon{
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translatey(-50%);
} */

@media (min-width: 576px) {
    .modal-w-600 .modal-dialog {
        max-width: 600px;
    }
}
.reg-completeProfile-forStudent-StudentID{
    display: none;
}
.reg-completeProfile-sec.reg-completeProfile-forStudent .reg-completeProfile-forStudent-StudentID{
    display: block;
}
.reg-completeProfile-sec.reg-completeProfile-forStudent .reg-completeProfile-forStudent-UploadCV .fiel-upload-group{
    height: 345px;
}
/* End Registration Process Page */



/* Start Time Slot Body Page */
.TimeSlot-body, .SponsorShip-body{
    background: var(--dj-bg-Accent-Indigo);
    background-image: url(../image/bg-design1.svg);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* End Time Slot Body Page */


/* Start Custom Tooltip */
.cs-tooltip{
    background: #000;
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
.cs-tooltip.show{
    opacity: 1;
    visibility: visible;
}
/* .cs-tooltip-btn:hover + .cs-tooltip{
    opacity: 1;
} */
.cs-tooltip .cs-tooltip-arrow {
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.cs-tooltip .cs-tooltip-arrow {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
}
.cs-tooltip .cs-tooltip-arrow {
    bottom: -8px;
}
.cs-tooltip .cs-tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    left: 0px;
}
.cs-tooltip .cs-tooltip-arrow::before {
    top: -2px;
    border-width: 0.4rem calc(0.8rem * .5) 0;
    border-top-color: #000;
}
/* End Custom Tooltip */

.fs-small{
    font-size: small;
}
.fs-italic{
    font-style: italic;
}


/* Start Institute Registration Page CSS */
.toggle-isIt-secure-icon.active{
    rotate: 180deg;
    display: inline-block;
}
/* End Institute Registration Page CSS */

/* Start Register Close Page */
.registerclose-body{
    background: url(../image/register-close-pg/body-bg.png), linear-gradient(360deg, #160237 5%, #36008D 100%);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.upcoming-event-s1card{
    border: 2px solid var(--dj-border-Accent-Turquoise);
    border-radius: 30px;
    background: #0A001B80;
    box-shadow: 0px 4px 4px 0px #00000040;
    color: var(--dj-bg-Primary-Offwhite);
}
.upcoming-event-s1card h5{
    font-size: 32px;
    font-weight: 600;
    line-height: 38.4px;
}
.upcoming-event-s1card-onclose{
    background: #FF5E5317;
}
.upcoming-event-s1card-onapply{
    background: #04C9B821;
}
/* End Register Close Page */


/* Start Membership Register */
.selected-s1plan-card{
    border: unset;
    background: rgba(252, 210, 0, 0.3);
}
.choose-s1plan-card label{
    background: var(--dj-white);
    border-radius: 8px;
    cursor: pointer;
}
.choose-s1plan-card label.chooseplanRadioLabel.active{
    background: var(--dj-bg-Accent-Yellow);
}
.choose-s1plan-card label .choose-s1plan-checkicon{
    display: none;
}
.choose-s1plan-card label.chooseplanRadioLabel.active .choose-s1plan-checkicon{
    display: block;
}
.chooseplansave-badges{
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
    letter-spacing: 0.20000000298023224px;
    display: inline-block;
    background: var(--dj-bg-Accent-Yellow);
    border-radius: 50rem;
    padding: 4px 10px;
    white-space: nowrap;
}
.choose-s1plan-card label.chooseplanRadioLabel.active .chooseplansave-badges{
    background: var(--dj-white);
}
.selected-s2plan-card{
    background: var(--dj-bg-Primary-Offwhite);
}
.accordionstyle2-hideshow .accordion-item{
    border: unset;
}
.accordionstyle2-hideshow .accordion-item .accordion-button{
    box-shadow: unset;
}
.accordionstyle2-hideshow .accordion-button::after {
    background-image: url(../image/plus.png);
    transition: 0.2s;
    background-position: center;
    background-size: 16px;
    filter: brightness(0) saturate(100%) invert(68%) sepia(99%) saturate(498%) hue-rotate(1deg) brightness(102%) contrast(107%);
}
.accordionstyle2-hideshow .accordion-button:not(.collapsed)::after {
    background-image: url(../image/minus.png);
}
@media (min-width:576px) {
    .accordionstyle2-hideshow .accordion-button{
        pointer-events: none;
    }
    .accordionstyle2-hideshow .accordion-button::after{
        content: unset;
    }
}
/* End Membership Register */

/* Start Leadership Page */
.leadership-section{
    border-top-left-radius: var(--dj-rounded-180);
    border-top-right-radius: var(--dj-rounded-180);
    box-shadow: 0px -4px 24px 0px #00000026;
}
.leadershipOverallStats-s1card{
    background: var(--dj-bg-00000033);
    border: 0px;
    border-radius: 16px;
    box-shadow: 0px 1px 6px 2px #00000029;
}
.leadershipOverallStats-s1icon{
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    background: var(--dj-bg-00000033);
    border-radius: 50rem;
    color: var(--dj-text-Accent-Yellow);
}
.leadershipCurrentLead-s1card{
    background: var(--dj-bg-00000033);
    border: 0px;
    border-radius: 16px;
    box-shadow: 0px 1px 6px 2px #00000029;
}
.search-s1input{
    position: relative;
}
.search-s1input i{
    position: absolute;
    z-index: 1;
    color: var(--dj-text-Primary-Offwhite-50);
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    font-size: 18px;
}
.search-s1input .form-control{
    padding-left: 45px;
    background: var(--dj-bg-00000033);
    border-color: #0000000A;
    color: var(--dj-bg-Primary-Offwhite);
    height: 44px;
}
.search-s1input .form-control:focus{
    border-color: var(--dj-text-Primary-Offwhite-50);
}
.search-s1input .form-control::placeholder{
    color: var(--dj-text-Primary-Offwhite-50);
}
/* End Leadership Page */



/* Start Select a Plan(women-empowerment) Page */
.select-s1plan{
    border: 1px solid var(--dj-border-Secondary-Input-Outline);
    border-radius: 8px;
    overflow: hidden;
}
.select-s1plan .select-s1plan-label{
    background: var(--dj-white);
    border-bottom: 1px solid var(--dj-border-Secondary-Input-Outline);
}
.select-s1plan .select-s1plan-label:last-child{
    border-bottom: unset;
}
.select-s1plan .select-s1plan-label .select-s1plan-label-badge{
    color: var(--dj-text-008A37);
    background: var(--dj-bg-01B94B1A-10);
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
    letter-spacing: 0.20000000298023224px;
    padding: 4px 8px;
    border-radius: 50rem;
    display: inline-block;
}
/* End Select a Plan(women-empowerment) Page */

/* Start Add Job Details */
.select-s2plan{
    border: 1px solid var(--dj-border-Secondary-Input-Outline);
    border-radius: 16px;
    overflow: hidden;
}
.select-s2plan .select-s2plan-label{
    background: var(--dj-white);
    border-bottom: 1px solid var(--dj-border-Secondary-Input-Outline);
}
.select-s2plan .select-s2plan-label:last-child{
    border-bottom: unset;
}
.skill-s1badge{
    background: var(--dj-bg-Accent-Coral);
    color: var(--dj-white);
    display: inline-block;
    padding: 8px 10px;
    border-radius: 50rem;
}

.AddSkills-s1Modal .modal-content, .AddSkillsCompetency-s1Modal .modal-content, .AddLocations-s1Modal .modal-content{
    min-height: 550px;
}
.select-s1skill-ul{
    background: var(--dj-bg-Secondary-Input-Box-Fill);
    border: 1px solid var(--dj-border-Secondary-Input-Outline);
    max-height: 350px;
    overflow: auto;
}
.select-s1skill-ul li{
    padding: 8px 16px;
    border-bottom: 1px solid var(--dj-border-Secondary-Input-Outline);
    cursor: pointer;
}
.select-s1skill-ul li:last-child{
    border-bottom: unset;
}

.skills-competencylist-table{
    width: 100%;
    border-collapse: collapse;
}
.skills-competencylist-table tbody{
    background: var(--dj-white);
    border: 1px solid var(--dj-border-Secondary-Input-Outline);
}
.skills-competencylist-table tbody td{
    padding: 8px 15px;
    border-bottom: 1px solid var(--dj-border-Secondary-Input-Outline);
}
.skills-competencylist-table thead th{
    padding: 8px 15px;
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--dj-bg-Primary-Offwhite);
}


.add-s1location-list{
    border: 1px solid var(--dj-border-Secondary-Input-Outline);
    border-radius: 8px;
    overflow: hidden;
}
.add-s1location-list .add-s1location-list-div{
    background: var(--dj-white);
    border-bottom: 1px solid var(--dj-border-Secondary-Input-Outline);
}
.add-s1location-list .add-s1location-list-div:last-child{
    border-bottom: unset;
}


.add-s1requiredskills-list{
    border: 1px solid var(--dj-border-Secondary-Input-Outline);
    border-radius: 8px;
    overflow: hidden;
}
.add-s1requiredskills-list .add-s1requiredskills-listdiv{
    background: var(--dj-white);
    border-bottom: 1px solid var(--dj-border-Secondary-Input-Outline);
}
.add-s1requiredskills-list .add-s1requiredskills-listdiv:last-child{
    border-bottom: unset;
}

.light-shadow-hover-div:hover{
    background: #ededed;
}
.light-shadow-hover-div{
    transition: 0.3s;
}
/* End Add Job Details */

.iti.iti--allow-dropdown {
    width: 100%;
}
.iti--inline-dropdown .iti__dropdown-content {
    box-shadow: unset;
    border-color: #EAEAEA;
}
.iti__search-input{
    padding: 12px;
    border-color: #EAEAEA;
}
.iti__search-input:focus-visible{
    border-color: #36008d;
}