@import "./reset.css";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


body {
    background-color: #F1F1F1;
    margin: 0;
    padding: 0;
}

.none {
    display: none !important;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
}



.burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    gap: 6px;
    position: relative;
    z-index: 1100;
}

.burger span {
    width: 40px;
    height: 5px;
    border-radius: 10px;
    background: white;
    transition: transform 0.3s ease;
}

.burger.active span:nth-child(1) {
    transform: rotate(45deg) translate(22px);
}
.burger.active span:nth-child(2) {
    opacity: 0;
}
.burger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(20px);
}


.burger__overlay {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform 0.5s ease;
    z-index: 1000;
}


.burger__overlay.active {
    transform: translateX(0);
}

.overlay__menu {
    list-style: none;
    text-align: center;
}

.overlay__menu li {
    margin: 30px 0;
}

.overlay__menu a {
    color: white;
    text-decoration: none;
    font-size: 42px;

    font-family: Montserrat;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: .05em;
    color: #ffff;
}















/*Header*/

.header {
    overflow: hidden !important;
    position: relative;
    height: 720px;
}

.video__media {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: cover;
    z-index: 1;
 }

.header__menu {
    position: relative;
    z-index: 2;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 2; 
    pointer-events: none;
}

.header__overlay {
    position: absolute;
    width: 100%;
    background: rgba(77, 110, 48, 0.2);
    backdrop-filter: blur(14.3px);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 3;
}

.nav {
    display: flex;
    column-gap: 222px;
    align-items: center;
}

.header__item{
    margin-left: 60px;
}

.nav__list {
    display: flex;
    gap: 20px;
    width: 820px;
    padding: 20px 0 20px 0;
    margin-top: 61px;

    font-family: Montserrat;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -1.15px;
}

.nav__button{
    gap: 10px;
    text-align: center;
    color: #ffff;
    border-radius: 8px;
    padding: 5px 10px 5px 10px;
    transition: background-color 0.8s, color 0.8s;
}

.nav__button.active {
    background-color: #7FFF0F;
    color: black;
}

.nav__button:hover {
    background-color: #7FFF0F;
    color: black;
}

.nav__button:last-child {
    margin-right: 0;
}

.header__welcome {
    position: absolute;
    z-index: 4;
    bottom: 80px;
    width: 735px;
    height: 130px;
    left: 80px;
}

.welcome__container {
    max-width: 1280px;
    margin: 0 auto;
}

.header__title {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 54px;
    line-height: 120%;
    letter-spacing: .05em;
    color: #ffff;
}

.header__title span {
    color: #7FFF0F;
}











/*Services*/


.services {
    overflow: hidden !important;
    margin-top: 100px;
}

.services__container {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 23px;
    padding: 0 60px 0 60px;
}

.background-services {
    background-color: #4D6E30;
    width: 273px;
    height: 396px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    padding: 20px;
    border: 1px solid #B0B0B0;
    box-shadow: 0px 11px 24px 0px #0000001A,

    0px 44px 44px 0px #00000017,
    
    0px 98px 59px 0px #0000000D,
    
    0px 174px 70px 0px #00000003,
    
    0px 272px 76px 0px #00000000;
}

.background-services img {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    object-fit: cover;
    display: block;
}

.text-services {
    font-family: Montserrat;
    font-weight: 300;
    font-size: 24px;
    line-height: 100%;
    color: white;
}

.text-services span {
    color: #7FFF0F;
    font-weight: 600;
}
















/*Experience*/

.experience {
    overflow: hidden !important;
    margin-top: 100px;
}

.experience__container {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 14px;
}

.experience__content {
    background-color: #3B3B3B;
    width: 496px;
    height: 450px;
    padding: 62px 38px;
}


.video__experience {
    width: 650px;
    height: 450px;
    object-fit: cover;
}

.text-experience {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 28px;
    line-height: 160%;
    letter-spacing: .04em;
    color: white;
}

