@import url('./SecondaRound-Medium/style.css');
@import url('./IntroScript-Bold/style.css');
    
body {
    font-family: 'seconda round';
    padding: 0rem;
    margin: 0rem;
    overflow-x: hidden;
    /* font-family: 'DM Sans', sans-serif;
    font-family: 'Lilita One', cursive;
    font-family: 'Poppins', sans-serif;
    font-family: 'Roboto Slab', serif; 
    font-family: 'Varela Round', sans-serif;  */
}

.input-email{
    position: relative;
}

.input-email i{
    position: absolute;
    top: 15px;
    right: 20px;
}

p {
    font-family: 'Times New Roman', Times, serif;
}

a {
    text-decoration: none;
}

.hr1 {
    margin-bottom: 6.5rem;
}

.main {
    background-image: url('./TASK-IMAGE-1/hero-section/bg-hero.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'seconda round';
    position: relative;
    width: 100%;
    /* height: 725px; */
}
.overlay {
    background-color: #262c3ee3;
    width: 100%;
    height: 100%;
}

.main-card {
    background: #807f7e0e;
}

.logo_text {
    font-family: 'seconda round';
    color: #fea116;
}

.btn-book {
    background-color: #fea116;
    font-size: 0.8rem;
    border-radius: 1;
    /* font-family: 'Poppins', sans-serif; */
    font-family: 'seconda round';
    

}


.nav-link {
    float: right;
    /* font-weight: bold ; */
    color: white;
}

.nav-link:hover {
    float: right;
    color: #fea116;
    /* font-weight: bold ; */
}

.navbar-collapse-s {
    flex-grow: 0;
}

.navbar-collapse-s li {
    font-size: 0.8rem;
    margin: 2.5px;
}

.pages-btn {
    font-size: 0.8rem;
}

.head-1 {
    font-size: 4rem;
}

.title {
    margin-top: 7rem;
    font-family: 'seconda round';
    /* font-family: 'Lilita One', cursive; */
    /* margin-left: rem; */
    /* text-align: center; */
}

.title .text-small {
    line-height: 2;
    font-size: 0.8rem;
}

.how-img {
    text-align: center;
}

.how-img img {
    /* margin-top: -6rem; */
    width: 95%;
    /* margin-left: 2rem; */
}

.book div {
    /* width: 5rem; */
    height: 4rem;
}

.client:hover {
    background: #fea116;
    color: white;
}

.client .card-body i:hover {
    color: white;
}

footer {
    background: #0f172b;
}


@media only screen and (max-width: 600px) {
    body {
        text-align: center;
        justify-content: center;
    }

    .nav-link {
        float: left;
    }

    .card_row {
        text-align: left;
        /* margin: 1rem; */
        justify-content: center;
    }

    .iframe-video{
        height: 20rem;
    }
}