/* ========== RESPONSIVE (γρήγορο base) ========== */

@media (min-width: 768px) and (max-width: 1024px) {
    .hide-mobile{
        display: none!important;
    }
    .hero-img{
        height: 100%;
        width: 100%;
        object-position: left;
    }

    .hero-content h1{
        font-size: 94px;
    }

    .parallax {
        position: relative;
        height: 1024px;
        overflow: hidden;
    }
    /******intro section********/
    .intro {
        position: relative;
        width: 100%;
        height: auto;
        padding: 60px 0px
    }

    .intro__inner {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .intro__title {
        margin: 0;
        font-family: "Ancizar Serif", serif;
        font-weight: 600;
        font-size: 44px;
        line-height: 52px;
        color: #ffffff;

    }

    .intro__image-wrapper {
        margin-top: 32px;
        display: flex;
        justify-content: center;
    }

    .intro__image {
        display: block;
        width: 600px;
        height: 400px;
    }

    .intro__text {
        max-width: 800px;
        margin: -16px auto 0;
        font-family: "Ancizar Serif", serif;
        font-weight: 300;
        font-size: 36px;
        line-height: 30px;
        text-transform: uppercase;
        text-align: center;
        color: #ffffff;
    }
    .fish {
        overflow: hidden;
    }

    .fish__inner {
        max-width: 610px;
        margin: 0 auto;
        padding: 0 24px;
    }

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

    .fish__title {
        font-family: "Ancizar Serif", serif;
        font-weight: 600;
        font-size: 56px;
        line-height: 70px;
        color: #f5f5f5;
        margin: 0 0 4px;
    }

    .fish-slider .owl-stage-outer {
        pointer-events: none;

    }
    .fish-card {
        max-width: 610px;
        margin: 0 auto 78px;
    }

    .fish-card__content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 110px;
        margin-left: 15px;
    }

    .fish-card__left {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .fish-card__label {
        font-family: "Ancizar Serif", serif;
        font-weight: 300;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #6c7ed2;
    }

    .fish-card__name {
        font-family: "Ancizar Serif", serif;
        font-weight: 600;
        font-size: 36px;
        line-height: 40px;
        color: #ffffff;
        position: relative;
        left: 8.67px;
    }

    .fish-card__right {
        display: none;
    }

    .fish-card__age,
    .fish-card__weight {
        font-family: "Ancizar Serif", serif;
        font-weight: 600;
        font-size: 12px;
        line-height: 14px;
        color: #6c7ed2;
    }

    .fish-card__bg {
        width: 100%;
        height: 165px;
        border-radius: 82px;
        overflow: hidden;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fish-card__bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .fish__arrow {
        display: none;
    }

    .fish__controls-btn {
        display: flex;
        justify-content: center;
        margin-left: 0px;
        margin-top: -40px;
    }

    .fish-card-2{
        display: flex;
        max-width: 440px;
        margin: 110px auto 0px;
    }

    .fish__controls-btn-2{
        margin-top: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left:25px;
    }

    .fish__btn{
        left: 0px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 113px;
        height: 56px;
        padding: 0 24px;

        border-radius: 64px;
        border: 2px solid #ffffff;
        background-color: transparent;
        text-decoration: none;
        font-family: "Commissioner", system-ui, sans-serif;
        font-size: 16px;
        line-height: 1;
        color: #ffffff;
    }
    .fish-info__overlay {
        position: relative;
        inset: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 0;
    }
    .fish-info__panel {
        padding: 45px 24px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 24px;
    }
    .fish-info__col {
        font-weight: 300;
    }
    .fish-info__title {
        margin-top: -40px;
        margin-bottom: -35px;
        padding-left: 24px;
        font-weight: 600;
        font-size: 48px;
        line-height: 70px;
    }
    .kito-way-page__image img {
        display: block;
        width: 100%;
        height: auto;
    }

    .kito-way-page__image--left{
        max-width: 320px;
        position: relative;
        left: 183px;
        bottom: 120px;
    }
    .kito-way-page__image--right{
        max-width: 250px;
        position: relative;
        right: 188px;
        bottom: 30px;
    }
    .kito-way-page__image--center {
        max-width: 610px;
        bottom: 15px;
        right: 20px;
        position: relative;
        z-index: 2;
    }
    .footer__grid {
        column-gap: 40px;
    }
    .container{
        padding-inline: 60px;
    }
    /* --------- Footer mobile col --------- */
    .footer-mobile {
        display: block;
        background-color: #1330b4;
        color: #ffffff;
        font-family: "Ancizar Serif", serif;
        font-size: 16px;
        line-height: 1.3;
        padding: 20px 0;
    }

    .footer {
        padding: 24px 20px;
        font-size: 12px;
        display: none;
    }

    .footer__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
        row-gap: 14px;
        column-gap: 54px;
        align-items: flex-start;
    }

    .footer__col {

    }

    .footer__col--logo {
        grid-column: 1 / -1;
    }

    .footer__logo img {
        max-width: 160px;
        padding: 0 0 12px;
    }

    .footer__col--menu {
        grid-column: 1;
        grid-row: 2;
    }

    .footer__nav {
        margin-top: 0;
    }

    .footer__nav li + li {
        margin-top: 8px;
    }

    .footer__col--contacts {
        grid-column: 2;
        grid-row: 2;
        padding-top: 0;
    }

    .footer__contacts {
        display: flex;
        flex-direction: column;
        gap: 25px;
        margin-top: 0;
    }

    .footer__office h4 {
        margin-bottom: 6px;
    }

    .footer__col--legal {
        grid-column: 1;
        grid-row: 3;
        gap:0;
        padding-top: 10px;
        align-items: flex-start;
    }

    .footer__legal {
        display: flex;
        flex-direction: column;
        gap: 4px;
        white-space: normal;
    }

    .footer__legal a {
        text-decoration: none;
        color: #fff;
        font-size: 16px;
    }

    .footer__col--espa {
        grid-column: 2;
        grid-row: 3;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer__espa img {
        max-width: 122px;
        padding-top: 0;
        margin-bottom: 0;
    }

    .footer__col--bottom-left {
        grid-column: 1 / -1;
        grid-row: 4;
        font-size: 10px;
        display: flex;
        flex-direction: column;
        align-items:start;
        margin-bottom: -32px;
    }

    .footer__col--bottom-right {
        grid-column: 2;
        grid-row: 5;
        font-size: 10px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .footer__col--bottom {
        grid-column: 1 / -1;
        display: flex;
        gap: 54px;
        font-size: 16px;
    }

    .footer__bottom-col {
        flex: 1;
        display: flex;
    }

    .footer__bottom-col--designed {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer__bottom-col--developed {
        align-items: flex-start;
    }

}
@media (max-width: 768px) {
      .fish-way-3 {
        padding-bottom: 10px;
      }
      .container{
          padding-inline: 20px;
      }
      .hide-mobile{
        display: none!important;
      }
      .blue-wave-mb{
          display: none;
      }
      .team-hide{
          display: block;
      }
      /******hero section********/
      .hero{
          height: 100vh;
      }
      .hero-img{
        height: 100%;
        width: 230%;
      }
      .hero-content{
        margin-bottom: 60px;
        display: block;
      }
      .hide{
          display: inline-block;
      }
      .hero-content h1{
        font-size: 64px;
        position: relative;
        display: block;
        white-space: normal;
      }
      .header-waves{
          background:  url("../img/kito-wave/wave-BG-mobile.png");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
      }
      /******intro section********/
       .intro {
        position: relative;
        width: 100%;
        min-height: 671px;
        padding: 60px 0px
      }

      .intro__inner {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
      }

      .intro__title {
        margin: 0;
        font-family: "Ancizar Serif", serif;
        font-weight: 600;
        font-size: 36px;
        line-height: 42px;
        color: #ffffff;

      }

      .intro__image-wrapper {
        margin-top: 32px;
        display: flex;
        justify-content: center;
      }

      .intro__image {
        display: block;
        width: 273px;
        height: 253px;
      }

      .intro__text {
        max-width: 370px;
        margin: -16px auto 0;
        font-family: "Ancizar Serif", serif;
        font-weight: 300;
        font-size: 26px;
        line-height: 30px;
        text-transform: uppercase;
        text-align: center;
        color: #ffffff;
      }

      .parallax {
        position: relative;
        height: 412px;
        overflow: hidden;
      }
      .parallax__video {
        min-height: 200%;
      }

      /******Our Fish section********/
      .fish {
      overflow: hidden;
      }

      .fish__inner {
        max-width: 540px;
        margin: 0 auto;
        padding: 0 24px;
      }

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

      .fish__title {
        font-family: "Ancizar Serif", serif;
        font-weight: 600;
        font-size: 36px;
        line-height: 70px;
        color: #f5f5f5;
        margin: 0 0 4px;
      }

      .fish-slider .owl-stage-outer {
         pointer-events: none;

      }
      .fish-card {
        max-width: 540px;
        margin: 0 auto 78px;
      }

      .fish-card__content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 110px;
        margin-left: 15px;
      }

      .fish-card__left {
        display: flex;
        flex-direction: column;
        gap: 2px;
      }

      .fish-card__label {
        font-family: "Ancizar Serif", serif;
        font-weight: 300;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #6c7ed2;
      }

      .fish-card__name {
        font-family: "Ancizar Serif", serif;
        font-weight: 600;
        font-size: 36px;
        line-height: 40px;
        color: #ffffff;
        position: relative;
        left: 8.67px;
      }

      .fish-card__right {
        display: none;
      }

      .fish-card__age,
      .fish-card__weight {
        font-family: "Ancizar Serif", serif;
        font-weight: 600;
        font-size: 12px;
        line-height: 14px;
        color: #6c7ed2;
      }

      .fish-card__bg {
        width: 100%;
        height: 165px;
        border-radius: 82.5px;
        overflow: hidden;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .fish-card__bg img {
        width: 100%;
        height: auto;
        display: block;
      }

      .fish__arrow {
        display: none;
      }

      .fish__controls-btn {
        display: flex;
        justify-content: center;
        margin-left: 0px;
        margin-top: -40px;
      }

      .fish-card-2{
        display: flex;
        max-width: 340px;
        margin: 110px auto 0px;
      }

      .fish__controls-btn-2{
        margin-top: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left:25px;
      }

      .fish__btn{
        left: 0px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 113px;
        height: 56px;
        padding: 0 24px;

        border-radius: 64px;
        border: 2px solid #ffffff;
        background-color: transparent;
        text-decoration: none;
        font-family: "Commissioner", system-ui, sans-serif;
        font-size: 16px;
        line-height: 1;
        color: #ffffff;
      }
      .fish-info__table td{
          padding-left: 40px;
      }
      /******Our Fish section********/
      .kito-way{
        position: relative;
      }

      .kito-way__title{
        font-size: 36px;
      }

      .kito-way__subtitle{
        font-size: 26px;
        font-weight: 600;
        line-height: 28px;
          max-width: 342px;
      }
      .kito-way__image {
        display: block;
        max-width: 300px;
        max-height: 276px;
        margin: 0 auto;
      }
      .kito-way__btn {
        height: 43px;
        padding: 0 5px;
      }

      .kito-way__text{
        font-size: 16px;
      }

    /********** News Section *********/
      .news {
        background: #0b1d6c;
        padding: 56px 0;
        position: relative;
      }

      .news__title{
        font-size: 36px;
        margin-top: 40px;
        line-height: 38px;
      }

      .news-item{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 30px 0;
      }

      .news-item__image{
          margin: 0 auto 10px;
      }

      .news-item__image img {
        display: block;
        max-width: 253px;
        height: auto;

      }

      .news-item__title {
        margin-top:auto;
        font-size: 26px;
      }

      .news-item__text {
        max-width: 253px;
        font-size: 12px;
        width:auto;
        height:auto;
      }

      .news-item__arrow{
        display: none;
      }

      .news-item:not(:last-child) .news-item__content{
        border-bottom: none;
      }
    /*********** Contact Section *************/
      .contact {
       padding: 46px 0 60px;
       background: #0b1d6c;
     }

     .contact__inner {
       display: flex;
       justify-content: center;
     }

     .contact__card {
       position: relative;
       width: 100%;
       height: 401px;
       padding: 41px 43px 44px 48px;

       color: #fff;
       display: flex;
       flex-direction: column;
     }

     .contact__title {
       font-family: "Ancizar Serif", serif;
       font-weight: 600;
       font-size: 36px;
       line-height: 1.9;
       margin: 0 0 8px;
     }

     .contact__text {
       font-family: "Commissioner", sans-serif;
       font-weight: lighter;
       font-size: 16px;
       line-height: 22px;
       margin: 0 0 32px;
       max-width: 230px;
     }

     .contact__btn {
         height: 43px;
         padding: 0 5px;
         margin-top: 160px;
     }
    /*--------- About Page Section -----------*/
     .about {
         padding: 100px 0 60px;
     }

     .page-about {
        color: #1330b4;
        background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../img/header/waves.png");
        background-position: center top;
        background-size: cover;
        background-repeat: repeat-y;
     }

      .about__inner {
        height: auto;
      }

      .about__header{
        margin-bottom: 10px;
      }

      .about__title {
        font-size: 36px;
        font-weight: 600;
        line-height: 40px;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 12px;
      }

      .about__intro {
        margin-top:33px;
        max-width: 342px;
        font-size: 16px;
        line-height: normal;
        text-align: center;
        font-weight: 400;
        padding: 0;
        font-family: "Commissioner", sans-serif;
      }

      .about__subtitle {
        margin: 0;
        font-size: 20px;
      }

      .about-card{
          padding-top: 40px;
          position: relative;
          display: block;
          width: auto;
          height: auto;
          margin: 0 auto 16px;
          text-decoration: none;
          overflow: hidden;
      }

    .about-card__bg {
        display: none;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        transform: scale(1.05);
        transition:none;
    }

    .about-card:hover .about-card__label {
        opacity: 1;
        transition-duration: 0.3s;
    }

    .about-card__label {
         font-weight: 500;
         font-size: 40px;
         color: #1330b4;
    }
    /*--------- Company Page Section -----------*/
    .company {
        padding: 120px 0 0;
    }

    .company__title {
        font-size: 36px;
        line-height: 40px;
    }

    .company__image-wrapper {
        max-width: 341px;
        margin: 0 auto;
    }

    .company__overtext {
        max-width: 342px;
        margin: 52px auto -15px;
        font-weight: 300;
        font-size: 28px;
        line-height: 30px;
    }

    .company__description {
        max-width: 340px;
        margin: 46px auto 40px; /* 140px μέχρι το wave */
        font-size: 16px;
        line-height: 20px;
    }

    .company__wave {
        width: 99px;
        height: auto;
    }

    /* ======  FACILITIES ====== */
    .facilities {
        padding: 100px 0 90px;
    }

    .facilities__header {
        margin-bottom: 44px;
    }

    .facilities__title {
        font-size: 36px;
        line-height: 40px;
    }

    .facility__text{
        font-size: 16px;
        text-align: center;
    }

    .facility {
        position: relative;
        margin-bottom: 50px;
    }

    .facility--striped {
        padding: 112px 0 70px 0;
    }

    .facility__image {
        display: flex;
        justify-content: center;
    }

    .facility__img {
        display: block;
        max-width: 342px;
        height: auto;
        object-fit: cover;
    }

    .facility__content {
        text-align: center;
        padding: 29px 0 0;
        max-width: 342px;
        margin: 0 auto;
    }

    /*--------- Team ---------*/
    .team {
        padding: 100px 0 168px;
    }

    .team__header {
        margin-bottom: 87px;
    }

    .team__title {
        margin: 0;
        font-size: 36px;
        line-height: 40px;
    }

    .team__image-wrapper {
        max-width: 337px;
        margin: 40px auto;
    }
    .team__image{
        max-height: 324px;
    }

    .team__text {
        margin: 0 auto;
        max-width: 342px;
        font-size: 16px;
        line-height: 20px;
        padding: 0px 0px;
    }

    /*-----------Vision Page ---------*/
    .vision {
        padding: 130px 0 100px;
    }

    .vision__inner {
        max-width: 340px;     /* όσο η εικόνα */
        margin: 0 auto;
        text-align: center;
    }

    .vision__header h1 {
        margin-bottom: 90px;
    }

    .vision__title {
        font-size: 36px;
        line-height: 40px;
    }

    .vision__header p{
        margin-bottom: 89px;
    }

    .vision__subtitle {
        font-size: 32px;
        line-height: 38px;
    }

    .vision__image {
        margin-top: 140px;
    }

    .vision__text {
        margin: 80px auto 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
    }

    /*-----------Kito-Fish Page----------*/
    .fish-page{
        color: #ffffff;
        background: url("../img/kito-wave/wave-BG-mobile.png");
        background-color: #021567;
        background-repeat: repeat-y;
        background-size: cover;
        background-position: center top;
    }
    .kito-fish {
        padding: 100px 0 0;
    }

    .kito-fish__inner {
        max-width: 340px;
        margin: 0 auto;
    }

    .kito-fish__header {
        text-align: center;
        margin-bottom: 0;
    }

    .kito-fish__title {
        margin: 0 0 32px;
        font-size: 36px;
    }

    .kito-fish__subtitle {
        max-width: 340px;
        margin: 0 auto;
        font-size: 18px;
        line-height: 20px;
    }

    .kito-fish__discover-label {
        margin: 0 0 35px;
        font-size: 26px;
    }

    .grid-2{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap:0;
        row-gap: 47px;
        max-width: 340px;
        margin: 0 auto;
    }

    .kito-fish__discover {
        margin-top: 96px;
        padding-bottom: 0;
    }

    .fish-card--page {
        max-width: 340px;
    }

    .fish-card--page .fish-card__content {
        padding: 0 10px 0;
    }

    .fish-card__btn {
        margin-top:-60px;
        margin-bottom: 90px;
    }

    .fish-card--page .fish-card__name {
        font-size: 36px;
        line-height: 70px;
        color: #FFFFFF;
    }

    .fish-card--page .fish-card__label {
        margin-bottom: -20px;
        margin-left: 8px;
        font-size: 12px;
        line-height:20px;
    }

    .kito-fish__note {
        margin:0;
        max-width: 340px;
        color: #000000;
    }

    /* ------ THE KITO FISH info------- */
    .fish-info__overlay {
        position: relative;
        inset: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 0;
    }

    .fish-info__panel {
        padding: 45px 24px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 24px;
    }

    .fish-info__col {
        font-weight: 300;
    }

    .fish-info__title {
        margin-top: -40px;
        margin-bottom: -35px;
        padding-left: 24px;
        font-weight: 600;
        font-size: 48px;
        line-height: 70px;
    }

    /* ========== THE KITO WAY PAGE ========== */


    .kito-way-page-main {
        padding: 80px 0 0;
    }

    .kito-way-page__inner {
        max-width: 390px;
        margin: 0 auto;
        text-align: center;
    }

    .kito-way-page__title {
        font-size: 36px;
        line-height: 40px;
    }

    .kito-way-page__subtitle {
        margin-bottom: -30px;
        font-size: 26px;
        line-height: 28px;
    }

    .kito-way-page__image img {
        display: block;
        width: 100%;
        height: auto;
    }

    .kito-way-page__images {
        margin: 70px auto 40px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .kito-way-page__image--left{
        max-width: 136px;
        position: relative;
        left: 120px;
        bottom: 0;
        top: 20px;
    }

    .kito-way-page__image--right{
        max-width: 98px;
        position: relative;
        right: 110px;
        bottom: 40px;
    }

    .kito-way-page__image--center {
        max-width: 189px;
        position: relative;
        z-index: 2;
        bottom: 25px;
        right: 20px;
    }

    .kito-way-page__text {
        max-width: 342px;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 40px;
    }

    .kito-way-page-nature {
        background-color: #F1F3FE;
        padding: 50px 0 0;
    }

    .kito-way-page-nature__inner {
        max-width: 390px;
    }

    .kito-way-page-nature__header {
        margin-bottom: 44px;
        margin-top: 50px;
    }

    .kito-way-page-nature__title {
        margin: 20px 0 8px;
        font-size: 26px;
    }

    .kito-way-page-nature__image-wrap {
        max-width: 342px;
    }

    .kito-way-page-nature__lead {
        max-width: 340px;
        margin: -60px auto 32px;
        font-size: 28px;
        line-height: 30px;
    }

    .kito-way-page-nature__text {
        max-width: 340px;
        font-size: 16px;
        line-height: 22px;
    }

    .kito-way-page-nature__wave{
        display: block;
    }

    .kito-way-page-boat {
        background-color: #F1F3FE;
        padding: 70px 0 0;
    }

    .kito-way-page-boat__image-wrap {
        margin: 0 auto;
        max-width: 341px;
    }

    .kito-way-page-boat__text{
        max-width: 341px;
        padding: 25px 25px 200px;
        font-size: 16px;
        line-height: 22px;
    }

    .kito-way-page-leros__intro {
        margin: 40px auto 120px;
        font-size: 32px;
        line-height: 38px;
        max-width: 340px;
    }

    .kito-way-page-leros__title {
        margin: 105px 0 32px;
        font-size: 26px;
    }

    .kito-way-page-leros__image-wrap {
        max-width: 254px;
        margin: 0 auto 40px;
    }

    .kito-way-page-leros__text {
        max-width: 342px;
        margin: 0 auto;
        font-size: 16px;
        line-height: 22px;
    }
    /*----------Certification page ----------*/
    .certifications {
        padding: 100px 0 140px;
    }

    .certifications__title {
        margin: 0 0 22px;
        font-size: 36px;
    }

    .certifications__intro {
        max-width: 342px;
        margin: 0 auto;
        font-weight: 300;
        font-size: 16px;
        line-height: 22px;
    }

    .cert-card {
        padding: 28px 0;
    }

    .cert-card__divider {
        margin: 25px 0 50px;
    }

    .certifications__grid {
        margin: 0 auto;
        display:flex;
        flex-direction: column;
        gap: 82px;
        max-width: 340px;
    }

    .cert-card__links a {
        white-space: normal;
    }

    .cert-card__links li + li {
        margin-top: 35px;
    }

    /* ------ NEWS (single) --------- */
    .news-article-page {
        background-color: #f0f3ff;
    }

    .news-article {
        padding: 0 0 100px 0;
    }

    .news-cover-mb{
        display: block;
        width: 100%;
        inset: 0;
    }

    .news-article__header{
        display: none;
    }

    .news-article__hero{
        display: none;
    }

    .news-article__panel {
        background-color: #f0f3ff;
        color: #1330b4;
        padding: 20px 10px;
    }

    .news-article__title {
        margin: 0 0 15px;
        font-size: 26px;
        text-align: left;

    }

    .news-article__text {
        font-size: 16px;
        line-height: 20px;
    }

    .news-article__photo-text{
        display: block;
        margin: 30px 0 18px;
        font-family: "Commissioner", system-ui, sans-serif;
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
    }

    .news-article__next {
        padding: 50px 0 0;
        text-align: center;
        color: #ffffff;
    }

    .news-article__next-title {
        margin: 0 0 21px;
        font-weight: 700;
        font-size: 26px;
        line-height: 36px;
        text-align: left;
        color: #1330b4;
    }

    /* ---------- CONTACT PAGE --------- */
    .contact__inner_block{
        display: block;
    }

    .contact__title {
        margin: 0;
        font-size: 36px;
        line-height: 70px;
    }

    .contact__layout {
        display: flex;
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .contact__form {
        flex: 1;
        width: auto;
        background-color: #ffffff;
        border-radius: 0;
        padding: 56px 72px;
        font-family: "Commissioner", system-ui, sans-serif;
        font-size: 14px;
        color: #1330b4;
    }

    .contact-card__title {
        margin: 0 0 20px;
        font-size: 26px;

    }

    /* --------- Footer mobile col --------- */
    a, a:hover, a:focus, a:active, a:visited {
        text-decoration: none !important;
        -webkit-text-decoration: none !important;
    }

    .footer-mobile {
        display: block;
        background-color: #1330b4;
        color: #ffffff;
        font-family: "Ancizar Serif", serif;
        font-size: 16px;
        line-height: 1.3;
        padding: 20px 0;
    }

    .footer {
        padding: 24px 20px;
        font-size: 12px;
        display: none;
    }

    .footer__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
        row-gap: 14px;
        column-gap: 54px;
        align-items: flex-start;
    }

    .footer__col { }

    .footer__col--logo {
        grid-column: 1 / -1;
    }

    .footer__logo img {
        max-width: 120px;
        padding: 0 0 12px;
    }

    .footer__col--menu {
        grid-column: 1;
        grid-row: 2;
    }

    .footer__nav {
        margin-top: 0;
    }

    .footer__nav li + li {
        margin-top: 8px;
    }

    .footer__col--contacts {
        justify-self: end;
        text-align: right;
        grid-column: 2;
        grid-row: 2;
        padding-top: 0;
    }

    .footer__contacts {
        display: flex;
        flex-direction: column;
        gap: 25px;
        margin-top: 0;
    }

    .footer__office h4 {
        margin-bottom: 6px;
    }

    .footer__col--legal {
        grid-column: 1;
        grid-row: 3;
        gap:0;
        padding-top: 10px;
        align-items: flex-start;
    }

    .footer__legal {
        display: flex;
        flex-direction: column;
        gap: 4px;
        white-space: normal;
    }

    .footer__legal a {
        text-decoration: none;
        color: #fff;
        font-size: 16px;
    }

    .footer__col--espa {
        justify-self: end;
        text-align: right;
        grid-column: 2;
        grid-row: 3;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer__espa img {

        max-width: 122px;
        padding-top: 0;
        margin-bottom: 0;
    }

    .footer__col--bottom-left {
        grid-column: 1 / -1;
        grid-row: 4;
        font-size: 10px;
        display: flex;
        flex-direction: column;
        align-items:start;
        margin-bottom: -32px;
    }

    .footer__col--bottom-right {
        grid-column: 2;
        grid-row: 5;
        font-size: 10px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .footer__col--bottom {
        grid-column: 1 / -1;
        display: flex;
        gap: 54px;
        font-size: 13px;
    }

    .footer__bottom-col {
        flex: 1;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    .footer__bottom-col--designed {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer__bottom-col--developed {
        align-items: flex-start;
        justify-self: end;
        text-align: right;
    }
}