@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

body{
    direction: ltr;
    font-family: 'Zen Kaku Gothic Antique', sans-serif !important;
}
 p{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
    color: inherit;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}


.title-page{
    font-weight: 800;
    text-align: center;

}
.content-box p{
  margin: 0;
  text-indent: 3ch;
}
.content-box h1{
    font-weight: 700;
    text-align: center;
    margin-bottom:  23px;
}
.content-box h2{
    font-weight: 600;
    text-align: center;
    margin-bottom:19px ;
}
.header-main{
     color: #ffff; 
    background-color:  #352961; 
    
}
.header-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.header-logo{
    
    text-align: center;
    padding: 20px 0px 15px;
}
.header__link{
    display: flex;
    align-items: center;             
    text-align: left;
    gap: 20px; 
}
.header__link img{
width: 50px;
height: 50px;
}
.header__link span{
font-size: 22px;
color: #ffff;              
}
.block{
display: flex;
align-items: center;
gap: 50px;

}
.block_item{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
   color: #ffff; 
    font-size: 14px;
    font-weight: 500;
    line-height: 26px; 
    flex: 1;
}
.block_item i{
    font-size: 30px;
}
.headertop-inner{
 
      background: #30c1be;
}
.navbar-nav{
    margin-left: auto;
    margin-right: auto;
}
.nav-link{
        padding: 22px 30px 22px 30px;
        color: #ffff;display: block;
        position: relative;
        
   

}
.nav-link:hover,.nav-link:focus{
        color: #000000;
}
.nav-item{
    text-align: center;
}
.nav-item >a::before{
    width: 1px;
    height: 40%;
    background:  #0000001c;
    border-radius: 2px;
    position: absolute;
    left: 0;
   
    content: "";
    display: block;

}
.last >a::after{
    width: 1px;
    height: 40%;
    background:  #0000001c;
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 21px;
   
    content: "";
    display: block;

}
.sub-nav li {
    padding: 5px;
}
.sub-nav {
    background-color:  #352961; 
    position: absolute;
    border: 3px;
    top: 100%;
    
    z-index: 5;
    width: 280px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: .5s ease-in-out;
}
.sub-nav a {
    color: white;
    text-align: left;
    font-size: 13px;
}
.sub-nav li:last-child a {
    border-bottom: none;
}
.navbar-nav>li:hover .sub-nav {
    opacity: 1;
    transform: scaleY(1);
}
.nav-sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
   
    box-shadow: 0 10px 33px rgba(0, 0, 0, .1) !important;
}
.bg-section{
    background-color:  #eeeeee;
}
.img-wrapper{
    height: 100vh;
    min-height: 600px;
    margin-left: auto;
    margin-right: auto;
   
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
}
.wrapper-bg-1{
     background-image:linear-gradient( to right, rgba(47, 48, 58, 0.5), rgba(47, 48, 58, 0.5) ), url(pic/renders_header_665efb7ed47432.29881800.jpg);

}
.wrapper-bg-2{
     background-image:linear-gradient( to right, rgba(47, 48, 58, 0.5), rgba(47, 48, 58, 0.5) ), url(pic/thumbnails_header_665efb7fe28914.68932518.jpg);

}
.wrapper-bg-3{
     background-image:linear-gradient( to right, rgba(47, 48, 58, 0.5), rgba(47, 48, 58, 0.5) ), url(pic/illustrations_header_665efb817c87f6.12170950.jpg);

}
.section-hero{
    position: relative;
}
.section{
    padding: 85px 0 84px;
}
.title{
    position: relative;
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    color: #202220;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.title::before{
    content: "";
    position: absolute;
    border-bottom: 2px solid #30c1be;
    display: inline-block;
    width: 50px;
    bottom: -10px;
    left: 0;
    right: 0;
}

.input-s31256626{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    margin: 10px 0px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.textarea-s31256626{
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    width: 100%;
}

.about-img-box{
    display: flex;
    align-items: center;
    gap: 23px;
    
}

.about-img-sall{
    display: flex;
    flex-direction: column;
     gap: 23px;

}
.about-img{
        position: relative;
}
.about-img::after,.about-img::before{
    content: "";
    left: 0;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.6s ease-in-out;
}
.about-img:hover:before {
    left: 50%;
    right: 50%;
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
}
.about-img:hover:after {
    bottom: 50%;
    top: 50%;
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
}
.products-bg{
    background-color: #ffffff;
}
.products{
   display: flex;
    flex-direction: row;        
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
   
}  
.products-box{
    display: flex;
    gap: 20px;
    justify-content: center;
}
.products-item{
    display: flex;
      flex: 1;
      background-color: #ffff;
      box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);
    
} 
.products-item:hover img{
    opacity: 1;
    transform: scale(1.15, 1.15);
}   



