@font-face {
    font-family: 'GeneralSans-Variable';
    src: url('../fonts/GeneralSans-Variable.woff2') format('woff2'),
         url('../fonts/GeneralSans-Variable.woff') format('woff'),
         url('../fonts/GeneralSans-Variable.ttf') format('truetype');
         font-weight: 200 700;
         font-display: swap;
         font-style: normal;
  }
  
  
  /**
  * This is a variable font
  * You can controll variable axes as shown below:
  * font-variation-settings: 'wght' 700.0;
  *
  * available axes:
  
  * 'wght' (range from 200.0 to 700.0)
  
  */
  
  @font-face {
    font-family: 'GeneralSans-VariableItalic';
    src: url('../fonts/GeneralSans-VariableItalic.woff2') format('woff2'),
         url('../fonts/GeneralSans-VariableItalic.woff') format('woff'),
         url('../fonts/GeneralSans-VariableItalic.ttf') format('truetype');
         font-weight: 200 700;
         font-display: swap;
         font-style: italic;
  }
  
  
  @font-face {
    font-family: 'GeneralSans-Extralight';
    src: url('../fonts/GeneralSans-Extralight.woff2') format('woff2'),
         url('../fonts/GeneralSans-Extralight.woff') format('woff'),
         url('../fonts/GeneralSans-Extralight.ttf') format('truetype');
         font-weight: 200;
         font-display: swap;
         font-style: normal;
  }
  
  
  @font-face {
    font-family: 'GeneralSans-ExtralightItalic';
    src: url('../fonts/GeneralSans-ExtralightItalic.woff2') format('woff2'),
         url('../fonts/GeneralSans-ExtralightItalic.woff') format('woff'),
         url('../fonts/GeneralSans-ExtralightItalic.ttf') format('truetype');
         font-weight: 200;
         font-display: swap;
         font-style: italic;
  }
  
  
  @font-face {
    font-family: 'GeneralSans-Light';
    src: url('../fonts/GeneralSans-Light.woff2') format('woff2'),
         url('../fonts/GeneralSans-Light.woff') format('woff'),
         url('../fonts/GeneralSans-Light.ttf') format('truetype');
         font-weight: 300;
         font-display: swap;
         font-style: normal;
  }
  
  
  @font-face {
    font-family: 'GeneralSans-LightItalic';
    src: url('../fonts/GeneralSans-LightItalic.woff2') format('woff2'),
         url('../fonts/GeneralSans-LightItalic.woff') format('woff'),
         url('../fonts/GeneralSans-LightItalic.ttf') format('truetype');
         font-weight: 300;
         font-display: swap;
         font-style: italic;
  }
  
  
  @font-face {
    font-family: 'GeneralSans-Regular';
    src: url('../fonts/GeneralSans-Regular.woff2') format('woff2'),
         url('../fonts/GeneralSans-Regular.woff') format('woff'),
         url('../fonts/GeneralSans-Regular.ttf') format('truetype');
         font-weight: 400;
         font-display: swap;
         font-style: normal;
  }
  
  
  @font-face {
    font-family: 'GeneralSans-Italic';
    src: url('../fonts/GeneralSans-Italic.woff2') format('woff2'),
         url('../fonts/GeneralSans-Italic.woff') format('woff'),
         url('../fonts/GeneralSans-Italic.ttf') format('truetype');
         font-weight: 400;
         font-display: swap;
         font-style: italic;
  }
  
  
  @font-face {
    font-family: 'GeneralSans-Medium';
    src: url('../fonts/GeneralSans-Medium.woff2') format('woff2'),
         url('../fonts/GeneralSans-Medium.woff') format('woff'),
         url('../fonts/GeneralSans-Medium.ttf') format('truetype');
         font-weight: 500;
         font-display: swap;
         font-style: normal;
  }
  
  
  @font-face {
    font-family: 'GeneralSans-MediumItalic';
    src: url('../fonts/GeneralSans-MediumItalic.woff2') format('woff2'),
         url('../fonts/GeneralSans-MediumItalic.woff') format('woff'),
         url('../fonts/GeneralSans-MediumItalic.ttf') format('truetype');
         font-weight: 500;
         font-display: swap;
         font-style: italic;
  }
  
  
  @font-face {
    font-family: 'GeneralSans-Semibold';
    src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2'),
         url('../fonts/GeneralSans-Semibold.woff') format('woff'),
         url('../fonts/GeneralSans-Semibold.ttf') format('truetype');
         font-weight: 600;
         font-display: swap;
         font-style: normal;
  }
  
  
  @font-face {
    font-family: 'GeneralSans-SemiboldItalic';
    src: url('../fonts/GeneralSans-SemiboldItalic.woff2') format('woff2'),
         url('../fonts/GeneralSans-SemiboldItalic.woff') format('woff'),
         url('../fonts/GeneralSans-SemiboldItalic.ttf') format('truetype');
         font-weight: 600;
         font-display: swap;
         font-style: italic;
  }
  
  
  @font-face {
    font-family: 'GeneralSans-Bold';
    src: url('../fonts/GeneralSans-Bold.woff2') format('woff2'),
         url('../fonts/GeneralSans-Bold.woff') format('woff'),
         url('../fonts/GeneralSans-Bold.ttf') format('truetype');
         font-weight: 700;
         font-display: swap;
         font-style: normal;
  }
  
  
  @font-face {
    font-family: 'GeneralSans-BoldItalic';
    src: url('../fonts/GeneralSans-BoldItalic.woff2') format('woff2'),
         url('../fonts/GeneralSans-BoldItalic.woff') format('woff'),
         url('../fonts/GeneralSans-BoldItalic.ttf') format('truetype');
         font-weight: 700;
         font-display: swap;
         font-style: italic;
  }
  
  body {
    font-family: Inter, Inter Placeholder, sans-serif;
  }

