/*==============================
FOOTER
==============================*/

.site-footer{

    background:linear-gradient(135deg,#003B8E,#0058D6);

    border-top:4px solid #FFB400;

    color:#fff;

    padding:30px 0 10px;

    font-family:'Poppins',sans-serif;

}

/*==============================
CONTAINER
==============================*/
.footer-container{

    max-width:1400px;

    width:98%;

    margin:auto;

    padding:0 10px;

    display:grid;

    grid-template-columns:1.4fr 1fr 1.2fr .8fr 1.4fr;

    gap:25px;

    align-items:start;

}

/*==============================
COLUMN
==============================*/

.footer-col{

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    align-self:start;

    margin:0;

    padding:0;

}

.footer-col h3{

    font-size:19px;

    font-weight:700;

    color:#fff;

    margin-bottom:12px;

    text-transform:uppercase;

    letter-spacing:.5px;

    position:relative;

}

.footer-col h3::after{

    content:"";

    width:45px;

    height:3px;

    display:block;

    background:#FFB400;

    border-radius:20px;

    margin-top:8px;

}

/*==============================
TEXT
==============================*/

.footer-col p{

    color:rgba(255,255,255,.92);

    font-size:15px;

    line-height:1.5;

    margin-bottom:0 0 10px;

}

.footer-col p i{

    color:#FFD54A;

    margin-right:8px;

}

/*==============================
LINKS
==============================*/

.footer-col ul{

    margin:0;

    padding:0;

    list-style:none;

}

.footer-col ul li{

    margin-bottom:12px;

}

.footer-col a{

    color:rgba(255,255,255,.92);

    text-decoration:none;

    transition:.35s;

}

.footer-col a:hover{

    color:#FFD54A;

    padding-left:8px;

}

/*==============================
WHY REYAAN
==============================*/

.footer-trust{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

    margin:15px 0;

    color:#fff;

    font-size:15px;

    font-weight:600;

}

.footer-trust span{

    position:relative;

}

.footer-trust span::before{

    content:"•";

    color:#FFD54A;

    margin-right:10px;

}

.footer-col:nth-child(4){

    max-width:120px;

}
/*==============================
IATA
==============================*/

.iata-box{

    margin-top:15px;

}

.iata-box img{

    width:58px;

    height:40px;

    object-fit:contain;

    background:#fff;

    padding:5px;

    border-radius:8px;

}

/*==============================
NEWSLETTER
==============================*/

.newsletter-form{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-top:8px;

}

.newsletter-form input{

    width:100%;

    height:50px;

    border:none;

    border-radius:40px;

    padding:0 18px;

    font-size:15px;

    outline:none;

}

.newsletter-form input::placeholder{

    color:#888;

}

.newsletter-form button{

    width:100%;

    height:50px;

    border:none;

    border-radius:40px;

    background:#FFB400;

    color:#000;

    font-size:15px;

    font-weight:700;

    cursor:pointer;

    transition:.35s;

}

.newsletter-form button:hover{

    background:#FFD54A;

    transform:translateY(-2px);

}

.footer-col:nth-child(4){

    max-width:120px;

}

/*==============================
PAYMENT TITLE
==============================*/

.payment-title{

    margin-top:22px;

    margin-bottom:12px;

    color:#FFD54A;

    font-size:15px;

    font-weight:700;

}
/*==================================================
REYAAN PREMIUM FOOTER
PART 2
==================================================*/

/*==============================
PAYMENT ICONS
==============================*/

.payment-icons{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:10px;

}

.payment-icons img{

    width:58px;

    height:40px;

    background:#fff;

    padding:5px;

    border-radius:8px;

    object-fit:contain;

    transition:.35s;

}

.payment-icons img:hover{

    transform:translateY(-4px);

    box-shadow:0 8px 18px rgba(0,0,0,.20);

}

/*==============================
SOCIAL
==============================*/

.footer-social{

    margin:20px 0 12px;

    display:flex;

    justify-content:center;

    gap:18px;

}

.footer-social a{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#fff;

    color:#003B8E;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    text-decoration:none;

    transition:.35s;

}

.footer-social a:hover{

    background:#FFB400;

    color:#000;

    transform:translateY(-6px);

}

/*==============================
BOTTOM
==============================*/

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.15);

    padding-top:20px;

    text-align:center;

}

.footer-bottom p{

    margin:8px 0;

    color:rgba(255,255,255,.90);

    font-size:15px;

    line-height:1.8;

}

.footer-bottom strong{

    color:#FFD54A;

}

/*==============================
FLOATING BUTTONS
==============================*/

.floating-buttons{

    position:fixed;

    right:22px;

    bottom:25px;

    display:flex;

    flex-direction:column;

    gap:15px;

    z-index:9999;

}

.whatsapp-btn,
.call-btn,
.floating-book-btn{

    width:60px;

    height:60px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#fff;

    font-size:22px;

    box-shadow:0 10px 25px rgba(0,0,0,.25);

    transition:.35s;

}

.whatsapp-btn{

    background:#25D366;

}

.call-btn{

    background:#0B53C0;

}

.floating-book-btn{

    background:#FFB400;

    color:#000;

    font-size:12px;

    font-weight:700;

}

.whatsapp-btn:hover,
.call-btn:hover,
.floating-book-btn:hover{

    transform:translateY(-5px) scale(1.05);

}

/*==============================
RESPONSIVE
==============================*/

@media(max-width:991px){

.footer-container{

grid-template-columns:repeat(2,1fr);

gap:40px;

}

}

@media(max-width:768px){

.site-footer{

padding:30px 0 10px;

}

.footer-container{

    max-width:1380px;

    width:96%;

    margin:auto;

    padding:0 10px;

    display:grid;

    grid-template-columns:1.4fr 1fr 1fr 1.2fr;

    gap:35px;

}

.payment-icons{

justify-content:center;

}

.footer-social{

justify-content:center;

margin:30px 0 20px;

}

.footer-bottom{

padding:18px 15px 0;

}

.floating-buttons{

right:12px;

bottom:12px;

}

}

@media(max-width:480px){

.footer-col h3{

font-size:17px;

}

.footer-col p,
.footer-col li,
.footer-col a{

font-size:14px;

}

.newsletter-form input,
.newsletter-form button{

height:46px;

}

.payment-icons img{

width:52px;

height:36px;

}

.footer-social a{

width:46px;

height:46px;

font-size:18px;

}

.whatsapp-btn,
.call-btn,
.floating-book-btn{

width:55px;

height:55px;

}

}