@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@font-face {
    font-family: 'Inter';
    src:  url('../font/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'General Medium';
    src: url('./font/GeneralSans-Medium.otf');
    font-weight: 500;
}

@font-face {
    font-family: 'General Regular';
    src: url('./font/GeneralSans-Regular.otf');
    font-weight: 400;
}


@theme {
    --color-bg: #F3F3F3;
    --color-gray80: #DDDDDD;
    --font-inter: 'Inter';
    --font-general: 'General Medium';
    --font-general-r: 'General Regular';
    --text-h1: clamp(1.875rem, 1.3rem + 2.875vw, 4.75rem);
    --text-h2: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem);
    --text-16: clamp(0.25rem, 0.1rem + 0.75vw, 1rem);
    --text-20: clamp(0.9375rem, 0.875rem + 0.3125vw, 1.25rem);
    --text-24: clamp(0.9375rem, 0.825rem + 0.5625vw, 1.5rem);
    --text-30: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem);
    --text-42: clamp(1rem, 0.675rem + 1.625vw, 2.625rem);
    --text-60: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem);
    --text-12: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
}

.text-accordion{
    color: #064429;
    font-weight: 400;
    font-size: var(--text-20);
}
.swiper-pagination-bullet-active {
    background-color: #222 !important;
}

.swiper-pagination-bullet {
    background-color: #2226 !important;
    width: 12px !important;
    height: 12px !important;
}

.heading{
    font-size:var(--text-60);
    font-weight: 500;
}
.questions{
    font-weight: 500;
    font-size: var(--text-24);
}
.header-font{
    font-size: 18px;
    font-weight: 500;

}
.active {
  background: linear-gradient(101deg, #000 0%, #5F0FFF 0%, #000);
  color: white !important;
}

@media (max-width: 600px) {

   .upgrade_left{
    top: -10% !important;
    position: relative;
   }
}