.text-experience span {
    color: #7FFF0F;
    font-weight: 700;
}









/*About-Us*/

.about-us {
    overflow: hidden !important;
    margin-top: 100px;
}

.about__title {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    color: black;
    text-align: center;
}

.text-about {
    margin-top: 40px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: black;
    padding: 0 60px 0 60px;
}

.text-about span {
    color: #4D6E30;
    font-weight: 700;
}














/*Buying*/

.buying {
    overflow: hidden !important;
    margin-top: 100px;
    margin-bottom: 60px;
}

.buying__title {
    padding: 60px 0 40px 0;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    text-align: center;
}


.buying__content {
    display: grid;
    grid-template-columns: repeat(4, 2fr);
    gap: 60px 120px;
    padding: 0 60px;
    justify-items: center;
    
}

.shadow {
    filter: drop-shadow(7px 7px 22px rgba(0, 0, 0, 0.1)) 
    drop-shadow(28px 28px 40px rgba(0, 0, 0, 0.09))
    drop-shadow(63px 63px 54px rgba(0, 0, 0, 0.05))
    drop-shadow(112px 112px 64px rgba(0, 0, 0, 0.01))
    drop-shadow(175px 175px 69px rgba(0, 0, 0, 0));
}

.shadow-2 {
    filter: drop-shadow(14px 14px 44px rgba(0, 0, 0, 0.1)) 
    drop-shadow(7px 57px 80px rgba(0, 0, 0, 0.09))
    drop-shadow(128px 128px 108px rgba(0, 0, 0, 0.05))
    drop-shadow(227px 227px 128px rgba(0, 0, 0, 0.01))
    drop-shadow(355px 355px 140px rgba(0, 0, 0, 0));
}

.shadow-3 {
    filter: drop-shadow(14px 14px 44px rgba(0, 0, 0, 0.1)) 
    drop-shadow(57px 57px 81px rgba(0, 0, 0, 0.09))
    drop-shadow(128px 128px 109px rgba(0, 0, 0, 0.05))
    drop-shadow(227px 227px 129px rgba(0, 0, 0, 0.01))
    drop-shadow(357px 357px 141px rgba(0, 0, 0, 0));
}

.shadow-4 {
    filter: drop-shadow(7px 7px 22px rgba(0, 0, 0, 0.1)) 
    drop-shadow(29px 29px 40px rgba(0, 0, 0, 0.09))
    drop-shadow(64px 64px 55px rgba(0, 0, 0, 0.05))
    drop-shadow(114px 114px 65px rgba(0, 0, 0, 0.01))
    drop-shadow(179px 179px 71px rgba(0, 0, 0, 0));
}

.shadow-5 {
    filter: drop-shadow(7px 7px 22px rgba(0, 0, 0, 0.1)) 
    drop-shadow(29px 29px 40px rgba(0, 0, 0, 0.09))
    drop-shadow(64px 64px 55px rgba(0, 0, 0, 0.05))
    drop-shadow(114px 114px 65px rgba(0, 0, 0, 0.01))
    drop-shadow(179px 179px 71px rgba(0, 0, 0, 0));
}

.shadow-6 {
    filter: drop-shadow(4px 5px 14px rgba(0, 0, 0, 0.1)) 
    drop-shadow(17px 20px 26px rgba(0, 0, 0, 0.09))
    drop-shadow(39px 45px 36px rgba(0, 0, 0, 0.05))
    drop-shadow(69px 79px 42px rgba(0, 0, 0, 0.01))
    drop-shadow(108px 124px 46px rgba(0, 0, 0, 0));
}

.shadow-7 {
    filter: drop-shadow(7px 7px 22px rgba(0, 0, 0, 0.1)) 
    drop-shadow(29px 29px 40px rgba(0, 0, 0, 0.09))
    drop-shadow(64px 64px 55px rgba(0, 0, 0, 0.05))
    drop-shadow(114px 114px 65px rgba(0, 0, 0, 0.01))
    drop-shadow(179px 179px 71px rgba(0, 0, 0, 0));
}

