body {
    width: 100%;
    margin: 0 auto;
}

/* Nagłówek */

header {
    width: 100%;
    background-color: white;
    padding: 2rem 0 2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 110px ;
}

.navbar.open {
    display: block;
}

.navbar.close {
    display: block;
}

.navbar {
    display: block;
}

.logo__container {
    width: 250px;
}

.header__container {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 162%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: space-around;
    position: relative;
    width: 80%;
}

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

.sa-container {
    width: 80%;
}

/* Menu u góry */

.nav__container {
    padding: 0;
    background-color: white;
    display: flex;
    justify-content: space-around;
}

.nav__container .container-fluid {
    width: 100%;
    background-color: white;
    display: flex;
    /*justify-content: space-around;*/
}

.navbar-nav {
    min-width: 450px;
    display:flex;
    justify-content: space-around;
}

.navbar {
    flex-grow: 1;
    max-width:700px;
}

.nav-item {
    white-space: nowrap;
}

.container-fluid ul {
    width: 100%;
    justify-content: space-around;
}

.header__container .nav-link {
    color: black !important;
}

.header__container .nav-link:hover {
    color: #489273 !important;
}


/* Ikony sklepów w headerze */

.markets {
    display: flex;
    justify-content: flex-end;
}

.markets a {
    margin: 0px 5px;
}

.markets a:hover {
    outline: 2px solid #489273;
    box-shadow: 0 0 3pt 2pt #489273;
    background-color: #489273;
}

.markets img {
    width: 40px;
    height: 40px;
}

.green-waves {
    position: absolute;
    top: 35rem;
    left: 0;
    background: url('../img/Group 4206.png?q=1') no-repeat; 
    background-size: 100% 100%; 
    width: 100%; 
    height: 687px; 
    color: black; 
    z-index:1
}

/* Sekcja 1 */
.section1 {
    font-family: "Manrope";
    background: url("../img/Group.png") no-repeat;
    background-color: rgb(252, 252, 252);
    background-size: 100% 100% ;
    overflow: hidden;
    padding-top: 2rem;
    padding-bottom: 4rem;
    height: 45rem;
}

.section1__article {
    width: 100%;
}

.section1__text-container {
    margin: 0 auto;
    padding: 0 12px;
    z-index: 100;
}

.section1-text-title {
    width: 60%;
    line-height: 130%;
    font-size: 3.1rem;
    font-weight: 800;
    margin-bottom: 2.5rem;
}

.section1-text {
    line-height: 1.5rem;
    width: 48%;
    font-weight: 700;
    margin-bottom: 1rem;
    justify-content: justify;
}

.section1-text1 span,
.section1-text2 span {
    color: #489273;
}

.section1-text2 {
    margin-bottom: 4rem;
}

.section1__article .btn {
    font-family: "Manrope";
    font-weight: 800;
    border: none;
    border-radius: 10px;
    padding: 0.8rem 3rem;
}

.phonesX__container {
    position: absolute;
    top: 132px;
    right: 0px;
    width: 55%; /* zmniejszyć ten obrazek trzeba */
    margin-left: auto;
    display: flex;
    flex-direction: row-reverse;
    
}

.phonesX {
    width: fit-content;
    text-align: right;
}

.phonesX img {
    max-width: 100%;
}

.button1 {
    background-color: #489273;
    margin-right: 1.5rem;
    border: none;  
}

.button1:active, .button1:focus {
    background-color: #489273;
    box-shadow: none;
}

.button1:hover {
    /*background: rgba(228, 194, 96, 0.8);*/
    background-color: #000;
}

.button2 {
    background: rgba(228, 194, 96, 0.8);
}

.button2:active, .button2:focus {
    background-color: #E3C161;
    box-shadow: none;
}

.button2:hover {
    /*background-color: #489273;*/
    background-color: #000;
}

/* Sekcja 2 - karty z hasłami */

.section2 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.card-container {
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    z-index: 80;
}

.card-container img {
    margin: 2rem 0 2rem 0;
}

.card-container div.my-card {
    background-color: white;
    box-shadow: 3px 2px 26px rgba(51, 67, 49, 0.56);
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1rem;
    position: relative;
    flex: 0 0 15rem;
    transition: all .5s ease 0s;
}

