/*!
Theme Name: finomena
Author: finomena.me
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: finomena
*/

/* Font Face included */
@font-face {
    font-family: 'ClashDisplay';
    src: url('./assets/fonts/ClashDisplay-Extralight.woff2') format('woff2'),
         url('./assets/fonts/ClashDisplay-Extralight.woff') format('woff'),
         url('./assets/fonts/ClashDisplay-Extralight.ttf') format('truetype');
    font-weight: 200;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'ClashDisplay';
    src: url('./assets/fonts/ClashDisplay-Light.woff2') format('woff2'),
         url('./assets/fonts/ClashDisplay-Light.woff') format('woff'),
         url('./assets/fonts/ClashDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'ClashDisplay';
    src: url('./assets/fonts/ClashDisplay-Regular.woff2') format('woff2'),
         url('./assets/fonts/ClashDisplay-Regular.woff') format('woff'),
         url('./assets/fonts/ClashDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'ClashDisplay';
    src: url('./assets/fonts/ClashDisplay-Medium.woff2') format('woff2'),
         url('./assets/fonts/ClashDisplay-Medium.woff') format('woff'),
         url('./assets/fonts/ClashDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'ClashDisplay';
    src: url('./assets/fonts/ClashDisplay-Semibold.woff2') format('woff2'),
         url('./assets/fonts/ClashDisplay-Semibold.woff') format('woff'),
         url('./assets/fonts/ClashDisplay-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: 'ClashDisplay';
    src: url('./assets/fonts/ClashDisplay-Bold.woff2') format('woff2'),
         url('./assets/fonts/ClashDisplay-Bold.woff') format('woff'),
         url('./assets/fonts/ClashDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }

/* common Color Variables */
:root {
    --theme-color: #DC4C37;
    --theme-color-2: #fc6047;
    --black-color: #000000;
    --white-color: #FFFFFF;

    --primary-color: #595858;
    --secondary-color: #525252;
    --tertiary-color: #000000;
}

/* Font Variables */
:root {
    --primary-font: 'inter', sans-serif;
    --secondary-font: 'ClashDisplay', sans-serif;
    --tertiary-font: "Azeret Mono", monospace;
}
:focus-visible
{ outline: none !important;}
.focus-heading { font-size: 84px; line-height: 1.2; font-family: var(--secondary-font); text-transform: uppercase;}
.heading1 { font-size: 74px; line-height: 1.2; font-family: var(--secondary-font); text-transform: uppercase;}
.heading2 { font-size: 64px; line-height: 1.2; font-family: var(--secondary-font); text-transform: uppercase; color: var(--black-color);}
.heading3 { font-size: 44px; line-height: 1.2; font-family: var(--secondary-font); text-transform: uppercase;}
.heading4 { font-size: 38px; line-height: 1.2; letter-spacing: 10%; font-family: var(--secondary-font); text-transform: uppercase;}
.heading5 { font-size: 28px; line-height: 1.2; font-family: var(--secondary-font); text-transform: uppercase; color: var(--black-color);}
.heading6 { font-size: 18px; line-height: 1.2; font-family: var(--tertiary-font); font-weight: 400; color: var(--black-color); text-transform: uppercase;}
/* button Style */
.btn { display: inline-block; padding: 20px; text-decoration: none; font-family: var(--secondary-font); font-weight: 600; text-transform: uppercase; letter-spacing: 12%;}
.btn-primary { background-color: var(--black-color); color: var(--white-color);}
/* Loader css here */
.loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 10; background: #fff; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.loader-inner { width: clamp(130px, 376px, 25vw); display: flex; flex-direction: column; align-items: center; gap: 20px;}
.loader svg { width: 100%; height: auto; display: block; overflow: visible; max-width: 376px;}
/******* Reveal Text Animation *******/
.line-container { position: relative; overflow: hidden; width: fit-content;}
.line-text { clip-path: inset(0 100% 0 0); display: block;}
.high-line-reveal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--theme-color-2); z-index: 5; transform: scaleX(0); transform-origin: left;}
/* --- ANIMATIONS TRIGGERED BY WOW --- */
/* This class is added by WOW.js when the element enters the viewport */
.animated .high-line-reveal { animation: revealBlock 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;}
.animated .line-text { animation: revealText 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;}
@keyframes revealBlock {
  0% { transform: scaleX(0); transform-origin: left; }
  50% { transform: scaleX(1); transform-origin: left; }
  51% { transform: scaleX(1); transform-origin: right; }
  100% { transform: scaleX(0); transform-origin: right; }
}
@keyframes revealText {
  0% { clip-path: inset(0 100% 0 0); }
  50% { clip-path: inset(0 100% 0 0); }
  51% { clip-path: inset(0 0 0 0); }
  100% { clip-path: inset(0 0 0 0); }
}

/* common CSS */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--primary-font); color: var(--primary-color); font-weight: 400; background-color: var(--white-color); font-optical-sizing: auto; font-size: 20px; line-height: 36px; }
.container { width: 100%; max-width: 1632px; margin: 0 auto; padding: 0 16px; }
.title-wrapper { display: flex; flex-direction: column; gap: 22px;}
/* Form-element css here */
span.wpcf7-form-control-wrap {position: relative; display: block;}
.form-elements-wrapper input[type="text"],
.form-elements-wrapper input[type="email"],
.form-elements-wrapper input[type="url"],
.form-elements-wrapper input[type="password"],
.form-elements-wrapper input[type="search"],
.form-elements-wrapper input[type="number"],
.form-elements-wrapper input[type="tel"],
.form-elements-wrapper input[type="date"],
.form-elements-wrapper input[type="month"],
.form-elements-wrapper input[type="week"],
.form-elements-wrapper input[type="time"],
.form-elements-wrapper input[type="datetime"],
.form-elements-wrapper input[type="datetime-local"],
.form-elements-wrapper input[type="color"],
.form-elements-wrapper textarea {
  border: 1px solid #dbdbdb;
  padding: 15px;
  font-size: 16px;
  line-height: 1.6;
  font-family: var(--primary-font);
  color: #595858;
  background-color: var(--white-color);
  box-sizing: border-box;
  width: 100%;
  border-radius: 0px !important;
  display: block;
}

.form-elements-wrapper input + span { color: var(--white-color) !important; font-style: italic !important; font-weight: 300 !important; font-size: 14px;}

/* Keep form placeholders in uppercase across CF7 forms */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder { text-transform: uppercase !important; }
.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder { text-transform: uppercase !important; }
.wpcf7 input::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder { text-transform: uppercase !important; }
.wpcf7 input:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder { text-transform: uppercase !important; }


.submint-btn-wrapper { position: relative; display: inline-block;}
.submint-btn-wrapper .wpcf7-spinner { position: absolute; top: 50%; left: 50%; top: 50%; left: 50%; margin: 0px; transform: translate(-50%, -50%);}
.submitting input[type="submit"] { pointer-events: none; color: transparent !important; }
.submint-btn-wrapper input[type="submit"]{ padding: 15px 26px; background-color: var(--black-color); color: var(--white-color); text-transform: uppercase; font-family: var(--secondary-font); font-weight: 600; letter-spacing: 12%; padding: 15px 20px; font-size: 16px; line-height: 1.6; border: none; cursor: pointer; transition: all 0.3s ease; border: 1px solid var(--black-color); letter-spacing: 12%; font-weight: 500;}
.submint-btn-wrapper input[type="submit"]:hover { background-color: var(--white-color); color: var(--black-color);}

.wpcf7 form .wpcf7-response-output { margin: 10px 0px 0px !important; padding: 8px 10px !important; font-size: 14px !important; line-height: 20px !important; text-align: center !important; color: var(--white-color) !important; font-weight: 600 !important; text-transform: uppercase !important; font-family: var(--primary-font) !important; letter-spacing: 5% !important; border: none !important; background-color: var(--black-color) !important; font-weight: 400 !important;}

/* Header bar - reusable (logo left, nav right, white background, sticky) */
.header-bar {
  background-color: var(--white-color);
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
}
.header-bar-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-block: 20px;
}
.header-bar .header-bar-branding {
  flex-shrink: 0;
}
.header-bar .custom-logo-link img {
  max-height: 26px;
  width: auto;
  height: auto;
  vertical-align: middle;
  display: block;
}
.header-bar .header-bar-site-title {
  font-family: var(--secondary-font);
  font-weight: 600;
  color: var(--theme-color);
  text-decoration: none;
  font-size: 1.5rem;
}
.header-bar .header-bar-nav {
  flex-shrink: 0;
}
.header-bar .header-menu-list,
.header-bar #header-menu {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 28px 32px;
}
.header-bar .header-menu-list a,
.header-bar #header-menu a {
  text-decoration: none;
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 500;
  font-family: var(--primary-font);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
  transition: color 0.3s ease;
}
.header-bar .header-menu-list a::after,
.header-bar #header-menu a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}
.header-bar .header-menu-list a:hover,
.header-bar #header-menu a:hover {
  color: var(--theme-color);
}
.header-bar .header-menu-list a:hover::after,
.header-bar #header-menu a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Prevent WOW/animate.css effects on header menu items */
.header-bar .header-menu-list a.animate__animated,
.header-bar #header-menu a.animate__animated {
  animation: none !important;
  opacity: 1 !important;
}

