.martop{
    margin-top:5rem;
}
.trending{
    font-size:2rem;
    text-align: center;
}
.trend{
    color:#0b8bd1;
}
.now{
    color:#f51616;
}
.info-card{
    text-align: center;
    font-size:1rem;
    color: rgb(49, 49, 49);
}
.card-line{
    width: 20%;
    border-top: 1rem dotted #177eb6;
    background-color: transparent;
    margin-bottom: 2rem;
}

@media only screen and (min-width: 769px){
    .martop{
        margin-top:7rem;
    }
    .trending{
        font-size:4rem;
    }
    .info-card{
        font-size:1.5rem;
    }
    .item__overlay{
        position: absolute;
        top: 0;
        width:100%;  
        height:100%;
        background-color:rgba(15, 126, 182, 0.9);
        opacity:0;
    }
    
    .item__overlay:hover{
        opacity: 1;
        transition: 0.3s;
    }
    .item__overlay-heading{
        /* padding-top:12rem; */
        text-align: center;
        color:white;
        font-size:3rem;
    }
    .item__overlay--description{
        /* padding-top:1rem; */
        text-align: center;
        color:white;
        font-size:2.2rem;
        margin-bottom: .5rem;
    }
    .item__overlay--btn{
        padding: 0.8rem 3.3rem;
        background-color: #f51616;
        margin-top:2rem;
        margin-left:.5rem;
        color:white;
        font-size: 1.6rem;
        transition: all .4s ease-in-out;
    }
    .item__overlay--btn:hover{
        border-radius: 3rem;
        color:white;
        transition: 0.3s;
    }
}


.item{
    position: relative;
}

.item__overlay{
    position: absolute;
    top: 0;
    width:100%; 
    height:100%;
    background-color:rgba(15, 126, 182, 0.9);
    opacity:0;
    transition: all .2s ease .2s;
}
.item__overlay:hover{
    opacity: 1;
}
.item__overlay-heading{
    /* padding-top:4rem; */
    text-align: center;
    color:white;
    font-size:1.8rem;
}
.item__overlay--description{
    /* padding-top:1rem; */
    text-align: center;
    color:white;
    font-size:1.5rem;
    margin-bottom: 1rem;
}
.item__overlay--btn{
    padding: 0.8rem 1rem;
    background-color: #f51616;
    margin-left:2.1rem;
    color:white;
    font-size: 1.3rem;
    transition: all .4s ease-in-out;
}
.item__overlay--btn:hover{
    border-radius: 3rem;
    color:white
}


@media only screen and (min-width: 1355px) and (max-width:1922px){
    .item__overlay-heading{
        /* padding-top:10rem; */
        text-align: center;
        color:white;
        font-size:3.2rem;
    }
    .item__overlay--description{
        padding-top:1rem;
        text-align: center;
        color:white;
        font-size:2.4rem;
        /* margin-bottom: 3rem; */
    }
    .item__overlay--btn{
        padding: 0.8rem 3.3rem;
        background-color: #f51616;
        margin-left:2.5rem;
        color:white;
        font-size: 1.8rem;
        transition: all .4s ease-in-out;
    }
    
}


.owl-dots{
    display: none !important;
}

.owl-prev{
    position: absolute;
    top:40%;
    left:5%;
    font-size: 8rem !important;
    color: khaki !important;
}

.owl-next{
    position: absolute;
    top:40%;
    right:5%;
    font-size: 8rem !important;
    color: khaki !important;
}

.affilate-flight{
    padding-bottom: 3rem;
}

.affilate-flight .owl-nav{
    display:none;
}

.middle{
    position: absolute;
    left:50%;
    top: 50%;
    transform: translate(-50%,-50%);
}