@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');

body{
    direction: ltr;
    font-family: 'Tenor Sans', sans-serif !important;
    font-size: 16px;
    margin: 0;
    padding: 0px;
}

ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #160F30;
}



.top-area{
    background-color: #160F30;
}

.top-bar{
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-area .if-del{
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-area-phone a, .top-area-mail a{
    font-size: 16px;
    color: #fff;
}

.top-area-phone, .top-area-mail{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.top-area-phone i, .top-area-mail i{
  font-size: 19px;
  font-weight: 900;
  color: #FF6F91;
}


.navi-area {
    padding: 15px 0;
}

.brand {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 10px;
}
.brand a, .brand a:visited {
    color: #fff;
    text-decoration: none;
}


.brand a h2{
    font-size: 23px;
    font-weight: 900;
    color: #160F30;
    
}
.catalogis-pole-mid-block-inner {
  margin-bottom: 15px;
}
.brand img{
    width: 66px !important;
    height: 66px !important;
}

.nav-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

.nav-list{
    display: block;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}
nav ul li {
    float: left;
    position: relative;
}
nav ul li a, nav ul li a:visited {
    display: block;
    padding: 0 15px;
    line-height: 1.2;
    color:#160F30;
    text-decoration: none;
    margin-right: 15px;
}
nav ul li a:hover, nav ul li a:visited:hover {
    color: #FF6F91;
    transition: 0.3s ease-in-out;
}


nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
    padding-left: 10px;
    content: ' 🠻';
}
nav ul li ul li {
    min-width: 158px;
    background-color: #fff;
}
nav ul li ul li a {
    padding: 15px;
    line-height: 1.2;
}
.nav-dropdown {
    position: absolute;
    display: none;
    z-index: 1;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.nav-mobile {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: #262626;
    height: 100px;
    width: 100px;
}

#nav-toggle {
    position: absolute;
    left: 18px;
    top: 22px;
    cursor: pointer;
    padding: 10px 32px 15px 0px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 10px;
    width: 32px;
    background: #fff;
    position: absolute;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
    top: -10px;
}
#nav-toggle span:after {
    bottom: -10px;
}
#nav-toggle.active span {
    background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
}
#nav-toggle.active span:before {
    transform: rotate(45deg);
}
#nav-toggle.active span:after {
    transform: rotate(-45deg);
}



