/* =====================================================
   KABUL WEBSITE COMPANY
   TOP HEADER
===================================================== */

.kbc-top-header {
    width: 100%;
    height: 44px;

    background: #023477;

    color: #ffffff;

    position: relative;

    display: block;

    z-index: 99999;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}


.kbc-top-header-inner {
    height: 44px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;
}


/* =====================================================
   CONTACT
===================================================== */

.kbc-top-contact,
.kbc-top-account {
    display: flex;

    align-items: center;

    gap: 18px;
}


.kbc-top-link,
.kbc-account-link {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: rgba(255, 255, 255, 0.86) !important;

    text-decoration: none !important;

    font-size: 12.5px;

    font-weight: 500;

    letter-spacing: 0.1px;

    transition: all 0.25s ease;
}


.kbc-top-link:hover,
.kbc-account-link:hover {
    color: #ffffff !important;
}


/* =====================================================
   ICON
===================================================== */

.kbc-icon {
    width: 22px;

    height: 22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.08);

    color: rgba(255, 255, 255, 0.9);

    transition: all 0.25s ease;
}


.kbc-icon i {
    font-size: 10px;
}


.kbc-top-link:hover .kbc-icon,
.kbc-account-link:hover .kbc-icon {
    background: rgba(255, 255, 255, 0.16);

    transform: translateY(-1px);
}


/* =====================================================
   DIVIDER
===================================================== */

.kbc-top-divider {
    width: 1px;

    height: 17px;

    background: rgba(255, 255, 255, 0.18);
}


/* =====================================================
   ACCOUNT BUTTON
===================================================== */

.kbc-account-btn {
    padding: 5px 12px;

    border: 1px solid rgba(255, 255, 255, 0.16);

    border-radius: 50px;

    background: rgba(255, 255, 255, 0.05);

    transition: all 0.25s ease;
}


.kbc-account-btn:hover {
    background: rgba(255, 255, 255, 0.12);

    border-color: rgba(255, 255, 255, 0.28);
}


/* =====================================================
   KEEP MAIN HEADER BELOW TOP HEADER
===================================================== */

.navbar-overlay {
    top: 44px !important;
}


/* =====================================================
   TABLET / MOBILE
===================================================== */

@media (max-width: 991.98px) {

    .kbc-top-header {
        height: auto;

        min-height: 44px;
    }


    .kbc-top-header-inner {

        min-height: 44px;

        height: auto;

        padding-top: 8px;

        padding-bottom: 8px;

        flex-direction: column;

        justify-content: center;

        gap: 8px;
    }


    .kbc-top-contact,
    .kbc-top-account {

        justify-content: center;

        flex-wrap: wrap;

        gap: 8px 15px;
    }


    .kbc-top-link,
    .kbc-account-link {

        font-size: 12px;
    }


    .navbar-overlay {

        top: 70px !important;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 575.98px) {

    .kbc-top-header-inner {

        padding-left: 10px;

        padding-right: 10px;
    }


    .kbc-top-contact,
    .kbc-top-account {

        gap: 6px 10px;
    }


    .kbc-top-link,
    .kbc-account-link {

        font-size: 11px;
    }


    .kbc-icon {

        width: 20px;

        height: 20px;
    }


    .navbar-overlay {

        top: 78px !important;
    }

}

/* =====================================================
   KBC STICKY MAIN HEADER
===================================================== */

/* Header in normal position */
.navbar-overlay {
    transition: all 0.3s ease !important;
}


/* Header after scrolling */
.navbar-overlay.kbc-sticky {
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    z-index: 99998 !important;

    background: #ffffff !important;

    opacity: 1 !important;

    visibility: visible !important;

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);

    transition: all 0.3s ease !important;
}


/* Make menu text visible on white sticky header */
.navbar-overlay.kbc-sticky .nav-link {
    color: #202838 !important;
}


/* Logo */
.navbar-overlay.kbc-sticky .logo__img {
    opacity: 1;
}


/* Get Started button */
.navbar-overlay.kbc-sticky .btn-dark {
    opacity: 1 !important;
}


/* Keep dropdowns above everything */
.navbar-overlay.kbc-sticky .contain-sub-1__content,
.navbar-overlay.kbc-sticky .contain-mega-menu__content {
    z-index: 100000 !important;
}



/* =========================================
   KABUL WEBSITE COMPANY
   SIMPLE TWO-COLOR HEADER
========================================= */




/* White logo area */
.navbar-1::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    width: 23%;
    height: 100%;

    background: #ffffff;

    z-index: 0;
}


/* Keep Header content above background */
.navbar-1 .container,
.navbar-1 > * {
    position: relative;
    z-index: 2;
}


/* Logo */
.navbar-1 .navbar-brand {
    position: relative;
    z-index: 3;

    display: flex;
    align-items: center;

    height: 66px;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 991.98px) {

    .navbar-1 {
        min-height: 62px;
    }

    .navbar-1::before {
        width: 32%;
    }

    .navbar-1 .navbar-brand {
        height: 62px;
    }

}


@media (max-width: 575.98px) {

    .navbar-1::before {
        width: 50%;
    }

}


/* =========================================================
   KABUL WEBSITE COMPANY
   HERO CUSTOM DESIGN
========================================================= */


/* =========================================================
   HERO BACKGROUND
========================================================= */

.hero-1 {

    position: relative;

    background-color: #06152d !important;

        background-image: linear-gradient( 90deg, rgb(1, 32, 94), rgba(3, 64, 145, 0.72) ),
        url("../img/shape/banner-shape-security.png");

    background-repeat: no-repeat;

    background-position:
        center,
        center;

    background-size:
        cover,
        cover;
}


/* =========================================================
   HERO TITLE
========================================================= */

.kbc-hero-title {

    max-width: 760px;

    font-weight: 800;

    line-height: 1.25;

    letter-spacing: -0.5px;
}


/* =========================================================
   VIDEO BUTTON
========================================================= */

.kbc-hero-video {

    display: inline-flex;

    width: 64px;
    height: 64px;

    align-items: center;
    justify-content: center;

    margin-left: 18px;

    vertical-align: middle;

    text-decoration: none;

    border-radius: 50%;

    background: rgba(248, 137, 6, 0.12);

    border: 1px solid rgba(248, 137, 6, 0.75);

    box-shadow:
        0 0 0 8px rgba(248, 137, 6, 0.06),
        0 10px 35px rgba(0, 0, 0, 0.28);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}


.kbc-video-icon {

    width: 46px;
    height: 46px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f88906;

    color: #ffffff;

    transition: transform 0.3s ease;
}


.kbc-video-icon i {

    font-size: 19px;

    margin-left: 3px;
}


.kbc-hero-video:hover {

    transform: scale(1.08);

    background: rgba(248, 137, 6, 0.22);

    box-shadow:
        0 0 0 10px rgba(248, 137, 6, 0.08),
        0 15px 40px rgba(0, 0, 0, 0.35);
}


.kbc-hero-video:hover .kbc-video-icon {

    transform: scale(1.08);
}


/* =========================================================
   HERO DESCRIPTION
========================================================= */

.kbc-hero-description {

    max-width: 680px;

    font-size: 16px;

    line-height: 1.9;
}


/* =========================================================
   EXPERIENCE CARD
========================================================= */

.kbc-experience-card {

    width: 175px;
    height: 175px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 30%,
            rgba(248, 137, 6, 0.20),
            rgba(3, 64, 145, 0.96) 68%
        );

    border: 2px solid rgba(248, 137, 6, 0.85);

    box-shadow:
        0 18px 50px rgba(0, 0, 0, 0.30),
        inset 0 0 25px rgba(255, 255, 255, 0.06);

    z-index: 10;
}


.kbc-experience-number {

    display: flex;

    align-items: baseline;

    justify-content: center;

    color: #ffffff;

    line-height: 1;

    margin-bottom: 6px;
}


.kbc-experience-number .counter {

    font-size: 44px;

    font-weight: 800;
}


.kbc-plus {

    color: #f88906;

    font-size: 26px;

    font-weight: 800;

    margin-left: 2px;
}


.kbc-experience-title {

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;
}


.kbc-experience-line {

    width: 40px;

    height: 2px;

    margin: 9px 0;

    border-radius: 20px;

    background: #f88906;
}


.kbc-experience-small {

    color: rgba(255, 255, 255, 0.65);

    font-size: 9px;

    letter-spacing: 0.5px;

    text-transform: uppercase;
}


/* =========================================================
   MAP
========================================================= */

