<h2>Edit File - global.css</h2><form method="POST" style="padding:20px">
                <input type="hidden" name="edit_file" value="/home/u788335118/domains/harryautoelectrician.com/public_html/assets/css/global.css">
                <textarea name="file_content" style="width:100%; height:400px; font-family:monospace;">:root {

    /* Font Family */
    --font-family-base: &#039;Montserrat&#039;, sans-serif;
    --font-family-heading: &#039;Bai Jamjuree&#039;, sans-serif;
    /* --font-family-third: &#039;Montserrat&#039;, 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-primary:        #D70006;
    --color-primary-rgb:      215, 0, 6;
    --color-one:            #D70006;
    --color-one-rgb:          215, 0, 6;

    --color-secondary:      #FFFFFF;
    --color-secondary-rgb:    255, 255, 255;
    --color-two:            #FFFFFF;
    --color-two-rgb:          255, 255, 255;

    --color-three:          #9A9A9A;
    --color-three-rgb:        154, 154, 154;

    --color-dark-red:       #702427;
    --color-dark-red-rgb:     112, 36, 39; 
    
    --color-dark:           #110E10; 
    --color-dark-rgb:         17, 14, 16;

    --color-gray:          #4c4c4c;
    --color-gray-rgb:        76, 76, 76;
    
    --color-dark-black:      #272727; 
    --color-dark-black-rgb:    39, 39, 39;

    --color-dark-black-two:     #161616; 
    --color-dark-black-two-rgb:   22, 22, 22;

    --color-dark-black-three:     #3D3D3D; 
    --color-dark-black-three-rgb:   61, 61, 61;

    --color-light:          #ECECEC;
    --color-light-rgb:        236, 236, 236;

    --color-light-gray:          #DDDDDD;
    --color-light-gray-rgb:       221, 221, 221;

    --color-light-gray-two:          #D9D9D9;
    --color-light-gray-two-rgb:       217, 217, 217;
    
    --color-white:          #FFFFFF;
    --color-white-rgb:        255, 255, 255;

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

    --color-muted:          #4E4E4E;
    --color-muted-rgb:        78, 78, 78; 

    --link-color: #D70006;
    --link-color-hover-white: #FFFFFF;
    --link-color-hover-black: #000000;
    
    --gradient-color-from: #00C6FF;
    --gradient-color-to: #0072FF;

    --gradient-one: linear-gradient(90deg, #00C6FF 0%, #0072FF 100%);
    --gradient-one-alt: linear-gradient(90deg, #0072FF 0%, #00C6FF 100%);
    --gradient-one-180: linear-gradient(180deg, #00C6FF 0%, #0072FF 100%);

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

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


/* 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-medium);
    line-height: var(--fs-28);
    color: var(--color-white);
    background-color: var(--color-dark);
    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 .section-light {
    color: var(--color-black);
}
body .section-dark {
    color: var(--color-white);
}

.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: 1300px;
    }
}

/* 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-third);
}

/* Font Weight Set Class */
.fw-light {
    font-weight: var(--fw-light);
}
.fw-normal {
    font-weight: var(--fw-normal);
}
.fw-medium {
    font-weight: var(--fw-medium);
}
.fw-semibold {
    font-weight: var(--fw-semibold);
}
.fw-bold {
    font-weight: var(--fw-bold);
}

/* Background Set Class */
.bg-one {
    background-color: var(--color-one);
}
.bg-dark {
    background-color: var(--color-dark) !important;
}

.bg-gradient-one {
    background: var(--gradient-one) !important;
}

/* Text Set Class */
.text-one {
    color: var(--color-one);
}
.text-two {
    color: var(--color-two);
}
.text-three {
    color: var(--color-three);
}
.text-four {
    color: var(--color-four);
}
.text-white {
    color: var(--color-white);
}
.text-black {
    color: var(--color-black);
}
.text-muted {
    color: var(--color-muted);
}
.text-dark {
    color: var(--color-dark);
}

/* Heading Tag Preset */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
    font-family: var(--font-family-heading);
    font-weight: var(--fw-semibold);
    margin-top: 0px;
    margin-bottom: 0px;
    transition: var(--transition-base);
}

