@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');

body{
    direction: ltr;
    font-family: 'Mulish', sans-serif !important;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    cursor: pointer;
}
*{
    box-sizing: border-box;
}
.button-1 {
  position: relative;
  display: inline-block;
  background: linear-gradient(to bottom, #1b1c3f, #4a4e91);
  color: white;
  font-weight: bold;
  font-size: 18px;
  border: none;
  border-radius: 29px;
  padding: 13px  27px;
  cursor: pointer;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
  animation: button-shimmer 2s infinite;
  transition: all 0.3s ease-in-out;
}

.button-1:hover {
  color: #fff;
  background: linear-gradient(to bottom, #2c2f63, #5b67b7);
  animation: button-particles 1s ease-in-out infinite;
  transform: translateY(-2px);
}

.button-1:active {
  transform: scale(0.95);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

@keyframes button-shimmer {
  0% {
    background-position: left top;
  }

  100% {
    background-position: right bottom;
  }
}

@keyframes button-particles {
  0% {
    background-position: left top;
  }

  100% {
    background-position: right bottom;
  }
}

.button-2 {
 padding: 18px  29px;
  font-size: 18px;
  cursor: pointer;
  background-color: #171717;
  color: #fff;
  border: none;
  border-radius:  1px;
  transition: all .4s;
 }
 
 .button-2:hover {
  
  transform: translateY(-10px);
  box-shadow: 0 7px 0 -2px #f85959,
   0 12px 0 -4px #39a2db,
   0  15px 10px -3px #39a2db;
 }
 
 .button-2:active {
  transition: all 0.2s;
  transform: translateY(-5px);
  box-shadow: 0 2px 0 -2px #f85959,
   0 8px 0 -4px #39a2db,
   0 13px 10px -3px #39a2db;
 }

 .button-3 {
  padding: 11px 38px;
  font-size: 18px;
  background-color: #008542;
  color: #fff;
  text-shadow: 0 1px 0 rgb(0 0 0 / 25%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 0;
  z-index: 1;
  user-select: none;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: unset;
  padding: 11px 25px;
  text-decoration: none;
  font-weight: 800;
  transition: all 0.7s cubic-bezier(0,.8,.26,.99);
 }
 
 .button-3:before {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  transition: .7s cubic-bezier(0,.8,.26,.99);
  z-index: -1;
  color: #fff;
  background-color: #008542!important;
  box-shadow: 0 -4px rgb(21 108 0 / 50%) inset, 0 4px rgb(100 253 31 / 99%) inset, -4px 0 rgb(100 253 31 / 50%) inset, 4px 0 rgb(21 108 0 / 50%) inset;
 }
 
 .button-3:after {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  box-shadow: 0 3px 0 0 rgb(0 0 0 / 15%);
  transition: .7s cubic-bezier(0,.8,.26,.99);
 }
 
 .button-3:hover:before {
  box-shadow: 0 -3px rgb(0 0 0 / 50%) inset, 0 3px rgb(255 255 255 / 20%) inset, -3px 0 rgb(255 255 255 / 20%) inset, 4px 0 rgb(0 0 0 / 50%) inset;
 }
 
 .button-3:hover:after {
  box-shadow: 0 3px 0 0 rgb(0 0 0 / 15%);
 }
 
 .button-3:active {
  transform: translateY(4px);
 }
 
 .button-3:active:after {
  box-shadow: 0 0px 0 0 rgb(0 0 0 / 15%);
 }

 .button-4 {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  font-family: inherit;
  font-size: 18px;
 font-weight: 400;
  color: #382b22;
  text-transform: uppercase;
  padding: 12px  22px;
  background: #fff0f0;
  border: 1px solid #b18597;
  border-radius: 13px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
 }
 
 .button-4::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f9c4d2;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 2px #b18597, 0 0.625em 0 0 #ffe3e2;
  box-shadow: 0 0 0 2px #b18597, 0 0.625em 0 0 #ffe3e2;
  -webkit-transform: translate3d(0, 0.75em, -1em);
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
 }
 
 .button-4:hover {
  color: #382b22;
  background: #ffe9e9;
  -webkit-transform: translate(0, 0.25em);
  transform: translate(0, 0.25em);
 }
 
 .button-4:hover::before {
  -webkit-box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #ffe3e2;
  box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #ffe3e2;
  -webkit-transform: translate3d(0, 0.5em, -1em);
  transform: translate3d(0, 0.5em, -1em);
 }
 
 .button-4:active {
  background: #ffe9e9;
  -webkit-transform: translate(0em, 0.75em);
  transform: translate(0em, 0.75em);
 }
 
 .button-4:active::before {
  -webkit-box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
  box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
  -webkit-transform: translate3d(0, 0, -1em);
  transform: translate3d(0, 0, -1em);
 }

 .button-5 {
  color: #fff;
  border-radius: 1px;
  padding:  11px  25px;
  font-family: 'Lato', sans-serif;
  font-weight:400;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5),
    7px 7px 18px 0px rgba(0,0,0,.1),
    4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
 }
 
 .button-5 {
  background: rgb(96,9,240);
  background: linear-gradient(0deg, rgba(96,9,240,1) 0%, rgba(129,5,240,1) 100%);
  border: none;
 }
 
 .button-5:before {
  height: 0%;
  width: 2px;
 }
 
 .button-5:hover {
  color: #fff;
  box-shadow: 3px 3px 6px 0 rgba(255,255,255,.5),
               -3px -3px 6px 0 rgba(116, 125, 136, .5), 
     inset -3px -3px 6px 0 rgba(255,255,255,.2),
     inset 3px 3px 6px 0 rgba(0, 0, 0, .4);
 }
 


    .hd-bg-color {
        background-color: #91C8DB;
    }

    .hd-bg-img {
        padding-top: 41px;
        padding-bottom: 41px;
        background-image: url(assets/images/transparent_FG8lJ0.png);
        background-position: center;
        background-size: cover;
    }

    .hd-navigation {
        gap: 17px;
        margin-bottom:  27px;
        padding: 25px 41px;
        border-radius: 93px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        background: #aab9c2;
    }

    .hd-logo-contact {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .hd-logo-contact a {
        color: inherit;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 11px;
    }

    .hd-logo-img {
        width: 50px;
        height: auto;
    }

    .hd-logo-txt {
        color: inherit;
        font-size: 35px;
        margin: 0;
    }

     .hd-cont {
        display: none;
        flex-direction: row;
        gap:  11px;
    }

    .hd-cont-item {
        display: flex;
        flex-direction: row;
        gap:  11px;
        align-items: center;
    }

    .hd-cont-item p {
        color: #230338;
        margin: 0;
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 0;
        word-break: break-word;
    } 

    .hd-cont-item i {
        color: #230338;
        font-size: 29px;
    }

    .nav-box {
        color: inherit;
        display: flex;
        text-align: center;
        flex-direction: row;
        gap:  11px;
        justify-content: center;
        align-items: center;
    }

    .nav-box-link {
        color: inherit;
        font-size: 18px;
        text-transform:  inherit;
        letter-spacing:  0px;
    }

    .dropdown .dropbtn {
        color: inherit;
        font-size: 18px;
        text-transform:  inherit;
        letter-spacing: 0px;  
        border: none;
        outline: none;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
        padding: 0;
        transition: all .4s ease;
    }

    .nav-box-link:hover , .dropdown .dropbtn:hover {
        color: #EF2143;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 6px 11px 0px rgba(0,0,0,0.2);
        z-index: 3;
    }
        
    .dropdown-content a {
         float: none;
        color: black;
        padding: 10px;
        text-decoration: none;
        display: block;
        text-align: left;
        width: 300px;
    }
        
    .dropdown-content a:hover {
        background-color: #ddd;
    }
        
    .dropdown:hover .dropdown-content {
        display: block;
    }

    .hello-category {
        display: flex;
        flex-direction: row-reverse;
        gap: 25px;
    }

    .wrapper-category {
        width: 100%;
    }

    .category-carousel-item {
        margin: 25px 11px;
        min-height: 202px;
        display: flex;
        transition: all .3s ease;
        background-color: #aab9c2;
        border-radius: 5px;
        box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
        position: relative;
        box-sizing: border-box;
    }

    .category-carousel-item:hover {
        box-shadow: 1px 1px 0px 0px #333;
        transform: translate(-2px,-2px);
    }

    .category-title {
        border: 1px solid #333;
        font-weight: 400;
        font-size: 18px;
        margin-bottom: 27px;
        letter-spacing: 0px;
        color: #333;
        background: #fff;
        padding: 5px 17px;
        border-radius: 0px;
        position: absolute;
        left: 50%;
        top: -20px;
        z-index: 5;
        transform: translateX(-50%);
        white-space: nowrap;
    }

    .category-img {
        padding: 41px;
        padding-bottom: 18px;
        margin: auto;
        
    }

    .category-img img {
        width: 100%;
        height: 110px;
    }

    .hd-hello {
        width: 50%;
        display: none;
        margin: auto;
        border-radius: 5px;
        background: rgba(255,255,255,0.5); color: #222;
    }

    .hd-hello-title {
        padding: 25px 41px;
        font-size: 18px;
        letter-spacing: 0px;
        font-style: italic;
    }

    .main-block-container {
        display: flex;
        flex-direction: column ;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .main-title {
        font-size: 29px;
        font-weight: 400;
        letter-spacing: 1px;
        margin-bottom: 27px !important;
    }

    .blog-artcl-sidebar {
        display: flex;
        flex-direction: row;
        gap: 27px;
        position: relative;
    }

    .artcl {
        display: flex;
        flex-direction: row;
        gap: 25px;
        align-items: center;
        padding: 17px;
        background-color: #aab9c2;
        border-radius: 5px;
        box-shadow: 0 3px 13px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
    }

    .artcl-img-part {
        width: 40%;
        height: 202px;
        position: relative;
    }

    .artcl-img img {
       width: 100%;
       height: 100%;
       object-fit: contain;
       border-radius: 5px;
    }

    .comm-cloud {
        position: absolute;
        top: 5px;
        left: 5px;
    }

    .comm-cloud-icon {
        background: rgba(255,255,255,0.9); color: #222;
        border-radius: 5px;
        padding: 5px;
    }

    .comm-cloud-icon i {
        font-size: 18px;        
    }

    .comm-cloud-icon p {
        margin: 0;
    }
    
    .artcl-txt-part {
        width: 60%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 25px;
    }

    .title-wrapper {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .artcl-stat-info {
        display: flex;
        flex-direction: row;
        gap: 17px;
        background: rgba(255,255,255,0.5); color: #222;
        border-radius: 5px;
        padding: 5px 11px;
        width: fit-content;
    }

    .artcl-stat-info p {
        margin: 0;
    }

    .artcl-stat-info i {
        margin-right: 11px;
    }

    .artcl-txt-title {
        font-size: 35px;
        color: #333;
        margin: 0;
    }

    .artcl-txt-title:hover {
        color: #333;
        text-decoration: underline;
    }

    .artcl-txt-content {
        font-size: 18px;
        margin: 0;
    }

    .more-btn-autor {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 11px;
    }

    .Btn-more {
        margin-right: 17px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 50px;
        height: 50px;
        border: none;
        border-radius: 0%;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        transition-duration: .3s;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.199);
        background-color: #03C4A1;
      }
      
      .more-arrow {
        width: 100%;
        transition-duration: .3s;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      
      .more-arrow svg {
        width:  18px;
      }
      
      .more-arrow svg path {
        fill: white;
      }
  .cont-us-map{
    display: flex;
    iframe{
        width: 100%;
        height: 264px;
    }

  }
      .more-text {
        position: absolute;
        right: 0%;
        width: 0%;
        opacity: 0;
        color: white;
        font-size: 18px;
        font-weight:  400;
        transition-duration: .3s;
      }
      .content-block{
        padding: 91px 0;
        word-break: break-word;
        p{
            margin-bottom:  5px;
            text-indent: 3ch;
        }
        ul{
            padding-left: 18px;
             margin-bottom: 12px;
             list-style: inside;
        }
        ol{
            padding-left: 18px;
             margin-bottom: 12px;
             list-style: inside;
        }
        h1{
        font-weight: 800;
        text-align: center;
        margin-bottom:  25px;
      }
      h2{
        font-weight: 400;
        text-align: center;
        margin-bottom:17px ;
    }
    a{
        word-break: break-word;
      color: inherit !important;
    }
      }
      
      .blok-contentJK ul li,
.blok-contentJK ol li {
  margin-bottom: 5px;
}
.blok-contentJK ul,
.blok-contentJK ol {
  margin-bottom: 12px;
  padding-left:  18px;
  list-style: inside;
}
.blok-contentJK a,.blok-contentJK table{
color: inherit;
}
.blok-contentJK p{
margin-bottom:  5px;
text-indent: 3ch;
}

      .Btn-more:hover {
        width: 200px;  
        border-radius: 42px;      
        transition-duration: .3s;
      }
      
      .Btn-more:hover .more-arrow {
        width: 25%;
        transition-duration: .3s;
      }

      .Btn-more:hover .more-text {
        opacity: 1;
        width: 70%;
        transition-duration: .3s;
        padding-inline-end: 5px;
      }

      .Btn-more:active {
        transform: translate(2px ,2px);
      }

      .artcl-autor {
        display: flex;
        align-items: center;
      }

      .artcl-autor p {
        font-size:  18px;
        margin: 0;
      }

      .artcl-autor i {
        font-size: 35px;
        margin-right: 11px;
      }

      .block-artckl {
        width: 65%;
        display: flex;
        flex-direction: column;
        gap: 27px;
      }

      .side-section {
        display: none;
        width: 35%;
        flex-direction: column;
        gap: 41px;
        position: sticky;
        top: 0;
        height: fit-content;
      }

      .blog-tag {
        padding: 38px  27px;
        padding-top:  49px;
        position: relative;
        display: flex;
        background-color: #aab9c2;
        border-radius:  11px;
        box-shadow: 0 3px  13px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
        box-sizing: border-box;
      }

      .title-tag {
        border: 1px solid #333;
        font-weight: 41px;
        font-size: 29px;
        margin-bottom: 41px;
        letter-spacing: 0px;
        color: #333;
        background: #fff;
        padding: 5px 25px;
        border-radius: 0px;
        position: absolute;
        left: 50%;
        top: -20px;
        z-index: 5;
        transform: translateX(-50%);
        white-space: nowrap;
      }

      .blog-tag-block {
        display: flex;
        flex-direction: row;
        gap: 11px;
        flex-wrap: wrap;
        justify-content: center;
      }

      .b-t-item {
        background-color: #fff;
        padding: 5px 17px;
        border: 1px solid #230338;
        border-radius: 25px;
        transition: all .3s cubic-bezier(.5,2.5,.7,.7);
        font-size: 15px;
        word-break: break-word;
      }

      .b-t-item i {
        color: #6ad2c4;
      }

      .b-t-item p {
        margin: 0;
      }

      .about-blog {
        padding: 27px 25px;
        padding-top: 41px;
        position: relative;
        background-image: url(assets/images/pattern-bg_2025-06-11_16-56-170.jpg);
        background-position: center;
        background-size: cover;
        border-radius: 11px;
        box-shadow: 0 3px 13px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);
        box-sizing: border-box; 
      }


      .about-blog-overlay {
        padding:  25px 27px;
        border-radius: 5px;
        background: rgba(255,255,255,0.5); color: #222;
      }


      .about-blog-title {
        border:  1px solid #333;
        font-weight: 400;
        font-size: 22px;
        margin-bottom: 41px;
        letter-spacing:  0px;
        color: #333;
        background: #fff;
        padding: 5px 25px;
        border-radius: 0px;
        position: absolute;
        left: 50%;
        top: -20px;
        z-index: 5;
        transform: translateX(-50%);
        white-space: nowrap;
      }

      .about-blog-overlay p {
        font-size: 18px;
      }

      .tag-wrapper {
        display: none;
      }

      .about-wrapper {
        display: none;
      }

      .four-row {
        display: flex;
        flex-direction: column;
        gap: 27px;
      }

      .two-center {
        display: flex;
        flex-direction: column;
        gap: 27px;
      }

      .media-qa {
        display: flex;
        flex-direction: row;
        gap: 27px;
        padding-top: 41px;
        padding-bottom: 41px;
      }

      .media-gallery {
            width: 50%;
            display: flex;
            flex-direction: column;
            gap: 25px;
        }

        .m-img {
            display: flex;
            flex-direction: row;
            gap: 25px;
            height: 100%;
        }

        .img-first {
            width: 50%;
        }

        .img-second {
            display: none;
        }

        .img-first img, .img-second img {
            display: block;
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

        .m-video video {
            display: block;
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

        .qa-blog {
            width: 50%;
        }

        .qa-blog-title {
            margin-bottom: 27px;
            font-size: 35px;
            color: black;
            text-transform: inherit;
            text-align: center;
            font-weight:  400;
        }

        .accordion-item {
            margin-bottom: 25px;
            border: none;
            background: #f3f3f3;
            border-radius: 18px!important;
        }

        .accordion-header {
            position: relative;
            display: block;
            width: 100%;
            background: 0 0;
            cursor: pointer;
            border: none;
            padding: 17px;
            color: #575757;
        }

        .accordion-button, .accordion-item:first-of-type .accordion-button, .accordion-button:not(.collapsed) {
            border: none;
            color: black;
            background-color: initial;
            font-size: 18px;
        }

        .accordion-button:focus {
            box-shadow: none;
        }

        .accordion-button {
            font-size: 18px;
            font-weight: 400;
        }

        .accordion-body {
            padding: 0 25px 25px;
            color: #575757;
            font-weight: lighter;
        }

        .big-footer-bg {
            padding-top: 41px;
            padding-bottom: 41px;
            background-color: #aab9c2;
        }

        .big-footer {
            display: flex;
            flex-direction: column;
            gap: 27px;
        }

        .phone-btn {
            position: relative;
        }

        .phone-btn img {
            width: 30%;
            max-height: 202px;
            margin-left: 5%;
        }

        .phone-btn-wrap {
            position: absolute;
            top: 30%;
            right: 0;
            padding: 25px 27px;
            border-radius: 5px;
            background: rgba(255,255,255,0.5); color: #222;
        }

        .phone-btn-title {
            font-size: 35px;
            font-weight: 400;
            letter-spacing: 1px;
            margin-bottom: 27px;
        }

        .p-btn {
            width: fit-content;
            margin: auto;
        }

        .p-btn a {
            display: block;
        }

        .just-footer {
            display: flex;
            flex-direction: row;
            gap: 17px;
        }

        .just-footer-col {
            width: 33%;
            display: flex;
            flex-direction: column;
            gap: 17px;
            justify-content: center;
        }

        .j-f-logo a {
            display: flex;
            align-items: center;
            gap: 11px;    
        }
    
        .j-f-logo-img {
            width: 50px;
            height: auto;
        }
    
        .j-f-logo-txt {
            color: #230338;
            font-size: 35px;
            margin: 0;
        }

        .j-f-contact {
            margin-top: 25px;
            display: flex;
            flex-direction: column;
            gap:  11px;
        }
 
        .j-f-contact-item {
            display: flex;
            flex-direction: row;
            gap:  11px;
            align-items: center;
        }
    
        .j-f-contact-item p {
            color: #230338;
            margin: 0;
            font-size: 15px;
            font-weight: 400;
            margin-bottom: 0;
            word-break: break-word;
        } 
    
        .j-f-contact-item i {
            color: #230338;
            font-size: 29px;
        }

        .most-comm-art {
            display: flex;
            flex-direction: row;
            gap: 17px;
        }

        .most-comm-art-img  {
            width: 30%;
            height: 82px;
            border-radius: 1px;
            overflow: hidden;
        } 

        .most-comm-art-img img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .most-comm-art-txt {
            width: 60%;
        }

        .most-comm-art-title {
            color: #230338;
            margin: 0;
            text-decoration: none;
            word-break: break-word;
            font-size: 18px;
            font-weight: 400;
            transition: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
    
        .most-comm-art-title:hover {
            text-decoration: underline;
            color: #EF2143;
        }

        .sp-link {
            color: #230338;
            margin: 0;
            text-decoration: none;
            font-size: 18px;
            text-align: center;
        }

        .sp-link:hover {
            color: #EF2143;
        }

        .form-sub-block {
            position: relative;
        }

        .form-sub-block img {
            position: absolute;
            right: 15%;
            bottom: 0;
        }

        .form-sub {
            width: 70%;
            margin: auto;
            display: flex;
            flex-direction: column;
            gap: 11px;
            padding-top: 49px;
            padding-left: 38px;
            padding-right: 38px;
            padding-bottom:35px;
            border:  1px solid #DAA06D;
            border-radius: 5px;
            background-color: #EADDCA;
            box-shadow: 0 0 0 4px #EADDCA, 1px 1px 4px 2px rgba(0, 0, 0, 0.5);
            transition: .4s ease-in-out;
          }
          
          ::placeholder {
            color: #230338;
            text-align: center;
          }
          
        .form-sub .heading {
            padding-left: 0.8em;
            color: #230338;
            background-color: transparent;
            letter-spacing: 1px;
            text-align: center;
            padding-top: 17px;
            padding-bottom: 17px;
        }
        .form-sub label{
            text-align: center;
        }
        .input-group__element_group, .textarea-group__element_group{
            margin: auto;
            outline: none;
            padding: 13px;
            border: 1px solid #DAA06D;
            color: #DAA06D;
            width: 100%;
            height: 50px;
            border-radius: 11px;
            background-color: #FFF;
            text-align: center;
        }
          
        .form-sub .btn {
            align-self: center;
            margin-top: 11px;
            border-radius: 11px;
            outline: none;
            border: none;
            color: white;
            background-color: #E5AA70;
            font-weight: 800;
            letter-spacing: 0.1em;
            transition: .4s ease-in-out opacity,.1s ease-in-out active;
            padding: 15px;
            box-shadow: 0.5px 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.5);
        }
          
        .form-sub .btn:hover {
            opacity: 0.6;
        }
          
        .form-sub .btn:active {
            transform: translateX(0.1em) translateY(0.1em);
            box-shadow: none;
        }

        .form-check {
            margin: auto;
            padding-top: 25px;
        }

        .check {
            color: #230338;
        }

        .check:hover {
            color: #EF2143;
        }

   
        .blog-one-page {
            padding-top: 50px;
            padding-bottom: 50px;
            display: flex;
            flex-direction: row;
            gap: 25px;
        }

        .one-page-art {
            width: 75%;
            padding: 25px;
            background-color: #aab9c2;
            border-radius: 5px;
            box-shadow: 0 3px 12px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1); 
        }

        .opa-img {      
            display: flex;
            align-items: center;
            justify-content: center;
            img{
            width: 100%;
            object-fit: contain;
            height:  424px; 
            }
        }
        .flex-boxColEY{
            display: flex;
            gap: 27px;
            flex-direction: column;
        }

        .opa-title {
            margin-top: 27px;
            text-align: center;
            font-size: 35px;
            letter-spacing: 1px;
            text-transform:  inherit;
            font-weight: 400;
        }  

        .opa-info {
            font-style: italic;
            text-align: center;
            font-size: 18px;
            color: ##444444;
        }

        .opa-tags {
            display: flex;
            flex-direction: row;
            gap: 5px;
            flex-wrap: wrap;
            justify-content: center;
        }
    
        .opa-tags-item {
            background-color: #fff;
            padding: 5px 17px;
            border:  1px solid #230338;
            border-radius:  0px;
            transition: all .3s cubic-bezier(.5,2.5,.7,.7);
            font-size: 15px;
            word-break: break-word;
        }
    
        .opa-tags-item i {
            color: #6ad2c4;
        }
    
        .opa-tags-item p {
            margin: 0;
        }

        .opa-price {
            font-size: 18px;
            color: #03C4A1;
            font-weight: 400;
            text-align: start;
        }

        .one-page-sidebar {
            display: none;
            width: 35%;
        }

        .autor-block {
            margin-top: 25px;
            position: relative;
            padding: 25px;
            background-color: #aab9c2;
            border-radius: 5px;
            box-shadow: 0 3px 13px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1);  
        }

        .ab-title {
            border: 1px solid #333;
            font-weight: 400;
            font-size: 29px;
            margin-bottom: 27px;
            letter-spacing: 0px;
            color: #333;
            background: #fff;
            padding: 5px 25px;
            border-radius: 0px;
            position: absolute;
            left: 50%;
            top: -20px;
            z-index: 5;
            transform: translateX(-50%);
            white-space: nowrap;
        }

        .ab-name {
            margin-top:  25px;
            margin-bottom: 17px;
            display: flex;
            flex-direction: row;
            gap: 11px;
            justify-content: center;
            align-items: center;
        }

        .ab-name i {
            font-size: 45px;
            color: #03C4A1;
        }

        .ab-name p {
            font-size: 18px;
            font-weight: 400;
            margin: 0;
        }

        .ab-txt {
            font-style: italic;
            text-align: center;
            font-size: 18px;
            color: #444444;
        }

        .ab-social {
            display: flex;
            flex-direction: row;
            gap: 11px;
            justify-content: space-around;
        }

        .ab-social i {
            font-size: 35px;
            color: #03C4A1;
        }

        .related-artcl {
            margin-top: 41px;
            position: relative;
            padding: 25px;
            background-color: #aab9c2;
            border-radius: 5px;
            box-shadow: 0 3px 13px -1px rgba(7,10,25,.1),0 22px 27px -30px rgba(7,10,25,.1); 
        }

        .ra-title {
            border: 1px solid #333;
            font-weight: 400;
            font-size: 35px;
            margin-bottom: 41px;
            letter-spacing: 0px;
            color: #333;
            background: #fff;
            padding: 5px 25px;
            border-radius: 0px;
            position: absolute;
            left: 50%;
            top: -20px;
            z-index: 5;
            transform: translateX(-50%);
            white-space: nowrap;
        }

        .ra-item {
            margin-top: 27px;
            display: flex;
            gap: 17px;
        }

        .ra-item-img {
            display: block;
            width: 40%;
        }

        .ra-img {
            width: 100%;
            height: 202px;
            object-fit: contain;
            
        }

        .ra-txt-content {
            width: 60%;
        }

        .ra-txt-content a {
            color: #230338;
            font-size: 18px;
        }

        .ra-txt-content p {
            font-size: 18px;
        }

        .testimonial-blog-bg {
            background-image: url(assets/images/pattern-bg_2025-06-11_16-56-170.jpg);
            background-size: cover;
            background-position: center;
        }
        
        .testimonial-blog-overlay {
            background: rgba(255,255,255,0.5); color: #222;
        }
        
        .testimonial-blog {
            padding: 91px 0;
        }
        
        .tes-blog-title {
            margin-bottom: 27px;
            font-size: 35px;
            letter-spacing: 1px;
            text-transform:  inherit;
            font-weight: 400;
        }

        .tes-blog-block {
            display: flex;
            flex-direction: row;
        }
    
        .tes-blog-item {
            width: 50%;
            display: flex;
            position: relative;
            margin-left: 130px;
        }
    
        .tes-blog-circle {
            height: 100%;
            width: 40%;
            border-radius: 50%;
            border: 1px  solid;
            overflow: hidden;
            position: absolute;
            left: -20%;
        }
    
        .tes-blog-circle img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    
        .tes-blog-txt {
            height: 220px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-right: 27px;
            border-top: 1px solid;
            border-right: 1px solid;
            border-bottom: 1px solid;
            background-color: #f6f6f6;
        }
    
        .tes-blog-txt p, .tes-blog-txt h4 {
            margin-left: 120px ;
            color: #230338;
        }

        .cont-us-bg {
            background-image: url(assets/images/pattern-bg_2025-06-11_16-56-172.jpg);
            background-size: cover;
            background-position: center;
        }
        .f-artcl-adp{
            display: flex;
            flex-direction:  column;
            gap:  11px;
        }
         

        .cont-us-overlay {
            padding-top: 25px;
            padding-bottom: 25px;
            background: rgba(255,255,255,0.9); color: #222;
        }

        .cont-us-title {
            text-align: center;
            font-size: 35px;
            letter-spacing: 1px;
            text-transform:  inherit;
            font-weight: 400;
        }

        .cont-us-block {
            padding-top: 93px;
            padding-bottom: 93px;
        }
        
        .cont-us-list {
            list-style: none;
            display: flex;
            margin: 0;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            gap: 25px;
        }
       
        .cont-us-item {
           
            flex: 1;
            border-radius: 5px;
            background: rgba(255,255,255,0.9); color: #222;
            display: flex;
            gap: 25px;
            padding: 11px 27px;
            align-items: center;
        } 

        .cont-us-item i {
            font-size: 35px;
        }
        .cont-us-item a{
            color:#ec0b0b;

        }

        .cont-us-item p {
            display: flex;
            flex-direction: column;
            gap:  13px;
            margin: 0;
            font-size: 18px;
            word-break: break-word;
        }

        .b-stat {
            border-radius: 11px;
            display: none;
            width: 50%;
            padding: 41px;
            gap: 27px;
            flex-direction: column;
            justify-content: center;
            background: rgba(255,255,255,0.9); color: #222;
        }

        .b-stat-title {
            font-size: 35px;
            font-weight: 400;
            text-align: center; 
        }

        .b-stat-wrap {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            gap: 25px;
            align-items: center;
        }

        .b-stat-img {
            background-color: #230338;
            display: inline-block;
            margin-bottom: 17px;
            padding: 3px;
            border-radius: 0px;
        }

        .b-stat-pic {
            min-width: 90px;
            text-align: center;
            background-color: #230338;
            border-radius: 0px;
            padding: 25px;
        }

        .b-stat-pic i {
            font-size: 36px;
            background: #fff;
            -webkit-background-clip: text!important;
            -webkit-text-fill-color: transparent;
        }

        .b-stat-txt {
            display: flex;
            gap: 25px;
        }

        .b-stat-txt p {
            font-size: 27px;
            font-weight: 400;
            letter-spacing: 1px;
            text-align: center;
            margin: 0;
            margin-bottom: 11px;
        }

        @media (max-width: 992px){
            .artcl {
                flex-direction: row !important;
                width: 100% !important;;
            }
            .two-center {
            flex-direction: column !important;
            }
        }
        @media (max-width: 576px) {
            .artcl {
                flex-direction: column !important;
            }
            .cont-us-item p{
                font-size: 15px;
            }
            .artcl-img-part{
                height: auto;
            }
        }
        @media (max-width: 1400px) {
            .tes-blog-txt p, .tes-blog-txt h4 {
                font-size: 15px;
            }
        
            .tes-blog-txt {
                height: 200px;
            }
        
            .tes-blog-txt p, .tes-blog-txt h4 {
                margin-left: 130px;
            }
        
            .tes-blog-circle {
                width: 47%;
            }
        }
        
        @media (max-width: 1200px){
            .hello-category {
                flex-direction: column-reverse;
            }
        
            .wrapper-category {
                width: 100% !important;
            }
        
            .hd-hello {
                width: 100%;
            }
        
            .artcl-stat-info p {
                font-size: 13px;
            }
        
            .tes-blog-block {
                flex-direction: column;
                gap: 22px;
                align-items: center;
            }
        
            .tes-blog-item {
                position: static;
                width: 95%;
                margin: 0;
            }
        
            .tes-blog-circle {
                position: static;
                width: 100%;
                height: auto;
                border-radius: 0;
            }
        
            .tes-blog-txt {
                height: auto;
                padding:  18px;
            }
        
            .tes-blog-txt p {
                margin: 0;
            }
        
            .tes-blog-txt h4 {
                margin: 0;
                margin-top: 12px;
            }
        
            .blog-one-page {
                flex-direction: column; 
            }
        
            .one-page-art {
                width: 100%;
            }
        
            .one-page-sidebar {
                width: 100%;
            }
        
            .ra-img {
                height: 250px;
                object-fit: contain; 
            }
        
            
        
        }
        
        
        
        @media (max-width: 992px){
            .dropdown-content a {
                width: 200px !important;
            }
            .just-footer {
                flex-direction: column;
            }
        
            .just-footer-col {
                flex-direction: row;
                width: 100%;
            }
        
            .most-comm-art {
                flex-direction: column;
                width: 33%;
            }
        
            .most-comm-art-img {
                width: 40%;
                margin: auto;
            }
        
            .most-comm-art-txt {
                width: 100%;
            }
        
            .most-comm-art-title {
                font-size: 13px;
            }
        
            .phone-btn-title {
                font-size: 18px;
            }
        
            .media-qa {
                flex-direction: column !important;
            }
        
            .sp-link {
                font-size:  15px;
            }
        
            .hd-cont {
                display: none !important;
            }
        
            .hd-navigation {
                flex-direction: column;
                gap:  17px;
            }
        
            .blog-artcl-sidebar {
                flex-direction: column !important;
                gap: 38px;
            }
        
            .block-artckl {
                width: 100% !important;
            }
          
            .side-section {
                width: 100%;
                display: flex !important;
                flex-direction: column;
                gap: 38px;
            }
        
            .hd-hello-title {
                font-size: 16px;
            }
        
            .nav-box-link {
                font-size: 13px;
            }
        
            .dropdown .dropbtn {
                font-size: 13px;
            }
        
            .tes-blog-txt p, .tes-blog-txt h4 {
                font-size: 12px;
            }
        
            .opa-img {
                float: none !important;
            }
        
            .form-sub-block img {
                right: 10%; 
                width: 148px;
            }
        
            .cont-us-block {
                flex-direction: column !important;
            }
        
            .cont-us-list {
                width: 100% !important;
                flex-direction: column !important;
            }
        
            .b-stat {
                width: 100%;
            }
        
            .form-sub {
                width: 100%;
            }
        
            .cont-us-item {
                width: 100%;
            }
        
            .just-footer-col {
                align-items: center;
            }
        
            .j-f-contact {
                margin-top: 0;
                flex-direction: row;
            }
        
            .f-logo {
                flex-direction: column !important;
            }
        
            .f-artcl {
                flex-direction: column;
            }
        
            .f-artcl-adp {
               
                flex-direction: row;
              
            }
        
            .blog-tag {
                display: none !important;
            }
        
            .about-wrapper {
                display: none !important;
            }
        
            .four-row {
                flex-direction: column !important;
            }
        
            .artcl {
                flex-direction: row;
                width: 100%;
            }
        
            .media-gallery {
                width: 100%;
            }
        
            .qa-blog {
                width: 100%;
            }
        
        
        }
        
        
        @media(max-width: 768px){
           
            .artcl-stat-info i {
                margin-right:  5px;
            }
        
            .category-img {
                padding: 0;
            }
        
            .artcl-txt-title {
                font-size: 16px;
            }
        
            .artcl-txt-content {
                font-size: 13px;
            }
        
            .artcl-autor p {
                font-size: 13px;
            }
        
            .phone-btn-wrap {
                top: 5%;
            }
        
            .opa-img {
                width: 100%;
            }
        
            .form-sub-block img {
                right: 0;
            }
        
            .nav-box {
                flex-wrap: wrap;
            }
        
            .hd-logo-contact {
                justify-content: center;
            }
        
        }
        
        
        @media(max-width: 576px){
            
            .nav-box {
                flex-wrap: wrap;
            }
            .opa-img{
                height: auto;
            }
            .opa-img img{
                height: auto;
            }
        
            .artcl {
                flex-direction: column;
            }
        
            .artcl-img-part {
                width: 100%;
            }
        
            .artcl-txt-part {
                width: 100%;
            }
        
            .m-img {
                flex-direction: column;
            }
        
            .img-first {
                width: 100%;
            }
        
            .img-second {
                width: 100% !important;
            }
        
            .phone-btn-title {
                font-size: 13px;
            }
        
            .phone-btn-wrap {
                top: 0%;
            } 
        
            .phone-btn {
                margin-bottom: 120px;
            }
        
            .just-footer-col {
                flex-direction: column;
            }
        
        
            .most-comm-art {
                flex-direction: row;
                width: 100%;
            }
        
        
            .tes-blog-title {
                font-size: 22px; 
                margin-left:  11px;
            }
        
            .ra-title {
                font-size: 22px;
            }
        
            .ra-item {
                flex-direction: column;
            }
        
            .ra-item-img {
                width: 100%;
            }
        
            .ra-txt-content {
                width: 100%;
            }
        
            .tes-blog-txt p, .tes-blog-txt h4 {
                font-size: 10px;
            }
        
            .b-stat-wrap {
                flex-direction: column;
            }
        
            .b-stat-title {
                font-size: 18px;
            }
        
            .b-stat-txt p {
                font-size: 18px;
            }
        
            .form-sub {
                padding-top: 18px;
                padding-left: 12px;
                padding-right: 12px;
                padding-bottom: 18px;
            }
        
            .form-sub .input {
                width: 95%;
            }
        
            .form-sub-block img {
                width: 100px;
                bottom: 10%;
            }
        
            .j-f-contact {
                flex-direction: column;
            }
        
            .f-artcl-adp {
                flex-direction: column;
            }
        
            .big-footer {
                padding-left: 18px;
                padding-right: 18px;
            }
        
        
            .opa-title {
                font-size: 18px;
            }
            .about-blog-overlay p {
                font-size: 16px;
            }
        
            .dropdown-content {
                min-width: 140px;
                left: -70px;
            }
        
            .dropdown-content a {
                width: auto;
                font-size: 13px;
            }
        
        }