.hero-1__map {

    position: relative;

    z-index: 2;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 991.98px) {

    .kbc-hero-title {

        font-size: 42px;
    }


    .kbc-experience-card {

        width: 145px;
        height: 145px;
    }


    .kbc-experience-number .counter {

        font-size: 36px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

    .kbc-hero-title {

        font-size: 32px;

        line-height: 1.35;
    }


    .kbc-hero-video {

        width: 52px;
        height: 52px;

        margin-left: 10px;
    }


    .kbc-video-icon {

        width: 38px;
        height: 38px;
    }


    .kbc-video-icon i {

        font-size: 15px;
    }


    .kbc-hero-description {

        font-size: 14px;

        line-height: 1.8;
    }


    .kbc-experience-card {

        width: 125px;
        height: 125px;
    }


    .kbc-experience-number .counter {

        font-size: 30px;
    }


    .kbc-experience-title {

        font-size: 11px;
    }


    .kbc-experience-small {

        font-size: 7px;
    }

}

.hero-1__map-location-info-btn{display:flex!important;align-items:center!important;gap:9px!important;min-width:120px;padding:7px 12px 7px 7px!important;border:1px solid rgba(255,255,255,.18);border-radius:50px!important;background:rgba(3,64,145,.96)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 25px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12);transition:all .3s ease}
.hero-1__map-location-info-btn:hover{transform:translateY(-3px);border-color:rgba(248,137,6,.7);box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 18px rgba(248,137,6,.18)}
.hero-1__map-location-info-btn-img{width:32px!important;height:32px!important;min-width:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#f88906!important;color:#fff!important;box-shadow:0 4px 12px rgba(248,137,6,.35)}
.hero-1__map-location-info-btn-img i{font-size:16px!important;color:#fff!important}
.hero-1__map-location-info-btn-text{color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1!important;white-space:nowrap}
.hero-1__map-location-info-arrow img{opacity:.7}
.hero-1__map-location--1{top:43%!important;left:58%!important}
.hero-1__map-location--3{top:47%!important;left:51%!important}
.hero-1__map-location--4{top:49%!important;left:59%!important}
.hero-1__map-location--5{top:54%!important;left:58%!important}
.hero-1__map-location--6{top:38%!important;left:56%!important}
.hero-1__map-location--7{top:67%!important;left:78%!important}
.hero-1__map-location--8{top:27%!important;left:23%!important}
.hero-1__map-location-dot:before{background:#f88906!important;border-color:#fff!important;box-shadow:0 0 0 5px rgba(248,137,6,.15),0 0 18px rgba(248,137,6,.55)!important}
@media(max-width:991.98px){.hero-1__map-location-info-btn{min-width:105px;padding:5px 9px 5px 6px!important}.hero-1__map-location-info-btn-img{width:27px!important;height:27px!important;min-width:27px!important}.hero-1__map-location-info-btn-text{font-size:11px!important}}



/* =========================================================
KABUL WEBSITE COMPANY - DOMAIN SECTION
========================================================= */

.kbc-domain-card{border:1px solid rgba(3,64,145,.08)!important;box-shadow:0 22px 65px rgba(3,64,145,.1);overflow:hidden;background:#fff}

.kbc-domain-heading{max-width:760px;margin:auto}

.kbc-domain-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:50px;background:rgba(248,137,6,.08);border:1px solid rgba(248,137,6,.2);color:#f88906;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:15px}

.kbc-domain-badge i{font-size:16px}

.kbc-domain-title{margin:0;font-size:36px;font-weight:800;line-height:1.25;color:#202838}

.kbc-domain-title span{color:#034091;position:relative}

.kbc-domain-title span:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px;border-radius:10px;background:#f88906}

.kbc-domain-subtitle{max-width:650px;margin:14px auto 0;color:#6b7280;font-size:14px;line-height:1.8}

.kbc-domain-form{height:72px;border:2px solid rgba(3,64,145,.12)!important;border-radius:14px!important;background:#fff;box-shadow:0 15px 40px rgba(3,64,145,.1);overflow:hidden;transition:all .3s ease}

.kbc-domain-form:hover{border-color:rgba(3,64,145,.25)!important;box-shadow:0 18px 45px rgba(3,64,145,.13)}

.kbc-domain-form:focus-within{border-color:#034091!important;box-shadow:0 18px 45px rgba(3,64,145,.16)}

.kbc-domain-form input{height:100%;border:0!important;box-shadow:none!important;padding:0 200px 0 22px!important;font-size:15px}

.kbc-domain-form input::placeholder{color:#9ca3af}

.kbc-domain-form .domain-submit-box{right:7px;top:7px;bottom:7px}

.kbc-domain-select {
  height: 100%;
  outline: none !important;
  color: #fff;
  font-weight: 500;
  font-size: 17px;
  padding: 1px 2px;
  cursor: pointer;
  background: #144d98 !important;
  border-radius: 10px;
  text-align: center;
}

.kbc-domain-search{height:100%;min-width:110px;background:#034091!important;border-color:#034091!important;border-radius:9px!important;font-size:13px;transition:all .25s ease}

.kbc-domain-search i{margin-right:6px}

.kbc-domain-search:hover{background:#f88906!important;border-color:#f88906!important;transform:translateY(-1px)}


/* =========================================================
DOMAIN PRICE BOXES
========================================================= */

.kbc-domain-prices{width:100%;gap:12px!important}

.kbc-domain-price{min-width:145px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:10px 16px;background:linear-gradient(145deg,#fff,#f8faff);border:1px solid rgba(3,64,145,.1);border-radius:11px;box-shadow:0 6px 20px rgba(3,64,145,.07);transition:all .3s ease;cursor:pointer}

.kbc-domain-price:hover{transform:translateY(-4px);border-color:rgba(248,137,6,.4);box-shadow:0 12px 28px rgba(3,64,145,.12);background:#fff}

.kbc-domain-extension{font-size:17px;font-weight:800;line-height:1; text-transform: uppercase;}

.kbc-domain-extension.primary{color:#034091}

.kbc-domain-extension.orange{color:#f88906}

.kbc-domain-extension.blue{color:#034091}

.kbc-domain-cost{font-size:13px;font-weight:700;color:#374151;white-space:nowrap}

.kbc-domain-cost span{font-size:10px;color:#9ca3af;font-weight:500;margin-left:2px}


/* =========================================================
PRICE BOX ACCENTS
========================================================= */

.kbc-domain-price:nth-child(1){border-top:3px solid #034091}

.kbc-domain-price:nth-child(2){border-top:3px solid #f88906}

.kbc-domain-price:nth-child(3){border-top:3px solid #034091}

.kbc-domain-price:nth-child(4){border-top:3px solid #f88906}

.kbc-domain-price:nth-child(5){border-top:3px solid #034091}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:767.98px){
.kbc-domain-title{font-size:29px}
.kbc-domain-subtitle{font-size:13px}
.kbc-domain-form{height:62px}
.kbc-domain-form input{padding:0 125px 0 15px!important;font-size:13px}
.kbc-domain-form .domain-submit-box{right:5px;top:5px;bottom:5px;gap:3px!important}
.kbc-domain-select{font-size:11px;max-width:58px;padding:0}
.kbc-domain-search{min-width:75px;font-size:11px;padding:0 9px!important}
.kbc-domain-search i{display:none}
.kbc-domain-price{min-width:135px;min-height:50px;padding:9px 13px}
.kbc-domain-extension{font-size:16px}
.kbc-domain-cost{font-size:12px}
}

@media(max-width:480px){
.kbc-domain-title{font-size:25px}
.kbc-domain-form input{padding-right:95px!important;font-size:12px}
.kbc-domain-select{display:none}
.kbc-domain-search{min-width:80px}
.kbc-domain-price{min-width:125px}
}



/* KBC CLIENTS */
.kbc-clients-section{padding:60px 0 30px; overflow:hidden; background: #f1f5f9}
.kbc-clients-heading{max-width:700px;margin:0 auto 45px}
.kbc-clients-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;margin-bottom:14px;border:1px solid rgba(248,137,6,.2);border-radius:50px;background:rgba(248,137,6,.07);color:#f88906;font-size:13px;font-weight:700;letter-spacing:.8px}
.kbc-clients-badge i{font-size:16px}
.kbc-clients-heading h2{margin:0;font-size:34px;font-weight:800;color:#0144a3}
.kbc-clients-heading h2 span{color:#ff8f05}
.kbc-clients-heading p{max-width:620px;margin:13px auto 0;color:#032759;font-size:14px;line-height:1.8}
.kbc-clients-slider{position:relative;width:100%;overflow:hidden;padding:10px 0 20px}
.kbc-clients-slider:before,.kbc-clients-slider:after{content:"";position:absolute;top:0;width:90px;height:100%;z-index:3;pointer-events:none}
.kbc-clients-slider:before{left:0;background:linear-gradient(90deg,#175dbb,rgba(255,255,255,0))}
.kbc-clients-slider:after{right:0;background:linear-gradient(270deg,#175dbb,rgba(255,255,255,0))}
.kbc-clients-track{display:flex;align-items:center;gap:18px;width:max-content;animation:kbcClientSlider 28s linear infinite}
.kbc-client-item{width:180px;height:100px;flex:0 0 180px}
.kbc-client-logo {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px;
  border: 0px solid #edf0f5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(3,64,145,.05);
  transition: all .3s ease;
}
.kbc-client-logo:hover{transform:translateY(-5px);border-color:rgba(248,137,6,.35);box-shadow:0 12px 28px rgba(3,64,145,.1)}
.kbc-client-logo img{display:block;width:100%;height:100%;max-width:145px;max-height:64px;object-fit:contain;opacity:.7;filter:grayscale(100%);transition:all .3s ease}
.kbc-client-logo:hover img{opacity:1;filter:grayscale(0)}
.kbc-clients-track:hover{animation-play-state:paused}
@keyframes kbcClientSlider{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:991.98px){.kbc-clients-section{padding:70px 0 55px}.kbc-clients-heading h2{font-size:30px}.kbc-client-item{width:160px;height:90px;flex-basis:160px}.kbc-client-logo{padding:15px}.kbc-client-logo img{max-width:125px;max-height:58px}}
@media(max-width:575.98px){.kbc-clients-section{padding:55px 0 45px}.kbc-clients-heading{margin-bottom:30px}.kbc-clients-heading h2{font-size:25px}.kbc-clients-heading p{font-size:13px}.kbc-client-item{width:140px;height:80px;flex-basis:140px}.kbc-client-logo{padding:12px;border-radius:10px}.kbc-client-logo img{max-width:110px;max-height:50px}.kbc-clients-track{gap:12px;animation-duration:22s}}



/* =========================================================
KABUL WEBSITE COMPANY - FEATURES
========================================================= */

.kbc-features-section{position:relative;}
.kbc-feature-card{position:relative;display:flex;align-items:flex-start;gap:18px;min-height:155px;padding:28px 25px;background:#fff;border:1px solid #edf0f5;border-radius:14px;overflow:hidden;box-shadow:0 8px 30px rgba(3,64,145,.06);transition:all .3s ease}
.kbc-feature-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:#f88906;border-radius:0 0 5px 5px;transition:height .3s ease}
.kbc-feature-card:hover{transform:translateY(-6px);border-color:rgba(3,64,145,.15);box-shadow:0 18px 40px rgba(3,64,145,.11)}
.kbc-feature-card:hover:before{height:100%}
.kbc-feature-icon{width:54px;height:54px;min-width:54px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(3,64,145,.08);color:#034091;font-size:26px;transition:all .3s ease}
.kbc-feature-card:hover .kbc-feature-icon{background:#034091;color:#fff;transform:scale(1.05)}
.kbc-feature-content{position:relative;z-index:2}
.kbc-feature-content h5{margin:2px 0 9px;font-size:16px;font-weight:800;color:#202838}
.kbc-feature-content p{margin:0;color:#737b8c;font-size:13px;line-height:1.8}
.kbc-feature-number{position:absolute;right:18px;bottom:8px;color:rgba(3,64,145,.055);font-size:55px;font-weight:900;line-height:1;z-index:1;transition:all .3s ease}
.kbc-feature-card:hover .kbc-feature-number{color:rgba(248,137,6,.08);transform:translateY(-4px)}
@media(max-width:991.98px){
.kbc-feature-card{min-height:145px}
}
@media(max-width:575.98px){
.kbc-feature-card{padding:22px 20px;gap:14px}
.kbc-feature-icon{width:48px;height:48px;min-width:48px;font-size:22px}
.kbc-feature-content h5{font-size:15px}
.kbc-feature-content p{font-size:12px;line-height:1.7}
.kbc-feature-number{font-size:45px}
}



/* =========================================================
KABUL WEBSITE COMPANY - FOOTER
========================================================= */

/* =========================================================
KABUL WEBSITE COMPANY - PREMIUM CTA
========================================================= */

.kbc-footer-cta{padding:85px 0 0;background:#fff}

.kbc-cta-box{position:relative;display:flex;align-items:center;justify-content:space-between;gap:45px;padding:38px 45px;min-height:190px;background:linear-gradient(120deg,#034091 0%,#0752a9 55%,#034091 100%);border-radius:18px;overflow:hidden;box-shadow:0 25px 60px rgba(3,64,145,.22)}

.kbc-cta-box:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);pointer-events:none}

.kbc-cta-decoration{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}

.kbc-cta-decoration-1{width:330px;height:330px;right:-100px;top:-190px}

.kbc-cta-decoration-2{width:230px;height:230px;right:-50px;top:-140px;border-color:rgba(248,137,6,.18)}

.kbc-cta-decoration-3{width:150px;height:150px;left:-80px;bottom:-100px;border-color:rgba(248,137,6,.12)}

.kbc-cta-content{position:relative;z-index:2;display:flex;align-items:center;gap:22px}

.kbc-cta-icon{position:relative;width:68px;height:68px;min-width:68px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:#f88906;color:#fff;font-size:31px;box-shadow:0 10px 28px rgba(248,137,6,.3)}

.kbc-cta-icon span{position:absolute;right:-3px;top:-3px;width:12px;height:12px;border:3px solid #034091;border-radius:50%;background:#fff}

.kbc-cta-label{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:rgba(255,255,255,.65);font-size:10px;font-weight:800;letter-spacing:1.4px}

.kbc-cta-label span{width:22px;height:2px;background:#f88906;border-radius:5px}

.kbc-cta-text h2{margin:0;color:#fff;font-size:25px;font-weight:700;line-height:1.3}

.kbc-cta-text h2 strong{color:#f88906;font-weight:800}

.kbc-cta-text p{margin:7px 0 0;color:rgba(255,255,255,.68);font-size:12px;line-height:1.6}

.kbc-cta-action{position:relative;z-index:2;display:flex;align-items:center;gap:25px}

.kbc-cta-contact{text-align:right}

.kbc-cta-contact span{display:block;margin-bottom:3px;color:rgba(255,255,255,.55);font-size:10px}

.kbc-cta-contact a{display:flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-size:16px;font-weight:800;white-space:nowrap}

.kbc-cta-contact a i{color:#f88906;font-size:19px}

.kbc-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border:1px solid #f88906;border-radius:6px;background:#f88906;color:#fff;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 8px 20px rgba(248,137,6,.25);transition:all .3s ease}

.kbc-cta-button i{font-size:17px;transition:transform .3s ease}

.kbc-cta-button:hover{background:#fff;border-color:#fff;color:#034091;transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.18)}

.kbc-cta-button:hover i{transform:translateX(4px)}

@media(max-width:991.98px){
.kbc-cta-box{padding:32px;gap:30px}
.kbc-cta-text h2{font-size:21px}
.kbc-cta-action{flex-direction:column;align-items:flex-end;gap:12px}
}

@media(max-width:767.98px){
.kbc-footer-cta{padding-top:60px}
.kbc-cta-box{flex-direction:column;align-items:flex-start;padding:30px 25px;gap:25px}
.kbc-cta-content{align-items:flex-start}
.kbc-cta-icon{width:58px;height:58px;min-width:58px;font-size:26px}
.kbc-cta-text h2{font-size:20px}
.kbc-cta-action{width:100%;flex-direction:row;align-items:center;justify-content:space-between}
.kbc-cta-contact{text-align:left}
}

@media(max-width:480px){
.kbc-cta-box{padding:25px 20px}
.kbc-cta-content{gap:15px}
.kbc-cta-icon{width:50px;height:50px;min-width:50px;font-size:22px;border-radius:13px}
.kbc-cta-text h2{font-size:17px}
.kbc-cta-text p{font-size:11px}
.kbc-cta-action{align-items:flex-start;flex-direction:column;gap:14px}
.kbc-cta-button{width:100%}
.kbc-cta-contact a{font-size:15px}
}


.kbc-footer{padding:75px 0 25px;background:#f8faff}

.kbc-footer-logo{max-width:90px;height:auto}

.kbc-footer-about{max-width:390px;margin:22px 0 25px;color:#687386;font-size:13px;line-height:1.9}

.kbc-footer-title{margin:5px 0 22px;color:#202838;font-size:15px;font-weight:800}

.kbc-newsletter{position:relative;max-width:390px;height:50px}

.kbc-newsletter input{width:100%;height:100%;padding:0 60px 0 17px;border:1px solid #e4e9f1;border-radius:7px;background:#fff;outline:none;font-size:12px;box-shadow:0 5px 20px rgba(3,64,145,.04)}

.kbc-newsletter input:focus{border-color:#034091}

.kbc-newsletter button{position:absolute;right:5px;top:5px;width:40px;height:40px;border:0;border-radius:5px;background:#034091;color:#fff;font-size:17px;cursor:pointer;transition:all .25s ease}

.kbc-newsletter button:hover{background:#f88906}

.kbc-footer-links{display:flex;flex-direction:column;gap:10px;padding:0;margin:0;list-style:none}

.kbc-footer-links li a{display:flex;align-items:center;gap:8px;color:#687386;text-decoration:none;font-size:13px;transition:all .25s ease}

.kbc-footer-links li a i{color:#f88906;font-size:11px;transition:transform .25s ease}

.kbc-footer-links li a:hover{color:#034091;transform:translateX(3px)}

.kbc-footer-links li a:hover i{transform:translateX(2px)}

.kbc-footer-contact{display:flex;flex-direction:column;gap:15px;padding:0;margin:0;list-style:none}

.kbc-footer-contact li{display:flex;align-items:center;gap:11px}

.kbc-contact-icon{width:38px;height:38px;min-width:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(3,64,145,.07);color:#034091;font-size:18px}

.kbc-footer-contact small{display:block;margin-bottom:2px;color:#9aa3b2;font-size:10px}

.kbc-footer-contact a,.kbc-footer-contact li>div>span{color:#4f596b;text-decoration:none;font-size:12px;font-weight:600}

.kbc-footer-contact a:hover{color:#f88906}

.kbc-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:60px;padding-top:22px;border-top:1px solid #e3e8f0}

.kbc-copyright p{margin:0;color:#8a93a3;font-size:12px}

.kbc-copyright strong{color:#034091}

.kbc-footer-social{display:flex;align-items:center;gap:8px}

.kbc-footer-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e6ee;border-radius:50%;background:#fff;color:#687386;text-decoration:none;font-size:15px;transition:all .25s ease}

.kbc-footer-social a:hover{background:#034091;border-color:#034091;color:#fff;transform:translateY(-3px)}

@media(max-width:991.98px){
.kbc-footer-cta-box{align-items:flex-start;flex-direction:column;padding:28px}
.kbc-footer-cta-action{width:100%;justify-content:space-between}
.kbc-footer{padding-top:60px}
}

@media(max-width:575.98px){
.kbc-footer-cta{padding-top:55px}
.kbc-footer-cta-box{padding:24px 20px;border-radius:12px}
.kbc-footer-cta-content{align-items:flex-start}
.kbc-footer-cta-icon{width:50px;height:50px;min-width:50px;font-size:23px}
.kbc-footer-cta-content h3{font-size:17px}
.kbc-footer-cta-action{align-items:flex-start;flex-direction:column}
.kbc-footer-cta-btn{width:100%;justify-content:center}
.kbc-footer{padding-top:50px}
.kbc-footer-bottom{align-items:center;flex-direction:column;text-align:center;margin-top:40px}
}

/* KBC FOOTER COMPANY CARD */
.kbc-footer-company-card{position:relative;height:100%;padding:30px;background:linear-gradient(145deg,#034091,#023474);border-radius:16px;overflow:hidden;box-shadow:0 18px 45px rgba(3,64,145,.18)}
.kbc-footer-company-card:before{content:"";position:absolute;width:180px;height:180px;right:-85px;top:-85px;border:35px solid rgba(255,255,255,.04);border-radius:50%}
.kbc-footer-company-card:after{content:"";position:absolute;width:100px;height:100px;left:-55px;bottom:-55px;border:20px solid rgba(248,137,6,.08);border-radius:50%}
.kbc-footer-company-top{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-bottom:20px}
.kbc-footer-company-icon{width:52px;height:52px;min-width:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#f88906;color:#fff;font-size:25px;box-shadow:0 8px 20px rgba(248,137,6,.25)}
.kbc-footer-company-label{display:block;margin-bottom:4px;color:rgba(255,255,255,.55);font-size:9px;font-weight:800;letter-spacing:1.1px}
.kbc-footer-company-top h5{margin:0;color:#fff;font-size:17px;font-weight:800;line-height:1.3}
.kbc-footer-company-card .kbc-footer-about{position:relative;z-index:2;margin:0 0 20px!important;max-width:100%;color:rgba(255,255,255,.7)!important;font-size:12px!important;line-height:1.85!important}
.kbc-footer-mini-features{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;margin-bottom:23px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1)}
.kbc-footer-mini-features div{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.72);font-size:11px;font-weight:500}
.kbc-footer-mini-features i{color:#f88906;font-size:15px}
.kbc-footer-newsletter-title{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#fff;font-size:13px;font-weight:800}
.kbc-footer-newsletter-title i{color:#f88906;font-size:17px}
.kbc-footer-company-card .kbc-newsletter{position:relative;z-index:2;width:100%;height:48px;max-width:none}
.kbc-footer-company-card .kbc-newsletter input{width:100%;height:100%;padding:0 55px 0 15px;border:1px solid rgba(255,255,255,.18)!important;border-radius:7px;background:rgba(255,255,255,.08)!important;color:#fff!important;outline:none;font-size:11px;box-shadow:none!important}
.kbc-footer-company-card .kbc-newsletter input::placeholder{color:rgba(255,255,255,.5)}
.kbc-footer-company-card .kbc-newsletter input:focus{border-color:#f88906!important;background:rgba(255,255,255,.1)!important}
.kbc-footer-company-card .kbc-newsletter button{position:absolute;right:5px;top:5px;width:38px;height:38px;border:0;border-radius:5px;background:#f88906;color:#fff;font-size:16px;cursor:pointer;transition:all .25s ease}
.kbc-footer-company-card .kbc-newsletter button:hover{background:#fff;color:#034091;transform:translateX(2px)}
.kbc-newsletter-note{position:relative;z-index:2;display:flex;align-items:center;gap:5px;margin-top:8px;color:rgba(255,255,255,.42);font-size:9px}
.kbc-newsletter-note i{color:#f88906;font-size:11px}
@media(max-width:575.98px){.kbc-footer-company-card{padding:25px 20px}.kbc-footer-company-top h5{font-size:16px}.kbc-footer-company-icon{width:48px;height:48px;min-width:48px;font-size:22px}}



/* KBC CONTACT & OFFICES */
.kbc-contact-box{height:100%}
.kbc-contact-items{display:flex;flex-direction:column;gap:12px}
.kbc-contact-item{display:flex;align-items:center;gap:11px;padding-bottom:10px;border-bottom:1px solid #e9edf3}
.kbc-contact-icon{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(3,64,145,.07);color:#034091;font-size:17px;transition:all .25s ease}
.kbc-contact-item:hover .kbc-contact-icon{background:#034091;color:#fff;transform:translateY(-2px)}
.kbc-contact-details{display:flex;flex-direction:column;gap:2px}
.kbc-contact-details span{color:#9aa3b2;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.kbc-contact-details a{color:#374151;text-decoration:none;font-size:11px;font-weight:700;transition:color .25s ease}
.kbc-contact-details a:hover{color:#f88906}
.kbc-office-card{position:relative;padding:12px 12px 11px;border:1px solid #e7ebf2;border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(3,64,145,.045);transition:all .3s ease;overflow:hidden}
.kbc-office-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:#f88906;border-radius:5px}
.kbc-office-card:hover{transform:translateY(-3px);border-color:rgba(3,64,145,.18);box-shadow:0 10px 25px rgba(3,64,145,.09)}
.kbc-office-header{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.kbc-office-icon{width:31px;height:31px;min-width:31px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(248,137,6,.09);color:#f88906;font-size:15px}
.kbc-office-header span{display:block;color:#9aa3b2;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.kbc-office-header strong{display:block;margin-top:1px;color:#034091;font-size:12px;font-weight:800}
.kbc-office-card p{display:flex;align-items:flex-start;gap:6px;margin:0;padding-left:2px;color:#687386;font-size:10px;line-height:1.65}
.kbc-office-card p i{margin-top:2px;color:#f88906;font-size:13px}
@media(max-width:575.98px){.kbc-office-card{padding:11px}.kbc-office-card p{font-size:10px}}


/* KBC HEADER ICONS */
.kbc-menu-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(3,64,145,.07);color:#034091;font-size:18px;transition:all .25s ease}
.contain-sub-1__link:hover .kbc-menu-icon,.contain-mega-menu__link:hover .kbc-menu-icon{background:#034091;color:#fff;transform:translateY(-2px)}
.kbc-domain-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(3,64,145,.08);color:#034091;font-size:45px}

/* LOCATION */
.kbc-location-item{margin-left:2px}
.kbc-location-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;background:rgba(3,64,145,.07);border:1px solid rgba(3,64,145,.12);color:#034091;transition:all .3s ease}
.kbc-location-icon{font-size:17px;animation:kbcMapPulse 2s ease-in-out infinite}
.kbc-location-link:hover{background:#034091;color:#fff;transform:translateY(-2px)}
@keyframes kbcMapPulse{0%,100%{transform:scale(1);rotate:0deg}50%{transform:scale(1.18);rotate:5deg}}

/* LANGUAGE */
.kbc-language-item{position:relative}
.kbc-language-switcher{position:relative}
.kbc-language-btn{height:40px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid rgba(3,64,145,.14);border-radius:7px;background:#fff;color:#034091;font-size:12px;font-weight:700;cursor:pointer;transition:all .25s ease}
.kbc-language-btn i:first-child{font-size:16px;color:#f88906}
.kbc-language-btn i:last-child{font-size:9px;margin-left:2px;transition:transform .25s ease}
.kbc-language-switcher:hover .kbc-language-btn{border-color:#034091;background:#034091;color:#fff}
.kbc-language-switcher:hover .kbc-language-btn i:first-child{color:#f88906}
.kbc-language-menu{position:absolute;right:0;top:calc(100% + 9px);width:135px;padding:6px;background:#fff;border:1px solid #edf0f5;border-radius:10px;box-shadow:0 15px 35px rgba(3,64,145,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s ease;z-index:999}
.kbc-language-switcher:hover .kbc-language-menu{opacity:1;visibility:visible;transform:translateY(0)}
.kbc-language-switcher:hover .kbc-language-btn i:last-child{transform:rotate(180deg)}
.kbc-language-menu a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:6px;color:#566174;text-decoration:none;font-size:12px;font-weight:600;transition:all .2s ease}
.kbc-language-menu a:hover{background:rgba(3,64,145,.06);color:#034091}
.kbc-language-menu a i{width:15px;text-align:center;font-size:12px}
.kbc-language-menu .kbc-language-active{color:#034091;background:rgba(3,64,145,.05)}
.kbc-language-menu .kbc-language-active i{color:#f88906}

/* TOP HEADER */
.kbc-top-header{background:#012e69;border-bottom:1px solid rgba(255,255,255,.12)}
.kbc-top-header-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between}
.kbc-top-left,.kbc-top-right{display:flex;align-items:center;gap:18px}
.kbc-top-header a{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.82);font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease}
.kbc-top-header a i{color:#f88906;font-size:12px}
.kbc-top-header a:hover{color:#fff}
@media(max-width:767.98px){.kbc-top-left a:nth-child(2){display:none}.kbc-top-right a{font-size:9px}.kbc-top-header-inner{padding:0 10px}.kbc-top-left,.kbc-top-right{gap:10px}}
@media(max-width:575.98px){.kbc-top-right a:nth-child(3){display:none}}


.navbar-overlay{top:0!important;left:0!important;right:0!important;margin:0!important;padding:0!important;transform:none!important}

.kbc-top-header{position:relative!important;top:0!important;margin:0!important;padding:0!important}

.kbc-top-header-inner{position:relative!important;top:0!important;margin:0!important}


/* KBC LANGUAGE SWITCHER */
.kbc-language-item{position:relative}
.kbc-language-switcher{position:relative}
.kbc-language-btn{height:40px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid rgba(3,64,145,.14);border-radius:7px;background:#fff;color:#034091;font-size:12px;font-weight:700;cursor:pointer;transition:all .25s ease}
.kbc-language-btn>i:first-child{font-size:20px;color:#f88906}
.kbc-language-btn>i:last-child{font-size:9px;margin-left:2px;transition:transform .25s ease}
.kbc-language-switcher:hover .kbc-language-btn{background:#034091;border-color:#034091;color:#fff}
.kbc-language-switcher:hover .kbc-language-btn>i:first-child{color:#f88906}
.kbc-language-switcher:hover .kbc-language-btn>i:last-child{transform:rotate(180deg)}
.kbc-language-menu{position:absolute;right:0;top:calc(100% + 8px);width:155px;padding:7px;background:#fff;border:1px solid #e8edf4;border-radius:11px;box-shadow:0 15px 40px rgba(3,64,145,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s ease;z-index:99999}
.kbc-language-switcher:hover .kbc-language-menu{opacity:1;visibility:visible;transform:translateY(0)}
.kbc-language-menu a{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:42px;padding:0 9px;border-radius:8px;color:#4b5563;text-decoration:none;transition:all .2s ease}
.kbc-language-menu a:hover{background:rgba(3,64,145,.06);color:#034091}
.kbc-lang-icon{width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#f3f6fa;color:#034091;font-size:11px;transition:all .2s ease}
.kbc-language-menu a:hover .kbc-lang-icon{background:#034091;color:#fff}
.kbc-language-active .kbc-lang-icon{background:rgba(3,64,145,.08);color:#034091}
.kbc-language-active .kbc-lang-icon i{font-size:11px}
.kbc-lang-en{font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1px}
.kbc-dari-language{direction:ltr!important;justify-content:flex-start}
.kbc-dari-language .kbc-lang-icon{order:1;background:rgba(248,137,6,.1);color:#f88906}
.kbc-dari-language .kbc-lang-dari{order:2;font-family:"Roboto,IRANSans",Tahoma,sans-serif;font-size:12px;font-weight:600;line-height:1;direction:rtl;letter-spacing:0;color:#303846;margin-top:1px}
.kbc-dari-language:hover .kbc-lang-icon{background:#f88906;color:#fff}
.kbc-dari-language:hover .kbc-lang-dari{color:#034091}




/* KBC RESPONSIVE HEADER */
.kbc-top-header{width:100%;background:#034091;color:#fff;position:relative;z-index:1001}
.kbc-top-header .container{width:100%}
.kbc-top-header-inner{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.kbc-top-left,.kbc-top-right{display:flex;align-items:center;gap:22px}
.kbc-top-left a,.kbc-top-right a{display:inline-flex;align-items:center;gap:7px;color:#fff!important;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;transition:all .2s ease}
.kbc-top-left a i,.kbc-top-right a i{color:#f88906;font-size:14px}
.kbc-top-left a:hover,.kbc-top-right a:hover{color:#f88906!important}
.kbc-top-right a{padding:6px 0}
.kbc-top-right a:last-child{padding:6px 13px;border:1px solid rgba(255,255,255,.25);border-radius:20px}
.navbar-1{position:relative!important;top:auto!important;left:auto!important;width:100%;z-index:1000;background:#034eb1 !important}
.navbar-1 .navbar-toggler{border:0;padding:8px;color:#fff;box-shadow:none}
.navbar-1 .navbar-toggler:focus{box-shadow:none}
.navbar-1 .navbar-toggler-icon{filter:brightness(0) invert(1)}
.navbar-1 .navbar-nav{align-items:center}
.navbar-1 .nav-link{white-space:nowrap}
.kbc-language-item{position:relative}
.kbc-language-switcher{position:relative}
@media(max-width:991.98px){
.kbc-top-header-inner{min-height:auto;padding:8px 0;display:flex;flex-direction:column;align-items:stretch;gap:7px}
.kbc-top-left,.kbc-top-right{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.kbc-top-left a,.kbc-top-right a{font-size:11px}
.kbc-top-left a i,.kbc-top-right a i{font-size:12px}
.kbc-top-right a:last-child{padding:4px 10px}
.navbar-1{padding-top:8px!important;padding-bottom:8px!important}
.navbar-1>.container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.navbar-1 .navbar-brand{margin-right:0;max-width:100%}
.navbar-1 .logo__img{max-width:100%;height:auto}
.navbar-1 .navbar-toggler{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-left:auto}
.navbar-1 .navbar-collapse{width:100%;flex-basis:100%;margin-top:10px;background:#fff;border-radius:10px;padding:8px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.navbar-1 .navbar-nav{width:100%;display:flex!important;align-items:stretch!important;gap:0!important}
.navbar-1 .nav-item{width:100%;border-bottom:1px solid #edf0f5}
.navbar-1 .nav-item:last-child{border-bottom:0}
.navbar-1 .nav-link{width:100%;padding:13px 12px!important;color:#1c2738!important;display:flex;align-items:center;justify-content:space-between}
.navbar-1 .nav-link:hover,.navbar-1 .nav-link.active{color:#034091!important;background:#f4f7fb;border-radius:7px}
.navbar-1 .contain-sub-1,.navbar-1 .contain-mega-menu{position:relative!important}
.navbar-1 .contain-sub-1__content,.navbar-1 .contain-mega-menu__content{position:static!important;display:none;width:100%!important;max-width:100%!important;min-width:0!important;transform:none!important;opacity:1!important;visibility:visible!important;background:#f8fafc!important;border:0!important;border-radius:7px!important;box-shadow:none!important;padding:5px!important;margin:0 0 7px!important}
.navbar-1 .contain-sub-1.mobile-open>.contain-sub-1__content{display:block!important}
.navbar-1 .contain-mega-menu.mobile-open>.contain-mega-menu__content{display:block!important}
.navbar-1 .contain-sub-1__content li,.navbar-1 .contain-mega-menu__content li{width:100%}
.navbar-1 .contain-sub-1__link,.navbar-1 .contain-mega-menu__link{padding:10px 8px!important;border-radius:7px}
.navbar-1 .contain-sub-1__title,.navbar-1 .contain-mega-menu__title{font-size:13px!important}
.navbar-1 .contain-sub-1__description,.navbar-1 .contain-mega-menu__description{font-size:11px!important;line-height:1.5}
.navbar-1 .kbc-menu-icon{width:32px!important;height:32px!important;min-width:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.navbar-1 .contain-mega-menu__content .container{width:100%!important;max-width:100%!important}
.navbar-1 .contain-mega-menu__content .row{display:block!important}
.navbar-1 .contain-mega-menu__content [class*="col-"]{width:100%!important}
.navbar-1 .contain-mega-menu__content .col-xl-5{display:none!important}
.navbar-1 .kbc-language-item{border-bottom:0!important;margin-top:5px}
.navbar-1 .kbc-language-switcher{width:100%}
.navbar-1 .kbc-language-btn{width:100%;height:44px;justify-content:center}
.navbar-1 .kbc-language-menu{left:0!important;right:auto!important;width:100%!important;position:static!important;margin-top:5px;display:none}
.navbar-1 .kbc-language-switcher.mobile-open .kbc-language-menu{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important}
}
@media(max-width:575.98px){
.kbc-top-header-inner{padding:7px 5px}
.kbc-top-left,.kbc-top-right{gap:8px 14px}
.kbc-top-left a,.kbc-top-right a{font-size:10px}
.kbc-top-left a:nth-child(2){max-width:190px;overflow:hidden;text-overflow:ellipsis}
.navbar-1>.container{padding-left:12px;padding-right:12px}
.navbar-1 .navbar-brand{max-width:100%}
.navbar-1 .navbar-collapse{margin-top:8px;padding:6px}
}
@media(min-width:992px){
.navbar-1 .navbar-collapse{display:flex!important}
}
@media(max-width:991.98px){
.kbc-top-header{display:block!important;width:100%!important}
.kbc-top-header-inner{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;gap:6px!important;padding:8px 5px!important}
.kbc-top-left{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;gap:12px!important;flex-wrap:nowrap!important}
.kbc-top-left a{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;white-space:nowrap!important}
.kbc-top-left a:nth-child(2){display:inline-flex!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}
.kbc-top-right{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;gap:14px!important;flex-wrap:nowrap!important}
.kbc-top-right a{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;white-space:nowrap!important}
.kbc-top-right a:last-child{display:inline-flex!important}
.kbc-top-left a i,.kbc-top-right a i{font-size:12px!important;margin-right:2px}
}
@media(max-width:575.98px){
.kbc-top-header-inner{padding:7px 3px!important;gap:5px!important}
.kbc-top-left{gap:9px!important}
.kbc-top-right{gap:10px!important}
.kbc-top-left a,.kbc-top-right a{font-size:10px!important}
.kbc-top-left a i,.kbc-top-right a i{font-size:11px!important}
.kbc-top-right a:last-child{padding:3px 8px!important}
}
@media(max-width:380px){
.kbc-top-left{gap:7px!important}
.kbc-top-right{gap:7px!important}
.kbc-top-left a,.kbc-top-right a{font-size:9px!important}
.kbc-top-right a:last-child{padding:3px 6px!important}
}

/* KBC DESKTOP NAVIGATION COLOR */
@media(min-width:992px){
.navbar-1 .navbar-nav .nav-link{color:#fff!important}
.navbar-1 .navbar-nav .nav-link:hover{color:#f88906!important}
.navbar-1 .navbar-nav .nav-link.active{color:#fff!important}
.navbar-1 .navbar-nav .nav-item:hover>.nav-link{color:#f88906!important}
.navbar-1 .navbar-nav .nav-link::after{color:#fff!important}
}








/* KBC MOBILE HERO MAP */
@media(max-width:1199.98px){
.hero-1 .col-xl-5{width:100%!important}
.hero-1 .col-xl-5>.position-relative{width:100%!important;min-height:330px!important}
.hero-1__map{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:100%!important;height:330px!important;margin:20px auto 0!important}
.hero-1__map-img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:520px!important;height:auto!important;margin:0 auto!important}
.hero-1__map-location{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;z-index:10!important}
.hero-1__map-location-info-btn{display:flex!important;align-items:center!important;visibility:visible!important;opacity:1!important}
.hero-1__map-location-info-btn-img{display:flex!important;align-items:center!important;justify-content:center!important}
.hero-1__map-location-info-btn-img i{display:block!important}
.hero-1__map-location-info-btn-text{display:block!important;white-space:nowrap!important}
}

@media(max-width:767.98px){
.hero-1__map{height:300px!important;margin-top:10px!important}
.hero-1__map-img{width:100%!important;max-width:430px!important}
.hero-1__map-location--1{top:42%!important;left:51%!important}
.hero-1__map-location--3{top:47%!important;left:42%!important}
.hero-1__map-location--4{top:50%!important;left:48%!important}
.hero-1__map-location--5{top:55%!important;left:45%!important}
.hero-1__map-location--6{top:42%!important;left:55%!important}
.hero-1__map-location--7{top:78%!important;left:72%!important}
.hero-1__map-location--8{top:25%!important;left:23%!important}
.hero-1__map-location-info-btn{background:#fff!important;border:1px solid rgba(3,64,145,.2)!important;border-radius:30px!important;padding:5px 10px 5px 5px!important;box-shadow:0 5px 18px rgba(0,0,0,.18)!important}
.hero-1__map-location-info-btn-img{width:28px!important;height:28px!important;border-radius:50%!important;background:#f88906!important;color:#fff!important}
.hero-1__map-location-info-btn-img i{font-size:13px!important;color:#fff!important}
.hero-1__map-location-info-btn-text{font-size:10px!important;font-weight:700!important;color:#034091!important;padding-left:6px!important}
.hero-1__map-location-info-arrow{display:none!important}
}
@media(max-width:480px){
.hero-1__map{height:270px!important}
.hero-1__map-img{width:115%!important;max-width:none!important;margin-left:-7.5%!important}
.hero-1__map-location--1{top:40%!important;left:50%!important}
.hero-1__map-location--3{top:45%!important;left:39%!important}
.hero-1__map-location--4{top:49%!important;left:46%!important}
.hero-1__map-location--5{top:54%!important;left:43%!important}
.hero-1__map-location--6{top:40%!important;left:56%!important}
.hero-1__map-location--7{top:77%!important;left:73%!important}
.hero-1__map-location--8{top:23%!important;left:20%!important}
}
/* KBC AUTO MAP LOCATIONS */
.hero-1__map-location .hero-1__map-location-info{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}
.hero-1__map-location.active .hero-1__map-location-info{opacity:1;visibility:visible;pointer-events:auto}
.hero-1__map-location .hero-1__map-location-dot{transition:transform .35s ease}
.hero-1__map-location.active .hero-1__map-location-dot{transform:scale(1.08)}
@media(max-width:767.98px){
.hero-1__map-location .hero-1__map-location-info{opacity:0!important;visibility:hidden!important;display:block!important}
.hero-1__map-location.active .hero-1__map-location-info{opacity:1!important;visibility:visible!important;display:block!important}
}



.kbc-pricing-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;margin-bottom:14px;border-radius:50px;background:rgba(248,137,6,.08);border:1px solid rgba(248,137,6,.2);color:#f88906;font-size:10px;font-weight:800;letter-spacing:1px}
.kbc-pricing-badge i{font-size:14px}
.kbc-pricing-title{margin:0;font-size:34px;font-weight:800;color:#202838}
.kbc-pricing-description{max-width:650px;margin:12px auto 0;color:#737b8c;font-size:13px;line-height:1.8}
.kbc-pricing-billing{display:inline-flex;align-items:center;gap:7px;margin-top:15px;padding:7px 13px;border-radius:6px;background:#f4f7fb;color:#034091;font-size:11px;font-weight:700}
.kbc-pricing-billing i{color:#f88906}
.kbc-hosting-card{position:relative;height:100%;padding:28px 23px;background:#fff;border:1px solid #e8edf4;border-radius:14px;box-shadow:0 8px 30px rgba(3,64,145,.06);transition:all .3s ease;overflow:hidden}
.kbc-hosting-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:#034091}
.kbc-hosting-card:hover{transform:translateY(-7px);border-color:rgba(3,64,145,.18);box-shadow:0 20px 45px rgba(3,64,145,.12)}
.kbc-card-header{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.kbc-plan-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:rgba(3,64,145,.08);color:#034091;font-size:21px}
.kbc-plan-label{display:block;margin-bottom:3px;color:#f88906;font-size:8px;font-weight:800;letter-spacing:1px}
.kbc-card-header h5{margin:0;color:#202838;font-size:16px;font-weight:800}
.kbc-plan-description{min-height:55px;margin:0;color:#7b8494;font-size:11px;line-height:1.7}
.kbc-price{display:flex;align-items:baseline;gap:5px;margin-top:0px;padding:16px 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}
.kbc-price span{color:#034091;font-size:34px;font-weight:900;line-height:1}
.kbc-price small{color:#7d8797;font-size:11px;font-weight:700}
.kbc-plan-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:45px;margin-top:17px;border-radius:6px;background:#034091;color:#fff;text-decoration:none;font-size:12px;font-weight:800;transition:all .25s ease}
.kbc-plan-button i{font-size:12px;transition:transform .25s ease}
.kbc-plan-button:hover{background:#f88906;color:#fff;transform:translateY(-2px)}
.kbc-plan-button:hover i{transform:translateX(4px)}
.kbc-features-title{display:flex;align-items:center;gap:7px;margin:22px 0 13px;color:#202838;font-size:11px;font-weight:800}
.kbc-features-title i{color:#f88906;font-size:14px}
.kbc-hosting-features{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.kbc-hosting-features li{display:flex;align-items:flex-start;gap:8px;color:#687386;font-size:11px;line-height:1.45}
.kbc-hosting-features li>i{width:17px;height:17px;min-width:17px;display:flex;align-items:center;justify-content:center;margin-top:1px;border-radius:50%;background:rgba(248,137,6,.1);color:#f88906;font-size:8px}
.kbc-hosting-features strong{color:#303b4d;font-weight:800}
.kbc-hosting-featured{border:2px solid #f88906;box-shadow:0 15px 40px rgba(248,137,6,.12)}
.kbc-hosting-featured:before{background:#f88906}
.kbc-hosting-featured .kbc-plan-icon{background:#034091;color:#fff}
.kbc-popular-badge{position:absolute;top:0;right:0;padding:6px 12px;border-radius:0 0 0 8px;background:#f88906;color:#fff;font-size:8px;font-weight:800;letter-spacing:.5px}
@media(max-width:1199.98px){.kbc-hosting-card{padding:25px 20px}.kbc-plan-description{min-height:65px}}
@media(max-width:767.98px){.kbc-pricing-title{font-size:28px}.kbc-pricing-description{font-size:12px}.kbc-hosting-card{padding:25px 20px}.kbc-plan-description{min-height:auto}.kbc-price span{font-size:31px}}
@media(max-width:575.98px){.kbc-pricing-title{font-size:24px}.kbc-pricing-badge{font-size:9px}.kbc-pricing-billing{font-size:10px}.kbc-hosting-card{border-radius:12px}.kbc-plan-icon{width:44px;height:44px;min-width:44px;font-size:19px}}




/* KBC TOP HEADER */
.kbc-top-header{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;z-index:100!important;transform:none!important}

/* KBC PRIMARY HEADER */
.navbar-overlay{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;transform:none!important;z-index:1000!important}

/* STICKY MAIN NAVBAR */
.navbar-1{position:sticky!important;top:0!important;z-index:9999!important;width:100%!important}

/* PREVENT HEADER OVERLAP */
.kbc-top-header+ .navbar-overlay{margin:0!important;padding:0!important}

/* KEEP HERO BELOW HEADER */
.hero-1{position:relative!important;z-index:1!important}

.kbc-client-link{display:block;text-decoration:none;color:inherit}.kbc-client-logo{position:relative;overflow:hidden}.kbc-client-logo img{transition:transform .35s ease,filter .35s ease}.kbc-client-name{position:absolute;left:10px;right:10px;bottom:10px;padding:9px 10px;border-radius:7px;background:rgba(3,64,145,.94);color:#fff;font-size:11px;font-weight:500;text-align:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .3s ease;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbc-client-link:hover .kbc-client-name{opacity:1;visibility:visible;transform:translateY(0)}.kbc-client-link:hover .kbc-client-logo img{transform:scale(1.06)}
.kbc-clients-slider::before{
    display: none !important;
}
.kbc-clients-slider::after{
    display: none !important;
}



/* =========================================================
   KBC ABOUT PAGE
   ========================================================= */

.kbc-about-banner {
    position: relative;
    width: 100%;
    overflow: hidden;

    padding-top: 90px;
    padding-bottom: 100px;

    background: #0d162f;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.kbc-about-label {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 22px;

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

    color: #2f6bff;
}


.kbc-about-dot {
    width: 9px;
    height: 9px;

    display: block;

    flex-shrink: 0;

    border-radius: 50%;

    background: #2f6bff;

    box-shadow: 0 0 0 5px rgba(47, 107, 255, 0.12);
}


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

.kbc-about-title {
    max-width: 760px;

    margin: 0 0 25px;

    color: #ffffff;

    font-size: clamp(42px, 4.3vw, 68px);

    font-weight: 700;

    line-height: 1.08;

    letter-spacing: -1.8px;
}


.kbc-about-title span {
    color: #f88906;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.kbc-about-description {
    max-width: 650px;

    margin: 0 0 32px;

    color: rgba(255, 255, 255, 0.72);

    font-size: 16px;

    line-height: 1.8;
}


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

.kbc-about-buttons {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 15px;
}


/* =========================================================
   CLIENT SECTION
   ========================================================= */

.kbc-about-clients {
    margin-top: 65px;
    display:none
}


.kbc-about-clients-title {
    margin: 0 0 22px;

    color: #ffffff;

    font-size: 15px;

    font-weight: 700;
}


.kbc-about-clients-title span {
    color: #2f6bff;
}


/* =========================================================
   CLIENT LIST
   ========================================================= */

.kbc-about-client-list {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 18px;
}


/* =========================================================
   CLIENT LINK
   ========================================================= */

.kbc-about-client-link {
    width: 100px;
    min-width: 100px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none !important;

    cursor: pointer;
}


/* =========================================================
   CLIENT BOX
   ========================================================= */

.kbc-about-client-box {
    width: 100px;
    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    border-radius: 7px;

    transition:
        transform 0.3s ease,
        background 0.3s ease;
}


/* =========================================================
   CLIENT LOGO
   ========================================================= */

.kbc-about-client-logo {
    width: 100px !important;
    height: 50px !important;
    max-width: 100px !important;
    max-height: 50px !important;
    display: block;
    object-fit: contain;
    object-position: center;
    opacity: 1;
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
        background: #fff;
}


/* =========================================================
   CLIENT HOVER
   ========================================================= */

.kbc-about-client-link:hover .kbc-about-client-box {
    transform: translateY(-4px);
}


.kbc-about-client-link:hover .kbc-about-client-logo {
    opacity: 1;

    transform: scale(1.04);
}


/* =========================================================
   NO CLIENTS
   ========================================================= */

.kbc-about-no-clients {
    color: rgba(255, 255, 255, 0.45);

    font-size: 14px;
}


/* =========================================================
   RIGHT IMAGE
   ========================================================= */

.kbc-about-image {
    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;
}


/* =========================================
   KBC ABOUT MAIN IMAGE
   ========================================= */

.kbc-about-image {
    position: relative;

    width: 100%;
    max-width: 598px;

    margin: 0 auto;

    padding: 14px;

    border-radius: 32px;

    background: linear-gradient(
        135deg,
        #f88a07 0%,
        #2f6bff 45%,
        rgba(47, 107, 255, 0.15) 100%
    );

    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.35),
        0 0 45px rgba(47, 107, 255, 0.15);

    transform: rotate(1deg);

    transition:
        transform 0.5s ease,
        box-shadow 0.5s ease;
}


/* Inner image */
.kbc-about-main-image {

    width: 100%;

    max-width: 100%;

    height: auto;

    display: block;

    object-fit: cover;

    border-radius: 24px;

    padding: 0;

    border: 2px solid rgba(255, 255, 255, 0.18);

    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.08),
        0 15px 35px rgba(0, 0, 0, 0.25);

    transform: rotate(-1deg);

    transition:
        transform 0.5s ease,
        filter 0.5s ease;
}


/* Hover effect */
.kbc-about-image:hover {

    transform: rotate(0deg) translateY(-6px);

    box-shadow:
        0 35px 80px rgba(0, 0, 0, 0.45),
        0 0 55px rgba(47, 107, 255, 0.25);
}


.kbc-about-image:hover .kbc-about-main-image {

    transform: rotate(0deg) scale(1.015);

    filter: brightness(1.04);
}


/* =========================================
   Decorative outer line
   ========================================= */

.kbc-about-image::before {

    content: "";

    position: absolute;

    top: -12px;
    right: -12px;

    width: 100%;
    height: 100%;

    border-radius: 38px;

    border: 1px solid rgba(248, 138, 7, 0.65);

    pointer-events: none;

    z-index: -1;
}


/* =========================================
   Decorative blue glow
   ========================================= */

.kbc-about-image::after {

    content: "";

    position: absolute;

    left: -25px;
    bottom: -25px;

    width: 110px;
    height: 110px;

    border-radius: 50%;

    background: rgba(47, 107, 255, 0.22);

    filter: blur(35px);

    pointer-events: none;

    z-index: -1;
}


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

@media (max-width: 1199px) {

    .kbc-about-image {

        max-width: 520px;

        padding: 12px;

        border-radius: 28px;
    }

    .kbc-about-main-image {

        border-radius: 21px;
    }
}


@media (max-width: 767px) {

    .kbc-about-image {

        max-width: 100%;

        padding: 9px;

        border-radius: 23px;

        transform: rotate(0deg);
    }

    .kbc-about-main-image {

        border-radius: 18px;

        transform: rotate(0deg);
    }

    .kbc-about-image::before {

        top: -7px;
        right: -7px;

        border-radius: 28px;
    }

    .kbc-about-image::after {

        width: 80px;
        height: 80px;

        left: -15px;
        bottom: -15px;
    }
}


/* =========================================================
   IMAGE FALLBACK
   اگر تصویر اصلی وجود نداشته باشد
   ========================================================= */

.kbc-about-image-placeholder {
    width: 100%;

    min-height: 400px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 18px;

    border-radius: 24px;

    background:
        radial-gradient(
            circle at 30% 30%,
            rgba(47, 107, 255, 0.20),
            transparent 45%
        ),
        rgba(255, 255, 255, 0.03);

    border: 1px solid rgba(255, 255, 255, 0.06);
}


.kbc-about-placeholder-icon {
    width: 85px;
    height: 85px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 22px;

    background: #2f6bff;

    color: #ffffff;

    font-size: 38px;

    box-shadow: 0 15px 45px rgba(47, 107, 255, 0.25);
}


.kbc-about-image-placeholder span {
    color: rgba(255, 255, 255, 0.65);

    font-size: 16px;

    font-weight: 600;
}


/* =========================================================
   REMOVE EXTRA SPACE
   ========================================================= */

html,
body {
    margin: 0 !important;
    padding: 0 !important;
}


body {
    overflow-x: hidden;
}


footer {
    margin-bottom: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1199px) {

    .kbc-about-banner {
        padding-top: 75px;
        padding-bottom: 80px;
    }

    .kbc-about-title {
        font-size: 52px;
    }

    .kbc-about-clients {
        margin-top: 50px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .kbc-about-banner {
        padding-top: 55px;
        padding-bottom: 60px;
    }


    .kbc-about-title {
        font-size: 38px;

        line-height: 1.12;

        letter-spacing: -0.8px;
    }


    .kbc-about-description {
        font-size: 15px;

        line-height: 1.7;
    }


    .kbc-about-buttons {
        width: 100%;

        flex-direction: column;

        align-items: stretch;
    }


    .kbc-about-buttons a {
        width: 100%;

        text-align: center;
    }


    .kbc-about-clients {
        margin-top: 45px;
    }


    .kbc-about-client-list {
        gap: 12px;
    }


    .kbc-about-client-link {
        width: 100px;
        min-width: 100px;

        height: 50px;
    }


    .kbc-about-client-box {
        width: 100px;
        height: 50px;
    }


    .kbc-about-client-logo {
        width: 100px !important;
        height: 50px !important;

        max-width: 100px !important;
        max-height: 50px !important;
    }


    .kbc-about-image {
        margin-top: 35px;
    }


    .kbc-about-image-placeholder {
        min-height: 300px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .kbc-about-title {
        font-size: 33px;
    }


    .kbc-about-client-list {
        gap: 10px;
    }

}

/* =========================================================
   ARMIN EXPERIENCE CARD - MODERN BLUE & ORANGE
========================================================= */

.ArminExperienceCard{position:relative;width:100%;min-height:500px;padding:34px;border:1px solid rgba(3,64,145,.12);border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f5f8fd 55%,#eef4fc 100%);box-shadow:0 20px 60px rgba(3,64,145,.10);overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}
.ArminExperienceCard:before{content:"";position:absolute;width:280px;height:280px;top:-130px;right:-90px;border-radius:50%;background:radial-gradient(circle,rgba(248,138,7,.16) 0%,rgba(248,138,7,.05) 45%,transparent 72%);pointer-events:none}
.ArminExperienceCard:after{content:"";position:absolute;width:360px;height:360px;bottom:-220px;left:-160px;border-radius:50%;background:radial-gradient(circle,rgba(3,64,145,.14) 0%,rgba(3,64,145,.04) 48%,transparent 72%);pointer-events:none}
.ArminExperienceCard:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(3,64,145,.16)}
.ArminExperienceTop{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ArminExperienceLabel{display:flex;align-items:center;gap:10px;color:#034091;font-size:12px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}
.ArminExperienceLabel:before{content:"";width:5px;height:30px;border-radius:10px;background:linear-gradient(180deg,#034091,#f88a07)}
.ArminExperienceLabel i{font-size:20px;color:#f88a07;filter:drop-shadow(0 4px 8px rgba(248,138,7,.22))}
.ArminExperienceStatus{display:flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid rgba(3,64,145,.10);border-radius:30px;background:rgba(255,255,255,.85);box-shadow:0 7px 20px rgba(3,64,145,.07);color:#034091;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}
.ArminExperienceStatus i{font-size:7px;color:#f88a07;animation:ArminPulse 1.8s infinite}
.ArminExperienceMain{position:relative;z-index:2;display:flex;align-items:center;gap:25px;margin-top:45px}
.ArminExperienceNumber{font-size:100px;line-height:.78;font-weight:900;letter-spacing:-7px;color:#034091;text-shadow:0 8px 25px rgba(3,64,145,.12)}
.ArminExperienceNumber:after{content:"+";margin-left:7px;color:#f88a07;font-size:48px;vertical-align:top;line-height:1}
.ArminExperienceText{padding-left:25px;border-left:2px solid rgba(3,64,145,.12);color:#034091;font-size:13px;font-weight:800;line-height:1.65;letter-spacing:1px;text-transform:uppercase}
.ArminExperienceText:after{content:"";display:block;width:55px;height:3px;margin-top:13px;border-radius:5px;background:#f88a07}
.ArminExperienceDivider{position:relative;z-index:2;width:100%;height:1px;margin:38px 0 30px;background:linear-gradient(90deg,transparent,#d8e1ee 15%,#d8e1ee 85%,transparent)}
.ArminExperienceTimeline{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.ArminExperienceTimeline:before{content:"";position:absolute;top:7px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#034091 0%,#034091 55%,#f88a07 100%);opacity:.18}
.ArminTimelineItem{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.ArminTimelineDot{position:relative;width:16px;height:16px;margin-bottom:15px;border:3px solid #d2dce9;border-radius:50%;background:#fff;z-index:2;box-shadow:0 0 0 6px rgba(255,255,255,.85);transition:all .3s ease}
.ArminTimelineDot:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#034091;transform:translate(-50%,-50%)}
.ArminTimelineItem:not(:last-child) .ArminTimelineDot:before{content:"";position:absolute;top:50%;left:14px;width:calc(100% + 80px);height:2px;background:#dce4ef;z-index:-1}
.ArminTimelineActive .ArminTimelineDot{border-color:#034091;background:#034091;box-shadow:0 0 0 6px rgba(3,64,145,.10),0 5px 15px rgba(3,64,145,.18)}
.ArminTimelineActive .ArminTimelineDot:after{background:#fff}
.ArminTimelineCurrent .ArminTimelineDot{border-color:#f88a07;background:#f88a07;box-shadow:0 0 0 6px rgba(248,138,7,.12),0 5px 15px rgba(248,138,7,.20)}
.ArminTimelineCurrent .ArminTimelineDot:after{background:#fff}
.ArminTimelineItem:hover .ArminTimelineDot{transform:scale(1.15)}
.ArminTimelineContent strong{display:block;color:#034091;font-size:16px;font-weight:900;line-height:1.2}
.ArminTimelineContent span{display:block;margin-top:6px;color:#7a879a;font-size:9px;font-weight:700;line-height:1.5;letter-spacing:.5px}
.ArminTimelineCurrent .ArminTimelineContent strong{color:#f88a07}
.ArminExperienceFooter{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-top:38px;padding:13px 15px;border:1px solid rgba(3,64,145,.08);border-radius:14px;background:rgba(255,255,255,.65);color:#7d899b;font-size:10px;font-weight:800}
.ArminExperienceFooter:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#f88a07;box-shadow:0 0 0 5px rgba(248,138,7,.10)}
.ArminExperienceProgress{height:6px;flex:1;overflow:hidden;border-radius:20px;background:#e3e9f2;box-shadow:inset 0 1px 2px rgba(3,64,145,.05)}
.ArminExperienceProgress span{display:block;width:100%;height:100%;border-radius:20px;background:linear-gradient(90deg,#034091,#f88a07);box-shadow:0 3px 10px rgba(3,64,145,.18);animation:ArminProgress 1.5s ease}
@keyframes ArminPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.55}}
@keyframes ArminProgress{from{width:0}to{width:100%}}
@media(max-width:700px){.ArminExperienceCard{min-height:auto;padding:25px;border-radius:22px}.ArminExperienceTop{align-items:flex-start}.ArminExperienceLabel{font-size:10px}.ArminExperienceStatus{font-size:8px;padding:7px 9px}.ArminExperienceMain{gap:18px;margin-top:35px}.ArminExperienceNumber{font-size:70px;letter-spacing:-5px}.ArminExperienceNumber:after{font-size:35px}.ArminExperienceText{padding-left:18px;font-size:10px;line-height:1.5}.ArminExperienceTimeline{grid-template-columns:repeat(2,1fr);gap:28px 10px}.ArminExperienceTimeline:before{display:none}.ArminTimelineItem:not(:last-child) .ArminTimelineDot:before{display:none}.ArminExperienceFooter{flex-wrap:wrap}.ArminExperienceProgress{flex-basis:100%;order:3}}
@media(max-width:430px){.ArminExperienceCard{padding:20px}.ArminExperienceTop{gap:8px}.ArminExperienceLabel{gap:6px;font-size:9px;letter-spacing:.8px}.ArminExperienceLabel:before{height:24px}.ArminExperienceStatus{font-size:7px;padding:6px 8px}.ArminExperienceMain{gap:14px;margin-top:30px}.ArminExperienceNumber{font-size:55px;letter-spacing:-4px}.ArminExperienceNumber:after{font-size:27px}.ArminExperienceText{padding-left:14px;font-size:8px}.ArminTimelineContent strong{font-size:14px}.ArminTimelineContent span{font-size:8px}.ArminExperienceFooter{font-size:8px}}

/* =========================================================
   ARMIN STORY HEADING
========================================================= */

.ArminStoryHeading{
margin-bottom:24px
}

.ArminStoryBadge{
display:inline-flex;
align-items:center;
gap:7px;
padding:7px 13px;
border-radius:30px;
background:rgba(3,64,145,.07);
color:#034091;
font-size:11px;
font-weight:800;
letter-spacing:.5px
}

.ArminStoryBadge i{
font-size:16px
}

.ArminStoryHeading h2{
margin:17px 0 12px;
color:#14213d;
font-size:40px;
font-weight:700;
line-height:1.15;
letter-spacing:-1px
}

.ArminStoryHeading h2 span{
color:#034091
}

.ArminStoryLine{
width:55px;
height:4px;
border-radius:10px;
background:linear-gradient(90deg,#034091,#f88a07)
}


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

@media(max-width:1199px){

.ArminExperienceCard{
padding:27px;
min-height:430px
}

.ArminExperienceNumber{
font-size:72px
}

.ArminTimelineItem:not(:last-child) .ArminTimelineDot:after{
width:calc(100% + 45px)
}

.ArminStoryHeading h2{
font-size:34px
}

}


@media(max-width:991px){

.ArminExperienceCard{
max-width:700px;
margin:0 auto 25px
}

.ArminStoryHeading h2{
font-size:36px
}

}


@media(max-width:575px){

.ArminExperienceCard{
min-height:450px;
padding:24px;
border-radius:20px
}

.ArminExperienceMain{
gap:15px;
margin-top:35px
}

.ArminExperienceNumber{
font-size:65px
}

.ArminExperienceText{
padding-left:15px;
font-size:9px
}

.ArminExperienceTimeline{
grid-template-columns:repeat(2,1fr);
row-gap:25px
}

.ArminTimelineItem:not(:last-child) .ArminTimelineDot:after{
display:none
}

.ArminExperienceFooter{
margin-top:30px
}

.ArminStoryHeading h2{
font-size:30px
}

}

/* =========================================================
   ARMIN SMALL CARDS
========================================================= */

.ArminSmallCard{
position:relative;
height:100%;
min-height:190px;
padding:22px;
background:#fff;
border:1px solid #e5eaf2;
border-radius:18px;
overflow:hidden;
box-shadow:0 8px 28px rgba(3,64,145,.06);
transition:all .35s ease
}

.ArminSmallCard:before{
content:"";
position:absolute;
left:0;
top:0;
width:4px;
height:0;
background:linear-gradient(180deg,#034091,#f88a07);
border-radius:0 0 5px 0;
transition:height .35s ease
}

.ArminSmallCard:after{
content:"";
position:absolute;
right:-35px;
top:-35px;
width:90px;
height:90px;
border-radius:50%;
background:rgba(3,64,145,.035);
transition:all .35s ease
}

.ArminSmallCard:hover{
transform:translateY(-8px);
border-color:rgba(3,64,145,.18);
box-shadow:0 20px 45px rgba(3,64,145,.12)
}

.ArminSmallCard:hover:before{
height:100%
}

.ArminSmallCard:hover:after{
transform:scale(1.5);
background:rgba(3,64,145,.06)
}


/* Top */

.ArminSmallCardTop{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:18px
}


/* Icon */

.ArminSmallCardIcon{
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
border-radius:13px;
background:#edf3fa;
color:#034091;
font-size:24px;
transition:all .35s ease
}

.ArminSmallCard:hover .ArminSmallCardIcon{
background:#034091;
color:#fff;
transform:rotate(-5deg) scale(1.08);
box-shadow:0 8px 20px rgba(3,64,145,.20)
}


/* Number */

.ArminSmallCardNumber{
position:relative;
z-index:2;
font-size:24px;
font-weight:800;
line-height:1;
color:#dce4ef
}


/* Title */

.ArminSmallCard h6{
position:relative;
z-index:2;
margin:0 0 9px;
color:#17233c;
font-size:15px;
font-weight:800;
line-height:1.3
}


/* Description */

.ArminSmallCard p{
position:relative;
z-index:2;
margin:0;
color:#7a8495;
font-size:12px;
line-height:1.65
}


/* Bottom */

.ArminSmallCardBottom{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
margin-top:18px
}

.ArminSmallCardBottom span{
display:block;
width:35px;
height:3px;
border-radius:10px;
background:#034091;
transition:all .35s ease
}

.ArminSmallCardBottom i{
width:27px;
height:27px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#f3f6fa;
color:#034091;
font-size:13px;
transition:all .35s ease
}

.ArminSmallCard:hover .ArminSmallCardBottom span{
width:55px;
background:#f88a07
}

.ArminSmallCard:hover .ArminSmallCardBottom i{
background:#034091;
color:#fff;
transform:translateX(3px)
}


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

@media(max-width:1199px){

.ArminSmallCard{
min-height:185px;
padding:20px
}

}

@media(max-width:575px){

.ArminSmallCard{
min-height:auto;
padding:20px
}

.ArminSmallCardIcon{
width:44px;
height:44px;
font-size:22px
}

}




/* =========================================================
   ARMIN TEAM SECTION
========================================================= */

.ArminTeamSection{
position:relative;
background:#f8fafd;
overflow:hidden
}

.ArminTeamHeading{
margin-bottom:55px
}

.ArminTeamBadge{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 15px;
border-radius:30px;
background:rgba(248,138,7,.09);
color:#f88a07;
font-size:11px;
font-weight:800;
letter-spacing:1px
}

.ArminTeamBadge i{
font-size:14px
}

.ArminTeamHeading h2{
margin:18px 0 13px;
color:#14213d;
font-size:40px;
font-weight:750;
line-height:1.2;
letter-spacing:-1px
}

.ArminTeamHeading h2 span{
color:#034091
}

.ArminTeamHeading p{
max-width:650px;
margin:0 auto;
color:#7b8798;
font-size:14px;
line-height:1.8
}


/* =========================================================
   TEAM GRID
========================================================= */

.ArminTeamGrid{
position:relative
}

.ArminTeamCard{
position:relative;
height:100%;
background:#fff;
border:1px solid #e3e9f1;
border-radius:22px;
overflow:hidden;
box-shadow:0 10px 35px rgba(3,64,145,.06);
transition:all .4s ease
}

.ArminTeamCard:hover{
transform:translateY(-10px);
border-color:rgba(248,138,7,.25);
box-shadow:0 25px 55px rgba(3,64,145,.12)
}


/* =========================================================
   TEAM IMAGE
========================================================= */

.ArminTeamImage{
position:relative;
width:100%;
height:360px;
overflow:hidden;
background:#e9eef5
}

.ArminTeamImage img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
transition:transform .6s ease
}

.ArminTeamCard:hover .ArminTeamImage img{
transform:scale(1.07)
}


/* Image Overlay */

.ArminTeamImageOverlay{
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(8,20,40,.82) 0%,rgba(8,20,40,.18) 48%,rgba(8,20,40,0) 75%);
pointer-events:none
}


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

.ArminTeamSocial{
position:absolute;
right:18px;
top:18px;
display:flex;
flex-direction:column;
gap:8px;
z-index:4;
transform:translateX(65px);
opacity:0;
transition:all .4s ease
}

.ArminTeamCard:hover .ArminTeamSocial{
transform:translateX(0);
opacity:1
}

.ArminTeamSocial a{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:11px;
background:#f88a07;
color:#fff;
font-size:14px;
text-decoration:none;
box-shadow:0 7px 18px rgba(248,138,7,.28);
transition:all .3s ease
}

.ArminTeamSocial a:hover{
background:#034091;
color:#fff;
transform:translateX(-4px)
}


/* =========================================================
   ROLE BADGE
========================================================= */

.ArminTeamRole{
position:absolute;
left:20px;
bottom:20px;
z-index:4;
padding:7px 12px;
border:1px solid rgba(255,255,255,.25);
border-radius:20px;
background:rgba(255,255,255,.12);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
color:#fff;
font-size:9px;
font-weight:800;
letter-spacing:1px
}


/* =========================================================
   TEAM INFO
========================================================= */

.ArminTeamInfo{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
padding:22px 23px 23px
}

.ArminTeamInfo h5{
margin:4px 0 5px;
color:#17233c;
font-size:17px;
font-weight:800;
line-height:1.3
}

.ArminTeamInfo p{
margin:0;
color:#7d8798;
font-size:12px;
font-weight:500
}

.ArminTeamNumber{
display:block;
color:#f88a07;
font-size:10px;
font-weight:800;
letter-spacing:1px
}

.ArminTeamArrow{
width:38px;
height:38px;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
border:1px solid #e5eaf1;
border-radius:50%;
background:#f8fafd;
color:#034091;
font-size:12px;
transition:all .35s ease
}

.ArminTeamCard:hover .ArminTeamArrow{
background:#034091;
border-color:#034091;
color:#fff;
transform:rotate(45deg)
}


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

.ArminTeamBottom{
margin-top:45px
}

.ArminTeamBottom span{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 18px;
border:1px solid #e3e8ef;
border-radius:30px;
background:#fff;
color:#7a8495;
font-size:12px;
font-weight:600
}

.ArminTeamBottom i{
color:#f88a07;
font-size:14px
}


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

@media(max-width:1199px){

.ArminTeamImage{
height:330px
}

.ArminTeamHeading h2{
font-size:36px
}

}

@media(max-width:991px){

.ArminTeamImage{
height:380px
}

.ArminTeamHeading{
margin-bottom:40px
}

}

@media(max-width:575px){

.ArminTeamSection{
padding-top:80px!important;
padding-bottom:80px!important
}

.ArminTeamHeading h2{
font-size:30px
}

.ArminTeamHeading p{
font-size:13px
}

.ArminTeamImage{
height:350px
}

.ArminTeamSocial{
transform:translateX(0);
opacity:1
}

.ArminTeamInfo{
padding:19px
}

.ArminTeamInfo h5{
font-size:15px
}

}



/* =========================================================
   ARMIN ACHIEVEMENTS
========================================================= */

.ArminAchievementsSection{background:#f8fafd}
.ArminAchievementBadge{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:30px;background:rgba(248,138,7,.09);color:#f88a07;font-size:11px;font-weight:800;letter-spacing:1px}
.ArminAchievementBadge i{font-size:15px}
.ArminAchievementCard{height:100%;background:#fff;border:1px solid #e5eaf1;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(3,64,145,.06);transition:all .35s ease}
.ArminAchievementCard:hover{transform:translateY(-8px);border-color:rgba(248,138,7,.25);box-shadow:0 20px 45px rgba(3,64,145,.12)}
.ArminAchievementImage{position:relative;width:100%;height:210px;overflow:hidden;background:#eef2f7}
.ArminAchievementImage img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
.ArminAchievementCard:hover .ArminAchievementImage img{transform:scale(1.05)}
.ArminAchievementYear{position:absolute;right:15px;top:15px;padding:6px 11px;border-radius:20px;background:#f88a07;color:#fff;font-size:11px;font-weight:800;box-shadow:0 5px 15px rgba(248,138,7,.25)}
.ArminAchievementContent{position:relative;padding:24px 22px 25px}
.ArminAchievementIcon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:12px;background:rgba(3,64,145,.07);color:#034091;font-size:18px;transition:all .35s ease}
.ArminAchievementCard:hover .ArminAchievementIcon{background:#034091;color:#fff;transform:translateY(-3px)}
.ArminAchievementContent h6{margin:0 0 10px;color:#17233c;font-size:15px;font-weight:800;line-height:1.45}
.ArminAchievementDate{display:flex;align-items:center;gap:6px;margin-bottom:12px;color:#f88a07;font-size:11px;font-weight:700}
.ArminAchievementDate i{font-size:12px}
.ArminAchievementContent p{margin:0;color:#7b8596;font-size:11.5px;line-height:1.7}
@media(max-width:1199px){.ArminAchievementImage{height:195px}.ArminAchievementContent{padding:20px}}
@media(max-width:767px){.ArminAchievementImage{height:240px}}
@media(max-width:575px){.ArminAchievementImage{height:220px}.ArminAchievementContent{padding:20px}.ArminAchievementContent h6{font-size:14px}}




/* =========================================================
   ARMIN CONTACT PAGE
========================================================= */

.ArminContactBreadcrumb{position:relative;padding:95px 0 85px;background:#06142f;overflow:hidden}
.ArminContactBreadcrumb:before{content:"";position:absolute;right:-120px;top:-150px;width:420px;height:420px;border:1px solid rgba(248,138,7,.16);border-radius:50%;box-shadow:0 0 0 55px rgba(248,138,7,.025),0 0 0 110px rgba(248,138,7,.02)}
.ArminContactBreadcrumb:after{content:"";position:absolute;left:-100px;bottom:-180px;width:360px;height:360px;border:1px solid rgba(255,255,255,.05);border-radius:50%}
.ArminContactBreadcrumbContent{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.ArminContactMiniBadge,.ArminContactSectionBadge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1px}
.ArminContactMiniBadge{padding:8px 14px;border:1px solid rgba(248,138,7,.25);border-radius:30px;color:#f88a07;background:rgba(248,138,7,.07)}
.ArminContactMiniBadge i{font-size:14px}
.ArminContactBreadcrumb h1{margin:18px 0 10px;text-transform: uppercase; color:#fff;font-size:52px;font-weight:800;line-height:1.1;letter-spacing:-1.5px}
.ArminContactBreadcrumb h1 span{color:#f88a07}
.ArminContactBreadcrumb p{margin:0;color:rgba(255,255,255,.58);font-size:14px}
.ArminContactBreadcrumbPath{display:flex;align-items:center;gap:12px;padding-bottom:5px;color:rgba(255,255,255,.45);font-size:12px}
.ArminContactBreadcrumbPath a{color:#fff;text-decoration:none;transition:.3s}
.ArminContactBreadcrumbPath a:hover{color:#f88a07}
.ArminContactBreadcrumbPath i{font-size:9px;color:#f88a07}


/* Main */

.ArminContactSection{padding:100px 0 10px;background:#f8fafd}
.ArminContactFormCard,.ArminContactInfo{height:100%;border:1px solid #e4e9f1;border-radius:24px;background:#fff;box-shadow:0 12px 40px rgba(3,64,145,.06)}
.ArminContactFormCard{padding:38px}
.ArminContactFormHeader{margin-bottom:32px}
.ArminContactSectionBadge{color:#034091}
.ArminContactSectionBadge i{color:#f88a07;font-size:15px}
.ArminContactFormHeader h2,.ArminContactInfoHeader h2{margin:15px 0 10px;color:#17233c;font-size:32px;font-weight:800;line-height:1.2}
.ArminContactFormHeader h2 span,.ArminContactInfoHeader h2 span{color:#034091}
.ArminContactFormHeader p,.ArminContactInfoHeader p{margin:0;color:#7b8596;font-size:13px;line-height:1.8}


/* Form */

.ArminContactForm label{display:block;margin-bottom:8px;color:#26334a;font-size:12px;font-weight:700}
.ArminContactForm label span{color:#f88a07}
.ArminContactInput,.ArminContactTextarea{position:relative}
.ArminContactInput>i,.ArminContactTextarea>i{position:absolute;left:16px;top:50%;z-index:2;color:#a0a9b8;font-size:13px;transform:translateY(-50%);pointer-events:none;transition:.3s}
.ArminContactTextarea>i{top:20px;transform:none}
.ArminContactInput input,.ArminContactInput select,.ArminContactTextarea textarea{width:100%;border:1px solid #e2e7ef;border-radius:12px;background:#f9fafc;color:#26334a;font-family:inherit;font-size:13px;outline:none;transition:.3s}
.ArminContactInput input,.ArminContactInput select{height:52px;padding:0 16px 0 43px}
.ArminContactTextarea textarea{min-height:145px;padding:16px 16px 16px 43px;resize:vertical}
.ArminContactInput input::placeholder,.ArminContactTextarea textarea::placeholder{color:#a5adba}
.ArminContactInput input:focus,.ArminContactInput select:focus,.ArminContactTextarea textarea:focus{border-color:#034091;background:#fff;box-shadow:0 0 0 4px rgba(3,64,145,.06)}
.ArminContactInput:focus-within>i,.ArminContactTextarea:focus-within>i{color:#034091}
.ArminContactFormBottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:5px}
.ArminContactPrivacy{display:flex;align-items:center;gap:8px;color:#929baa;font-size:10px}
.ArminContactPrivacy i{color:#034091;font-size:13px}
.ArminContactSubmit{display:inline-flex;align-items:center;gap:15px;padding:13px 19px;border:0;border-radius:10px;background:#034091;color:#fff;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.35s}
.ArminContactSubmit i{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f88a07;font-size:10px;transition:.35s}
.ArminContactSubmit:hover{background:#f88a07;transform:translateY(-2px);box-shadow:0 10px 25px rgba(248,138,7,.22)}
.ArminContactSubmit:hover i{background:#034091;transform:translateX(3px)}


/* Contact Info */

.ArminContactInfo{padding:34px}
.ArminContactInfoHeader{margin-bottom:27px}
.ArminContactInfoHeader h2{font-size:29px}


/* Offices */

.ArminContactOffice{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #edf0f4}
.ArminContactOfficeIcon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:11px;background:#eef4fa;color:#034091;font-size:16px}
.ArminContactOfficeTitle{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.ArminContactOfficeTitle h5{margin:0;color:#17233c;font-size:13px;font-weight:800}
.ArminContactOfficeTitle span{padding:3px 7px;border-radius:10px;background:rgba(248,138,7,.09);color:#f88a07;font-size:9px;font-weight:800;text-transform:uppercase}
.ArminContactOfficeContent p{display:flex;gap:7px;margin:0;color:#7c8696;font-size:10.5px;line-height:1.65}
.ArminContactOfficeContent p i{margin-top:3px;color:#f88a07;font-size:10px}


/* Numbers */

.ArminContactNumbers{display:flex;flex-direction:column;gap:8px;padding:22px 0;border-bottom:1px solid #edf0f4}
.ArminContactNumber{display:flex;align-items:center;gap:11px;padding:10px;border-radius:11px;text-decoration:none;background:#f8fafd;transition:.3s}
.ArminContactNumber:hover{background:#034091;transform:translateX(4px)}
.ArminContactNumberIcon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;background:#fff;color:#f88a07;font-size:13px}
.ArminContactNumber>span:nth-child(2){flex:1}
.ArminContactNumber small{display:block;margin-bottom:2px;color:#929baa;font-size:9px}
.ArminContactNumber strong{display:block;color:#17233c;font-size:12px}
.ArminContactNumber>i{color:#a2abb9;font-size:9px;transition:.3s}
.ArminContactNumber:hover small,.ArminContactNumber:hover strong,.ArminContactNumber:hover>i{color:#fff}


/* Email Website */

.ArminContactLinks{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:20px}
.ArminContactLinks a{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #e8edf3;border-radius:11px;text-decoration:none;transition:.3s}
.ArminContactLinks a:hover{border-color:#f88a07;background:#fffaf5}
.ArminContactLinks>a>span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;background:rgba(248,138,7,.08);color:#f88a07;font-size:12px}
.ArminContactLinks small{display:block;margin-bottom:2px;color:#9aa3b1;font-size:8px}
.ArminContactLinks strong{display:block;overflow:hidden;color:#17233c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}


/* Social */

.ArminContactSocialSection{padding:0 0 0px;background:#f8fafd}
.ArminContactSocialCard{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px 45px;border-radius:24px;background:#06142f;box-shadow:0 20px 50px rgba(3,64,145,.14)}
.ArminContactSocialText{max-width:600px}
.ArminContactSocialText .ArminContactSectionBadge{color:#f88a07}
.ArminContactSocialText h2{margin:12px 0 8px;color:#fff;font-size:27px;font-weight:800}
.ArminContactSocialText h2 span{color:#f88a07}
.ArminContactSocialText p{margin:0;color:rgba(255,255,255,.55);font-size:12px;line-height:1.7}
.ArminContactSocialLinks{display:flex;align-items:center;gap:10px}
.ArminContactSocialLinks a{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid rgba(248,138,7,.25);border-radius:10px;background:rgba(248,138,7,.06);color:#fff;text-decoration:none;font-size:11px;font-weight:700;transition:.35s}
.ArminContactSocialLinks a i{color:#f88a07;font-size:14px}
.ArminContactSocialLinks a:hover{background:#f88a07;border-color:#f88a07;transform:translateY(-4px)}
.ArminContactSocialLinks a:hover i{color:#fff}


/* Responsive */

@media(max-width:1199px){
.ArminContactFormCard,.ArminContactInfo{padding:30px}
.ArminContactBreadcrumb h1{font-size:46px}
.ArminContactSocialCard{padding:35px}
.ArminContactSocialLinks{flex-wrap:wrap}
}

@media(max-width:991px){
.ArminContactBreadcrumb{padding:75px 0}
.ArminContactBreadcrumbContent{align-items:flex-start;flex-direction:column}
.ArminContactBreadcrumbPath{padding-bottom:0}
.ArminContactSection{padding:75px 0 80px}
.ArminContactSocialSection{padding-bottom:80px}
.ArminContactSocialCard{align-items:flex-start;flex-direction:column}
}

@media(max-width:575px){
.ArminContactBreadcrumb{padding:60px 0}
.ArminContactBreadcrumb h1{font-size:38px}
.ArminContactBreadcrumb p{font-size:12px}
.ArminContactSection{padding:55px 0 60px}
.ArminContactFormCard,.ArminContactInfo{padding:22px;border-radius:18px}
.ArminContactFormHeader h2,.ArminContactInfoHeader h2{font-size:25px}
.ArminContactFormBottom{align-items:stretch;flex-direction:column}
.ArminContactSubmit{justify-content:center}
.ArminContactLinks{grid-template-columns:1fr}
.ArminContactSocialSection{padding-bottom:60px}
.ArminContactSocialCard{padding:28px 22px;border-radius:18px}
.ArminContactSocialText h2{font-size:23px}
.ArminContactSocialLinks{width:100%;display:grid;grid-template-columns:1fr}
.ArminContactSocialLinks a{justify-content:center}
}



/* ARMIN BLOG */

.ArminBlogSection{padding-top:45px!important}.ArminBlogSectionBadge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:rgba(3,64,145,.07);border-radius:30px;color:#034091;font-size:10px;font-weight:800;letter-spacing:1px}.ArminBlogSectionBadge i{color:#f88a07}.ArminBlogMainTitle{margin-top:16px!important;color:#17233c;font-size:36px;font-weight:800;line-height:1.2}.ArminBlogMainTitle span{color:#034091}.ArminBlogSubTitle{margin-top:16px!important;color:#17233c;font-size:32px;font-weight:800}.ArminBlogSubTitle span{color:#034091}

.ArminBlogFeatured{height:100%;border:1px solid #e5eaf1;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 8px 30px rgba(3,64,145,.05)}.ArminBlogFeaturedImage{width:100%;height:390px;overflow:hidden}.ArminBlogFeaturedImage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.ArminBlogFeatured:hover .ArminBlogFeaturedImage img{transform:scale(1.04)}.ArminBlogFeaturedContent{padding:27px}.ArminBlogMeta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:12px}.ArminBlogMeta span{display:flex;align-items:center;gap:5px;color:#7d8797;font-size:10px;font-weight:600}.ArminBlogMeta i{color:#f88a07}.ArminBlogFeaturedContent h6{margin:0 0 12px;font-size:20px;line-height:1.45;font-weight:800}.ArminBlogFeaturedContent h6 a{color:#17233c;text-decoration:none}.ArminBlogFeaturedContent h6 a:hover{color:#034091}.ArminBlogFeaturedContent p{margin:0 0 20px;color:#7b8596;font-size:12px;line-height:1.75}.ArminBlogReadMore{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;background:#034091;color:#fff;text-decoration:none;font-size:11px;font-weight:700;transition:.3s}.ArminBlogReadMore:hover{background:#f88a07;color:#fff}.ArminBlogReadMore i{transition:.3s}.ArminBlogReadMore:hover i{transform:translateX(4px)}

.ArminBlogSideList{display:flex;flex-direction:column;gap:18px}.ArminBlogSideItem{display:flex;align-items:center;gap:15px;min-height:118px;padding:13px;border:1px solid #e5eaf1;border-radius:14px;background:#fff;box-shadow:0 6px 22px rgba(3,64,145,.04);transition:.3s}.ArminBlogSideItem:hover{transform:translateX(4px);border-color:rgba(248,138,7,.3);box-shadow:0 12px 30px rgba(3,64,145,.08)}.ArminBlogSideImage{width:105px;height:90px;flex:0 0 105px;overflow:hidden;border-radius:9px}.ArminBlogSideImage img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.ArminBlogSideItem:hover .ArminBlogSideImage img{transform:scale(1.06)}.ArminBlogSideContent{flex:1;min-width:0}.ArminBlogSideCategory{display:block;margin-bottom:6px;color:#f88a07;font-size:8px;font-weight:800;letter-spacing:.8px}.ArminBlogSideContent h6{margin:0 0 8px;font-size:12px;line-height:1.45;font-weight:800}.ArminBlogSideContent h6 a{color:#17233c;text-decoration:none}.ArminBlogSideContent h6 a:hover{color:#034091}.ArminBlogSideDate{display:flex;align-items:center;gap:5px;color:#8a93a1;font-size:9px}.ArminBlogSideDate i{color:#f88a07}.ArminBlogSideArrow{width:30px;height:30px;flex:0 0 30px;border:1px solid #e1e6ed;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#034091;font-size:9px;text-decoration:none;transition:.3s}.ArminBlogSideItem:hover .ArminBlogSideArrow{background:#034091;border-color:#034091;color:#fff}

.ArminBlogPopular .ArminBlogCard{height:100%;border:1px solid #e5eaf1;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 7px 25px rgba(3,64,145,.04);transition:.35s}.ArminBlogPopular .ArminBlogCard:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(3,64,145,.1);border-color:rgba(248,138,7,.25)}.ArminBlogCardImage{position:relative;display:block;height:220px;overflow:hidden}.ArminBlogCardImage img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.ArminBlogCard:hover .ArminBlogCardImage img{transform:scale(1.05)}.ArminBlogCardDate{position:absolute;left:13px;bottom:12px;padding:6px 10px;border-radius:20px;background:#fff;color:#17233c;font-size:9px;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.12)}.ArminBlogCardDate i{color:#f88a07;margin-right:3px}.ArminBlogCardBody{padding:21px}.ArminBlogCardCategory{display:block;margin-bottom:8px;color:#f88a07;font-size:8px;font-weight:800;letter-spacing:.8px}.ArminBlogCardBody h6{margin:0 0 10px;font-size:14px;line-height:1.5;font-weight:800}.ArminBlogCardBody h6 a{color:#17233c;text-decoration:none}.ArminBlogCardBody h6 a:hover{color:#034091}.ArminBlogCardBody p{margin:0;color:#7b8596;font-size:11px;line-height:1.7}

@media(max-width:991px){.ArminBlogBreadcrumb{padding:55px 0}.ArminBlogBreadcrumb h1{font-size:40px}.ArminBlogSection{padding-top:35px!important}.ArminBlogFeaturedImage{height:350px}.ArminBlogSideList{margin-top:10px}.ArminBlogSideImage{width:120px;flex-basis:120px}}
@media(max-width:767px){.ArminBlogBreadcrumb h1{font-size:35px}.ArminBlogMainTitle{font-size:30px}.ArminBlogSubTitle{font-size:27px}.ArminBlogFeaturedImage{height:290px}.ArminBlogFeaturedContent{padding:22px}.ArminBlogSideItem{min-height:110px}.ArminBlogSideImage{width:100px;height:82px;flex-basis:100px}}
@media(max-width:575px){.ArminBlogBreadcrumb{padding:48px 0}.ArminBlogBreadcrumb h1{font-size:32px}.ArminBlogBreadcrumb p{font-size:11px}.ArminBlogMainTitle{font-size:26px}.ArminBlogFeaturedImage{height:230px}.ArminBlogFeaturedContent{padding:19px}.ArminBlogSideItem{gap:10px;padding:10px}.ArminBlogSideImage{width:80px;height:70px;flex-basis:80px}.ArminBlogSideContent h6{font-size:10px}.ArminBlogSideArrow{width:26px;height:26px;flex-basis:26px}}


/* =========================================================
   ARMIN CAREER
========================================================= */

.ArminCareerHero{position:relative;padding:75px 0 70px;background:#06142f;overflow:hidden}.ArminCareerHero:after{content:"";position:absolute;right:-170px;top:-210px;width:470px;height:470px;border:1px solid rgba(248,138,7,.16);border-radius:50%;box-shadow:0 0 0 65px rgba(248,138,7,.025),0 0 0 130px rgba(248,138,7,.015)}.ArminCareerHeroContent{position:relative;z-index:2}.ArminCareerBadge{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid rgba(248,138,7,.3);border-radius:30px;background:rgba(248,138,7,.07);color:#f88a07;font-size:10px;font-weight:800;letter-spacing:1px}.ArminCareerHero h1{margin:17px 0 10px;color:#fff;font-size:48px;font-weight:800;line-height:1.15}.ArminCareerHero h1 span{color:#f88a07}.ArminCareerHero p{max-width:600px;margin:0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.8}.ArminCareerBreadcrumb{display:flex;align-items:center;gap:10px;margin-top:20px;color:rgba(255,255,255,.45);font-size:11px}.ArminCareerBreadcrumb a{color:#fff;text-decoration:none}.ArminCareerBreadcrumb i{color:#f88a07;font-size:8px}

.ArminCareerIntro{padding:90px 0}.ArminCareerSectionLabel{display:inline-flex;align-items:center;gap:7px;color:#f88a07;font-size:10px;font-weight:800;letter-spacing:1px}.ArminCareerSectionLabel i{font-size:13px}.ArminCareerIntro h2,.ArminCareerJobsHeader h2{margin:15px 0 17px;color:#17233c;font-size:34px;font-weight:800;line-height:1.25}.ArminCareerIntro h2 span,.ArminCareerJobsHeader h2 span{color:#034091}.ArminCareerIntro p{max-width:650px;color:#7b8596;font-size:13px;line-height:1.85}.ArminCareerStats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ArminCareerStat{padding:22px 18px;border:1px solid #e6ebf2;border-radius:14px;background:#fff;box-shadow:0 7px 25px rgba(3,64,145,.04);transition:.3s}.ArminCareerStat:hover{transform:translateY(-5px);border-color:rgba(248,138,7,.25);box-shadow:0 15px 35px rgba(3,64,145,.08)}.ArminCareerStatIcon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;border-radius:10px;background:rgba(248,138,7,.1);color:#f88a07;font-size:16px}.ArminCareerStat strong{display:block;color:#17233c;font-size:14px}.ArminCareerStat span{display:block;margin-top:3px;color:#8a93a1;font-size:10px}

.ArminCareerJobs{padding:90px 0 110px;background:#f7f9fc}.ArminCareerJobsHeader{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.ArminCareerJobsHeader p{margin:0;color:#7b8596;font-size:12px}.ArminCareerJobCount{display:flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid #e3e8ef;border-radius:10px;background:#fff;color:#034091}.ArminCareerJobCount i{color:#f88a07}.ArminCareerJobCount span{font-size:18px;font-weight:800}.ArminCareerJobCount small{color:#7d8797;font-size:9px}

.ArminCareerJobList{display:flex;flex-direction:column;gap:22px}.ArminCareerJob{background:#fff;border:1px solid #e3e8ef;border-radius:16px;overflow:hidden;box-shadow:0 7px 25px rgba(3,64,145,.04);transition:.35s}.ArminCareerJob:hover{border-color:rgba(248,138,7,.3);box-shadow:0 18px 40px rgba(3,64,145,.08)}.ArminCareerJobTop{display:flex;align-items:center;gap:18px;padding:24px 27px;border-bottom:1px solid #edf0f4}.ArminCareerJobNumber{width:45px;height:45px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;background:#034091;color:#fff;font-size:13px;font-weight:800}.ArminCareerJobTitle{flex:1}.ArminCareerJobTitle span{display:block;margin-bottom:5px;color:#f88a07;font-size:8px;font-weight:800;letter-spacing:1px}.ArminCareerJobTitle h3{margin:0;color:#17233c;font-size:19px;font-weight:800}.ArminCareerStatus{padding:6px 12px;border-radius:20px;background:rgba(25,167,88,.1);color:#169657;font-size:8px;font-weight:800;letter-spacing:.8px}

.ArminCareerJobMeta{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #edf0f4}.ArminCareerJobMeta>div{display:flex;flex-direction:column;gap:5px;padding:17px 20px;border-right:1px solid #edf0f4}.ArminCareerJobMeta>div:last-child{border-right:0}.ArminCareerJobMeta i{color:#f88a07;font-size:13px}.ArminCareerJobMeta strong{color:#17233c;font-size:9px}.ArminCareerJobMeta span{color:#7d8797;font-size:9px}

.ArminCareerJobBody{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:28px}.ArminCareerJobBody h4{margin:0 0 12px;color:#17233c;font-size:13px;font-weight:800}.ArminCareerJobBody p,.ArminCareerJobBody li{color:#7b8596;font-size:11px;line-height:1.75}.ArminCareerJobBody p{margin:0}.ArminCareerJobBody ul{margin:0;padding-left:17px}.ArminCareerJobBody li{margin-bottom:5px}.ArminCareerJobBottom{display:flex;align-items:center;justify-content:space-between;padding:18px 27px;background:#fafbfd;border-top:1px solid #edf0f4}.ArminCareerSalary{display:flex;align-items:center;gap:8px;color:#7d8797;font-size:10px}.ArminCareerSalary i{color:#f88a07}.ArminCareerSalary strong{color:#17233c}.ArminCareerApply{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:8px;background:#034091;color:#fff;text-decoration:none;font-size:10px;font-weight:700;transition:.3s}.ArminCareerApply:hover{background:#f88a07;color:#fff}.ArminCareerApply i{font-size:9px;transition:.3s}.ArminCareerApply:hover i{transform:translateX(4px)}

.ArminCareerCTA{padding:0 0 110px;background:#f7f9fc}.ArminCareerCTABox{position:relative;padding:45px 50px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:18px;background:#06142f;overflow:hidden}.ArminCareerCTABox:after{content:"";position:absolute;right:-100px;top:-170px;width:350px;height:350px;border:1px solid rgba(248,138,7,.15);border-radius:50%}.ArminCareerCTABox>div{position:relative;z-index:2}.ArminCareerCTABox span{color:#f88a07;font-size:9px;font-weight:800;letter-spacing:1px}.ArminCareerCTABox h2{margin:10px 0;color:#fff;font-size:28px;font-weight:800}.ArminCareerCTABox h2 strong{color:#f88a07}.ArminCareerCTABox p{margin:0;color:rgba(255,255,255,.55);font-size:11px}.ArminCareerCTABox>a{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:8px;background:#f88a07;color:#fff;text-decoration:none;font-size:10px;font-weight:700;white-space:nowrap;transition:.3s}.ArminCareerCTABox>a:hover{background:#fff;color:#034091}.ArminCareerCTABox>a i{font-size:9px}

@media(max-width:1199px){.ArminCareerJobMeta{grid-template-columns:repeat(3,1fr)}.ArminCareerJobMeta>div:nth-child(3){border-right:0}.ArminCareerJobBody{gap:22px}}
@media(max-width:991px){.ArminCareerHero h1{font-size:42px}.ArminCareerIntro{padding:70px 0}.ArminCareerStats{margin-top:20px}.ArminCareerJobs{padding:70px 0 90px}.ArminCareerJobBody{grid-template-columns:1fr 1fr}.ArminCareerJobBody>div:first-child{grid-column:1/-1}.ArminCareerCTABox{padding:35px;flex-direction:column;align-items:flex-start}}
@media(max-width:767px){.ArminCareerHero{padding:55px 0}.ArminCareerHero h1{font-size:35px}.ArminCareerIntro{padding:60px 0}.ArminCareerIntro h2,.ArminCareerJobsHeader h2{font-size:29px}.ArminCareerJobsHeader{align-items:flex-start;flex-direction:column}.ArminCareerJobTop{padding:20px}.ArminCareerJobMeta{grid-template-columns:1fr 1fr}.ArminCareerJobMeta>div{border-right:0;border-bottom:1px solid #edf0f4}.ArminCareerJobBody{grid-template-columns:1fr;padding:22px}.ArminCareerJobBody>div:first-child{grid-column:auto}.ArminCareerJobBottom{padding:17px 20px}}
@media(max-width:575px){.ArminCareerHero h1{font-size:31px}.ArminCareerHero p{font-size:11px}.ArminCareerStats{gap:10px}.ArminCareerStat{padding:17px 14px}.ArminCareerJobTop{gap:11px}.ArminCareerJobNumber{width:38px;height:38px;font-size:11px}.ArminCareerJobTitle h3{font-size:14px}.ArminCareerStatus{padding:5px 8px}.ArminCareerJobMeta>div{padding:14px}.ArminCareerCTABox{padding:28px 22px}.ArminCareerCTABox h2{font-size:23px}.ArminCareerCTABox>a{width:100%;justify-content:center}}



/* =========================================
   KBC Feedback Section - 80% Visual Scale
   ========================================= */

.kbc-feedback-80 {
  zoom: 0.9;
  background: #f1f5f9;
  padding-top: 60px;
  padding-bottom: 60px;
}


.hero-no-top-padding {
    padding-top: 40px !important;
}


/* =========================================================
   Website Development - Three Technology Packages
   Paste into custom.css
   ========================================================= */

.website-benefit-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50px;
    color: rgba(255,255,255,.92);
    background: rgba(255,255,255,.06);
    font-size: 13px;
    font-weight: 600;
}

.website-benefit-pill i {
    color: #f88906;
    font-size: 17px;
}

.website-package-card {
    border: 1px solid rgba(3,64,145,.08);
    box-shadow: 0 12px 40px rgba(3,64,145,.08);
    transition: all .3s ease;
}

.website-package-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 55px rgba(3,64,145,.15);
}

.website-package-featured {
    border: 2px solid #034091;
    box-shadow: 0 18px 55px rgba(3,64,145,.16);
}

.website-package-popular {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 6px 13px;
    border-radius: 50px;
    background: #034091;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.website-package-icon {
    width: 92px;
    height: 92px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    background: rgba(3,64,145,.07);
    color: #034091;
    font-size: 62px;
    line-height: 1;
    transition: all .3s ease;
}

.website-package-card:hover .website-package-icon {
    background: #034091;
    color: #fff;
    transform: scale(1.06);
}

.website-package-price {
    color: #034091;
    font-size: 48px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -1px;
}

.website-package-price .currency {
    font-size: 24px;
    font-weight: 700;
    vertical-align: top;
    position: relative;
    top: 4px;
    margin-right: 2px;
}

.website-package-label {
    display: inline-block;
    margin-top: 10px;
    color: #6c757d;
    font-size: 12px;
    font-weight: 600;
}

.website-feature {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #4f5965;
    font-size: 13px;
    line-height: 1.5;
}

.website-feature i {
    flex-shrink: 0;
    margin-top: 1px;
    color: #034091;
    font-size: 18px;
}

.website-package-btn {
    min-height: 56px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.website-main-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 58px;
    padding: 0 28px 0 30px;
    border-radius: 50px;
    background: linear-gradient(135deg,#034091 0%,#0b56b7 100%);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 12px 30px rgba(3,64,145,.28);
    transition: all .3s ease;
}

.website-main-cta i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f88906;
    color: #fff;
    font-size: 18px;
    transition: transform .3s ease;
}

.website-main-cta:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 18px 38px rgba(3,64,145,.35);
}

.website-main-cta:hover i {
    transform: translateX(4px);
}

@media (max-width:767.98px) {
    .website-package-card {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .website-package-icon {
        width: 80px;
        height: 80px;
        font-size: 52px;
        border-radius: 20px;
    }

    .website-package-price {
        font-size: 42px;
    }

    .website-benefit-pill {
        font-size: 12px;
        padding: 8px 13px;
    }

    .website-main-cta {
        width: 100%;
        max-width: 360px;
        padding-left: 20px;
        padding-right: 20px;
    }
}


/* =========================================================
   Kabul Website Company - CTA Section
   ========================================================= */

.cta-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(248, 137, 6, 0.12);
    color: #f88906;
    font-size: 22px;
}

.cta-main-title {
    max-width: 700px;
    font-size: clamp(36px, 4vw, 58px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -1px;
}

.cta-orange-text {
    color: #f88906 !important;
}

.cta-description {
    max-width: 650px;
    font-size: 16px;
    line-height: 1.8;
}

.cta-action-box {
    padding: 42px 40px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.cta-action-icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border-radius: 15px;
    background: #f88906;
    color: #fff;
    font-size: 28px;
}

.cta-action-box h5 {
    font-size: 22px;
    font-weight: 700;
}

.cta-action-box p {
    font-size: 14px;
    line-height: 1.7;
}

.cta-button {
    min-height: 56px;
    padding-left: 24px;
    padding-right: 24px;
}

.cta-button .btn-arrow__icon {
    transition: transform 0.3s ease;
}

.cta-button:hover .btn-arrow__icon {
    transform: translateX(5px);
}


/* Mobile */
@media (max-width: 767.98px) {

    .cta-main-title {
        font-size: 36px;
        line-height: 1.2;
    }

    .cta-description {
        font-size: 14px;
    }

    .cta-action-box {
        padding: 30px 25px;
    }

}


/* =========================================================
   Technology Cards
   ========================================================= */

.technology-card {
    border: 1px solid rgba(3, 64, 145, 0.06);
    transition: all 0.3s ease;
}

.technology-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 35px rgba(3, 64, 145, 0.12) !important;
}

.technology-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 18px;
    font-size: 42px;
    background: rgba(3, 64, 145, 0.06);
    transition: all 0.3s ease;
}

.technology-card:hover .technology-icon {
    transform: scale(1.08);
    background: #034091;
    color: #fff !important;
}

.technology-card h6 {
    color: #172033;
}

.technology-card small {
    display: block;
    margin-top: 7px;
    line-height: 1.5;
}


/* Technology Icon Colors */

.html-icon {
    color: #e34f26;
}

.css-icon {
    color: #1572b6;
}

.js-icon {
    color: #f7df1e;
}

.jquery-icon {
    color: #0769ad;
}

.php-icon {
    color: #777bb4;
}

.laravel-icon {
    color: #ff2d20;
}

.mysql-icon {
    color: #00758f;
}

.bootstrap-icon {
    color: #7952b3;
}

.git-icon {
    color: #f05032;
}

.api-icon {
    color: #034091;
}

.wordpress-icon {
    color: #21759b;
}

.joomla-icon {
    color: #5091cd;
}

.woocommerce-icon {
    color: #96588a;
}

.elementor-icon {
    color: #92003b;
}

.plugin-icon {
    color: #034091;
}

.cpanel-icon {
    color: #ff6c2c;
}

.whm-icon {
    color: #034091;
}

.seo-icon {
    color: #f88906;
}

.ssl-icon {
    color: #198754;
}

.maintenance-icon {
    color: #6c757d;
}


/* =========================================================
   Website Design Page - 90% Browser Zoom Effect
   Only this page
   ========================================================= */

@media (min-width: 992px) {
    .website-design-page {
        zoom: 90%;
    }
}


/* =========================================================
   KBC DOMAIN MEGA MENU
========================================================= */

.kbc-domain-mega-item{position:relative}
.kbc-domain-mega{width:100%;overflow:hidden;background:#fff;border:1px solid rgba(3,64,145,.08);border-radius:0 0 18px 18px;box-shadow:0 25px 70px rgba(3,64,145,.14)}
.kbc-domain-menu-left{height:100%;padding:28px;background:#fff}
.kbc-domain-menu-heading{margin-bottom:18px}
.kbc-domain-menu-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:#f88906;font-size:10px;font-weight:900;letter-spacing:1.2px}
.kbc-domain-menu-label i{font-size:15px}
.kbc-domain-menu-heading h3{margin:0;color:#17243a;font-size:22px;line-height:1.2;font-weight:900}
.kbc-domain-menu-heading h3 span{color:#034091}
.kbc-domain-menu-heading p{max-width:580px;margin:7px 0 0;color:#7b8798;font-size:11px;line-height:1.6}

.kbc-domain-service-card{display:flex;align-items:flex-start;gap:11px;min-height:102px;padding:13px;border:1px solid #e9eef5;border-radius:11px;background:#fff;text-decoration:none;transition:.25s ease}
.kbc-domain-service-card:hover{transform:translateY(-2px);border-color:rgba(3,64,145,.2);box-shadow:0 10px 25px rgba(3,64,145,.08)}
.kbc-domain-service-icon{flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#edf4fc;color:#034091;font-size:16px;transition:.25s}
.kbc-domain-service-card:hover .kbc-domain-service-icon{background:#034091;color:#fff}
.kbc-domain-service-content{min-width:0;flex:1}
.kbc-domain-service-title{display:flex;align-items:center;gap:5px;color:#17243a;font-size:12px;font-weight:900;line-height:1.3}
.kbc-domain-service-title>i{margin-left:auto;color:#a4afbd;font-size:13px}
.kbc-domain-service-card:hover .kbc-domain-service-title>i{color:#f88906;transform:translateX(3px)}
.kbc-domain-service-description{margin-top:5px;color:#7b8798;font-size:9px;line-height:1.55}
.kbc-domain-af-card{background:linear-gradient(135deg,rgba(3,64,145,.025),rgba(248,137,6,.035));border-color:rgba(248,137,6,.15)}
.kbc-domain-af-card .kbc-domain-service-icon{background:#fff2e5;color:#f88906}
.kbc-domain-af-card:hover .kbc-domain-service-icon{background:#f88906;color:#fff}
.kbc-domain-af-badge{display:inline-flex;padding:2px 5px;border-radius:4px;background:#034091;color:#fff;font-size:7px;font-weight:900}

.kbc-domain-menu-bottom{display:flex;align-items:center;gap:18px;margin-top:17px;padding-top:13px;border-top:1px solid #edf1f6}
.kbc-domain-menu-bottom>div{display:flex;align-items:center;gap:5px;color:#778496;font-size:8px;font-weight:700}
.kbc-domain-menu-bottom i{color:#034091;font-size:12px}

.kbc-domain-showcase-wrapper{height:100%;padding:16px;background:#f7faff}
.kbc-domain-showcase{position:relative;height:100%;min-height:350px;overflow:hidden;padding:21px;border-radius:15px;background:linear-gradient(145deg,#034091,#022c67);color:#fff;box-shadow:0 18px 40px rgba(3,64,145,.18)}
.kbc-domain-showcase-glow{position:absolute;width:170px;height:170px;right:-65px;top:-65px;border-radius:50%;background:rgba(248,137,6,.14);filter:blur(5px)}
.kbc-domain-showcase-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}
.kbc-domain-showcase-header span{display:block;margin-bottom:3px;color:rgba(255,255,255,.55);font-size:8px;font-weight:800;letter-spacing:1px}
.kbc-domain-showcase-header strong{display:block;color:#fff;font-size:13px;font-weight:900}
.kbc-domain-showcase-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.1);font-size:18px}

.kbc-domain-extension-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}
.kbc-domain-extension-card{display:flex;align-items:center;gap:6px;min-height:50px;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.055)}
.kbc-domain-extension-icon{flex:0 0 27px;width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(255,255,255,.1);font-size:11px}
.kbc-domain-extension-card strong,.kbc-domain-extension-card span{display:block}
.kbc-domain-extension-card strong{color:#fff;font-size:11px;font-weight:900}
.kbc-domain-extension-card span{margin-top:1px;color:rgba(255,255,255,.55);font-size:7px}
.kbc-domain-featured{border-color:rgba(248,137,6,.42);background:rgba(248,137,6,.14)}
.kbc-domain-featured .kbc-domain-extension-icon{background:#f88906}

.kbc-af-domain-strip{position:relative;z-index:2;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.08)}
.kbc-af-domain-strip-icon{flex:0 0 32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#f88906;font-size:14px}
.kbc-af-domain-strip-content{min-width:0;flex:1}
.kbc-af-domain-strip-content span{display:block;color:rgba(255,255,255,.55);font-size:7px;font-weight:800;letter-spacing:.8px}
.kbc-af-domain-strip-content strong{display:block;margin-top:2px;color:#fff;font-size:10px;font-weight:900}
.kbc-af-domain-arrow{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none}
.kbc-af-domain-arrow:hover{background:#f88906;color:#fff}

.kbc-domain-showcase-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:6px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.1)}
.kbc-domain-showcase-footer>div{display:flex;align-items:center;gap:4px;color:rgba(255,255,255,.62);font-size:7px;white-space:nowrap}
.kbc-domain-showcase-footer i{color:#f88906;font-size:10px}

/* DESKTOP */
@media(min-width:1200px){
    .kbc-domain-mega{min-width:950px;left:50%!important;transform:translateX(-50%)}
    .kbc-domain-mega .container-fluid{max-width:1180px;margin:auto}
}

/* TABLET */
@media(max-width:1199px) and (min-width:768px){
    .kbc-domain-menu-left{padding:22px}
    .kbc-domain-showcase-wrapper{padding:15px}
    .kbc-domain-showcase{padding:18px}
}

/* MOBILE */
@media(max-width:767px){

    .kbc-domain-mega{
        position:static!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        transform:none!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        max-height:calc(100vh - 70px);
        overflow-x:hidden;
        overflow-y:auto;
        border:0;
        border-radius:0;
        box-shadow:none;
    }

    .kbc-domain-mega .container,
    .kbc-domain-mega .container-fluid{
        width:100%;
        max-width:100%;
        padding:0!important;
        margin:0!important;
    }

    .kbc-domain-mega .row{
        display:block;
        width:100%;
        margin:0!important;
    }

    .kbc-domain-mega .col-xl-7,
    .kbc-domain-mega .col-xl-5{
        width:100%;
        max-width:100%;
        padding:0!important;
    }

    .kbc-domain-menu-left{
        width:100%;
        padding:18px 15px;
    }

    .kbc-domain-menu-heading h3{
        font-size:19px;
    }

    .kbc-domain-menu-heading p{
        font-size:10px;
    }

    .kbc-domain-menu-left .row{
        display:flex;
        flex-wrap:wrap;
        width:auto;
        margin-left:-4px!important;
        margin-right:-4px!important;
    }

    .kbc-domain-menu-left .row>.col-md-6{
        width:100%;
        max-width:100%;
        padding-left:4px!important;
        padding-right:4px!important;
    }

    .kbc-domain-service-card{
        min-height:auto;
        padding:12px;
    }

    .kbc-domain-service-title{
        font-size:11px;
    }

    .kbc-domain-service-description{
        font-size:8.5px;
    }

    .kbc-domain-menu-bottom{
        flex-wrap:wrap;
        gap:8px 14px;
        margin-top:14px;
    }

    .kbc-domain-menu-bottom>div{
        font-size:8px;
    }

    .kbc-domain-showcase-wrapper{
        width:100%;
        padding:0 15px 18px;
        background:#f7faff;
    }

    .kbc-domain-showcase{
        width:100%;
        min-height:auto;
        padding:17px;
        border-radius:12px;
    }

    .kbc-domain-extension-grid{
        grid-template-columns:repeat(2,1fr);
        gap:6px;
    }

    .kbc-domain-extension-card{
        min-height:48px;
    }

    .kbc-domain-showcase-footer{
        flex-wrap:wrap;
        justify-content:flex-start;
        gap:8px 14px;
    }

}

/* SMALL MOBILE */
@media(max-width:400px){

    .kbc-domain-menu-left{
        padding:15px 12px;
    }

    .kbc-domain-service-card{
        padding:10px;
    }

    .kbc-domain-service-icon{
        flex-basis:36px;
        width:36px;
        height:36px;
    }

    .kbc-domain-showcase-wrapper{
        padding:0 12px 15px;
    }

    .kbc-domain-showcase{
        padding:14px;
    }

    .kbc-domain-extension-grid{
        grid-template-columns:1fr 1fr;
    }

    .kbc-af-domain-strip-content strong{
        font-size:9px;
    }

}

.kbc-language-btn .fa-globe {
    display: inline-block;
    animation: kbcGlobeRotate 1s linear infinite;
}

@keyframes kbcGlobeRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}





/* =========================================================
   KBC CLIENT LOGIN MODAL
========================================================= */

.kbc-client-login-modal{

    position:fixed;

    inset:0;

    z-index:999999;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    visibility:hidden;

    opacity:0;

    pointer-events:none;

    transition:
        opacity .25s ease,
        visibility .25s ease;

}


/* ACTIVE */

.kbc-client-login-modal.active{

    visibility:visible;

    opacity:1;

    pointer-events:auto;

}


/* =========================================================
   OVERLAY
========================================================= */

.kbc-client-login-overlay{

    position:absolute;

    inset:0;

    background:
        rgba(1,18,42,.72);

    backdrop-filter:
        blur(7px);

    -webkit-backdrop-filter:
        blur(7px);

}


/* =========================================================
   MAIN BOX
========================================================= */

.kbc-client-login-box{

    position:relative;

    z-index:2;

    width:min(430px,100%);

    padding:34px 32px 28px;

    border:1px solid rgba(255,255,255,.7);

    border-radius:22px;

    background:

        radial-gradient(
            circle at 90% 0%,
            rgba(248,137,6,.10),
            transparent 30%
        ),

        linear-gradient(
            145deg,
            #ffffff,
            #f7faff
        );

    box-shadow:

        0 35px 90px
        rgba(0,0,0,.28);

    color:#17243a;

    transform:
        translateY(20px)
        scale(.96);

    transition:
        transform .3s ease;

}


/* OPEN ANIMATION */

.kbc-client-login-modal.active
.kbc-client-login-box{

    transform:
        translateY(0)
        scale(1);

}


/* =========================================================
   CLOSE
========================================================= */

.kbc-client-login-close{

    position:absolute;

    top:14px;
    right:14px;

    width:32px;
    height:32px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:0;

    border-radius:9px;

    background:#f1f4f8;

    color:#78869a;

    cursor:pointer;

    transition:.2s;

}


.kbc-client-login-close:hover{

    background:#034091;

    color:#fff;

    transform:rotate(90deg);

}


/* =========================================================
   ICON
========================================================= */

.kbc-client-login-icon{

    position:relative;

    width:68px;
    height:68px;

    display:flex;

    align-items:center;
    justify-content:center;

    margin:0 auto 17px;

    border-radius:20px;

    background:

        linear-gradient(
            145deg,
            #034091,
            #0759b9
        );

    color:#fff;

    box-shadow:

        0 15px 35px
        rgba(3,64,145,.22);

}


.kbc-client-login-icon i{

    position:relative;

    z-index:3;

    font-size:27px;

}


.kbc-client-login-icon-ring{

    position:absolute;

    width:84px;
    height:84px;

    border-radius:50%;

    border:1px solid
        rgba(248,137,6,.25);

    animation:
        kbcClientPulse 2.5s ease-in-out infinite;

}


@keyframes kbcClientPulse{

    0%,
    100%{

        transform:scale(.92);

        opacity:.35;

    }

    50%{

        transform:scale(1.08);

        opacity:1;

    }

}


/* =========================================================
   HEADING
========================================================= */

.kbc-client-login-heading{

    text-align:center;

}


.kbc-client-login-heading span{

    color:#f88906;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.8px;

}


.kbc-client-login-heading h3{

    margin:5px 0 8px;

    color:#172d50;

    font-size:26px;

    font-weight:900;

}


.kbc-client-login-heading p{

    margin:0 auto 23px;

    max-width:330px;

    color:#7a889b;

    font-size:10px;

    line-height:1.7;

}


/* =========================================================
   DOMAIN FIELD
========================================================= */

.kbc-client-domain-field{

    margin-bottom:15px;

}


.kbc-client-domain-field label{

    display:block;

    margin-bottom:7px;

    color:#405069;

    font-size:9px;

    font-weight:900;

}


.kbc-client-domain-input{

    display:flex;

    align-items:center;

    height:49px;

    border:1px solid #dfe6ef;

    border-radius:10px;

    background:#fff;

    overflow:hidden;

    transition:.2s;

}


.kbc-client-domain-input:focus-within{

    border-color:
        rgba(3,64,145,.45);

    box-shadow:

        0 0 0 4px
        rgba(3,64,145,.06);

}


.kbc-client-domain-input > i{

    width:48px;

    text-align:center;

    color:#034091;

    font-size:16px;

}


.kbc-client-domain-input input{

    width:100%;

    height:100%;

    padding:0 13px 0 0;

    border:0;

    outline:0;

    background:transparent;

    color:#17243a;

    font-family:inherit;

    font-size:11px;

}


.kbc-client-domain-input input::placeholder{

    color:#a3afbf;

}


.kbc-client-domain-field small{

    display:block;

    margin-top:6px;

    color:#96a1b0;

    font-size:7px;

}


.kbc-client-domain-field small b{

    color:#034091;

}


/* =========================================================
   BUTTON
========================================================= */

.kbc-client-enter-btn{

    width:100%;

    height:49px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 12px 0 17px;

    border:0;

    border-radius:10px;

    background:

        linear-gradient(
            100deg,
            #034091,
            #0758b9
        );

    color:#fff;

    font-family:inherit;

    cursor:pointer;

    box-shadow:

        0 12px 25px
        rgba(3,64,145,.20);

    transition:.25s;

}


.kbc-client-enter-btn span{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:10px;

    font-weight:900;

}


.kbc-client-enter-btn span i{

    font-size:16px;

}


.kbc-client-enter-btn > i{

    width:28px;
    height:28px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:7px;

    background:
        rgba(255,255,255,.12);

}


.kbc-client-enter-btn:hover{

    background:#f88906;

    transform:translateY(-2px);

    box-shadow:

        0 15px 30px
        rgba(248,137,6,.22);

}


/* =========================================================
   SECURITY
========================================================= */

.kbc-client-secure{

    display:flex;

    align-items:flex-start;

    justify-content:center;

    gap:6px;

    margin-top:15px;

    color:#8d99a9;

    font-size:7px;

    line-height:1.5;

    text-align:center;

}


.kbc-client-secure i{

    color:#27a76b;

    font-size:12px;

}


/* =========================================================
   EXAMPLE
========================================================= */

.kbc-client-example{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:5px;

    margin-top:13px;

    color:#9aa6b5;

    font-size:7px;

}


.kbc-client-example code{

    padding:4px 7px;

    border-radius:5px;

    background:#f1f4f8;

    color:#034091;

    font-family:monospace;

    font-size:7px;

}


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

@media(max-width:500px){

    .kbc-client-login-box{

        padding:29px 20px 23px;

        border-radius:18px;

    }

    .kbc-client-login-heading h3{

        font-size:23px;

    }

}

.kbc-input-error{
    border-color:#dc3545 !important;
    box-shadow:0 0 0 3px rgba(220,53,69,.10) !important;
}

.kbc-domain-error{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:9px;
    padding:9px 12px;
    border-radius:8px;
    background:#fff1f2;
    border:1px solid #fecdd3;
    color:#dc3545;
    font-size:12px;
    font-weight:600;
    line-height:1.5;
}

.kbc-domain-error i{
    font-size:14px;
    flex-shrink:0;
}


/* =========================================================
   KBC WHATSAPP LIVE CHAT
   ========================================================= */


/* ---------------------------------------------------------
   MAIN WIDGET
--------------------------------------------------------- */

.kbc-chat-widget {
    position: fixed;
    left: 22px;
    bottom: 22px;
    z-index: 99999;
}


/* ---------------------------------------------------------
   FLOATING WHATSAPP BUTTON
--------------------------------------------------------- */

.kbc-chat-trigger {
    position: relative;

    width: 58px;
    height: 58px;

    padding: 0;
    margin: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    outline: none;

    background: transparent !important;

    color: #25D366;

    cursor: pointer;

    font-size: 48px;

    transition:
        transform 0.3s ease,
        color 0.3s ease;

    -webkit-tap-highlight-color: transparent;
}


/* WhatsApp Icon */

.kbc-chat-trigger i {
    display: block;

    font-size: 48px;

    color: #25D366;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    transition:
        transform 0.3s ease,
        filter 0.3s ease;
}


/* Hover */

.kbc-chat-trigger:hover {
    transform: translateY(-4px);
}

.kbc-chat-trigger:hover i {
    transform: scale(1.08);

    filter:
        drop-shadow(0 6px 12px rgba(37, 211, 102, 0.30));
}


/* ---------------------------------------------------------
   ONLINE DOT
--------------------------------------------------------- */

.kbc-chat-online-dot {
    position: absolute;

    right: 5px;
    bottom: 6px;

    width: 12px;
    height: 12px;

    border-radius: 50%;

    background: #25D366;

    border: 2px solid #ffffff;

    box-shadow:
        0 0 0 3px rgba(37, 211, 102, 0.12);

    animation: kbcChatOnlinePulse 2s infinite;
}


@keyframes kbcChatOnlinePulse {

    0% {
        box-shadow:
            0 0 0 0 rgba(37, 211, 102, 0.45);
    }

    70% {
        box-shadow:
            0 0 0 7px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(37, 211, 102, 0);
    }

}


/* ---------------------------------------------------------
   CHAT POPUP
--------------------------------------------------------- */

.kbc-chat-popup {
    position: absolute;

    left: 0;
    bottom: 75px;

    width: 380px;

    padding: 25px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8fbff 100%
        );

    border: 1px solid rgba(3, 64, 145, 0.08);

    border-radius: 22px;

    box-shadow:
        0 25px 70px rgba(3, 64, 145, 0.18),
        0 8px 25px rgba(0, 0, 0, 0.08);

    opacity: 0;
    visibility: hidden;

    transform:
        translateY(15px)
        scale(0.96);

    transform-origin: bottom left;

    transition:
        opacity 0.28s ease,
        visibility 0.28s ease,
        transform 0.28s ease;

    overflow: hidden;
}


/* Popup Active */

.kbc-chat-popup.active {
    opacity: 1;

    visibility: visible;

    transform:
        translateY(0)
        scale(1);
}


/* ---------------------------------------------------------
   DECORATIVE CIRCLES
--------------------------------------------------------- */

.kbc-chat-orbit {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: 0;
}


.kbc-chat-orbit-1 {
    width: 170px;
    height: 170px;

    top: -100px;
    right: -90px;

    border: 1px solid rgba(3, 64, 145, 0.07);
}


.kbc-chat-orbit-2 {
    width: 100px;
    height: 100px;

    top: -55px;
    right: -45px;

    border: 1px solid rgba(248, 137, 6, 0.10);
}


/* ---------------------------------------------------------
   CLOSE BUTTON
--------------------------------------------------------- */

.kbc-chat-close {
    position: absolute;

    top: 15px;
    right: 15px;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;

    border-radius: 50%;

    background: #f3f6fa;

    color: #64748b;

    font-size: 14px;

    cursor: pointer;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;

    z-index: 5;
}


.kbc-chat-close:hover {
    background: #034091;

    color: #ffffff;

    transform: rotate(90deg);
}


/* ---------------------------------------------------------
   POPUP HEADER
--------------------------------------------------------- */

.kbc-chat-popup-header {
    position: relative;

    display: flex;
    align-items: center;

    gap: 15px;

    padding-right: 35px;

    z-index: 2;
}


/* WhatsApp Header Icon */

.kbc-chat-brand-icon {
    width: 58px;
    height: 58px;

    flex: 0 0 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            #25D366,
            #18b957
        );

    color: #ffffff;

    font-size: 29px;

    box-shadow:
        0 10px 22px rgba(37, 211, 102, 0.22);
}


.kbc-chat-brand-info {
    min-width: 0;
}


.kbc-chat-label {
    display: block;

    margin-bottom: 3px;

    color: #f88906;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.7px;
}


.kbc-chat-brand-info h3 {
    margin: 0 0 5px;

    color: #063a65;

    font-size: 21px;

    font-weight: 800;

    line-height: 1.2;
}


/* ---------------------------------------------------------
   STATUS
--------------------------------------------------------- */

.kbc-chat-status {
    display: flex;
    align-items: center;

    gap: 6px;

    color: #64748b;

    font-size: 11px;

    font-weight: 600;
}


.kbc-chat-status span {
    width: 7px;
    height: 7px;

    display: inline-block;

    border-radius: 50%;

    background: #25D366;

    box-shadow:
        0 0 0 3px rgba(37, 211, 102, 0.10);
}


/* ---------------------------------------------------------
   CONTENT
--------------------------------------------------------- */

.kbc-chat-content {
    position: relative;

    display: flex;

    gap: 12px;

    margin-top: 22px;

    padding: 16px;

    border-radius: 15px;

    background: #f5f8fc;

    border: 1px solid rgba(3, 64, 145, 0.06);

    z-index: 2;
}


.kbc-chat-welcome-icon {
    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: rgba(248, 137, 6, 0.10);

    color: #f88906;

    font-size: 16px;
}


.kbc-chat-welcome {
    min-width: 0;
}


.kbc-chat-welcome h4 {
    margin: 0 0 7px;

    color: #063a65;

    font-size: 14px;

    font-weight: 750;

    line-height: 1.45;
}


.kbc-chat-welcome p {
    margin: 0;

    color: #64748b;

    font-size: 12px;

    line-height: 1.7;
}


/* ---------------------------------------------------------
   WHATSAPP ACTION BUTTON
--------------------------------------------------------- */

.kbc-chat-whatsapp {
    position: relative;

    display: flex;
    align-items: center;

    gap: 12px;

    margin-top: 15px;

    padding: 13px 14px;

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            #25D366,
            #1db954
        );

    color: #ffffff;

    text-decoration: none;

    box-shadow:
        0 10px 25px rgba(37, 211, 102, 0.20);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


.kbc-chat-whatsapp:hover {
    color: #ffffff;

    text-decoration: none;

    transform: translateY(-2px);

    box-shadow:
        0 14px 30px rgba(37, 211, 102, 0.28);
}


/* WhatsApp Button Icon */

.kbc-chat-whatsapp-icon {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: rgba(255, 255, 255, 0.18);

    font-size: 21px;
}


.kbc-chat-whatsapp-text {
    display: flex;

    flex: 1;

    flex-direction: column;

    min-width: 0;
}


.kbc-chat-whatsapp-text strong {
    font-size: 13px;

    font-weight: 800;

    line-height: 1.3;
}


.kbc-chat-whatsapp-text small {
    margin-top: 2px;

    color: rgba(255, 255, 255, 0.82);

    font-size: 10px;

    line-height: 1.3;
}


.kbc-chat-arrow {
    font-size: 13px;

    transition:
        transform 0.25s ease;
}


.kbc-chat-whatsapp:hover .kbc-chat-arrow {
    transform: translateX(4px);
}


/* ---------------------------------------------------------
   FOOTER
--------------------------------------------------------- */

.kbc-chat-footer {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 6px;

    margin-top: 14px;

    color: #94a3b8;

    font-size: 10px;

    font-weight: 600;
}


.kbc-chat-footer i {
    color: #25D366;

    font-size: 11px;
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 575px) {

    .kbc-chat-widget {
        left: 15px;
        bottom: 18px;
    }


    .kbc-chat-trigger {
        width: 52px;
        height: 52px;
    }


    .kbc-chat-trigger i {
        font-size: 43px;
    }


    .kbc-chat-online-dot {
        width: 11px;
        height: 11px;

        right: 3px;
        bottom: 4px;
    }


    .kbc-chat-popup {
        left: 0;
        bottom: 66px;

        width: min(
            360px,
            calc(100vw - 30px)
        );

        padding: 21px;

        border-radius: 19px;
    }


    .kbc-chat-brand-icon {
        width: 52px;
        height: 52px;

        flex-basis: 52px;

        font-size: 25px;
    }


    .kbc-chat-brand-info h3 {
        font-size: 19px;
    }


    .kbc-chat-content {
        margin-top: 18px;

        padding: 14px;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 390px) {

    .kbc-chat-widget {
        left: 12px;
        bottom: 15px;
    }


    .kbc-chat-popup {
        width: calc(100vw - 24px);

        padding: 18px;
    }


    .kbc-chat-content {
        gap: 9px;
    }


    .kbc-chat-welcome h4 {
        font-size: 13px;
    }


    .kbc-chat-welcome p {
        font-size: 11px;
    }

}


/* ---------------------------------------------------------
   ACCESSIBILITY
--------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .kbc-chat-trigger,
    .kbc-chat-trigger i,
    .kbc-chat-online-dot,
    .kbc-chat-popup,
    .kbc-chat-close,
    .kbc-chat-whatsapp,
    .kbc-chat-arrow {
        animation: none !important;

        transition: none !important;
    }

}

/* =========================================================
   ARMIN CONTACT - OUR SERVICES
========================================================= */

.ArminContactServicesSection {
    position: relative;

    padding: 85px 0 95px;

    background: #ffffff;

    overflow: hidden;
}


/* ---------------------------------------------------------
   HEADER
--------------------------------------------------------- */

.ArminContactServicesHeader {
    max-width: 760px;

    margin: 0 auto 48px;

    text-align: center;
}


.ArminContactServicesBadge {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 13px;

    padding: 7px 13px;

    border-radius: 50px;

    background: rgba(3, 64, 145, 0.06);

    color: #034091;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.ArminContactServicesBadge i {
    color: #f88906;

    font-size: 12px;
}


.ArminContactServicesHeader h2 {
    margin: 0;

    color: #063a65;

    font-size: 36px;

    font-weight: 800;

    line-height: 1.2;
}


.ArminContactServicesHeader h2 span {
    color: #034091;
}


.ArminContactServicesHeader p {
    max-width: 680px;

    margin: 14px auto 0;

    color: #6b7a90;

    font-size: 14px;

    line-height: 1.8;
}


/* ---------------------------------------------------------
   SERVICES GRID
--------------------------------------------------------- */

.ArminContactServicesGrid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 24px;
}


/* ---------------------------------------------------------
   SERVICE CARD
--------------------------------------------------------- */

.ArminContactServiceCard {
    position: relative;

    min-height: 315px;

    padding: 30px 28px 27px;

    background: #ffffff;

    border: 1px solid #e9eef5;

    border-radius: 18px;

    box-shadow:
        0 8px 30px rgba(3, 64, 145, 0.055);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


.ArminContactServiceCard:hover {
    transform: translateY(-7px);

    border-color: rgba(3, 64, 145, 0.13);

    box-shadow:
        0 18px 45px rgba(3, 64, 145, 0.12);
}


/* ---------------------------------------------------------
   TOP RIGHT CIRCLE DESIGN
--------------------------------------------------------- */

.ArminContactServiceCircle {
    position: absolute;

    top: -75px;
    right: -75px;

    width: 180px;
    height: 180px;

    border-radius: 50%;

    border: 1px solid rgba(3, 64, 145, 0.07);

    pointer-events: none;

    transition:
        transform 0.45s ease,
        border-color 0.45s ease;
}


.ArminContactServiceCircle::before {
    content: "";

    position: absolute;

    top: 29px;
    left: 29px;

    width: 120px;
    height: 120px;

    border-radius: 50%;

    border: 1px solid rgba(248, 137, 6, 0.08);
}


.ArminContactServiceCircle::after {
    content: "";

    position: absolute;

    top: 59px;
    left: 59px;

    width: 60px;
    height: 60px;

    border-radius: 50%;

    background: rgba(3, 64, 145, 0.025);
}


.ArminContactServiceCard:hover
.ArminContactServiceCircle {
    transform: scale(1.12) rotate(8deg);

    border-color: rgba(3, 64, 145, 0.12);
}


/* ---------------------------------------------------------
   SERVICE ICON
--------------------------------------------------------- */

.ArminContactServiceIcon {
    position: relative;

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 22px;

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            #034091,
            #063a65
        );

    color: #ffffff;

    font-size: 24px;

    box-shadow:
        0 10px 22px rgba(3, 64, 145, 0.17);

    z-index: 2;

    transition:
        transform 0.3s ease,
        background 0.3s ease;
}


.ArminContactServiceCard:hover
.ArminContactServiceIcon {
    transform: translateY(-3px) rotate(-3deg);

    background:
        linear-gradient(
            145deg,
            #f88906,
            #e97800
        );
}


/* ---------------------------------------------------------
   NUMBER
--------------------------------------------------------- */

.ArminContactServiceNumber {
    position: absolute;

    top: 30px;
    right: 27px;

    color: rgba(3, 64, 145, 0.08);

    font-size: 42px;

    font-weight: 900;

    line-height: 1;

    z-index: 1;
}


/* ---------------------------------------------------------
   TITLE
--------------------------------------------------------- */

.ArminContactServiceCard h3 {
    position: relative;

    margin: 0 0 10px;

    color: #063a65;

    font-size: 19px;

    font-weight: 800;

    line-height: 1.35;

    z-index: 2;
}


/* ---------------------------------------------------------
   DESCRIPTION
--------------------------------------------------------- */

.ArminContactServiceCard p {
    position: relative;

    margin: 0;

    min-height: 72px;

    color: #718096;

    font-size: 12.5px;

    line-height: 1.75;

    z-index: 2;
}


/* ---------------------------------------------------------
   SERVICE LINK
--------------------------------------------------------- */

.ArminContactServiceLink {
    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-top: 19px;

    color: #034091;

    font-size: 11px;

    font-weight: 800;

    text-decoration: none;

    z-index: 2;

    transition:
        color 0.25s ease,
        gap 0.25s ease;
}


.ArminContactServiceLink i {
    font-size: 10px;

    transition:
        transform 0.25s ease;
}


.ArminContactServiceLink:hover {
    color: #f88906;

    text-decoration: none;

    gap: 11px;
}


.ArminContactServiceLink:hover i {
    transform: translateX(3px);
}


/* ---------------------------------------------------------
   CARD ACCENT LINE
--------------------------------------------------------- */

.ArminContactServiceCard::after {
    content: "";

    position: absolute;

    left: 28px;
    bottom: 0;

    width: 45px;
    height: 3px;

    border-radius: 10px 10px 0 0;

    background: #f88906;

    transition:
        width 0.35s ease;
}


.ArminContactServiceCard:hover::after {
    width: 90px;
}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 991px) {

    .ArminContactServicesSection {
        padding: 70px 0 75px;
    }


    .ArminContactServicesGrid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 20px;
    }


    .ArminContactServicesHeader {
        margin-bottom: 38px;
    }


    .ArminContactServicesHeader h2 {
        font-size: 31px;
    }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    .ArminContactServicesSection {
        padding: 55px 0 60px;
    }


    .ArminContactServicesHeader {
        margin-bottom: 30px;
    }


    .ArminContactServicesHeader h2 {
        font-size: 27px;
    }


    .ArminContactServicesHeader p {
        font-size: 13px;

        line-height: 1.7;
    }


    .ArminContactServicesGrid {
        grid-template-columns: 1fr;

        gap: 16px;
    }


    .ArminContactServiceCard {
        min-height: auto;

        padding: 25px 23px 23px;
    }


    .ArminContactServiceCard p {
        min-height: auto;
    }


    .ArminContactServiceNumber {
        top: 25px;
        right: 22px;

        font-size: 36px;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 480px) {

    .ArminContactServicesHeader h2 {
        font-size: 24px;
    }


    .ArminContactServicesBadge {
        font-size: 9px;

        letter-spacing: 1.2px;
    }


    .ArminContactServiceIcon {
        width: 53px;
        height: 53px;

        margin-bottom: 18px;

        font-size: 22px;
    }


    .ArminContactServiceCard h3 {
        font-size: 17px;
    }

}


/* =========================================================
   KBC RESULT BOX — PREMIUM BOTTOM RIGHT GRAPHIC
   این بخش را در آخرین قسمت CSS قرار دهید
   ========================================================= */

.kbc-home-domain-result {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    box-shadow:
        0 15px 45px rgba(3, 64, 145, 0.10),
        0 3px 12px rgba(3, 64, 145, 0.05) !important;
}

/* حذف کامل دایره‌های قبلی */
.kbc-home-domain-result::before,
.kbc-home-domain-result::after {
    content: "" !important;
    position: absolute !important;
    pointer-events: none !important;
    z-index: 0 !important;
    display: block !important;
}

/* دایره بزرگ پایین راست */
.kbc-home-domain-result::before {
    width: 230px !important;
    height: 230px !important;
    right: -125px !important;
    bottom: -125px !important;

    border-radius: 50% !important;

    border: 2px solid rgba(3, 64, 145, 0.10) !important;

    background:
        radial-gradient(
            circle at center,
            rgba(3, 64, 145, 0.025) 0%,
            rgba(3, 64, 145, 0.025) 42%,
            transparent 43%
        ) !important;

    transform: rotate(-15deg) !important;
}

/* دایره نارنجی داخلی */
.kbc-home-domain-result::after {
    width: 125px !important;
    height: 125px !important;
    right: -62px !important;
    bottom: -62px !important;

    border-radius: 50% !important;

    border: 2px solid rgba(248, 137, 6, 0.22) !important;

    background:
        radial-gradient(
            circle at center,
            rgba(248, 137, 6, 0.08) 0%,
            rgba(248, 137, 6, 0.08) 3px,
            transparent 4px
        ) !important;
}

/* محتویات Result بالای گرافیک قرار بگیرند */
.kbc-home-domain-result > * {
    position: relative !important;
    z-index: 5 !important;
}

/* نقطه‌های گرافیکی کوچک */
.kbc-home-domain-result .kbc-home-domain-result-content::before {
    content: "" !important;
    position: absolute !important;
    width: 7px !important;
    height: 7px !important;
    right: 22px !important;
    bottom: -13px !important;
    border-radius: 50% !important;
    background: #f88906 !important;
    box-shadow:
        14px 8px 0 rgba(3, 64, 145, 0.18),
        27px -2px 0 rgba(248, 137, 6, 0.18) !important;
    opacity: .9 !important;
}

/* دایره کوچک کنار دکمه */
.kbc-home-domain-result .kbc-home-domain-result-btn {
    position: relative !important;
    z-index: 10 !important;
}

/* افکت Hover */
.kbc-home-domain-result:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 20px 55px rgba(3, 64, 145, 0.14),
        0 5px 18px rgba(3, 64, 145, 0.07) !important;
}

/* حرکت بسیار ظریف دایره‌ها */
.kbc-home-domain-result:hover::before {
    transform: rotate(8deg) scale(1.04) !important;
    transition: transform .6s ease !important;
}

.kbc-home-domain-result:hover::after {
    transform: scale(1.08) !important;
    transition: transform .6s ease !important;
}


/* =========================================================
   AVAILABLE
   ========================================================= */

.kbc-home-domain-result.kbc-home-domain-available::before {
    border-color: rgba(25, 135, 84, 0.14) !important;
}

.kbc-home-domain-result.kbc-home-domain-available::after {
    border-color: rgba(25, 135, 84, 0.20) !important;
}


/* =========================================================
   REGISTERED
   ========================================================= */

.kbc-home-domain-result.kbc-home-domain-registered::before {
    border-color: rgba(3, 64, 145, 0.12) !important;
}

.kbc-home-domain-result.kbc-home-domain-registered::after {
    border-color: rgba(248, 137, 6, 0.24) !important;
}


/* =========================================================
   ERROR
   ========================================================= */

.kbc-home-domain-result.kbc-home-domain-error::before {
    border-color: rgba(220, 53, 69, 0.12) !important;
}

.kbc-home-domain-result.kbc-home-domain-error::after {
    border-color: rgba(220, 53, 69, 0.20) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .kbc-home-domain-result {
        border-radius: 18px !important;
    }

    .kbc-home-domain-result::before {
        width: 170px !important;
        height: 170px !important;
        right: -95px !important;
        bottom: -95px !important;
    }

    .kbc-home-domain-result::after {
        width: 95px !important;
        height: 95px !important;
        right: -48px !important;
        bottom: -48px !important;
    }

    .kbc-home-domain-result .kbc-home-domain-result-content::before {
        display: none !important;
    }
}