/* Active state for one-page navigation */
.header-bar .header-menu-list li.is-active > a,
.header-bar .header-menu-list a.is-active,
.header-bar #header-menu li.is-active > a,
.header-bar #header-menu a.is-active {
  color: var(--theme-color);
}
.header-bar .header-menu-list li.is-active > a::after,
.header-bar .header-menu-list a.is-active::after,
.header-bar #header-menu li.is-active > a::after,
.header-bar #header-menu a.is-active::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Header bar burger button (for mobile overlay nav) */
.header-bar-burger {
  display: none;
  width: 32px;
  height: 32px;
  border: 0;
  padding: 0;
  margin-left: auto;
  background: transparent;
  cursor: pointer;
  position: relative;
}
.header-bar-burger-line {
  position: absolute;
  left: 4px;
  right: 4px;
  height: 2px;
  background-color: var(--black-color);
  border-radius: 1px;
  transition: transform 0.25s ease, opacity 0.25s ease, top 0.25s ease, bottom 0.25s ease;
}
.header-bar-burger-line:nth-child(1) { top: 9px; }
.header-bar-burger-line:nth-child(2) { top: 15px; }
.header-bar-burger-line:nth-child(3) { top: 21px; }

.header-bar.is-open .header-bar-burger-line:nth-child(1) {
  top: 15px;
  transform: rotate(45deg);
}
.header-bar.is-open .header-bar-burger-line:nth-child(2) {
  opacity: 0;
}
.header-bar.is-open .header-bar-burger-line:nth-child(3) {
  top: 15px;
  transform: rotate(-45deg);
}



