.social-icon {
    width: 70px !important;
}
.popup-content h2 {
    color: #291B4A; /* Green color */
    font-size: 50px; /* Font size 60 (adjust as needed) */
    font-weight: bold; /* Bold style */
}

.popup-content p {
    color: #0B1B58; /* Blue color */
    font-size: 25px; /* Font size 30 (adjust as needed) */
}
/* Styles for the popup */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 2;
}

@media (max-width: 372px) {


    .pregli-guide-web {
        width: 18vw !important;
        height: 18vw !important;
    }
}

.pregli-guide-web {
    width: 8vw !important;
    height: 8vw !important;
}

@media (max-width: 1500px) {

    .pregli-guide-web {
        width: 12vw !important;
        height: 12vw !important;
    }
}

@media (max-width: 575px) {

    .pregli-guide-web {
        width: 16vw !important;
        height: 16vw !important;
    }
}


.popup-content {
    background-color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Close button */
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}

/* Input and button styles */
form {
    margin-top: 20px;
}


/* Close button style on hover */
.close-btn:hover {
    color: red;
}

/* Style for button hover effect */
button[type="submit"]:hover {
    background-color: #0055cc;
}


/* Pop Up Coding Ends Here */

body {
    background-color: white !important;
}

.menu-title {
    padding: 0px !important;
}

.techsacare-footer {
    display: none !important;
}

.line-break-lg {
    white-space: nowrap;
}

#sectiontitle {
    width: 30vw;
}

.image1 {
    width: 30vw;
}

.sec3textpadding {
    padding-left: 2.7vw;
}

.section3padding {
    padding-left: 7vw;
    padding-right: 7vw;
    margin-top: 2vw;
}

.section3text {
    padding-left: 5vw;
    margin-top: 10vw;
}

.curved-section {
    background-image: url('/image/HeartRate%20Tracker%20Landing%20Page/curvedsection.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.pagelists-sec5padding {
    padding-left: 1.3vw;
}

.pagelists {
    font-size: 2vw;
}

.pagelists-sec5 {
    font-size: 1.2vw;
}

.pagelists2 {
    font-size: 2vw;
}

.curved-section .container {
    position: relative;
    z-index: 2;
}

    .curved-section .container p {
        margin-top: 20px;
    }

/* Section 1 Styles */
.section1 {
    background-color: #ffffff;
    padding: 50px 0 0 0;
}

#section1image {
    width: 39vw;
    position: relative;
    margin-top: -28vw;
    margin-left: 50vw;
    z-index: 1;
}

.section1-text {
    font-size: 2vw;
    font-weight: 500;
}

.section2 {
    background-color: #ffffff;
    padding: 50px 0 0 0;
}

.section2-heading {
    font-size: 4vw;
    font-weight: 900;
    text-align: center;
    color: #8B5BFA !important;
}

.feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.line-heightheading {
    line-height: 1;
}

.tickimg {
    width: 1.8vw;
}

.section3 {
    background-color: #ffffff;
}

.section3-heading {
    font-size: 3.5vw;
    font-weight: 900;
    color: #8B5BFA !important;
}
/* Section 4 Styles */
.section4 {
    background-image: url('background-image.jpg'); /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    padding: 5vw 5vw 0 5vw;
    color: #ffffff !important;
}

.section4-heading {
    font-size: 3.5vw;
    font-weight: 900;
    color: #ffffff !important;
}

.graph-text {
    font-size: 18px;
    margin-bottom: 20px;
}

.mob-section-4 {
    background-image: url('/image/HeartRate Tracker Landing Page/section4.2.png');
    background-size: cover;
    height: 48vw;
}
/* Section 5 Styles */
.section5 {
    background: radial-gradient(at bottom left, #FFB2C4 0%, #FEEFF5 25%, #ECF3F8 80%, #FAFAFA 100%);
    padding: 50px 0;
}

.section5-heading {
    width: 28vw;
}

.section5-text {
    font-size: 18px;
    margin-bottom: 20px;
}
/* Footer Styles */
.footer {
    background-color: #ffffff;
    padding: 30px 0;
}

.footer-text {
    font-size: 1.5vw;
    color: #333333;
    font-weight: 300;
}

@media (min-width: 992px) {
    .line-break-lg {
        white-space: normal;
    }
}

@media (min-width: 2000px) {
    .pagelists2 {
        padding-left: 2.75rem;
    }

    .footer-text {
        font-size: 1.2vw;
    }
}

@media (max-width: 2000px) {
    #section1image {
        width: 45vw;
        margin-top: -32vw;
        margin-left: 46vw;
    }
}

@media (max-width: 1600px) {
    #section1image {
        width: 47vw;
        margin-top: -35vw;
        margin-left: 45vw;
    }
}

@media (max-width: 1399px) {
    #section1image {
        width: 45vw;
        margin-top: -30vw;
        margin-left: 45vw;
    }

    .pagelists-sec5padding {
        padding-left: 1.5vw;
    }
}

@media (max-width: 1280px) {
    .mob-section-4 {
        height: 47vw;
    }
    .social-icon {
        width: 70px !important;
    }
    .image1 {
        width: 35vw;
    }

    .tickimg {
        width: 2.1vw;
    }

    .section3padding {
        padding-left: 5vw;
        padding-right: 5vw;
        margin-top: 3vw;
    }

    .section1-text {
        font-size: 2.5vw;
    }

    #section1image {
        width: 50vw;
        margin-top: -33vw;
        margin-left: 47vw;
    }
}

