:root{
    /* font family  */
   --tc-font-Inter: "Inter", sans-serif;

   /* text-color  */
   --tc-text-Primary-Offwhite:  #FAF9F6;
   --tc-text-Accent-Indigo: #36008D;
   --tc-text-whale-shark: #607d8b;
   --tc-text-Secondary: #6F6F6F;
   --tc-text-Primary-Charcoal:#171717;
   --tc-text-Secondary-Input-Outline: #EAEAEA;
   --tc-text-Accent-Coral: #FF5E53;
   --tc-input-Text-input-fill:#6F6F6F ;


   /* bg color  */
   --tc-bg-off-white :rgba(250, 249, 246, 1) ;
   --tc-bg-white :#fff;
   --tc-bg-Accent-Indigo: #36008D;
   --tc-bg-Primary-Charcoal:#171717;
   --tc-bg-plaster: #EAEAEA ;
   --tc-bg-Secondary-Input-Outline: #EAEAEA;
   --tc-bg-EAEAEA: #EAEAEA;
   --tc-bg-switch: #EBE5F4;

   /* border-color  */
   --tc-border-Accent-Indigo: #36008D;
   --tc-switch-border: #DFDFDF;
   --gt-border-EAEAEA: #EAEAEA;
   --gt-border-00000030: #00000030;


}


body{
   font-family: var(--tc-font-Inter);
   background-color: var(--tc-bg-off-white)
}
.h-100vh{
   height: 100vh;
}
.max-w-100{
   max-width: 100%;
}
/* Start All Rounded */

.btn-primary {
   --bs-btn-color: var(--tc-text-Primary-Offwhite);
   --bs-btn-bg: var(--tc-bg-Accent-Indigo);
   --bs-btn-border-color: var(--tc-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-outline-primary {
   --bs-btn-color: var(--tc-text-Accent-Indigo);
   --bs-btn-border-color: var(--tc-bg-Accent-Indigo);
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: var(--tc-bg-Accent-Indigo);
   --bs-btn-hover-border-color: var(--tc-border-Accent-Indigo);
   --bs-btn-focus-shadow-rgb: 13, 110, 253;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: var(--gt-bg-Accent-Indigo);
   --bs-btn-active-border-color: var(--tc-border-Accent-Indigo);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--gt-bg-Accent-Indigo);
   --bs-btn-disabled-bg: transparent;
   --bs-btn-disabled-border-color: var(--tc-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-disabled-EAEAEA {
    background-color: var(--tc-bg-Secondary-Input-Outline) !important;
    border-color: var(--tc-bg-Secondary-Input-Outline) !important;
    color: var(--tc-text-Secondary) !important;
    --bs-btn-hover-color: var(--tc-text-Secondary) !important;
    --bs-btn-hover-bg: var(--tc-bg-Secondary-Input-Outline) !important;
    --bs-btn-hover-border-color: var(--tc-bg-Secondary-Input-Outline) !important;
    opacity: 1 !important;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    min-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 50rem;
    cursor: not-allowed !important;
    pointer-events: auto !important;
}
/* End All Rounded */

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

/*Start text color  */
.Secondary-text-fill{
   color: var(--tc-text-Secondary);
}
.link-Accent-Coral{
   color: var(--tc-text-Accent-Coral);
}
.link-Accent-Coral:hover {
   color: var(--tc-text-Accent-Coral);
   opacity: 80%;
}

/*End text color  */

/* Start bg color  */
.bg-white{
   background-color: var(--tc-bg-white);
}
.tc-bg-plaster{
   background-color: var(--tc-bg-plaster);
}
/* End bg color  */

/* Start Border Radius */
.rounded-8{
   border-radius: 8px !important;
}
.rounded-12{
   border-radius: 12px !important;
}
/* End Border Radius */

/* Start font size  */
.fs-12px{
   font-size: 12px;
}
.fs-14px{
   font-size: 14px;
}
.fs-16px{
   font-size: 16px;
}
.fs-32px{
   font-size: 32px;
}
.change-fs-32px-25px{
   font-size: 32px;
}
/* End 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;
}
/* End Font Weight */

/* Start font line height  */
.line-h-37px-30px{
   line-height: 37px;
}
/* End font line height  */


.disabled-EAEAEA{
   border-color: var(--tc-bg-EAEAEA) !important;
   background: var(--tc-bg-EAEAEA) !important;
   color: var(--tc-text-Secondary) !important;
}
/* Start careerdna-login-page page */
.p-32px-18px{
   padding: 32px;
}
.pe-40px{
   padding-right: 40px;
}
.box-shadow-light-white{
   box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 6px 0px;
}
.PGcareerdna-login-page .container,
.loader-body .container{
   max-width: 480px !important;
   /* width: 480px; */
}
.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(--tc-text-Secondary);
}
.form-control:focus {
   box-shadow: none;
   border-color: var(--tc-border-Accent-Indigo);
}
.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";
}
.position-relative {
   position: relative !important;
}
.auth-or-line span {
   height: 1px;
   width: 100%;
   display: block;
   background: var(--tc-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(--tc-bg-white);
}
/* End careerdna-login-page page */


/* Start PGterms-condition-page */
.PGterms-condition-page .container,
.PGprivacy-statement-page .container,
.PGjob-posting-page .container,
.loader-body .container{
   max-width: 570px !important;
}
.terms-condition-tab Button{
   border: 0;
   background-color: transparent;
   font-size: 14px;
   font-weight: 500;
   color: var(--tc-text-whale-shark);
   position: relative;
}
.terms-condition-tab .active{
   color: var(--tc-text-Accent-Indigo);
}
.terms-condition-tab .active::after{
   content: "";
   border-bottom: 2px solid var(--tc-border-Accent-Indigo);
   position: absolute;
   bottom: -1px;
   width: 100%;
   left: 0;
}
.terms-condition-tab .active:focus{
   transition: 0.5s;
}
.terms-tab-content{
   overflow: auto;
   max-height: 490px;
   height: 100%;
}
.terms-tab-content ul li{
   font-size: 12px;
   line-height: 18px;
   font-weight: 400;
   padding:  2px 0;
}

.cursor-pointer {
   cursor: pointer;
}

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

/* scrollbar css */
/* Track */
.terms-tab-content::-webkit-scrollbar {
   width: 7px;
   border-radius: 8px;
 }

 .terms-tab-content::-webkit-scrollbar-track {
  background-color: #F4F4F4;
   border-radius: 8px;
 }

 /* Handle */
 .terms-tab-content::-webkit-scrollbar-thumb {
   background: #6F6F6F;
   border-radius: 10px;
 }

 /* Handle on hover */
 .terms-tab-content::-webkit-scrollbar-thumb:hover {
   background: #6F6F6F;
 }
/* End PGterms-condition-page */

/* Start PGjob-posting-page */
.dj-1select2 + .select2 {
   width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
   color: var(--tc-input-Text-input-fill) !important;
}
.dj-1select2 + .select2-container .select2-selection--single {
   height: 50px;
   border: 1px solid #EAEAEA;
}
.dj-1select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.dj-1select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
   color: var(--tc-text-Primary-Charcoal);
   line-height: 50px;
   padding: 0px 40px 0px 1rem;
}
.select2-container .select2-selection--single .select2-selection__rendered {
   white-space: pre-wrap;
}

.dj-1select2 + .select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 50px;
   width: 40px;
   rotate: 0deg;
   transition: 0.5s;
}
.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;
   transition: 0.5s;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
   background-color: var(--tc-bg-Accent-Indigo);
}
.select2-results__option {
   padding: 10px;
}
.select2-dropdown {
   border: 1px solid #EAEAEA;
   overflow: hidden;
}
.lh-normal {
   line-height: normal;
}
.form-switch.switch-primary .form-check-input {
   width: 32px;
   height: 17px;
   background-color: var(--tc-text-Secondary-Input-Outline);
}
.form-switch.switch-primary .form-check-input:checked {
   background-color: var(--tc-bg-switch);
   border-color: var(--tc-switch-border);
}