/* Footer css here */
#trustedsite-tm-image {
    display: none;
}

footer.site-footer {
  background-color: #2E100C;
  position: relative;
  overflow: hidden;
}

/* Cursor ambient light (neon orange) - soft diffused glow that follows cursor */
.cursor-trail-container {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
.cursor-trail-container:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url('./assets/images/footer-bg.png') repeat center center / auto 110%; z-index: 1; pointer-events: none;}
.site-footer .container { position: relative; z-index: 1; }

.cursor-spotlight {
  position: absolute;
  left: 0;
  top: 0;
  width: min(55vw, 260px);
  height: min(55vw, 260px);
  border-radius: 50%;
  background: radial-gradient(
    circle at center,
    rgba(255, 102, 0, 0.55) 0%,
    rgba(255, 102, 0, 0.35) 40%,
    rgba(255, 102, 0, 0.12) 65%,
    transparent 85%
  );
  box-shadow: 
    0 0 60px 30px rgba(255, 102, 0, 0.4),
    0 0 100px 50px rgba(255, 102, 0, 0.25);
  filter: blur(10px);
  transform: translate(-50%, -50%);
  pointer-events: none;
  will-change: transform;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.cursor-trail-container.active .cursor-spotlight { opacity: 1; }

.footer-content { text-align: center; display: flex; flex-direction: column; gap: 16px; padding-block: 66px; align-items: center;}
.footer-content .footer-logo { width: clamp(100px, 160px, 35%); margin: 0 auto;}
.footer-content a { padding-left: 58px; background: transparent url('./assets/images/email-ico.svg') no-repeat left center / auto 100%; color: var(--white-color); font-size: 18px; line-height: 46px; font-weight: 500; font-family: var(--primary-font); letter-spacing: 1%; text-decoration: none;}
.footer-content a:hover { text-decoration: underline;}

.footer-content .site-info { font-size: 14px; line-height: 1.8; font-weight: 400; font-family: var(--primary-font); color: var(--primary-color);}
.footer-content .site-info a { text-decoration: none; color: var(--primary-color); font-size: 14px; line-height: 1.8; font-weight: 400; font-family: var(--primary-font);}
.footer-content .site-info a:hover { text-decoration: underline;}
.footer-content .site-info a:active { text-decoration: underline;}
.footer-content .site-info a:focus { text-decoration: underline;}
.footer-content .site-info a:visited { text-decoration: underline;}

.site-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; padding-block: 24px;}
.site-info .left-content,
.site-info .right-content { flex: 0 1 auto; font-size: 12px; line-height: 1.8; color: var(--white-color); font-family: var(--primary-font);}
.site-info .left-content { text-transform: uppercase;}
.site-info .right-content { text-transform: capitalize;}
.copyright-nav ul,
.site-info .copyright-menu-list { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; gap: 24px;}
.copyright-nav a,
.site-info .copyright-menu-list a { text-decoration: none; color: inherit; font-size: 12px; line-height: 1.8; position: relative; display: inline-block; padding-bottom: 4px; transition: color 0.3s ease;}
.copyright-nav a::after,
.site-info .copyright-menu-list a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform 0.3s ease;}
.copyright-nav a:hover,
.site-info .copyright-menu-list a:hover { color: var(--theme-color);}
.copyright-nav a:hover::after,
.site-info .copyright-menu-list a:hover::after { transform: scaleX(1); transform-origin: left;}