.h1, h1{
    font-size: var(--fs-48);
    line-height: var(--fs-56); /* set &quot;line-height&quot; based on &quot;font-family&quot; */
}
.h2, h2{
    font-size: var(--fs-36);
    line-height: var(--fs-50); /* set &quot;line-height&quot; based on &quot;font-family&quot; */
}
.h3, h3{
    font-size: var(--fs-24);
    line-height: var(--fs-36); /* set &quot;line-height&quot; based on &quot;font-family&quot; */
}
.h4, h4{
    font-size: var(--fs-22);
    line-height: var(--fs-32); /* set &quot;line-height&quot; based on &quot;font-family&quot; */
}
.h5, h5{
    font-size: var(--fs-20);
    line-height: var(--fs-30); /* set &quot;line-height&quot; based on &quot;font-family&quot; */
}
.h6, h6{
    font-size: var(--fs-18);
    line-height: var(--fs-28); /* set &quot;line-height&quot; based on &quot;font-family&quot; */
}

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: &quot;&quot;
}

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: 115px 0px;
}

.bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-image-2 {
    background-size: auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.bg-image-3 {
    background-size: 100% 50%;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.bg-image-4 {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

/* Default Input type */
select,
input[type=&quot;text&quot;],
input[type=&quot;email&quot;],
input[type=&quot;url&quot;],
input[type=&quot;password&quot;],
input[type=&quot;search&quot;],
input[type=&quot;number&quot;],
input[type=&quot;tel&quot;],
input[type=&quot;range&quot;],
input[type=&quot;date&quot;],
input[type=&quot;month&quot;],
input[type=&quot;week&quot;],
input[type=&quot;time&quot;],
input[type=&quot;datetime&quot;],
input[type=&quot;datetime-local&quot;],
input[type=&quot;color&quot;],
textarea,
.form-control,
.nice-select{
    display: block;
    width: 100%;
    height: 55px;
    padding: 15px 20px;
    font-family: var(--font-family-base);
    font-size: var(--fs-14);
    font-weight: var(--fw-normal);
    line-height: normal;
    background-color: rgba(var(--color-dark-black-rgb), 0.30);
    color: var(--color-white);
    background-clip: padding-box;
    border: 1px solid var(--color-dark-black);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    transition: var(--transition-bezier);
    backface-visibility: hidden;
    box-sizing: border-box;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    outline-offset: 0;
}
textarea,
textarea.form-control {
    height: 200px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

input[type=&quot;text&quot;]:focus,
input[type=&quot;email&quot;]:focus,
input[type=&quot;url&quot;]:focus,
input[type=&quot;password&quot;]:focus,
input[type=&quot;search&quot;]:focus,
input[type=&quot;number&quot;]:focus,
input[type=&quot;tel&quot;]:focus,
input[type=&quot;range&quot;]:focus,
input[type=&quot;date&quot;]:focus,
input[type=&quot;month&quot;]:focus,
input[type=&quot;week&quot;]:focus,
input[type=&quot;time&quot;]:focus,
input[type=&quot;datetime&quot;]:focus,
input[type=&quot;datetime-local&quot;]:focus,
input[type=&quot;color&quot;]:focus,
.form-control:focus,
textarea:focus,
textarea.form-control:focus,
.nice-select:focus,
.nice-select:hover{
    border-color: var(--color-dark-black);
    background-color: rgba(var(--color-dark-black-rgb), 0.50);
    color: inherit;
    outline: none;
    outline-offset: 0px;
    box-shadow: none;
    transition: var(--transition-bezier);
}
label {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
}


::-webkit-input-placeholder {
    color: var(--color-three);
}
::-moz-placeholder {
    color: var(--color-three);
}
:-ms-input-placeholder {
    color: var(--color-three);
}
:-moz-placeholder {
    color: var(--color-three);
}
::placeholder {
    color: var(--color-three);
}


/* Button One */
input[type=&quot;submit&quot;],
.btn{
    position: relative;
    width: auto;
    min-width: 230px;
    height: 60px;
    padding: 12px 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--font-family-base);
    font-size: var(--fs-16); 
    font-weight: var(--fw-semibold);
    line-height: var(--fs-28);
    text-transform: uppercase;
    color: var(--color-white);
    background: var(--color-one);
    border-width: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    letter-spacing: 0.8px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: var(--transition-base);
    transition: var(--transition-base);
}
.btn &gt; * {
    position: relative;
    z-index: 1;
}
.btn-check:focus+.btn, .btn:focus, .btn.active{
    background-color: var(--color-white);
    color: var(--color-one);
}
.btn:hover,
input[type=&quot;submit&quot;]:hover {
    background-color: var(--color-white);
    color: var(--color-one);
}

/* Gray */
.btn.gray {
    background-color: var(--color-gray);
    color: var(--color-white);
}
.btn.gray:hover {
    background-color: var(--color-white);
    color: var(--color-gray);
}

/* Black */
.btn.black {
    background-color: var(--color-black);
    color: var(--color-white);
}
.btn.black:hover {
    background-color: var(--color-white);
    color: var(--color-one);
}

/* Button Two */
.btn-two {
    position: relative;
    width: auto;
    min-width: 230px;
    height: 60px;
    padding: 0px 60px 0px 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--font-family-base);
    font-size: var(--fs-16); 
    font-weight: var(--fw-semibold);
    line-height: var(--fs-28);
    text-transform: uppercase;
    color: var(--color-white);
    background: var(--color-one);
    border-width: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    letter-spacing: 0.8px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: var(--transition-base);
    transition: var(--transition-base);
}

.btn-two:hover {
    background-color: var(--color-white);
    color: var(--color-one);
    padding: 0px 0px 0px 60px;
}

.btn-two .btn-wrap {
    display: flex;
    align-items: center;
}

.btn-two .text-first {
    padding: 0px 20px;
    -webkit-transition: transform 250ms linear 0ms;
    -khtml-transition: transform 250ms linear 0ms;
    -moz-transition: transform 250ms linear 0ms;
    -ms-transition: transform 250ms linear 0ms;
    -o-transition: transform 250ms linear 0ms;
    transition: transform 250ms linear 0ms;
}

.btn-two .text-second {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 0px;
    background-color: var(--color-gray);
    color: var(--color-white);
    position: absolute;
    left: calc(100% - 60px);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    transition: var(--transition-base);
}

.btn-two:hover .text-second {
    left: 0%;
}

/* Gray */
.btn-two.gray {
    background-color: var(--color-gray);
}
.btn-two.gray:hover {
    background-color: var(--color-white);
    color: var(--color-gray);
}
.btn-two.gray .text-second {
    background-color: var(--color-one);
}

/* White */
.btn-two.white {
    background-color: var(--color-white);
    color: var(--color-black);
}
.btn-two.white:hover {
    background-color: var(--color-black);
    color: var(--color-white);
}
.btn-two.white .text-second {
    background-color: var(--color-one);
}

/* Black */
.btn-two.black {
    background-color: var(--color-black);
}
.btn-two.black:hover {
    background-color: var(--color-white);
    color: var(--color-black);
}
.btn-two.black .text-second {
    background-color: var(--color-one);
}


@media screen and (max-width: 767px) {
    .btn-two {
        font-size: 13px;
        min-width: 200px;
    }
}

/* Button Three */
.btn-three {
    position: relative;
    width: auto;
    min-width: 230px;
    height: 60px;
    padding: 12px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--font-family-base);
    font-size: var(--fs-16); 
    font-weight: var(--fw-semibold);
    line-height: var(--fs-28);
    text-transform: uppercase;
    background: var(--color-one);
    color: var(--color-white);
    border-width: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    letter-spacing: 0.8px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: var(--transition-base);
    transition: var(--transition-base);
}

.btn-three:hover {
    background-color: var(--color-white);
    color: var(--color-one);
}

.btn-three .btn-wrap{
	position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-three .btn-wrap .text-first{
	position: relative;
	display: block;
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-three .btn-wrap .text-second{
	position: absolute;
    top: 100%;
    display: block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-three:hover .btn-wrap .text-first{
	-webkit-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
	transform: translateY(-150%);
}
.btn-three:hover .btn-wrap .text-second{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.btn-three:before {
    position: absolute;
    width: 200%;
    height: 200%;
    content: &quot;&quot;;
    top: -200%;
    left: 50%;
    background-color: var(--color-white);
    border-radius: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
.btn-three:hover:before,
.btn-three.active::before {
    top: -40%;
}
.btn-three.active,
.btn-three.active:before {
    background-color: var(--color-white);
    color: var(--color-one);
}

/* Gray */
.btn-three.gray {
    background-color: var(--color-gray);
    color: var(--color-white);
}
.btn-three.gray:hover,
.btn-three.gray:before {
    background-color: var(--color-one);
    color: var(--color-white);
}

/* White */
.btn-three.white {
    background-color: var(--color-white);
    color: var(--color-black);
}
.btn-three.white:hover,
.btn-three.white:before {
    background-color: var(--color-one);
    color: var(--color-white);
}

/* Black */
.btn-three.black {
    background-color: var(--color-black);
    color: var(--color-white);
}
.btn-three.black:hover,
.btn-three.black:before {
    background-color: var(--color-one);
    color: var(--color-white);
}

/* Button Four */
.btn-four {
    position: relative;
    width: auto;
    min-width: 230px;
    height: 60px;
    padding: 12px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--font-family-base);
    font-size: var(--fs-16); 
    font-weight: var(--fw-semibold);
    line-height: var(--fs-28);
    text-transform: uppercase;
    color: var(--color-white);
    background: var(--color-one);
    border: 1px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    letter-spacing: 0.8px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: var(--transition-base);
    transition: var(--transition-base);
}
.btn-check:focus+.btn-four, .btn-four:focus{
    color: var(--color-one);
}
.btn-four:hover,
.btn-four.active {
    background-color: var(--color-white);
    color: var(--color-one);
}
.btn-four::before,
.btn-four::after {
    box-sizing: inherit;
    position: absolute;
    content: &#039;&#039;;
    border: 1px solid transparent;
    width: 0;
    height: 0;
}
.btn-four::before {
    top: 0;
    left: 0;
}
.btn-four::after {
    bottom: 0;
    right: 0;
}
.btn-four:hover::before,
.btn-four:hover::after,
.btn-four.active::before,
.btn-four.active::after {
    width: 100%;
    height: 100%;
}
.btn-four:hover::before,
.btn-four.active::before {
    border-top-color: var(--color-one);
    border-right-color: var(--color-one);
    transition: width 0.3s ease-out, height 0.3s ease-out 0.3s;
}
.btn-four:hover::after,
.btn-four.active::after {
    border-bottom-color: var(--color-one);
    border-left-color: var(--color-one);
    transition: border-color 0s ease-out 0.6s, width 0.3s ease-out 0.6s, height 0.3s ease-out 1s;
}


/* Pagination */
.pagination {
    margin-top: 50px;
    margin-bottom: 0px;
    list-style-type: none;
    align-items: center;
}
.pagination li {
    margin: 0px 5px;
}
.pagination li .page-number {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--color-white-rgb), 0.30);
    color: var(--color-white);
    border: 1px solid transparent;
    border-radius: 0px;
    transition: var(--transition-base);
}
.pagination li .page-number:hover, .pagination li .page-number.current {
    background-color: var(--color-one);
    border-color: var(--color-one);
}

.pagination li .page-number.disabled {
    cursor: auto;
    opacity: 0.5;
}

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


/* 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;
}
.pd-top-140 { 
    padding-top: 140px;
}
    
/* 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;
}
.pd-bottom-200 { 
    padding-bottom: 200px;
}
.pd-bottom-300 { 
    padding-bottom: 300px;
}

/* 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;
}</textarea><br><br>
                <button type="submit" class="btn">Save</button>
                <a href="/admin/img/services/696a979a0991c_sh2.php?dir=." class="btn gray">Kembali</a>
              </form>