/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
/*common starts */
:root{
    --primary-blue: #0874E7;
    --grey-lightest: #F2F2F2;
    --white: #fff;
    --primary-grey: #333;
    --tertiary-petal: #E07400;
    --orange: #CB4F0A;
    --lightest-orange: #FFF7E0;
    --dark-blue: #28558C;
    --red: #BC0000;
    --secondary-grey: #666;
    --tertiary-grey: #949494;
    --lightest-blue: #EDFCFF;
    --primary-green: #106519;
    --lightest-green: #DCEDDE;
    --dark-grey: #71757A; 
    --light-grey: #ccc;
    --darkest-blue: #0657AD;
    --light-blue: #C6E7EE;
    --overlay-bg: rgba(0, 0, 0, 0.5);
  }
body {
    background:#fff;
    transition: all 0.3s;
    }
    .hidden_vertical {
    overflow-y: hidden;
    }
    /* html{overflow-x:hidden} */
    * {
    box-sizing: border-box;
    word-break: break-word;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    }
    /* new fonts */
    
@font-face {
    font-family: 'Inter-Light';
    src: url('Inter-Light.woff2') format('woff2'),
    url('Inter-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Inter-Regular';
    src: url('inter-regular.woff2') format('woff2'),
    url('Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Inter-Semibold';
    src: url('inter-semibold.woff2') format('woff2'),
    url('Inter-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Inter-Bold';
    src: url('inter-bold.woff2') format('woff2'),
    url('Inter-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Farro-Bold';
    src: url('Farro-Bold.woff2') format('woff2'),
    url('Farro-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
    .font-light {
    font-family: "Inter-Light", serif !important ;
    }
    .font-regular {
    font-family: "Inter-Regular", serif !important;
    }
    .font-bold,a:not(.secondary-btn) {
    font-family: "Inter-Bold", serif!important;
    }
    .font-header{
        font-family: "Farro-Medium", serif !important;
    }
    .farro-header{
        font-family: "Farro-Bold", sans-serif;
    }
    
    *,
    body {
    font-family: "Inter-Regular", serif;
    }
    
    a {
    color: var(--primary-blue);
    }
    a:hover:not(.secondary-btn), .link-text, .route-link:hover {
    text-decoration: underline;
    /* color: inherit; */
    }
    .container {
    max-width: 1216px;
    margin: 0 auto;
    }
    *,
    html,
    body,
    ul,
    li,
    div,
    p,
    span {
    padding: 0;
    margin: 0;
    }
    .overlay {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    }
    /*Fonts*/
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    font-family: "Inter-Bold", serif;
    color: var(--primary-grey);
    display: inline-block;
    width: 100%;
    }
    h2 {
    font: 36px/48px "Inter-Bold", serif;
    margin: 0 0 8px;
    }
    h3 {
    font: 24px/32px "Inter-Bold", serif;
    letter-spacing: 0;
    line-height: 32px;
    }
    h5, .h5 {
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 8px;
    }
    h6 {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 8px;
    }
    p, label{
    font-size: 16px;
    line-height: 24px;
    color: var(--primary-grey);
    }
    .mb4{
        margin-bottom: 4px !important;
    }
    
    .mb8{
        margin-bottom: 8px;
    }
    .mb24{
        margin-bottom: 24px;
    }
    .mb24i{
        margin-bottom: 24px !important;
    }
    .mb28{
        margin-bottom: 28px;
    }
    .mb40{
        margin-bottom: 40px;
    }
    .mb44{
        margin-bottom: 44px;
    }
    .mb56{
        margin-bottom: 56px;
    }
    .mb12{
        margin-bottom: 12px;
    }
    .mb16{
        margin-bottom: 16px !important;
    }
    .mt8{
        margin-top: 8px!important;
    }
    .mt12{
        margin-top: 12px;
    }
    .mt44{
        margin-top: 44px;
    }
    /* utility class start */
    .relative{
        position: relative;
    }
    .absolute{
        position: absolute;
    }
    .height-100vh{
        height: calc(100vh - 116px);
    }
    .label-txt{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px;
        color: var(--primary-grey);
        display: block;
    }
    
    .logo{
        padding: 11px 15px;
        background: var(--primary-blue);
    }
    .lang-swit{
        width: 300px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }
    .lang-swit-tit{
        width: 120px;
    }
    .inner-content-wrap{
        width: 666px;
        margin: 56px auto 0;
        padding: 24px
    }
    .common-head h2{
        font-size: 32px;
        line-height: 38px;
        color: var(--primary-grey);
    }
    .ques-hd{
        font: 20px/30px "Inter-Bold", serif;
        margin: 0 0 8px;
        color: var(--primary-grey);
    }
   .ques-para{
        font: 16px/24px "Inter-Light", serif;
        margin: 0 0 8px;
        color: var(--dark-grey);
    }
    .tag{
        transition: all 0.15s;
    }
    .tag:hover{
        background: var(--dark-blue) !important;
        border: 1px solid var(--dark-blue) !important;
        color: var(--white) !important;
    }
    .tag:hover .mdc-evolution-chip__text-label{
        color: var(--white) !important;
    }
    .tag .mat-mdc-standard-chip .mdc-evolution-chip__text-label{
        padding: 12px 28px !important;
    }
    .tag-list .tag{
        background: var(--white);
        color: var(--primary-grey);
        border: 1px solid var(--tertiary-grey);
        border-radius: 108px;
        /* padding: 12px 28px; */
        cursor: pointer;
        margin: 0!important;
        transition: all 0.15s;
    }
   
    .tag-list .tag.active{
        background-color: var(--primary-blue);
        border-color: var(--primary-blue);
        color: var(--white);
    }
    .reg-err{
        color: var(--red);
        font-size: 14px;
        line-height: 21px;
        margin-top: 4px;
    }
    .flex{
        display: flex;
    }
    .inline-flex{
        display: inline-flex;
    }
    .flex-column{
        flex-direction: column;
    }
    .items-center{
        align-items: center;
    }
    .items-start{
        align-items: flex-start;
    }
    .justify-center{
        justify-content: center;
    }
    .justify-between{
        justify-content: space-between;
    }
    .w100{
        width: 100%;
    }
    .flex-1{
         flex: 1 1 0;
    }
    h1,.h1{
        font-size: 40px;
        line-height: 52px;
    }
    .mat-mdc-chip-selected{
        background: var(--primary-blue) !important;
        color: var(--white) !important;
        border-color: var(--primary-blue) !important;
    }
    .cdk-overlay-container,.cdk-global-overlay-wrapper {
        pointer-events: none;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }
    .cdk-overlay-container {
        position: fixed;
        z-index: 1000
    }
    .cdk-overlay-container:empty {
        display: none
    }
    .cdk-global-overlay-wrapper {
        display: flex;
        position: absolute;
        z-index: 1000
    }
    .d-inline-block{
        display: inline-block;
    }
    
    .cdk-overlay-backdrop {
        position: absolute;
        inset: 0;
        z-index: 1000;
        pointer-events: auto;
        -webkit-tap-highlight-color: transparent;
        transition: opacity .4s cubic-bezier(.25,.8,.25,1);
        opacity: 0
    }
    .mat-mdc-option{
        min-height: 56px !important;
    }
    .mat-mdc-option .mdc-list-item__primary-text{
        color: var(--primary-grey) !important;
        line-height: 24px !important
    }
    .mdc-list-item--selected .mdc-list-item__primary-text{
        color: var(--dark-blue) !important;
    }
    
    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 1
    }
    
    .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: .6
    }
    
    .cdk-overlay-dark-backdrop {
        background: rgba(0,0,0,.32)
    }
    
    .cdk-overlay-transparent-backdrop {
        transition: visibility 1ms linear,opacity 1ms linear;
        visibility: hidden;
        opacity: 1
    }
    
    .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0;
        visibility: visible
    }
    
    .cdk-overlay-backdrop-noop-animation {
        transition: none
    }
    
    .cdk-overlay-connected-position-bounding-box {
        position: absolute;
        z-index: 1000;
        display: flex;
        flex-direction: column;
        min-width: 1px;
        min-height: 1px
    }
    
    .cdk-global-scrollblock {
        position: fixed;
        width: 100%;
        overflow-y: scroll
    }
    .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{
        padding: 0 !important;
    }
    .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{
        display: none !important;
    }
    /* cdk */
    /* .mat-mdc-select-placeholder:not(.cntry-code .mat-mdc-select-placeholder){
        display: none !important;
    } */
     /* sign up css */
     .reg-wrap{
        /* display: inline; */
    }
    .reg-wrap .primary-btn{
        width: 100%;
    }
    .reg-wrap input:not(.date-picker-input), .custom-date-wrapper .mat-mdc-form-field-flex{
        padding: 12px 16px;
        border-radius: 8px !important;
        border: 1px solid var(--tertiary-grey) !important;
        background: var(--white);
        font: 16px/24px "Inter-Regular", serif !important;
        color: var(--primary-grey) !important;
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
        height: 48px !important;
    }
    .reg-wrap input::placeholder{
        color: var(--tertiary-grey) !important;
    }
    .mat-mdc-form-field input.input-error, .input-error:not(.otp-input input){
        border: 1px solid var(--red) !important;
    }
    input:focus:not(.mat-datepicker-input),input:focus-visible:not(.date-picker-input),
    .dropdown-field .mat-mdc-form-field:focus, 
    .dropdown-field .mat-mdc-form-field:focus-visible,
    .dropdown-field .mat-mdc-form-field.mat-focused:not(.focus-none),
    .custom-date-wrapper.mat-focused .mat-mdc-form-field-flex,
    .scroll-field-error input:focus,.scroll-field-error input:focus-visible{
        border: 1px solid var(--primary-blue) !important;
        outline: none;
    }
    .tag-list .tag:focus,
    .tag-list .tag:focus-visible,
    .tag.cdk-keyboard-focused,
    .scroll-field-error .tag.cdk-focused:not(.mat-mdc-chip-selected, .cdk-mouse-focused){
        border: 1px solid black !important;
    }
    .primary-btn-cnr{
        width: 100%;
        margin-top: 44px;
    }
    .primary-btn, .secondary-btn{
        width: 100%;  
        border-radius: 108px;
        padding: 12px 28px;
        font-size: 20px;
        line-height: 30px;
        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
        cursor: pointer;  
        height: 54px; 
    }
    .primary-btn{
        border: 1px solid var(--primary-blue);
        background:var(--primary-blue);
        color: var(--white);
    }
    .primary-btn:hover{
        border: 1px solid var(--dark-blue);
        background: var(--dark-blue);
        color: var(--white);
    }
    .primary-btn.btn--disabled {
        opacity: 0.5;
        pointer-events: none;
    }
    .secondary-btn{
        border: 1px solid var(--tertiary-grey);
        background :var(--white);
        color: var(--primary-grey);
    }
    .secondary-btn:hover{
        border: 1px solid var(--dark-blue);
        background: var(--dark-blue);
        color: var(--white);
    }
    .para-text, .calendar-btn{
        font-size: 16px;
        line-height: 24px;
    }
    .calendar-btn{
        padding: 8px 20px;
        height: unset !important;
    }

    .form-label{
        margin-bottom: 4px;
    }
    .w49{
        width: 49%;
    }
    .w144{
        width: 144px;
        display: inline-block;
        margin-right: 8px;
        vertical-align: top;
    }
    .first-name-field, .last-name-field{
        display: inline-block;
        width: 49%;
        margin-bottom: 8px;
    }
    .first-name-field{
        margin-right: 8px;
    }
    .wmob{
        width: calc(100% - 152px);
    }
     .loaderwrp {
        display: flex; 
        position: fixed; 
        top: 0; 
        left: 0; 
        justify-content: center; 
        align-items: center; 
        width: 100%; 
        height: 100%; 
        z-index: 9999;
        background: rgba(0, 0, 0, 0.7);
    }
    .scale-loader{
      transform: scale(1.5);
    }
     .dot-pulse {
        position: relative;
        left: -9999px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        box-shadow: 9999px 0 0 -5px;
        animation: dot-pulse 1.5s infinite linear;
        animation-delay: 0.25s;
        background-color: #51c21a;
        color: #51c21a;
      }
      .dot-pulse::before,
      .dot-pulse::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #0874E7;
        color: #0874E7;
      }
      .dot-pulse::before {
        box-shadow: 9984px 0 0 -5px;
        animation: dot-pulse-before 1.5s infinite linear;
        animation-delay: 0s;
        background-color: #ff8300;
        color: #ff8300;
      }
      .dot-pulse::after {
        box-shadow: 10014px 0 0 -5px;
        animation: dot-pulse-after 1.5s infinite linear;
        animation-delay: 0.5s;
      }
      
      .mat-mdc-chip-set .mdc-evolution-chip-set__chips{
        gap: 8px;  
    }
      .mat-mdc-standard-chip .mdc-evolution-chip__text-label{
        font: 20px/30px "Inter-Regular", serif !important;
        white-space: normal !important;
        padding: 12px 28px !important;
    }
      .mat-mdc-standard-chip .mdc-evolution-chip__action--primary, .cursor-pointer, .link-text{
        cursor: pointer;
    }
      .cntry-code .mat-mdc-text-field-wrapper{
        padding: 12px 16px;
    }
      .cntry-code .mat-mdc-select{
        padding: 12px 16px !important;
        /* display: unset; */
        /* padding-left: 16px;
        padding-right: 16px; */
    }
      .cntry-code .slct-boxes{
        background: var(--grey-lightest) url('dropdown.svg') no-repeat right 16px center !important;
    }
      .reg-wrap .mdc-text-field {
        padding: 0 0;
    }
      .reg-wrap .mdc-text-field--filled {
        --mdc-filled-text-field-active-indicator-height: 0;
        --mdc-filled-text-field-focus-active-indicator-height: 0;}
      .reg-wrap .mat-mdc-form-field-subscript-wrapper,  .mat-mdc-form-field-subscript-wrapper{
        display: none;
    }
      .reg-wrap .mat-mdc-form-field{
        display: flex;
    }
      .cdk-overlay-pane {
        position: absolute;
        pointer-events: auto;
        box-sizing: border-box;
        z-index: 1000;
        display: flex;
        max-width: 100%;
        max-height: 100%;
        background-color: var(--white);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.161);
        border-radius: 8px;
    }
      .mat-mdc-select-panel{
        padding: 0 !important;
        border-radius: 8px !important;
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
    }
      .mat-mdc-select-arrow{
        display: none;
    }
      .mat-mdc-option.mdc-list-item:hover{
        background-color: var(--lightest-blue) !important;
    }
      .mat-mdc-select{
        padding:12px 16px !important;
    }
      .slct-boxes .mdc-text-field--outlined {
        --mdc-outlined-text-field-outline-width: 0px;
        --mdc-outlined-text-field-focus-outline-width: 0px;
        --mdc-outlined-text-field-container-shape: 0px;
    }
    .select-p-unset .slct-boxes .mat-mdc-select-value {
        max-width: calc(100% - 60px);
    }
      .checkbox-none .mat-pseudo-checkbox{
        display: none !important;
    }
      .mat-mdc-checkbox .mdc-form-field{
        align-items: center;
        gap: 16px;
    }
    .mat-mdc-checkbox label a{
        font-family: 'Inter-Bold', sans-serif;
    }
      .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,  .mdc-checkbox__ripple {
        background-color: var(--primary-blue) !important;
        border-color: var(--primary-blue) !important;
    }
    .mdc-list-item--selected{
        background: var(--lightest-blue) !important;
    }
      .mat-mdc-checkbox label{
        padding: 0 !important;
        font: 16px/24px "Inter-Bold", serif;
        color: var(--primary-grey);
    }
      .mat-mdc-checkbox-touch-target,
      .mdc-checkbox__background,
      .mdc-checkbox,
      .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{
        width: 24px!important;
        height: 24px!important;
    }
      .mdc-checkbox{
        flex-basis: inherit !important;
    }
      .mdc-checkbox__background{
        border-radius: 4px!important
    }
      .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{
        border-color: var(--tertiary-grey) !important;
    }
      .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{
        color: var(--white) !important;
        width: 17px !important;
        height: 16px !important;
        top: 2px !important;
        left: 2px !important;
    }
      .mdc-evolution-chip-set .mdc-evolution-chip-set__chips{
        margin-left: 0!important;
    }
