@font-face {
    font-family: 'Poppins';
    src: url('../css/poppins/Poppins-Light.eot');
    src: url('../css/poppins/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../css/poppins/Poppins-Light.woff2') format('woff2'),
        url('../css/poppins/Poppins-Light.woff') format('woff'),
        url('../css/poppins/Poppins-Light.ttf') format('truetype'),
        url('../css/poppins/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../css/poppins/Poppins-Medium.eot');
    src: url('../css/poppins/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../css/poppins/Poppins-Medium.woff2') format('woff2'),
        url('../css/poppins/Poppins-Medium.woff') format('woff'),
        url('../css/poppins/Poppins-Medium.ttf') format('truetype'),
        url('../css/poppins/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../css/poppins/Poppins-Regular.eot');
    src: url('../css/poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../css/poppins/Poppins-Regular.woff2') format('woff2'),
        url('../css/poppins/Poppins-Regular.woff') format('woff'),
        url('../css/poppins/Poppins-Regular.ttf') format('truetype'),
        url('../css/poppins/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../css/poppins/Poppins-Black.eot');
    src: url('../css/poppins/Poppins-Black.eot?#iefix') format('embedded-opentype'),
        url('../css/poppins/Poppins-Black.woff2') format('woff2'),
        url('../css/poppins/Poppins-Black.woff') format('woff'),
        url('../css/poppins/Poppins-Black.ttf') format('truetype'),
        url('../css/poppins/Poppins-Black.svg#Poppins-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../css/poppins/Poppins-Bold.eot');
    src: url('../css/poppins/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../css/poppins/Poppins-Bold.woff2') format('woff2'),
        url('../css/poppins/Poppins-Bold.woff') format('woff'),
        url('../css/poppins/Poppins-Bold.ttf') format('truetype'),
        url('../css/poppins/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}

*,
body {
    font-family: "Poppins";
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 60px !important;
    font-weight: 700 !important;
}

h2 {
    font-size: 36px !important;
    font-weight: 700 !important;
}

h3 {
    font-size: 28px !important;
    font-weight: 700 !important;
}

/*** Works on common browsers ***/
::selection {
    background-color: #C0EACDB3;
}

/*** Mozilla based browsers ***/
::-moz-selection {
    background-color: #C0EACDB3;
}

/***For Other Browsers ***/
::-o-selection {
    background-color: #C0EACDB3;
}

::-ms-selection {
    background-color: #C0EACDB3;
}

/*** For Webkit ***/
::-webkit-selection {
    background-color: #C0EACDB3;
}

.color-primary {
    color: #34AD3A; 
}

.bg-primary {
    background: #34AD3A;
}
.sub-title{
    font-size: 20px !important;
    font-weight: 700 !important;
}
.table-text-bold {
    font-size: 21px;
    font-weight: 700;
}

.table-text-normal {
    font-size: 18px;
    font-weight: 400;
}
.list-bottom img{
    width: 40px;
    height: 40px;
}
table {
    font-family: "Poppins";
}
table thead tr th:nth-child(1),
table tbody tr{
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
table tbody tr td:nth-child(2){
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    border-right: 1px solid rgba(0, 0, 0, 0.25);
}
table thead tr th:nth-child(2),
table thead tr th:nth-child(3){
    width: 255px;
    font-weight: 700;
}
table tbody tr{
    height: 58px;
}
table tr td{
    font-size: 21px;
    font-weight: 700;
}
table tbody tr td:nth-child(2),
table tbody tr td:nth-child(3){
    text-align: center;
}
.main-text{
    font-size: 21px;
    font-weight: 700;
}
.sub-text{
    font-size: 18px;
    font-weight: 400;
}

/* Video */
#video {
    cursor: pointer; /* Make the video clickable */
    -webkit-touch-callout: none; /* Disable long tap to save image */
    -webkit-user-select: none;   /* Disable user selection */
    user-select: none;
}

/* Rating container */
.rating {
    display: flex; /* Use flexbox for proper alignment with the surrounding content */
}
  
/* Hide radio buttons */
.rating input {
    display: none;
}
  
.rating label {
    display: inline-block;
}

.rating img {
    width: 2rem; /* Adjust the size as needed */
    /* filter: grayscale(100%); */
}

@media only screen and (max-width: 1023px){
    table thead tr th:nth-child(2), table thead tr th:nth-child(3){
        width: 207px;
    }
    .main-text, table tr td {
        font-size: 16px;
    }
    .sub-text {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px){
    table tr td{
        font-size: 12px;
        padding: 8px;
        width: 250px;
    }
    .main-text{
        font-size: 13px;
    }
    .sub-text{
        font-size: 12px;
    }
    table thead tr th:nth-child(2), table thead tr th:nth-child(3){
        width: 207px;
    }
    .table-pricing h2{
        font-size: 32px !important;
    }
}

@media only screen and (max-width: 320px) {
    .email-address::placeholder {
        font-size: 9px !important;
    }
}

[aria-expanded="true"] .open-menu {
    display: none !important;
}
[aria-expanded="true"] .close-menu {
    display: block !important;
}

.banner-home {
    margin-top: -85px;
}
.banner-logo {
    padding-top: 172px;
}

@media (max-width: 1023px) {
    .container {
        max-width: 100% !important;
    }
    .banner-home {
        margin-top: 0;
    }
    .banner-logo {
        padding-top: 82px;
    }   
}

@media (max-width: 767px) {
    .banner-logo {
        padding-top: 121px;
    }
}