@media (max-width: 768px) {
    .locations-list li:nth-child(1)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 30px !important;
    width:30px !important;
    background-image: url(https://cdn-icons-png.flaticon.com/512/17678/17678881.png);
    background-repeat: no-repeat;
    background-size: contain;
}
    
}
/* Media query for tablet devices and smaller screens */
@media (max-width: 768px) {
    /* .contain1{
        overflow: hidden !important;
    } */
    .intro-section {
        padding: 10px;
        text-align: center;
        /* Center content for smaller screens */
    }

    .intro-section .logo-container {

        width: 200px;
        height: 200px;
        margin-bottom: 20px;
        /* Add space between image and text */

    }
    .intro-section .logo-container img {
        width: 80px;
    }

    .intro-section .circle-image {
        width: 135px;
        height: 135px;
        left: calc(50% - 70px);
     
    }

    .text-container {
        display: block;
        /* Ensure it's treated as a block element */
        margin-top: 170px;
        /* Add space above the text container */
    }

    .text-container h1 {
        font-size: 5rem;
        /* Adjust heading size */
    }
    .text-container img{
        width: 65%;
      
    }

    .text-container h2 {
        font-size: 0.8rem;
    
    }

    .date-time-box {
        display: flex;
    }

    .date-div p {
        font-size: 1.3rem;

    }

    /* Styling for the time div */
    .time-div p {
        font-size: 1.3rem;
    }

    .intro-section::after {
        display: none;
    }

    .ph-container {
        align-items: flex-start;
    }

    .ph-container .icon {
        margin-right: 10px;
        padding: 5px;
    }

    .mail-container {
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .footer-section {
        flex-direction: column;
        padding: 10px;
        /* Reduce padding */
    }
.img-container{
    position: absolute;
    top: 10%;
    left: 30%;

}
.img-container img {
    width: 50px;

}
    .franchise-section::before {
        height: 80px;
        width: 80px;
    }

    .franchise-logo-container {

        width: 200px;
        height: 200px;

    }

    .circular-logo {
        position: absolute;
        top: 76px;
        left: 71px;
        width: 100px;
    }
    .logo-text {
        dis
    }
    .franchise-heading h1 span {
        font-size: 3.2rem;
        margin-left: 100px;
        text-align: center;
    }

    .text-dange {
        color: #fe4c40;
        font-size: 3.8rem;
    }
    .intro-section .right-design {
        display: none;
    }

    .locations-list {
        list-style-type: none;
        padding-left: 0;
        font-size: 1rem;
    }

    .locations-list li {
        font-size: 0.9rem;
        margin: 5px 0;
    }

    .col-lg-6,
    .col-md-6 {
        width: 50%;
        /* Ensure both columns take up 50% width on smaller screens */
        padding: 10px;
        /* Add padding to separate the columns */
    }

    .list-item {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .franchise-heading h1 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .franchise-heading {
        margin-left: 0rem !important;
    }

    .franchise-section::after {

        display: none;

    }

    .footer-section .cta-button a {
        font-size: 0.9rem;
        /* Reduce font size */
        padding: 8px 16px;
        /* Adjust padding */
    }

    .illustration-container::before {
        right: -48px;
        bottom: -91px;
        width: 250px;
        height: 250px;
    }

    .locations-list li {
        font-size: 1rem;
        color: #00035b;
        /* Dark text */
        display: flex;
        align-items: center;
        font-weight: 700;
        position: relative;
        padding-left: 60px;
        /* Increase padding to create space for the image */
    }

    .locations-list li::before {

        height: 20px;
        width: 20px;
   
    }

}

@media (max-width: 768px) {
    .franchise-section {
        padding: 10px;
        flex-direction: column;
        /* Stack the content */
        text-align: center;
    }

    .franchise-heading h1 {
        font-size: 2.5rem;
        /* Reduce the size of the heading */
        margin-left: 0;
        /* Remove margin */
    }

    .locations-list li {
        font-size: 1rem;
        /* Adjust font size */
        padding-left: 30px;
        /* Adjust padding */
    }

    .locations-list li::before {
        width: 25px;
        /* Reduce the size of the icons */
        height: 25px;
    }

    .service-section .services-heading {
        font-size: 3rem;
        margin-top: 20px;
    }
    .service-item p{
        font-size: 0.9rem;
    }
}

@media (max-width: 768px) {
    .service-section {
        flex-direction: column;

        padding: 10px 10px;

    }

    .service-item {
        width: 100%;
        min-height: auto;
        margin-bottom: 20px;
    }

    .service-item::before {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 600px) {

    .text-container h1 {
        font-size: 3.5rem;
    }

    .text-container h2 {
        font-size: 0.8rem;
        padding: 5px;
    }

    .footer-section p {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .locations-list li:nth-child(1)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 30px !important;
    width:30px !important;
    background-image: url(https://cdn-icons-png.flaticon.com/512/17678/17678881.png);
    background-repeat: no-repeat;
    background-size: contain;
}
    .logo-background-container {
        content: "";
        position: absolute;
        top: 0;
        left: -10px;
        height: 120px;
        width: 120px;
}
.logo-image {
    width: 100px;
}
.new-section::before {
    width: 100px;
    height: 40px;
}
.text-content{
    margin-top: 65px;
}
.text-content1{
    margin-top: 30px;
}
.text1{
    font-size: 1.5rem;
    font-weight: 700;
}
.text2{
    font-size: 2rem;
    font-weight: 600;
    margin-left: 40px;
}
.text3{
    font-size: 2rem;
    font-weight: 700;
    color: #b81903;
    margin-left: 70px;
}
.text4{
    font-size: 2.5rem;
    font-weight: 700;

}
.text5{
    font-size: 2.8rem;
    font-weight: 700;
    margin-left: 30px;
}
.text6{
    font-size: 3rem;
    font-weight: 600;
    margin-left: 20px;
}
.illustration-container1::before {
    width: 100px;
    height: 100px;

}
.illustration-image1 {
    max-width: 80%;
    height: auto;
    /* margin-right: 20px; */
}
.register-btn{
    margin-top: 90px;
}

}