/* Variables starts here */
:root{
    --bg-light-blue-color:#F2FBFD;
    --card-para-color:#999A9D;
    --btn-bg-color: #00ADD4;


}
.light-blue-btn{
    color:  #FFFFFF;
    background-color: var(--btn-bg-color);
    border: none;
    border-radius: 16px;
    padding-right: 37px;
    padding-left: 37px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 10px 20px lightgray;
}


/* Variables ends here */


/* ########## Begin Ali Haider 396 #########  */
.adventage-box{
    box-shadow: 2px 2px 10px rgb(94, 92, 92);
    width: 250px;
}
a{
    text-decoration: none;
}



a {
    text-decoration: none;
}

.iner-border {
    width: 80%;
    height: 90%;
    position: absolute;
    border: 4px solid #00ADD4;
    border-radius: 10px;
    top: 5%;
    left: 10%;
}

.home-section-1{
    /* background-image: url('../image/Section-1-bg2.png'); */
    background-image: url('../images/Section-1-bg2.png');
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: top center; */
}

.home-section-2{
    background-image: url("../images/Section1-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.home-card-paragraphs{
    color: var(--card-para-color);
}


.home-last-section{
    background-color: var(--bg-light-blue-color);
    height: 180px;
}



.home-last-input::placeholder{
    color: #999A9D;
}
@media (max-width:1200px){
    .iner-border{
        height: 80%;
    }
}
@media (max-width:992px){
    .inerr-border{
        height: 90%;
        width: 50%;
        left: 25%;
    }
}
@media (max-width:767px){
    .inerr-border{
        height: 90%;
        width: 70%;
        left: 15%;
    }
}

@media (min-width:320px) and (max-width:767px) {
    .home-slider-text{
        position: absolute;
        color: white;
        margin-top:-60px;
        font-size: 10px;
    }
}



 /* ########## Ends Ali Haider 396 #########  */