@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend:wght@100..900&display=swap');
/* 

font-family: "Montserrat", sans-serif;
font-family: "Manrope", sans-serif;
font-family: "Open Sans", sans-serif;
font-family: "Noto Sans", sans-serif;
font-family: "Roboto", sans-serif;
font-family: "Inter", sans-serif;
font-family: "Lato", sans-serif;
font-family: "Oswald", sans-serif;
font-family: "Raleway", sans-serif;
font-family: "Nunito", sans-serif;
font-family: "Quicksand", sans-serif;
font-family: "Lexend", sans-serif;

*/
/* name form */
.font-lexend { font-family: "Lexend", sans-serif;}
.font-vtc { font-family: "SVN-VT Redzone Classic", sans-serif;}
.font-bold { font-family: 'SVN-Poppins Bold', sans-serif;}
@font-face {
    font-family: 'SVN-VT Redzone Classic';
    src: url('../fonts/SVN-VTRD/SVN-VTRedzone-Classic.eot');
    src: url('../fonts/SVN-VTRD/SVN-VTRedzone-Classic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SVN-VTRD/SVN-VTRedzone-Classic.woff2') format('woff2'),
        url('../fonts/SVN-VTRD/SVN-VTRedzone-Classic.woff') format('woff'),
        url('../fonts/SVN-VTRD/SVN-VTRedzone-Classic.ttf') format('truetype'),
        url('../fonts/SVN-VTRD/SVN-VTRedzone-Classic.svg#SVN-VTRedzone-Classic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Poppins Bold';
    src: url('../fonts/poppins/SVN-PoppinsBold.eot');
    src: url('../fonts/poppins/SVN-PoppinsBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/poppins/SVN-PoppinsBold.woff2') format('woff2'),
        url('../fonts/poppins/SVN-PoppinsBold.woff') format('woff'),
        url('../fonts/poppins/SVN-PoppinsBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Poppins Medium';
    src: url('../fonts/poppins/SVN-PoppinsMedium.eot');
    src: url('../fonts/poppins/SVN-PoppinsMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/poppins/SVN-PoppinsMedium.woff2') format('woff2'),
        url('../fonts/poppins/SVN-PoppinsMedium.woff') format('woff'),
        url('../fonts/poppins/SVN-PoppinsMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Poppins SemiBold';
    src: url('../fonts/poppins/SVN-PoppinsSemiBold.eot');
    src: url('../fonts/poppins/SVN-PoppinsSemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/poppins/SVN-PoppinsSemiBold.woff2') format('woff2'),
        url('../fonts/poppins/SVN-PoppinsSemiBold.woff') format('woff'),
        url('../fonts/poppins/SVN-PoppinsSemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Poppins Regular';
    src: url('../fonts/poppins/SVN-Poppins.eot');
    src: url('../fonts/poppins/SVN-Poppins.eot?#iefix') format('embedded-opentype'),
        url('../fonts/poppins/SVN-Poppins.woff2') format('woff2'),
        url('../fonts/poppins/SVN-Poppins.woff') format('woff'),
        url('../fonts/poppins/SVN-Poppins.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.letter-spacing {
    letter-spacing: 0.15em;
}
/* Font size */
.fs-9 {font-size: 9px !important; ;}
.fs-10 {font-size: 10px !important; ;}
.fs-11 {font-size: 11px !important; ;}
.fs-12 {font-size: 12px !important; ;}
.fs-13 {font-size: 13px !important; ;}
.fs-14 { font-size: clamp(13px,2vw,14px)!important;}
.fs-15 {font-size: clamp(14px,2vw,15px)!important;}
.fs-16 {font-size: clamp(15px, 14.7157190635px + 0.0668896321vw, 16px)!important;}
.fs-17 { font-size: clamp(16px, 15.7157190635px + 0.0668896321vw, 17px)!important;}
.fs-18 {font-size: clamp(17px, 16.7157190635px + 0.0668896321vw, 18px)!important;}
.fs-19 {font-size: clamp(15px,2vw,19px)!important;line-height: 1.4;}
.fs-20 {font-size: clamp(18px,2vw,20px)!important;}
.fs-21 {font-size: clamp(19px,2vw,21px)!important;}
.fs-22 {font-size: clamp(20px,2vw,22px)!important;}
.fs-23 {font-size: clamp(18px, 2vw, 23px); line-height: clamp(22px, 3vw, 28px);}
.fs-24 {font-size: clamp(18px, 2vw, 24px); line-height: clamp(22px, 3vw, 30px);}
.fs-25 {font-size: clamp(20px, 2vw, 25px); line-height: clamp(24px, 3vw, 32px);}
.fs-26 { font-size: clamp(20px, 2vw, 26px); line-height: clamp(24px, 3vw, 32px);}
.fs-27 { font-size: clamp(20px, 2vw, 27px); line-height: clamp(24px, 3vw, 32px);}
.fs-28 { font-size: clamp(20px, 2vw, 28px); line-height: clamp(24px, 3vw, 32px);}
.fs-29 { font-size: clamp(20px, 2vw, 29px); line-height: clamp(24px, 3vw, 32px);}
.fs-30 { font-size:clamp(24px, 22.2943143813px + 0.4013377926vw, 30px);line-height: clamp(27px, 4vw, 40px);}
.fs-31 { font-size: clamp(25px, 3vw, 31px);line-height: clamp(35px, 4vw, 45px);}
.fs-32 { font-size: clamp(20px, 3vw, 32px); line-height: clamp(30px,4vw,47px);}
.fs-33 { font-size: clamp(20px, 3vw, 33px); line-height: clamp(30px,4vw,47px);}
.fs-34 { font-size: clamp(20px, 3vw, 34px); line-height: clamp(30px,4vw,47px);}
.fs-35 { font-size: clamp(25px, 3vw, 35px); line-height: clamp(35px,4vw,50px);}
.fs-36 { font-size: clamp(25px, 3vw, 36px); line-height: clamp(35px,4vw,50px);}
.fs-37 { font-size: clamp(25px, 3vw, 37px); line-height: clamp(35px,4vw,50px);}
.fs-38 { font-size: clamp(25px, 3vw, 38px); line-height: clamp(35px,4vw,50px);}
.fs-39 { font-size: clamp(25px, 3vw, 39px); line-height: clamp(35px,4vw,50px);}
.fs-40 {font-size: clamp(30px, 27.1571906355px + 0.6688963211vw, 40px);line-height: clamp(40px,5vw,43px);}
.fs-41 { font-size: clamp(30px, 4vw, 41px); line-height: clamp(40px,5vw,60px);}
.fs-42 { font-size: clamp(30px, 4vw, 42px); line-height: clamp(40px,5vw,60px);}
.fs-43 { font-size: clamp(30px, 4vw, 43px); line-height: clamp(40px,5vw,60px);}
.fs-44 { font-size: clamp(30px, 4vw, 44px); line-height: clamp(40px,5vw,60px);}
.fs-45 { font-size: clamp(30px, 4vw, 45px); line-height: clamp(40px,5vw,60px);}
.fs-46 { font-size: clamp(30px, 4vw, 46px); line-height: clamp(40px,5vw,60px);}
.fs-47 { font-size: clamp(30px, 4vw, 47px); line-height: clamp(40px,5vw,60px);}
.fs-48 { font-size: clamp(30px, 4vw, 48px); line-height: clamp(40px,5vw,60px);}
.fs-49 { font-size: clamp(30px, 4vw, 49px); line-height: clamp(40px,5vw,60px);}
.fs-50 { font-size: clamp(32px, 26.8829431438px + 1.2040133779vw, 50px) !important; line-height: clamp(40px,5vw,60px); }
.fs-51 { font-size: clamp(30px, 4vw, 51px); line-height: clamp(40px,5vw,60px);}
.fs-60 { font-size: clamp(35px, 27.8929765886px + 1.6722408027vw, 60px)!important; line-height: clamp(50px,5vw,70px); }
.fs-65 {font-size:clamp(37px, 29.3244147157px + 1.8060200669vw, 64px);}
.text-right { text-align: right ;}
.text-sm {font-size: .775rem !important ;}
.text-md {font-size: .9rem !important;}
.text-lg {font-size: 1.2rem !important;}
.text-xl {font-size: 1.5rem !important;}
/* Font weight */
.fw-400 { font-family: 'SVN-Poppins Regular';}
.fw-500 { font-family: 'SVN-Poppins Medium';}
.fw-600 { font-family: 'SVN-Poppins SemiBold';}
.fw-700 {font-family: 'SVN-Poppins Bold' !important;}
.fw-800 { font-family: 'SVN-Poppins Bold' !important;}
.fw-black { font-family: 'SVN-Poppins Bold' !important;}

/* Color text */
.text-red { color: var(--color-red); }
.text-yellow { color: var(--color-yellow); }
.text-blue { color: var(--color-blue); }
.text-green { color: var(--color-green); }
.text-black {color: var(--color-black) !important;}
.text-main { color: var(--color-main) !important;}
.text-gray { color: var(--color-gray);}
.text-submain { color: var(--color-submain) !important;}