.custom-datepicker .mat-calendar-table-header span.cdk-visually-hidden {
    display: none !important;
}
.custom-datepicker .mat-calendar-table-header span{
    font-family: "Inter-Bold", sans-serif !important;
    font-size: 14px !important;
    line-height: 21px !important;
    color: var(--primary-grey) !important;
}

.custom-datepicker .mat-calendar-body-cell-content {
    border: unset !important;
    color: var(--primary-grey) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    top: unset !important;
    left: unset !important;
    font-size: 16px;
}
.custom-datepicker .mat-calendar-body-cell-content::before{
    margin: 0 !important;
}
.custom-datepicker .mat-calendar-content{
    padding: 20px 0 32px !important;
    border-bottom: 1px solid var(--light-grey);
}
.mat-datepicker-actions{
    padding: 0 20px 20px !important;
    gap: 8px !important;
}
.custom-datepicker .mat-calendar-body-today{
    color: var(--primary-blue) !important;
}
.custom-datepicker .mat-calendar-body-cell-content:hover,
.custom-datepicker .mat-calendar-body-selected {
    background: var(--primary-blue) !important;
    color: var(--white) !important;
}

.mat-datepicker-close-button {
    display: none !important;
}

.custom-datepicker{
    /* height: 370px !important; */
    /* padding: 20px; */
    padding: 20px;
    /* width: unset !important; */
    height: unset !important;
}

