/* Education */

.education-container .education-information {
    font-weight: 300;
    color: #979797;
    font-size: 25px;
    line-height: 1.4;
    text-align: left !important;
    width: 456px;
    margin-bottom: 50px;
}

/* Education Links */
.education-links {
    display: flex;
    align-items: center;
}

.education-links .read-more {
    width: 195px;
    height: 60px;
}


/* Education Item */
.education-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.education-item-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid var(--button-and-icon-bg-color);
    margin-right: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.education-item-img img {
    object-fit: cover;
}

.education-item-info {
    width: 250px;
}

.education-item h4 {
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--orange-color);
    font-size: 23px;
}

.education-item p {
    font-weight: 400;
    font-size: 14px;
    color: #767272;
}


/* Helpers */
.helpers-section {
    margin-top: 100px;
    position: relative;
}

.helpers-top {
    text-align: center;
    margin-bottom: 20px;
}

.helpers-item-img {
    width: 100%;
    height: 235px;
    border-radius: 16px 16px 0px 0px;
}

.helpers-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px 16px 0px 0px;

}

.helpers-item {
    width: 286px;
}

.helpers-title {
    font-weight: 400;
    color: var(--orange-color);
    font-size: 28px;
}

.helpers-top .section-inline {
    margin: 0 auto;
}

.helpers-look-all {
    border-bottom: 1px solid var(--orange-color);
    color: var(--orange-color);
    font-weight: 500;
    font-size: 23px;
    margin-bottom: 30px;
}

.helpers-section .read-more {
    width: 172px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    padding: 13px 0;
    border: 1px solid var(--main-color);
    border-radius: 16px;
    margin-right: 0;
    margin-left: auto;
    margin-top: 40px;
}

.helpers-section .read-more img {
    width: 32px !important;
    height: 32px;
    object-fit: cover;
}

.helpers-item-body h4 {
    font-weight: 700;
    color: #122036;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.helpers-item-body p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
}


/* Affairs */
#affairs {
    margin-top: 138px;
}

.affairs-container .section-title {
    width: 725px;
}

/* affairs-tab-left */
.affairs-tab-left .tab-content .tab-pane {
    width: 600px;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    text-align: justify;
}

.affairs-tab-left .nav-pills .nav-link {
    font-weight: 500;
    color: #979797;
    font-size: 18px;
    margin-right: 30px;
    padding-left: 0;

}

.affairs-tab-left .nav-pills .nav-link.active {
    background-color: transparent;
    padding-left: 0;
}


/* affairss-tab right */
.affairs-tab-right {
    width: 550px;
    height: 386px;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 15px;

}

.affairs-video {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 15px;

}

.affairs-video img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 15px;
}


/* customers-answer */
#customers-answer {
    margin-top: 150px;
    background-color: #f2f9fe;
    padding: 100px 0;
}

#customers-answer .helpers-title {
    color: #979797;
}

#customers-answer .section-title span,
#useful-links .section-title span {
    color: var(--orange-color);
}

/* customer-answer-item */
.customer-answer-item {
    width: 400px;
    height: 210px;
    background-color: var(--white-color);
    padding: 20px 50px;
    font-family: "Inter", sans-serif;
}

.customer-answer-item-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #6F7EA1;
    margin-bottom: 15px;
}

.customer-answer-item-user-info {
    display: flex;
    align-items: center;
}

.customer-answer-item-user-info span {
    background-color: #6F7EA1;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 8px;
}

.customer-answer-item-user {
    font-weight: 600;
    font-size: 14px;
    color: #001C5B;
    margin-bottom: 0;
}

.customer-answer-item-job {
    font-weight: 400;
    font-size: 14px;
    color: #6F7EA1;
}

.customer-answer-item-stars {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.customer-answer-item-stars img {
    width: 22px !important;
    height: 22px;
    object-fit: cover;
    margin-right: 5px;
}

.customers-answer-bottom .owl-dots {
    display: block !important;
    text-align: left;
    margin-top: 20px;
}

.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #347BB3;
    width: 10px;
    height: 10px;
    opacity: 0.5;
    margin-right: 1px;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 18px;
    height: 10px;
    opacity: 1;
    background-color: #347BB3;
}