.products-item a{
    width: 100%;
}
.product-img{
    display: flex;
    justify-content: center;
    align-items: center;
    
    height: 270px;
    width: 270px;

}
.product-img img{
   transition: all 0.6s ease-in-out;
  
   border-radius: 50%;
   
}
.box-item{
    align-items: center;
    padding:  23px;
    text-align: left;
    overflow: hidden;
     display: flex;
    gap:  20px;
    
    flex-direction: column;
   
}
.box-item > div{
    flex: 1;
}
.rating i{
    color: #f7c633;
    margin: 0 1px;
   }

.rating-none i{
   color: #909c9c;
} 
.products-item h2{
    color: #1c1c1c;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
    font-weight: 400;

} 
.price{
    display: flex;
     color: #ff0000;
    gap:  5px;
    font-size: 16px;
    font-weight: 600;
   
}
.bg_container{
     background: #ffffff;     
    color: #000000;
    
}
.section-form{
    background: url(bg/0_image-display_PU8M.png); 
    width: 100%;
    background-position: center;
    background-size: cover;

}
.bg{
    
    background: url(bg/0_image-display_PU8M.png); 
    width: 100%;
    background-position: center;
    background-size: cover;
    padding: 40px 0;   
    text-align: center;
    overflow: hidden;    
    background-repeat: no-repeat;
}   
 .customers-wrapper{			          
padding: 0 20px 0;
text-align: center;
display: flex;
gap: 40px;
justify-content: center;
align-items: center;
flex-direction: row;

} 
.wrapperImg{
display: flex;
text-align: center;
gap: 15px;

}
.wrapperImg img{
width: 100px;
height: 100px;
border-radius: 50%;

}
.wrapperImg h3{
font-size: 18px;
font-weight: bold;


}
.slick-slide{
height: auto;
}
.form_bg{
margin-left: auto;
margin-right: auto;
background-image:linear-gradient( to right, rgba(47, 48, 58, 0.5), rgba(47, 48, 58, 0.5) ), url(pic/figures_header_665efb83a7cdb0.21579365.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: aliceblue;
}
.form-wrapper{
   text-align: center;
}
.form-item{
    display: flex;
    gap: 20px;
    flex: 1;
    justify-content: center;

}
.form-item form{
    width: 100%;
}
.formBox{
    text-align: center;
     margin-top: 30px;
    max-width: 500px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
   
    
}
.formBox input{
    margin-bottom: 20px;
  }
  .form-infa{
    flex-wrap: wrap;
    order: 1; 
  }
  .form-infa p{
    font-size: 18px

  }
  .box_label{
    text-align: start;
  }
  
 
  
  .partner-block{
   min-width: 230px;
    padding: 20px;
    border-radius: 10px ; 
}
.partner-bg{
    background: rgba(234, 227, 227, 0.9);
    backdrop-filter: blur(2px);
    width: 100%;
    height: 100%;
    padding: 20px;
    display: flex;
    justify-content: center;
}
.partner-block img{               
display: block;
max-width: 100%;
opacity: 0.5;
}
.slick-initialized .slick-slide{
display: flex;
justify-content: center;
align-items: center;
}
.footer{
     color: #ffff; 
    background-color:  #352961; 

}
.footer-bg{
    
    background: url(bg/2_image-display_PU8M.png); 
    width: 100%;
    background-position: center;
    background-size: cover;   
     overflow: hidden;    
    background-repeat: no-repeat;
}
.bottom-footer{
    padding-top: 23px;
    padding-bottom: 23px;
       
    border-top: 1px solid #313131;
    margin-top: 19px;
}
.footer-img {
    display: flex;
    gap: 20px;
    justify-content: center;
} 
.footer-blocks{
    padding: 45px 0 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: column;
} 
 .footer-flex{
     display: flex;
    gap: 20px;
 }
.footer-politik{
    display: flex;
    gap: 20px;
}
.footer-politik-item{
    display: flex;
    gap: 20px;
}
.footer-contskts{
    display: flex;
    gap: 20px;
}

.footer-contskts a{
    word-break: break-all;
}
}


