/* ==========================================================================
   POPPINS — öz serverimizdə (self-hosted)
   Əvvəl 3 ayrı Google Fonts sorğusu vardı (Poppins, Inter, Nunito Sans).
   İndi tək ailə, xarici host yoxdur, 800 çəkisi də daxildir.
   ========================================================================== */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/poppins/poppins-400-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/poppins/poppins-400-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/poppins/poppins-500-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/poppins/poppins-500-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/poppins/poppins-600-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/poppins/poppins-600-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/poppins/poppins-700-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/poppins/poppins-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/poppins/poppins-800-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/poppins/poppins-800-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
@File: Conzio Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
** - DEFAULT AREA STYLE - **

** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style

** - HOME PAGE STYLE - **

** - Top Header Area Style
** - Nav Area Style
** - Mobile Nav Area Style
** - Hero Slider Area Style
** - Who We Are Content Area Style
** - Feathers Area Style
** - Service Area Style
** - Counter Area Style
** - Featured Area Style
** - Price Area Style
** - Skill Area Style
** - Partner Area Style
** - Testimonials Area Style
** - Blog Area Style
** - Subscribe Area Style
** - Footer Top Area Style
** - Footer Bottom Area Style
** - Sidebar Area Style

** - OTHER STYLE AREA - **

** - Preloader Area Style
** - Go Top Style
** - Video wave Style
** - Section Title Area Style
** - Nice select Area

*******************************************
/*

/*
Default Style
============================*/

:root {
    --body-family: "Poppins", sans-serif;
    --button-and-icon-bg-color: #347BB3;
    --main-color: #134270;
    --orange-color: #134270;
    --body-color: #555555;
    --heading-color: #0086b7;
    --white-color: #ffffff;
    --black-color: #000000;
    --font-size: 16px;
    --transition: all ease .5s;
    --border-radius: 5px;
    --box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

html {
    overflow-x: hidden;
}

body {
    font-family: var(--body-family);
    overflow-x: hidden;
    background: #F9F9F9D9;
}

.row {
    margin: 0;
}

a {
    display: inline-block;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    text-decoration: none;
    color: var(--body-color);
}

a:hover {
    text-decoration: none;
    color: var(--main-color);
}

a:focus {
    text-decoration: none;
}

button {
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--main-color);
    font-weight: 700;
}

h3 {
    font-size: 24px;
}

.d-table {
    width: 100%;
    height: 100%;
}

.d-table-cell {
    vertical-align: middle;
}

p {
    font-size: var(--font-size);
    margin-bottom: 15px;
    line-height: 1.8;
}

p:last-child {
    margin-bottom: 0;
}

img {
    max-width: 100%;
    height: auto;
}

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

.form-control {
    height: 50px;
    color: var(--main-color);
    border: 1px solid #ebebeb;
    background-color: #f7f7f7;
    border-radius: 0;
    font-size: 16px;
    padding: 10px 20px;
    width: 100%;
}

.form-control::-webkit-input-placeholder {
    color: var(--main-color);
}

.form-control:-ms-input-placeholder {
    color: var(--main-color);
}

.form-control::-ms-input-placeholder {
    color: var(--main-color);
}

.form-control::placeholder {
    color: var(--main-color);
}

.form-control:focus {
    color: var(--black-color);
    background-color: transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    outline: 0;
    border: 1px solid var(--main-color);
}

.form-control:hover:focus,
.form-control:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

textarea.form-control {
    height: auto;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

/*====================================================
Progress bar and Scroll Bar
======================================================*/
.bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: transparent;
    z-index: 9999;
    transition: var(--transition);
}

.bar--progress {
    position: absolute;
    width: 0%;
    height: 5px;
    background: var(--orange-color);
    transition: 0.25s ease-in-out;
}

/*
Bg-color Style*/
.ebeef5-bg-color {
    background-color: #ebeef5;
}

.f5f6fa-bg-color {
    background-color: #f5f6fa;
}