.card-container div.my-card:hover, .section2__cards .my-card:hover {
    transform: translate(0, -.5rem);
    
}

.card-container div p {
    font-size: 1.1rem;
    font-weight: 400;
    margin-top: 0.5rem;
}


/* Sekcja 3 - Wystarczy tylko 20 minut */

.section3 {
    font-family: "Manrope";
    font-style: normal;
    margin-top: 6.25rem;
    scroll-margin-top: 131px;
}

.section3__container1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.section3__container1 .img-container {
    flex: 0 0 50%;
}

.section3__container1 .img-container img {
    width: 100%;
}

.section3__container1-text {
    display: flex;
    flex-direction: column;
    padding: 1rem 0 0 2rem;
    flex: 0 0 50%;
}

.section3-text-title {
    font-size: 1.8rem;
    font-weight: 800;
}

.section3-text1,
.section3-text2,
.section3-text3 {
    line-height: 1.5rem;
}

.section3-text1 {
    margin-top: 3rem;
}

.section3-text1 span {
    color: #489273;
    font-weight: 700;
}

.section3-text2 {
    margin: 1rem 0;
}

.section3__container1-text .btn {
    border: none;
    margin-top: 3.0rem;
    padding: 1rem 3rem;
    width: fit-content;
    font-weight: 800;
    border: none;
    border-radius: 10px;
    padding: 0.8rem 3rem;
}

div h2 {
    margin: 8rem 0 3rem 0;
    text-align: center;
    font-size: 2.0rem;
    font-weight: 700;
}


/* Sekcja 4 - Jak to działa? */

.section4 {
    margin-bottom:4rem;
}

.section4__cards {
    padding: 0;
    display: flex;
    justify-content: space-around;
}

.my-card img {
    margin: 3rem 0 2rem 0;
}

.section4__cards .my-card {
    padding: 0 2.5rem;
    border-radius: 10px;
    box-shadow: 2px 2px 39px rgba(66, 74, 72, 0.2);
    font-size: 1.375rem;
    font-weight: 700;
    background-color: white;
    flex: 0 0 22rem;    
    text-align: center;
    position: relative;
    position: relative;
    transition: all .5s ease 0s;
}

.section4__cards .card-text {
    margin-top: 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    text-align: justify;
    line-height: 1.5rem;
    margin-bottom: 2.5rem;
}

.section4__cards p {
    font-size: 1rem;
    font-weight: 400;
    text-align: justify;
    line-height: 1.5rem;
}

.section4__cards .p {
    color: #489273;
    font-size: 1rem;
    font-weight: 700;
    
}

/* Sekcja 5 - Twoi bliscy również robią zakupy? */

.section5 {
    background: url("../img/Group2.png") no-repeat;
    background-color: rgb(82, 176, 146);
    background-size: 100% 100%;
}

.section5__container3 {
    position: relative;
    margin-top: 6rem;
    padding-top: 4.5rem !important;
    padding: 0;
    height: 365px;
}

.lines3 {
    height: 295px;
}

.family__container {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: wrap;
}

.family {
    width: 40%;
    text-align: center;
}

.family img {
    position: relative;
    top: -1.5rem;
    max-width: 100%;
}

.family-text {
    width: 56%;
    position: relative;
}

.lines3 p {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 130%;
    margin-bottom: 3.0rem;
}

.family-text .button1, .lines3 .button1 {
    font-family: "Manrope";
    font-weight: 800;
    border: none;
    border-radius: 10px;
    padding: 0.8rem 3rem;
    background-color: #1e1e1e;

}

.family-text .button1:hover, .lines3 .button1:hover {
    background-color: #E3C161;
}


.section6 {
    margin-top: 6rem;
    scroll-margin-top: 131px;
}

.section6__article {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
}

.article-text {
    font-size: 2.5rem;
    font-weight: 800;
    width: 41.5%;
}

.article-text h3 {
    font-size: 2.0rem;
    font-weight: 700;
    margin-bottom:2rem;
}

.article-text p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 2.5rem;
}

.article-text span {
    color: #489273;
    font-weight: 700;
}

.phones-container {
    width: 55%;
}

.phones-container img {
    width: 100%;
}

.owl-carousel2 {
    margin: 8.4375rem auto 0 auto;
    padding: 0 3rem;
}