.product-page{
    display: flex;
    flex-direction: row;
    gap: 19px;
    
}
.product-page_img{
    width: 40%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.product-page_img img{
    object-fit: contain;   
    width: 100%;
    border-radius: 5px;

}

.product-page_info{
    width: 59%;
}
.product-title{
    font-size: 24px;
    font-weight: 400;
    padding: 10px 0 15px;
    color: #000000;
    border-bottom: 1px solid #dfdfdf;
    line-height: 32px;
    margin-bottom: 19px;
}
.product-price{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
     border-bottom: 1px solid #dfdfdf;
    gap: 19px;
    
}
.price-color{
    color: #ff0000;
    font-size: 16px;
    font-weight: 600;

}
.product-page-content{
    margin-top: 41px;

}
.product-page-content p{
    margin-bottom: 10px !important;
}
.btn-product{
    margin-top: 19px;
}
.product-page-content ul{
    list-style: square;
    margin-left: 2rem;
}
.product-reviews{
    display: flex;
    gap: 25px;
}
.product-reviews-item{
flex: 1;
border: 1px solid rgb(144, 156, 156);
padding:  40px;
border-end-end-radius: 30%;
border-start-start-radius: 30%;
    
}
.review-blok{
    display: flex;
    justify-content: space-between;
    margin: 5px;
    gap: 17px;
    align-items: center;
    
}

.reviews-wrapper img{
    width: 100px;
height: 100px;
border-radius: 50%;
}
.related-slider{
    padding-left: 20px;
    padding-right: 20px;
}
.related-slider img{
    opacity: 1;
}
.related-slider .products-item{
    background-color: inherit;
   box-shadow:none
}
.related-slider .box-item{
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);

}

.related-slider .slick-initialized .slick-slide{
display: flex;
justify-content: center;
align-items: center;

}
.indentation{
    margin-left: 15px;
}
.related-bg{
    background-color: #ED6363;
}
.slick-prev:before, .slick-next:before {
    font-size: 40px;
    color: #30c1be;
}
.slick-next{
   right: 0;
    top: -40;
}
.slick-prev {
   left: unset;
    right: 50;
    top: -40;
}
 

.contact-section{
    width: 100%;          
    background-image: linear-gradient(to bottom, #eaf4ff, #e2f5ff, #d9f7ff, #d0f9ff, #c8fbff);
    color: #000000;
}
.bg_contact{
    background:  url(bg/2_image-display_PU8M.png);
    width: 100%;
    background-position: center;
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 30px;
    position: relative;

}

.contact-section .row{
align-items: center; 
         
}
.contact-section .col{
    padding: 2em 2em 2em 2em;
}              
.contact-title{
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
flex-direction: column;
order: 1;
font-weight: 600;
font-size:  18px;

                              
}
.contact-title h3{
margin-bottom: 23px;
font-size:   41px;
font-weight: 700;
line-height: 1.5;               
text-align: center;
color: #000000;
}

.contact_picture{
display: flex;
align-items: center;
justify-content: center;
}
.contact_picture img{
width: 75%;
}
.form-box{
display: flex;

justify-content: center;
gap: 17px;


}

.form{
background-color:  #ffffff;
margin: 0 auto;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);
text-align:start;
padding: 23px;
flex: 1;
border-radius: 5px;
order: 1;


}

.form-wrapper{
margin-bottom: 5px;
}

.form-text{
text-align: end;
margin-right: 15px;
}
.form-input{
padding: 7px;
width: 100%;
}
.box_label{
display: flex;
gap: 8px;
font-size: 14px;
}
.box_label a{
color: inherit;
}
.contact-btn{
margin-top:  19px;

}

.map-box{
flex: 1;
background-color:  #ffffff;
border-radius: 5px;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);
padding: 23px;
}                

iframe {
height: 100%;
max-height: 600px;
}
.contacts-list{
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 17px;    
}
.contact-item{
    display: flex;    
    gap: 15px;
    border-radius: 5px;
    text-align: center;
    align-items: center;
     flex-direction:  column;
	box-shadow: 0px 50px 100px -20px rgba(50, 50, 93, 0.15), 0px 30px 60px -30px rgba(0, 0, 0, 0.2), inset 0px -2px 6px 0px rgba(10, 37, 64, 0.25);
    padding:  19px;   
    transition: 0.3s;

}
.contact-item:hover{
transform: scale(1.1);
}
.contact-item i{
 font-size: 40px;
}
.contact-item h4{
   font-weight: 700;
}
.contact-item div{
    flex: 1;
}
.com-add{
    display: none;
}
.alert {
    width: 200px;
}
.title-com{
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    color: #202220;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 25px;

}
@media (max-width: 992px) {
    .block {
        text-align: center;
        flex-direction: column !important;
    }
}

@media (max-width: 425px) {
    .sub-nav {
        left: 0;
    }

    .contact-item p{
        word-break: break-all;
    }
}