.hero {
  overflow: hidden;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    place-items: center;
    gap: 32px;
    width: 100%;
    padding: 101px;
    background-image: url(media/overlay-bg-2025-06-12_23-23-330.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #060606;
  }
  
  .hero-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .hero-content h1 {
    color: transparent;
    font-size: 19px;
    line-height: 1.2;
    animation: fade-in-out 12s linear infinite;
    text-align: center;
    padding-bottom: 10px;
  }
  
  @keyframes fade-in-out {
    0% {
      color: #fff;
      filter: hue-rotate(0deg);
      text-shadow: 0 0 10px #00b3ff, 0 0 15px #00b3ff;
    }
  
    30%,
    70% {
      color: #fff;
      filter: hue-rotate(360deg);
      text-shadow: 0 0 10px #00b3ff, 0 0 15px #00b3ff;
    }
  
    100% {
      color: transparent;
      box-shadow: none;
      filter: hue-rotate(0deg);
    }
  }
  
  
  .card-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 52px 0;
  }
  
  .card {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 158px;
    aspect-ratio: 3/4;
    background: linear-gradient(#fff2, transparent);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--border-radius);
    margin: 0 -42px;
    backdrop-filter: blur(10px);
    transform: rotate(calc(var(--r) * 1deg)) translateY(calc(var(--y) * 1px))
      translateX(calc(var(--x) * -1px));
    transition: all 0.4s ease-in;
  }
  
  .card img{
    width: 90% !important;
    height: 90%;
  }
  
  .card-container:hover .card {
    margin: 0 10px;
    transform: rotate(0deg) translateY(0) translateX(0);
  }
  
  .bas{
    background-image: url(media/overlay-bg-2025-06-12_23-23-331.png);
    background-size: 400px 400px;
    background-position: center;
    background-color: #00000007;
    color: #202020;
    padding: 10px 0;
  }

    .about {
      background-image: url(media/overlay-bg-2025-06-12_23-23-331.png);
      background-size: 400px 400px;
      background-position: center;
      background-color: #00000007;
      color: #202020;
      padding: 101px 0;
    }

    .about .row{
        background-color: #fff; 
        box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.2);
    }

    .about-image img{
        display: flex;
        width: 100% !important;
        height: 433px !important;
        object-fit: contain;
        padding: 10px;
    }

    .about-text{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 15px;
    }

    .about-text h5{
        position: relative;
        font-size: 23px;
        font-weight: 900;
        color: #160F30;
        padding-bottom: 10px;
    }

    .about-text h5:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 132px;
        height: 1px;
        background-color: #FF6F91;
    }
    
    .about-text h5:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 42px;
        height: 3px;
        background-color: #FF6F91;
    }

    .about-text p{
        padding-top: 10px;
    }
   
     .catalogis-pole {
        padding: 101px 0;
      }
      
      .catalogis-pole-title{
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center;
          padding-bottom: 32px;
      }
      
      .catalogis-pole-title h5{
        font-size: 23px;
        font-weight: 900;
        color: #160F30;
        position: relative;
        padding-bottom: 10px;
      }

      .catalogis-pole-title h5:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 132px;
        height: 1px;
        background-color: #FF6F91;
    }
    
    .catalogis-pole-title h5:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 42px;
        height: 3px;
        background-color: #FF6F91;
    }

     
    
      .catalogis-pole .catalogis-pole-block {
        display: flex;
        background: #fff;
        overflow: hidden;
        transition: 0.3s;
        margin-bottom: 28px;
        box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
        
      }
      
      .catalogis-pole .catalogis-pole-block .catalogis-pole-top-content {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
      }
      
      .catalogis-pole .catalogis-pole-block .catalogis-pole-top-content img {
        width: 100% !important;
        object-fit: contain;
        max-height: 433px !important;
      }
      
     
      .catalogis-pole .catalogis-pole-block .catalogis-pole-mid-content {
        padding: 20px 23px;
      }
      
      .catalogis-pole  .catalogis-pole-mid-content h3 {
        font-size: 19px;
        font-weight: 900;
        color: #160F30;
        margin-bottom: 0;
        transition: 0.3s;
      }
      
      .catalogis-pole .catalogis-pole-mid-content p {
        font-size: 16px;
        margin-top: 2px;
        margin-bottom: 10px;
      }
    
      .catalogis-pole-mid-content-inner{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }
    
      .catalogis-pole .catalogis-pole-mid-aviable {
        font-size: 17px;
        font-weight: 900;
        color: #FF6F91;
      }
      
      .catalogis-pole-mid-content{
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      
      .catalogis-pole .catalogis-pole-mid-content-inner span i {
        font-size: 16px;
        color: #FDAE5C;
        padding-left: 10px;
      }
      
      .catalogis-pole .catalogis-pole-mid-content-info {
        font-size: 17px;
        font-weight: 900;
        color: #160F30;
      }
      
    
      .catalogis-pole .catalogis-pole-block:hover .catalogis-pole-mid-content h3 {
        color: #FF6F91;
      }
      

      .catalogis-pole-mid-content .price{
        font-size: 19px;
        font-weight: 900;
        color: #FF6F91;
      }
    

    
    .catalogis-pole .catalogis-pole-mid-content a{
        text-decoration: none;
        color: #160F30;
    }

    .catalogis-pole-main-btn{
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .catalogis-pole-content-btn a{
      font-size: 17px;
      font-weight: 600;
      border-radius: 0px;
      border: 2px solid #160F30;
      background: #fff;
      padding: 10px;
      color: #FF6F91;
      transition: .3s ease-in-out;
    }

    .catalogis-pole-content-btn a:hover{
      border: 2px solid #FF6F91; 
      padding: 10px;
      background: #160F30;
      color: #fff;
      transition: .3s ease-in-out;
    }

    .section-services {
      background-image: url(media/overlay-bg-2025-06-12_23-23-331.png);
      background-size: 400px 400px;
      background-position: center;
      background-color: #00000007;
      color: #202020;
      padding-top: 110px;
      padding-bottom: 115px;
    }
    
    .section-services .header-section {
      margin-bottom: 32px;
    }
    
    .section-services .header-section .title {
      position: relative;
        padding-bottom: 10px;
        margin-bottom: 20px;
        font-weight: 900;
        font-size: 23px;
    }

    .section-services .header-section .title:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 132px;
      height: 1px;
      background-color: #FF6F91;
  }
  
  .section-services .header-section .title:after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 50%;
      transform: translateX(-50%);
      width: 42px;
      height: 3px;
      background-color: #FF6F91;
  }
    
    .section-services .header-section .description {
      font-size: 13px;
        color: #282828;
    }
    
    .section-services .single-service {
        position: relative;
        margin-top:  27px;
        background-color: #fff;
        border-radius: 10px;
        padding: 32px 28px;
        overflow: hidden;
        flex: 1;
    }
    
    .section-services .single-service .content {
      position: relative;
      z-index: 20;
    }
    
    .section-services .single-service .circle-before {
        position: absolute;
        top: 0;
        right: 0px;
        transform: translate(40%, -40%);
        width: 159px;
        height: 159px;
        background-color: #FF6F91;
        border: 6px solid #160F30;
        border-radius: 50%;
        opacity: 0.5;
        z-index: 10;
        transition: all .6s;
    }
    
    .section-services .single-service:hover .circle-before {
      width: 100%;
      height: 100%;
      transform: none;
      border: 0;
      border-radius: 0;
      opacity: 1;
    }
    
    .section-services .single-service .icon {
      display: inline-block;
      margin-bottom: 28px;
        width: 66px;
        height: 66px;
        background-color: #FF6F91;
        border-radius: 10px;
        line-height: 1.2;
        text-align: center;
        color: #fff;
        font-size: 27px;
        transition: all .3s;
    }
    
    .section-services .single-service:hover .icon {
      background-color: #fff;
      color: #FF6F91;
    }
    
    .section-services .single-service .title {
        margin-bottom: 19px;
      font-weight: 900;
        font-size: 23px;
        transition: color .3s;
    }
    
    .section-services .single-service:hover .title {
      color: #fff;
    }
    
    .section-services .single-service .description {
        margin-bottom: 15px;
        font-size: 13px;
        transition: color .3s;
    }
    
    .section-services .single-service:hover .description {
      color: #fff;
    }
    
    .section-services .single-service a {
      position: relative;
      font-size: 19px;
        color: #202020;
        text-decoration: none;
        font-weight: 600;
        transition: color .3s;
    }
    
    .section-services .single-service:hover a {
      color: #fff;
    }
    
    .section-services .single-service a:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #FF6F91;
      transition: background-color .3s;
    }
    
    .section-services .single-service:hover a:after {
      background-color: #fff;
    }

    .testimonial-section {
      text-align: center;
      padding: 101px 0;
  }
  
  .testimonial-section-title{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding-bottom: 28px;
  }
  
  .testimonial-section-title h5{
      font-size: 23px;
      font-weight: 900;
      color: #160F30;
      position: relative;
      padding-bottom: 10px;
    }

    .testimonial-section-title h5:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 132px;
      height: 1px;
      background-color: #FF6F91;
  }
  
  .testimonial-section-title h5:after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 50%;
      transform: translateX(-50%);
      width: 42px;
      height: 3px;
      background-color: #FF6F91;
  }

  .testimonial-slider{
      display: flex;
      flex-direction: column;
  }
  
  .single-testimonial{
      display: flex;
      flex-direction: column;
      flex: 1;
      margin-right: 15px;
  }
  
  .single-testimonial {
    padding: 32px 15px;
    border-radius: 0px;
    background-color: #160F30;
  }
  
  .single-testimonial .testimonial-content {
    text-align: center;
    margin-bottom: 28px;
  }
  
  .single-testimonial .rating-box {
    margin-bottom: 10px;
  }
  
  .rating-box i {
    color: #FF6F91;
    font-size: 23px;
  }
  
  .single-testimonial .testimonial-content p {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    line-height: 1.8;
  }
  
  .single-testimonial .avatar {
    margin: 0 auto;
    margin-bottom: 15px;
  }
  
  .single-testimonial .avatar img {
    width: 101px !important;
    height: 101px !important;
    border: 3px solid #FF6F91;
    margin: 0 auto;
  }
  
  .single-testimonial .testimonial-bio {
    text-align: center;
  }
  
  .single-testimonial .testimonial-bio .bio-info h3 {
    color: #fff;
    font-size: 19px;
    font-weight: 900;
    margin-bottom: 10px;
  }
  
  .single-testimonial .testimonial-bio .bio-info span {
    color: #FF6F91;
      font-size: 16px;
      font-weight: 600;
      display: block;
  }

  .testimonial-slider .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 15px 0;
    list-style-type: none;
  }
  
  .testimonial-slider .slick-dots li{
    margin: 0  10px;
  }
  .testimonial-slider .slick-dots li button{
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #FF6F91;
    text-indent: -9999px;
  }
  
  .testimonial-slider .slick-dots li.slick-active button{
    background-color: #060606;
  }
   
  .order-f{
    padding: 101px 0;
    background-image: url(media/overlay-bg-2025-06-12_23-23-331.png);
    background-position: center;
    background-size: 400px 400px;
    background-color: #00000007;
}