.owl-carousel {
    margin: 4rem auto 0 auto;
    padding: 0 3rem;
    max-width: 500px;
}

/*.owl-carousel {
    width: 90%;
    position: relative;
    margin-top: 4.5rem;
}*/

.owl-nav {
    position: absolute;
    width: inherit;
    left: 0;
    top: 45%;
    display: flex;
    justify-content: space-between;
}

.owl-prev:hover,
.owl-next:hover {
    background: none !important;
}

.owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
}
.owl-dot span {
    width: 8px !important;
    height: 8px !important;
    background: url("../img/Ellipse3.png") no-repeat !important;
    background-position: center !important;
    color: none !important;
}

.owl-dot.active span {
    width: 14px !important;
    height: 14px !important;
    background: url("../img/Ellipse2.png") no-repeat !important;
    background-position: center !important;
    color: none !important;
}


.section7 {
    scroll-margin-top: 131px;
}

.section7--bg {
    background: url("../img/Group3.png") no-repeat;
    background-color: rgba(82, 176, 146);
    background-size: 100% 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section7__container3 {
/*    background: url('../img/RectangleGreen2.png')no-repeat;
    background-size: cover;
    height: 540px;
*/}

.lines4 {
    /*background: url('../img/Group3.png') no-repeat;*/
    /*background-size: cover;*/
    overflow: hidden;
    position: relative;
    text-align: center;
}

.owl-carousel2 {
    width: 100%;
    position: relative;
    margin-top: 4.5rem;
}

.owl-stage-outer {
    overflow: hidden;
}

.owl-carousel2 .owl-stage{
    display: flex;
    
   
}

.lines4 .section2__cards {
    padding-top: 5rem;
}

.lines4 .my-card2 {
    background: white;
    margin: 0 15px;
    padding: 1rem 1.35rem ;
    font-family: 'Ubuntu', sans-serif;
    height: fit-content;
    border-radius: 10px;

}

 .lines4 .my-card2 .card-text {
    text-align: center;
    margin-bottom: 1rem;
    line-height: 1.5rem;
}

.lines4 .my-card2 .stars {
    margin: 1rem auto -.5rem auto;
    width: 65%;
    display: flex;
    justify-content: space-evenly;
}

.lines4 .my-card2 p {
    font-size: 1.375rem;
    font-weight: 700;
    text-align: center;
    margin: 2rem 0;
}


.lines4 .owl-nav {
    position: absolute;
    left: 0;
    width: inherit;
    top: 45%;
    display: flex;
    justify-content: space-between;
}

.lines4 .owl-dot, .lines4 .owl-prev, .lines4 .owl-next {
    background: none !important;
    border: none;
}

.lines4 .owl-dots {
    margin-top: 1.5rem;
}

.lines4 .owl-dot span {
    background: url('../img/DotW.png') no-repeat !important;
}

.lines4 .owl-dot.active span {
    background: url('../img/DotWA.png') no-repeat !important;
}

 .lines4 .button1 {
    margin: 1.5rem 0 0 0;
    font-family: "Manrope";
    font-weight: 800;
    border: none;
    border-radius: 10px;
    padding: 0.8rem 3rem;
    background-color: #1e1e1e;
    margin-bottom:2rem;
 }



.section8 {
     scroll-margin-top: 131px;
     text-align: center;
     font-family: "Manrope";
     font-weight: 800;
 }

.section8__accordion {
    margin: 2rem auto 0 auto;
    
  }

.section8__accordion .accordion-item {
    border: none !important;
    margin-bottom: 1rem;
    box-shadow: 2px 2px 12px rgb(67 94 85 / 20%);
    border-radius: 10px !important;
  }

 .section8__accordion .accordion-button.collapsed {
    font-size: 1.25rem;
    font-weight: 800;
    font-family: "Manrope", sans-serif;
    border-radius: 10px !important;
    padding: 2rem ;    
 }

 .section8__accordion .accordion-button:not(.collapsed)::after {
    width: 28px;
    transform: rotate(0deg);
    background: url('../img/ArrowUp.png');
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: center;
} 
 .section8__accordion .accordion-button {
    font-size: 1.25rem;
    font-weight: 800;
    font-family: "Manrope", sans-serif;
    background: white;
    border-radius: 10px !important;
    padding: 2rem ;
    box-shadow: none;
    color: black;
}

.section8__accordion .accordion-button::after {
    width: 28px;
    
    background-image: url('../img/ArrowDown.png');
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: center;
}

 .section8__accordion .accordion-body {
    font-family: 'Manrope', sans-serif;
    font-size: 1.25rem;
    text-align: left;
    border-radius: 10px !important;
    padding: 0 2rem 2rem 2rem ;
    font-weight: 400;
 }

 .section8 .button1 {
    padding: .8rem 3rem;
    border-radius: 10px;
    font-weight: 800;
}



.section9 {
    margin: 0 auto;
    font-family: "Manrope", sans-serif;
    scroll-margin-top: 131px;
}

.info__container {
    display: flex;   
    justify-content: center;
    flex-wrap: wrap;
}

.contacts {
    width: 40%;  
    font-size: 1.25rem; 
    font-weight: 800;
    
}

.contacts .contacts--value {
    font-size: 1.2rem;
    font-weight: 400;
}


.address, .cellPhone, .email {
    display: flex;
    box-shadow: 2px 2px 12px rgba(67, 94, 85, 0.2);
    border-radius: 10px;
    padding: 3rem 0;
    margin-bottom: 1rem;
}

.address {
    padding: 2rem 0;
}

.address-img, .cellPhone-img, .email-img {
    width: 20%;
    text-align: center;

}

.title {
    width: 20%;
}

.contacts .contacts--value {
    margin: 0;
}

.contacts .contacts--value a {
    text-decoration: none;
    color: black;
}

.send-card {
    width: 55%;
    box-shadow: 2px 2px 12px rgba(67, 94, 85, 0.2);
    border-radius: 10px;
    padding: 2rem 3rem;
    margin-bottom: 1rem;
    display:flex;
    flex-direction:column;
    justify-content: center;
}

label {
    /*color: rgba(118, 118, 118, 1);*/
    font-weight: 600;
    margin-bottom: .5rem;
}

.form-control {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    color: black;
    font-weight: 800;
}

#name, #email, #topic, #text {
    border: 2px solid #E3C161;
    border-radius: 10px;
}

