* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-variation-settings:
        "slnt"0;
    background-color: #fff;
}

h1, p, ul, li {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #fff;
}

/* Global Classes */
.flex-row {
    display: flex;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.justify-between {
    justify-content: space-between;
}

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

.justify-end {
    justify-content: flex-end;
}

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

.items-end {
    align-items: flex-end;
}

.button-learn {
    height: 64px;
    width: 214px;
    display: inline-block;
    padding: 17px 50px;
    background-color: #1273A0;
    border-radius: 1.5rem;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.right-border {
    border-right: 3px solid #fff;
}

.card-border {
    border-left: 2px solid rgba(0, 0, 0, 0.5);
    border-right: 2px solid rgba(0, 0, 0, 0.5);
    border-bottom: 4px solid rgba(0, 0, 0, 0.5);
}

.p-30px-400-fff {
    font-size: 1.875rem;
    font-weight: 400;
    color: #fff;
}

.p-20px-400-fff {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.fs-48px {
    font-size: 48px;
}

.fs-35px {
    font-size: 35px;
}

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

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

.clr-fff {
    color: #fff;
}

.clr-000 {
    color: #000;
}

.mb-204 {
    margin-bottom: 204px;
}

/* Top Header */
.top-header {
    background-color: #fff;
    height: 125px;
    max-width: 1728px;
    width: 100%;
    margin: auto;
    position: relative;
}

.icon-wrapper {
    gap: 2.9375rem;
    padding-right: 4.3125rem;
}

.call-icon {
    background-color: #D9D9D9;
    width: 70px;
    height: 70px;
    margin-top: 2.3125rem;
    border-radius: 50%;
    cursor: pointer;
}

.search-container {
    display: none;
    position: absolute;
    top: 157px;
    right: 69px;
    max-width: 797px;
    width: 90%;
    height: 212px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .5);
    padding: 0 2rem 0 2.5625rem;
}

.cross-content h1 {
    font-size: 30px;
    margin-top: 30px;
}

.cross-content .cross-icon {
    margin-top: 10px;
    cursor: pointer;
}

.search-field-row {
    gap: 20px;
    margin-top: 2.5rem;
}

.search-field-row .search-field {
    width: 496px !important;
    height: 54px;
    background-color: transparent;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.5);
    padding: 0 16px;
    border: 1px solid #000;
    border-radius: 5px;
}

.search-field-row button {
    width: 180px;
    height: 53px;
    border-radius: 10px;
    background-color: #1273A0;
    border: none;
    color: #fff;
    font-size: 1.5rem;
}

/* Header */
header {
    background-color: #1273A0;
}

.header-wrapper {
    gap: 79px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    height: 85px;
}

.header-wrapper .patients {
    cursor: pointer;

}

.patients .patients-bar {
    height: 3px;
    width: 100%;
    background-color: #fff;
}

header a {
    color: #fff;
}

.bar-wrapper {
    position: relative;
}

.active-bar {
    position: absolute;
    top: 30px;
    left: 0;
    height: 3px;
    width: 58px;
    background-color: #fff;
}

.become-client {
    width: 150px;
}

.Healthcare-rofessionals {
    width: 240px;
}

.Employers {
    width: 100px;
}

.patient-dropdown {
    display: none;
    width: 1180px;
    position: fixed;
    top: 216px;
    left: 62%;
    transform: translateX(-50%);
    z-index: 999;
}

/* .dropdown {
    width: 366px;
    border: 2px solid #fff;
} */

.dropdown a {
    display: inline-block;
    height: 57px;
    background-color: #1273A0;
    width: 246px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    padding-top: 14px;
    padding-left: 20px;
    border: 2px solid #fff;
}

.dropdown a:nth-child(3) {
    border-top: none;
}

.dropdown a:hover {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.dropdown-2 {
    display: none;
    transform: translateX(385px);
    margin-top: -65px;

}

/* Footer Section */
.footer-wrapper {
    height: 794px;
    background-color: #1273A0;
}

.footer-width {
    max-width: 1480px;
    width: 90%;
    margin: auto;
}

.footer-width .link-wrapper {
    padding: 0 0 0 4rem;
}

.link-col1 {
    width: 446px;
}

.link-col2 {
    padding-left: 6.375rem;
}

.link-col h1 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}

.link-col a {
    font-size: 24px;
    font-weight: 500;
    margin-top: 2.6875rem;
    color: #fff;
}

.footer-bottom {
    background-color: #fff;
    padding: 1.25rem;
    text-align: center;
    font-size: 20px;
}

/* Hero Section */
#hero-section {
    margin-top: 2.875rem;
}