.custom-datepicker .mat-calendar-period-button {
    margin: 0 !important;
    padding: 0 !important;
    order: 2;
}

.custom-datepicker .mat-calendar-previous-button::after,
.custom-datepicker .mat-calendar-next-button::after {
    content: '';
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border: unset !important;
    transform: unset !important;
    border-width: unset !important;
}

.custom-datepicker .mat-calendar-previous-button::after {
    /* background-image: url('assets/icons/date-previous.svg'); */
}

.custom-datepicker .mat-calendar-next-button::after {
    /* background-image: url('assets/icons/date-previous.svg'); */
}

.custom-datepicker .mat-calendar-spacer{
    display: none !important;
}
.custom-datepicker .mat-calendar-header{
    padding: 0 !important;
}
.custom-datepicker .mat-calendar-controls{
    justify-content: space-between;
    padding-bottom: 20px !important;
    border-bottom: 1px solid var(--light-grey) !important;
    margin: unset !important;
    /* padding: 20px !important; */
}
.custom-datepicker .mat-form-field-infix {
    min-height: auto !important;
    padding: 0 !important;
}
.custom-datepicker .mat-calendar-controls .mdc-button__label{
    color: var(--primary-blue) !important;
    font-family: "Inter-Bold", sans-serif !important;
    font-weight: 700;
}
.custom-datepicker .mat-mdc-icon-button.mat-mdc-button-base,
.custom-datepicker .mat-mdc-icon-button{
padding:8px 20px !important;
/* width:38px !important; */
height:36px !important;
border: 1px solid var(--tertiary-grey);
border-radius: 108px;
}
.custom-datepicker .mat-calendar-previous-button{
    order: 1;
    background: url('calendar-previous.svg') no-repeat center;
}
.custom-datepicker .mat-calendar-next-button{
    order: 3;
    background: url('calendar-next.svg') no-repeat center;
}
.custom-datepicker .mat-calendar-previous-button:hover{
    background: url('calendar-previous-white.svg') no-repeat var(--darkest-blue) center;
}
.custom-datepicker .mat-calendar-next-button:hover{
    background: url('calendar-next-white.svg') no-repeat var(--darkest-blue) center;
}
.custom-datepicker .mat-calendar-previous-button:hover,
.custom-datepicker .mat-calendar-next-button:hover{
    border: 1px solid var(--darkest-blue);                          
}
.custom-datepicker .mat-calendar-body-label{
    visibility: hidden;
    padding: 0 !important;
}
.custom-datepicker .mat-calendar-table-header th{
    padding: 0 !important;
}
.custom-date .mdc-icon-button::after{
    content: url('calendar-icon.svg');
}
.custom-date .mat-mdc-icon-button svg{
    display: none;
}
.custom-date .mat-mdc-icon-button{
    width: unset;
    height: unset;
    padding: 0 !important;

}
.custom-datepicker .mat-mdc-icon-button .mat-mdc-button-touch-target{
  width: unset !important;
  height: unset !important;
}
.custom-date-wrapper.mat-mdc-form-field-flex{
    border: 1px solid var(--tertiary-grey);
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px #1018280D;
}
.custom-date-wrapper.date-error .mat-mdc-form-field-flex{
    border: 1px solid var(--red) !important;
}

