.mdi:before,.mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@import './custom_functions.scss';
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');

@font-face {
    font-family: 'Whyte-Regular';
    src: url('../assets/font/Whyte-Regular.woff2') format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Whyte-Book';
    src: url('../assets/font/Whyte-Book.woff2') format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.v-application {
    .h1,
    .h2,
    .h3,
    .h4,
    .whyte-regular-font {
        font-family: 'Whyte-Regular', sans-serif;
    }
    .whyte-book-font {
        font-family: 'Whyte-Book', sans-serif;
    }
    .body {
        font-family: 'Whyte-Regular', sans-serif;
    }
    .body-font {
        font-family: 'Whyte-Book', sans-serif;
    }
    .body-font1 {
        font-family: 'PT Serif', serif;
    }
    .regular-font {
        font-family: 'Whyte-Regular', sans-serif;
    }
    .whyteTmin10-font {
        font-family: 'WhyteTmin10', sans-serif;
    }
    .whyteBookTmin10-font {
        font-family: 'WhyteBookTmin10', sans-serif;
    }
    .ls-n01 {
        letter-spacing: -0.1px;
    }
    .ls-n03 {
        letter-spacing: -0.03px;
    }
    .ls-n009 {
        letter-spacing: -0.09px;
    }
    // .ls-n10 {
    //     letter-spacing: -1px !important;
    // }
    .ls-n008 {
        letter-spacing: -0.08px;
    }
    .ls-0 {
        letter-spacing: 0px;
    }
    .ls-n012 {
        letter-spacing: -0.12px;
    }
    .ls-n015 {
        letter-spacing: -0.15px;
    }
    .ls-n028 {
        letter-spacing: -0.28px;
    }
    .ls-n016 {
        letter-spacing: -0.16px;
    }
    .ls-n029 {
        letter-spacing: -0.29px;
    }
    .primary-focus-button:hover,
    .primary-focus-button:active,
    .primary-focus-button:focus {
        color: #fff !important;
        background-color: #2850DA !important;
    }
    .primary-focus:hover,
    .primary-focus:active,
    .primary-focus:focus {
        color: #2850DA !important;
    }
    .title-color-black {
        color: #000000;
    }
    .transparent-background {
        background: transparent !important;
    }
    .fontcolor-black-darken {
        color: #1D1D1D!important;
    }
    .fontcolor-black-light {
        color: #333333;
    }
    .fontcolor-grey-darken {
        color: #666666;
    }
    .fontcolor-grey-shade8b {
        color: #8b8b8b;
    }
    .fontcolor-mauve {
        color: #E5DBFE;
    }
    .fontcolor-mauve-CCB7FF {
        color: #CCB7FF;
    }
    .background-mauve-CCB7FF {
        background-color: #CCB7FF;
    }
    .fontcolor-monarch {
        color: #EB7525;
    }
    .fontcolor-lapis {
        color: #2E5D86;
    }
    .fontcolor-bordeaux {
        color: #C53C44;
    }
    .fontcolor-ecru {
        color: #F5F3F2;
    }
    .fontcolor-404040 {
        color: #404040;
    }
    .fontcolor-cloud {
        color: #CEE4F2;
    }
    .background-ecru {
        background-color: #F5F3F2;
    }
    .background-bordeaux {
        background-color: #C53C44;
    }
    .background-lapis {
        background-color: #2E5D86;
    }
    .background-mauve {
        background-color: #E5DBFE;
    }
    .background-monarch {
        background-color: #EB7525;
    }
    .background-cloud {
        background-color: #CEE4F2;
    }
   
    .fontsize-10 {
        font-size: 0.625rem;
    }
    .fontsize-12 {
        font-size: 0.75rem;
    }
    .fontsize-28 {
        font-size: 1.75rem;
    }
    .fontsize-14 {
        font-size: 0.875rem;
    }
    .fontsize-15 {
        font-size: 0.970rem;
    }
    .fontsize-16 {
        font-size: 1rem !important;
    }
    .fontsize-18 {
        font-size: 1.125rem;
    }
    .fontsize-16pt {
        font-size: 1.375rem;
    }
    .fontsize-50 {
        font-size: 3.125rem;
    }
    .fontsize-70 {
        font-size: 4.375rem;
    }
    .font-weight-400 {
        font-weight: 400;
    }
    .font-weight-300 {
        font-weight: 300;
    }
    .line-height-18 {
        line-height: 1.125rem !important;
    }
    .line-height-18pt {
        line-height: 1.5rem !important;
    }
    .line-height-20 {
        line-height: 1.25rem !important;
    }
    .line-height-21 {
        line-height: 1.3125rem !important;
    }
    .line-height-22 {
        line-height: 1.375rem !important;
    }
    .line-height-36 {
        line-height: 2.25rem !important;
    }
    .line-height-33 {
        line-height: 2.0625rem !important;
    }
    .line-height-46 {
        line-height: 2.875rem !important;
    }
    .line-height-54 {
        line-height: 3.375rem !important;
    }
    .text-decoration-none {
        text-decoration: none;
    }
    .word-break {
        word-break: break-word!important;
        overflow-wrap: break-word!important;
    }
    .content-link-hover-color {
        color: #CCB7FF !important;
    }
    // custom css for vue-tel-input
    .phonenumber-input-error-border {
        &.vue-tel-input,
        &.vue-tel-input:focus,
        &.vue-tel-input:focus-within,
        &.vue-tel-input:active {
            border: 2px solid red !important;
            border-radius: 4px !important;
            box-shadow: unset !important;
        }
    }
    .phonenumber-custom-input .vti__input {
        height: 40px!important;
    }
    .phonenumber-custom-input.vue-tel-input {
        border-radius: 4px !important;
        border: thin solid rgba(0, 0, 0, 0.42) !important;
    }
    .phonenumber-custom-input {
        &,
        &:focus,
        &:active,
        &:focus-within {
            border: 2px solid #2c05da !important;
        }
    }
    .phonenumber-custom-input.vue-tel-input:focus-within {
        box-shadow: unset !important;
    }
    .phonenumber-custom-input .vti__dropdown {
        &:focus,
        &:active,
        &:focus-within {
            border: unset !important;
            outline: unset !important;
        }
    }
    .opacity-1 {
        opacity: 1;
    }
    .height-100 {
        height: 100vh;
    }
    .height-130px{
        height: 130px;
    }
    
    // end vue-tel-input  css end
    @include mq(xs) {
        .h1 {
            font-size: 2rem;
            line-height: 2.25rem;
        }
        .h2 {
            font-size: 1.625rem;
            line-height: 1.875rem;
        }
        .h3 {
            font-size: 1.375rem;
            line-height: 1.75rem;
        }
        .h4 {
            font-size: 1.125rem;
            line-height: 1.375rem;
        }
        .body {
            font-size: 1rem!important;
            line-height: 1.5rem!important
        }
        .v-btn--outlined {
            border: 1px solid !important;
        }
        .textfield-border.v-text-field>.v-input__control>.v-input__slot:before {
            border-width: 1px 0 0 0 !important;
        }
    }
    @include mq(sm) {
        .h1 {
            font-size: 2rem;
            line-height: 2.25rem;
        }
        .h2 {
            font-size: 1.625rem;
            line-height: 1.875rem;
        }
        .h3 {
            font-size: 1.375rem;
            line-height: 1.75rem;
        }
        .h4 {
            font-size: 1.125rem;
            line-height: 1.375rem;
        }
        .body {
            font-size: 1rem!important;
            line-height: 1.5rem!important
        }
        .v-btn--outlined {
            border: thin solid !important;
        }
        .textfield-border.v-text-field>.v-input__control>.v-input__slot:before {
            border-width: thin 0 0 0 !important;
        }
    }
    @include mq(md) {
        .h1 {
            font-size: 2.5rem;
            line-height: 2.875rem;
        }
        .h2 {
            font-size: 2rem;
            line-height: 2.25rem;
        }
        .h3 {
            font-size: 1.5rem;
            line-height: 1.75rem;
        }
        .h4 {
            font-size: 1.125rem;
            line-height: 1.375rem;
        }
        .body {
            font-size: 1rem!important;
            line-height: 1.5rem!important
        }
    }
    @include mq(lg) {
        .h1 {
            font-size: 3rem;
            line-height: 3.375rem;
        }
        .h2 {
            font-size: 2.25rem;
            line-height: 2.5rem;
        }
        .h3 {
            font-size: 1.75rem;
            line-height: 2.25rem;
        }
        .h4 {
            font-size: 1.125rem;
            line-height: 1.375rem;
        }
        .body {
            font-size: 1rem!important;
            line-height: 1.5rem!important
        }
    }
    @include mq(xl) {
        .h1 {
            font-size: 3rem;
            line-height: 3.375rem;
        }
        .h2 {
            font-size: 2.25rem;
            line-height: 2.5rem;
        }
        .h3 {
            font-size: 1.75rem;
            line-height: 2.25rem;
        }
        .h4 {
            font-size: 1.125rem;
            line-height: 1.375rem;
        }
        .body {
            font-size: 1rem!important;
            line-height: 1.5rem!important
        }
    }
    @supports (-webkit-overflow-scrolling: touch) {
        /* CSS specific to iOS devices */
        .ios-fill-height {
            height: -webkit-fill-available;
        }
    }
}

.cursor-pointer {
    cursor: pointer;
}

.button-background.v-btn:before {
    background-color: transparent !important;
}

* {
    text-transform: none !important;
}

.p-absolute {
    position: absolute!important;
}

// .v-application{
// 	font-family: 'Whyte-Regular'!important;
// }