.shadow-8 {
    filter: drop-shadow(15px 15px 48px rgba(0, 0, 0, 0.1)) 
    drop-shadow(61px 61px 87px rgba(0, 0, 0, 0.09))
    drop-shadow(138px 138px 117px rgba(0, 0, 0, 0.05))
    drop-shadow(246px 246px 139px rgba(0, 0, 0, 0.01))
    drop-shadow(384px 384px 152px rgba(0, 0, 0, 0));
}

.shadow-9 {
    filter: drop-shadow(14px 14px 44px rgba(0, 0, 0, 0.1)) 
    drop-shadow(57px 57px 81px rgba(0, 0, 0, 0.09))
    drop-shadow(128px 128px 109px rgba(0, 0, 0, 0.05))
    drop-shadow(227px 227px 129px rgba(0, 0, 0, 0.01))
    drop-shadow(357px 357px 141px rgba(0, 0, 0, 0));
}

.shadow-10 {
    filter: drop-shadow(5px 4px 13px rgba(0, 0, 0, 0.1)) 
    drop-shadow(19px 14px 24px rgba(0, 0, 0, 0.09))
    drop-shadow(43px 32px 32px rgba(0, 0, 0, 0.05))
    drop-shadow(77px 57px 38px rgba(0, 0, 0, 0.01))
    drop-shadow(120px 89px 42px rgba(0, 0, 0, 0));
}

.shadow-11 {
    filter: drop-shadow(27px 27px 84px rgba(0, 0, 0, 0.1)) 
    drop-shadow(108px 108px 153px rgba(0, 0, 0, 0.09))
    drop-shadow(243px 243px 206px rgba(0, 0, 0, 0.05))
    drop-shadow(432px 432px 244px rgba(0, 0, 0, 0.01))
    drop-shadow(675px 675px 250px rgba(0, 0, 0, 0));
}

.shadow-12 {
    filter: drop-shadow(14px 14px 44px rgba(0, 0, 0, 0.1)) 
    drop-shadow(56px 56px 79px rgba(0, 0, 0, 0.09))
    drop-shadow(126px 126px 107px rgba(0, 0, 0, 0.05))
    drop-shadow(225px 225px 127px rgba(0, 0, 0, 0.01))
    drop-shadow(351px 351px 139px rgba(0, 0, 0, 0));
}

.shadow-13 {
    filter: drop-shadow(40px 48px 137px rgba(0, 0, 0, 0.1)) 
    drop-shadow(161px 191px 250px rgba(0, 0, 0, 0.09))
    drop-shadow(363px 429px 250px rgba(0, 0, 0, 0.05))
    drop-shadow(645px 762px 250px rgba(0, 0, 0, 0.01))
    drop-shadow(1007px 1191px 250px rgba(0, 0, 0, 0));
}

.shadow-15 {
    filter: drop-shadow(27px 27px 83px rgba(0, 0, 0, 0.1)) 
    drop-shadow(107px 107px 151px rgba(0, 0, 0, 0.09))
    drop-shadow(240px 240px 204px rgba(0, 0, 0, 0.05))
    drop-shadow(427px 427px 241px rgba(0, 0, 0, 0.01))
    drop-shadow(667px 667px 250px rgba(0, 0, 0, 0));
}

.shadow-16 {
    filter: drop-shadow(22px 22px 67px rgba(0, 0, 0, 0.1)) 
    drop-shadow(87px 87px 123px rgba(0, 0, 0, 0.09))
    drop-shadow(195px 195px 166px rgba(0, 0, 0, 0.05))
    drop-shadow(347px 347px 196px rgba(0, 0, 0, 0.01))
    drop-shadow(542px 542px 215px rgba(0, 0, 0, 0));
}