.navbar {
  border-bottom: 1px solid;
}
.container-flip-card {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Flip card styles */
.flip-card {
background-color: transparent;
width: 350px;
height: 250px;
perspective: 1000px;
}

.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card-flipped .flip-card-inner {
transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.flip-card-front {
color: black;
}

.flip-card-back {
color: white;
transform: rotateY(180deg);
}

.underline-gradient-8:after {
  background: linear-gradient(90deg, #f0b400 0%, #ffd52d 100%);
}

.gradient-8 {
    /* background-image: linear-gradient(40deg, linear-gradient(to right, #F0B90D, #e6b313, #f5c60b, #e5b908) .4%, #f9d75c 100.2%); */
    background: linear-gradient(90deg, #f0b400 0%, #ffd52d 100%);
    color:black !important;
}
.gradient-8.btn-outline-gradient, .gradient-8.btn-outline-gradient span {
    background: linear-gradient(90deg, #f0b400 0%, #ffd52d 100%);
    box-shadow: 2px 1000px 1px #000 inset;
     color:white;
}

.nav-link:focus, .nav-link:hover {
    color: #F0B90D;
}

.bg-dark{ 
  background-color: #000 !important;
}
.text-gold {
    color:linear-gradient(90deg, #f0b400 0%, #ffd52d 100%);
    background: linear-gradient(90deg, #f0b400 0%, #ffd52d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-white2 {
  color: white !important;
  background: white;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gold2 {
    color:#F0B90D !important;
}

.bg-gold {
    background-color:#F0B90D !important;
}
.bd-gold {
    border-color: linear-gradient(to right, #F0B90D, #e6b313, #f5c60b, #e5b908) !important;
}
.bg-gold-soft {
    background-color: linear-gradient(to right, #F0B90D, #e6b313, #f5c60b, #e5b908) !important;
}
.pricing-switchers {
  border-color: #F0B90D !important;
}

.card {
    background: #0B0E11 !important;
}
.pricing.card .card-body {
  padding: 1.5rem;
}

.pricing {
  color:  #e6b313!important;
}
.pricing .card-title, .price .price-show {
  font-weight: 900;
}
.sub-title {
  color:#DBDBDB !important;
}
@media (max-width: 767px) {
  /* .display-2.text-gold {
   
  } */
  .h6.text-gold {
    font-size: 14px !important;
  }
  .sub-title {
    font-size: 14px !important; 
  }
  .description {
    font-size: 11px !important;
  }
}

.click-here {
  width: 100px;
  position: absolute;
  bottom: 0;
  right: -46px; /* Adjust this value based on your design */
}

@media (max-width: 767px) {
  .click-here {
    right: 0;
  }
  .founder .lead, .founder .about{
    font-size: 16px !important;
  }
  .founder .display-1 {
    font-size: 26px !important;
  }
}

/* Vendor prefixes for older browsers */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .click-here {
    right: -46px; /* Adjust this value based on your design */
  }

  @media (max-width: 767px) {
    .click-here {
      right: 0;
    }
  }
}

/* Additional vendor prefixes for specific browsers */
@supports (-ms-ime-align:auto) {
  .click-here {
    right: -46px; /* Adjust this value based on your design */
  }

  @media (max-width: 767px) {
    .click-here {
      right: 0;
    }
  }
}
.card-input .card-header {
  font-size: 16px;
}
.card-input .card-header, .card-input .card-body{
  padding: 10px;
}
.row-plan div {
  margin: 0;
}
.card-input .card-body{
  font-size: 18px;
  font-weight: bold;
  padding: 15px !important;
}
.price-duration {
  text-transform: lowercase;
  color: white;
  font-size: 12px;
  font-weight: unset;
}
.svg-bg {
  background-color: #0B0E11 !important;
}
.btn-gold {
  background-color: #F0B90D !important;
}
.btn-circle.ripple::after, .btn-circle.ripple::before, .plyr__control--overlaid::after, .plyr__control--overlaid::before {
  background: #F0B90D;
}