.elementor-345 .elementor-element.elementor-element-3b280a0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-eb25a67 *//*=========================
FOOTER
==========================*/

.footer{
    background:#171A1F;
    color:#fff;
    font-family:'Inter',sans-serif;
}

.footer .container{
    max-width:1320px;
    margin:auto;
    padding:0 20px;
}
.footer-social{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:24px;
}

.footer-social a{
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ffffff;
    text-decoration:none;
    transition:.35s ease;
}

.footer-social a i{
    font-size:16px;
}

.footer-social a:hover{
    background:#C99A2E;
    border-color:#C99A2E;
    transform:translateY(-4px);
}

.footer-social a:hover i{
    color:#171A1F;
}
.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.4fr;
    gap:50px;
    padding:70px 0 60px;
}
.footer-logo{ 
    max-width:240px !important; /* Change to 120px if you want even smaller */
    width:100%;
    height:auto;
    margin-bottom:20px;
}

.footer-widget p{
    color:#B8BEC8;
    line-height:1.8;
    font-size:15px;
}

.footer-widget h4{
    color:#fff;
    font-size:20px;
    margin-bottom:22px;
    position:relative;
}

.footer-widget h4::after{
    content:"";
    display:block;
    width:45px;
    height:3px;
    background:#C99A2E;
    margin-top:10px;
    border-radius:20px;
}

.footer-widget ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-widget ul li{
    margin-bottom:14px;
}

.footer-widget ul li a{
    color:#B8BEC8;
    text-decoration:none;
    transition:.3s;
}

.footer-widget ul li a:hover{
    color:#C99A2E;
    padding-left:6px;
}

.footer-contact li{
    display:flex;
    gap:12px;
    color:#B8BEC8;
    line-height:1.7;
}

.footer-contact i{
    color:#C99A2E;
    margin-top:4px;
    width:18px;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    padding:18px 0;
}

.footer-bottom-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
}

.footer-bottom p{
    color:#A5ADB8;
    font-size:14px;
    margin:0;
}

.footer-bottom a{
    color:#C99A2E;
    text-decoration:none;
    font-weight:600;
}

.footer-bottom a:hover{
    color:#fff;
}

/*=========================
Responsive
==========================*/

@media(max-width:1024px){

.footer-grid{
    grid-template-columns:repeat(2,1fr);
    gap:40px;
}

}

@media(max-width:767px){

.footer-grid{
    grid-template-columns:1fr;
    padding:60px 0 40px;
}

.footer-bottom-wrap{
    flex-direction:column;
    text-align:center;
}

.footer-logo{
    max-width:160px;
}

}

.whatsapp-float{
    position:fixed;
    right:25px;
    bottom:25px;
    width:60px;
    height:60px;
    background:#25D366;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    text-decoration:none;
    box-shadow:0 12px 30px rgba(37,211,102,.35);
    z-index:9999;
    transition:.3s ease;
    animation:whatsappPulse 2s infinite;
}

.whatsapp-float:hover{
    transform:translateY(-5px) scale(1.08);
    background:#1ebe5d;
    color:#fff;
}

@keyframes whatsappPulse{
    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.5);
    }
    70%{
        box-shadow:0 0 0 18px rgba(37,211,102,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }
}

@media(max-width:767px){
    .whatsapp-float{
        width:55px;
        height:55px;
        right:18px;
        bottom:18px;
        font-size:30px;
    }
}

.world-clock{

    background:#171A1F;
    border-radius:14px;
    padding:10px;
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
    font-family:Inter,sans-serif;

}

.clock-title{

    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;

}

.clock-title span{

    color:#C99A2E;
    font-size:11px;
    letter-spacing:2px;
    font-weight:700;

}

.clock-title h3{

    margin:6px 0 0;
    font-size:24px;
    color:#fff;

}

.clock-title i{

    font-size:24px;
    color:#C99A2E;

}

.clock-item{

    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
    transition:.3s;

}

.clock-item:last-child{

    border-bottom:none;

}

.clock-item.active{

    background:rgba(255,255,255,.05);
    padding:8px;
    border-radius:10px;
    margin-bottom:10px;

}

.clock-item:hover{

    padding-left:10px;

}

.country{

    display:flex;
    align-items:center;
    gap:12px;

}

.country .fi{

    width:24px;
    height:18px;
    border-radius:2px;
    box-shadow:0 0 0 1px rgba(255,255,255,.08);

}

.country h5{

    margin:0;
    font-size:15px;
    font-weight:600;

}

.country small{

    color:#9CA3AF;
    font-size:12px;

}

.clock-time{

    text-align:right;

}

.clock-time strong{

    display:block;
    font-size:15px;
    font-weight:700;

}

.clock-time span{

    color:#C99A2E;
    font-size:12px;

}

@media(max-width:767px){

.world-clock{

padding:20px;

}

.clock-title h3{

font-size:20px;

}

.country h5{

font-size:14px;

}

.clock-time strong{

font-size:14px;

}

}
.clock-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}
.clock-format{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#242733;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    overflow:hidden;
    padding:3px;
    gap:3px;
}

.clock-format button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:36px;
    padding:0;
    margin:0;
    border:none;
    outline:none;
    background:transparent;
    color:#8A8F98;
    cursor:pointer;
    font-size:13px;
    font-weight:600;
    line-height:1;
    font-family:'Inter',sans-serif;
    transition:all .3s ease;
    border-radius:7px;
}

.clock-format button.active{
    background:#C99A2E !important;
    color:#fff;
    box-shadow:0 6px 18px rgba(201,154,46,.35);
}

.clock-format button:hover:not(.active){
    background:rgba(255,255,255,.06);
    color:#fff;
}/* End custom CSS */