.email-topic {
    display: flex;
    justify-content: space-between;

}

.email-topic div {
    width: 100%;
}

.send-card .button1 {
    border-radius: 10px;
    padding: .8rem 1.0rem;
    font-weight: 800;
}


footer {
    background: url('../img/FooterPic.png') no-repeat;
    background-size: 100% 100%;
    font-family: "Manrope", sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.info {
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    padding: 20rem 12px 0 12px;
    justify-content: space-between;

}

.info a {
    text-decoration: none;
    font-weight: 800;
    color: white;
    font-size: 1.0rem;
}

.info p {
    margin-top: 2rem;
}

.info p  a{   
    font-weight: 400;
}

.info .markets {
    flex-direction: column;
    width: 12%;
}

.info .markets p {
    color: white;
    font-size: 1.125rem;
    font-weight: 800;
}

.info .markets img {
    margin: 0 0 1rem 0;
}


@media (max-width: 1382px) {
    .header__container {
        width: 90%;
    }

    .section1 {
        height: 40rem;
    }

    .green-waves {
        position: absolute;
        top: 30rem;
    }

    .sa-container {
        width: 95%;
    }

    .phonesX__container {
        width: 50%; /* zmniejszyć ten obrazek trzeba */
    }

    .section1-text-title {
        font-size: 2.5rem;
    }

    .section4__cards .my-card
    {
        flex: 0 0 19rem;
    }
}

@media (max-width: 992px) {

    .section6__article {
        justify-content: center;
    }

    .article-text {
        margin-top: 2rem;
        width: 90%;
    }


    .phones-container {
        width: 90%;
    }

    .section1 {
        height: 31.7rem;
    }

    .section1-text-title {
        width: 100%;
    }

    .card-container {
        flex-wrap:wrap;
    }

    .contacts {
        width: 100%;
    }

    .send-card {
        width: 100%;
    }

    .contacts {
        font-size: 1.1rem;
    }

    .contacts .contacts--value {
        font-size: 1.1rem;
    }

    .title {
        font-size: 1.1rem;
    }

    .my-card img {
        margin: 1.7rem 0 1.8rem 0;
    }

    .my-card {
        flex: 0 0 20rem !important;
        margin: 0.8rem;
        margin-bottom: 0rem;
    }

    .my-card:nth-child(1) 
    .my-card:nth-child(2) {
        margin-top: 0;
    }    

    .section4__cards {
        flex-wrap: wrap;
    }

    .section4__cards .my-card {
        /*flex: 0 0 30rem !important;*/
        margin-top: 1.0rem;
    }

    .section1-text {
        width: 100%;
    }

    header {
        width: 100%;
        padding:0;
        margin:0;
    }

    .header__container {
        width: 100%;
        padding:0;
        margin:0;
    }

    .logo__container {
        width: 200px;
    }

    .section2 {
        padding-top:0;
    }

    .section3 {
        margin-top: 0;
    }

    .phonesX__container {
        display:none;
    }

    .green-waves {
        top: 22rem;
        height: 677px; 
    }
}

@media (max-width: 768px) {

    .lines3 p {
        font-size:1.5rem;
    }


    .contacts .contacts--value {
        font-size: 1.0rem;
    }

    .title {
        font-size: 1.0rem;
    }

    .logo__container {
        max-width: 150px;
    }

    .section1-text-title {
        font-size: 1.5rem;
    }

    .section5__container3 {
        margin-top: 2rem;
        padding-top: 1rem !important;
        height: 400px;
    }

    .family__container {
        justify-content: center;
    }

    .family-text {
        width: 100%;
        position: relative;
        text-align: center;
    }


    .navbar.open {
        display: block;
    }

    .navbar.close {
        display: none;
    }

    .navbar {
        position: absolute;
        display: none;
        overflow-y: auto;
        max-width: 100%;
        top: 75px;
        left: 0;
        right: 0;
        width: 100vw;
        height: 100vh;
        background-color: white !important;
        text-align:center;
        box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 19%);
        padding: 0rem 1rem;
    }

    .nav__container .container-fluid {
        justify-content: center;
    }

    .header__container .nav-link {
        margin-top:1rem;
    }

    .sa-nav__menu-icon {
        cursor: pointer;
        margin-right: 1rem;
        margin-left: 1rem;
        align-self: stretch;
        order: -1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        border: 1px solid #d6d6d6;
        border-radius: 3px;
        z-index: 4000;
    }

    .sa-nav__menu-icon div {
        width: 2.5rem;
        height: 3px;
        background-color: #383838;
        position: relative;
        transition: all .2s .05s;
    }

    .sa-nav__menu-icon div::before {
        top: -12px;
    }

    .sa-nav__menu-icon div::after {
        top: 12px;
    }

    .sa-nav__menu-icon div::before, .sa-nav__menu-icon div::after {
        content: '';
        width: 2.5rem;
        height: 3px;
        background-color: #383838;
        position: absolute;
        display: inline-block;
        transition: all .2s;
    }

    .sa-nav__menu-icon div.close {
        background-color: #ffffff;
    }

    .sa-nav__menu-icon div.close::before {
        transform: translateY(12px) rotate(45deg);
    }

    .sa-nav__menu-icon div.close::after {
        transform: translateY(-12px) rotate(-45deg);
    }

    .green-waves {
        background: url('../img/Group 4206mobile.png?q=1') no-repeat; 
        background-size: 100% 100%; 
        height: 860px;
        top: 42rem;
    }

    .card-container div.my-card {
        /*flex: 0 0 25rem !important;*/
    }    

    .section1 {
        height: 37rem;
    }

    .section1__article .btn {
        margin-top: 0.5rem;
    }

    .section3 {
        flex-wrap: wrap;
    }

    .section3__container1 .img-container {
        flex: 0 0 90%;
    }

    .section3__container1-text {
        flex: 0 0 90%;
    }

}