.background__buying {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.background__buying img {
    width: 200px;
    height: 132px;
    object-fit: contain;
}

.text__buying {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
}















/*Choose*/

.choose {
    overflow: hidden !important;
    margin-top: 100px;
}

.choose__title {
    padding: 0 0 40px 0;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    text-align: center;
}

.choose__content {
    display: flex;
    align-items: center;
    gap: 20px;
    
}

.choose__content img {
    width: 650px;
    height: 450px;
    object-fit: cover;
}


.text-choose {
    width: 586px;
    height: 420px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 24px;
    line-height: 110%;
    color: #3B3B3B;
}

.text-choose span.choose-1 {
    font-weight: 700;
    color: #3B3B3B;
}

.text-choose span.choose-2 {
    font-weight: 700;
    color: #4D6E30;
    
}

.bullet {
    font-size: 24px;
    color: #4D6E30;
    font-weight: bold;
    margin-right: 5px;
}

.text-choose span.text {
    display: block;
    padding-left: 20px;
}

















/*Export*/

.export {
    overflow: hidden !important;
    margin-top: 100px;
}

.export__title {
    padding: 0 0 40px 0;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    text-align: center;
}

.video__export {
    width: 100%;
    position: absolute;
    height: 720px;
    object-fit: cover;
    z-index: 1;
}

.export__overlay {
    position: absolute;
    width: 100%;
    height: 720px;
    background: rgba(0, 0, 0, 0.5); 
    z-index: 2; 
    pointer-events: none; 
}

.export__text {
    position: relative;
    z-index: 3;
    width: 890px;
    padding: 54px 0 60px 60px;


    font-family: Montserrat;
    font-weight: 700;
    font-size: 28px;
    line-height: 160%;
    letter-spacing: .04em;
    color: #ffff;
}

.export__client {
    position: relative;
    z-index: 4;
    width: 870px;
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 60px 0 0 60px;
}

.export__client p {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 28px;
    line-height: 160%;
    letter-spacing: .04em;
    color: #ffff;
}

.export__client__subtxt {
    position: relative;
    z-index: 4;
    padding-left: 10px;
    
    

    font-family: Montserrat;
    font-weight: 500;
    font-style: italic;
    font-size: 28px;
    line-height: 200%;
    letter-spacing: .04em;
    color: #ffff;
}


.export__bullet {
    font-size: 28px;
    font-weight: bold;  
}

























/*Location*/

.location {
    overflow: hidden !important;
    margin-top: 100px;
}

.location__title {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    text-align: center;
}

.location__content {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 99px;
    padding: 0 60px 0 60px;
}

.location__image {
    width: 400px;
    object-fit: cover;

    filter: drop-shadow(52px 52px 163px rgba(0, 0, 0, 0.1)) 
    drop-shadow(209px 209px 250px rgba(0, 0, 0, 0.09))
    drop-shadow(471px 471px 250px rgba(0, 0, 0, 0.05))
    drop-shadow(838px 838px 250px rgba(0, 0, 0, 0.01))
    drop-shadow(1309px 1309px 250px rgba(0, 0, 0, 0));
}

.location-text {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 28px;
    line-height: 160%;

}

















/*Footer*/

.footer__contact {
    overflow: hidden !important;
    margin-top: 100px;
    background-color: #3B3B3B;
    height: 260px;
}

.contact-social-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 205px;
}

.contact-text {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 22px;
    line-height: 150%;
    color: #ffff;

    position: absolute;
    top: 40px;
    left: 60px;
    max-width: 496px;
    
}

.contact-text span {
    font-weight: 400;
    font-size: 18px;
}

.contact__content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    padding-right: 60px;
}

.title__contact {
    font-family: Montserrat;
    font-weight: 500;
    font-style: italic;
    font-size: 22px;
    line-height: 120%;

    width: 515px;
    margin-top: 30px;
    color: #ffff;
}

.footer__media__menu {
    display: flex;
    gap: 18px;
    width: 200px;
    margin-top: 43px;
}

.footer__media {
    width: 30px;
    height: 30px;
}






































