*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.content{
    position: relative;   
}



.content .home-section{
    width: 100%;
    height: 100vh;

    position: relative;
}

.content .home-section .background-image{
    width: 100%;
    height: 100%;

    
    overflow: hidden;

    position: absolute;
}

.content .home-section .background-image img{
    width: 100%;
    height: 100%;

    position: absolute;

    object-fit: cover;
    
    /* filter: blur(4px) brightness(20%); */
    filter: blur(4px) brightness(50%);

    transform: scale(1.1);

    z-index: -1;

    
    transition: 5s ease-in-out;
}

.not-active-slide-show{
    opacity: 0;
}

.active-slide-show{
    opacity: 1;
}

.content .home-section .images-style{
    width: 100%;
    height: 100vh;

    position: relative;

    overflow: hidden;

    /* border: 1px solid red; */
}

.content .home-section .images-style .img1{
    width: 100px;
    height: 300px;

    position: fixed;
    bottom: -70px;
    left: 0px;

    z-index: -2;

    /* border: 1px solid red; */
}


.content .home-section .images-style .img1 img{
    width: 100%;
    height: 100%;

    position: absolute;

    object-fit: contain;
}


.content .home-section .images-style .img2{
    width: 80px;
    height: 250px;

    position: fixed;
    bottom: -40px;
    right: 0px;

    z-index: -2;
}

.content .home-section .images-style .img2 img{
    width: 100%;
    height: 100%;

    position: absolute;

    object-fit: contain;
}



/* Home section content start */

.content .home-section .home-content{

    width: 100%;

    position: absolute; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    color: #fff;
    text-align: center;

    /* border: 1px solid red; */
}


/* Home section content end */



/* Search section start */
.search-section{
    width: 100%;
    height: 30vh;
    background-color: #8039f1;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    position: relative;

    z-index: 3;
}

.search-section .search-bar{
	width: 95%;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;

    position: relative;

    /* border: 1px solid red; */
}

.search-section .search-bar .headings h1{
    color: #fff;
    
    text-shadow: 5px 15px 14px #000000;
    
    text-align: center;
}

/* .search-section .search-bar form{
	width: 100%;
} */

.search-section .search-bar #searchForm{
	width: 100%;
}

.search-section .search-bar input{
	width: 100%;

	color: #00C24F;

	padding: 25px;

	border-radius: 50px;
	border: none;
}

.search-section .search-bar input:focus{
	outline: none;
	border: 1px solid #00C24F;
}

.search-section .search-bar i{
	position: absolute;

	font-size: 2em;
	color: #717171;

	margin-top: 15px;
	margin-left: -60px;
}

.search-section .search-bar i:hover{
	cursor: pointer;
	color: #00C24F;
}

/* Search section end */





/* How it works start */

.how-it-works-section{
    background-color: #fff;
    /* height: 140vh; */
    position: relative;
    z-index: -3;

    overflow: hidden;
}

.how-it-works-section .infos{
    padding: 50px;
    overflow: hidden;
}

.how-it-works-section .infos .heading{
    text-align: center;
    margin-bottom: 50px;

    text-shadow: 5px 15px 14px #000000;
}

.how-it-works-section .infos .desc{
    text-align: center;
    margin-bottom: 100px;
    color: #2a2a2a;

    font-size: 15px;
    word-spacing: 3px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 25px;
}

.how-it-works-section .steps{

    /* height: 40%; */

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

    /* border: 1px solid red; */
}

.how-it-works-section .steps .box{
    width: 95%;

    padding: 20px;

    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);

    border-radius: 8px;
    
    margin-top: 25px;
    margin-bottom: 25px;

}

.how-it-works-section .steps .box h2{
    color: #00C24F;
    margin-bottom: 20px;
    
    text-shadow: 5px 15px 14px #000000;
}

.how-it-works-section .steps .box p{
    color: #676767;
    /* color: #363636; */
    font-size: 15px;
    word-spacing: 3px;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 25px;
}






.how-it-works-section .steps .s1{
    background-color: #8039f1;
}

.how-it-works-section .steps .s1 h2, .how-it-works-section .steps .s1 p{
    color: #fff;
}

.how-it-works-section .steps .s2{
    background-color: #8039f1;
}

.how-it-works-section .steps .s2 h2, .how-it-works-section .steps .s2 p{
    color: #fff;
}

.how-it-works-section .steps .s3{
    background-color: #8039f1;
}


.how-it-works-section .steps .s3 h2, .how-it-works-section .steps .s3 p{
    color: #fff;
}





.how-it-works-section .steps .box .wh-or{
    color: #fff;
}

.how-it-works-section .steps .box .wh-nums a{
    /* color: #00C24F; */
    color: #fdff00;
    font-weight: bolder;

    text-decoration: none;
}

.how-it-works-section .steps .box .highlight{
    /* color: #00C24F; */
    color: #fdff00;
    font-weight: bolder;
}

/* How it works end */