.order-f__title{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 52px;
    padding-top: 28px;
}

.order-f__title h5{
    font-size: 23px;
    font-weight: 900;
    color: #160F30;
    position: relative;
    padding-bottom: 10px;
  }

  .order-f__title h5:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 132px;
    height: 1px;
    background-color: #FF6F91;
}

.order-f__title h5:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 42px;
    height: 3px;
    background-color: #FF6F91;
}

.order-f_block label{
    color: #fff;
}

.order-f_block {
    box-shadow: rgb(38, 57, 77) 0px 15px 28px -10px;
    background-color: #160F30;
}

.order-f_block .order-f_box {
    border-radius: 0px;
    padding: 0 28px;
}

.order-f_block .fild{
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 28px;
}

.order-f_block .input-main__element_component{
    border: 1px solid #FF6F91;
    border-radius: 10px;
    color: #333;
    height: 42px;
    padding: 10px  15px;
    transition: all 0.3s ease 0s;
}

.order-f_block .textarea-main__element_component{
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: none;
    color: #333;
    padding: 10px  15px;
    height: 101px;
}

.order-f_block .form-check{
    align-items: flex-start;
    padding-top: 10px;
    padding-left: 32px;
    text-align: left;
}

.order-f_block .form-check a{
    text-decoration: underline;
    color:#FF6F91; 
}