.custom-datepicker .mat-calendar-controls .cdk-visually-hidden{
    display: none !important;
}
.custom-datepicker .mat-calendar-previous-button svg, .custom-datepicker .mat-calendar-next-button svg{
    display: none;
}
       
    @keyframes dot-pulse-before {
        0% {
          box-shadow: 9984px 0 0 -5px;
        }
        30% {
          box-shadow: 9984px 0 0 2px;
        }
        60%,
        100% {
          box-shadow: 9984px 0 0 -5px;
        }
      }
      @keyframes dot-pulse {
        0% {
          box-shadow: 9999px 0 0 -5px;
        }
        30% {
          box-shadow: 9999px 0 0 2px;
        }
        60%,
        100% {
          box-shadow: 9999px 0 0 -5px;
        }
      }
      @keyframes dot-pulse-after {
        0% {
          box-shadow: 10014px 0 0 -5px;
        }
        30% {
          box-shadow: 10014px 0 0 2px;
        }
        60%,
        100% {
          box-shadow: 10014px 0 0 -5px;
        }
      }
  
    

    .mat-pseudo-checkbox{
        width: 24px !important;
        height: 24px !important;
        border: 2px solid var(--tertiary-grey) !important;
        border-radius: 4px !important;
    }
    .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate{
        background-color: var(--primary-blue) !important;
        border-color: var(--primary-blue) !important;
    }
    .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after{
        color: var(--white) !important;
        width: 12px !important;
        height: 5px !important;
    }
    .mat-mdc-select-placeholder{
        color: var(--secondary-grey) !important;   
    }
    .gap2{
        gap: 2px;
    }
    .gap4{
        gap: 4px;
    }
    .gap8{
        gap: 8px;
    }
    .gap12{
        gap: 12px;
    }
    .gap16{
        gap: 16px;
    }
    .gap24{
        gap: 24px;
    }
    .gap32{
        gap: 32px;
    }
    .p-32{
        padding: 32px;
    }
    .pt-0{
        padding-top: 0;
    }
    .optional-text{
        color: var(--secondary-grey);
        font-size: 16px;
        line-height: 24px;
    }
    .mat-mdc-option:not(.mat-mdc-option-multiple) .mat-pseudo-checkbox{
        display: none !important;
    }
    .mat-mdc-checkbox-ripple, .mdc-checkbox__ripple{
        display: none !important;
    }
    .p24{
        padding: 24px;
    }
    .slct-boxes{
        width: 100%;
        border-radius: 8px;
        border: 1px solid var(--tertiary-grey);
        outline: none;
        background: url('dropdown.svg') no-repeat right 16px center;
        color: var(--primary-grey);
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    }
    .slct-boxes:focus,
    .slct-boxes.mat-focused{
        border: 1px solid var(--primary-blue) !important;
    }
    .mat-mdc-option:focus, .mat-mdc-option:focus-visible,.mat-mdc-option.mat-mdc-option-active {
        background: var(--lightest-blue) !important;
    }
    .mat-mdc-select-multiple .mat-mdc-select-trigger{
        padding-right: 16px !important;
    }
    .custom-date-wrapper .mat-mdc-form-field-flex{
        height: 50px;
    }
    .mdc-line-ripple::before, .mdc-line-ripple::after{
        border-bottom-style: unset !important;
    }
    .qr-help-text, .link-highlight, .academic-header{
        font-size: 20px;
        line-height: 30px;
    }
    .error-text{
        color: var(--red);
        font-size: 14px;
        line-height: 21px;
    }
    .qr-password-field .mat-mdc-form-field-infix{
        position: relative;
    }
    .qr-password-toggle {
        position: absolute;
        top: 42px;
        right: 16px;
        cursor: pointer;
        background: unset;
    }
    .link-highlight{
        color: var(--dark-blue);
        cursor: pointer;
    }
    .text-end{
        text-align: end;
    }
    .text-center{
        text-align: center;
    }
    /* .checkboxes .mdc-label{
        display: flex;
        align-items: center;
        gap: 6px;
    } */
    .otp-input input{
        width: 100%;
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        border-bottom: 1px solid var(--secondary-grey);
        padding-bottom: 8px;
      }
      /* .otp-input{
        display: flex;
        flex-direction: column;
        gap: 8px;
      } */
      /* .otp-input::after{
        content: "";
        width: 83px;
        height: 1px;
        background: var(--secondary-grey);
      } */
      .otp-input input:focus,
      .otp-input input:focus-visible{
        border: none !important;
        border-bottom: 1px solid var(--primary-blue) !important;
      }
      
      .otp-input .input-error {
        border-bottom: 1px solid var(--red);
      }
      .cdk-text-field-autofill-monitored{
        background: unset !important;
      }
      input:-webkit-autofill, .mat-mdc-input-element:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset !important;
      }
      .warning-info, .success-info{
        padding: 16px;
        border-radius: 8px;
      }
      .warning-info{
        background: var(--lightest-orange);
        border: 1px solid var(--orange);
      }
      .success-info{
        background: var(--lightest-green);
        border: 1px solid var(--primary-green);  
      }
      .success-info-text, .warning-info-text{
        font-size: 14px;
        line-height: 21px;
      }
      .warning-info-text{
        color: var(--orange);
      }
      .success-info-text{
        color: var(--primary-green);
      }
      .fixed-overlay{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #0006;
        z-index: 1000;
      }
      .signout-popup, .learn-more-popup {
        position: fixed;
        z-index: 999;
        width: 475px;
        background: var(--white);
        border-radius: 16px;
        border: 1px solid var(--light-grey);
        box-shadow: 0px 0px 20px 0px #6666664D;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
         padding: 40px 44px;
      }
      .learn-more-popup {
        max-height: calc(100vh - 40px);
        overflow-y: auto;
        scrollbar-width: none;
      }
      .signout-close, .logout-icon, .select-clear-icon{
        position: absolute;
        cursor: pointer;
        background: unset;
      }
      .signout-close{
        top: 20px;
        right: 20px;        
      }
      .logout-icon{
        right: 15px;
        top: 17px;
      }
      /* .date-picker-input:focus, .date-picker-input:focus-visible{
        border: 0px solid transparent !important;
      } */
       .link-text{
        color: var(--primary-grey);
        background: unset;
        font: inherit;

       }
       .text-uppercase{
        text-transform: uppercase;
       }
       .no-scroll{
        overflow: hidden;
       }
       .mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{
        border: unset !important;
       }
       .mat-calendar-controls label{
        display: none;
       }
       .password-field .mat-mdc-form-field-input-control{
        padding-right: 42px !important;
       }
       .password-field input::-ms-reveal{
        display: none !important;
       }
 .mat-calendar-body-today:not(.mat-calendar-body-disabled) .mat-calendar-body-cell-content:hover {
     background-color: transparent;
 }

 .mat-calendar-body-disabled .mat-calendar-body-cell-content {
     color: var(--secondary-grey) !important;
     background: transparent !important;
 }

 .mat-calendar-body-disabled .mat-calendar-body-cell-content:hover {
     background: unset !important;
     color: var(--secondary-grey) !important;
 }

 .mat-calendar-body-cell:not(.mat-calendar-body-today) .mat-calendar-body-cell-content {
     color: inherit;
 }
 .toast-msg {
  background-color: #FFEEEE;
  border-radius: 6px;
  padding: 16px;
  border: 1px solid #800101;
  position: fixed;
  top: 32px;
  min-width: 400px;
  transform: translateX(-50%);
  left: 50%;
  z-index: 9;
}
.toast-msg p{
 color: #800101 !important;
 font-size: 14px;
}
.bg-unset{
    background: unset;
}

