:root {

    --black: #000;
    --white: #fff;
    --purple: #4C1BD7;
    --blue: #3137D9;
    --blue-purple: #3700D5;
    --cyan: #25ACE1;
    --dark-gray: #5F5F5F;
    --gray: #CBCBCB;
    --text: #1C1C1F;
    --primary-color: #E5EBFB;
    --purple-gradient:linear-gradient(157.86deg, #3700D5 16.14%, #7100D5 93.02%), linear-gradient(0deg, #EFEFEF, #EFEFEF);
    --purple-to-blue-gradient: linear-gradient(90deg, #7100D5 -17.75%, #3137D9 25.92%, #25ACE1 119.98%);
    --linear-gradient: linear-gradient(0.1deg, #7100D5 -40.98%, #3137D9 29.82%, #25ACE1 75.51%, #FFFFFF 117.39%);
    --font-poppins : "Poppins", sans-serif;;
    /* --font-poppins : "Biotic", serif; */
    /* --font-inter : "Inter", sans-serif; */

}


/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** Font 
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-black.otf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-blackitalic.otf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-extrabold.otf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-extrabolditalic.otf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-bold.otf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-bolditalic.otf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-regular.otf') format('truetype');
    font-weight: 400;
    font-style: normal;
}    

@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-italic.otf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-light.otf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-lightitalic.otf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-semibold.otf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-semibolditalic.otf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-thin.otf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-thinitalic.otf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-extralight.otf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-extralightitalic.otf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-medium.otf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Biotic';
    src: url('../font/biotic/Fontspring-DEMO-biotic-mediumitalic.otf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

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

/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** body
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
body {
    font-family: var(--font-poppins);
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
    color: var(--text);
    background: var(--white);
    line-height: 1.5;
}



/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** pre-defined classes
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
h1, .h1 {
    font-size: 85px;
    line-height: 125%;
    font-family: var(--font-poppins);
    font-weight: 900;
    color: var(--text);
    margin: 0;
    letter-spacing: 0.01em;
}

h2, .h2 {
    font-size: 50px;
    line-height: 115.38%;
    font-weight: 900;
    color: var(--text);
    font-family: var(--font-poppins);
    margin: 0;
}

h3, .h3 {
    font-size: 40px;
    line-height: 120%;
    color: var(--text);
    font-family: var(--font-poppins);
    font-weight: 900;
    margin: 0;
}

h4, .h4 {
    font-size: 32px;
    line-height: 125%;
    margin: 0;
    font-family: var(--font-poppins);
    font-weight: 600;
}

h5, .h5 {
    font-size: 28px;
    line-height: 125%;
    margin: 0;
    font-family: var(--font-poppins);
    font-weight: 900;
}

h6, .h6 {
    font-size: 20px;
    line-height: 130%;
    margin: 0;
    font-family: var(--font-poppins);
    font-weight: 900;
}

.lg-text {
    font-size: 24px;
}

.md-text {
    font-size: 20px;
}

.sm-text {
    font-size: 14px;
}


/* color */
.black {
    color: var(--black);
}
.white {
    color: var(--white);
}
.purple {
    color: var(--purple);
}
.blue {
    color: var(--blue);
}       
.cyan {
    color: var(--cyan);
}
.blue-purple {
    color: var(--blue-purple);
}
.dark-gray {
    color: var(--dark-gray);
}
.gray {
    color: var(--gray);
}
.text {
    color: var(--text);
}
.primary-color {
    color: var(--primary-color);
}
.purple-gradient-text {
    background: var(--purple-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blue-gradient-text {
    background: var(--purple-to-blue-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}   
.linear-gradient-text {
    background: var(--linear-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* background colors */
.bg-black {
    background-color: var(--black);
}
.bg-white {
    background-color: var(--white);
}
.bg-blue {
    background-color: var(--blue);
}
.bg-purple {
    background-color: var(--purple);
}
.bg-cyan {
    background-color: var(--cyan);
}
.bg-dark-gray {
    background-color: var(--dark-gray);
}
.bg-gray {
    background-color: var(--gray);
}
.bg-purple-gradient {
    background: var(--purple-gradient);
}
.bg-purple-to-blue-gradient {
    background: var(--purple-to-blue-gradient);
}
.bg-linear-gradient {
    background: var(--linear-gradient);
}
.bg-primary-color {
    background-color: var(--primary-color);
}
.bg-blue-purple {
    background-color: var(--blue-purple);
}


/* size */
.f-14 {
    font-size: 14px;
}
.f-13 {
    font-size: 13px;
}
.f-12 {
    font-size: 12px;
}



/* font families */
.font-poppins {
    font-family: var(--font-poppins);
}
.font-biotic {
    font-family: var(--font-poppins);
}

/* font weights */
.fw-100 {
    font-weight: 100;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fs-normal {
    font-style: normal;
}
.lt-space-5 {
    letter-spacing: 0.05em ;
}

.fs-italic {
    font-style: italic;
}

.tt-upper {
    text-transform: uppercase;
}

.tt-lower {
    text-transform: lowercase;
}

.ta-center {
    text-align: center;
}

.ta-left {
    text-align: left;
}

.ta-right {
    text-align: right;
}

.ls-1 {
    letter-spacing: 1px;
}

.ls-2 {
    letter-spacing: 2px;
}

.ls-3 {
    letter-spacing: 3px;
}

.fl {
    display: flex;
    gap: 1rem;
} 

.fl-ai-center {
    align-items: center;
} 

.fl-ai-fs {
    align-items: flex-start;
} 

.fl-ai-fe {
    align-items: flex-end;
} 

.fl-jc-sb {
    justify-content: space-between;
}

.fl-jc-fs {
    justify-content: flex-start;
}

.fl-jc-fe {
    justify-content: flex-end;
}

.fl-jc-center {
    justify-content: center;
}

.fl-dir-row {
    flex-direction: row;
}

.fl-dir-col {
    flex-direction: column;
}

.fl-dir-row-rev {
    flex-direction: row-reverse;
}

.fl-dir-col-rev {
    flex-direction: column-reverse;
}
.fl-wr-wrap {
    flex-wrap: wrap;
}
.gd {
    display: grid;
}
.gd-col-2 {
    grid-template-columns: 1fr 1fr;
}
.gd-col-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.m-auto {
    margin-left: auto;
    margin-right: auto;
}

.m-0 {
    margin: 0;
}

.m-1 {
    margin: 1rem;
}

.m-2 {
    margin: 2rem;
}

.m-3 {
    margin: 3rem;
}

.m-4 {
    margin: 4rem;
}

.m-5 {
    margin: 5rem;
}

.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mt-4 {
    margin-top: 4rem;
}

.mt-5 {
    margin-top: 5rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mb-5 {
    margin-bottom: 5rem;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-2 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.mx-3 {
    margin-left: 3rem;
    margin-right: 3rem;
}

.mx-4 {
    margin-left: 4rem;
    margin-right: 4rem;
}

.mx-5 {
    margin-left: 5rem;
    margin-right: 5rem;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.my-3 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.my-4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.my-5 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.p-0 {
    padding: 0;
}

.p-1 {
    padding: 1rem;
}

.p-2 {
    padding: 2rem;
}

.p-3 {
    padding: 3rem;
}

.p-4 {
    padding: 4rem;
}

.p-5 {
    padding: 5rem;
}

.pt-0 {
    padding-top: 0;
}

.pt-1 {
    padding-top: 1rem;
}

.pt-2 {
    padding-top: 2rem;
}

.pt-3 {
    padding-top: 3rem;
}

.pt-4 {
    padding-top: 4rem;
}

.pt-5 {
    padding-top: 5rem;
}

.pb-0 {
    padding-bottom: 0;
}

.pb-1 {
    padding-bottom: 1rem;
}

.pb-2 {
    padding-bottom: 2rem;
}

.pb-3 {
    padding-bottom: 3rem;
}

.pb-4 {
    padding-bottom: 4rem;
}

.pb-5 {
    padding-bottom: 5rem;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.px-3 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.px-4 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.px-5 {
    padding-left: 5rem;
    padding-right: 5rem;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.py-5 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}



/* Button */
.btn , .menu-btn a {
    color: var(--white);
    font-family: var(--font-poppins);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    transition: opacity 0.25s linear;
    display: block;
    width: fit-content;
    padding: 17px 30px;
    border-radius: 4px;
    background: var(--purple-gradient);
}
.btn:hover , .menu-btn a:hover {
    opacity: 0.8;
}
.btn.secondary{
    border: 2px solid var(--primary-color);
    color: var(--blue-purple);
}

/* Layout */
.container {
    max-width: 1380px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
.w-100 {
    width: 100%;
}
.guttenberg-page {
    padding: 4rem 0;
}
.guttenberg-page h1,
.guttenberg-page h2,
.guttenberg-page h3,
.guttenberg-page h4,
.guttenberg-page h5, 
.guttenberg-page h6 {
	margin: 1rem 0 0.5rem;
    font-family:var(--font-poppins);
    color: var(--black);
}
.guttenberg-page ul li,
.guttenberg-page ol li {
	margin-bottom: .1em;
}

/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** 404 Page
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.error-404 {
    min-height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.error-page-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.error-page-content p {
    max-width: 600px;
    margin: 2rem auto;
    text-align: center;
}




/* ************************************ ********************************************
    *********************************************************************************************************** */
/* remove clear button */
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}
input[type="search"]::-moz-search-clear {
    display: none;
}
input[type="search"]::-ms-clear {
    display: none;
}
input[type="search"]::-ms-reveal {
    display: none;
}






/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** Animation Code here
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */

/* Animation */
.animate.fadeInUp {
  opacity: 0;
  transform: translateY(30%);
}

.animate.fadeInUp-100 {
  opacity: 0;
  transform: translateY(100%);
}

.animate.fadeInUp-90 {
  opacity: 0;
  transform: translateY(90%);
}

.animate.fadeInUp-80 {
  opacity: 0;
  transform: translateY(80%);
}

.animate.fadeInUp-70 {
  opacity: 0;
  transform: translateY(70%);
}
.animate.fadeInUp-60 {
  opacity: 0;
  transform: translateY(60%);
}
.animate.fadeInUp-50 {
  opacity: 0;
  transform: translateY(50%);
}
.animate.fadeInUp-40 {
  opacity: 0;
  transform: translateY(40%);
}

.animate.fadeInUp-20 {
  opacity: 0;
  transform: translateY(20%);
}
.animate.fadeInUp-10 {
  opacity: 0;
  transform: translateY(10%);
}
.animate.fadeInUp ,
.animate.fadeInUp-30 {
  opacity: 0;
  transform: translateY(30%);
}
.fadeInUp-100.animated {
    animation: fadeInUp-100 0.8s ease-out forwards;
}
.fadeInUp-90.animated {
    animation: fadeInUp-90 0.8s ease-out forwards;}
.fadeInUp-80.animated {
    animation: fadeInUp-80 0.8s ease-out forwards;
}
.fadeInUp-70.animated {
    animation: fadeInUp-70 0.8s ease-out forwards;
}
.fadeInUp-60.animated {
    animation: fadeInUp-60 0.8s ease-out forwards;
}
.fadeInUp-50.animated {
    animation: fadeInUp-50 0.8s ease-out forwards;
}
.fadeInUp-40.animated {
    animation: fadeInUp-40 0.8s ease-out forwards;
}

.fadeInUp-30.animated {
    animation: fadeInUp-30 0.8s ease-out forwards;
}

.fadeInUp-20.animated {
    animation: fadeInUp-20 0.8s ease-out forwards;
}
.fadeInUp-10.animated {
    animation: fadeInUp-10 0.8s ease-out forwards;
}
.fadeInUp.animated {
  animation: fadeInUp 0.8s ease-out forwards;
}
.animate.animated {
    animation-delay: calc(var(--delay, 0) * 0.1s);
}

.animate.fadeIn {
  opacity: 0;
}
.fadeIn.animated {
  animation: fadeIn 1s linear forwards;
  animation-delay: .2s;
}
.ani-delay-0 {
    animation-delay: 0 !important;
}


/* Keyframes for fadeIn */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* keyframes */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


@keyframes fadeInUp-100 {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


@keyframes fadeInUp-90 {
  from {
    opacity: 0;
    transform: translateY(90%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



@keyframes fadeInUp-80 {
  from {
    opacity: 0;
    transform: translateY(80%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp-70 {
  from {
    opacity: 0;
    transform: translateY(70%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



@keyframes fadeInUp-60 {
  from {
    opacity: 0;
    transform: translateY(60%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


@keyframes fadeInUp-50 {
  from {
    opacity: 0;
    transform: translateY(50%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


@keyframes fadeInUp-40 {
  from {
    opacity: 0;
    transform: translateY(40%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp-30 {
  from {
    opacity: 0;
    transform: translateY(30%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



@keyframes fadeInUp-20 {
  from {
    opacity: 0;
    transform: translateY(20%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


@keyframes fadeInUp-10 {
  from {
    opacity: 0;
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** Footer Styles
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.site-footer .container{
    max-width: 1240px;
    padding: 0px 20px !important;
}
.site-footer .site-info{
    background-color: #4C1BD7;
    padding: 32px 0px;
}

.footer-menu-row ul, .footer-bottom-menu ul{
    padding: 0px;
    margin: 0px;
    display: flex;
    gap: 32px;
    align-items: center;
}

.footer-menu-row ul li a {
    text-decoration: none;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 133%;
}

.footer-menu-row ul li, .footer-bottom-menu ul li{
    list-style: none;
    line-height: 0;
}

.footer-bottom .copyright p{
    margin: 0px;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 109%;
}
.footer-bottom-menu ul li a {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 109%;
    text-decoration-line: underline;
    text-decoration-style: solid;
}

.footer-top-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}
.footer-right-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 732px;
    width: 100%;
    gap: 32px;
    flex-wrap: wrap;
}

.footer-bottom {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
}
.footer-add-btn .footer-cta a{
    height: 56px;
    background-color: #fff;
    border-radius: 8px;
    padding: 8px 32px;
    text-decoration: none;
    font-family: var(--font-poppins);
    font-style: normal;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.16px;
    display: flex;
    align-items: center;
    max-width: fit-content;
    width: 100%;
    background-image: linear-gradient(90deg,#7100D5 -17.75%,#3137D9 25.92%,#25ACE1 119.98%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.footer-cta {
    background: #fff;
    max-width: fit-content;
    border-radius: 8px;
}
.footer_logo_part a img {
    max-width: 312px;
    width: 100%;
    height: 65px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.footer-sc-icon {
    height: 32px;
    width: 32px;
    background: #fff;
}

.footer-social-icons {
    display: flex;
    gap: 16px;
    align-items: center;
}
.footer_left {
    max-width: 400px;
    width: 100%;
}




@media only screen and (max-width: 1024px) {
    /* GLobal */
    h1, .h1 {
        font-size: 50px;
    }

    h2, .h2 {
        font-size: 34px;
    }

    h3, .h3 {
        font-size: 28px;
    }

    h4, .h4 {
        font-size: 25px;
    }

    h5, .h5 {
        font-size: 20px;
    }

    h6, .h6 {
        font-size: 16px;
    }
    .lg-text {
        font-size: 22px;
    }


    /* Footer */
    .footer_logo_part a img {
        max-width: 200px;
        height: unset;
    }

    .footer-menu-row ul li a {
        font-size: 14px;
    }
    .footer-add-btn .footer-cta a {
        height: unset;
        background-color: #fff;
        border-radius: 8px;
        padding: 12px 26px;
        font-size: 14px;
    }
    .footer-bottom {
        justify-content: center;
    }

}



@media only screen and (max-width: 998px) {

    /* Global */
    .lg-text {
        font-size: 18px;
    }

    .md-text {
        font-size: 16px;
    }


    /* error page */
    .error-page-content h1 {
        font-size: 50px;
    }


    /* Footer */
    .site-footer {
        border-top: 2px solid var(--white);
    }
    .site-footer .site-info {
        padding: 60px 0 30px;
    }
    .footer-top-area {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }
    .footer-right-area {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-menu-list {
        flex-direction: column;
        align-items: flex-start !important;
    }

}


@media only screen and (max-width: 767px) {

    h1, .h1 {
        font-size: 32px;
    }

    h2, .h2 {
        font-size: 28px;
    }

    h3, .h3 {
        font-size: 24px;
    }

    h4, .h4 {
        font-size: 20px;
    }

    h5, .h5 {
        font-size: 18px;
    }

    h6, .h6 {
        font-size: 18px;
    }
    body {
        font-size: 16px;
    }


    /* Footer */
    .footer-bottom {
        flex-direction: column-reverse;
    }

}


@media only screen and (min-width: 768px) {
    .mb-only {
        display: none;
    }
}