@media (max-width: 480px) {
    .section1 {
        height: 44rem;
    }

    .green-waves {
        top: 49rem;
    }

    .section1-text-title {
        font-size: 1.5rem;
    }

    .section1-text {
        font-size: 1.0rem;
    }

    .contacts .contacts--value {
        font-size: 0.8rem;
    }

    .title {
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
}

/* Do remontu */
/*
@media (max-width: 1630px) {
    .section1__text-container {
     top: 5rem;
    }

    .section1-text-title  {
        width: 45%;
        font-size: 2.5rem;
    }

    .section1-text1, .section1-text2 {
        width: 40%;
    }
}

@media (max-width: 1446px) {
    .section1-text-title {
        width: 55%;
    }
}

@media (max-width: 1330px) {
    .section2__container1-text button {
        margin-top: 1rem;
    }
}

@media (max-width: 1300px) {
    .section2__cards .my-card img {
        margin: 1rem;   
    }

    .section2-text-title {
        line-height: 110%;
    }

    .section2__cards .card-text {
        margin-top: .5rem;
    }

    .section2__cards .my-card img {
        margin-top: 3rem;
    }

    .article-text p {
        margin-bottom: 1rem;
    }

    .section3__container3 div h2 {
        margin: 5rem;
    }

    .section4__accordion {
        margin-top: 10rem;
    }
}

@media (max-width: 1200px) {
    header {
        padding: 1rem 0;
    }

    .header__container, .card-container, .section2__container1, .section2__cards, .section3__article, .info__container  {
        max-width: 960px;

    }

    .logo__container {
        width: 25%;
    }

    .logo__container img {
        width: 100%;
    }

    .header__container .markets {
        flex-direction: column;
        width: 15%;   
    }

    .section1 {
        height: 900px;
    }

    .section1-text-title {
        font-size: 2.5rem;
        line-height: 110%;
    }

    .phonesX__container {
        top: -57rem;
    }
    .section1__text-container {
        top: 1rem;
        max-width: 960px;
        margin: 0 auto;

        
    }

    .section1-text1 {
        width: 40%;
    }

    .section1-text2 {
        margin-bottom: 1rem;
        width: 40%;
    }

    .section1 .btn-container {
        width: 26%;
        display: flex;
        flex-direction: column;

    }

    .section1__article button {
        margin: 0 .5rem  1rem 0;
    }

    .lines-green {
        height: 500px;
        top: 25rem;
    }

    
    .card-container {
    bottom: 1.5rem;
    }

    .card-container div {
        padding: 0;
    }

    .card-container div img {
        margin: 3rem 0 1rem 0;
    }

    .section2, .section3 {
        margin-top: 2rem;
    }

    div h2 {
        margin-top: 2rem;
    }

    .family-text {
        top: -1.5rem;
    }

    .section2__container1-text {
        padding-top: 0;
    }

    .section2-text-title {
        font-size: 2rem;
        line-height: 1.5rem;
    }

    .section2-text1, .section2-text2, .section2-text3  {
        margin: .5rem 2rem 0 0;
        line-height: 100%;
    }

    .section2__container1-text button {
        margin-top: 1rem;
    }

    .section2__cards .my-card {
        padding: 1rem;
    }

    .section2__cards .my-card img {
        margin: 1.5rem;
    }

    .section2__cards .card-text {
        margin-bottom: 1rem;
    }

    .section2__cards .my-card .kill {
        display: none;
    }

    .section2__container3 {
        margin-top: 2rem;
    }

    .lines2 p {
        font-size: 2rem;
    }


    .article-text p {
        margin-bottom: 1rem;
    }

     .section3__article .phones-container {
         margin-top: 3rem;
     }

    .owl-carousel {
        margin-top: 1.5rem;
    }

    .section2 .owl-dots {
        padding-top: 2rem;
    }

    .owl-carousel2 {
        margin-top: 2rem;
    }

    .stars {
        margin-top: 0 !important;
    }

    .section4 .button1 {
        margin-bottom: 0;
    }

    .info__container {
        margin: 0 auto;
    }

    .contacts {
        width: 43%;
    }

    .send-card .button1 {
        margin-top: 3rem;
    }

    .info {
        padding-top: 10rem;
    }
}

@media (max-width: 991px) {
    .header__container, .section1__text-container, .card-container, .section2__container1, .section2__cards, .section3__article, .section4__accordion, .info__container {
        max-width: 720px;
    }

    .header__container .markets {
        display: none;
    }

    .nav__container {
        width: 70%;
    }

    .navbar-nav {
        flex-direction: row;
        
    }

    .section1 {
        height: 1250px;
    }

    .section1-text-title {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .section1-text1 {
        width: 45%;
    }

    .section1__article button {
        padding: 1rem 0;
    }

    .phonesX__container {
        top: -78.5rem
    }

    .card-container {
        display: grid;
        grid-template-columns: 320px 320px;
        grid-template-rows: 250px 250px;
        grid-gap: 2rem;
        grid-row-gap: 4rem;
        top: 38.5rem;
        margin: 0 auto;
    }

    .card-container div {
        width: 100%;
    }

    .section2 {
        margin: 0 auto;
    }

    .section2__container1 {
       display: block;
    }

    .section2__container1 .img-container, .section2__container1-text {
        width: 100%;
    }

    .section2__container1-text {
        padding: 0;
        
    }

    .section2-text-title {
        margin: 2rem 1rem 1rem;
    }

    .section2-text1, .section2-text2, .section2-text3 {
        margin: 1rem;
    }

    .section2__container1-text button {
        margin: 1rem auto;
    }

    .section2__cards {
        display: grid;
        grid-template-columns: 320px 320px;
        grid-template-rows: 350px 350px;
        grid-row-gap: 2.5rem;
    }

    .section2__cards .my-card {
        width: 100%;
    }

    .lines2 {
        max-height: 225px;
    }

    .lines2 p {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

   
    .section2__container3 {
        margin-top: 26rem;
        height: fit-content;
    
    }

    .section3__article {
        flex-direction: column-reverse;
    }

    .section3__article .article-text {
        margin: 2rem auto;
        text-align: center;
    }

    .phones-container, .article-text {
        width: 100%;
    }

    .owl-carousel, .owl-carousel2 {
        max-width: 720px;
    }

    .lines3 .my-card2 {
        width: 300px;
        margin: 0 auto;
        padding: 0 21px 1rem 21px;
    }

    .lines3 .my-card2 .stars {
        width: 100%;
    }

    .info__container {
        flex-direction: column;
    }

    .contacts, .send-card {
        width: 100%;
    }

    .info .markets p {
        font-size: 1rem;
    }
}

@media (max-width: 767px) {
    header {
        padding: 2rem 0;
    }

    .header__container, .section1__text-container {
        max-width: 540px;
    }

    .logo__container {
        width: 40%;
    }
    
    .navbar-nav {
        flex-direction: column;
    }

    .nav__container .container-fluid {
       
        justify-content:end;
     
    }

    .navbar-nav{
        text-align:right;
    }

    .nav-item {
        margin: 1rem 1rem;   
    }

    .section1 {
        height: 2150px;
    }

    .section1__text-container div {
        width: 100%;
    }

    .section1 .btn-container {
        justify-content: space-around;
        flex-direction: row;
        width: 100%;
    }

    .phonesX__container {
        top: -113rem;
        width: 100%;
        z-index: 99;
    }

    .section1__article button {
        padding: 1rem 3rem;
    }

    .lines-green {
        top: 15rem;
    }

    .card-container {
        padding: 0 1rem;
        max-width: 540px;
       top: 56rem;
       display: flex;
       flex-direction: column;
       z-index: 100;
    }

    .card-container div {
        padding: 2rem;
    }

    .section2__container1 {
        padding-top: 2rem;   
    }

    .section2__container1 {
        max-width: 540px;
    }

    .section2__cards {
        padding: 0 1rem;
        max-width: 540px;
        display: flex;
        flex-direction: column;
        position: relative;
        bottom: -16rem;
    }

    .section2__container3 {
        margin-top: 35rem;
    }

    .section3__article {
        max-width: 540px;
    }

    .section3 div h2 {
        margin: 5rem auto 2rem;
    }

    div h2 {
        margin-top: 3rem;
    }

    .article-text .markets2 {
        text-align: center;
    }

    .section4__accordion {
        max-width: 540px;
        padding: 0 12px;
    }

    .section4 .button1 {
        margin-top: .5rem;
    }

    .info__container {
        max-width: 540px;
    }

    .send-card {
        padding: 2rem;
    }

    .info .markets {
        width: 40%;
        flex-direction: row;
        align-items: flex-end;
    }

    .info .markets div {
        width: 40%;
    }


    .info .markets img, .info .markets p {
        margin-bottom: .5rem;
    }
}

@media (max-width: 545px) {
    .phonesX__container {
        top: -110rem;
    }
}

@media (max-width: 508px) {
    .phonesX__container {
        top: -110rem;
    }

    .section1-text-title {
        text-align: center;
    }
}
*/