/*Media*/

@media (max-width: 1024px) {
    
    .container {
        max-width: 768px;
    }

    /*Header*/

    .burger {
        display: flex;
        order: 2;
        margin-left: 20px;
        gap: 15px;
    }

    .nav {
        column-gap: 410px;
    }

    .nav__list {
        display: none;
    }
    
    body.menu-open {
        overflow: hidden;
        height: 100vh;
    }

    .burger__overlay {
        top: 140px;
     }
 
     .burger span {
         width: 70px;
         height: 8px;
     }
     
     .burger.active span:nth-child(1) {
         transform: rotate(49deg) translate(33px);
     }
     .burger.active span:nth-child(2) {
         opacity: 0;
     }
     .burger.active span:nth-child(3) {
         transform: rotate(-49deg) translate(28px);
     }


    .header__welcome {
        left: 30px;
    }

    .header__title {
        font-size: 48px;
    }



    /*Services*/

    .services__container {
        max-width: 768px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 40px;
        padding: 0 90px 0 90px;
    }


    /*Experience*/

    .video__experience {
        width: 1024px;
        height: 568px;
        object-fit: cover;
    }


    .experience__container {
        max-width: 768px;
    }

    .experience__content {
        background-color: #FFFFFF1A;
        backdrop-filter: blur(10px);
        width: 1009px;
        height: 220px;
        position: absolute;
        margin-top: 348px;
        padding: 20px 76px;
    }


    /*Buying*/

    .buying__content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }



    /*Choose*/

    .choose__content {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 40px;  
    }

    .choose__content img {
        width: 1024px;
    }

    .text-choose {
        width: 768px;
        height: 460px;
        padding: 0 60px;
    }



    /*Export*/

    .export {
        height: 935px;
    }

    .video__export {
        height: 935px;
    }

    .export__overlay {
        height: 935px;
    }

    .export__client {
        width: 768px;
        height: 501px;
        align-items: center;
        margin-top: 60px;
        padding: 0 40px 0 40px;
    }

    .export__client__subtxt {
        padding: 0 40px;
    }

    .export__text {
        font-size: 24px;
        width: 645px;

        padding: 0;
        left: 70px;
        margin-top: 80px;
    }



    /*Location*/

    .location__content {
        flex-direction: column;
        gap: 15px;
        margin-top: 40px;
    }

    .location__image {
        width: 200px;
        height: 131px;
    }



    /*Footer*/

    .contact-social-wrap {
        display: block;
    }

    .contact-text {
        left: 40px;
        top: 130px;
    }

    .title__contact {
        margin-right: 215px;
        margin-top: 24px;
    }

    .contact__content {
        padding: 0;
    }

    .footer__media__menu {
        margin-top: 100px;
        margin-right: 30px;
    }
}