@media (max-width: 992px) {
    .footer-text {
        font-size: 1.6vw;
    }

    .pagelists-sec5 {
        font-size: 1.4vw;
    }

    .tickimg {
        width: 2.3vw;
    }

    .pagelists-sec5padding {
        padding-left: 1.9vw;
    }

    #sectiontitle {
        width: 35vw;
    }

    #section1image {
        width: 50vw;
        margin-top: -37vw;
        margin-left: 48vw;
    }
}

@media (max-width: 767px) {
    .mob-hide {
        display: none !important;
    }

    .playstorebtn {
        width: 30vw;
    }

    .section2 {
        padding: 0px;
    }

    .center-paragraph {
        text-align: center !important;
    }

    .section4-heading {
        font-size: 8vw;
    }

    .curved-section {
        background-image: url('/image/HeartRate%20Tracker%20Landing%20Page/curvedsectionmob.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .pagelists2 {
        font-size: 5vw;
    }

    .listweb {
        display: none;
    }

    .line-break-lg {
        white-space: nowrap;
    }

    .mob-show {
        display: block !important;
    }

    .mob-column {
        align-items: center !important;
        justify-content: center !important;
        text-align: center;
    }

    .tickimg {
        width: 4vw;
    }

    .footer-text {
        font-size: 2.8vw;
    }

    .mob-section-4 {
        background-image: url('/image/HeartRate Tracker Landing Page/mob-section4.png') !important;
        background-size: cover !important;
        height: 265vw !important;
    }

    #section1image {
        width: 80vw;
        margin-top: -16rem;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 5rem;
    }

    #sectiontitle {
        width: 55vw;
        padding-left: 5vw;
    }

    .section4 {
        padding: 0px !important;
    }

    .image1 {
        width: 60vw;
    }

    .section1-text {
        font-size: 4.2vw;
        padding-left: 5vw;
    }

    .section5-heading {
        width: 60vw;
    }

    .section3-heading {
        font-size: 6vw;
    }

    .curved-section {
        padding-top: 200px;
    }

    .pagelists {
        font-size: 4.3vw;
    }

    .pagelists-sec5 {
        font-size: 4.3vw;
    }

    .section2-heading {
        font-size: 7.9vw;
        margin-bottom: 0px !important;
        top: 24vw;
        position: relative;
    }

    .pagelists-sec5padding {
        padding-left: 23vw;
    }

    .pagelists-seccurve {
        padding-left: 5rem;
    }
}

@media (max-width: 720px) {
    .pagelists-seccurve {
        padding-left: 6rem;
    }
}

@media (max-width: 650px) {
    #section1image {
        margin-top: -17rem;
    }

    .pagelists-seccurve {
        padding-left: 7.4rem;
    }
}

@media (max-width: 668px) and (min-width:551px) {
    #sectiontitle {
        padding-left: 6rem;
    }

    .section1-text {
        padding-left: 6rem;
    }
}



@media (max-width: 600px) {
    .pagelists-seccurve {
        padding-left: 8.5rem;
    }
}

@media (max-width: 575px) and (min-width: 551px) {
    .pagelists-seccurve {
        padding-left: 10.5rem;
    }
}

@media (max-width: 550px) {

    #section1image {
        width: 90vw;
        margin-top: -17rem;
    }

    .playstorebtn {
        width: 40vw;
    }

    .mob-section-4 {
        height: 265vw;
    }

    #sectiontitle {
        width: 80vw;
    }

    .image1 {
        width: 80vw;
    }

    .section1-text {
        font-size: 5.5vw;
    }

    .section5-heading {
        font-size: 5vw;
    }

    .tickimg {
        width: 4.2vw;
        padding-top: 1.5vw;
    }

    .pagelists {
        font-size: 5vw;
    }

    .pagelists1 {
        font-size: 5.5vw;
    }

    .pagelists-sec5 {
        font-size: 5.5vw;
    }

    .padding2 {
        padding-left: 10vw !important;
        padding-right: 6vw;
    }

    .pagelists-seccurve {
        padding-left: 14vw;
    }

    .section2-heading {
        font-size: 8vw;
    }

    .footer-text {
        font-size: 15px;
    }

    .section5-heading {
        width: 80vw;
    }

    .section3-heading {
        font-size: 9vw;
    }

    .pagelists-sec5padding {
        padding-left: 16vw;
    }

    .playstorebtn {
        width: 40vw !important;
    }
}

@media (max-width: 450px) {
    #section1image {
        margin-top: -17rem;
    }
    .social-icon {
        width: 15vw !important;
    }
}

@media (max-width: 400px) {
    #section1image {
        margin-top: -17rem;
    }

    .playstorebtn {
        width: 45vw;
    }

    #sectiontitle {
        padding-left: 0;
    }

    .section1-text {
        font-size: 6vw;
        padding-left: 0;
    }

    .section2-heading {
        font-size: 8.5vw;
    }

    .tickimg {
        width: 6vw;
        padding-top: 0.5vw;
    }

    .section3-heading {
        font-size: 11vw;
    }

    .playstorebtn {
        width: 45vw !important;
    }
}

@media (max-width: 300px) {
    .pagelists1 {
        font-size: 6vw;
    }

    .playstorebtn {
        width: 50vw;
    }

    .pagelists-sec5 {
        font-size: 6vw;
    }

    .pagelists-seccurve {
        padding-left: 11vw;
    }

    .pagelists-sec5padding {
        padding-left: 14vw;
    }

    .playstorebtn {
        width: 55vw !important;
    }

    #section1image {
        margin-top: -18rem;
        width: 95vw;
    }
}

@media (max-width: 276px) {
    .footer-text {
        font-size: 10px;
    }
}