/*
Theme Name: My Custom Theme
Author: Nabeel
Description: Custom WordPress Theme
Version: 1.0
*/

    body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

   a.custom-logo-link img {
    width: 130px;
}


.custom-logo-link img {
 
  width: 80px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
/* navbar */
#navbar{transition:box-shadow .3s}
#navbar.scrolled{box-shadow:0 2px 18px rgba(0,0,0,.13)}

.get_a-quote{
    background-color: #0074bc;
    padding: 10px 20px;
    color: white;
    border-radius: 10px;
}

.get_a-quote:hover{
    background-color: #cbe2f4;
    padding: 10px 20px;
    color: #0074bc;
    border-radius: 10px;
}

/* hero */
.hero-slide{position:relative;height:92vh;min-height:560px;overflow:hidden}
.hero-slide img{width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(0,0,0,.82) 38%,rgba(0,0,0,.2) 100%)}
.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:40px 6%}
/* swiper arrows gold */
.swiper-button-next,.swiper-button-prev{color:#0074bc!important;background:rgba(0,0,0,.45);width:44px!important;height:44px!important;border-radius:5px}
.swiper-button-next::after,.swiper-button-prev::after{font-size:17px!important;font-weight:900}
.swiper-pagination-bullet-active{background:#0074bc!important}
.swiper-pagination-bullet{background:rgba(245,197,24,.45)!important}
/* section labels */
.sec-tag{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0074bc}
.sec-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;color:#111;line-height:1.2;margin-bottom:8px}
.sec-sub{color:#888;font-size:.9rem;line-height:1.65;max-width:560px;margin:0 auto}
.accent{width:46px;height:4px;background:#0074bc;border-radius:2px;margin:8px auto 14px}
.accent-l{margin:8px 0 14px}
/* cards */
.srv-card{background:#fff;border:2px solid #eee;border-radius:12px;padding:26px 20px;transition:all .3s;cursor:pointer}
.srv-card:hover{border-color:#0074bc;box-shadow:0 8px 32px rgba(245,197,24,.18);transform:translateY(-4px)}
.srv-card:hover .s-icon{background:#0074bc;color:#111}
.s-icon{width:52px;height:52px;background:#111;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;transition:all .3s}
/* feature grid */
.feat-item{display:flex;flex-direction:column;align-items:center;padding:22px 10px;border:1.5px solid #eee;border-radius:8px;transition:all .3s;cursor:pointer}
.feat-item:hover{background:#0074bc;border-color:#0074bc}
.feat-item:hover .fi{color:#111}
.feat-item:hover .fl{color:#111}
.fi{font-size:1.9rem;margin-bottom:8px;color:#333}
.fl{font-size:.78rem;font-weight:600;text-align:center;color:#444;line-height:1.3}
/* tabs */
.tab-btn{padding:12px 22px;border-bottom:3px solid transparent;font-weight:600;font-size:.84rem;cursor:pointer;transition:all .3s;color:#999;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:'Comfortaa',sans-serif}
.tab-btn.active{color:#111;border-bottom-color:#0074bc}
.tab-panel{display:none}
.tab-panel.active{display:block;animation:fadeIn .35s ease}
/* accordion */
.acc-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 18px;background:#fff;border:2px solid #eee;border-radius:8px;cursor:pointer;font-weight:600;font-size:.88rem;color:#111;text-align:left;transition:all .3s;font-family:'Comfortaa',sans-serif}
.acc-btn:hover,.acc-btn.open{border-color:#0074bc;background:#FFFCEB}
.acc-btn .pl{font-size:1.3rem;color:#0074bc;transition:transform .3s;line-height:1;flex-shrink:0;margin-left:12px}
.acc-btn.open .pl{transform:rotate(45deg)}
.acc-body{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;border:2px solid transparent;border-top:none;border-radius:0 0 8px 8px;font-size:.86rem;color:#666;line-height:1.75;background:#FFFCEB}
.acc-body.open{max-height:280px;padding:14px 18px;border-color:#0074bc}
/* buttons */
.btn-y{background:#0074bc;color:#111;font-family:'Comfortaa',sans-serif;font-weight:700;padding:12px 26px;border-radius:6px;border:none;cursor:pointer;transition:all .3s;display:inline-block;font-size:.88rem}
.btn-y:hover{background:white;color:#eab308 ;transform:translateY(-2px);box-shadow:0 6px 18px rgba(245,197,24,.4)}
.btn-d{background:#111;color:#fff;font-family:'Comfortaa',sans-serif;font-weight:700;padding:12px 26px;border-radius:6px;border:2px solid #111;cursor:pointer;transition:all .3s;display:inline-block;font-size:.88rem}
.btn-d:hover{background:transparent;color:#111}
.btn-oy{background:transparent;color:#0074bc;border:2px solid #0074bc;font-family:'Comfortaa',sans-serif;font-weight:700;padding:10px 24px;border-radius:6px;cursor:pointer;transition:all .3s;display:inline-block;font-size:.88rem}
.btn-oy:hover{background:#0074bc;color:#111}
/* field */
.field{width:100%;padding:11px 14px;border:2px solid #e5e5e5;border-radius:7px;font-family:'Comfortaa',sans-serif;font-size:.86rem;transition:border-color .3s;outline:none;color:#111}
.field:focus{border-color:#0074bc}
/* price */
.price-card{border:2px solid #eee;border-radius:12px;padding:28px 22px;transition:all .3s;background:#fff}
.price-card:hover,.price-card.feat{border-color:#0074bc;box-shadow:0 12px 36px rgba(245,197,24,.22)}
.price-card.feat{background:#111;color:#fff}
/* testi */
.testi{background:#fff;border-radius:12px;padding:26px;box-shadow:0 4px 22px rgba(0,0,0,.07);position:relative}
.testi::before{content:'❝';position:absolute;top:14px;right:18px;font-size:2.8rem;color:#0074bc;opacity:.25;line-height:1}
/* partner */
.partner{filter:grayscale(1);opacity:.45;transition:all .3s;font-weight:700;font-size:1rem;color:#999}
.partner:hover{filter:none;opacity:1;color:#0074bc}
/* mobile menu */
#mob-menu{max-height:0;overflow:hidden;transition:max-height .35s ease}
#mob-menu.open{max-height:500px}
/* reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
/* gallery */
.gal-slide{border-radius:10px;overflow:hidden;aspect-ratio:4/3}
.gal-slide img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gal-slide:hover img{transform:scale(1.06)}
/* yellow band */
.y-band{background:#0074bc}
.b-band{background:white}
/* stats */
.stat-c{text-align:center;padding:18px}
/* gold rule */
.g-rule{height:1px;background:linear-gradient(to right,transparent,#0074bc 30%,#0074bc 70%,transparent)}
@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}


/* header css  end*/


/* footer css start */

.footer-bg {
    background-image: linear-gradient(#d0e1f3, #d0e1f3),
    url('https://images.unsplash.com/photo-1497366216548-37526070297c?w=1400&q=80');
    background-size: cover;
    background-position: center;
}


/* footer css end */