@media (max-width: 820px) {
    
    .container {
        max-width: 768px;
    }

    /*Header*/

    .burger {
        display: flex;
        order: 2;
        margin-left: 20px;
        gap: 15px;
    }

    .nav {
        column-gap: 350px;
    }

    .nav__list {
        display: none;
    }
    
    body.menu-open {
        overflow: hidden;
        height: 100vh;
    }

    .burger__overlay {
       top: 140px;
    }

    .burger span {
        width: 70px;
        height: 8px;
    }
    
    .burger.active span:nth-child(1) {
        transform: rotate(49deg) translate(33px);
    }
    .burger.active span:nth-child(2) {
        opacity: 0;
    }
    .burger.active span:nth-child(3) {
        transform: rotate(-49deg) translate(28px);
    }


    .header__welcome {
        left: 30px;
    }

    .header__title {
        font-size: 48px;
    }



    /*Services*/

    .services__container {
        max-width: 768px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 40px;
        padding: 0 90px 0 90px;
    }


    /*Experience*/

    .video__experience {
        width: 820px;
        height: 453px;
        object-fit: cover;
    }


    .experience__container {
        max-width: 768px;
    }

    .experience__content {
        background-color: #FFFFFF1A;
        backdrop-filter: blur(10px);
        width: 805px;
        height: 220px;
        position: absolute;
        margin-top: 233px;
        padding: 20px 76px;
    }


    /*Buying*/

    .buying__content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }



    /*Choose*/

    .choose__content {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 40px;  
    }

    .choose__content img {
        width: 820px;
    }

    .text-choose {
        width: 768px;
        height: 460px;
        padding: 0 60px;
    }



    /*Export*/

    .export {
        height: 935px;
    }

    .video__export {
        height: 935px;
    }

    .export__overlay {
        height: 935px;
    }

    .export__client {
        width: 768px;
        height: 501px;
        align-items: center;
        margin-top: 60px;
        padding: 0 40px 0 40px;
    }

    .export__client__subtxt {
        padding: 0 40px;
    }

    .export__text {
        font-size: 24px;
        width: 645px;

        padding: 0;
        left: 70px;
        margin-top: 80px;
    }



    /*Location*/

    .location__content {
        flex-direction: column;
        gap: 15px;
        margin-top: 40px;
    }

    .location__image {
        width: 200px;
        height: 131px;
    }



    /*Footer*/

    .contact-social-wrap {
        display: block;
    }

    .contact-text {
        left: 40px;
        top: 130px;
    }

    .title__contact {
        margin-right: 215px;
        margin-top: 24px;
    }

    .contact__content {
        padding: 0;
    }

    .footer__media__menu {
        margin-top: 100px;
        margin-right: 30px;
    }
}




@media (max-width: 768px) {
    
    .container {
        max-width: 768px;
    }

    /*Header*/

    .burger {
        display: flex;
        order: 2;
        margin-left: 20px;
        gap: 15px;
    }

    .nav {
        column-gap: 350px;
    }

    .nav__list {
        display: none;
    }
    
    body.menu-open {
        overflow: hidden;
        height: 100vh;
    }

    .burger__overlay {
       top: 140px;
    }

    .burger span {
        width: 70px;
        height: 8px;
    }
    
    .burger.active span:nth-child(1) {
        transform: rotate(49deg) translate(33px);
    }
    .burger.active span:nth-child(2) {
        opacity: 0;
    }
    .burger.active span:nth-child(3) {
        transform: rotate(-49deg) translate(28px);
    }


    .header__welcome {
        left: 30px;
    }

    .header__title {
        font-size: 48px;
    }



    /*Services*/

    .services__container {
        max-width: 768px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 40px;
        padding: 0 90px 0 90px;
    }


    /*Experience*/

    .video__experience {
        width: 768px;
        height: 450px;
        object-fit: cover;
    }


    .experience__container {
        max-width: 768px;
    }

    .experience__content {
        background-color: #FFFFFF1A;
        backdrop-filter: blur(10px);
        width: 768px;
        height: 220px;
        position: absolute;
        margin-top: 230px;
        padding: 20px 76px;
    }


    /*Buying*/

    .buying__content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }



    /*Choose*/

    .choose__content {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 40px;  
    }

    .choose__content img {
        width: 768px;
    }

    .text-choose {
        width: 768px;
        height: 460px;
        padding: 0 60px;
    }



    /*Export*/

    .export {
        height: 935px;
    }

    .video__export {
        height: 935px;
    }

    .export__overlay {
        height: 935px;
    }

    .export__client {
        width: 768px;
        height: 501px;
        align-items: center;
        margin-top: 60px;
        padding: 0 40px 0 40px;
    }

    .export__client__subtxt {
        padding: 0 40px;
    }

    .export__text {
        font-size: 24px;
        width: 645px;

        padding: 0;
        left: 70px;
        margin-top: 80px;
    }



    /*Location*/

    .location__content {
        flex-direction: column;
        gap: 15px;
        margin-top: 40px;
    }

    .location__image {
        width: 200px;
        height: 131px;
    }



    /*Footer*/

    .contact-social-wrap {
        display: block;
    }

    .contact-text {
        left: 40px;
        top: 130px;
    }

    .title__contact {
        margin-right: 215px;
        margin-top: 24px;
    }

    .contact__content {
        padding: 0;
    }

    .footer__media__menu {
        margin-top: 100px;
        margin-right: 30px;
    }
}