.order-f_block__btn{
    display: inline-block;
}


.foot{
  padding: 52px 0;
  background-image: url(media/overlay-bg-2025-06-12_23-23-330.png);
  background-color: #060606;
}

.foot-block-adres{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.foot-block-content i{
  font-size: 23px;
  font-weight: 900;
  color: #FF6F91
}

.foot-block-content h3{
  font-size: 19px;
  font-weight: 900;
  color: #fff;
}

.foot-block-content span{
  font-size: 16px;
  color: #fff;
}

.foot-block-content a{
  font-size: 17px;
  color: #fff;
  text-decoration: none;
}

.foot-work-h{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.foot-work-h-inner{
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}

.foot-work-h i{
  font-size: 27px;
  font-weight: 900;
  color: #FF6F91;
}

.foot-work-h .w-time{
  font-size: 16px;
  color: #fff;
}

.foot-work-h h4{
  font-size: 19px;
  font-weight: 900;
  color: #fff;
}

.foot-links-block{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.foot-links-block-inner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.foot-links-block-inner a{
  font-size: 16px;
  color: #fff;
}

.foot-links-block-inner a:hover{
  font-size: 16px;
  color: #FF6F91;
}

    
.copyright{
  padding: 28px 0;
  background-color: #160F30; 
  border-top: 1px solid #fff;
}

.copyright-logo-block-inner{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.copyright-logo-block-inner a{
  text-decoration: none;
}

.copyright-logo-block-inner a img{
  width: 52px !important;
  height: 52px !important;
}

.copyright-cards-block-inner{
  display: flex;
  justify-content: center;
  align-items: center;
}

.copyright-logo-block-inner a h4{
  color: #fff;
}

.copyright-cards-block-inner img{
  width: 101px !important;
  height: 52px !important;
}

.details-p{
  padding: 101px 0;
}

.details-p .row{
  display: flex;
}

.details-p .details-p__title{
  padding-bottom: 32px;
}
.details-p .details-p__title h5{
  font-size: 23px; 
  letter-spacing: 2px;
  text-align:center;
  font-weight: 900;
  color: #160F30;
  position: relative;
  padding-bottom: 10px;
  }

  .details-p__title h5:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 132px;
      height: 1px;
      background-color: #FF6F91;
  }
  
  .details-p__title h5:after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 50%;
      transform: translateX(-50%);
      width: 42px;
      height: 3px;
      background-color: #FF6F91;
  }

.details-p__content .details-p__block{
  box-shadow: rgb(38, 57, 77) 0px 15px 28px -10px;
  padding: 42px;
  margin: 28px 0;
}

.details-p__block .details-p-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  padding-top: 15px;
}

.details-p__block .avai span{
  font-size: 19px;
  font-weight: 900;
  color: #160F30;
}

.details-p__block .avai i{
  padding-left: 10px;
  font-size: 27px;
  color: #FF6F91;
}


.details-p__block .cp{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.details-p__block .cp span{
  font-size: 19px;
  font-weight: 900;
}

.details-p__block .views{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.details-p__block .views span{
  font-size: 19px;
  font-weight: 900;
}

.details-p__block .views  i{
  font-size: 27px;
  color: #FF6F91;
}

.details-p__content {
  display: flex;
  gap: 15px;
}

.details-p__content img{
  width: 100% !important;
  max-width: 100%;
  object-fit: cover;
}

.details-p__content strong{
  color: #160F30;
}

.details-p__block h5{
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  color: #160F30;
}

.details-p__block .price{
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
}

.details-p__block .price span{
  font-size: 19px;
  font-weight: 900;
  color: #FF6F91;
  padding-bottom: 10px;
}

.db-page-content ul{
  list-style: disc !important;
}

.db-page-content h2{
  font-size: 17px;
  font-weight: 900;
}


.db-page-content{
  box-shadow: rgb(38, 57, 77) 0px 15px 28px -10px;
  padding: 42px;
  margin: 28px 0;
}

.details-p__form label{
  color: #160F30;
}

.details-p__form .fild{
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 28px;
}

.details-p__form .input-main__element_component{
  border: 1px solid #eee;
  border-radius: 10px;
  color: #333;
  height: 42px;
  padding: 10px  15px;
  transition: all 0.3s ease 0s;
}

.details-p__form .textarea-main__element_component{
  border: 1px solid #eee;
  border-radius: 10px;
  box-shadow: none;
  color: #333;
  padding: 10px  15px;
  height: 101px;
}

.details-p__form .form-check{
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 32px;
  text-align: left;
  padding-top: 10px;
  padding-left: 32px;
}

.details-p__form .form-check a{
  text-decoration: underline;
  color:#FF6F91; 
}


.details-p-comment{
  padding: 101px 0;
  background-image: url(media/overlay-bg-2025-06-12_23-23-331.png);
  background-position: center;
  background-size: 400px 400px;
  background-color: #00000007;
}

.details-p-comment-title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 28px;
}

.details-p-comment-title h5{
  font-size: 23px; 
  letter-spacing: 2px;
  text-align:center;
  font-weight: 900;
  color: #160F30;
  position: relative;
  padding-bottom: 10px;
  }

  .details-p-comment-title h5:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 132px;
      height: 1px;
      background-color: #FF6F91;
  }
  
  .details-p-comment-title h5:after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 50%;
      transform: translateX(-50%);
      width: 42px;
      height: 3px;
      background-color: #FF6F91;
  }

  .details-p-comment-block{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 15px;
  }

  .details-p-comment-block-inner{
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    padding: 28px;
    background-color: #060606;
    border-radius: 0px;
  }


  .details-p-comment-photo img{
    width: 101px !important;
    height: 101px !important;
  }

  .details-p-comment-text-inner h3{
    font-size: 19px;
    font-weight: 900;
    color: #FF6F91;
  }

  .details-p-comment-content p{
    font-size: 16px;
    color: #fff;
  }

  .details-p-comment-rating i{
    font-size: 23px;
    color: #FDAE5C;
  }


  .contact-page {
    padding: 101px 0;
  }


  .contact-page-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 32px;
  }
  
  .contact-page-title h5{
    font-size: 23px; 
    letter-spacing: 2px;
    text-align: center;
    font-weight: 900;
    color: #160F30;
    position: relative;
    padding-bottom: 10px;
    }
  
  .contact-page-title h5:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 132px;
      height: 1px;
      background-color: #FF6F91;
  }
    
  .contact-page-title h5:after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 50%;
      transform: translateX(-50%);
      width: 42px;
      height: 3px;
      background-color: #FF6F91;
  }