/*
Default Btn Area Style*/
.default-btn {
    font-size: 16px;
    color: var(--white-color);
    padding: 15px 40px;
    line-height: 1;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    text-align: center;
    background-color: var(--main-color);
    border-radius: var(--border-radius);
    border: 1px solid var(--main-color);
    text-transform: capitalize;
}

.default-btn:hover {
    color: var(--main-color);
    border-color: var(--main-color) !important;
    background-color: transparent;
}

/*====================================================
OTHERS STYLE AREA
======================================================*/
/*
Preloader Area Style*/
.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: hidden;
    z-index: 9999;
    background-color: var(--white-color);
}

.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    -webkit-animation: spin 1.7s linear infinite;
    animation: spin 1.7s linear infinite;
    z-index: 11;
}

.loaded .loader-wrapper {
    visibility: hidden;
    /*-webkit-transform: translateY(-100%);*/
    /*transform: translateY(-100%);*/
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

.loaded .loader-wrapper .loader-section.section-left {
    /*-webkit-transform: translateX(-100%);*/
    /*transform: translateX(-100%);*/
    -webkit-transition: all 0.3s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded .loader-wrapper .loader-section.section-right {
    /*-webkit-transform: translateX(100%);*/
    /*transform: translateX(100%);*/
    -webkit-transition: all 0.3s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded .loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dot-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/*
Go Top Style*/
.go-top {
    position: fixed;
    cursor: pointer;
    top: 88%;
    right: -10%;
    background-color: var(--main-color);
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .9s;
    transition: .9s;
}

.go-top i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    color: var(--white-color);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 20px;
}

.go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%;
}

.go-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--orange-color);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.go-top:hover {
    color: var(--white-color);
    background-color: var(--orange-color);
}

.go-top:hover::before {
    opacity: 1;
    visibility: visible;
}

.go-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden;
}

.go-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

.go-top:focus {
    color: var(--white-color);
}

.go-top:focus::before {
    opacity: 1;
    visibility: visible;
}

.go-top:focus i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden;
}

.go-top:focus i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

.go-top.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    right: 3%;
    top: 86%;
}

/* Read more */
.read-more {
    background: linear-gradient(90deg, #347BB3 50%, #e7eff6 0) var(--_p, 100%)/200% no-repeat;
    text-align: center;
    border-radius: 14px;
    cursor: pointer;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--button-and-icon-bg-color);
    margin-right: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;

}

.read-more:hover {
    --_p: 0%;
    color: var(--main-color);
}

@media only screen and (max-width: 1400px) {
    .read-more {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 1200px) {

}


/* End read more */

/* Owl Nav and Owl dots */
.owl-nav,
.owl-dots {
    display: none;
}

/* Scrollbar */

/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--main-color);
    border-radius: 5px;

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--main-color);
}

/* Same Components */