/* Top teachers start */
.top-teachers{
    background-color: #740099;
    /* height: 140vh; */
    position: relative;
    overflow: hidden;
}

.top-teachers .infos{
    padding: 50px;
    overflow: hidden;
}

.top-teachers .infos .heading{
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
    
    text-shadow: 5px 15px 14px #000000;
}

.top-teachers .infos .desc{
    text-align: center;
    margin-bottom: 50px;
    color: #fff;

    font-size: 15px;
    word-spacing: 3px;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 25px;
}


.top-teachers .teach-cards{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

    flex-wrap: wrap;

    padding: 50px;
}

.top-teachers .teach-cards .card{
    width: 300px;
    height: 420px;

    background-color: #fff;

    padding: 20px;

    /* margin-top: 25px;
    margin-bottom: 25px; */

    
    margin-top: 40px;
    margin-bottom: 40px;

    border-radius: 10px;
    /* box-shadow: 0px 0px 10px 1px #00C24F; */
    box-shadow: 0px 0px 10px 1px #8039f1;

    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    
    /* border: 1px solid #00C24F; */
    border: 1px solid #8039f1;

    /* position: relative; */
}

.top-teachers .teach-cards .card:hover{
    cursor: pointer;
}

.top-teachers .teach-cards .card .pic{
    width: 110px;
    height: 110px;

    position: relative;
    top: -70px;

    /* border: 1px solid red; */
}

.top-teachers .teach-cards .card .pic img{
    width: 100%;
    height: 100%;

    position: absolute;

    object-fit: cover;
    object-position: center 25%;

    /* border-radius: 50%; */
    border-radius: 20%;
}


.top-teachers .teach-cards .card .name{
    font-size: 15px;
    word-spacing: 3px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 25px;

    position: relative;
    top: -70px;
    /* border: 1px solid red; */
}

.top-teachers .teach-cards .card .desc{
    color: #aeaeae;
    
    font-size: 14px;
    font-weight: 300;
    text-align: center;

    height: 159px;
    /* white-space: inherit; */
    
    
    line-height: 22px;
    letter-spacing: 2px;

    /* white-space: nowrap; */
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;

    position: relative;
    top: -40px;

    /* border: 1px solid red; */
}

.top-teachers .teach-cards .card .qualification{
    font-size: 15px;
    word-spacing: 3px;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 25px;

    color: #00C24F;

    position: relative;
    top: -30px;
    /* border: 1px solid red; */
}

.top-teachers .teach-cards .card .stars{
    
    position: relative;
    /* top: -70px; */
    /* border: 1px solid red; */
}

.top-teachers .teach-cards .card .stars .checked{
    color: orange;

    /* border: 1px solid red; */
}

.top-teachers .teach-cards .card .stars .unchecked{
    color: rgb(42, 42, 42);    

    /* border: 1px solid red; */
}

/* Top teachers end */







/* Why Hire Us start */

.why-hire{
    /* background-color: #0057c2; */
    /* background-color: #0027c2; */
    /* background-color: #d83131; */
    /*background-color: #ae1414;*/
    background-color: #8039f1;
    /* height: 140vh; */
    position: relative;
    z-index: -3;

    overflow: hidden;
}

.why-hire .infos{
    padding: 50px;
    overflow: hidden;
}

.why-hire .infos .heading{
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
    
    text-shadow: 5px 15px 14px #000000;
}

.why-hire .infos .desc{
    text-align: center;
    margin-bottom: 50px;
    color: #fff;

    font-size: 15px;
    word-spacing: 3px;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 25px;
}

.why-hire .reasons{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items:flex-start;
    
    flex-wrap: wrap;

    padding: 50px;

    margin-bottom: 100px;
}

.why-hire .reasons .res-block{
    width: 300px;
    height: 400px;

    background-color: #fff;

    padding: 20px;
    margin-top: 20px;
    /* overflow: hidden; */

    border-radius: 10px;

    /* border: 1px solid #00C24F;

    box-shadow: 0px 0px 10px 1px #00C24F; */

    border: 1px solid #740099;

    box-shadow: 0px 0px 10px 1px #740099;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;

    position: relative;

}

.why-hire .reasons .res-block .headIcon{
    height: 5%;

    color: #00C24F;
    
    transform: scale(3);


    /* text-shadow: 5px 15px 14px #9b9b9b;   */
}

.why-hire .reasons .res-block h2{
    height: 20%;

    /* color: #00C24F; */
    color: #000000;

    text-align: center;

    word-spacing: 3px;
    letter-spacing: 0.5px;
    line-height: 25px;
    
    /* text-shadow: 5px 15px 14px #000000; */
}


.why-hire .reasons .res-block p{
    height: 50%;

    color: #aeaeae;

    font-size: 15px;
    word-spacing: 3px;
    letter-spacing: 0.5px;
    /* font-weight: 600; */
    line-height: 25px;
}


/* Why Hire Us end */


.next{
    background-color: black;
    height: 100vh;
}


.svg-top{
    margin-top: -2px;
}