/* ***********************sec1-slide1************************** */

.inspireel-hm-sec1-main-slide1{
    height: 100vh;
    background: url(images/inspireel-hm-sec1-slide-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5% 0% 5% 0%;
}


.inspireel-hm-sec1-main-slide1-div1-img1{
    margin: 0% 0% 0% 3%;
    width: 7%;
}

.inspireel-hm-sec1-main-slide1-div2{
    margin: 3% 40% 0% 3%;
}

.inspireel-hm-sec1-main-slide1-div2-p1{
    margin: 18% 0% 0% 3%;
    color: #FFFFFF;
    font-size: 3rem;
    font-weight: 600;
    font-family: "Noto Serif", serif;
}

.inspireel-hm-sec1-main-slide1-div2-p2{
    margin: 3% 0% 0% 3%;
color: #FFFFFF;
font-size: 1.8rem;
font-weight: 500;
}


@media (min-width:310px) and (max-width:999px){
.inspireel-hm-sec1-main-slide1-div2 {
    margin: 3% 22% 0% 3%;
}

.inspireel-hm-sec1-main-slide1{
    height: auto;
    background: url(images/inspireel-hm-sec1-slide-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.inspireel-hm-sec1-main-slide1-div2-p1 {
    margin: 18% 0% 0% 3%;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: "Noto Serif", serif;
}


.inspireel-hm-sec1-main-slide1-div2-p2{
    margin: 3% 0% 0% 3%;
color: #FFFFFF;
font-size: 1.2rem;
font-weight: 500;
}

}






.typing {
    display: inline-block;
    overflow: hidden; /* Ensures the content is hidden while typing */
    white-space: nowrap; /* Prevents text from wrapping */
    border-right: 3px solid; /* Cursor */
    animation: typing 5s steps(30, end) 1s infinite, blink-caret 0.75s step-end infinite;
}

@keyframes typing {
    0% { width: 0; }
    70% { width: 100%; }
    100% { width: 100%; }
}

@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: black; }
}
/* ***********************sec1************************** */
.d-f-center-jut{
    display: flex;
    align-items: center;
    justify-content: center;
}
.inspireel-hm-sec1{
    background: url(images/inspireel-hm-sec1-bg.png);
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
}


.inspireel-hm-sec1-sub1{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 10% 0% 10% 0%;
}
.inspireel-hm-sec1-sub-main{
    width: 40%;
    background-color: rgba(255, 254, 254, 0.701);
    border-radius: 14px;
    padding: 2% 3% 2% 3%;
    height: fit-content;
    margin: 0% 0% 0% 4%;
}
.inspireel-hm-sec1-sub-main-p1{
    color: #333333;
    font-size: 3rem;
    font-weight: 700;
    margin: 0% 0% 7% 0%;
}

.inspireel-hm-sec1-sub-main-btn1{
    color: #FFFFFF;
    background: #E47536;
    padding: 2% 10% 2% 10%;
    border-radius: 8px;
    font-size: 1.5rem;
    text-decoration: none;
    font-weight: 700;
}




@media (min-width:310px) and (max-width:768px){



    
    .inspireel-hm-sec1-sub-main-p1{
        color: #333333;
        font-size: 1.6rem;
        font-weight: 700;
        margin: 0% 0% 7% 0%;
    }
  
    .inspireel-hm-sec1-sub-main {
        width: 69%;
        background-color: rgba(255, 254, 254, 0.701);
        border-radius: 14px;
        padding: 5% 3% 5% 3%;
        height: fit-content;
        margin: 0% 0% 0% 4%;
    }

    .inspireel-hm-sec1-sub-main-btn1 {
        color: #FFFFFF;
        background: #E47536;
        padding: 2% 7% 2% 7%;
        border-radius: 8px;
        font-size: 1.2rem;
        text-decoration: none;
        font-weight: 700;
    }
}
/* ***********************sec2************************** */

.inspireel-hm-sec2{
    height: auto;
    background-color: #E9E2F1;
    padding: 5% 0% 5% 0%;
}

.inspireel-gm-sec2-row1-left-col-img1{
    width: 70%;
}
.inspireel-gm-sec2-row1-left-col-p1{
    color: #6A3DA4;
    font-size: 1.2rem;
    margin: 4% 0% 4% 0%;

}


.inspireel-gm-sec2-row1-left-col{
    margin: 5% 5% 5% 6%;

}

.inspireel-gm-sec2-row1-left-col-main{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.inspireel-gm-sec2-row1-left-col-a1{

    color: #FFFFFF;
    background: #E47536;
    padding: 1% 5% 1% 5%;
    border-radius: 8px;
    font-size: 1.5rem;
    text-decoration: none;
}


.inspireel-gm-sec2-row1-right-col-img1{
    width: 100%;
    border: 10px solid #E47536;
    border-right: none;
}





@media (min-width:310px) and (max-width:768px){

    .inspireel-gm-sec2-row1-left-col-p1 {
        color: #6A3DA4;
        font-size: 1rem;
        margin: 4% 0% 4% 0%;
    }

    .inspireel-gm-sec2-row1-right-col-img1 {
        width: 75%;
        border: 10px solid #E47536;
        /* border-right: none; */
    }.inspireel-gm-sec2-row1-right-col-img1 {
        width: 75%;
        border: 10px solid #E47536;
        /* border-right: none; */
    }

    .inspireel-gm-sec2-row1-right-col2{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .inspireel-gm-sec2-row1-left-col-a1 {
        margin: 0% 0% 0% 2%;
    }
}

/* ***********************sec3************************** */

.inspireel-hm-sec3{
    background: url(images/inspireel-hm-sec3-bg1.png);
    padding: 5% 0% 5% 0%;
    background-size: cover;
    background-repeat: no-repeat;
}


.inspireel-sec3-row-col1-card-bdy1{
    background-color: #6A3DA4;
}

.inspireel-sec3-row-col1-card-bdy2{
    background-color: #6A3DA4;
}

.inspireel-sec3-row-col1-card3{
    background-color: #6A3DA4;
    
}
.inspireel-sec3-row-col1-card-bdy3{
    background: url(images/inspireel-hm-sec3-img1.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}


.inspireel-sec3-row-col1-card-bdy1-p1{
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}

.inspireel-sec3-row-col1-card-bdy1-p2{
   color: #FFFFFF;
   font-size: 1.2rem; 
   text-align: center;
}






/* ***********************sec4************************** */

.inspireel-hm-sec4{
    height: auto;
    background-color: #E9E2F1;
    padding: 5% 4% 5% 4%;
}

.inspireel-hm-sec4-row1-col-left{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.inspireel-hm-sec4-row1-col-left-sub-p1{

    font-size: 1.5rem;
    font-weight: 700;
    color: #6A3DA4;
}

.inspireel-hm-sec4-row1-col-left-sub-p2{
    color: #6A3DA4;
    font-size: 1.2rem;
}

.inspireel-hm-sec4-row-rgit-col-img1{
    width: 70%;
}

.inspireel-hm-sec4-row-right-col{
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (min-width:310px) and (max-width:768px){


    
    .inspireel-hm-sec4-row1-col-left-sub-p1 {
        font-size: 1.3rem;
        font-weight: 700;
        color: #6A3DA4;
    }

    .inspireel-hm-sec4-row1-col-left-sub-p2 {
        color: #6A3DA4;
        font-size: 1rem;
    }

}
/* ***********************sec5************************** */


.inspireel-hm-sec5{
    height: auto;
    background: url(images/inspireel-hm-sec3-bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5% 2% 5% 2%;
}

.inspireel-hm-sec5-title1{
    font-size: 3rem;
    color: #6A3DA4;
    text-align: center;
    font-weight: 700;
}

.inspireel-hm-sec5-row1{
    display: flex;
    justify-content: space-around;
    
}

.inspireel-hm-sec5-row1-crd-bdy1{
    background-color: #E47536;
    padding: 10% 5% 10% 5%;
}

.inspireel-hm-sec5-row1-crd-bdy1-img1{
    width: 50%;
}

.inspireel-hm-sec5-row1-crd-bdy1-p1{
    font-size: 1.5rem;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
    margin: 10% 0 2% 0%;
}

.inspireel-hm-sec5-row1-col1{
    margin-top: 5%;
}
.inspireel-hm-sec5-row1-crd-bdy2-img2{
    width: 50%;
}
.inspireel-hm-sec5-row1-crd-bdy2{
    background-color: #6A3DA4;
    padding: 10% 5% 10% 5%;
}

.inspireel-hm-sec5-row1-crd-bdy2-p1{
    font-size: 1.5rem;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
    margin: 10% 0 2% 0%;
}


.inspireel-hm-sec5-row1-crd-bdy3{
    background-color: #E47536;
    padding: 10% 5% 27% 5%;
}
.inspireel-hm-sec5-row1-crd-bdy3-img3{
    width: 50%;
}
.inspireel-hm-sec5-row1-crd-bdy3-p1{
    font-size: 1.5rem;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
    margin: 10% 0 2% 0%;
}


.inspireel-hm-sec5-row1-col4{
    margin-top: 5%;
}
.inspireel-hm-sec5-row1-crd-bdy4{
    background-color: #6A3DA4;
    padding: 10% 5% 10% 5%;
}
.inspireel-hm-sec5-row1-crd-bdy4-img4{
    width: 50%;
}
.inspireel-hm-sec5-row1-crd-bdy4-p1{
    font-size: 1.5rem;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
    margin: 10% 0 2% 0%;
}



.inspireel-hm-sec5-row1-crd-bdy5{
    background-color: #E47536;
    padding: 10% 5% 10% 5%;
}

.inspireel-hm-sec5-row1-crd-bdy5-img5{
    width: 50%;
}


.inspireel-hm-sec5-row1-crd-bdy5-p1{
    font-size: 1.5rem;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
    margin: 10% 0 2% 0%;
}



@media (min-width:310px) and (max-width:768px){

   
   
    .inspireel-hm-sec5-title1 {
        font-size: 2rem;
    
    }
    
    .inspireel-hm-sec5-row1-crd-bdy1-img1 {
        width: 45%;
    }

    .inspireel-hm-sec5-row1-crd-bdy2-img2 {
        width: 45%;
    }

    .inspireel-hm-sec5-row1-crd-bdy3-img3 {
        width: 45%;
    }

    .inspireel-hm-sec5-row1-crd-bdy4-img4 {
        width: 45%;
    }

    .inspireel-hm-sec5-row1-crd-bdy5-img5 {
        width: 45%;
    }

    .inspireel-hm-sec5-row1-col-gp{
        margin-top: 5%;
    }
    .inspireel-hm-sec5-row1-crd-bdy3 {
        background-color: #E47536;
        padding: 10% 5% 10% 5%;
    }
    .inspireel-hm-sec5-row1-crd-bdy5 {
        background-color: #E47536;
        padding: 10% 5% 10% 5%;
    }
    }


    @media (min-width:768px) and (max-width:1000px){
        .inspireel-hm-sec5-row1-crd-bdy1-img1 {
            width: 45%;
        }
    
        .inspireel-hm-sec5-row1-crd-bdy2-img2 {
            width: 45%;
        }
    
        .inspireel-hm-sec5-row1-crd-bdy3-img3 {
            width: 45%;
        }
    
        .inspireel-hm-sec5-row1-crd-bdy4-img4 {
            width: 45%;
        }
    
        .inspireel-hm-sec5-row1-crd-bdy5-img5 {
            width: 45%;
        }
    
        .inspireel-hm-sec5-row1-col-gp{
            margin-top: 5%;
        }
        .inspireel-hm-sec5-row1-crd-bdy3 {
            background-color: #E47536;
            padding: 10% 5% 10% 5%;
        }
        .inspireel-hm-sec5-row1-crd-bdy5 {
            background-color: #E47536;
            padding: 10% 5% 10% 5%;
        }

    }








/* ***********************sec6************************** */


.inspireel-hm-sec6{
    height: auto;
    background-color: #E9E2F1;
    padding: 5% 0% 5% 0%;
}

    .inpireel-home-sec1-div2-sub-title{
        color: #6A3DA4;
        padding: 3% 0% 0% 0%;
        font-size: 1.7rem;
        font-weight: 700;
    }
    .inpireel-home-sec1-div2-para{
        color: #6A3DA4;
        padding: 0% 0% 5% 0%;
        font-size: 1.1rem;
        font-weight: 600;
    }
    
    .inpireel-home-sec1-card{
         background-color: #6A3DA4;
         height: 100%;
         padding: 2% 2% 2% 3%;
    }
    
    .inpireel-home-sec1-card-title{
        color: white;
        font-size: 1.3rem;
        font-weight: 600;
        text-align: center;
    }
    .inpireel-home-sec1-card-title2{
        color: white;
        font-size: 1.1rem;
        font-weight: 600;
    }
    .inpireel-home-sec1-card3-title2{
        color: white;
        font-size: 1.1rem;
        font-weight: 600;
        padding: 17% 0% 0% 0%;
    }

    .inspireel-hm-sec6-btn-div{
        margin: 5% 0% 0% 0%;
        display: flex;
        align-items: center;
        justify-content: center;
    
    }
    
 .inspireel-hm-sec6-btn-div-a{
       background: #E47536;
    padding: 1% 5% 1% 4%;
    border-radius: 8px;
    color: white;
    text-decoration: none;
}






/* ***********************sec7************************** */

.inspireel-hm-sec7{
    height: auto;
    background: url(images/inspireel-hm-sec3-bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5% 2% 5% 2%;
    margin: 0% 0 0 0;
}

.inspireel-hm-sec7-title1{
    font-size: 1.5rem;
    color: #6A3DA4;
    font-weight: 700;
}


.inspireel-hm-sec7-main-crd1{
    border-radius: 12px;
}
.inspireel-hm-sec7-row1-crd1{
    background: #6A3DA4;
    padding: 0;
    border-radius: 12px;
}

.inspireel-hm-sec7-row1-crd1-img1{
    width: 100%;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}   
.inspireel-hm-sec7-crd1-p1{
    color: #FFFFFF;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 600;
    padding: 2% 0% 2% 0%;
}


.inspireel-hm-sec7-row1-crd2{
    background-color: #6A3DA4;
    padding: 0;
    border-radius: 12px;
}

.inspireel-hm-sec7-row1-crd2-img1{
    width: 100%;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

.inspireel-hm-sec7-crd2-p1{
    color: #FFFFFF;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 600;
    padding: 2% 0% 2% 0%;
}

.inspireel-hm-sec7-row1-crd3{
    background-color: #6A3DA4;
    padding: 0;
    border-radius: 12px;
}

.inspireel-hm-sec7-row1-crd3-img1{
    width: 100%;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}   
.inspireel-hm-sec7-crd3-p1{
    color: #FFFFFF;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 600;
    padding: 2% 0% 2% 0%;
}

@media (min-width:310px) and (max-width:999px){
    
    .inspireel-hm-sec7-gp{
        margin-top: 5%;
    }
}  




/* styles.css */
.inspireel-hm-sec7-carousel-container{
    width: 100%;
    overflow: hidden;
    margin: auto;
}

.inspireel-hm-sec7-carousel{
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.inspireel-hm-sec7-carousel img {
    width: 31.33%; /* 33.33% - 2% for the margin */
    flex-shrink: 0;
    margin-right: 2%;
}

.inspireel-hm-sec7-carousel img:last-child {
    margin-right: 0; /* Remove margin for the last image in the set */
}






/* ***********************sec8************************** */

.inspireel-hm-sec8{
    background: url(images/inspireel-hm-sec8-bg.png);
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5% 2% 5% 2%;
    background-position: left center;
}

.inspireel-hm-sec8-main{

    display: flex;
    align-items: center;
    justify-content: end;
}


.Jarag-col1-maincol-p1{
    color: white;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}

.Jarag-row1-col1-maincol{
    background-color: #6A3DA4;
    width: 50%;
    padding: 2% 4% 2% 3%;
    border-radius: 12px;
}
.Jarag-row1-col1-subcol-div1{
    display: flex;
    text-align: left;
    margin: 5% 0% 0% 0%
}




.Jarag-row1-col1-subcol-div1-para1{
    margin-left: 20px;
}
.Jarag-row1-col1-subcol-div1-para1 h4{
    color: white;
    text-align: left;
    font-size: 20px;
}
.Jarag-row1-col1-subcol-div1-para1 p{
    color: white;
    text-align: left;
    font-size: 16px;
}




@media (min-width:310px) and (max-width:768px){
    .Jarag-row1-col1-maincol {
        background-color: #6A3DA4;
        width: 100%;
        padding: 2% 4% 2% 3%;
        border-radius: 12px;
    }

    .inspireel-hm-sec8-main {
        display: flex;
        align-items: center;
        justify-content: end;
        margin: 15% 0% 7% 0%;
    }
}



/* ***********************sec9************************** */
.inspireel-hm-sec9{
    height: auto;
    background-color: #E9E2F1;
    padding: 5% 4% 5% 4%;
}


.inspireel-hm-sec9-img1{
    width: 100%;
    height: 100%;
    border-radius: 8px;
}


.inspireel-hm-sec9-img5{
    width: 100%;
    height: 100%;
    border-radius: 8px;
}


.inspireel-hm-sec9-row2{
    margin: 2% 0% 0% 0% !important;
}



@media (min-width:310px) and (max-width:768px){
    .inspireel-hm-sec9-row1-col1{

        margin: 5% 0% 0% 0% !important;
    }

}