.form-switch.switch-primary .form-check-input:checked {
   background-color: var(--tc-bg-switch);
   border-color: var(--tc-switch-border);
}
.form-switch.switch-primary .form-check-input:checked {
   background-image: url(../image/switch-round.webp);
}

.switch-primary .form-check-input:focus{
   border-color: var(--tc-switch-border);
   box-shadow: none;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.form-switch.switch-primary .form-check-input {
   width: 32px;
   height: 17px;
   background-color: var(--tc-text-Secondary-Input-Outline);
}


/* End PGjob-posting-page */

 /* Start modal page */
.loader-body{
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
}

.generating-s3loader{
   display: inline-block;
   width: 110px;
   height: 110px;
   border: 14px solid var(--gt-border-EAEAEA);
   border-radius: 50%;
   border-top-color: var(--gt-border-00000030);
   border-bottom-color: var(--gt-border-00000030);
   border-right-color: var(--gt-border-00000030);
   animation: generating-s1loader 1s linear infinite;
   -webkit-animation: generating-s1loader 1s linear infinite;
}

@keyframes generating-s1loader {
   to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes generating-s1loader {
   to { -webkit-transform: rotate(360deg); }
}
.card-box-shadow{
   box-shadow:2px 0px 21px -18px #00000026;
}
 /* End modal page */


/* Start Success page   */


.checkmark {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 8;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position:relative;
    margin: auto;
}
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 10;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;

}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-width: 5;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}

/* End Success page   */


@media (max-width: 576px) {
   .max-w-200px{
       max-width: 200px !important;
   }
   .change-fs-32px-25px{
       font-size: 25px;
   }
   .line-h-37px-30px{
       line-height: 30px;
   }
   .p-32px-18px{
       padding: 18px;
   }
}


.dj-spinner{
    display: inline-block;
    animation: spinnerAnimation 2s linear infinite;
}

@keyframes spinnerAnimation {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}