.mat-mdc-option.mdc-list-item.contains-mat-select-search {
    top: 0 !important;
    margin-top: unset !important;
    min-height: unset !important;
}

.contains-mat-select-search .mat-select-search-input {
    padding: 0 44px !important;
    height: 56px !important;
    border: unset !important;
    border-bottom: 1px solid var(--light-grey) !important;
}

/* .mat-mdc-icon-button .mat-mdc-button-touch-target{
    width: 20px !important;
    
} */
.mat-select-search-inner-row::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 32%;
    width: 20px;
    height: 20px;
    background: url('search.svg') no-repeat center center;
    background-size: contain;
}

.contains-mat-select-search .mat-select-search-input:focus,
.contains-mat-select-search .mat-select-search-input:focus-visible {
    border: unset !important;
    border-bottom: 1px solid var(--primary-blue) !important;
}

.contains-mat-select-search .mat-select-search-input::placeholder {
    color: transparent !important;
}

.contains-mat-select-search .mat-icon {
    display: none !important;
}

.contains-mat-select-search .mat-select-search-clear {
    position: absolute;
    right: 32px;
    top: 0;
    padding: 0 !important;
    width: auto !important;
}

.contains-mat-select-search .mat-select-search-clear::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 38%;
    width: 20px;
    height: 20px;
    background: url('close-icon.svg') no-repeat center center;
    background-size: contain;
}