/* useful-links */
#useful-links {
    margin-top: 150px;
}

.useful-link-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.useful-link-item img {
    max-height: 80px;
    width: auto;
    transition: .3s all ease-in-out;
    object-fit: contain;
}

.useful-link-item img:hover {
    filter: grayscale(0);
}

/*News*/

.news-left {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 650px;
    border-radius: 16px;
    padding: 33px 50px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.news-left-top {
    display: flex;
    align-items: center;
}

.news-date, .news-view {
    display: flex;
    align-items: center;
}

.news-view {
    margin-left: 46px;
}

.news-date img, .news-view img {
    margin-right: 10px;
}

.news-date span, .news-view span {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff;
}

.news-left-top {
    width: 500px;
}

.news-left-title {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    color: #fff;
    margin: 16px 0 8px 0;
}

.news-left-text {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 17.32px;
    text-align: left;
    color: #fff;
}

.news-left-more {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 60px;
}

.news-left-more span {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
}

.news-right-title {
    margin: 16px 0;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.85px;
    text-align: left;
    color: #122036;
}

.news-right-img {
    height: 195px;
    border-radius: 10px;
}

.news-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    filter: grayscale(1);
    transition: .3s all ease-in-out;
}

.news-right-container:hover > .news-right-img img {
    filter: grayscale(0);
}

.news-right-container {
    margin-bottom: 40px;
    width: 100%;
}

.news-right-container .news-date span {
    color: #122036;

}

.news-right-container .news-date img {
    filter: brightness(0);
}

.news-container .read-more {
    width: 172px;
    background: transparent;
    border: 1px solid #347BB3;
    border-radius: 10px;
    padding: 13px;
    margin-right: 0;
    margin-left: auto;
}

/* Subscribe */
#subscribe {
    margin-top: 50px;
    background-color: var(--button-and-icon-bg-color);
    padding: 100px 0;
    position: relative;
}

.subscribe-container {
    text-align: center;

}

.subscribe-title {
    font-size: 56px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: var(--white-color);
    margin-bottom: 25px;
}

.subscribe-text {
    width: 580px;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.01em;
    color: var(--white-color);
    margin: 0 auto;
}


.subscribe-info {
    position: absolute;
    bottom: -15%;
    left: 50%;
    transform: translateX(-50%);
    width: 698px;
    height: 103px;
    border-radius: 20px;
    background-color: var(--white-color);
    padding: 40px;
    display: flex;
    align-items: center;

}

.subscribe-info input {
    background-image: url(../../img/ikon.png);
    background-size: 20px 20px;
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 50px;
    background-color: transparent;
    border: none;
}

.subscribe-info input:focus,
.subscribe-info input:active,
.subscribe-info input:hover {
    border: none;
}

.subscribe-info input::placeholder {
    font-size: 18px;
    font-weight: 400;
    color: #333E63;
}

.subscribe-btn {
    width: 206px;
    height: 71px;
    border-radius: 20px;
    line-height: 71px;
    text-align: center;
    background-color: var(--orange-color);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.16em;
    color: var(--white-color);
}


.home-modal iframe {
    width: 100%;
    height: 430px;
}