.contact-page-adres-content{
  box-shadow: rgba(0, 0, 0, 0.56) 0px 15px 66px 4px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #160F30;
}

.contact-page-adres-text i{
  font-size: 27px;
  font-weight: 900;
  color: #fff;
}

.contact-page-adres-text h4{
  font-size: 23px;
  font-weight: 900;
  color: #fff;
}

.contact-page-adres-text p{
  font-size: 17px;
  font-weight: 900;
  color: #FF6F91;
}

.contact-page-adres-text a{
  font-size: 17px;
  font-weight: 900;
  color: #FF6F91;
  text-decoration: none;
}


.contact-page__box{
  display: flex;
}

.contact-page .form{
  box-shadow: rgba(0, 0, 0, 0.56) 0px 20px 66px 4px;
  padding: 28px;
}


.contact-page label{
    color: #160F30;
}

.contact-page .form-groups .input{
    border: 1px solid #eee;
    border-radius: 10px;
    color: #333;
    height: 42px;
    padding: 10px  15px;
    transition: all 0.3s ease 0s;
}

.contact-page .field{
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 28px;
}

.contact-page .form-groups .textarea{
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: none;
    color: #333;
    padding: 10px  15px;
    height: 101px;
}

.contact-page .form-check{
    align-items: flex-start;
    padding-top: 10px;
    padding-left: 32px;
    text-align: left;
    padding-top: 10px;
    padding-left: 32px;
}