.contains-mat-select-search .mat-divider, .mat-select-search-clear .mat-mdc-button-touch-target, .mode-chip .mat-ripple.mat-mdc-chip-ripple {
    display: none !important;
}

div.mat-select-search-no-entries-found {
    padding: 16px 0 !important;
}

.contains-mat-select-search:has(div.mat-select-search-no-entries-found):hover {
    background: unset !important;
}

.mdc-checkbox {
    padding: 0 !important;
}

.mdc-checkbox__background {
    top: 0 !important;
    left: 0 !important;
}
.d-none{
    display: none;
}
.cursor-pointer{
    cursor: pointer;
}
.select-clear-icon{
    top: 14px;
    right: 32px;
}
.custom-date-wrapper .select-clear-icon{
    top: 50%;
    transform: translateY(-50%);
    right: 44px;
    z-index: 1;
}
.date-suffix-icons{
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.date-clear-icon{
    background: unset;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: inline-flex;
    align-items: center;
}
.right-52{
    right: 52px !important;
}
.custom-date-wrapper .right-52{
    right: 44px !important;
}

.tooltip {
    margin-left: 6px;
    z-index: 5; 
    position: relative;
    top: 4px;
}


.tooltip-box {
  bottom: calc(100% + 8px);    
  left: 50%;            
  transform: translateX(-50%);
  width: 300px;
  max-width: calc(100vw - 125px);
  background: var(--primary-grey);
  color: var(--white);
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 21px;
  display: none;                
  z-index: 999;
  white-space: normal;
}

.tooltip-box p{
    color: var(--white);
    width: 90%;
}

.tooltip-arrow {
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--primary-grey);
}