.section-title {
    font-weight: 700;
    font-size: 38px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.section-inline {
    width: 182px;
    display: none;
    height: 3px;
    background: rgb(52, 123, 179);
    background: linear-gradient(90deg, rgba(52, 123, 179, 1) 50%, rgba(252, 110, 39, 1) 50%);
    margin-bottom: 36px;
}

@media only screen and (max-width: 1400px) {
    .section-title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 1200px) {
    .section-title {
        text-align: center;
    }

    .section-inline {
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .section-title {
        font-size: 20px;
    }
}

/* Main */

main {
    margin-top: 50px;
}

.main-title-container {
    text-align: center;
}

.main-text {
    margin-bottom: 10px;
    color: var(--orange-color);
    font-size: 24px;
    font-weight: 400;

}


.main-title {
    font-size: clamp(30px, 3.5vw, 50px);
    font-weight: 700;
    line-height: 1.15;
}

.main-title span {
    color: var(--orange-color);
}

.main-title-container .section-inline {
    margin: 0 auto;
    margin-top: 30px;
}

.main-title-info a,
.main-title-info span {
    font-family: var(--body-family);
    font-size: 18px;
    font-weight: 400;
    color: var(--button-and-icon-bg-color);
}

.main-title-info span:last-child {
    color: var(--orange-color);
}

.main-body-container {
    margin-top: 80px;
}


@media only screen and (max-width: 1200px) {
    main {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 576px) {
    .main-text {
        font-size: 18px;
    }

    .main-title {
        font-size: 25px;
        margin-top: 10px;
    }
}

.nav-carousel {
    position: relative;
}

.nav-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: -4%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 108%;
    pointer-events: none;
    z-index: 10;
}

.nav-carousel .owl-nav button {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    font-size: 24px;
    height: 24px;
    width: 20px;
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

/* ===== IST Home Bunny Stream Video Hero — v3 final ===== */

.header-slider {
    position: relative !important;
    min-height: 720px;
    height: 82vh;
    overflow: hidden;
    background: #081f33;
}

/* Desktop hero menu - bütün ekranlarda içəri yığılır */
.header-slider > .navbar.menu {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    z-index: 40 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 18px 34px !important;
    overflow: visible !important;
}

.header-slider > .navbar.menu .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.header-slider > .navbar.menu .navbar-collapse {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    overflow: visible !important;
}

.header-slider > .navbar.menu .navbar-nav {
    width: 100% !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(7px, 0.75vw, 14px) !important;
}

.header-slider > .navbar.menu .navbar-nav .nav-item {
    flex: 0 0 auto !important;
}

.header-slider > .navbar.menu .navbar-nav .nav-link {
    white-space: nowrap !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: clamp(12px, 0.95vw, 16px) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.header-slider > .navbar.menu .dropdown-toggle::after {
    margin-left: 5px !important;
}

/* Search və imtahan düyməsi sıxlaşdırılır */
.header-slider > .navbar.menu .search-item {
    flex: 0 0 auto !important;
}

.header-slider > .navbar.menu .search-box {
    width: clamp(118px, 9vw, 158px) !important;
    min-width: clamp(118px, 9vw, 158px) !important;
    height: 48px !important;
}

.header-slider > .navbar.menu .search-input {
    width: calc(100% - 34px) !important;
    height: 48px !important;
    font-size: clamp(12px, 0.9vw, 15px) !important;
    padding-left: 12px !important;
    padding-right: 8px !important;
}

.header-slider > .navbar.menu .search-btn {
    width: 34px !important;
    min-width: 34px !important;
}

.header-slider > .navbar.menu .exam-btn-anim {
    min-width: clamp(104px, 8.3vw, 142px) !important;
    height: 54px !important;
    padding-left: clamp(15px, 1.5vw, 25px) !important;
    padding-right: clamp(15px, 1.5vw, 25px) !important;
    font-size: clamp(13px, 1vw, 17px) !important;
    border-radius: 16px !important;
    margin-right: 0 !important;
}

/* Video */
.hero-video-section {
    position: absolute;
    inset: 0;
    z-index: 1;
    min-height: 720px;
    height: 100%;
    overflow: hidden;
}

.hero-bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.02);
    background: #081f33;
    filter: brightness(1.08) saturate(1.05);
}

/* Daha açıq overlay */
.hero-video-shade {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(8, 31, 51, .48) 0%, rgba(8, 31, 51, .25) 44%, rgba(8, 31, 51, .08) 100%),
        linear-gradient(180deg, rgba(8, 31, 51, .18) 0%, rgba(8, 31, 51, .06) 48%, rgba(8, 31, 51, .34) 100%);
}

.hero-video-section .hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    pointer-events: none;
    padding-top: 105px;
}

.hero-video-section .hero-inner,
.hero-video-section .hero-card,
.hero-video-section .hero-actions,
.hero-video-section .hero-btn {
    pointer-events: auto;
}

.hero-video-section .hero-card {
    max-width: 680px;
    padding-top: 70px;
}

