/*
** Responsive Code
*/
@media (min-width: 1700px) {

}
@media (max-width: 1700px) {
}
@media(max-width: 1560px) {
    /* Hero */
    .map-bg {
        clip-path: polygon(
            0 0,
            100% 0,
            100% 100%,
            100% 100%, 
            0 calc(100% - 300px) 
        );
    }

    /* ichatsio */
    #ichatsio-main {
        right: 16px;
    }
}
@media(max-width: 1400px) {
    /* Header */
    .sub-menu {
        width: 800px;
    }

    /* Countries */
    .map-bg img {
        /* height: 980px; */
        object-position: bottom;
    }
}
@media(max-width: 1380px) {
    /* Hero */
    .hero {
        padding: 80px 0;
    }
    .opportunity-section {
        margin-top: 150px;
    }

    /* Countries */
    .map-svg svg {
        right: -80px;
        width: 85%;
    }

    /* ichatsio */
    #ichatsio-main {
        top: auto;
        bottom: 60px;
        transform: none;
    }
    #ichatsio-btn-main {
        display: flex;
    }
    #ichatsio-btns{
        height: 0;
        overflow: hidden;
    }
}
@media(max-width: 1260px) {
    /* Header */
    .menu {
        gap: 24px;
    }
    .menu a,
    .header-number p {
        font-size: 16px;
    }

    /* Hero */
    .hero .hero-bg {
        width: 100%;
    }

    /* Countries */
    .countries {
        gap: 24px;
    }

    /* Application */
    .application-section .map-bg{
        height: 1220px;
    }
    .step-text p {
        font-size: 13px;
    }

    /* Pop up */
    .pop-form .consultation-box,
    .pop-form form {
        width: 50%;
    }

    /* Citizen Page */
    .homeSwiper.homeCitizen .swiper-slide {
        height: 430px;
    }
    .citizen-arrows {
        left: 90px;
    }
}
@media(max-width: 1170px) {
    /* Header */
    .navigation-links {
        gap: 50px;
    }

    /* Opportunity */
    .opportunity-section {
        margin-top: 80px;
    }
    .cards-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(max-width: 1070px) {
    /* Header */
    .navigation-container {
        position: fixed;
        top: 104px;
        right: 0;
        width: 100%;
        height: calc(100% - 104px);
        padding: 20px 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow-x: auto;
        transform: translate(100%,0);
        background-color: var(--white);
        transition: all .3s cubic-bezier(.29,.39,.68,.53);
        -webkit-transition: all .3s cubic-bezier(.29,.39,.68,.53);
        z-index: 999;
    }
    .menuOpen .navigation-container {
        transform: translate(0,0);
        transition: all .3s cubic-bezier(.29,.39,.68,.53);
        -webkit-transition: all .3s cubic-bezier(.29,.39,.68,.53);
    }
    .navigation-container .menu {
        flex-direction: column;
        align-items: start;
        gap: 0;
    }
    .navigation-container .menu li {
        width: 100%;
        padding: 16px 0;
        border-bottom: 1px solid rgba(218, 218, 218, 1);
    }
    .navigation-container .menu a {
        color: rgba(66, 66, 66, 1);
        font-size: 20px;
        font-weight: 600;
    }
    .navigation-container .menu-item-has-children::after {
        display: block;
    }
    .menu-item-has-children.show:after {
        transform: rotate(225deg);
    }
    .sub-menu:after,
    .sub-menu:before {
        display: none;
    }
    .sub-menu {
        position: static;
        width: 100%;
        max-height: 0;
        overflow-y: scroll;
        padding: 0;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        opacity: 1;
        pointer-events: initial;
    }
    .sub-menu.show {
        max-height: 316px;
    }
    .sub-menu::-webkit-scrollbar,
    .navigation-container::-webkit-scrollbar {
        width: 4px;
    }
    .sub-menu::-webkit-scrollbar-track,
    .navigation-container::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(217, 217, 217, 1);
    }
    .sub-menu::-webkit-scrollbar-thumb,
    .navigation-container::-webkit-scrollbar-thumb {
        background-color: var(--gold);
        border-radius: 5px;
    }
    .sub-menu li a {
        border-bottom: none;
    }
    .sub-menu li:nth-child(13) a, .sub-menu li:nth-child(14) a, .sub-menu li:last-of-type a {
        padding-bottom: 16px;
    }
    .lines,
    .navigation-bottom {
        display: flex;
    }

    /* Countries */
    .countries {
        grid-template-columns: repeat(2, 1fr);
    }
    .country img {
        height: 28px;
    }

    /* Help section */
    .homeSwiper .swiper-slide {
        height: 600px;
    }
     .help-section .navigation-arrows {
        bottom: 40px;
    }

    /* Thank you page */
    .thanks-img img {
        height: 380px;
    }
}
@media(max-width: 993px) {
    /* Hero */
    .hero-text {
        width: 45%;
    }
   .hero-form {
        width: 65%;
   }

    /* Opportunity */
   .opportunity-top {
        gap: 20px;      
   }
   .swiperOpp .card {
        height: 410px;
   }

   /* Counries */
    .map-bg {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 calc(100% - 200px));
    }
    .map-svg svg {
        top: 0;
        right: 0;
        width: 85%;
    }

   /* Consultation */
   .content-wrapper {
        gap: 50px;
   }

   /* Reviews */
   .reviews-grid,
   .testimonials-grid {
        grid-template-columns: repeat(2, 1fr);    
    }

    /* Application */
    .application-section .container {
        flex-direction: column;
        gap: 24px;
    }
    .application-left,
    .steps {
     width: 100%;    
    }
    .curve-arrow-gold {
        display: none;
    }

    /* Blog */
    .blog-section .title {
        margin-bottom: 30px;
    }
    .blogSwiper .swiper-wrapper {
        padding-bottom: 20px;
    }
    .blogSwiper .pagination {
        display: flex;
    }

    /* Footer */
    .navigation-links {
        flex-direction: column;
    }

    /* Thank you page */
    .thanks-img {
        width: 45%;
    }
    .thanks-hero .btn {
        width: 400px;
    }

    /* ichatsio */
    #ichatsio-btns {
        height: 0px;
        overflow: hidden;
    }
    #ichatsio-main {
        bottom: 20px;
    }
}
@media(max-width: 768px) {
    /* General */
    .container {
        max-width: calc(1474px - 20px);
        padding: 0 20px;
    }
    button {
        height: 60px;
    }
    .circle {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }

    /* Header */
    .navigation-container {
        top: 87px;
        height: calc(100% - 87px);
        padding: 20px;
    }

    /* Hero */
    .hero {
        padding: 160px 0 0;
    }
    .hero .hero-bg img,
    .hero .hero-bg:after {
        clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%);
    }
    header .header-right .socials,
    header .header-right .header-number {
        display: none;
    }
    .hero .container {
        flex-direction: column;
        gap: 60px;
    }
    .hero-text,
    .hero-form {
        width: 100%;
    }
   .hero .hero-form {
        top: 0;
   }
   .float-left input {
        padding: 20px 1px;
   }
   form p {
        padding-bottom: 24px;
        margin-bottom: 24px;
   }
   .hero-form button {
        margin-top: 32px;
   }

    /* Opportunity */
    .opportunity-top {
        flex-direction: column;
    }
    .opportunity-img,
    .opportunity-text {
        width: 100%;
    }
    .swiperOpp.cards-grid {
        display: flex;
   	}
    .swiperOpp .swiper-wrapper {
        display: flex;
        gap: 0;
        padding-bottom: 20px;
    }
    .swiperOpp .pagination {
        display: flex;
    }
    .swiperOpp .card {
        height: 370px;
    }
    .opportunity-section .swiper-slide:nth-of-type(5) .card::after {
        border-bottom: 50px solid var(--white);
    }

    /* Countreis */
    .eu-map {
        margin-top: 70px;
    }
    .map-bg {
        top: 0;
    }
    .eu-map .container {
        flex-direction: column;
        gap: 40px;
    }
    .countries-container,
    .map-svg {
        width: 100%;
    }
    .countries {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 10px;
    }
    .map-svg svg {
        width: 100%;
        height: 440px;
    }
    .map-svg img {
        width: 100%;
        height: 440px;
        object-fit: contain;
        object-position: center;
    }
    .country-text {
        font-size: 16px;
    }

    /* Consultation */
    .consultation-section {
        padding-top: 100px;
    }
    .content-wrapper {
        flex-direction: column;
        gap: 20px;
        padding-bottom: 80px;
    }
    .consultation-box, 
    .consultation-section form {
        width: 100%;
    }

    /* Help section */
    .map-bg {
        height: 870px;
    }
    .help-section .opportunity-top {
        align-items: start;
        gap: 16px;
    }
    .help-text .section-title,
    .help-text p {
        width: 100%;
    }
    .homeSwiper .swiper-slide {
        height: 100%;
        flex-direction: column;
    }
    .homeSwiper .card {
        width: 100%;
        padding: 30px 30px 30px;
        gap: 20px;
    }
    .homeSwiper .card svg {
        width: 35px;
        height: 35px;
    }
    .homeSwiper .card-img {
        width: 100%;
        height: 300px;
    }
    .help-section .navigation-arrows {
        left: 40px;
    }

    /* Reviews */
    .swiperReviews.reviews-grid {
        display: flex;
   	}
    .swiperReviews .swiper-wrapper {
        display: flex;
        gap: 0;
        padding-bottom: 20px;
    }
    .swiperReviews .pagination {
        display: flex;
    }
    .testimonials-hero {
        padding: 100px 0;
    }

    /* Application */
    .map-bg {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 calc(100% - 100px));
    }
    .application-section .container {
        padding-top: 50px;
    }
    .application-section .map-bg {
        height: 1020px;
    }
    .step-text p {
        font-size: 14px;
    }
    .curve-arrow-left,
    .curve-arrow-right {
        bottom: -88px;
    }

    /* Footer Consultation */
    .footer-contact {
        margin-top: 70px;
        padding: 60px 0;
    }
    .footer-contact .container {
        flex-direction: column;
        gap: 40px;
    }
    .footer-contact form {
        width: 100%;
        transform: translateY(0);
    }
    .consultation-box .socials {
        gap: 20px;
    }
    .consultation-box .social-box{
        width: 60px;
        height: 60px;
    }
    .consultation-box .social-box svg{
        width: 40px;
    }

    /* Footer */
    .navigation-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .footer-navigation .navigation-top {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    footer .header-right {
        display: flex;
        flex-direction: column-reverse;
        gap: 10px;
    }
    .navigation-links ul,
    .navigation-links #footer-menu {
         display: flex;
        flex-direction: column;
        align-items: center;
    }
    #countries-menu {
        display: none;
    }

    /* Pop up */
    .pop-form {
        flex-direction: column;
    }
    .pop-form .consultation-box {
        display: none;
    }
    .modal-inner,
    .pop-form form  {
        width: 100%;
    }

    /* Breadcrumbs */
    .breadcrumbs {
        padding-bottom: 24px;
    }

    /* Thankn you page */
    .hero.thanks-hero {
        padding: 120px 0;
    }
    .thanks-img,
    .thanks-hero .btn {
        width: 100%;
    }
    .hero.thanks-hero .container {
        gap: 40px;
    }
    .hero.thanks-hero h1 br {
        display: none;
    }

     /* Blog */
    .blog-text {
        height: 200px;
    }
    .blog-text .read-more .arrow  svg{
        width: 70px;
    }
    .hero-text p{
        display: none;
    }
}
@media(max-width: 600px) {
    /* Header */ 
    .hero {
        padding-top: 120px;
    }
    .map-bg {
        clip-path: polygon(
            0 0,
            100% 0,
            100% 100%,
            100% 100%, 
            0 calc(100% - 100px) 
        );
    }

    /* Consultation */
    .consultation-section {
        padding-top: 80px;
    }

    /* Opportunity */
    .opportunity-img {
        height: 260px;
    }

    /* Reviews */
   .testimonials-grid {
        grid-template-columns: repeat(1, 1fr);    
    }

    /* Application */
    .application-section .map-bg {
        height: 1100px;
    }
}
@media(max-width: 500px) {
    /* Hero */ 
    .hero-text p {
        margin-top: 16px;
    }
    form {
        padding: 30px 24px 30px;
    }

    /* Opportunities Section */
    .opportunity-section {
        margin-top: 100px;
    }

    /* Countries */
    .country {
        gap: 16px;
    }
    .country-text {
        font-size: 13px;
    }

    /* Application */
    .application-section .map-bg {
        height: 1300px;
    }

    /* Blog */
    .blog-text > p {
        padding: 24px;
    }
    .blog-text .read-more {
        padding: 24px;
        font-size: 16px;
    }

    /* Reviews */
    .reviews-btn {
        width: 100%;
    }

    /* Footer */
    .footer-copy .container {
        flex-direction: column;
        gap: 10px;
    }
    .footer-copy a {
        order: 3;
    }

    /* Pop up */
    .close-btn svg {
        width: 25px;
    }
}
@media(max-width: 400px) {
    .homeSwiper .card {
        height: 420px;
    }

    /* Countreis */
    .eu-map .container {
        gap: 0;
    }
    .countries {
        grid-template-columns: repeat(2, 1fr);
    }
    .map-svg svg {
        height: 330px;
    }
    .map-show-floating img {
        height: 24px;
    }
    .map-show-floating .map-text {
        font-size: 16px;
    }

    /* Opportunity */
    .opportunity-section {
        margin-top: 80px;
    }

    /* Application */
    .step-text p {
        font-size: 12px;
    }

    /* Consultation */
    .consultation-section {
        padding-top: 80px;
    }
    
}

@media(max-width: 380px) {
    .blog-section .title a {
        display: none;
    }
}