body {
    font-family: "Poppins", Sans-serif;
    margin: 0;
}

.extrabold-title {
    font-size: 55px;
    font-weight: 700;
    margin: 0;
}

.semibold-title {
    font-size: 23px;
    font-weight: 500;
}

.bold-description {
    font-size: 35px;
    font-weight: 500;
}

.yellow-text {
    color: #FFC007;
}

.large-p {
    font-size: 25px;
    margin: 0;
}

.small-title {
    font-size: 15px;
}

.box-small-title {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.bold-title {

    font-size: 50px;
    font-weight: 600;
    line-height: 68px;
    color: #262E33;
}

.medium-description {
    font-size: 17px;
    margin: 0;
}

.highlighted-text{
    padding: 7px 8px;
    background-color: #262E33;
    color: white;
    border-radius: 4px;
}

.theme-black-text {
    color: #262E33;
}

.box-title {
    font-size: 18px;
}

.bold-text {
    font-weight: 600;
}

.no-margin {
    margin: 0;
}

.inline-p{
    display: inline-block;
}

.small-a{
    margin-right: 10px;
}


.medium-title {
    font-size: 35px;
    font-weight: 600;
}

.regular-title{
    font-size: 25px;
}

.small-description {
    font-size: 13px;
}

.medium-p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.margin-p {
    margin-top: 30px;
}

.container-1-wrapper{
    padding: 60px 30px 0px 30px ;
   
}
.btn-div{
    margin-top: 30px;
}


.btn-div a{
    text-decoration: none;
}

.small-icon{
    max-height: 16px;
}




.container-1{
    max-width: 1120px;
    margin: auto;
    text-align: center;
}

.medium-icon{
    max-height: 18px;
}

.btn-div-flex{
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

.try-free-btn{
    padding: 10px 20px;
    background-color: #262E33;
    color: white;
    border: none;
    border-radius: 30px;
    font-size: 18px;
}

.demo-btn{
    background:transparent;
    border: none;
    border-bottom: 3px solid #262E33;
    padding: 8px 0px;
    font-size: 18px;
    font-weight: 600;
   
}

.container-2-wrapper{
    padding: 0px 30px;
    background-color: #F1C40F;
}


.container-video{
    max-width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    
}



.container-2-grid{
    display: grid;
    grid-template-columns: 1.75fr 1fr;
    
}

.container-2-grid-left{
    
    padding: 50px 0px;
}

.container-2-grid-left-elements{
    max-width: 400px;
    margin: auto;
}


.download-container{
    display: flex;
    align-items: center;

}

.get-it-on{
    max-width: 200px;

}

.container-2-grid-right{
  
    position: relative;
    
}

.container-img-relative{
    position: absolute;
    max-height: 450px;
    left: -150px;
    top: 100px;
}

.container-3-wrapper{
    
    padding: 50px 30px;
}

.container-3{
    max-width: 1120px;
    margin: auto;
    text-align: center;
}

.try-bookings-btn{
    background-color: #262E33;
    color: white;
    padding: 12px 20px;
    border: none;
    font-size: 20px;
    font-weight: 500;
    border-radius: 3px;
}





@media screen and (max-width:425px) {

    .extrabold-title {
        font-size: 40px;
        font-weight: 700;
        margin: 0;
    }
    
    .semibold-title {
        font-size: 17px;
        font-weight: 500;
    }
    
    .bold-description {
        font-size: 25px;
        font-weight: 500;
    }
    
    .yellow-text {
        color: #FFC007;
    }
    
    .large-p {
        font-size: 20px;
        margin: 0;
    }
    
    .small-title {
        font-size: 13px;
    }
    
    .box-small-title {
        font-size: 12px;
        font-weight: 500;
        margin: 0;
    }
    
    .bold-title {
    
        font-size: 35px;
        font-weight: 600;
        line-height: 68px;
        color: #262E33;
    }
    
    .medium-description {
        font-size: 15px;
        margin: 0;
    }
    
    .highlighted-text{
        padding: 7px 8px;
        background-color: #262E33;
        color: white;
        border-radius: 4px;
    }
    
    .theme-black-text {
        color: #262E33;
    }
    
    .box-title {
        font-size: 15px;
    }
    
    .bold-text {
        font-weight: 600;
    }
    
    .no-margin {
        margin: 0;
    }
    
    .inline-p{
        display: inline-block;
    }
    
    .small-a{
        margin-right: 10px;
    }
    
    
    .medium-title {
        font-size: 25px;
        font-weight: 600;
    }
    
    .regular-title{
        font-size: 20px;
    }
    
    .small-description {
        font-size: 12px;
    }
    
    .medium-p {
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.3px;
    }

    .container-2-grid-left{
        text-align: center;
    }
        
    .get-it-on{
        max-height: 50px;
    }

    .download-container{
        justify-content: center;
    }
}




@media screen and (max-width:320px) {
    .get-it-on{
        max-height: 40px;
    }
}











/* footer */

.footer-container {
    background-color: #161C28;

}

.footer-section {
    padding: 40px 0px;
    max-width: 1120px;
    margin: auto;
    color: white;
}

.footer-rows {
    display: flex;
    align-items: center;
}

.footer-row-1 {
    max-width: 650px;
}

.footer-title {
    font-size: 45px;
    margin-bottom: 20px;
}

.footer-icon-small {
    width: 20px;
    height: 20px;
}

.footer-subtitle {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 0;
}

.subscribe-btn {
    background-color: transparent;
    padding: 15px 50px;
    border: 2px solid #ffc107;
    color: white;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
}

.footer-row-2-sections {
    display: flex;
}

.footer-row-2-sub-sections {
    margin-right: 30px;
}

.footer-row-2-section-1-top-1 {
    display: flex;
    max-width: 300px;
    align-items: center;
    gap: 10px;
}

.footer-row-2-section-1-top-2 {
    display: flex;
    max-width: 300px;
    align-items: center;
    gap: 10px;
}



@media screen and (max-width:1253px) {

    .footer-container {
        padding: 0px 30px;
    }

}


@media screen and (max-width:988px) {
    .footer-row-2-sections {
        display: block;
    }

}



@media screen and (max-width:680px) {
    .footer-rows {
        display: block;

        padding: 20px;
    }

    .footer-row-1 {
        text-align: center;
    }

    .footer-row-2-sections {
        display: block;
    }
}

@media screen and (max-width:425px) {

    .footer-rows {
        display: block;

        padding: 20px;
    }

    .footer-row-1 {
        text-align: center;
    }


    .footer-title {
        font-size: 26px;
        margin-bottom: 20px;
        font-weight: 500;
    }

    .subscribe-btn {
        margin-bottom: 20px;
    }

    .footer-row-2-sections {
        display: block;

    }

    .container-2-grid{
        display: block;
    }

    .container-img-relative{
       position: relative;
       top: auto;
       left: auto;

    }

    .container-img-relative{
        max-width: 100%;
    }
    
}

/* footer */