.contact-page .form-check a{
    color: #FF6F91;
}

.g-m{
    overflow: hidden;
}
 
.g-m iframe{
  display: flex;
}

.psa{
  padding: 100px 100px;
  overflow: hidden;
}

.psa h1.psa-t{
  font-size: 23px;
  font-weight: 900;
}

.psa h1,h2,h3{
  font-size: 19px;
  font-weight: 900;
}

.psa  a{
  text-decoration: underline;
  color: #160F30 !important;
}

.psa ol li {
  color: #160F30 !important;
}

.psa ul{
  list-style: disc !important
}

  .button-1 {
    padding: 10px 15px;
    font-size: 17px;
    font-weight: 900;
    background: #160F30;
    color: #fff;
    border-radius: 10px;
    border-bottom: 2px solid #FF6F91;
    border-right: 2px solid #FF6F91;
    border-top: 2px solid #160F30;
    border-left: 2px solid #160F30;
    transition-duration: 1s;
    transition-property: border-top, border-left, border-bottom, border-right,
      box-shadow;
    cursor: pointer;
    outline-color: transparent;
    text-decoration: none;
  }
  
  .button-1:hover {
    color: #fff;
    border-top: 2px solid #FF6F91;
    border-left: 2px solid #FF6F91;
    border-bottom: 2px solid #160F30;
    border-right: 2px solid #160F30;
    box-shadow: rgb(9, 199, 251, 0.4) 10px 10px, rgb(9, 199, 251, 0.3) 10px 10px,
      rgb(9, 199, 251, 0.2) 15px 15px;
  }


  .button-2 {
    color: #fff;
    font-size: 16px;
    background-color: #FF6F91;
    border: 10px solid transparent;
    transition: .2s ease;
    border-radius: 0px;
    padding: 10px;
}

.button-2:hover {
	color: #FF6F91;
	background-color: #160F30;
	transform: scale(1.1);
	border: 10px solid #FF6F91;
}

.button-3 {
  border-color: #FF6F91;
  color: #FF6F91;
  transition: all 0.5s;
  font-size: 17px;
}

.button-3:hover {
  box-shadow: inset 0 0 0 2em #FF6F91;
  border-color: #FF6F91;
  color: #fff;
}


.button-4 {
  border-color: #FF6F91;
  color: #FF6F91;
  font-size: 17px;
}