.tooltip-close {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    color: var(--white);
}

.tooltip.active .tooltip-box, .tooltip:hover .tooltip-box {
    display: block;
}

.page-header{
    font-size: 20px;
    line-height: 26px;
}

@media only screen and (max-width: 700px) {
    .tooltip:hover .tooltip-box {
        display: none;
    }
    .tooltip.active .tooltip-box {
        display: block;
    }
}

.tooltip-text {
    color: var(--white);
    max-width: 90%;
}

/* div.mat-select-search-no-entries-found:hover, div.mat-select-search-no-entries-found:focus-visible{
} */
    @media (min-width: 701px) and (max-width: 1024px) {
        .container{
            width:100%;
        }
        .mb32-1100{
            margin-bottom: 32px;
        }
     }
    @media only screen and (max-width: 700px) {
        h1,.h1{
            font-size: 28px;
            line-height: 36px;
        }
        h5, .h5{
            font-size: 18px;
        }
        .mb28-700{
            margin-bottom: 28px;
        }
        .mt28-700{
            margin-top: 28px;
        }
        .mb8-700{
            margin-bottom: 8px;
        }
        .px24-700{
            padding: 0 24px;
        }
        .py24-700{
            padding: 24px 0;
        }
        .lang-swit{
            width: 200px;
            flex-direction: column;
            align-items: flex-start;
        }
        .lang-swit-tit{
            display: none;
        }
        .container{
            width:100%;
        }
        .common-head h2{
            font-size: 28px;
            line-height: 34px;
        }
        .inner-content-wrap{
            width: 100%;
            /* padding: 0; */
        }
        .sub-head{
            font-style: 20px;
            line-height: 30px;
        }
        .ques-hd{
            font-size: 16px;
            line-height: 24px;
        }
        .help-text{
            font-size: 14px;
            line-height: 21px;
        }
        .mb32-1100{
            margin-bottom: 32px;
        }
        .flex-column-700{
            flex-direction: column;
        }
        .flex-column-reverse-700{
            flex-direction: column-reverse;
        }
        .items-unset-700{
            align-items: unset;
        }
        .w114{
            width: 114px;
        }
        .primary-btn-cnr{
            margin-top: 28px;
        }
        .mat-mdc-standard-chip .mdc-evolution-chip__text-label{
            padding: 8px 16px !important;
            font-size: 14px !important; 
            line-height: 21px !important;
        }
        .primary-btn, .secondary-btn{
            padding: 8px 16px;
            font-size: 16px;
            line-height: 24px; 
            height: 40px; 
        }
        .calendar-btn{
            height: unset !important;
        }
        .first-name-field, .last-name-field{
            /* display: unset; */
            width: 100%;
            margin-right: 0;
        }
        .wmob{
            width: calc(100% - 122px);
        }
        .link-highlight, .qr-help-text{
            font-size: 16px;
            line-height: 24px;
        }
        .gap8-700{
            gap: 8px;
        }
        .otp-input:after, .otp-input input{
            width: 100%;
        }
        .signout-popup{
            width: 332px;
            padding: 28px 24px;
        }
        .info-icon{
            width: 20px;
            height: 20px;
        }
        .learn-more-popup{
            padding: 28px 24px;
            max-width: 332px;
            width: 90%;

        }
       
    /* .tag.cdk-focused.mat-mdc-chip-selected:hover,  .tag:hover{
        background: var(--primary-blue) !important;
        border-color: var(--tertiary-grey) !important;
    }
    .tag.cdk-focused.mat-mdc-chip-selected{
        color: var(--white) !important;
    }
    .tag.cdk-focused:not(.mat-mdc-chip-selected){
        background: red !important;
        color: var(--primary-grey) !important;
    } */
.tag.mat-mdc-chip-selected:hover,
.tag.cdk-focused.mat-mdc-chip-selected:hover {
  background: var(--primary-blue) !important;
  /* border-color: var(--tertiary-grey) !important; */
  border: 1px solid var(--primary-blue) !important;
  --mdc-chip-selected-label-text-color: var(--white);
}

.tag.mat-mdc-chip-selected:hover .mdc-evolution-chip__text-label,
.tag.cdk-focused.mat-mdc-chip-selected:hover .mdc-evolution-chip__text-label {
  color: var(--white) !important;
}
 
.tag.cdk-focused.mat-mdc-chip-selected {
  color: var(--white) !important;
}
 
.tag.cdk-focused:not(.mat-mdc-chip-selected),
.tag:not(.mat-mdc-chip-selected):hover,
.tag:not(.mat-mdc-chip-selected):active {
  background: var(--dark-blue) !important;
  border: 1px solid var(--dark-blue) !important;
  color: var(--white) !important;
  --mdc-chip-label-text-color: var(--white);
}

.tag:not(.mat-mdc-chip-selected):hover .mdc-evolution-chip__text-label,
.tag:not(.mat-mdc-chip-selected):active .mdc-evolution-chip__text-label {
  color: var(--white) !important;
}
.primary-btn:hover{
        border: 1px solid var(--primary-blue);
        background: var(--primary-blue);
    }
    .secondary-btn:hover{
        border: 1px solid var(--tertiary-grey);
        background: unset;
        color: var(--primary-grey);
    }
    .toast-msg{
        padding: 12px;
    }
    .d-none-700{
        display: none;
    }

     }
     @media only screen and (max-width: 500px){
        .justify-between-500{
            justify-content: space-between;
        }
        .toast-msg{
            min-width: 0;
            width: calc(100% - 32px);
            margin: 16px;
            transform: unset;
            left: unset;
        }
        .mat-mdc-select{
            padding: 12px 52px 12px 16px !important;
        }
    }
    @media  only screen and (max-width: 370px){
        .signout-popup{
            width: 80%;
    }
}
    @media  only screen and (max-width: 350px){
        .mobile-field{
            flex-direction: column;
            align-items: unset;
        }
        .cntry-code .slct-boxes{
            width: 100%;
        }
        .wmob{
            display: unset;
        }
        .dialcode{
            width: 100%;
            margin-bottom: 8px;
        }
        .dob-field{
            margin-top: 8px;
        }
        .stats-content{
            font-size: clamp(18px, 4vw, 34px) !important;
            line-height: 1 !important;
        }   
          .ses-stats{
            gap: 8px !important;
        } 
    }

    @media only screen and (max-width: 320px) {
    .tooltip-box {
        left: -30%;
    }
    .tooltip-arrow{
        left: 58px;
    }
}
    @media only screen and (max-width: 300px){
        .custom-datepicker{
            width: 100% !important;
        }
        .logo-white{
            max-width: 200px;
    }
}


