ok

Mini Shell

Direktori : /proc/self/root/home2/selectio/www/sqarextechnologies.com/assets/css/
Upload File :
Current File : //proc/self/root/home2/selectio/www/sqarextechnologies.com/assets/css/global.css

:root {

    /* Font Family */
    --font-family-base: 'Nunito Sans', sans-serif;
    --font-family-heading: 'Quicksand', sans-serif;
    --font-family-three: 'Inter', sans-serif;
    --font-family-four: 'Plus Jakarta Sans', sans-serif;
    --font-family-five: 'DM Sans', sans-serif;
    --font-family-six: 'Lora', serif;
    --font-family-seven: 'Poppins', sans-serif;

    /* Font Weight */
    --fw-lighter:         lighter;
    --fw-light:           300;
    --fw-normal:          400;
    --fw-medium:          500;
    --fw-semibold:        600;
    --fw-bold:            700;
    --fw-bolder:          bolder;

    /* Font Size */
    --fs-0:	        0rem;

    --fs-1:	        0.0625rem;
    --fs-2:	        0.125rem;
    --fs-3:	        0.1875rem;
    --fs-4:	        0.25rem;
    --fs-5:	        0.3125rem;
    --fs-6:	        0.375rem;
    --fs-7:	        0.4375rem;
    --fs-8:	        0.5rem;
    --fs-9:	        0.5625rem;
    --fs-10:	    0.625rem;

    --fs-11:	    0.6875rem;
    --fs-12:	    0.75rem;
    --fs-13:	    0.8125rem;
    --fs-14:	    0.875rem;
    --fs-15:	    0.9375rem;
    --fs-16:	    1rem;
    --fs-17:	    1.0625rem;
    --fs-18:	    1.125rem;
    --fs-19:	    1.1875rem;
    --fs-20:	    1.25rem;

    --fs-21:	    1.3125rem;
    --fs-22:	    1.375rem;
    --fs-23:	    1.4375rem;
    --fs-24:	    1.5rem;
    --fs-25:	    1.5625rem;
    --fs-26:	    1.625rem;
    --fs-27:	    1.6875rem;
    --fs-28:	    1.75rem;
    --fs-29:	    1.8125rem;
    --fs-30:	    1.875rem;

    --fs-31:	    1.9375rem;
    --fs-32:	    2rem;
    --fs-33:	    2.0625rem;
    --fs-34:	    2.125rem;
    --fs-35:	    2.1875rem;
    --fs-36:	    2.25rem;
    --fs-37:	    2.3125rem;
    --fs-38:	    2.375rem;
    --fs-39:	    2.4375rem;
    --fs-40:	    2.5rem;

    --fs-41:	    2.5625rem;
    --fs-42:	    2.625rem;
    --fs-43:	    2.6875rem;
    --fs-44:	    2.75rem;
    --fs-45:	    2.8125rem;
    --fs-46:	    2.875rem;
    --fs-47:	    2.9375rem;
    --fs-48:	    3rem;
    --fs-49:	    3.0625rem;
    --fs-50:	    3.125rem;

    --fs-51:	    3.1875rem;
    --fs-52:	    3.25rem;
    --fs-53:	    3.3125rem;
    --fs-54:	    3.375rem;
    --fs-55:	    3.4375rem;
    --fs-56:	    3.5rem;
    --fs-57:	    3.5625rem;
    --fs-58:	    3.625rem;
    --fs-59:	    3.6875rem;
    --fs-60:	    3.75rem;

    --fs-61:	    3.8125rem;
    --fs-62:	    3.875rem;
    --fs-63:	    3.9375rem;
    --fs-64:	    4rem;
    --fs-65:	    4.0625rem;
    --fs-66:	    4.125rem;
    --fs-67:	    4.1875rem;
    --fs-68:	    4.25rem;
    --fs-69:	    4.3125rem;
    --fs-70:	    4.375rem;

    --fs-71:	    4.4375rem;
    --fs-72:	    4.5rem;
    --fs-73:	    4.5625rem;
    --fs-74:	    4.625rem;
    --fs-75:	    4.6875rem;
    --fs-76:	    4.75rem;
    --fs-77:	    4.8125rem;
    --fs-78:	    4.875rem;
    --fs-79:	    4.9375rem;
    --fs-80:	    5rem;

    --fs-81:	    5.063rem;
    --fs-82:	    5.125rem;
    --fs-83:	    5.188rem;
    --fs-84:	    5.25rem;
    --fs-85:	    5.313rem;
    --fs-86:	    5.375rem;
    --fs-87:	    5.438rem;
    --fs-88:	    5.5rem;
    --fs-89:	    5.5625rem;
    --fs-90:	    5.625rem;

    --fs-91:	    5.6875rem;
    --fs-92:	    5.75rem;
    --fs-93:	    5.8125rem;
    --fs-94:	    5.875rem;
    --fs-95:	    5.9375rem;
    --fs-96:	    6rem;
    --fs-97:	    6.0625rem;
    --fs-98:	    6.125rem;
    --fs-99:	    6.1875rem;
    --fs-100:	    6.25rem;

    --fs-110:	    6.875rem;
    --fs-120:	    7.5rem;
    --fs-128:	    8rem;
    --fs-130:	    8.25rem;
    --fs-140:	    8.75rem;
    --fs-150:	    9.375rem;
    --fs-175:	    10.9375rem;
    --fs-176:	    11rem;
    --fs-190:	    11.875rem;
    --fs-192:	    12rem;

    --fs-200:	    12.5rem;
    --fs-210:	    13.125rem;
    --fs-240:	    15rem;
    --fs-280:	    17.5rem;
    --fs-291:        18.188rem;

    --fs-320:	    20rem;
    --fs-370:	    23.125rem;

    --fs-400:	    25rem;

    --fs-500:	    31.25rem;
    --fs-592:	    37rem;

    --fs-600:	    37.5rem;
    --fs-680:	    42.5rem;

    /* Theme Colors */
    --color-one:                #FF7268;
    --color-one-rgb:            255, 114, 104;

    --color-two:                #7360F2;
    --color-two-rgb:            115, 96, 242;

    --color-three:              #636363;
    --color-three-rgb:          99, 99, 99;

    --color-four:               #303142;
    --color-four-rgb:           48, 49, 66;

    --color-five:               #1C1C25;
    --color-five-rgb:           28, 28, 37;

    --color-six:                #2CDDF8;
    --color-six-rgb:            44, 221, 248;

    --color-seven:              #F8A501;
    --color-seven-rgb:          248, 165, 1;

    --color-eight:              #02DFBF;
    --color-eight-rgb:          2, 223, 191;

    --color-nine:               #FC5C7D;

    --color-ten:                #7B66FF;

    --color-eleven:             #00C3FF;

    --color-twelve:             #028DEB ;

    --color-thirteen:           #35E1B4;

    --color-fourteen:           #ffc061;

    --color-fifteen:            #9255ce;

    --color-sixteen:            #008060;
    --color-sixteen-rgb:          0, 128, 96;

    --color-seventeen:            #b5ff17;
    --color-seventeen-rgb:          182, 255, 26;

    --color-dark:               #230136;

    --color-light:              #FDFDFD; 

    --color-white:              #ffffff;
    --color-white-rgb:          255, 255, 255;

    --color-black:              #000000;
    --color-black-rgb:          0, 0, 0;

    --color-muted:              #999999; 

    --link-color:               #303142;
    --link-color-hover:         #FF7268;
    --link-color-active:        #FF7268;

    --gradient-one: linear-gradient(90deg, #FF7268 0%, #ffb06d 100%);
    --gradient-one-180: linear-gradient(180deg, #FF7268 0%, #ffb06d 100%);

    --gradient-two: linear-gradient(90deg, #9255CE 0%, #BE60FF 100%);
    --gradient-two-180: linear-gradient(180deg, #9255CE 0%, #BE60FF 100%);

    --gradient-three: linear-gradient(90deg, #40CCFC 0%, #1AECF5 100%); 
    --gradient-three-180: linear-gradient(180deg, #40CCFC 0%, #1AECF5 100%); 

    --gradient-four: linear-gradient(90deg, #00FFF0 0%, #00D3C7 100%);
    --gradient-four-180: linear-gradient(180deg, #00FFF0 0%, #00D3C7 100%);

    --gradient-five: linear-gradient(90deg, #2F057B 0%, #6441C1 100%); 
    --gradient-five-180: linear-gradient(180deg, #2F057B 0%, #6441C1 100%); 

    --gradient-six: linear-gradient(120deg, #FF403E 20%, #FF811B 100%);
    --gradient-six-180: linear-gradient(180deg, #FF403E 0%, #FF811B 100%);

    --gradient-seven: linear-gradient(90deg, #1C0D9D 0%, #04DBF1 100%); 
    --gradient-seven-alt: linear-gradient(90deg, #04DBF1 0%, #1C0D9D 100%); 
    --gradient-seven-180: linear-gradient(180deg, #1C0D9D 0%, #04DBF1 100%);

    --gradient-eight: linear-gradient(90deg, #7360F2 0%, #7360F2 100%); 
    --gradient-eight-180: linear-gradient(180deg, #7360F2 0%, #7360F2 100%); 
    
    --gradient-nine: linear-gradient(90deg, #35E1B4 0%, #35E1B4 100%); 

    --gradient-ten: linear-gradient(90deg, #38C9F7 0%, #266FF2 100%); 

    --gradient-eleven-180: linear-gradient(180deg, #b5ff17 0%, #B5FF17 100%); 

    /* Responsive Breakdown */
    --breakpoint-extralargedesktop: 1366.98px;
    --breakpoint-largedesktop: 1199.98px;
    --breakpoint-desktop: 991.98px;
    --breakpoint-tablet: 767.98px;
    --breakpoint-mobile: 575.98px;
    --breakpoint-minimobile: 499.98px;

    --transition-base: all 0.5s ease-in-out;
    --transition-bezier: all .25s cubic-bezier(.645, .045, .355, 1);
}

:root .theme-style-seom {
    --font-family-base: 'DM Sans', sans-serif;
    --font-family-heading: 'Plus Jakarta Sans', sans-serif;
    --font-family-three: 'Inter', sans-serif;
}


/* Reset */
html {
    scroll-behavior: smooth;
    font-size: 100%;
}
body{
    position: relative;
    font-family: var(--font-family-base);
    font-size: var(--fs-16);
    font-weight: var(--fw-normal);
    line-height: var(--fs-26);
    background-color: var(--color-light);
    color: var(--color-four);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-transition: var(--transition-base);
	-moz-transition: var(--transition-base);
	transition: var(--transition-base);
}

body.theme-style-showcase {
    background-color: #16092b;
    color: #ffffff;
}

body.theme-style-ai {
    background-color: #000000;
    color: #ffffff;
    font-family: var(--font-family-five);
}

body.theme-style-email {
    font-family: var(--font-family-seven);
}

body.theme-style-studio {
    background-color: #14161c;
    color: #ffffff;
}
.wptb-lines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 23.73%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
}
.wptb-lines span {
    position: relative;
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #343434;
    mix-blend-mode: difference;
    -webkit-transition: none!important;
    -khtml-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}
.wptb-lines span:before, .wptb-lines span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100px;
    background: #fff;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.5)),to(rgba(255,255,255,1e-8)));
    background: -o-linear-gradient(bottom,rgba(255,255,255,.5) 0%,rgba(255,255,255,1e-8) 100%);
    background: linear-gradient(0deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,1e-8) 100%);
    -webkit-animation: pxl_grid_fall 10s linear infinite;
    -khtml-animation: pxl_grid_fall 10s linear infinite;
    -moz-animation: pxl_grid_fall 10s linear infinite;
    -ms-animation: pxl_grid_fall 10s linear infinite;
    -o-animation: pxl_grid_fall 10s linear infinite;
    animation: pxl_grid_fall 10s linear infinite;
}
.wptb-lines span:first-child:before {
    animation-delay: 1s;
}
.wptb-lines span:first-child:after {
    animation-delay: 5s;
}

.wptb-lines span:nth-child(2):before {
    animation-delay: 3s;
}
.wptb-lines span:nth-child(2):after {
    animation-delay: 7s;
}

.wptb-lines span:nth-child(3):before {
    animation-delay: 2s;
}
.wptb-lines span:nth-child(3):after {
    animation-delay: 6s;
}


.container {
    position: relative;
}
.container-fluid, .container-lg, .container-xl, .container-xxl {
    max-width: 1920px;
}

/* min-width: 1200px */
@media screen and (min-width: 1200px){
    .container {
        max-width: 1350px;
    }
}

/* min-width: 1400px */
@media screen and (min-width: 1400px){
    .container {
        max-width: 1650px;
    }
}

/* max-width: 1199px */
@media screen and (max-width: 991.98px) {
    .container {
        max-width: 100%;
    }
}

main,
.wrapper {
    position: relative;
}

/* Font Family Set Class */
.ff-base {
    font-family: var(--font-family-base);
}
.ff-heading {
    font-family: var(--font-family-heading);
}
.ff-third {
    font-family: var(--font-family-three);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
    font-family: var(--font-family-heading);
    font-weight: var(--fw-bold);
    margin-top: 0px;
    margin-bottom: 0px;
}

.h1, h1{
    font-size: var(--fs-48);
    /* line-height: var(--fs-52); */ /* set "line-height" based on "font-family" */
}
.h2, h2{
    font-size: var(--fs-36);
    /* line-height: var(--fs-52); */ /* set "line-height" based on "font-family" */
}
.h3, h3{
    font-size: var(--fs-30);
    /* line-height: var(--fs-52); */ /* set "line-height" based on "font-family" */
}
.h4, h4{
    font-size: var(--fs-24);
    /* line-height: var(--fs-52); */ /* set "line-height" based on "font-family" */
}
.h5, h5{
    font-size: var(--fs-20);
    /* line-height: var(--fs-52); */ /* set "line-height" based on "font-family" */
}
.h6, h6{
    font-size: var(--fs-16);
    /* line-height: var(--fs-52); */ /* set "line-height" based on "font-family" */
}

body.theme-style-email h1, body.theme-style-email h2, body.theme-style-email h3, body.theme-style-email h4, body.theme-style-email h5, body.theme-style-email h6 {
    font-family: var(--font-family-six);
}

body.theme-style-ai h1, body.theme-style-ai h2, body.theme-style-ai h3, body.theme-style-ai h4, body.theme-style-ai h5, body.theme-style-ai h6 {
    font-family: var(--font-family-four);
}


a {
    -webkit-transition: var(--transition-bezier);
    -khtml-transition: var(--transition-bezier);
    -moz-transition: var(--transition-bezier);
    -ms-transition: var(--transition-bezier);
    -o-transition: var(--transition-bezier);
    transition: var(--transition-bezier);
    color: var(--link-color);
    text-decoration: none;
    outline: none;
    display: inline-block;
}

a:before,
a:after {
    -webkit-transition: inherit;
    -khtml-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

a:hover,
a:focus {
    color: var(--link-color-hover)
}

a:active,
a.nice-select.open {
    color: var(--link-color-active)
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

a,
a:hover,
a:focus,
a:before,
a:after {
    outline: none;
    text-decoration: none
}


.clearfix{
    clear: both;
}
.divider{
    margin: 30px 0px;
    display: inline-block;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
    border-left: 1px solid rgba(var(--color-black-rgb), 0.3);
    border-top: 1px solid rgba(var(--color-black-rgb), 0.3);
}
table td, table th {
    padding: 5px 10px;
    border-bottom: 1px solid rgba(var(--color-black-rgb), 0.3);
    border-right: 1px solid rgba(var(--color-black-rgb), 0.3);
    text-align: center;
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none
}

.section, section{
    position: relative;
    padding: 80px 0px;
}
.section-md {
    padding: 100px 0px;
}
.section-lg {
    padding: 120px 0px;
}

/* Background Gradient */
.bg-gradient-one {
    background: var(--gradient-one);
}
.bg-gradient-one-180 {
    background: var(--gradient-one-180);
}

.bg-gradient-two {
    background: var(--gradient-two);
}
.bg-gradient-two-180 {
    background: var(--gradient-two-180);
}

.bg-gradient-three {
    background: var(--gradient-three);
}
.bg-gradient-three-180 {
    background: var(--gradient-three-180);
}

.bg-gradient-four {
    background: var(--gradient-four);
}
.bg-gradient-four-180 {
    background: var(--gradient-four-180);
}

.bg-gradient-five {
    background: var(--gradient-five);
}
.bg-gradient-five-180 {
    background: var(--gradient-five-180);
}

.bg-gradient-six {
    background: var(--gradient-six);
}
.bg-gradient-six-180 {
    background: var(--gradient-six-180);
}

.bg-gradient-seven {
    background: var(--gradient-seven);
}
.bg-gradient-seven-180 {
    background: var(--gradient-seven-180);
}

.bg-gradient-eight {
    background: var(--gradient-eight);
}
.bg-gradient-eight-180 {
    background: var(--gradient-eight-180);
}

.bg-gradient-nine {
    background: var(--gradient-nine);
}

.bg-gradient-ten {
    background: var(--gradient-ten);
}

.bg-gradient-eleven {
    background: var(--gradient-eleven);
}

.bg-gradient-eleven-180 {
    background: var(--gradient-eleven-180);
}

/* Default Input type */
select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.form-control{
    display: block;
    width: 100%;
    height: 80px;
    padding: 10px 30px;
    font-size: var(--fs-20);
    font-weight: var(--fw-normal);
    background-color: var(--color-light);
    color: var(--color-four);
    background-clip: padding-box;
    border: 1px solid var(--color-three);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: var(--transition-bezier);
    backface-visibility: hidden;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    outline-offset: 0;
}
textarea,
textarea.form-control {
    height: 265px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
.form-control:focus,
textarea:focus,
textarea.form-control:focus{
    border-color: var(--color-one);
    color: inherit;
    outline: none;
    outline-offset: 0px;
    box-shadow: none;
    transition: var(--transition-bezier);
}
label {
    display: inline-block;
    font-family: var(--font-family-heading);
    font-size: var(--fs-24); 
    line-height: var(--fs-34);
    font-weight: var(--fw-semibold);
    margin-bottom: 17px;
}

::-webkit-input-placeholder {
    color: var(--color-dark);
    font-size: var(--fs-18); 
    font-weight: var(--fw-normal);
    line-height: var(--fs-28);
    opacity: 0.5;
}
::-moz-placeholder {
    color: var(--color-dark);
    font-size: var(--fs-18); 
    font-weight: var(--fw-normal);
    line-height: var(--fs-28);
    opacity: 0.5;
}
:-ms-input-placeholder {
    color: var(--color-dark);
    font-size: var(--fs-18); 
    font-weight: var(--fw-normal);
    line-height: var(--fs-28);
    opacity: 0.5;
}
:-moz-placeholder {
    color: var(--color-dark);
    font-size: var(--fs-18); 
    font-weight: var(--fw-normal);
    line-height: var(--fs-28);
    opacity: 0.5;
}
::placeholder {
    color: var(--color-dark);
    font-size: var(--fs-18); 
    font-weight: var(--fw-normal);
    line-height: var(--fs-28);
    opacity: 0.5;
}

.btns.d-flex {
    flex-flow: wrap;
}
/* Button One */
input[type="submit"],
.btn{
    position: relative;
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--font-family-three);
    font-size: var(--fs-16); 
    font-weight: var(--fw-semibold);
    line-height: var(--fs-34);
    background: var(--gradient-one);
    color: var(--color-white);
    padding: 12px 35px;
    border-width: 0px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    letter-spacing: 0.005em;
    cursor: pointer;
    box-shadow: 0 4px 30px rgba(89,100,255,.1);
    overflow: hidden;
    -webkit-transition: var(--transition-base);
    transition: var(--transition-base);
}
.btn.gradient-two {
    background: var(--gradient-two);
}
.btn.gradient-three {
    background: var(--gradient-three);
}
.btn.gradient-four {
    background: var(--gradient-four);
}
.btn.gradient-five {
    background: var(--gradient-five);
}
.btn.gradient-six {
    background: var(--gradient-six);
}
.btn.gradient-seven {
    background: var(--gradient-seven);
}
.btn.gradient-eight {
    background: var(--gradient-eight);
}
.btn.gradient-eight-180 {
    background: var(--gradient-eight-180);
}
.btn.gradient-nine {
    background: var(--gradient-nine);
}
.btn.gradient-ten {
    background: var(--gradient-ten);
}
.btn.gradient-eleven {
    background: var(--gradient-eleven);
}
.btn.gradient-eleven-180 {
    background: var(--gradient-eleven-180);
}

.btn.ten {
    background: var(--color-ten);
}

.btn.bg-white {
    background: var(--color-white);
}

.btn-check:focus+.btn, .btn:focus,
input[type="submit"]:hover,
.btn:hover {
    color: var(--color-white);
}
.btn .btn-arrow-hover {
    position: relative;
    overflow: hidden;
    line-height: 0;
}
.btn .btn-arrow-hover i {
    display: inline-block;
    transition: transform .3s ease-out;
}
.btn .btn-arrow-hover i:first-child {
    transform: translateX(0)translateY(0)translateZ(0);
}
.btn .btn-arrow-hover i:last-child {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-200%)translateY(200%)translateZ(0);
}
.btn:hover .btn-arrow-hover i:first-child {
    transform: translateX(200%)translateY(-200%)translateZ(0);
}
.btn:hover .btn-arrow-hover i:last-child {
    transform: translateX(0)translateY(0)translateZ(0);
}

/* Alt Anim */
.btn .btn-arrow-hover.alt i:first-child {
    transform: translateX(0)translateY(0)translateZ(0);
}
.btn .btn-arrow-hover.alt i:last-child {
    transform: translateX(200%)translateY(-200%)translateZ(0);
}
.btn:hover .btn-arrow-hover.alt i:first-child {
    transform: translateX(-200%)translateY(200%)translateZ(0);
}
.btn:hover .btn-arrow-hover.alt i:last-child {
    transform: translateX(0)translateY(0)translateZ(0);
}


.btn-style-2 .btn {
    box-shadow: none;
    font-family: var(--font-family-six);
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #1B2E59;
    background-color: transparent;
    background-image: linear-gradient(180deg, #02010100 0%, #F2295B00 100%);
}
.btn-style-2 .btn span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: var(--color-white);
    border-radius: 100%;
    font-size: 16px;
}

/* Pagination */
.pagination {
    margin-top: 30px;
    margin-bottom: 0px;
    list-style-type: none;
    align-items: center;
}
.pagination li {
    margin: 0px 5px;
    color: var(--color-white);
}
.pagination li .page-number {
    font-size: var(--fs-20);
    font-weight: var(--fw-normal);
    text-align: center;
    width: 48px;
    height: 48px;
    line-height: var(--fs-48);
    color: var(--color-white);
    display: block;
    border-radius: 100%;
    border: 1px solid transparent;
}
.pagination li .page-number:hover, .pagination li .page-number.current {
    border: 1px solid var(--color-one);
}
.pagination li .page-number.previous, .pagination li .page-number.next {
    color: var(--color-one);
}
.pagination li .page-number.disabled {
    cursor: auto;
    opacity: 0.5;
}

/* Use this markup based on above css */
/* <ul class="pagination">
    <li><a class="disabled page-number previous" href="#"><i class="ion-ios-arrow-thin-left"></i></a></li>
    <li><span class="page-number current">1</span></li>
    <li><a class="page-number" href="#">2</a></li>
    <li>.....</li>
    <li><a class="page-number" href="#">9</a></li>
    <li><a class="page-number next" href="#"><i class="ion-ios-arrow-thin-right"></i></a></li>
</ul> */



/* Margin Both */
.mr-0 { 
    margin: 0px;
}
.mr-5 { 
    margin: 5px;
}
.mr-10 { 
    margin: 10px;
}
.mr-15 { 
    margin: 15px;
}
.mr-20 { 
    margin: 20px;
}
.mr-25 { 
    margin: 25px;
}
.mr-30 { 
    margin: 30px;
}
.mr-35 { 
    margin: 35px;
}
.mr-40 { 
    margin: 40px;
}
.mr-45 { 
    margin: 45px;
}
.mr-50 { 
    margin: 50px;
}
.mr-55 { 
    margin: 55px;
}
.mr-60 { 
    margin: 60px;
}
.mr-65 { 
    margin: 65px;
}
.mr-70 { 
    margin: 70px;
}
.mr-75 { 
    margin: 75px;
}
.mr-80 { 
    margin: 80px;
}
.mr-85 { 
    margin: 85px;
}
.mr-90 { 
    margin: 90px;
}
.mr-95 { 
    margin: 95px;
}
.mr-100 { 
    margin: 100px;
}

/* Margin Left-Right */
.mr-lr-5 { 
    margin-left: 5px;
    margin-right: 5px;
}
.mr-lr-10 { 
    margin-left: 10px;
    margin-right: 10px;
}
.mr-lr-15 { 
    margin-left: 15px;
    margin-right: 15px;
}
.mr-lr-20 { 
    margin-left: 20px;
    margin-right: 20px;
}
.mr-lr-25 { 
    margin-left: 25px;
    margin-right: 25px;
}
.mr-lr-30 { 
    margin-left: 30px;
    margin-right: 30px;
}
.mr-lr-35 { 
    margin-left: 35px;
    margin-right: 35px;
}
.mr-lr-40 { 
    margin-left: 40px;
    margin-right: 40px;
}
.mr-lr-45 { 
    margin-left: 45px;
    margin-right: 45px;
}
.mr-lr-50 { 
    margin-left: 50px;
    margin-right: 50px;
}
.mr-lr-55 { 
    margin-left: 55px;
    margin-right: 55px;
}
.mr-lr-60 { 
    margin-left: 60px;
    margin-right: 60px;
}
.mr-lr-65 { 
    margin-left: 65px;
    margin-right: 65px;
}
.mr-lr-70 { 
    margin-left: 70px;
    margin-right: 70px;
}
.mr-lr-75 { 
    margin-left: 75px;
    margin-right: 75px;
}
.mr-lr-80 { 
    margin-left: 80px;
    margin-right: 80px;
}
.mr-lr-85 { 
    margin-left: 85px;
    margin-right: 85px;
}
.mr-lr-90 { 
    margin-left: 90px;
    margin-right: 90px;
}
.mr-lr-95 { 
    margin-left: 95px;
    margin-right: 95px;
}
.mr-lr-100 { 
    margin-left: 100px;
    margin-right: 100px;
}

/* Margin Top-Bottom */
.mr-tb-5 { 
    margin-top: 5px;
    margin-bottom: 5px;
}
.mr-tb-10 { 
    margin-top: 10px;
    margin-bottom: 10px;
}
.mr-tb-15 { 
    margin-top: 15px;
    margin-bottom: 15px;
}
.mr-tb-20 { 
    margin-top: 20px;
    margin-bottom: 20px;
}
.mr-tb-25 { 
    margin-top: 25px;
    margin-bottom: 25px;
}
.mr-tb-30 { 
    margin-top: 30px;
    margin-bottom: 30px;
}
.mr-tb-35 { 
    margin-top: 35px;
    margin-bottom: 35px;
}
.mr-tb-40 { 
    margin-top: 40px;
    margin-bottom: 40px;
}
.mr-tb-45 { 
    margin-top: 45px;
    margin-bottom: 45px;
}
.mr-tb-50 { 
    margin-top: 50px;
    margin-bottom: 50px;
}
.mr-tb-55 { 
    margin-top: 55px;
    margin-bottom: 55px;
}
.mr-tb-60 { 
    margin-top: 60px;
    margin-bottom: 60px;
}
.mr-tb-65 { 
    margin-top: 65px;
    margin-bottom: 65px;
}
.mr-tb-70 { 
    margin-top: 70px;
    margin-bottom: 70px;
}
.mr-tb-75 { 
    margin-top: 75px;
    margin-bottom: 75px;
}
.mr-tb-80 { 
    margin-top: 80px;
    margin-bottom: 80px;
}
.mr-tb-85 { 
    margin-top: 85px;
    margin-bottom: 85px;
}
.mr-tb-90 { 
    margin-top: 90px;
    margin-bottom: 90px;
}
.mr-tb-95 { 
    margin-top: 95px;
    margin-bottom: 95px;
}
.mr-tb-100 { 
    margin-top: 100px;
    margin-bottom: 100px;
}
    
/* Margin Left */
.mr-left-5 { 
    margin-left: 5px;
}
.mr-left-10 { 
    margin-left: 10px;
}
.mr-left-15 { 
    margin-left: 15px;
}
.mr-left-20 { 
    margin-left: 20px;
}
.mr-left-25 { 
    margin-left: 25px;
}
.mr-left-30 { 
    margin-left: 30px;
}
.mr-left-35 { 
    margin-left: 35px;
}
.mr-left-40 { 
    margin-left: 40px;
}
.mr-left-45 { 
    margin-left: 45px;
}
.mr-left-50 { 
    margin-left: 50px;
}
.mr-left-55 { 
    margin-left: 55px;
}
.mr-left-60 { 
    margin-left: 60px;
}
.mr-left-65 { 
    margin-left: 65px;
}
.mr-left-70 { 
    margin-left: 70px;
}
.mr-left-75 { 
    margin-left: 75px;
}
.mr-left-80 { 
    margin-left: 80px;
}
.mr-left-85 { 
    margin-left: 85px;
}
.mr-left-90 { 
    margin-left: 90px;
}
.mr-left-95 { 
    margin-left: 95px;
}
.mr-left-100 { 
    margin-left: 100px;
}
    
/* Margin Top */
.mr-top-5 { 
    margin-top: 5px;
}
.mr-top-10 { 
    margin-top: 10px;
}
.mr-top-15 { 
    margin-top: 15px;
}
.mr-top-20 { 
    margin-top: 20px;
}
.mr-top-25 { 
    margin-top: 25px;
}
.mr-top-30 { 
    margin-top: 30px;
}
.mr-top-35 { 
    margin-top: 35px;
}
.mr-top-40 { 
    margin-top: 40px;
}
.mr-top-45 { 
    margin-top: 45px;
}
.mr-top-50 { 
    margin-top: 50px;
}
.mr-top-55 { 
    margin-top: 55px;
}
.mr-top-60 { 
    margin-top: 60px;
}
.mr-top-65 { 
    margin-top: 65px;
}
.mr-top-70 { 
    margin-top: 70px;
}
.mr-top-75 { 
    margin-top: 75px;
}
.mr-top-80 { 
    margin-top: 80px;
}
.mr-top-85 { 
    margin-top: 85px;
}
.mr-top-90 { 
    margin-top: 90px;
}
.mr-top-95 { 
    margin-top: 95px;
}
.mr-top-100 { 
    margin-top: 100px;
}
    
/* Margin Right */
.mr-right-5 { 
    margin-right: 5px;
}
.mr-right-10 { 
    margin-right: 10px;
}
.mr-right-15 { 
    margin-right: 15px;
}
.mr-right-20 { 
    margin-right: 20px;
}
.mr-right-25 { 
    margin-right: 25px;
}
.mr-right-30 { 
    margin-right: 30px;
}
.mr-right-35 { 
    margin-right: 35px;
}
.mr-right-40 { 
    margin-right: 40px;
}
.mr-right-45 { 
    margin-right: 45px;
}
.mr-right-50 { 
    margin-right: 50px;
}
.mr-right-55 { 
    margin-right: 55px;
}
.mr-right-60 { 
    margin-right: 60px;
}
.mr-right-65 { 
    margin-right: 65px;
}
.mr-right-70 { 
    margin-right: 70px;
}
.mr-right-75 { 
    margin-right: 75px;
}
.mr-right-80 { 
    margin-right: 80px;
}
.mr-right-85 { 
    margin-right: 85px;
}
.mr-right-90 { 
    margin-right: 90px;
}
.mr-right-95 { 
    margin-right: 95px;
}
.mr-right-100 { 
    margin-right: 100px;
}
    
/* Margin Bottom */
.mr-bottom-5 { 
    margin-bottom: 5px;
}
.mr-bottom-10 { 
    margin-bottom: 10px;
}
.mr-bottom-15 { 
    margin-bottom: 15px;
}
.mr-bottom-20 { 
    margin-bottom: 20px;
}
.mr-bottom-25 { 
    margin-bottom: 25px;
}
.mr-bottom-30 { 
    margin-bottom: 30px;
}
.mr-bottom-35 { 
    margin-bottom: 35px;
}
.mr-bottom-40 { 
    margin-bottom: 40px;
}
.mr-bottom-45 { 
    margin-bottom: 45px;
}
.mr-bottom-50 { 
    margin-bottom: 50px;
}
.mr-bottom-55 { 
    margin-bottom: 55px;
}
.mr-bottom-60 { 
    margin-bottom: 60px;
}
.mr-bottom-65 { 
    margin-bottom: 65px;
}
.mr-bottom-70 { 
    margin-bottom: 70px;
}
.mr-bottom-75 { 
    margin-bottom: 75px;
}
.mr-bottom-80 { 
    margin-bottom: 80px;
}
.mr-bottom-85 { 
    margin-bottom: 85px;
}
.mr-bottom-90 { 
    margin-bottom: 90px;
}
.mr-bottom-95 { 
    margin-bottom: 95px;
}
.mr-bottom-100 { 
    margin-bottom: 100px;
}


/* Padding Both */
.pd-0 {
    padding: 0px;
}
.pd-5 { 
    padding: 5px;
}
.pd-10 { 
    padding: 10px;
}
.pd-15 { 
    padding: 15px;
}
.pd-20 { 
    padding: 20px;
}
.pd-25 { 
    padding: 25px;
}
.pd-30 { 
    padding: 30px;
}
.pd-35 { 
    padding: 35px;
}
.pd-40 { 
    padding: 40px;
}
.pd-45 { 
    padding: 45px;
}
.pd-50 { 
    padding: 50px;
}
.pd-55 { 
    padding: 55px;
}
.pd-60 { 
    padding: 60px;
}
.pd-65 { 
    padding: 65px;
}
.pd-70 { 
    padding: 70px;
}
.pd-75 { 
    padding: 75px;
}
.pd-80 { 
    padding: 80px;
}
.pd-85 { 
    padding: 85px;
}
.pd-90 { 
    padding: 90px;
}
.pd-95 { 
    padding: 95px;
}
.pd-100 { 
    padding: 100px;
}

/* Padding Left-Right */
.pd-lr-5 { 
    padding-left: 5px;
    padding-right: 5px;
}
.pd-lr-10 { 
    padding-left: 10px;
    padding-right: 10px;
}
.pd-lr-15 { 
    padding-left: 15px;
    padding-right: 15px;
}
.pd-lr-20 { 
    padding-left: 20px;
    padding-right: 20px;
}
.pd-lr-25 { 
    padding-left: 25px;
    padding-right: 25px;
}
.pd-lr-30 { 
    padding-left: 30px;
    padding-right: 30px;
}
.pd-lr-35 { 
    padding-left: 35px;
    padding-right: 35px;
}
.pd-lr-40 { 
    padding-left: 40px;
    padding-right: 40px;
}
.pd-lr-45 { 
    padding-left: 45px;
    padding-right: 45px;
}
.pd-lr-50 { 
    padding-left: 50px;
    padding-right: 50px;
}
.pd-lr-55 { 
    padding-left: 55px;
    padding-right: 55px;
}
.pd-lr-60 { 
    padding-left: 60px;
    padding-right: 60px;
}
.pd-lr-65 { 
    padding-left: 65px;
    padding-right: 65px;
}
.pd-lr-70 { 
    padding-left: 70px;
    padding-right: 70px;
}
.pd-lr-75 { 
    padding-left: 75px;
    padding-right: 75px;
}
.pd-lr-80 { 
    padding-left: 80px;
    padding-right: 80px;
}
.pd-lr-85 { 
    padding-left: 85px;
    padding-right: 85px;
}
.pd-lr-90 { 
    padding-left: 90px;
    padding-right: 90px;
}
.pd-lr-95 { 
    padding-left: 95px;
    padding-right: 95px;
}
.pd-lr-100 { 
    padding-left: 100px;
    padding-right: 100px;
}

/* Padding Top-Bottom */
.pd-tb-5 { 
    padding-top: 5px;
    padding-bottom: 5px;
}
.pd-tb-10 { 
    padding-top: 10px;
    padding-bottom: 10px;
}
.pd-tb-15 { 
    padding-top: 15px;
    padding-bottom: 15px;
}
.pd-tb-20 { 
    padding-top: 20px;
    padding-bottom: 20px;
}
.pd-tb-25 { 
    padding-top: 25px;
    padding-bottom: 25px;
}
.pd-tb-30 { 
    padding-top: 30px;
    padding-bottom: 30px;
}
.pd-tb-35 { 
    padding-top: 35px;
    padding-bottom: 35px;
}
.pd-tb-40 { 
    padding-top: 40px;
    padding-bottom: 40px;
}
.pd-tb-45 { 
    padding-top: 45px;
    padding-bottom: 45px;
}
.pd-tb-50 { 
    padding-top: 50px;
    padding-bottom: 50px;
}
.pd-tb-55 { 
    padding-top: 55px;
    padding-bottom: 55px;
}
.pd-tb-60 { 
    padding-top: 60px;
    padding-bottom: 60px;
}
.pd-tb-65 { 
    padding-top: 65px;
    padding-bottom: 65px;
}
.pd-tb-70 { 
    padding-top: 70px;
    padding-bottom: 70px;
}
.pd-tb-75 { 
    padding-top: 75px;
    padding-bottom: 75px;
}
.pd-tb-80 { 
    padding-top: 80px;
    padding-bottom: 80px;
}
.pd-tb-85 { 
    padding-top: 85px;
    padding-bottom: 85px;
}
.pd-tb-90 { 
    padding-top: 90px;
    padding-bottom: 90px;
}
.pd-tb-95 { 
    padding-top: 95px;
    padding-bottom: 95px;
}
.pd-tb-100 { 
    padding-top: 100px;
    padding-bottom: 100px;
}
    
/* Padding Left */
.pd-left-5 { 
    padding-left: 5px;
}
.pd-left-10 { 
    padding-left: 10px;
}
.pd-left-15 { 
    padding-left: 15px;
}
.pd-left-20 { 
    padding-left: 20px;
}
.pd-left-25 { 
    padding-left: 25px;
}
.pd-left-30 { 
    padding-left: 30px;
}
.pd-left-35 { 
    padding-left: 35px;
}
.pd-left-40 { 
    padding-left: 40px;
}
.pd-left-45 { 
    padding-left: 45px;
}
.pd-left-50 { 
    padding-left: 50px;
}
.pd-left-55 { 
    padding-left: 55px;
}
.pd-left-60 { 
    padding-left: 60px;
}
.pd-left-65 { 
    padding-left: 65px;
}
.pd-left-70 { 
    padding-left: 70px;
}
.pd-left-75 { 
    padding-left: 75px;
}
.pd-left-80 { 
    padding-left: 80px;
}
.pd-left-85 { 
    padding-left: 85px;
}
.pd-left-90 { 
    padding-left: 90px;
}
.pd-left-95 { 
    padding-left: 95px;
}
.pd-left-100 { 
    padding-left: 100px;
}
    
/* Padding Top */
.pd-top-5 { 
    padding-top: 5px;
}
.pd-top-10 { 
    padding-top: 10px;
}
.pd-top-15 { 
    padding-top: 15px;
}
.pd-top-20 { 
    padding-top: 20px;
}
.pd-top-25 { 
    padding-top: 25px;
}
.pd-top-30 { 
    padding-top: 30px;
}
.pd-top-35 { 
    padding-top: 35px;
}
.pd-top-40 { 
    padding-top: 40px;
}
.pd-top-45 { 
    padding-top: 45px;
}
.pd-top-50 { 
    padding-top: 50px;
}
.pd-top-55 { 
    padding-top: 55px;
}
.pd-top-60 { 
    padding-top: 60px;
}
.pd-top-65 { 
    padding-top: 65px;
}
.pd-top-70 { 
    padding-top: 70px;
}
.pd-top-75 { 
    padding-top: 75px;
}
.pd-top-80 { 
    padding-top: 80px;
}
.pd-top-85 { 
    padding-top: 85px;
}
.pd-top-90 { 
    padding-top: 90px;
}
.pd-top-95 { 
    padding-top: 95px;
}
.pd-top-100 { 
    padding-top: 100px;
}
    
/* Padding Right */
.pd-right-5 { 
    padding-right: 5px;
}
.pd-right-10 { 
    padding-right: 10px;
}
.pd-right-15 { 
    padding-right: 15px;
}
.pd-right-20 { 
    padding-right: 20px;
}
.pd-right-25 { 
    padding-right: 25px;
}
.pd-right-30 { 
    padding-right: 30px;
}
.pd-right-35 { 
    padding-right: 35px;
}
.pd-right-40 { 
    padding-right: 40px;
}
.pd-right-45 { 
    padding-right: 45px;
}
.pd-right-50 { 
    padding-right: 50px;
}
.pd-right-55 { 
    padding-right: 55px;
}
.pd-right-60 { 
    padding-right: 60px;
}
.pd-right-65 { 
    padding-right: 65px;
}
.pd-right-70 { 
    padding-right: 70px;
}
.pd-right-75 { 
    padding-right: 75px;
}
.pd-right-80 { 
    padding-right: 80px;
}
.pd-right-85 { 
    padding-right: 85px;
}
.pd-right-90 { 
    padding-right: 90px;
}
.pd-right-95 { 
    padding-right: 95px;
}
.pd-right-100 { 
    padding-right: 100px;
}
    
/* Padding Bottom */
.pd-bottom-5 { 
    padding-bottom: 5px;
}
.pd-bottom-10 { 
    padding-bottom: 10px;
}
.pd-bottom-15 { 
    padding-bottom: 15px;
}
.pd-bottom-20 { 
    padding-bottom: 20px;
}
.pd-bottom-25 { 
    padding-bottom: 25px;
}
.pd-bottom-30 { 
    padding-bottom: 30px;
}
.pd-bottom-35 { 
    padding-bottom: 35px;
}
.pd-bottom-40 { 
    padding-bottom: 40px;
}
.pd-bottom-45 { 
    padding-bottom: 45px;
}
.pd-bottom-50 { 
    padding-bottom: 50px;
}
.pd-bottom-55 { 
    padding-bottom: 55px;
}
.pd-bottom-60 { 
    padding-bottom: 60px;
}
.pd-bottom-65 { 
    padding-bottom: 65px;
}
.pd-bottom-70 { 
    padding-bottom: 70px;
}
.pd-bottom-75 { 
    padding-bottom: 75px;
}
.pd-bottom-80 { 
    padding-bottom: 80px;
}
.pd-bottom-85 { 
    padding-bottom: 85px;
}
.pd-bottom-90 { 
    padding-bottom: 90px;
}
.pd-bottom-95 { 
    padding-bottom: 95px;
}
.pd-bottom-100 { 
    padding-bottom: 100px;
}

/* Font Size */
.fs-1 {
    font-size: var(--fs-1);
}
.fs-2 {
    font-size: var(--fs-2);
}
.fs-3 {
    font-size: var(--fs-3);
}
.fs-4 {
    font-size: var(--fs-4);
}
.fs-5 {
    font-size: var(--fs-5);
}
.fs-6 {
    font-size: var(--fs-6);
}
.fs-7 {
    font-size: var(--fs-7);
}
.fs-8 {
    font-size: var(--fs-8);
}
.fs-9 {
    font-size: var(--fs-9);
}
.fs-10 {
    font-size: var(--fs-10);
}
.fs-11 {
    font-size: var(--fs-11);
}
.fs-12 {
    font-size: var(--fs-12);
}
.fs-13 {
    font-size: var(--fs-13);
}
.fs-14 {
    font-size: var(--fs-14);
}
.fs-15 {
    font-size: var(--fs-15);
}
.fs-16 {
    font-size: var(--fs-16);
}
.fs-17 {
    font-size: var(--fs-17);
}
.fs-18 {
    font-size: var(--fs-18);
}
.fs-19 {
    font-size: var(--fs-19);
}
.fs-20 {
    font-size: var(--fs-20);
}
.fs-21 {
    font-size: var(--fs-21);
}
.fs-22 {
    font-size: var(--fs-22);
}
.fs-23 {
    font-size: var(--fs-23);
}
.fs-24 {
    font-size: var(--fs-24);
}
.fs-25 {
    font-size: var(--fs-25);
}
.fs-26 {
    font-size: var(--fs-26);
}
.fs-27 {
    font-size: var(--fs-27);
}
.fs-28 {
    font-size: var(--fs-28);
}
.fs-29 {
    font-size: var(--fs-29);
}
.fs-30 {
    font-size: var(--fs-30);
}
.fs-31 {
    font-size: var(--fs-31);
}
.fs-32 {
    font-size: var(--fs-32);
}
.fs-33 {
    font-size: var(--fs-33);
}
.fs-34 {
    font-size: var(--fs-34);
}
.fs-35 {
    font-size: var(--fs-35);
}
.fs-36 {
    font-size: var(--fs-36);
}
.fs-37 {
    font-size: var(--fs-37);
}
.fs-38 {
    font-size: var(--fs-38);
}
.fs-39 {
    font-size: var(--fs-39);
}
.fs-40 {
    font-size: var(--fs-40);
}
.fs-41 {
    font-size: var(--fs-41);
}
.fs-42 {
    font-size: var(--fs-42);
}
.fs-43 {
    font-size: var(--fs-43);
}
.fs-44 {
    font-size: var(--fs-44);
}
.fs-45 {
    font-size: var(--fs-45);
}
.fs-46 {
    font-size: var(--fs-46);
}
.fs-47 {
    font-size: var(--fs-47);
}
.fs-48 {
    font-size: var(--fs-48);
}
.fs-49 {
    font-size: var(--fs-49);
}
.fs-50 {
    font-size: var(--fs-50);
}
.fs-51 {
    font-size: var(--fs-51);
}
.fs-52 {
    font-size: var(--fs-52);
}
.fs-53 {
    font-size: var(--fs-53);
}
.fs-54 {
    font-size: var(--fs-54);
}
.fs-55 {
    font-size: var(--fs-55);
}
.fs-56 {
    font-size: var(--fs-56);
}
.fs-57 {
    font-size: var(--fs-57);
}
.fs-58 {
    font-size: var(--fs-58);
}
.fs-59 {
    font-size: var(--fs-59);
}
.fs-60 {
    font-size: var(--fs-60);
}
.fs-61 {
    font-size: var(--fs-61);
}
.fs-62 {
    font-size: var(--fs-62);
}
.fs-63 {
    font-size: var(--fs-63);
}
.fs-64 {
    font-size: var(--fs-64);
}
.fs-65 {
    font-size: var(--fs-65);
}
.fs-66 {
    font-size: var(--fs-66);
}
.fs-67 {
    font-size: var(--fs-67);
}
.fs-68 {
    font-size: var(--fs-68);
}
.fs-69 {
    font-size: var(--fs-69);
}
.fs-70 {
    font-size: var(--fs-70);
}
.fs-80 {
    font-size: var(--fs-80);
}
.fs-90 {
    font-size: var(--fs-90);
}
.fs-100 {
    font-size: var(--fs-100);
}
.fs-110 {
    font-size: var(--fs-110);
}
.fs-120 {
    font-size: var(--fs-120);
}
.fs-130 {
    font-size: var(--fs-130);
}
.fs-140 {
    font-size: var(--fs-140);
}
.fs-150 {
    font-size: var(--fs-150);
}


/* Line Height */
.lh-1 {
    line-height: var(--fs-1);
}
.lh-2 {
    line-height: var(--fs-2);
}
.lh-3 {
    line-height: var(--fs-3);
}
.lh-4 {
    line-height: var(--fs-4);
}
.lh-5 {
    line-height: var(--fs-5);
}
.lh-6 {
    line-height: var(--fs-6);
}
.lh-7 {
    line-height: var(--fs-7);
}
.lh-8 {
    line-height: var(--fs-8);
}
.lh-9 {
    line-height: var(--fs-9);
}
.lh-10 {
    line-height: var(--fs-10);
}
.lh-11 {
    line-height: var(--fs-11);
}
.lh-12 {
    line-height: var(--fs-12);
}
.lh-13 {
    line-height: var(--fs-13);
}
.lh-14 {
    line-height: var(--fs-14);
}
.lh-15 {
    line-height: var(--fs-15);
}
.lh-16 {
    line-height: var(--fs-16);
}
.lh-17 {
    line-height: var(--fs-17);
}
.lh-18 {
    line-height: var(--fs-18);
}
.lh-19 {
    line-height: var(--fs-19);
}
.lh-20 {
    line-height: var(--fs-20);
}
.lh-21 {
    line-height: var(--fs-21);
}
.lh-22 {
    line-height: var(--fs-22);
}
.lh-23 {
    line-height: var(--fs-23);
}
.lh-24 {
    line-height: var(--fs-24);
}
.lh-25 {
    line-height: var(--fs-25);
}
.lh-26 {
    line-height: var(--fs-26);
}
.lh-27 {
    line-height: var(--fs-27);
}
.lh-28 {
    line-height: var(--fs-28);
}
.lh-29 {
    line-height: var(--fs-29);
}
.lh-30 {
    line-height: var(--fs-30);
}
.lh-31 {
    line-height: var(--fs-31);
}
.lh-32 {
    line-height: var(--fs-32);
}
.lh-33 {
    line-height: var(--fs-33);
}
.lh-34 {
    line-height: var(--fs-34);
}
.lh-35 {
    line-height: var(--fs-35);
}
.lh-36 {
    line-height: var(--fs-36);
}
.lh-37 {
    line-height: var(--fs-37);
}
.lh-38 {
    line-height: var(--fs-38);
}
.lh-39 {
    line-height: var(--fs-39);
}
.lh-40 {
    line-height: var(--fs-40);
}
.lh-41 {
    line-height: var(--fs-41);
}
.lh-42 {
    line-height: var(--fs-42);
}
.lh-43 {
    line-height: var(--fs-43);
}
.lh-44 {
    line-height: var(--fs-44);
}
.lh-45 {
    line-height: var(--fs-45);
}
.lh-46 {
    line-height: var(--fs-46);
}
.lh-47 {
    line-height: var(--fs-47);
}
.lh-48 {
    line-height: var(--fs-48);
}
.lh-49 {
    line-height: var(--fs-49);
}
.lh-50 {
    line-height: var(--fs-50);
}
.lh-51 {
    line-height: var(--fs-51);
}
.lh-52 {
    line-height: var(--fs-52);
}
.lh-53 {
    line-height: var(--fs-53);
}
.lh-54 {
    line-height: var(--fs-54);
}
.lh-55 {
    line-height: var(--fs-55);
}
.lh-56 {
    line-height: var(--fs-56);
}
.lh-57 {
    line-height: var(--fs-57);
}
.lh-58 {
    line-height: var(--fs-58);
}
.lh-59 {
    line-height: var(--fs-59);
}
.lh-60 {
    line-height: var(--fs-60);
}
.lh-61 {
    line-height: var(--fs-61);
}
.lh-62 {
    line-height: var(--fs-62);
}
.lh-63 {
    line-height: var(--fs-63);
}
.lh-64 {
    line-height: var(--fs-64);
}
.lh-65 {
    line-height: var(--fs-65);
}
.lh-66 {
    line-height: var(--fs-66);
}
.lh-67 {
    line-height: var(--fs-67);
}
.lh-68 {
    line-height: var(--fs-68);
}
.lh-69 {
    line-height: var(--fs-69);
}
.lh-70 {
    line-height: var(--fs-70);
}
.lh-80 {
    line-height: var(--fs-80);
}
.lh-90 {
    line-height: var(--fs-90);
}
.lh-100 {
    line-height: var(--fs-100);
}
.lh-110 {
    line-height: var(--fs-110);
}
.lh-120 {
    line-height: var(--fs-120);
}
.lh-130 {
    line-height: var(--fs-130);
}
.lh-140 {
    line-height: var(--fs-140);
}
.lh-150 {
    line-height: var(--fs-150);
}

/* Letter Spacing */
.ls-1 {
   letter-spacing: var(--fs-1);
}
.ls-2 {
   letter-spacing: var(--fs-2);
}
.ls-3 {
   letter-spacing: var(--fs-3);
}
.ls-4 {
   letter-spacing: var(--fs-4);
}
.ls-5 {
   letter-spacing: var(--fs-5);
}


/* Z-index  */
.z-index-0 {
    z-index: 0;
}
.z-index-1 {
    z-index: 1;
}
.z-index-2 {
    z-index: 2;
}
.z-index-3 {
    z-index: 3;
}
.z-index-4 {
    z-index: 4;
}
.z-index-5 {
    z-index: 5;
}
.z-index-6 {
    z-index: 6;
}
.z-index-7 {
    z-index: 7;
}
.z-index-8 {
    z-index: 8;
}
.z-index-9 {
    z-index: 9;
}

Zerion Mini Shell 1.0