.hero-img {
    background-image: url('../img/hero-img.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 626px;
}

.hero-img-about-us {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/contact-us-cover.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 626px;
}

.hero-content {
    max-width: 1480px;
    width: 90%;
    margin: auto;
}

.hero-content h1 {
    font-size: 4.375rem;
    font-weight: 600;
    width: 75%;
    color: #fff;
}

/* Health Control Section */
.health-control {
    width: 100%;
    padding: 3.25rem 0 3.25rem;
}

.health-control-wrapper {
    max-width: 1480px;
    width: 90%;
    margin: auto;
}

.health-control h1 {
    font-size: 35px;
    font-weight: 600;
    color: #000;
    text-align: center;
    line-height: 1.3;
}

.health-control p {
    text-align: center;
    font-size: 20px;
    color: #000;
    margin-top: 1.875rem;
    line-height: 1.3;
}

/* Testing Section */
.testing {
    background-color: #1273A0;
    padding: 1rem 0;
}

.drug-testing {
    margin: 8rem;
    display: flex;
    justify-content: center;
    gap: 193px;
}

.drug-col {
    width: 541px;
}

.img-fluid {
    width: 825px;
    height: 517px;
}

.img-fluid-prepare-for-test {
    height: 518px;
}

.img-fluid-main {
    width: 541px;
    height: 283px;
}

.img-fluid-drugs {
    width: 400px;
}

.img-fluid-logo {
    margin: 4rem;
    max-width: 100%;
    height: auto;
}

.drug-content {
    background-color: #fff;
    padding: 34px 34px 64px;
    border-bottom-left-radius: 1.875rem;
    border-bottom-right-radius: 1.875rem;
    text-align: center;
}

.drug-content h1 {
    font-size: 28px;
    color: #000;
    line-height: .5;
    font-weight: 500;
    text-align: left;
}

.drug-content p {
    font-size: 19.4px;
    color: #000;
    margin-top: 2.8125rem;
    text-align: left;
}

.drug-content .learn-more {
    margin-top: 3.4375rem;
}

/* who-are-we section */
.who-are-we {
    margin-top: 2rem;
    background-image: url('../img/who-we-are.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 523px;
}

.testing-service {
    max-width: 1480px;
    width: 90%;
    margin: auto;
}

.testing-service h1 {
    font-weight: 600;
    font-size: 40px;
    color: #fff;

}

.testing-service p {
    width: 75%;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin-top: 3.5rem;
    line-height: 1.3;
}

.testing-service .button-learn {
    margin-top: 6.9375rem;
}

/* col-section */
.col-section {
    height: 326px;
    background-color: #1273A0;
}

.col-wrapper {
    max-width: 1729px;
    width: 100%;
    margin: auto;
}

.col-details {
    padding: 4.2rem 0 4.2rem;
}

.col-details p {
    width: 65%;
    margin: auto;
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
}

/* Operation Theater */
.operation-theater {
    margin: 0 0 2rem;
    background-image: url('../img/operation-theater.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 619px;
}

.operation-content {
    max-width: 1565px;
    width: 90%;
    margin: auto;
}

.operation-content p {
    font-size: 2.5rem;
    font-weight: 600;
    color: #fff;
}


/* About US Page */
/* Health Control Section */
.unique-control {
    width: 100%;
    padding: 3.5625rem 0 0 0;
}

.unique-control-wrapper {
    max-width: 1280px;
    width: 90%;
    margin: auto;
}

.unique-control-wrapper h1 {
    font-size: 36px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

.unique-control-wrapper p {
    font-size: 20px;
    color: #000;
    margin-top: 3.8125rem;
}

/* 5C Section */
.c5-section {
    background-color: #1273A0;
    padding: 4.25rem 0 5.25rem;
}

.c5-wrapper {
    max-width: 1585px;
    width: 90%;
    margin: auto;
}

.c5-heading {
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
}

.c5-heading-2 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin-top: 2rem;
    line-height: 1;
}

.c5-content {
    margin-top: 4.75rem;
}

.c5-p {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.map-img {
    height: 469px;
}

/* Contact-section */
.contact-section {
    margin-bottom: 2rem;
    height: 638px;
    background-image: url('../img/about/confused.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.confused-wrapper {
    max-width: 1585px;
    width: 90%;
    margin: auto;
}

.contact-card {
    height: 344px;
    background-color: #1273A0;
    padding: 60px 0;
    width: 592px;
    border-radius: 10px;
}

.contact-card h1 {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
}

.contact-card p {
    color: #fff;
    font-weight: 500;
    font-size: 30px;
    margin-top: 8px;
}

.contact-card a {
    display: inline-block;
    border: 3px solid #fff;
    border-radius: .75rem;
    height: 4.5625rem;
    width: 266px;
    margin-top: 2.375rem;
    color: #fff;
    font-weight: 500;
    font-size: 1.875rem;
    padding-top: 12px;
}

/* Covid-19-testing */
.breadcrumb-new {
    height: 200px;
}

.breadcrumb {
    height: 547px;
}

.breadcrumb-new, 
.breadcrumb {
    background-color: #1273A0;
    margin-top: 2.875rem;
    border-radius: 0;
}

.breadcrumb-wrapper {
    padding: 1.125rem 3rem;
    max-width: 1729px;
    width: 100%;
    margin: auto;
}

.breadcrumb-new h1,
.breadcrumb h1 {
    font-size: 4rem;
    font-weight: 600;
    color: #fff;
    margin-top: 0.9rem;
}

.covid-body-content {
    background-color: #fff;
    padding: 6.5625rem 0;
}

.first-row {
    max-width: 1729px;
    width: 100%;
    margin: auto;
    padding: 0 3rem;
    gap: 2rem;
}

.img-content {
    max-width: 825px;
}

.img-content p {
    margin-top: 2.4375rem;
    font-size: 20px;
    color: #000;

}

.img-col-right {
    height: 689px;
    width: 603px;
    background-image: url('../img/covid.png');
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    border-radius: 32px;
}

.img-col-right h1 {
    width: 60%;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    line-height: 72px;
}

.img-col-right a {
    display: inline-block;
    border: 3px solid #fff;
    border-radius: .75rem;
    height: 59px;
    width: 245px;
    margin-top: 4.6875rem;
    color: #fff;
    font-weight: 500;
    font-size: 32px;
    padding-top: 2px;
    background-color: #1273A0;
}

.first-card {
    max-width: 1228px;
    width: 100%;
    margin: auto;
    margin-top: 7.0625rem;
}


.first-card-get-started{
    max-width: 1228px;
    width: 100%;
    margin: auto;
    margin-top: 13.0625rem;
}

.covid-card {
    height: 279px;
    width: 461px;
    background-color: #1273A0;
    padding: 4.125rem 0 6.3125rem;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
}

.covid-card:hover {
    transform: scale(1.1);
}


.icon-wrapper-card {
    width: 75px;
    background-color: #fff;
    border-radius: 50%;
}

.card-text {
    margin-top: 30px;
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
}

.second-card {
    max-width: 1550px;
    width: 90%;
    margin: auto;
    margin-top: 6.1875rem;
}

.covid-card2 {
    height: 361px;
    width: 347px;
    background-color: #1273A0;
    padding: 5.8125rem 0 0 0;
    border-radius: 50px;
    transition: transform 0.3s ease-in-out;
}
.covid-card2:hover {
    transform: scale(1.1);
}

.gallery-col {
    transition: transform 0.3s ease-in-out;
}

.gallery-col:hover {
    transform: scale(1.1);
}



.card-top {
    margin-top: 72px;
}

/* symptoms */
.symptoms {
    max-width: 1550px;
    width: 90%;
    margin: auto;
}

.symptoms-wrapper {
    margin-top: 3.4375rem;
}

.h1-symptoms {
    font-size: 35px;
    font-weight: 600;
    color: #000;
    line-height: 1.3;
}

.h1-flu {
    font-size: 35px;
    font-weight: 500;
    color: #000;
    margin-top: 2.125rem;
}

.p-flu {
    width: 95%;
    font-size: 20px;
    color: #000;
    margin-top: 3.375rem;
}

.faq-Wrapper {
    margin-top: 8.4375rem;
}

.faq-q {
    padding: 2rem 0;
    border: 1px solid #1273A0;
    border-radius: 12px;
}

.question {
    cursor: pointer;
    border: none;
    background-color: transparent;
    font-size: 1.875rem;
    padding: 0 1.5rem;
    font-weight: 700;
    outline: none;
}

.question.active {
    border: none;
    /* Remove border when active */
}

button:focus {
    outline: none;
}

.answer {
    display: none;
    padding: 0 1.5rem;
    margin-top: .75rem;
    font-size: 1.5rem;
}

.faq-top {
    margin-top: 5.25rem;
}

.mtop-24px {
    margin-top: 2rem;
}

.covid-2 {
    margin-top: 5.25rem;
    padding-top: 5.25rem;
}

/* Refrences */
.references {
    margin-top: 5.25rem;
    padding-bottom: 7.3125rem;
}

.ref-wrapper {
    margin-top: 2.125rem;
}

.ref-wrapper h1 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.ref-wrapper p {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-top: 2px;
    padding: 0;
}

.ref-wrapper a {
    text-decoration: underline;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    color: #000;
}

.ref-top {
    margin-top: 1.875rem;
}

/* Get Tested Page */
.breadcrumb-get-tested {
    height: 464px;
}

.covid-img-wrapper {
    width: 91%;
    height: 441px;
    margin: auto;
    margin-top: 3.375rem;
}

.covid-img-wrapper-get-tested {
    width: 91%;
    height: 441px;
    margin: auto;
    margin-top: 7.375rem;
}

.covid-content-col {
    flex: 1;
    background-color: #fff;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    border-left: 2px solid rgba(0, 0, 0, 0.7);
    border-top: 2px solid rgba(0, 0, 0, 0.7);
    border-bottom: 2px solid rgba(0, 0, 0, 0.9);
}

.covid-img-col {
    flex: 1;
    background-image: url('../img/get-tested/test-library.png   ');
    background-size: cover;
    background-repeat: no-repeat;
    height: 441px;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
}

.covid-content-col .h1-get-tested {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    margin-top: 185px;
}

.covid-content-col a {
    padding: 7px 32px;
    background-color: #1273A0;
    border-radius: 17px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin-top: 2.125rem;
}

.get-tested-wrapper {
    max-width: 1486px;
    width: 85%;
    margin: auto;
    margin-top: 9rem;
}

.get-tested-wrapper2 {
    max-width: 1558px;
    width: 90%;
    margin: auto;
    margin-top: 9.75rem;
}

.get-tested-wrapper2 p {
    width: 100%;
}

.h1-get {
    font-size: 35px;
    font-weight: 600;
    color: #000;
}

/* Make An Appointment */
.mask-wearing {
    max-width: 1550px;
    width: 90%;
    margin: auto;
    background-color: #1273A0;
    padding: 2.5rem 5.25rem;
    margin-top: 108px;
}

.appointment-row {
    max-width: 1550px;
    width: 90%;
    margin: auto;
    gap: 3.125rem;
    margin-top: 6.625rem;
}

.text-content {
    font-size: 1.875rem;
    flex: 1;
}

.text-content p {
    margin-top: 2.9375rem;
}

.text-content a {
    display: inline-block;
    width: 339px;
    height: 70px;
    background-color: #1273A0;
    border-radius: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    padding-top: 19px;
    text-align: center;
    margin-top: 106px;
}

.img-appointment {
    background-image: url('../img/appointment.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 351px;
    width: 524px !important;
}

/* test-preparation */
.test-preparation {
    background-color: #fff;
    padding: 3.375rem 0 0;
}

.preparation-wrapper {
    max-width: 1543px;
    width: 90%;
    margin: auto;
}

.visit {
    margin-top: 5.5rem;
}

.visit .p-visit {
    font-size: 20px;
    color: #000;
    margin-top: 3rem;
}

.lab-order {
    margin-top: 7.25rem;
}

.lab-order .p-lab {
    font-size: 20px;
    color: #000;
    margin-top: 2.6875rem;
    padding-left: 3.75rem;
}

.lab-top {
    margin-top: 4.875rem;
}

.urine-drug {
    max-width: 1517px;
    width: 90%;
    margin: auto;
}

.urine-wrapper {
    gap: 72px;
}

.content-drug {
    flex: 1;
}

.content-drug h1 {
    margin-top: 2.4375rem;
}

.content-drug p {
    margin-top: 13px;
    font-size: 20px;
    color: #000;
    line-height: 24px;
}

.drug-img {
    background-image: url(../img/drug-testing/drug-testing.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 557px;
    width: 593px;
    margin-top: 4.5625rem;
}

.wrapper-2 {
    gap: 39px;
    margin-top: 2.5625rem;
}

.li-wrapper {
    margin-top: 1.7rem;
}

.li-wrapper li {
    font-size: 20px;
    color: #000;
}

.drug-img-2 {
    height: 717px;
    border-radius: 70px;
}

.h1-order {
    font-size: 32px;
    font-weight: normal;
    color: #fff;
    width: 60%;
    text-align: center;
}

.drug-img-2 a {
    display: inline-block;
    border: 3px solid #fff;
    border-radius: .75rem;
    height: 70px;
    width: 275px;
    margin-top: 4.6875rem;
    margin-bottom: 8.875rem;
    color: #fff;
    font-weight: 500;
    font-size: 32px;
    padding-top: 10px;
    text-align: center;
    background-color: #1273A0;
}

.gallery-card {
    gap: 3.4375rem;
}

.gallery-content {
    font-size: 2.25rem;
    font-weight: 500;
    padding: 2rem 0 2.25rem;
    text-align: center;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

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

.gallery-top-2 {
    margin-top: 7.125rem;
}

.drug-h1 {
    margin-top: 65px;
}

.drug-p {
    margin-top: 20px;
    font-size: 20px;
}

.guidelines {
    margin-top: 6.1875rem;
}

.guidelines-top {
    margin-top: 3.25rem;
}

.p-guidelines {
    font-size: 20px;
    margin-top: 1.25rem;
}

.diseases-section {
    background-color: #fff;
}

.diseases-wrapper {
    max-width: 1296px;
    width: 90%;
    margin: auto;
}

.wrapper-col {
    gap: 8.25rem;
}

.wrapper-col .col-text {
    height: 141px;
    font-size: 35px;
    font-weight: 600;
    flex: 1;
    border-radius: 16px;
    border: 2px solid #1273A0;
}

.wrapper-col-top {
    margin-top: 4.5625rem;
}

.contact-form {
    background-color: #fff;
    padding: 8.625rem 0 9rem;
}

.form-container {
    max-width: 1558px;
    width: 90%;
    margin: auto;
}

.get-heading {
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
}

.p-form {
    font-size: 20px;
    margin-top: 1rem;
}

.form-wrapper {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 6.6875rem 0 8.4375rem 2.0625rem;
    margin-top: 4rem;
    margin-left: 24px;
    margin-right: 5rem;
}

.form-inner {
    gap: 3.375rem;
}

.contact-info-col {
    width: 590px;
    background-color: #1273A0;
    padding-top: 35px;
    padding-left: 50px;
    border-radius: 8px;
    height: 833px;
    position: relative;
}

.circle-large {
    position: absolute;
    bottom: 17px;
    right: 0;
    background-color: rgba(155, 225, 255, 0.3);
    width: 269px;
    height: 269px;
    border-radius: 100%;
}

.circle-small {
    position: absolute;
    bottom: 151px;
    right: 180px;
    background-color: rgba(155, 225, 255, 0.3);
    width: 138px;
    height: 138px;
    border-radius: 100%;
}

.h1-contact-info {
    font-size: 1.75rem;
    font-weight: 600;
    color: #fff;
}

.p-live-chat {
    font-size: 1.125rem;
    color: #C9C9C9;
    margin-top: 6px;
}

.font-icon-row {
    color: #fff;
    gap: 1.5rem;
}

.font-icon-row i {
    width: 1.5rem;
    height: 1.5rem;
}

.font-icon-row a {
    font-size: 1rem;
    color: #fff;
}

.font-icon-row .location {
    font-size: 1rem;
    color: #fff;
    width: 62%;
}

.field-col {
    height: 833px;
}

form input[type="text"],
form input[type="email"],
form input[type="tel"] {
    width: 100%;
    outline: none;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    font-size: 20px;
    color: rgba(0, 0, 0, 0.5);
    background-color: transparent;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
    color: rgba(0, 0, 0, .5);
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: rgba(232, 240, 254, 0.4) !important;
    color: black !important;
    /* Assuming fieldtext is black */
}

form {
    width: 554px;
    gap: 80px;
    margin-top: 170px;
}

form input[type="submit"] {
    width: 263px;
    height: 70px;
    font-weight: 600;
    font-size: 24px;
    cursor: pointer;
    background-color: #1273A0;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 20px;
    margin-top: 120px;

}

.popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
}

.popup-wrapper {
    width: 903px;
    height: 546px;
    background-color: #fff;
    border-radius: 30px;
}

.pop-h1 {
    width: 60%;
    margin: auto;
    margin-top: 90px;
    margin-bottom: 50px;
}

.popup-wrapper a {
    display: inline-block;
    width: 263px;
    height: 70px;
    font-weight: 600;
    font-size: 24px;
    cursor: pointer;
    background-color: #1273A0;
    color: #fff;
    border-radius: 20px;
    padding-top: 20px;
    margin-top: 63px;
}