 *{
    box-sizing: border-box;
    padding: 0 ;
    margin: 0 ;
}
.int-flight-sec{
    padding: 10px ;
    background-color: #FFFFFF ;
    border: 1px solid #D9D9D9; 
    border-radius: 6px ;
    transition: 0.5s ;
}
.int-fl-img{
    width: 55px ;
    height: 55px ;
    border-radius: 50% ;
    display: flex ;
    justify-content: center;
    align-items: center;
    img{
        width: 100% ;
    }
}
.int-flight-sec:hover{
     border-color:#0a5bba;

}
.int-call-btn{
    a{
        color: #0a5bba;
        width: 95px ;
        height: 40px ;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #0a5bba;
        border-radius: 10px ;
        background-color: #FFFFFF ;
        transition: 0.5s ;
        font-size: 14px ;
        font-weight: 500 ;
        text-decoration: none;
    }
}
.int-flight-sec:hover .int-call-btn a{
  background-color: #0a5bba ; 
  color: white ;
  text-decoration: none;  
}
.int-flight-txt{
    width: calc(100% - 168px);
    /* padding-left: 10px ; */
    display: flex ;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px ;
}
.int-heading{
    font-size: 13px ;
    font-weight: 500 ;
    color: #000000 ;
    span{
        img{
            width: 100% ;
        }
    }
}
.intfdate{
    p{
        font-size: 12px ;
        font-weight: 400 ;
        color: #353535 ;
    }
}
.int-price{
    p{
        font-size: 12px ;
        font-weight: 400 ;
        color: #353535 ;
        span{
            font-size: 15px !important;
            font-weight: 600 !important;
            color: #1E8F01 !important;
        } 
    }
}

.align-items-center {
    align-items: center !important;
}

.extra-content{
    height: 0px ;
    width: 100% ;
    overflow: hidden;
    transition: 0.5s ;
}
.extra-content.show-content{
height: auto ;
}
.nav.int-tab-btn{
    display: flex ;
    justify-content: flex-start;
    align-items: center ; 
    gap: 10px ;
}
.nav-pills.int-tab-btn .nav-link{
    background:none;
    border: 1px solid #0a5bba; 
    color: #0a5bba ;
    border-radius: 8px !important ;
    transition: 0.5s ;
    font-size: 16px;
    font-weight: 500 ;
    height: 42px ;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav-pills.int-tab-btn .nav-link.active, .nav-pills .show > .nav-link{
    background:#0a5bba;
    border: 1px solid #0a5bba; 
    color: #FFFFFF;
    border-radius: 8px !important ;
    font-size: 18px ;
}
.less{
    display: none ;
}
.view-btn.show-less .more{
    display: none ;
}
.view-btn.show-less .less{
    display: block ;
}
.view-btn a:hover{
    cursor: pointer ;
}

@media screen and (max-width:992px) {
    .int-fl-img{
        width: 45px ;
    }
    .int-call-btn{
        a{
            width: 80px ;
            height: 36px ;
        }
    }
    .int-flight-txt {
    width: calc(100% - 125px);
    padding-left: 5px;
    gap: 2px ;
}
.int-heading{
    font-size: 15px ;
}
}
/* @media screen and (max-width:768px) {
    .int-flight-txt {
        width: calc(100% - 155px);
    }
    .int-call-btn{
        a{
            width: 95px ;
            height: 36px ;
        }
    }
     .int-fl-img{
        width: 45px ;
    }
} */
@media screen and (max-width:576px) {
    .int-flight-sec{
        padding: 8px ;
    }
    .int-heading{
        font-size: 14px ;
    }
    .intfdate{
        p{
            font-size: 11px ;
        }
    }
    .nav-pills.int-tab-btn .nav-link{
        font-size: 14px ;
    }
    .nav-pills.int-tab-btn .nav-link.active{
        font-size: 15px ;
    }
     .int-price{
        p{
            font-size: 11px ;
            span{
                font-size: 15px !important;
            }
        }
    }
      .int-call-btn{
        a{
           border-radius: 8px ;
           width: 80px ;
           
        }
    }

    
    .int-tab-btn{
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-bottom: 8px ;
    }
    .int-tab-btn::-webkit-scrollbar {
    width: 100% ;           
    height: 5px;         
    }
    .nav-pills.int-tab-btn .nav-link{
        white-space: nowrap ;
    }
        .int-flight-txt {
        width: calc(100% - 135px);
    }
}