/* @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'),
       local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxHYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'),
       url(https://fonts.gstatic.com/s/roboto/v15/vzIUHo9z-oJ4WgkpPOtg13YhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'),
       local('Roboto-Light'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
       local('Roboto-Regular'),
       url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'),
       url(https://fonts.gstatic.com/s/roboto/v15/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'),
       local('Roboto-Thin'),
       url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxHYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'),
       local('Roboto-Light'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
       local('Roboto-Regular'),
       url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'),
       local('Roboto-Thin'),
       url(https://fonts.gstatic.com/s/roboto/v15/Jzo62I39jc0gQRrbndN6nXYhjbSpvc47ee6xR_80Hnw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'),
       local('Roboto-Light'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfSZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
       local('Roboto-Regular'),
       url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v15/5YB-ifwqHP20Yn46l_BDhA.eot);
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'),
       local('Roboto-Thin'),
       url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxHYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'),
       url(https://fonts.gstatic.com/s/roboto/v15/vzIUHo9z-oJ4WgkpPOtg13YhjbSpvc47ee6xR_80Hnw.woff) format('woff'),
       url(https://fonts.gstatic.com/s/roboto/v15/Jzo62I39jc0gQRrbndN6nXYhjbSpvc47ee6xR_80Hnw.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'),
       local('Roboto-Light'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfSZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
       local('Roboto-Regular'),
       url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'),
       url(https://fonts.gstatic.com/s/roboto/v15/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff) format('woff'),
       url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype'),
       url(https://fonts.gstatic.com/s/roboto/v15/5YB-ifwqHP20Yn46l_BDhA.eot);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
} */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, svg text, .svg_text {
    font-family: 'Roboto' -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

@font-face {
    font-family: 'Carnero_Light';
    src: local('Carnero_Light'),
        local('Carnero_Light'),
        url(../themes/ailab/assets/Carnero_Light.ttf) format('truetype');
        font-style: normal
} 


.greenText {
                    color: #19e69a;
                    font-family: 'Carnero_Light';
                    letter-spacing: 3px;
                    }
              
svg text {
    font-weight: 100 !important; font-style: normal; 
}
.svgText300 {
    font-weight: 300 !important; font-style: normal; 
}
.svg-hover {

}
.svg-hover:hover path {
    fill: #19E69A !important;
}
.l-s {
    letter-spacing: 24px !important;
}
.l-s-2 {
    letter-spacing: 3px !important;
}
.fs-n {
    font-weight: normal !important;
}
.fs-l {
    font-weight: lighter !important;
}
.fs-m {
    font-weight: 500 !important;
}
.fs-b {
    font-weight: 800 !important;
}
.fs-t {
    font-weight: lighter !important;
    color: #232E42;
}
.bg-main {
    margin: 0;
    background-color: #020C1D;
    color: #FFFFFF !important;
    /* font-family: 'Open Sans';  */
    font-size: 14px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.vertical-center {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.ts {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    display: inline-block;
}
.f-12 {
    font-size: 12px;
}
.f-14 {
    font-size: 14px;
}
.f-18 {
    font-size: 18px;
}
.f-20 {
    font-size: 20px;
}
.f-27 {
    font-size: 27px;
}
.f-40 {
    font-size: 40px;
}
.f-32 {
    font-size: 32px;
}
.f-28 {
    font-size: 28px;
}
.f-26 {
    font-size: 26px;
    letter-spacing: 0.05em;
    opacity: 0.22;
    /* color: #fff; */
}
.bshadow {
    box-shadow: 1px 1px 16px  #000000 !important;
}
.bshadow-green {
    box-shadow: 1px 1px 16px rgba(25,230,154,0.17) !important;
}
.nav-text {
    color: #FFFFFF;
    cursor: pointer;
}
.nav-text:hover {
    color: #19E69A;
}
.br-main {
    border-color: #020C1D !important;
}
.br-dark {
    border-color: #152036 !important;
}
.br-green {
    border-color: #19E69A !important;
}
.br-rad-2 {
    border-radius: 2px;
}
.bg-green {
    background-color: #19E69A !important;
}
.f-success {
    color: #19E69A;
}
.f-blue {
    color: #232E42;
}
.bold {
    font-weight: 700 !important;
    letter-spacing: 0.024em !important;
}
.btn {
    width: 250px;
    border-radius: 26.5px;
}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #5FBEF9;
    border-color: #5FBEF9;
}
.btn:disabled {
    opacity: 1;
    cursor: not-allowed;
    background-color: #808080 !important;
    border-color: #808080 !important;
    color: white;
}
.btn-default, .btn-default:hover, .btn-default:active, .btn-default:visited {
    background-color: #808080;
    border-color: #808080;
    color: white
}
.border-bottom {
    border-color: #808080 !important;
}
.form-control {
    border-color: #020C1D !important;
    border-radius: 2px !important;
    background-color: #020C1D !important;
    /* box-shadow: none!important; */
    color: #5FBEF9;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #020C1D;
  -webkit-text-fill-color: #020C1D;
  color: #5FBEF9 !important;
}
.language-select, .language-select:hover, .language-select:active, .language-select:visited {
    padding: 0 5px 0 0 ;
    height: 24px !important;
    background-color: #020C1D;
    color: #5FBEF9;
}
.modal {
    color: black;
    display: none;
    position: fixed;
    z-index: 1;
    /* padding-top: 150px; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }

  .modal-content {
    background-color: white;
    margin: auto;
    padding: 20px;
    border: 1px solid #808080;
    width: 400px;
  }
  
  .close {
    color: #808080;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

.dropbtn {
  background-color: #020C1D;
  color: white;
  /* width: 100px; */
  font-size: 14px;
  border: #020C1D;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}

.dropbtn:hover, .dropbtn:focus {
  /* background-color: #2980B9; */
  outline: none;
  box-shadow: none;
}

.dropdown {
    min-width: 60px;
    position: relative;
    display: inline-block;
    outline: none;
    box-shadow: none;
    }

.dropdown-content {
    /* width: 160px; */
    cursor: pointer;
    display: none;
    position: absolute;
    background-color: #020C1D;
    box-shadow: 1px 1px 16px  #000000 !important;
    z-index: 1;
}

.dropdown-content div {
    padding: 4px 2px 4px 6px;
    color: white;
    display: block;
}

.dropdown-content div:hover {
    background-color: #051227;
    color: #19E69A;
}

.show {display:block;}

/* a{text-decoration: none !important; color: #FFFFFF;} */
a, a:hover {
    color: inherit; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
}
.carousel-caption {
    position: initial;
    padding-top: 0;
    /* padding-bottom: 30px; */
    margin-top: -20px;
}
.carousel-item {
    height: 250px;
}
.carousel-indicators li {
    background-color: #19E69A;
    width:            15px;
    height:           15px;
    border-radius:    50%;
}
.carousel-control-next, .carousel-control-prev {
    width: auto;
}
.bshadow-lg-green {
    box-shadow: unset !important;
}  

#welcome {}
    .welcome--text {
        width: 31%;
    }
    
    .welcome--img {
        width: 69%;
    }
    
#statistic {}
    .statistic__frame {
        width:  75%;
        height: 562px;   
    }
    .statistic__header {
        font-size: 78px;
    }
    .statistic__container {
        
    }
    .statistic__item {
        max-width: 230px;
    }
    
.statistic_gender {}
    .statistic_gender__img {
        margin-bottom: 0;
    }
    .statistic_gender_container {}
        .statistic_gender_item {
            width: 293px;
        }
    
.problems__container {}
    .problems__item {
        max-width: 322px; 
        height: 589px;    
    }
    .problem__item-green {
        border-radius: 2px;
    }

.footer__icons {
        height: 20px;
        display: flex;
        column-gap: 12px;
    }
        .footer__icons a {
            height: 100%;
            width: auto;
        }
            .footer__icons svg {
                height: 100%;
                width: auto;
            }
.footer-icon {
   margin: 0 !important;
}
#charitable_foundation {}
    .charitable_foundation_header {
        font-size: 32px
    }

.footer {
    width: 80%;
}
    .footer_map {
        margin-top: -70px; 
        min-width: 295px; 
        max-width: 500px;
    }
            
@media screen and (min-width: 992px) {
    .bshadow-lg-green {
        box-shadow: 1px 1px 16px rgba(25,230,154,0.17) !important;
    }    
}

@media screen and (max-width: 991px) {
    .bshadow {
        box-shadow: unset !important;
    }
    .vertical-center {
        position:      static;
        top:           unset;
        -ms-transform: unset;
        transform:     unset;
        z-index:       1;
    }
    
    #welcome {}
        .welcome--text {
            width: 100%;
        }
        .welcome--img {
            width:         100%;
            margin-bottom: 23px;
        }
    
    #statistic {}
        .statistic__frame {
            width:  90%;
            height: 250px;   
        }
        .statistic__header {
            font-size: 37px;
        }
        .statistic__header div {
            letter-spacing: unset !important;
        }
        .statistic__container {
            flex-direction: column;
            align-items:    center;
        }
            .statistic__container .statistic__item {
                max-width:     unset;
                width:         90%;
                border-bottom: 1px solid rgba(25, 230, 154, 0.22);
                border-left:   unset !important;
            }
            .statistic__container .statistic__item:first-child, 
            .statistic__container .statistic__item:last-child {
                 border-bottom: unset;
                 display:       none;
            }
        .statistic__container_fff {
            flex-direction: column;
            align-items:    center;
        }
            .statistic__container_fff .statistic__item {
                max-width:     unset;
                width:         90%;
                border-bottom: 1px solid rgba(25, 230, 154, 0.22);
                border-left:   unset !important;
                border-top: unset !important;
            }
            
            
    .statistic_gender {}
        .statistic_gender__img {
            margin-bottom: 30px;
        }
        .statistic_gender_container {}
            .statistic_gender_item {
                width: 100%;
            }
        
    .problems__container {}
        .problems__item {
            max-width: unset; 
            height: unset;
            padding-top: 2rem !important;
            padding-bottom: 2rem !important;
        }
        .problem__item-green {
            border-radius: 10px !important;
        }
        
    #charitable_foundation {}
        .charitable_foundation_header {
            font-size: 24px
        }
    
    .footer {
        width: 95%;
    }
        .footer__icons {
            margin-bottom: 10px;
            height: 25px;
        }  
        .footer_map {
            margin-top: 0px; 
            min-width: unset; 
            max-width: unset;
            padding-left: 0;
        }
}

.main-container {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}
.large-container {
    max-width: 1630px;
    margin: 0 auto;
    padding: 0 15px;   
}

ul {
    list-style: none
}
button {
    outline: none;
}
button:focus {
    outline: none;
}
.body-OH {
    overflow: hidden;
}
.menu-burger {
    display: none;
}
.invisible {
    opacity: 0;
}
.icon-menu span {
    transition: all 0.3s ease-in-out;
}
.showMenu {
    display: block !important;
}
.lang__body {
    display: flex;
    justify-content: space-between;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 38px;
}
.lang__item {
    font-family: Roboto;
    font-weight: 600;
    font-size: 21px;
    line-height: 31px;
    width: 85px;
    color: rgba(193, 206, 233, 0.4);
    padding: 3px 8px 3px 8px;
    display: flex;
    justify-content: center;
}
.lang__item > img {
    margin-right: 6px;
}
.lang__item.active {
    color: #D5DEF0;
    background: rgba(23, 35, 56, 0.76);
    border-radius: 4px;   
}
.product__column {
    /* display: flex; */
    position: relative;
}
.product__item.content {
    padding-top: 60px;
}
.product__title {
    position: absolute;
    top: 0;
    right: 63px;
}
 .gender-img-en {
    margin: 0 auto;
}
.gender-img-kz {
    margin: 0 auto;
}
.gender-img-ru {
    margin: 0 auto;
} 
.social {
    text-align: center;
    margin-bottom: 30px;
}
.footer-icon {
    margin: 0 16px;   
}
.slider-item {
   
}
.slider-link {
    display: flex;   
    flex-direction: column;
}
.slider-image{
    height: 70px;
    margin: auto;
    display: flex;
}
.slider-image > img {
    /* align-self: center; */
}
.swiper-pagination-bullet-active {
    background-color: #19E69A;   
}
.standart-process {
    padding-bottom: 30px !important;   
}
.product-section {
    padding-left: 0 !important;   
    padding-right: 0 !important;   
}
#company {
    margin-bottom: 48px;   
}
/* .slider__wrapper {
    display: flex;
    overflow: hidden;
}
.carousel-item {
    flex: 0 1 33.333%
} */
/* .carousel-inner .carousel-item.active,.carousel-inner .carousel-item-next,.carousel-inner .carousel-item-prev{display:flex}
.carousel-inner .carousel-item-right.active,.carousel-inner .carousel-item-next{transform:translateX(75%)}
.carousel-inner .carousel-item-left.active,.carousel-inner .carousel-item-prev{transform:translateX(-75%)}
.carousel-inner .carousel-item-right,.carousel-inner .carousel-item-left{transform:translateX(0)}
 */
 
 
 .swiper {
    max-width: 900px;
}
.swiper-wrapper {
    width: 100%;
    min-height: 300px;
}
.swiper-slide {
    display: flex;
    flex-flow: column;
    min-height: 230px;
    padding: 20px 0;
}
.swiper-content {
    max-width: 300px;
    width: 100%;
}
.swiper-image {
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.swiper-image > a > img {
    width: 100%
}
.swiper-text {
    padding: 0 15px;
    text-align: center;
}
.swiper-text > a > p {
    margin-bottom: 0 !important;   
}
.btn-prev,
.btn-next {
    overflow: hidden;
    height: 27px !important;
    color: #d5def0;
}
.btn-next {
    right: 0;
}
.btn-prev {
    left: 0;
}

 
 
 
@media (max-width: 1170px) {
    .header {
        height: 90px;
        align-items: center;
    }
    .menu {
        display: flex;
        flex-flow: column;
        align-items: end;
        margin-top: -24px !important;
    }
    .logo {
        align-items: center;
    }    
    .nav {
        order: 2;
    }
    .lang {
        order: 1;
    }
}

@media (max-width: 1090px) {
    .header{
        justify-content: space-between;
    }
    .menu {
        display: none; 
    }
    .menu-burger {
        display: block;
        margin-top: -4px;
    }
    .menu__wrapper {
        position: absolute;
        top: -2000px;
        transition: all 0.5s;
        padding: 20px 0;
        width: 100%;
        max-height: calc(100vh - 85px);
        overflow-y: auto;
        right: 0;
        left: 0;
        background-color: #020C1D;
    }
    .menu__body {
        text-align: center;
        margin-bottom: 38px;
    }
    .menu__wrapper.showMenu {
        top: 85px;
        left: 0;
        right: 0;
        /* min-height: calc(100vh - 85px); */
        padding: 0 0 60px;
    }
    .menu__wrapper.hideMenu {
        top: -2000px;
        left: 0;
    }
    .menu__list {
        padding: 0
    }
    .menu__item {
        padding: 12px 0;
        margin: 0 22px;
        position: relative;
    }
    .menu__item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #1F2A3E;
    }
    .menu__item:last-child::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #1F2A3E;
    }
    .menu__link {
        padding: 10px 30px;
        font-weight: 600;
        font-size: 21px;
        line-height: 31px;
        letter-spacing: 0.01em;
        font-family: 'Roboto';
        color: #D5DEF0;
    }
    .icon-menu {
        width: 30px;
        height: 20px;
        background: transparent;
        border: none;
        position: relative;
    }
    .icon-menu > span {
        background-color: #19E69A;
        height: 2px;
        width: 100%;
        display: block !important;
    }
    .icon-menu::after,
    .icon-menu::before {
        content: "";
        position: absolute;
        background-color: #19E69A;
        height: 2px;
        left: 0;
        right: 0;
        transition: all 0.4s;
    }    
    .icon-menu::after {
        bottom: 0;    
    }    
    .icon-menu::before {
        top: 0;    
    }    
    .icon-menu.active span {
        display: none;    
    }
    .icon-menu.active::after {
        transform: rotate(45deg);
        top: 8px;
    }
    .icon-menu.active::before {
        transform: rotate(-45deg);
        top: 8px;
    }
    .footer__icons {
        justify-content: center;   
    }
    .footer-icon {
        padding: 0 10px;
    }
    
}

@media (max-width:992px) {
    .product__column {
    }
    .product__item {
        /* flex: 0 0 50% !important; */  
        order: 1;
    }
    .product__item.content{
        justify-content: flex-start !important;
    }
    .product__title {
        position: relative;
        text-align: center;
        left: 15px;
        top: 0;
        /* transform: translateX(-50%); */
        order: 0;
    }
}

@media (max-width: 667px) {
    .swiper {
        height: 250px; 
    }
    .swiper-slide {
        align-items: center;
        
    }
}

@media (max-width: 460px) {
    .menu__body {
        text-align: left;
    }
    .menu__link {
        padding: 10px 0;
        width: 100%;
        margin: 0;
        display: inline-block;
    }
    .social {
        text-align: left;
        padding-left: 12px;
    }
    .footer__icons {
        justify-content: left;
        padding: 0 17px;
    }
    .footer-icon {
        padding: 0 5px;
    }
}

@media (max-width: 380px) {
    .header{
        padding: 0 15px !important
    }
    .lang__body {
        max-width: 280px;   
    }
}