.sec3head {
    font-size: 2.2vw !important;
}
#banner-btn {
    position: absolute;
    bottom: 22%;
    left: 8%;
    font-size: 1.5vw;
}
.button-list {
    font-size: 1.2vw;
}
.techsacare-footer {
    display: none !important;
}
.hatgirlimage {
    width: 100%;
}

.iconswidth {
    width: 70px !important;
}

ol li::marker {
    font-size: 1.8rem; /* Adjust the size as needed */
    color: #77B624; /* Optional: Change the color of the marker */
    transform: translateY(-50%);
}

.sec3 {
    padding: 0vw 4vw;
}

.sec3text {
    padding-top: 2vw;
    padding-left: 5vw;
}

body {
    overflow-x: hidden;
    background-color: white !important;
}


.banner img {
    width: 100%;
}

.section {
    padding: 4vw 0;
    text-align: center;
}

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





.green-bullet-list1 {
    padding-left: 1vw;
    list-style-type: decimal !important;
}


.green-bullets {
    text-align: left;
}


.square-area {
    background: #FCF9EB;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.square-area p {
    font-size: 2vw;
    margin-bottom: 30px;
}


@media (max-width: 1500px) {
    .sec3text {
        padding-top: 2vw;
        padding-left: 3vw;
    }
}


@media (max-width: 1200px) {
    #banner-btn {
        bottom: 18%;
        left: 8%;
        font-size: 1.7vw;
    }
    .button-list {
        font-size: 1.7vw;
    }
}
@media (max-width: 992px) {
    .iconswidth {
        width: 75px !important;
    }
    .sec3head {
        font-size: 5.7vw !important;
    }
}

@media (max-width: 841px) {
    .iconswidth {
        width: 8vw !important;
    }
}

@media (max-width: 768px) {
    .section {
        padding: 10vw 0;
    }
    .list-button {
        justify-self: center;
    }

    .iconswidth {
        width: 90px !important;
    }
    #banner-btn {
        bottom: 52%;
        left: 4.3%;
        font-size: 2.2vw;
    }
    .button-list {
        font-size: 3vw;
    }
    .section5 {
        padding: 5vw 0;
        padding-bottom: 8vw;
    }

    ol li::marker {
        font-size: 5.8vw;
    }

    .sec3head {
        text-align: center;
    }

    .section p {
        font-size: 5vw;
    }

    .section h1 {
        font-size: 9vw !important;
    }
    #PageBanner {
        display: none !important;
    }
    #MobBanner {
        display: block !important;
    }
    .green-bullet-list1 {
        padding-left: 4vw;
    }
}

@media (max-width: 576px) {
    .iconswidth {
        width: 19vw !important;
    }
    .button-list {
        font-size: 4.5vw;
    }
}
@media (max-width: 500px) {
    #banner-btn {
        bottom: 52%;
        left: 3%;
        font-size: 3vw;
        padding: 1.5vw;
    }
}