/* #Header{
    background-color: black;
} */
.Header1{
    background-color: black;
}
#Hero{
    background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(../Images/Background/HeroHome.jpg);
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    
}
.Heroimg{
    width: 100px;
    height: 20px;
}
.Herobuttuon{
    background-color: white;
}
.Heroanbutt{
    color: black;
}
.Heroanbutt:hover{
    color: white;
}
.Herobuttuon:hover{
    background-color: rgb(219, 47, 47);
    color: white;
}
/* 225, 100, 100, 255 */
.serviceoferimg{
    width: 100px;
    height: 100px;
}
#Services-offers{
background: url(../Images/Background/Group\ 1000001752\ \(4\).png);
background-repeat: no-repeat;
background-position: left bottom;
}
.Services-offers-card{
    border: 3px solid #FA9E9E;
}
#Parents{
    background: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.6)), url(../Images/Background/unsplash_xLiXgoPC6ew\ \(2\).png);
    background-size: cover;
    /* height: 80vh;  */
    background-repeat: no-repeat;
    overflow:hidden;
    
}
.ParentsCard{
    width: 100%;
    background: rgba(255, 255, 255, 0.6);

}
@media only screen and (min-width:768px){
    .ParentsCard{
        width: 50%;
    }
}
@media only screen and (min-width:998px){
    .ParentsCard{
        width: 38%;
    }
}
#Started{
    background: url(../Images/Background/Group\ 1000001751.png);
    background-color: black;
    background-repeat: no-repeat;
    background-position: right bottom;
}
#whychoose{
    background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)), url(../Images/Background/image\ 125.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 70vh; */
}
.wcuimg{
    width: 60px;
    height: 60px;
    
}
.contacticon{
    /* border: 1px solid; */
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: black;
    color: white;
}
.cardic{
    transform: rotate(45deg);
    display: flex;
    /* justify-content: center;
    align-items: center; */
    /* color: black; */
}
#Contact{
    background-image: url(../Images/Background/Group\ 1000001752\ \(4\).png);
    /* background-color: #FFE2E2; */
    background-repeat: no-repeat;
    background-position: left bottom;
}
#Footer{
    background-color: black;
}
.footimg{
    width: 100px;
}


/* ===About=== */
#AbotHero1{
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.6)), url(../Images/Background/image\ 118.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Aboutsecimg2{
    width: 80px;
    height: 80px;
}
.AboutCardba{
    background-color: black;
    color: white;
}
#Aboutwhychoose{
    background: url(../Images/Background/Group\ 1000001751.png);
    background-color: black;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.aboutcardimg2{
    width: 35px;
    height: 30px;
}
#Expertise{
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.6)), url(../Images/Background/Aboutiner.png);
    /* height: 90vh; */
    background-size: cover;
    background-repeat: no-repeat;

}
#ServiceHero{
    background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.4)), url(../Images/Background/ServicesBack.png);
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 95vh;
}
#HTHero{
    background: url(../Images/Background/Group\ 1000001751.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
#YourCare{
    background: url(../Images/Background/Group\ 1000001752\ \(4\).png);
    background-repeat: no-repeat;
    background-position:  left top;
}
@media only screen and (min-width:768px){
    .StartedcardImg{
       height: 121.81px;
    }
}
@media only screen and (min-width:998px){
    .StartedcardImg{
       height: 168.24px;
    }
}
@media only screen and (min-width:1400px){
    .StartedcardImg{
       height: 237.85px;
    }
}