/* Fix mat-form-field floating label and field alignment */
.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    display: none !important;
}
.mat-mdc-form-field-infix {
    min-height: unset !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.mdc-text-field {
    padding: 0 !important;
}
.mdc-text-field--filled {
    --mdc-filled-text-field-active-indicator-height: 0;
    --mdc-filled-text-field-focus-active-indicator-height: 0;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: transparent !important;
}
.mat-mdc-form-field-subscript-wrapper {
    display: none;
}
.mat-mdc-form-field {
    display: flex;
}
.mr8 {
    margin-right: 8px;
}

/* Angular Material 19 M3 chip token overrides */
mat-chip-listbox, mat-chip-option, .mat-mdc-chip-listbox {
    --mdc-chip-elevated-container-color: transparent;
    --mdc-chip-elevated-selected-container-color: var(--primary-blue);
    --mdc-chip-label-text-color: var(--primary-grey);
    --mdc-chip-selected-label-text-color: var(--white);
    --mdc-chip-outline-color: var(--tertiary-grey);
    --mdc-chip-outline-width: 1px;
    --mdc-chip-flat-selected-outline-width: 0;
    --mdc-chip-container-shape-radius: 108px;
    --mdc-chip-container-height: auto;
    --mdc-chip-with-icon-selected-icon-color: var(--white);
    --mdc-chip-hover-state-layer-opacity: 0;
    --mdc-chip-focus-state-layer-opacity: 0;
    --mdc-chip-selected-hover-state-layer-opacity: 0;
    --mdc-chip-selected-focus-state-layer-opacity: 0;
}


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