@media (max-width: 430px) {

    .container {
        max-width: 424px;
    }

    /*Header*/

    .header {
        height: 660px;
    }

    .nav {
        column-gap: 160px;
    }

    .header__item {
        width: 80px;
        height: 80px;
        margin-left: 40px;
    }

    .header__welcome {
        width: 336px;
        height: 184px;
        bottom: 50px;
    }

    .header__title {
        font-size: 38px;
    }

    .burger span {
        width: 50px;
        height: 5px;
    }

    .burger {
        gap: 10px;
    }

    .burger__overlay {
        top: 80px;
    }
     
     .burger.active span:nth-child(1) {
        transform: rotate(45deg) translate(22px);
    }
    .burger.active span:nth-child(2) {
        opacity: 0;
    }
    .burger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(20px);
    }




    /*Services*/

    .services__container {
        max-width: 424px;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
        padding: 0 75px 0 75px;
    }

    .video__experience {
        display: none;
    }




    /*Experience*/

    .experience {
        margin-top: 50px;
    }

    .experience__container {
        max-width: 424px;
        display: block;
    }

    .experience__content {
        background-color: #FFFFFF1A;
        backdrop-filter: blur(10px);
        
        width: 100%;
        height: 100%;
        position: relative;
        margin-top: 0;
        padding: 0 40px 0 40px;
    }

    .text-experience {
        font-size: 22px;
        width: 338px;
        color: black;
    }

    .text-experience span {
        color: #4D6E30;
    }


    /*about-us*/

    .about__title {
        font-size: 24px;
    }

    .text-about {
        font-size: 22px;
    }



    /*Buying*/

    .buying__content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .buying__title {
        font-size: 24px;
    }

    /*Choose*/

    .choose__title {
        font-size: 26px;
    }

    .choose__content {
        display: block;
    }

    .choose__content img {
        width: 424px;
    }

    .text-choose {
        margin-top: 40px;
        width: 100%;
        max-width: 424px;
        height: 690px;
        padding: 0 40px;
    }

    .text-choose span.text {
        display: block;
        padding-left: 0px;
    }


    /*Export*/

    .export {
        margin-top: 50px;
        height: 1345px;
    }

    .video__export {
        height: 1345px;
    }

    .export__overlay {
        height: 1345px;
    }

    .export__client {
        width: 424px;
        height: 547px;
    }

    .export__client p {
        font-size: 24px;
    }

    .export__client__subtxt {
        font-size: 22px;
        padding: 0 40px;
    }

    .export__text {
        font-size: 22px;
        width: 348px;

        left: 40px;
        margin-top: 180px;
    }

    /*Location*/

    .location {
        margin-top: 150px;
    }

    .location__title {
        font-size: 24px;
    }

    .location__content {
        flex-direction: column;
        gap: 15px;
        margin-top: 40px;
        padding: 0 40px 0 40px;
    }

    .location__image {
        width: 200px;
        height: 131px;
    }



    /*Footer*/

    .footer__contact {
        margin-top: 50px;
        height: 368px;
    }

    .contact-social-wrap {
        display: block;
    }

    .contact-text {
        width: 340px;
        left: 40px;
        top: 154px;
    }

    .title__contact {
        margin-right: 0px;
        margin-top: 25px;

        width: 346px;
        margin-left: 40px;
    }

    .contact__content {
        padding: 0;
        display: block;
    }

    .footer__media__menu {
        margin-top: 150px;
        margin-left: 40px;
    }

}