/* temporary css*/
header#masthead { display: none;}

/* Responsive CSS (merged by breakpoint) */
@media screen and (max-width:1650px){
  .container{max-width:1450px;}

  /* Slight step down from very large desktop */
  .focus-heading{font-size: 78px;}
  .heading1{font-size: 68px;}
  .heading2{font-size: 58px;}
  .heading3{font-size: 40px;}
  .heading4{font-size: 35px;}
  .heading5{font-size: 26px;}
  .heading6{font-size: 17px;}

  /* Buttons */
  .btn{
    padding: 18px 22px;
    letter-spacing: 10%;
    font-size: 0.95rem;
  }
}

@media screen and (max-width:1500px){
  .container{max-width:1320px;}

  .focus-heading{font-size: 72px;}
  .heading1{font-size: 62px;}
  .heading2{font-size: 52px;}
  .heading3{font-size: 36px;}
  .heading4{font-size: 32px;}
  .heading5{font-size: 24px;}
  .heading6{font-size: 16px;}

  /* Buttons */
  .btn{
    padding: 16px 20px;
    font-size: 0.95rem;
  }

  .header-bar .header-menu-list,
  .header-bar #header-menu{
    gap: 24px 28px;
  }
}

@media screen and (max-width:1366px){
  .container{max-width:1120px;}

  .focus-heading{font-size: 66px;}
  .heading1{font-size: 56px;}
  .heading2{font-size: 46px;}
  .heading3{font-size: 32px;}
  .heading4{font-size: 30px;}
  .heading5{font-size: 22px;}
  .heading6{font-size: 15px;}

  .header-bar-inner{
    padding-block: 16px;
  }
}

@media screen and (max-width:1199px){
  .container{max-width:920px;}

  /* Large tablet / small laptop */
  body{
    font-size: 19px;
    line-height: 34px;
  }

  .focus-heading{font-size: 60px;}
  .heading1{font-size: 52px;}
  .heading2{font-size: 42px;}
  .heading3{font-size: 30px;}
  .heading4{font-size: 28px;}
  .heading5{font-size: 20px;}
  .heading6{font-size: 14px;}

  /* Buttons */
  .btn{
    padding: 14px 18px;
    font-size: 0.9rem;
  }

  /* Slightly tighter header and footer at this breakpoint */
  .header-bar .header-menu-list,
  .header-bar #header-menu{
    gap: 20px 24px;
  }

  .footer-content{
    padding-block: 48px;
  }
}