@media only screen and (max-width: 1400px) {
    .education-container .education-information {
        width: 100%;
        font-size: 22px;
        text-align: justify;
    }

    .education-item-img {
        width: 55px;
        height: 55px;
        border: none;
    }

    .education-item h4 {
        font-size: 20px;
    }

    .affairs-tab-left .tab-content .tab-pane {
        width: 100%;
    }

    .affairs-tab-right {
        height: 370px;
    }

    .affairs-container .section-title {
        width: 100%;
        font-size: 30px;
    }

    .subscribe-info {
        width: auto;
    }

    .helpers-item {
        width: 240px;
    }

    .helpers-item-img {
        height: 190px;
    }

    .section-inline {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .education-links {
        justify-content: center;
    }

    .news-left {
        height: 540px;
        padding: 10px;
    }

    .education-container-right {
        margin-top: 50px;
    }

    .affairs-tab-left .nav-pills {
        justify-content: center;
    }

    .affairs-tab-right {
        margin-top: 30px;
        width: 100%;
        height: 500px;
    }
}


@media only screen and (max-width: 991px) {
    .affairs-tab-right {
        width: 70%;
        height: 320px;
    }

    .customer-answer-item {
        width: 100%;
        height: 100%;
        padding: 20px;
    }

    .useful-links {
        margin: 0 auto 25px auto;
    }

    .useful-link-item img {
        max-height: 60px;
    }

    .subscribe-title {
        font-size: 32px;
    }

    .subscribe-text {
        width: 100%;
        font-size: 14px;
    }

    .subscribe-info {
        width: 450px;
        position: inherit;
        transform: none;
        margin: 0 auto;
        margin-top: 20px;
        padding: 20px;
    }

    .subscribe-btn {
        width: 150px;
        height: 50px;
        line-height: 50px;
    }

    .subscribe-info input::placeholder {
        font-size: 14px;
    }

    .footer-container {
        flex-direction: column;
        justify-content: center;
    }

    .accreditation-item {
        margin: 0 auto;
    }

    .news-left {
        margin-bottom: 20px;
    }

    .affairs-tab-left .nav-pills {
        flex-direction: row !important;
        justify-content: space-between;
    }

    .helpers-item {
        width: 300px;
        margin: 10px auto;
    }

    .helpers-section .read-more {
        margin-top: 50px !important;
    }

    .helpers-top {
        margin-bottom: 20px;
    }

    #news {
        margin-top: 20px;
    }
}


@media only screen and (max-width: 768px) {
    .education-container .education-information {
        font-size: 18px;
    }

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

    .education-item-info {
        width: 100%;
    }

    .education-item h4 {
        text-align: center;
    }

    .education-item p {
        text-align: center;
    }

    .education-item-img {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .helpers-section .owl-nav {
        top: -16%;
    }

    .helpers-section .owl-carousel .owl-nav button.owl-next,
    .helpers-section .owl-carousel .owl-nav button.owl-prev,
    .helpers-section .owl-carousel button.owl-dot {
        width: 35px;
        height: 35px;
    }

    .affairs-container .section-title {
        font-size: 20px;
    }

    .affairs-tab-left .nav-pills {
        flex-direction: column;
    }

    .affairs-tab-left .nav-pills .nav-link {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .affairs-tab-right {
        width: 100%;
    }

    footer {
        height: auto;
        margin-top: 50px;
    }

    .footer-container p {
        font-size: 16px;
    }

    .copy-right {
        margin-bottom: 15px;
    }

    .subscribe-info {
        width: 100%;
        margin-top: 25px;
    }

    #subscribe {
        padding: 50px 0;
    }

    .subscribe-info {
        height: 60px;
    }
}

@media only screen and (max-width: 576px) {
    .affairs-container .section-title {
        width: 100%;
    }

    #useful-links {
        margin-top: 30px;
    }

    .helpers-item-body {
        text-align: center;
    }

    .helpers-section .read-more {
        margin: 0 auto;
    }

    .footer-copy-container {
        flex-direction: column;
    }

    .footer-item-title {
        margin: 10px 0;
    }

    .header-info-left h1 {
        font-size: 25px;
        line-height: 45px;
    }

    #affairs {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 450px) {
    #subscribe {
        margin-top: 0;
    }

    .subscribe-info {
        display: flex;
        flex-direction: column;
        height: auto;
        align-items: center;
        justify-content: center;
    }

    .subscribe-btn {
        margin-top: 25px;
    }

    .helpers-section .owl-nav {
        top: -20%;
    }

    .subscribe-info input {
        text-align: center;
        padding-left: 0;
    }

    .useful-link-item img{
        max-height: 40px;
    }
}


