@media (max-width:1200px) {
    .hero-section .main-heading-style {
        padding: 20px 0px;
        font-size: 32px;
    }
    .content-container-inner .text-purple{
        padding: 0px !important;
    }
    .about-wrapper {
        background-repeat:round;
    }
}

@media (max-width:992px) {
    .hero-section .image-container img {
        width: 100%;
    }

   
.hero-section .content-container {
    padding-left: 0px;
}
    .hero-section .main-heading-style {
        padding: 20px 0px 10px 0px;
        font-size: 28px;
    }

    .hero-section .sub-heading-content {
        margin: 14px 0px;
    }
    .border-left{
    border-top: 2px solid white;
    border-left: none;
    padding-left: 14px;
}
.accordion-section{
        padding: 0px !important;
        margin: 0px !important;
    }
    .hero-section {
    min-height: 100vh;
    z-index: 1;
}
.about-wrapper .paracontent{
    padding-left: 0px !important;
}

}
@media (max-width:768px) {
    .border-left {
        border-top:unset;
    
    }
}

@media (max-width:576px) {
    .bg-color {
    padding: 24px 12px;
}
.cstm-padding {
    padding: 24px 20px !important;
}
.blog-heading
{
    width: 100% !important;
}
.blog-heading .inner-content{
    padding: 34px 0px;
}
.carousel-control-prev,
.carousel-control-next {
    width: 2rem;
    height: 2rem;
    background-color: rgb(77, 77, 77);
    border-radius: 50%;
    top: 40%;
    transform: translateY(-35%);
}
.custom-height{
    height: unset;
}
.image-container img{
    height: unset;
}
.hero-section .image-container {
    height:unset;
}
}

@media (max-width:400px) {
    .download-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .content-footer .download-btn img {
        padding: 30px 10px;
    }

    .para-content {
        line-height: 32px;
    }

    .hero-section .main-heading-style {
        padding: 20px 0px 10px 0px;

    }

.hero-section > .container {
    margin: 24px 0px;
}
   
.accordion-section{
        padding: 0px !important;
        margin: 0px !important;
    }
    .accordion-header button{
        padding: 0px;
    }
    .cstm-bg-res{
        background-image: linear-gradient(to bottom, #439ed3, #e0f4ff);
    }

    .about-wrapper{
        background-image: unset;
    }
    .border-left {
        border-top:unset;
      
    }
   .cstm-bg-res{
    background-image: url("../images/image/mobile-bg.png");
   }
   .cstm-color{
    padding-left: 0px !important;
   }
}



@media screen and (min-width: 576px) {
    .carousel-inner {
        display: flex;
        width: 90%;
        margin-inline: auto;
        padding: 1em 0;
        overflow: hidden;
    }

    .carousel-item {
        display: block;
        margin-right: 0;
        flex: 0 0 calc(100% / 2);
    }
}

@media screen and (min-width: 768px) {
    .carousel-item {
        display: block;
        margin-right: 0;
        flex: 0 0 calc(100% / 3);
    }
}
@media (min-width:1980px) {
    .hero-section {
    min-height: unset;
    z-index: 1;
}
}