@media screen and (max-width:991px){
  .container{max-width:720px;}

  /* Tablet portrait */
  body{
    font-size: 16px;
    line-height: 28px;
  }

  .focus-heading{font-size: 52px;}
  .heading1{font-size: 44px;}
  .heading2{font-size: 36px;}
  .heading3{font-size: 28px;}
  .heading4{font-size: 26px;}
  .heading5{font-size: 18px;}
  .heading6{font-size: 13px;}

  /* Header bar - minimal full-screen overlay nav */
/* .header-bar { display: none;} */

  .header-bar-inner{
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }

  .header-bar-burger{
    display: inline-block;
    margin-left: auto;
  }

  /* Overlay starts below header so header stays visible */
  .header-bar .header-bar-nav{
    position: fixed;
    top: 62px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    background-color: var(--white-color);
    padding: 32px 24px 40px;
    display: none;
    overflow-y: auto;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    align-items: start;
    justify-content: start;
  }
  .header-bar .header-bar-nav:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url('./assets/images/badge-full-logo.svg') no-repeat bottom 5% right 5% / 180px auto;
    z-index: -1;
    opacity: 0.16;
    pointer-events: none;
    display: block;
  }

  .header-bar .custom-logo-link img {
    max-height: 22px;
  }
  .header-bar.is-open .header-bar-nav{
    display: flex;
  }

  .header-bar .header-menu-list,
  .header-bar #header-menu{
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 0;
    text-align: center;
    width: 100%;
  }

  .header-bar .header-menu-list li,
  .header-bar #header-menu li{
    width: 100%;
  }

  .header-bar .header-menu-list a,
  .header-bar #header-menu a{
    display: block;
    color: var(--black-color);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.04em;
    padding: 16px 0;
    text-transform: uppercase;
    text-align: left;
    padding-left: 40px;
    position: relative;
  }


  .header-bar .header-menu-list a:before,
  .header-bar #header-menu a:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 2px;
    background-color: var(--black-color);
    border-radius: 1px;
    transition: all 0.3s ease;
    transform-origin: left;
  }

  .header-bar .header-menu-list a:hover,
  .header-bar #header-menu a:hover{
    color: var(--theme-color);
  }

  .header-bar .header-menu-list a::after,
  .header-bar #header-menu a::after{
    display: none;
  }

  /* Footer site info stacks nicely */
  .site-info{ flex-direction: column-reverse; align-items: flex-start; gap: 8px; padding-block: 16px; align-items: center; }
}

@media screen and (max-width:767px){
  .container{max-width:560px;}
  .title-wrapper { gap: 14px;}
  /* Large phones / small tablets */
  .focus-heading{font-size: 44px;}
  .heading1{font-size: 38px;}
  .heading2{font-size: 32px;}
  .heading3{font-size: 26px;}
  .heading4{font-size: 24px;}
  .heading5{font-size: 17px;}
  .heading6{font-size: 12px;}

  /* Buttons */
  .btn{ padding: 12px 16px; font-size: 0.85rem;}
  /* contact form css here */
  .form-elements-wrapper input[type="text"], .form-elements-wrapper input[type="email"], .form-elements-wrapper input[type="url"], .form-elements-wrapper input[type="password"], .form-elements-wrapper input[type="search"], .form-elements-wrapper input[type="number"], .form-elements-wrapper input[type="tel"], .form-elements-wrapper input[type="date"], .form-elements-wrapper input[type="month"], .form-elements-wrapper input[type="week"], .form-elements-wrapper input[type="time"], .form-elements-wrapper input[type="datetime"], .form-elements-wrapper input[type="datetime-local"], .form-elements-wrapper input[type="color"], .form-elements-wrapper textarea { padding: 12px 16px !important; font-size: 14px !important;}
  .submint-btn-wrapper input[type="submit"] {padding: 12px 16px !important; font-size: 14px !important;}
  .wpcf7 form .wpcf7-response-output { padding: 5px 8px !important; letter-spacing: 0% !important;}
  .form-elements-wrapper input + span { font-size: 14px !important;}
  /* Header bar overlay: keep alignment and readable link size */
  .header-bar-inner{ align-items: center;}
  .header-bar .custom-logo-link img { max-height: 18px;}
  .header-bar .header-menu-list a,
  .header-bar #header-menu a{ font-size: 17px; ;}
  /* Footer copyright and menu center-align on small screens */
  .copyright-nav ul, .site-info .copyright-menu-list { gap: 18px;}  
}

@media screen and (max-width:575px){
  /* Extra-small: reduce global type a bit */
  body{
    /* font-size: 18px;
    line-height: 32px; */
  }

  .title-wrapper { gap: 12px;}
  .focus-heading{
    font-size: 38px;
  }
  .heading1{
    /* font-size: 46px; */
  }

  .heading2{
    /* font-size: 40px; */
  }

  .heading3{
    /* font-size: 30px; */
  }

  .heading4{
    font-size: 22px;
  }

  .heading5{
    font-size: 16px;
  }

  .heading6{
    font-size: 12px;
  }

  /* Buttons */
  .btn{
    padding: 10px 14px;
    font-size: 0.8rem;
  }

  .footer-content{
    padding-block: 40px;
  }


  


}