.hero-main-title {
    color: #fff !important;
    font-size: clamp(34px, 3.3vw, 58px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -1.2px;
    margin-bottom: 20px;
    text-transform: none;
    text-shadow: 0 16px 40px rgba(0, 0, 0, .34);
}

.hero-main-text {
    max-width: 620px;
    color: rgba(255, 255, 255, .92) !important;
    font-size: clamp(15px, 1.1vw, 19px);
    font-weight: 500;
    line-height: 1.75;
    margin-bottom: 30px;
    text-shadow: 0 10px 32px rgba(0, 0, 0, .28);
}

.hero-video-section .hero-actions {
    margin-top: 0;
}

.hero-video-section .hero-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 58px;
    padding: 17px 30px !important;
    border-radius: 15px;
    background: #347BB3 !important;
    color: #fff !important;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 20px 48px rgba(0, 0, 0, .24);
    border: 1px solid rgba(255, 255, 255, .25);
}

.hero-video-section .hero-btn:hover {
    background: #fff !important;
    color: #134270 !important;
    transform: translateY(-2px);
}

.hero-video-section .hero-btn-icon {
    font-size: 26px;
    line-height: 0;
    margin-top: -2px;
}

/* Sound button */
.hero-sound-toggle {
    position: absolute;
    right: 28px;
    bottom: 34px;
    z-index: 12;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 11px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .28);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: all .25s ease;
}

.hero-sound-toggle:hover {
    background: rgba(255, 255, 255, .25);
    transform: translateY(-2px);
}

.hero-sound-toggle i {
    font-size: 15px;
}