/* =========================================================
   HOME (ONLY) — HERO + CLS FIX PACK
   - Only affects hero (.first-slider) + owl sliders on home
   ========================================================= */

/* -------------------------
   HERO: sabit hündürlük (CLS kill)
   ------------------------- */
.first-slider,
.first-slider .carousel-inner,
.first-slider .carousel-item.hero-slide {
  height: 46vh;
  max-height: 520px;
}

/* Desktop/Laptop: daha hündür et */
@media (min-width: 769px) {
  .first-slider,
  .first-slider .carousel-inner,
  .first-slider .carousel-item.hero-slide {
    height: 72vh;
    max-height: 860px;
    min-height: 560px;
  }
}

/* Hero container */
.first-slider .hero-slide {
  position: relative;
  overflow: hidden;
}

/* Background (ONLY hero) */
.first-slider .hero-slide .background-zoom {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* Mobile: contain istifadə etmək istəyirsənsə (şəkil kəsilməsin) */
@media (max-width: 768px) {
  .first-slider .hero-slide .background-zoom {
    background-size: contain;
    background-color: #071b2f;
  }
}

/* Overlay gradient */
.first-slider .hero-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,.45) 0%,
    rgba(0,0,0,.18) 55%,
    rgba(0,0,0,0) 100%
  );
}

@media (max-width: 768px) {
  .first-slider .hero-slide::after {
    background: linear-gradient(
      180deg,
      rgba(0,0,0,.35) 0%,
      rgba(0,0,0,.12) 55%,
      rgba(0,0,0,0) 100%
    );
  }
}

/* Content layer */
.first-slider .hero-slide .hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
}

/* Content position */
.first-slider .hero-slide .hero-inner {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-left: 60px;
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .first-slider .hero-slide .hero-inner {
    padding-left: 16px;
    padding-bottom: 18px;
  }
}

/* Card max width */
.first-slider .hero-slide .hero-card {
  max-width: 520px;
}

/* CTA */
.first-slider .hero-slide .hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  min-height: 44px;

  background: rgba(255,255,255,.95);
  color: #071b2f;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 12px;

  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;

  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  transition: transform .2s ease, background-color .2s ease;
}

.first-slider .hero-slide .hero-btn:hover {
  background: #fff;
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  .first-slider .hero-slide .hero-btn {
    padding: 8px 14px;
    min-height: 34px;
    font-size: 12px;
    border-radius: 8px;
  }
}

/* Indicators (only main slider) */
.carousel-indicators.main-slider { z-index: 5; }
@media (max-width: 768px) {
  .carousel-indicators.main-slider { bottom: 6px; }
}

/* -------------------------
   OWL: CLS fix (reserve space)
   IMPORTANT: requires .cls-prep class on carousels
   ------------------------- */
.owl-carousel.cls-prep { visibility: hidden; }
.owl-carousel.cls-prep.owl-ready { visibility: visible; }

/* Reserve height before init */
.helpers-carousel.cls-prep { min-height: 360px; }
.comment-carousel.cls-prep { min-height: 180px; }
.useful-carousel.cls-prep  { min-height: 130px; }

/* Cards images: reserve ratio */
.helpers-carousel .helpers-item-img {
  aspect-ratio: 16 / 9;
  height: auto !important;
  overflow: hidden;
}
.helpers-carousel .helpers-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Comment avatars: fixed size */
.comment-carousel .helpers-item-img {
  width: 100px !important;
  height: 100px !important;
  flex: 0 0 100px;
  overflow: hidden;
}
.comment-carousel .helpers-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Logo slider: fixed slot */
#useful-links .useful-link-item {
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#useful-links .useful-link-item img {
  max-height: 80px;
  width: auto;
  object-fit: contain;
  display: block;
}

/* Video iframe: no CLS */
.home-modal iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}