.button-4:hover {
  color: #fff;
  transition-delay: 0.2s;
  animation: ani500 0.6s forwards;
  background: radial-gradient(circle, #FF6F91 0.2em, transparent 0.3em) 6em 6em/1em 1em, radial-gradient(circle, #716eef 0.2em, transparent 0.3em) 0 0/1em 1em;
}
@keyframes ani500 {
  100% {
      background-size: 2.375em 2.375em, 0.1em 0.1em;
  }
}

.button-5{
  font-size: 17px;
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none;
  color:#160F30;
  background: #FF6F91;
  font-weight: 900;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.button-5:hover,
.button-5:focus {
  color: #fff;
  background:#060606;
  border: 1px solid #FF6F91
}



        .slick-slider .slick-track, .slick-slider .slick-list{
            direction: ltr;
        }

        @media (max-width: 1400px) {
          .hero {
            gap: 32px;
            padding: 100px 66px;
          }
        
          .hero-content {
            padding-right: 66px;
          }
      
        }
        
        @media (max-width: 975px) {
          .hero {
            grid-template-columns: 1fr;
            grid-template-rows: repeat(2, 1fr);
            gap: 32px;
            grid-template-areas:
              "card-container"
              "hero-content";
            padding: 32px 52px 28px;
          }
        
          .hero-content {
            grid-area: hero-content;
            padding-right: 0;
            text-align: center;
          }
        
          .card-container {
            grid-area: card-container;
            margin-left: 32px;
            margin-top:  27px;
          }
        
          .card {
            max-width: 159px;
          }
        
        }
        
      
        @media (min-width: 993px) {
            .nav-list {
                display: block !important;
           }
        }

        @media (max-width: 992px) {
            .nav-mobile {
                display: block;
           }
            nav {
                width: 100%;
           }
            nav ul {
                display: none;
           }
            nav ul li {
                float: none;
           }
            nav ul li a {
                padding: 15px;
                line-height: 1.2;
           }
            nav ul li ul li a {
                padding-left: 28px;
           }
            .nav-dropdown {
                position: static;
           }

            .nav-container {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column-reverse;
            }

            .catalogis-pole .catalogis-pole-block{
              flex-direction: column;
              padding: 10px;
            }

            .foot-block-adres{
              width: 100% !important;
            }

            .foot-work-h{
              width: 100% !important;
              padding-bottom: 28px;
            }

            .foot-work-h-inner{
              flex-direction: column !important;
            }

            .foot-block-adres-inner{
              display: flex;
              flex-direction: column;
              gap: 15px;
              padding-bottom: 28px;
            }

            .foot-links-block{
              width: 100% !important;
            }

            .details-p__content{
              flex-direction: column !important;
            }

            .contact-page__box{
              margin-top:  27px;
            }

            .contact-page-adres-content{
              width: 100% !important;
            }

            .contact-page__box{
              width: 100% !important;
            }

            .copyright-cards-block-inner{
              padding-top: 10px;
            }

            .nav-container{
              gap: 0;
            }

            .nav-list{
              margin-top: 15px;
            }
           
        }
       

  
        @media(max-width: 768px){
            
            .top-area .top-d{
                flex-wrap: wrap;
                flex-direction: column;
                gap: 15px;
            }

            .details-p-comment-block{
              flex-direction: column !important;
            }
           
        }

        @media (max-width: 750px) {
          .grid-area {
            grid-template-columns: repeat(6, 100px);
            grid-template-rows: repeat(9, 100px);
          }
        }

        @media(max-width: 600px){
            .psa {
                padding: 32px 32px;
            }

            .top-area-phone a, .top-area-mail a{
                font-size: 16px !important;
            }

            .top-area-phone, .top-area-mail{
                width: 100% !important;
            }

            .brand a h2{
                font-size: 18px !important; 
            }
        }

        @media (max-width: 530px) {
          .hero {
            grid-template-rows: 45% 45%;
            gap: 15px;
            padding: 10px 52px 52px;
          }
        
          .hero-content {
            margin-top: 101px;
          }
      
        }
        
      
        @media(max-width: 500px){
          .brand {
            flex-direction: column !important;
          }

          .details-p-content span{
            font-size: 15px !important;
          }
          .details-p-content i{
            font-size: 15px !important;
          }
        }

       

        @media (max-width: 460px) {
          .hero {
            padding: 10px 28px 52px;
          }
        
          .card {
            max-width: 128px;
          }
        
        }
        img {
          max-width: 100%;
      }


      @media (max-width: 575px) {

          button {
              width: 100%;
          }
      }


      #call-window_account__labelme {
           z-index: 1 !important; 
      }

      .optiImgSize{
        width: 100%;
        height: auto;
        object-fit: contain;
      }

      @media (min-width: 576px){
        .optiImgSize{
          height: 158px;
        }
      }

      @media (min-width: 768px){
        .optiImgSize{
          height: 269px;
        }
      }

      @media (min-width: 992px){
        .optiImgSize{
          height: 433px;
        }

        .catalogis-pole-top-content{
          width: 30%;
        }

        .catalogis-pole-mid-block-inner{
          width: 70%;
        }
      }