@media (max-width: 424px) {

    .container {
        max-width: 424px;
    }

    /*Header*/

    .header {
        height: 660px;
    }

    .nav {
        column-gap: 180px;
    }

    .header__item {
        width: 80px;
        height: 80px;
        margin-left: 40px;
    }

    .header__welcome {
        width: 336px;
        height: 184px;
        bottom: 50px;
    }

    .header__title {
        font-size: 38px;
    }

    .burger span {
        width: 40px;
        height: 5px;
    }

    .burger {
        gap: 10px;
    }

    .burger__overlay {
        top: 80px;
    }
     
     .burger.active span:nth-child(1) {
        transform: rotate(45deg) translate(22px);
    }
    .burger.active span:nth-child(2) {
        opacity: 0;
    }
    .burger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(20px);
    }




    /*Services*/

    .services__container {
        max-width: 424px;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
        padding: 0 75px 0 75px;
    }

    .video__experience {
        display: none;
    }




    /*Experience*/

    .experience {
        margin-top: 50px;
    }

    .experience__container {
        max-width: 424px;
        display: block;
    }

    .experience__content {
        background-color: #FFFFFF1A;
        backdrop-filter: blur(10px);
        
        width: 100%;
        height: 100%;
        position: relative;
        margin-top: 0;
        padding: 0 40px 0 40px;
    }

    .text-experience {
        font-size: 22px;
        width: 338px;
        color: black;
    }

    .text-experience span {
        color: #4D6E30;
    }


    /*about-us*/

    .about__title {
        font-size: 24px;
    }

    .text-about {
        font-size: 22px;
    }



    /*Buying*/

    .buying__content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .buying__title {
        font-size: 24px;
    }

    /*Choose*/

    .choose__title {
        font-size: 26px;
    }

    .choose__content {
        display: block;
    }

    .choose__content img {
        width: 424px;
    }

    .text-choose {
        margin-top: 40px;
        width: 100%;
        max-width: 424px;
        height: 690px;
        padding: 0 40px;
    }

    .text-choose span.text {
        display: block;
        padding-left: 0px;
    }


    /*Export*/

    .export {
        margin-top: 50px;
        height: 1345px;
    }

    .video__export {
        height: 1345px;
    }

    .export__overlay {
        height: 1345px;
    }

    .export__client {
        width: 424px;
        height: 547px;
    }

    .export__client p {
        font-size: 24px;
    }

    .export__client__subtxt {
        font-size: 22px;
        padding: 0 40px;
    }

    .export__text {
        font-size: 22px;
        width: 348px;

        left: 40px;
        margin-top: 180px;
    }

    /*Location*/

    .location {
        margin-top: 150px;
    }

    .location__title {
        font-size: 24px;
    }

    .location__content {
        flex-direction: column;
        gap: 15px;
        margin-top: 40px;
        padding: 0 40px 0 40px;
    }

    .location__image {
        width: 200px;
        height: 131px;
    }



    /*Footer*/

    .footer__contact {
        margin-top: 50px;
        height: 368px;
    }

    .contact-social-wrap {
        display: block;
    }

    .contact-text {
        width: 340px;
        left: 40px;
        top: 154px;
    }

    .title__contact {
        margin-right: 0px;
        margin-top: 25px;

        width: 346px;
        margin-left: 40px;
    }

    .contact__content {
        padding: 0;
        display: block;
    }

    .footer__media__menu {
        margin-top: 150px;
        margin-left: 40px;
    }

}




@media (max-width: 390px) {

    .nav {
        column-gap: 160px;
    }
 
    .text-choose {
        height: 770px;
    }
 }




@media (max-width: 375px) {

    .nav {
        column-gap: 140px;
    }

   .text-experience {
        width: 320px;
   }

   .text-choose {
        height: 800px;
   }

   .export__text {
        width: 305px;
   }

   .contact-text {
        width: 300px;
   }
}

@media (max-width: 360px) {
 
    .text-choose {
        height: 820px;
    }
 }