/* 1366 və notebook ekranları */
@media only screen and (max-width: 1399px) {
    .header-slider > .navbar.menu {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .header-slider > .navbar.menu .navbar-nav {
        gap: 9px !important;
    }

    .header-slider > .navbar.menu .navbar-nav .nav-link {
        font-size: 13.5px !important;
    }

    .header-slider > .navbar.menu .search-box {
        width: 118px !important;
        min-width: 118px !important;
    }

    .header-slider > .navbar.menu .search-input {
        font-size: 12px !important;
        padding-left: 10px !important;
    }

    .header-slider > .navbar.menu .exam-btn-anim {
        min-width: 108px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 14px !important;
    }
}

/* 1200-ə yaxın ekranlarda daha kompakt */
@media only screen and (max-width: 1199px) {
    .header-slider > .navbar.menu {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .header-slider > .navbar.menu .navbar-nav {
        gap: 7px !important;
    }

    .header-slider > .navbar.menu .navbar-nav .nav-link {
        font-size: 12px !important;
    }

    .header-slider > .navbar.menu .dropdown-toggle::after {
        margin-left: 3px !important;
    }

    .header-slider > .navbar.menu .search-box {
        width: 46px !important;
        min-width: 46px !important;
        border-radius: 12px !important;
    }

    .header-slider > .navbar.menu .search-input {
        display: none !important;
    }

    .header-slider > .navbar.menu .search-btn {
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .header-slider > .navbar.menu .exam-btn-anim {
        min-width: 94px !important;
        height: 46px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 13px !important;
    }
}

/* Mobil/tablet - üst menu artıq mobil navbardadır */
@media only screen and (max-width: 991px) {
    .header-slider,
    .hero-video-section {
        min-height: 620px;
        height: 74vh;
    }

    .header-slider > .navbar.menu {
        display: none !important;
    }

    .hero-video-section .hero-overlay {
        padding-top: 0;
    }

    .hero-video-section .hero-card {
        padding-top: 0;
    }

    .hero-main-title {
        font-size: 34px;
    }

    .hero-main-text {
        font-size: 15px;
    }
}

@media only screen and (max-width: 576px) {
    .header-slider,
    .hero-video-section {
        min-height: 560px;
        height: 72vh;
    }

    .hero-main-title {
        font-size: 27px;
        letter-spacing: -0.5px;
    }

    .hero-main-text {
        font-size: 14px;
        line-height: 1.65;
        margin-bottom: 24px;
    }

    .hero-video-section .hero-btn {
        min-height: 50px;
        padding: 14px 22px !important;
        font-size: 15px;
    }

    .hero-sound-toggle {
        right: 16px;
        bottom: 18px;
        padding: 10px 13px;
        font-size: 13px;
    }
}

/* ==========================================================================
   IST DİZAYN SİSTEMİ
   Vahid token qatı — rəng, radius, kölgə, spacing, tipoqrafiya.
   Mövcud qaydaların üzərinə əlavə olunur, heç biri silinmir.
   ========================================================================== */

:root {
    /* --- Brend rəngləri --- */
    --ist-navy-900: #0b2947;
    --ist-navy-800: #134270;
    --ist-navy-700: #1b5490;
    --ist-blue-600: #347bb3;
    --ist-blue-500: #4a90c9;
    --ist-blue-100: #e7eff6;
    --ist-blue-50:  #f4f8fb;

    /* --- Neytral şkala --- */
    --ist-ink:     #16202c;
    --ist-body:    #55606d;
    --ist-muted:   #6b7785;
    --ist-line:    #e3e8ef;
    --ist-surface: #ffffff;
    --ist-bg:      #f7f9fb;

    /* --- Radius şkalası (19 fərqli dəyər → 5) --- */
    --r-sm:   8px;
    --r-md:   12px;
    --r-lg:   16px;
    --r-xl:   22px;
    --r-pill: 999px;

    /* --- Kölgə şkalası --- */
    --sh-sm:    0 1px 2px rgba(11, 41, 71, .06), 0 2px 6px rgba(11, 41, 71, .05);
    --sh-md:    0 4px 10px rgba(11, 41, 71, .06), 0 12px 28px rgba(11, 41, 71, .08);
    --sh-lg:    0 10px 24px rgba(11, 41, 71, .09), 0 24px 56px rgba(11, 41, 71, .12);
    --sh-brand: 0 12px 30px rgba(52, 123, 179, .28);

    /* --- Spacing şkalası --- */
    --s-1: 4px;
    --s-2: 8px;
    --s-3: 12px;
    --s-4: 16px;
    --s-5: 24px;
    --s-6: 32px;
    --s-7: 48px;
    --s-8: 64px;
    --s-9: 96px;

    /* --- Tipoqrafiya şkalası --- */
    --t-display: clamp(34px, 3.3vw, 58px);
    --t-h1:      clamp(28px, 2.5vw, 44px);
    --t-h2:      clamp(26px, 2.4vw, 38px);
    --t-h3:      clamp(20px, 1.7vw, 28px);
    --t-body:    16px;
    --t-small:   14px;

    /* --- Bölmə ritmi (60/70/80/100/120/138/150px → tək şkala) --- */
    --sec-y:    clamp(56px, 6vw, 104px);
    --sec-y-sm: clamp(40px, 4vw, 68px);

    /* --- Hərəkət --- */
    --ease:     cubic-bezier(.4, 0, .2, 1);
    --dur-fast: .18s;
    --dur-base: .28s;
}

/* --------------------------------------------------------------------------
   Bölmə başlıqları
   -------------------------------------------------------------------------- */

.section-title {
    font-size: var(--t-h2);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.4px;
    color: var(--ist-navy-800);
    margin-bottom: var(--s-5);
}

/* --------------------------------------------------------------------------
   Kartlar — vahid radius, kölgə və hover davranışı
   -------------------------------------------------------------------------- */

.helpers-item,
.useful-link-item,
.trainings-item,
.service-item {
    border-radius: var(--r-lg);
    background: var(--ist-surface);
    overflow: hidden;
    box-shadow: var(--sh-sm);
    transition: transform var(--dur-base) var(--ease),
                box-shadow var(--dur-base) var(--ease);
}

.helpers-item:hover,
.useful-link-item:hover,
.trainings-item:hover,
.service-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--sh-lg);
}

.helpers-item-img,
.helpers-item-img img {
    border-radius: var(--r-lg) var(--r-lg) 0 0;
}

/* Kart daxili boşluqlar — səth verildiyi üçün mətn kənara yapışmamalıdır */
.helpers-item .helpers-item-body {
    padding: var(--s-4) var(--s-5) var(--s-5);
    margin-top: 0 !important;
}

.helpers-item .helpers-item-body h4,
.helpers-item .helpers-item-body h6 {
    margin-top: 0;
    margin-bottom: var(--s-2);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ist-navy-800);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.helpers-item .helpers-item-body p {
    margin-bottom: 0;
    font-size: var(--t-small);
    line-height: 1.6;
    color: var(--ist-muted);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Karusel elementləri eyni hündürlükdə olsun */
.helpers-carousel .owl-stage,
.helpers-carousel .item,
.helpers-carousel .helpers-item {
    height: 100%;
}

.helpers-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.helpers-item {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* --------------------------------------------------------------------------
   İkincili düymələr ("Daha ətraflı" tipli)
   -------------------------------------------------------------------------- */

.read-more {
    display: inline-flex;
    align-items: center;
    gap: var(--s-2);
    border-radius: var(--r-pill);
    font-weight: 600;
    color: var(--ist-blue-600);
    transition: gap var(--dur-fast) var(--ease),
                color var(--dur-fast) var(--ease);
}

.read-more:hover {
    gap: var(--s-3);
    color: var(--ist-navy-800);
}

/* --------------------------------------------------------------------------
   Fokus görünüşü — klaviatura ilə naviqasiya üçün (əlçatanlıq)
   -------------------------------------------------------------------------- */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--ist-blue-600);
    outline-offset: 2px;
    border-radius: var(--r-sm);
}

/* --------------------------------------------------------------------------
   Hərəkət azaldılması tələb olunanda animasiyaları söndür
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}


/* --------------------------------------------------------------------------
   Mərkəzləşdirilmiş başlıq konteynerində uzun mətn
   Mətn 1296px enində və mərkəzə düzülmüş idi — sətir uzunluğu 150+ simvol.
   Oxunaqlı sütuna salırıq və sola düzürük.
   -------------------------------------------------------------------------- */

.main-title-container .post-content {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* ==========================================================================
   CKEDITOR MƏZMUNU — paylaşılan komponent
   Məqalə, təlim, xidmət, təchizat — CKEditor-dan gələn bütün mətnlər üçün.
   Əvvəl yalnız news.css-də idi, ona görə digər səhifələrdə tətbiq olunmurdu.
   ========================================================================== */

:root {
    --post-text:   #2b3440;
    --post-muted:  #6b7785;
    --post-border: #e3e8ef;
    --post-accent: var(--ist-blue-600);
    --post-heading: var(--ist-navy-800);
}

/* ---------- CKEditor məzmunu ---------- */

.post-content {
    font-size: 17px;
    line-height: 1.75;
    color: var(--post-text, #2b3440);
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* CKEditor-dan gələn inline font/rəng təyinatlarını neytrallaşdırırıq —
   məqalə daxilində fontun qeyri-stabil görünməsinin əsas səbəbi budur */
.post-content [style*="font-family"],
.post-content font[face] {
    font-family: var(--body-family, "Poppins", sans-serif) !important;
}

.post-content [style*="font-size"],
.post-content font[size] {
    font-size: inherit !important;
}

.post-content span[style*="background-color"] {
    background-color: transparent !important;
}

.post-content p,
.post-content li {
    /* qlobal `p { font-size: 16px }` qaydasını neytrallaşdırırıq —
       ölçü .post-content-dən irsiyyətlə gəlməlidir */
    font-size: inherit;
}

.post-content p {
    margin: 0 0 20px;
}

.post-content p:last-child {
    margin-bottom: 0;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    color: var(--post-heading, #134270);
    font-weight: 700;
    line-height: 1.3;
    margin: 40px 0 16px;
    scroll-margin-top: 100px;
}

.post-content > :first-child {
    margin-top: 0;
}

.post-content h2 { font-size: 28px; }
.post-content h3 { font-size: 23px; }
.post-content h4 { font-size: 20px; }
.post-content h5,
.post-content h6 { font-size: 18px; }

.post-content a {
    color: var(--post-accent, #347BB3);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .25s ease;
}

.post-content a:hover {
    color: var(--post-heading, #134270);
}

.post-content strong,
.post-content b {
    font-weight: 600;
    color: var(--post-heading, #134270);
}

.post-content ul,
.post-content ol {
    margin: 0 0 20px;
    padding-left: 24px;
}

.post-content li {
    margin-bottom: 10px;
    padding-left: 4px;
}

.post-content li:last-child {
    margin-bottom: 0;
}

.post-content ul {
    list-style: none;
    padding-left: 4px;
}

.post-content ul > li {
    position: relative;
    padding-left: 26px;
}

.post-content ul > li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 12px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--post-accent, #347BB3);
}

.post-content ul ul,
.post-content ol ol,
.post-content ul ol,
.post-content ol ul {
    margin: 10px 0 0;
}

.post-content blockquote {
    margin: 28px 0;
    padding: 20px 26px;
    border-left: 4px solid var(--post-accent, #347BB3);
    background: #f4f8fb;
    border-radius: 0 10px 10px 0;
    font-size: 18px;
    line-height: 1.7;
    color: var(--post-heading, #134270);
    font-style: normal;
}

.post-content blockquote p:last-child {
    margin-bottom: 0;
}

.post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 10px 0;
}

.post-content figure {
    max-width: 100%;
    margin: 28px 0;
}

.post-content figure figcaption {
    margin-top: 10px;
    font-size: 14px;
    color: var(--post-muted, #6b7785);
    text-align: center;
}

.post-content iframe,
.post-content video {
    max-width: 100%;
    border-radius: 12px;
}

.post-content hr {
    margin: 36px 0;
    border: 0;
    border-top: 1px solid var(--post-border, #e3e8ef);
}

/* ---------- CKEditor cədvəlləri ---------- */

/* JS ilə hər cədvəlin ətrafına əlavə olunan scroll konteyneri */
.post-table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 28px 0;
    border: 1px solid var(--post-border, #e3e8ef);
    border-radius: 12px;
    background: #fff;
}

.post-table-scroll::-webkit-scrollbar {
    height: 8px;
}

.post-table-scroll::-webkit-scrollbar-thumb {
    background: #c8d2dd;
    border-radius: 8px;
}

.post-content table {
    width: 100% !important;
    min-width: 520px;
    height: auto !important;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 15px;
    line-height: 1.6;
    background: #fff;
}

/* Cədvəl daxilində scroll konteyneri olmayan hallar üçün ehtiyat */
.post-content > table {
    margin: 28px 0;
}

.post-content table th,
.post-content table td {
    padding: 12px 16px;
    border: 1px solid var(--post-border, #e3e8ef);
    text-align: left;
    vertical-align: top;
    width: auto !important;
    height: auto !important;
    word-break: normal;
    overflow-wrap: break-word;
}

.post-content table th,
.post-content table thead td {
    background: #f4f8fb;
    color: var(--post-heading, #134270);
    font-weight: 600;
}

.post-content table tbody tr:nth-child(even) td {
    background: #fafbfc;
}

.post-content table p {
    margin: 0;
}

.post-content table td[style*="width"],
.post-content table th[style*="width"],
.post-content table[style*="width"] {
    width: auto !important;
}


@media only screen and (max-width: 576px) {
    .post-content {
        font-size: 16px;
        line-height: 1.7;
    }

    .post-content h2 { font-size: 22px; }
    .post-content h3 { font-size: 19px; }
    .post-content h4 { font-size: 17px; }

    .post-content h1,
    .post-content h2,
    .post-content h3,
    .post-content h4,
    .post-content h5,
    .post-content h6 {
        margin: 28px 0 12px;
    }

    .post-content blockquote {
        margin: 20px 0;
        padding: 16px 18px;
        font-size: 16px;
    }

    .post-table-scroll {
        margin: 20px 0;
        border-radius: 10px;
    }

    .post-content table {
        font-size: 14px;
        min-width: 480px;
    }

    .post-content table th,
    .post-content table td {
        padding: 10px 12px;
    }

}