/*!
Theme Name: TrustRate
Theme URI: http://underscores.me/
Author: xside
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: trustrate
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

/* ОБЩИЕ СТИЛИ */

:root {
    --accent-yellow: #FFC107;
    --accent-green: #2E8B57;
}

*{
    box-sizing: border-box;
    position: relative;
}

body{
    margin: 0;
    padding: 0;
    background-color: #F0F0F0;
    font-family: 'Manrope';
    font-size: 16px;
}

.container{
    width: 100%;
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}

.wrapper{
    display: flex;
    gap: 20px;
}

h2{
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

h4{
    margin: 0;
}

a{
    color: inherit;
    text-decoration: none;
    transition: all .2s ease-in-out;
}

a:hover{
    opacity: .8;
}

p{
    margin: 0;
}

img{
    display: block;
}

.btn{
    padding: 10px 14px;
    background-color: var(--accent-yellow);
    border-radius: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    cursor: pointer;
}

#add-review{
    cursor: pointer;
}

input, textarea, select ,button{
    font-family: 'Manrope';
}

button{
    cursor: pointer;
    transition: all .2s ease-in-out;
    border: none;
    font-size: inherit;
}

button:hover{
    opacity: .8;
}

.text-small{
    font-size: 14px;
}

section{
    margin: 20px 0;
}



/* ШАПКА */

.header{
    padding: 24px 0;
    background-color: #2C3E50;
}

.header .wrapper{
    align-items: center;
    justify-content: space-between;
}

.header .logo-box{
    display: flex;
    gap: 70px;
}

.header .search-box{
    display: flex;
    align-items: center;
    gap: 10px;
}

.header .search-box .asl_w_container{
    z-index: 0;
}

.header .search-box .probox{
    padding: 0!important;
    height: auto!important;
    border: none!important;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: transparent!important;
    border-radius: 0!important;
}

.header .search-box .probox .proinput{
    margin: 0;
    width: 227px;
    padding: 0!important;
}

.header .search-box .probox .proinput input{
    width: 100%;
    height: 42px;
    border-radius: 5px;
    border: none;
    padding: 10px!important;
    background-color: #fff!important;
    box-sizing: border-box;
}

.header .search-box .probox .proinput input.autocomplete{
    margin-top: -42px !important;
}

.header .search-box .probox button{
    width: auto!important;
    padding: 10px 14px!important;
    height: 42px!important;
    box-sizing: border-box;
    background-color: var(--accent-yellow)!important;
    border-radius: 5px!important;
    border: none!important;
    box-shadow: none!important;
}

.header .search-box .probox button::before{
    content: 'Найти';
}

.header .search-box .probox button .innericon{
    display: none!important;
}

.header .search-box .probox .proinput form input:last-child{
    display: none!important;
}

div.asl_r .results .item .asl_image{
    border-radius: 5px;
}

.header .search-box .probox .proclose,
.header .search-box .probox .proloading{
    position: absolute;
    right: 100px;
}


.header .search-box input{
    width: 227px;
    height: 42px;
    border-radius: 5px;
    border: none;
    padding: 10px;
}

.header .search-box button{
    height: 42px;
    padding: 10px 14px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    border: none;
    background-color: var(--accent-yellow);
}

.header .add-box a{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.header .burger{
    display: none;
}

.header .mobile-menu{
    display: none;
}


/* ГЛАВНАЯ */

.section-tagline .wrapper{
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    user-select: none;
    scrollbar-height: none;
}

.section-tagline .wrapper a{
    -webkit-user-drag: none; /* Блокируем drag браузера */
    user-select: none; /* Запрещаем выделение текста */
    display: inline-block; /* Для корректного позиционирования */
}

.section-tagline .wrapper.grabbing {
    cursor: grabbing;
}

.section-tagline .wrapper::-webkit-scrollbar {
    display: none;
}

.section-tagline ul{
    display: flex;
    list-style: none;
    gap: 14px;
    padding-left: 0;
    margin: 0;
}

.section-tagline ul li{
    padding: 10px 25px;
    background-color: #fff;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.section-tagline ul li:hover{
    background-color: #A4A29B;
}

.section-tagline ul li.current{
    background-color: var(--accent-yellow);
    font-weight: 600;
}

.section-company .wrapper{
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    flex-direction: column;
    gap: 10px;
}

.section-company .company-slider{
    width: 100%;
}

.company-slider .swiper-slide{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.company-slider .swiper-slide .image img{
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 5px;
}

.company-slider .swiper-slide .info{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.company-slider .swiper-slide .rating{
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 600;
}

.company-slider .swiper-slide .num{
    font-size: 14px;
}

.section-home-rewiews{
    margin: 40px 0;
}

.section-home-rewiews .wrapper{
    gap: 20px;
}

.section-home-rewiews .wrapper .col-left{
    width: 100%;
}

.section-home-rewiews .filter-box{
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.section-home-rewiews .filter-box select{
    padding: 7px 10px;
    border-radius: 5px;
    border-color: #ddd;
}

.section-home-rewiews .filter-box .btn{
    display: none;
}

.reviews-box{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.reviews-box .item{
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.reviews-box .item .review-head{
    display: flex;
    gap: 20px;
}

.reviews-box .item .review-head .title{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.reviews-box .item .review-head h3{
    margin: 0;
    font-size: 20px;
}

.reviews-box .item .review-head .rating{
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: var(--accent-yellow);
}

.reviews-box .item .review-meta{
    font-size: 12px;
}

.reviews-box .item .review-meta span{
    margin-right: 5px;
}

.reviews-box .item .review-meta span + span::before{
    content: '•';
    margin-right: 5px;
}

.reviews-box .item .review-title{
    font-weight: 600;
}

.reviews-box .item .review-text{
    font-size: 14px;
    font-weight: 300;
    margin: 5px 0;
    word-break: normal;
   overflow-wrap: break-word;
   overflow-wrap: anywhere;
}

.section-review .review-box .item .review-content .review-title h1 {
word-break: normal;
   overflow-wrap: break-word;
   overflow-wrap: anywhere;
}

.reviews-box .item .review-advantages{
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 14px;
}

.reviews-box .item .review-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.reviews-box .item .review-footer .read-more{
    font-weight: 600;
    color: var(--accent-yellow);
}

.reviews-box .item .controls{
    display: flex;
    gap: 10px;
    font-size: 14px;
}

.reviews-box .item .controls .likes,
.reviews-box .item .controls .dislikes,
.reviews-box .item .controls .comments{
    display: flex;
    gap: 5px;
}

.reviews-box .item .controls .comments::after{
    content: 'Комментариев';
}

.reviews-box .item .controls .likes a,
.reviews-box .item .controls .dislikes a{
    display: flex;
    align-items: center;
    gap: 3px;
}

.section-home-rewiews .col-right{
    width: 470px;
    min-width: 470px;
}

.section-home-rewiews .col-right .widget{
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-top: 53px;
}

.section-home-rewiews .col-right .widget .info-box{
    background-color: #2C3E50;
    padding: 20px 60px 20px 20px;
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    font-weight: 600;
}

.section-home-rewiews .col-right .widget .info-box .num{
    font-size: 20px;
    color: var(--accent-yellow);
    font-weight: 700;
    margin-top: 10px;
}

.breadcrumbs{
    font-size: 14px;
    word-break: break-all;
}

.breadcrumbs a{
    font-weight: 600;
}

.breadcrumbs a + span::before,
.breadcrumbs a + a::before{
    content: '/';
    margin-left: 4px;
    margin-right: 7px;
}





.company-hero .wrapper{
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    justify-content: space-between;
}

.company-hero .main-info{
    display: flex;
    gap: 30px;
}

.company-hero .main-info .logo img{
    width: 260px;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.company-hero .main-info .content{
    display: flex;
    flex-direction: column;
    gap: 19px;
    align-items: flex-start;
}

.company-hero .main-info .content h1{
    margin: 0;
    font-size: 32px;
    font-weight: 700;
}

.company-hero .main-info .title{
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    width: 100%;
}

.company-hero .main-info .content .reviews{
    display: flex;
    align-items: center;
    gap: 7px;
}

.company-hero .main-info .content .rating{
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: 800;
}

.company-hero .rating-box{
    padding: 20px;
    background-color: #2C3E50;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 60px;
    color: #fff;
}

.company-hero .rating-box .total{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.company-hero .rating-box .total .avverage{
    font-size: 64px;
    line-height: 60px;
    font-weight: 600;
}

.company-hero .rating-box .stars-avv{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.company-hero .rating-box .stars-avv .stars-line{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.company-hero .rating-box .stars-avv .progress {
    width: 115px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
    position: relative;
}

.company-hero .rating-box .stars-avv .progress::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #fff;
    width: var(--progress, 0%);
}

.company-hero .rating-box .stars-avv .stars .star.empty{
    display: none;
}

.company-hero .rating-box .stars-avv .stars .star{
    font-size: 24px;
}

.company-info .wrapper{
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    flex-direction: column;
    gap: 50px;
}

.company-info .info-list{
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}

.company-info .info-list li{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 40px;
    font-size: 20px;
    font-weight: 600;
}

.company-info .info-list li:first-child{
    padding-left: 0;
}

.company-info .info-list li:last-child{
    padding-right: 0;
}

.company-info .info-list li + li{
    border-left: 1px solid #dedede;
}

.company-info .info-list li span{
    color: var(--accent-green);
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 16px;
}

.company-info .info-list li span img{
    max-height: 25px;
}

.company-info .row{
    display: flex;
    gap: 20px;
}

.company-info .row .col{
    width: 50%;
}

.company-info .title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.company-info ul:not(.info-list){
    padding-left: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 10px;
    margin: 0;
}

.company-info ul:not(.info-list) li{
    width: calc(33% - 20px);
}

.company-info ul:not(.info-list) li::marker{
    color: var(--accent-green);
}

.section-reviews{
    margin: 40px 0;
}

.section-reviews .wrapper{
    gap: 20px;
}

.section-reviews .col-left{
    width: 100%;
}

.section-reviews .col-right{
    width: 470px;
    min-width: 470px;
}

.section-reviews .col-right .widget{
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-top: 53px;
}

.section-reviews .filter-box{
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.section-reviews  .filter-box select{
    padding: 7px 10px;
    border-radius: 5px;
    border-color: #ddd;
}

.section-reviews .filter-box .btn{
    display: none;
}

.section-reviews .reviews-box .item{
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.section-reviews .reviews-box .item .review-author{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: 100px;
    min-width: 100px;
}

.section-reviews .reviews-box .item .review-author .avatar img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.section-reviews .reviews-box .item .review-author .name{
    font-weight: 600;
}

.section-reviews .reviews-box .item .review-author .country{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
}

.section-reviews .reviews-box .item .review-author .country img{
    width: 18px;
    margin-top: 1px;
    border-radius: 4px;
}

.section-reviews .reviews-box .item .review-main{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.section-reviews .reviews-box .item .review-main .review-head{
    align-items: center;
}

.section-reviews .reviews-box .item .review-main .review-head .date{
    font-size: 14px;
}

.section-reviews .reviews-box .item .review-main .review-content{
    padding: 20px;
    border: 1px solid #dedede;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.section-reviews .reviews-box .item  .review-advantages{
    font-size: 14px;
}

.section-reviews .reviews-box .item .review-footer{
    margin-top: 0;
}

.section-reviews .reviews-box .item .review-footer .read-more{
    color: #000;
    font-size: 14px;
}

.section-reviews .reviews-box .item .review-footer .read-more::after{
    content: '>';
    margin-left: 3px;
}

.section-reviews .col-right .related{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-reviews .col-right .related .title{
    font-size: 20px;
    font-weight: 600;
}

.section-reviews .col-right .related .item{
    display: flex;
    gap: 16px;
}

.section-reviews .col-right .related .item .logo img{
    width: 90px;
    height: 90px;
}

.section-reviews .col-right .related .item .content{
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.section-reviews .col-right .related .item .content .name{
    font-size: 16px;
    font-weight: 600;
}


.section-review{
    margin: 40px 0;
}

.section-review .wrapper{
    gap: 20px;
}

.section-review .col-left{
    width: 100%;
}


.section-review .review-box{
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}

.section-review .review-box .item{
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.section-review .review-box .item .review-author{
    width: 217px;
    min-width: 217px;
    background-color: #EFEFEF;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-review .review-box .item .review-author .author-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.section-review .review-box .item .review-author .avatar img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.section-review .review-box .item .review-author .name{
    font-weight: 600;   
}

.section-review .review-box .item .review-author .country{
    display: flex;
    gap: 5px;
}

.section-review .review-box .item .review-author .country img{
    width: 18px;
    border-radius: 4px;
    margin-top: 1px;
}

.section-review .review-box .item .review-author .count-box{
    padding: 10px;
    background-color: #FFFFFFA3;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-top: 10px;
}

.section-review .review-box .item .review-author .count-box span{
    font-size: 14px;
}

.section-review .review-box .item .review-author .count-box .num{
    font-size: 20px;
    font-weight: 700;
}

.section-review .review-box .item .review-author .count-box .reputation .num{
    color: var(--accent-green);
}

.section-review .review-box .item .review-main{
    width: 100%;
}

.section-review .review-box .item .review-head{
    display: flex;
    justify-content: space-between;
}

.section-review .review-box .item .review-head .meta{
    display: flex;
    align-items: center;
    gap: 20px;
}

.section-review .review-box .item .review-head .meta .rating{
    display: flex;
    gap: 5px;
    flex-direction: row;
    align-items: center;
    color: var(--accent-yellow);
    font-weight: 600;
}

.section-review .review-box .item .review-head .meta .date{
    font-size: 14px;
}

.section-review .review-box .item .review-head .controls{
    display: flex;
    gap: 10px;
}

.section-review .review-box .item .controls .likes,
.section-review .review-box .item .controls .dislikes,
.section-review .review-box .item .controls .comments{
    display: flex;
    gap: 5px;
    align-items: center;
    flex-direction: row;
    font-size: 14px;
}

.section-review .review-box .item .controls .likes a,
.section-review .review-box .item .controls .dislikes a{
    display: flex;
    align-items: center;
    gap: 3px;
}

.section-review .review-box .item .review-content{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-review .review-box .item .review-content .review-title{
    font-weight: 600;
    
}

.section-review .review-box .item .review-content .review-title h1{
    font-size: 20px;
}

.section-review .review-box .item .review-content .review-text{
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 14px;
    word-break: normal;
	overflow-wrap: break-word; /* alias: word-wrap: break-word */
	overflow-wrap: anywhere; /* для iOS 15.4+ */
}

.section-review .review-box .item .review-content .review-advantages{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.section-review .review-box .item .review-footer{
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}



.section-review .col-right{
    width: 470px;
    min-width: 470px;
}

.section-review .col-right .widget{
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-top: 0px;
}

.section-review .col-right .related{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-review .col-right .related .title{
    font-size: 20px;
    font-weight: 600;
}

.section-review .col-right .related .item{
    display: flex;
    gap: 16px;
}

.section-review .col-right .related .item .content{
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.section-review .col-right .related .item .content .name{
    font-size: 16px;
    font-weight: 600;
}

.section-review .comments-box{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 40px;
}

.section-review .comments-box .heading{
    font-size: 24px;
    font-weight: 700;
    display: flex;
    gap: 20px;
}

.section-review .comments-box .heading .total{
    padding: 2px 20px;
    border-radius: 20px;
    background-color: var(--accent-green);
    color: #fff;
}

.section-review .comments{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-review .comments-box .item{
    display: flex;
    gap: 30px;
}

.section-review .comments-box .item .avatar img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.section-review .comments-box .item .content{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.section-review .comments-box .item .content .meta{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.section-review .comments-box .item .content .meta .name{
    font-weight: 600;
}

.section-review .comments-box .item .content .meta .date{
    font-size: 14px;
}

.section-review .comments-box .item .content .text{
    font-size: 14px;
}

.section-review .comments-box .item .content .text p{
    word-break: break-all;
}

.section-review .comments-box .item .content .reply{
    font-size: 14px;
    color: #5D5491;
    text-decoration: underline;
}


.section-review .comments-box .comment{
    display: flex;
    gap: 15px;
    margin-left: 120px;
    padding-left: 20px;
    border-left: 1px solid #dedede;
}

.section-review .comments-box .comment .avatar img{
    width: 52px;
    height: 52px;
    border-radius: 50%;
}

.section-review .comments-box .comment .content{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.section-review .comments-box .comment .content .meta{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.section-review .comments-box .comment .content .meta .name{
    font-weight: 600;
}

.section-review .comments-box .comment .content .meta .date{
    font-size: 14px;
}

.section-review .comments-box .comment .content .text{
    font-size: 14px;
}

.section-review .comments-box .comment .content .text p{
    word-break: break-all;
}

.add-comment-box{
    margin: 70px 0 40px 0;
}

.add-comment-box form{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
}

.add-comment-box form .form-group{
    width: 100%;
}

.add-comment-box form textarea{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #dedede;
    background-color: #fff;
    padding: 10px;
}


.footer{
    padding: 40px 0;
    background-color: #2C3E50;
    color: #fff;
}

.footer .wrapper{
    justify-content: space-between;
}

.footer .logo{
    margin-right: 150px;    
}

.footer .footer-menu{
    flex: 1;
}

.footer .footer-menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    line-height: 1.6em;
}

.footer .footer-menu ul li + li{
    margin-top: 5px;
}

.footer .footer-ratings{
    flex: 1;
}

.footer .footer-ratings .title{
    margin-top: 10px;
}


.footer .footer-ratings ul{
    margin: 0;
    margin-top: 5px;
    padding: 0;
    margin-left: 20px;
}

.footer .footer-ratings ul li .company{
    display: flex;
    align-items: center;
    gap: 5px;
}

.footer .footer-ratings ul li .company .rating-value{
    font-size: 16px;
    font-weight: 600;
    color: var(--accent-yellow);
}

.footer .footer-ratings ul li::marker{
    color: var(--accent-yellow);
}

.footer .footer-ratings ul li b{
    color: var(--accent-yellow);
    margin-left: 5px;
}

.footer .footer-ratings .rating{
    display: inline-block;
    margin-left: 10px;
}

.footer .copyright{
    border-top: 1px solid #dedede;
    padding-top: 30px;
    margin-top: 30px;
}

.review-form-popup{
    position: fixed;
    width: 100%;
    max-width: 1000px;
    top: 50%;
    left: 50%;
    background-color: #fff;
    z-index: 10;
    transform: translate(-50%, -50%);
    padding: 30px;
    border-radius: 20px;
    display: none;
}



.review-form-popup .wrapper{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.review-form-popup h3{
    margin: 0;
    font-size: 24px;
    margin-bottom: 20px;
}

.review-form-popup form{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.review-form-popup form label{
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 18px;
    font-weight: 600;
}

.review-form-popup form input,
.review-form-popup form textarea,
.review-form-popup form select{
    padding: 11px;
    border: 1px solid #dedede;
    border-radius: 5px;
    font-size: 14px;
    width: 100%;
}

.review-form-popup .company-select-container label{
    margin-bottom: 5px;
}

.review-form-popup .review-popup-close {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    font-size: 28px;
    color: #999;
    cursor: pointer;
    padding: 5px 10px;
    line-height: 1;
    transition: color 0.3s;
    z-index: 1;
}

.review-form-popup  .review-popup-close:hover {
    color: #333;
}



body.popup-overlay::before{
    content: '';
    background-color: #E9E9E9D4;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.stars{
    display: flex;
    gap: 3px;
    margin-top: -2px;
}

.stars .star {
    color: #ccc;
    font-size: 18px;
    line-height: 16px;
}
.stars  .star.full {
    color: #ffc107;
}
.stars  .star.half {
    position: relative;
}
.stars  .star.half:after {
    content: '★';
    position: absolute;
    left: 0;
    width: 50%;
    overflow: hidden;
    color: #ffc107;
}











/* Стили попапа */
.auth-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.auth-popup__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.auth-popup__content {
    position: relative;
    max-width: 400px;
    margin: 50px auto;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
}

.auth-popup__close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    background: none;
    border: none;
    cursor: pointer;
}

/* Стили табов */
.auth-tabs__nav {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.auth-tabs__btn {
    padding: 10px 20px;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.auth-tabs__btn.active {
    color: #0073aa;
}

.auth-tabs__btn.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0073aa;
}

.auth-tab {
    display: none;
}

.auth-tab.active {
    display: block;
}

/* Стили форм */
.auth-form .form-group {
    margin-bottom: 15px;
}

.auth-form input,
.auth-form select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.auth-form__message {
    margin-top: 15px;
    padding: 10px;
    border-radius: 4px;
    display: none;
    font-size: 14px;
}

#resendConfirmation{
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 2px;
    margin-top: 20px;
    display: block;
    font-weight: 600;
    margin-left: 5px;
}

.auth-form__message.success {
    background: #d4edda;
    color: #155724;
    display: block;
}

.auth-form__message.error {
    background: #f8d7da;
    color: #721c24;
    display: block;
}

.auth-section {
    height: 42px;
    padding: 10px 14px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    border: none;
    background-color: var(--accent-yellow);
    display: flex;
}

.user-greeting {
    color: #000;
    display: flex;
    align-items: center;
}

.user-greeting img{
    width: 24px;
}

.logout-link {
    color: #fff;
    font-size: 12px;
    margin-left: 5px;
    text-decoration: none;
}

.logout-link:hover {
    color: #d54e21;
}

.section-lk{
    margin: 50px 0;
}

.section-lk .wrapper{
    gap: 20px;
    align-items: flex-start;
}

.section-lk .col-left{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 470px;
    min-width: 470px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 30px;
}

.section-lk .col-left .user-heading{
    display: flex;
    align-items: center;
    gap: 40px;
}

.section-lk .col-left .user-heading .avatar img{
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.section-lk .col-left .user-heading .info{
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 14px;
}

.section-lk .col-left .user-heading .info .name{
    font-weight: 600;
    font-size: 16px;
}

.section-lk .col-left .user-heading .info .country{
    display: flex;
    gap: 5px;
    align-items: center;
}

.section-lk .col-left .user-heading .info .country img{
    width: 18px;
    margin-top: 1px;
    border-radius: 4px;
}

.section-lk .col-left .user-reviews-comments{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.section-lk .col-left .user-reviews{
    padding: 7px 23px;
    border-radius: 5px;
    background-color: #E1E3E2;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    transition: all .2s ease-in-out;
}

.section-lk .col-left .user-reviews:hover{
    opacity: .8;
}

.section-lk .col-left .user-reviews .num{
    font-size: 24px;
    font-weight: 600;
}

.section-lk .col-left .user-comments{
    padding: 7px 23px;
    border-radius: 5px;
    background-color: #E1E3E2;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    transition: all .2s ease-in-out;
}

.section-lk .col-left .active-tab{
    background-color: #2E8B57;
    color: #fff;
}

.section-lk .col-left .user-comments:hover{
    opacity: .8;
}

.section-lk .col-left .user-comments .num{
    font-size: 24px;
    font-weight: 600;
}

.section-lk .col-left .user-reputation{
    padding-left: 20px;
    border-left: 2px solid #dedede;
    font-size: 14px;
}

.section-lk .col-left .user-reputation .reputation .num{
    color: #2E8B57;
    font-size: 20px;
    font-weight: 600;
}

.section-lk .col-right{
    width: 100%;
}

.section-lk .col-right .lk-box{
    display: flex;
    gap: 20px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 30px;
}

.section-lk .col-right .lk-box .lk-controls{
    width: 300px;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 2px solid #dedede;
    margin-left: -30px;
}

.section-lk .col-right .lk-form{
    width: 100%;
}

.section-lk .col-right .lk-box .avatar img{
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.section-lk .col-right .lk-box .lk-controls .lk-tabs-nav{
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.section-lk .col-right .lk-box .lk-controls .lk-tabs-nav li{
    display: flex;
    gap: 5px;
    padding: 5px 25px;
    cursor: pointer;
}

.section-lk .col-right .lk-box .lk-controls .lk-tabs-nav li.active{
    background-color: #dedede;
}

.section-lk .col-right .lk-box .lk-controls .lk-tabs-nav li img{
    width: 16px;
}

.section-lk .col-right .lk-box .lk-controls .logout{
    display: flex;
    gap: 5px;
    margin-top: 60px;
}

.section-lk .col-right .lk-box .lk-form .tab-content{
    display: none;
}

.section-lk .col-right .lk-box .lk-form .tab-content.active{
    display: flex;
}

.section-lk .col-right .lk-box .lk-form form{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    gap: 10px;
}

.section-lk .col-right .lk-box .lk-form form .input-group{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.section-lk .col-right .lk-box .lk-form form input,
.section-lk .col-right .lk-box .lk-form form textarea,
.section-lk .col-right .lk-box .lk-form form select{
    width: 100%;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
}

.section-lk .col-right .lk-box .lk-form form .form-message{
    position: absolute;
    left: 0;
    bottom: 5px;
    font-size: 14px;
    padding: 10px 20px;
    background-color: #bde3bd;
}

.section-lk .col-right .lk-box .lk-form form .form-message:empty{
    background-color: transparent;
}

.section-lk .section-reviews .wrapper{
    flex-direction: column;
}

.section-lk #reviews-tab{
    width: 100%;
}

.section-lk .section-reviews .filter-box{
    margin: 0;
    margin-bottom: 40px;
    width: 100%;
}

.section-lk .section-reviews .reviews-box{
    width: 100%;
}

/* Стили для табов контента */
.section-lk .section-reviews .tab-content {
    display: none;
}

.section-lk .section-reviews .tab-content.active {
    display: block;
}

/* Стили для комментариев */
.section-lk .section-reviews .comment-item {
    padding: 15px;
    margin-bottom: 15px;
    background: #f9f9f9;
    border-radius: 5px;
}

.section-lk .section-reviews .comment-meta {
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
}

.section-lk .section-reviews .comment-content {
    line-height: 1.6;
    font-size: 14px;
}

.section-lk .section-reviews .comment-content p{
    word-break: break-all;
}

.section-lk .section-reviews .comment-meta a{
    text-decoration: underline;
}

.section-lk  .section-reviews #comments-tab{
    width: 100%;
}

.default-page .main-content{
    margin-bottom: 40px;
}

.default-page .main-content .wrapper{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.default-page .main-content p + h4{
    margin-top: 20px;
    margin-bottom: 10px;
}

.default-page .main-content ul li::marker{
    color: var(--accent-yellow);
}

.default-page .main-content ul li{
    margin-bottom: 10px;
}

.default-page .section-heading h1{
    margin: 0;
}

.section-404 .wrapper{
    gap: 120px;
    align-items: center;
}

.section-404 .col-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.section-404 h1{
    font-size: 128px;
    font-weight: 600;
    color: var(--accent-yellow);
    margin: 0;
    line-height: 1em;
}

.section-404 .title{
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2em;
}

.section-404 p{
    font-size: 24px;
    font-weight: 600;
}

.section-contacts-info .wrapper{
    display: flex;
    background-color: #F9FAFC;
    padding: 30px 20px;
    border-radius: 10px;
    align-items: center;
}

.section-contacts-info .heading{
    width: 300px;
    min-width: 300px;
    font-size: 24px;
    font-weight: 600;
}

.section-contacts-info .contacts-box{
    display: flex;
    gap: 80px;
}

.section-contacts-info .contacts-box .item{
    display: flex;
    gap: 20px;
}

.section-contacts-info .contacts-box .item .text{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.section-contacts-info .contacts-box .item .text .title{
    font-size: 20px;
    font-weight: 600;
    color: var(--accent-yellow);
}

.section-contact-form{
    margin-bottom: 60px;
}

.section-contact-form .wrapper{
    display: flex;
    background-color: #F9FAFC;
    padding: 30px 20px;
    border-radius: 10px;
}

.section-contact-form .heading{
    width: 300px;
    min-width: 300px;
    font-size: 24px;
    font-weight: 600;
}

.section-contact-form .wpcf7{
    width: 100%;
}

.section-contact-form .wpcf7 form{
    width: 100%;
}

.section-contact-form .wpcf7 form > p{
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

.section-contact-form .wpcf7 form .wpcf7-form-control-wrap{
    width: 100%;
    display: block;
}

.section-contact-form .wpcf7 form br{
    display: none;
}

.section-contact-form .wpcf7 form  input:not(.wpcf7-submit),
.section-contact-form .wpcf7 form  textarea{
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
    background-color: #fff;
    width: 100%;
}

.section-contact-form .wpcf7 form input.wpcf7-submit{
    height: 42px;
    padding: 10px 14px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    border: none;
    background-color: var(--accent-yellow);
    display: flex;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.section-contact-form .wpcf7 form input.wpcf7-submit:hover{
    opacity: .8;
}

.filter-box .filter-toggle{
    cursor: pointer;
}

.filter-box .filter-popup{
    display: none;
    position: absolute;
    top: -100px;
    z-index: 10;
    background-color: #fff;
    width: 250px;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.filter-popup.active {
    display: block;
}

.filter-box .filter-popup .title{
    display: flex;
    gap: 5px;
    margin-bottom: 15px;
}

.filter-box .filter-popup .field-box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.section-author{
    margin: 50px 0;
}

.section-author .wrapper{
    align-items: flex-start;
}


.section-author .col-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 470px;
    min-width: 470px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 30px;
}

.section-author .col-left .user-heading{
    display: flex;
    align-items: center;
    gap: 40px;
}

.section-author .col-left .user-heading .avatar img{
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.section-author .col-left .user-heading .info{
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 14px;
}

.section-author .col-left .user-heading .info .name{
    font-weight: 600;
    font-size: 16px;
}

.section-author .col-left .user-heading .info .country{
    display: flex;
    gap: 5px;
}

.section-author .col-left .user-heading .info .country img{
    width: 18px;
    border-radius: 4px;
    margin-top: 1px;
}

.section-author .col-left .user-reviews-comments{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.section-author .col-left .user-reviews{
    padding: 7px 23px;
    border-radius: 5px;
    background-color: #E1E3E2;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.section-author .col-left .user-reviews:hover{
    opacity: .8;
}

.section-author .col-left .user-reviews .num{
    font-size: 24px;
    font-weight: 600;
}

.section-author .col-left .user-comments{
    padding: 7px 23px;
    border-radius: 5px;
    background-color: #E1E3E2;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.section-author .col-left .active-tab{
    background-color: #2E8B57;
    color: #fff;
}

.section-author .col-left .user-comments:hover{
    opacity: .8;
}

.section-author .col-left .user-comments .num{
    font-size: 24px;
    font-weight: 600;
}

.section-author .col-left .user-reputation{
    padding-left: 20px;
    border-left: 2px solid #dedede;
    font-size: 14px;
}

.section-author .col-left .user-reputation .reputation .num{
    color: #2E8B57;
    font-size: 20px;
    font-weight: 600;
}

.section-author .col-right{
    width: 100%;
}

.section-author .section-reviews {
    margin: 0;
}

.section-author .section-reviews .wrapper{
    flex-direction: column;
}

.section-author .filter-box{
    margin: 0;
    margin-bottom: 40px;
    width: 100%;
}

.section-author  .reviews-box{
    width: 100%;
}

.section-author .section-reviews #comments-tab{
    width: 100%;
}

/* Стили для переключения отзывов/комментариев */
.section-author .section-reviews .user-reviews-comments {
    display: flex;
    margin-bottom: 20px;
}

.section-author .section-reviews .user-reviews, .user-comments {
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.section-author .section-reviews .user-reviews.active-tab, .user-comments.active-tab {
    border-bottom-color: #0073aa;
    color: #0073aa;
    font-weight: bold;
}

.section-author .section-reviews .user-reviews .num, .user-comments .num {
    margin-left: 5px;
    font-weight: bold;
}

/* Стили для табов контента */
.section-author .section-reviews .tab-content {
    display: none;
    width: 100%;
}


.section-author .section-reviews .tab-content.active {
    display: block;
}

/* Стили для комментариев */
.section-author .section-reviews .comment-item {
    padding: 15px;
    margin-bottom: 15px;
    background: #f9f9f9;
    border-radius: 5px;
}

.section-author .section-reviews .comment-meta {
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
}

.section-author .section-reviews .comment-content {
    line-height: 1.6;
    font-size: 14px;
}

.section-author .section-reviews .comment-content p{
    word-break: break-all;
}

.section-author .section-reviews .comment-meta a{
    text-decoration: underline;
}

.confirmation-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.confirmation-popup__content {
    background: white;
    padding: 30px;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    position: relative;
}

.confirmation-popup__close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
}

.confirmation-message {
    text-align: center;
    padding: 20px;
}

.confirmation-message h3{
    margin-top: 0;
}

.confirmation-popup.show {
    display: flex;
}

.complaint-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
    align-items: center;
    justify-content: center;
}

.complaint-popup__content {
    background: white;
    padding: 30px;
    border-radius: 8px;
    max-width: 1000px;
    width: 90%;
    position: relative;
}

.complaint-popup__close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
}

.complaint-popup h3 {
    margin-bottom: 20px;
    margin-top: 0;
}

.complaint-options label {
    display: block;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    cursor: pointer;
}

.complaint-options label:hover {
    background: #f9f9f9;
}

.complaint-other {
    margin-top: 20px;
}

.complaint-other textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.complaint-popup button[type="submit"] {
    margin-top: 20px;
    width: 100%;
}

.item, .comment-item {
 word-break: normal;
}

@media(max-width:1024px){

    .container{
        padding: 0 30px;
    }
    
    .header .logo-box{
        gap: 20px;
        align-items: center;
    }

    .header .logo-box img{
        width: 140px;
    }

    .header .search-box .probox .proinput{
        width: 190px;
    }

    .header .add-box a{
        font-size: 0;
    }

    .section-home-rewiews .filter-box .btn{
        display: flex;
    }

    .section-home-rewiews .col-right{
        display: none;
    }

    .footer{
        padding: 30px 0;
    }

    .footer .logo{
        margin-right: 30px;
    }

    .footer .logo img{
        width: 120px;
    }

    .footer .footer-menu ul{
        margin-top: 0;
        font-size: 14px;
    }

    .footer .footer-ratings .title{
        margin-top: 0;
        font-size: 14px;
    }

    .footer .footer-ratings ul li .company{
        font-size: 14px;
    }

    .footer .copyright{
        font-size: 12px;
        padding-top: 30px;
        margin-top: 30px;
    }

    .company-hero .wrapper{
        flex-direction: column;
    }

    .company-hero .rating-box{
        justify-content: space-between;
    }

    .company-info .info-list{
        flex-wrap: wrap;
        justify-content: flex-start;
        row-gap: 20px;
    }

    .company-info .info-list li{
        width: 25%;
        padding: 0 20px;
        font-size: 16px;
    }

    .company-info .info-list li:nth-child(5n){
        padding-left: 0;
        border-left: none;
    }

    .company-info .row{
        flex-direction: column;
    }

    .company-info .row .col{
        width: 100%;
    }

    .section-reviews .filter-box .btn{
        display: flex;
    }

    .section-reviews .col-right{
        display: none;
    }

    .review-form-popup{
        width: calc(100% - 60px);
    }

    .section-review .col-right{
        display: none;
    }

    .section-review .review-box .item .review-author{
        width: 190px;
        min-width: 190px;
    }

    .section-review .review-box .item .review-content .review-advantages{
        font-size: 14px;
		word-break: normal;
        overflow-wrap: break-word;
        overflow-wrap: anywhere;
    }

    .section-lk .wrapper{
        flex-direction: column;
    }

    .section-lk .col-left{
        width: 100%;
    }

    .section-contacts-info .wrapper{
        align-items: flex-start;
        flex-direction: column;
    }

    .section-contacts-info .contacts-box{
        gap: 20px;
    }

    .section-contacts-info .contacts-box .item{
        gap: 10px;
        
        align-items: flex-start;
    }

    .section-contacts-info .contacts-box .item img{
        width: 60px;
    }

    .section-contacts-info .contacts-box .item .text .title{
        font-size: 18px;
    }

    .section-contact-form .wrapper{
        flex-direction: column;
    }

    .section-404 .wrapper{
        flex-direction: column-reverse;
        gap: 0px;
    }

    .section-404 .col-content{
        gap: 20px;
    }
    
}

@media(max-width:767px){

    .container{
        padding: 0 18px;
    }

    .header{
        padding: 15px 0;
    }

    .header .search-box{
        display: none;
    }

    .header .add-box{
        display: none;
    }

    .header .auth-section{
        display: none;
    }

    .header .logo-box img{
        width: 110px;
    }

    .header .burger{
        display: block;
        width: 18px;
        height: 12px;
        background-image: url(./assets/img/burger.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .header .burger.open{
        background-image: url(./assets/img/close.svg);
        background-size: auto;
    }

    .header .mobile-menu{
        display: none;
        position: absolute;
        top: 44px;
        left: -18px;
        flex-direction: column;
        background-color: #fff;
        width: calc(100% + 36px);
        z-index: 2;
        padding: 20px;
        gap: 10px;
    }

    .header .mobile-menu.open{
        display: flex;
    }

    .header .mobile-menu .search-box{
        display: flex;
        margin-bottom: 40px;
    }

    .header .mobile-menu .add-box{
        display: block;
    }

    .header .mobile-menu .add-box a{
        font-size: 20px;
        background-color: var(--accent-yellow);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 14px;
        font-size: 16px;
        border-radius: 5px;
        color: #000;
    }

    .header .mobile-menu .add-box a img{
        width: 20px;
        filter: invert(1);
    }

    .header .mobile-menu .auth-section{
        display: flex;
        justify-content: center;
    }

    .header .mobile-menu .search-box .probox .proinput input{
        border: 1px solid #dedede!important;
    }

    .header .mobile-menu .search-box .probox{
        flex-direction: column;
        align-items: stretch;
    }

    .header .mobile-menu .search-box .probox .proinput{
        width: 100%;
    }

    .header .search-box .probox .proclose, .header .search-box .probox .proloading{
        right: 10px;
        top: 6px;
    }

    .section-home-rewiews .filter-box{
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 20px;
    }

    .section-home-rewiews .filter-box .btn{
        width: 100%;
    }

    .reviews-box .item .review-footer{
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .reviews-box .item .controls{
        align-self: end;
    }

    .reviews-box .item .controls > span{
        display: none;
    }

    .reviews-box .item .review-footer .read-more{
        font-size: 14px;
    }

    .footer .wrapper{
        flex-direction: column;
    }

    .footer .logo img{
        width: 170px;
    }

    .stars .star{
        font-size: 16px;
    }

    .footer .footer-ratings{
        margin-top: 20px;
    }

    .company-hero .main-info{
        flex-direction: column;
        gap: 10px;
    }

    .company-hero .main-info .logo img{
        width: 100%;
        height: 190px;
        object-fit: cover;
    }

    .company-hero .main-info .content{
        gap: 10px;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .company-hero .main-info h1{
        width: 100%;
    }

    .company-hero .main-info .content .btn{
        width: 100%;
    }

    .company-hero .wrapper{
        padding: 10px;
    }

    .company-hero .rating-box{
        flex-direction: column;
        gap: 40px;
    }

    .company-hero .rating-box .total{
        align-items: center;
    }

    .company-info .info-list{
        flex-direction: column;
    }

    .company-info .info-list li{
        width: 100%;
        padding: 0;
        border: none;
        gap: 5px    ;
    }

    .company-info .info-list li + li{
        border: none;
    }

    .company-info .info-list li span{
        font-size: 14px;
    }

    .company-info ul:not(.info-list){
        flex-direction: column;
    }

    .company-info ul:not(.info-list) li{
        width: 100%;
    }

    .section-reviews .filter-box{
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 20px;
    }

    .section-reviews .filter-box .btn{
        width: 100%;
    }

    .section-reviews .reviews-box .item{
        flex-direction: column;
    }

    .section-reviews .reviews-box .item .review-author{
        width: 100%;
        align-items: flex-start;
    }

    .section-reviews .reviews-box .item .review-author .name{
        position: absolute;
        left: 130px;
    }

    .section-reviews .reviews-box .item .review-author .country{
        position: absolute;
        left: 130px;
        top: 30px;
    }

    .section-reviews .reviews-box .item .review-main .review-head{
        position: absolute;
        top: -70px;
        left: 130px;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .section-reviews .reviews-box .item .review-main .review-content{
        padding: 10px;
    }

    .reviews-box .item .controls .comments::after{
        content: none;
    }

    .section-reviews .reviews-box .item .review-footer{
        flex-direction: row;
    }

    .section-review .review-box .item{
        flex-direction: column;
    }

    .section-review .review-box{
        padding: 10px;
    }

    .section-review .review-box .item .review-author{
        width: 100%;
        flex-direction: row;
        align-items: flex-start;
        gap: 40px;
    }

    .section-review .review-box .item .review-author .avatar img{
        width: 85px;
        height: 85px;
    }

    .section-review .review-box .item .review-author .count-box{
        margin-top: 0;
    }

    

    .section-review .review-box .item .review-head{
        flex-direction: column;
        row-gap: 10px;
    }

    .section-review .review-box .item .review-content{
        gap: 10px;
    }

    .section-review .comments-box .heading .total{
        height: 20px;
        height: max-content;
    }

    .review-form-popup{
        width: calc(100% - 20px);
        padding: 10px;
    }

    .review-form-popup form{
        gap: 10px;
    }

    .review-form-popup form input,
    .review-form-popup form textarea, 
    .review-form-popup form select{
        padding: 6px 10px;
    }

    .review-form-popup form textarea{
        height: 100px;
        max-height: 300px;
    }

    .review-form-popup form label{
        font-size: 14px;
    }

    .review-form-popup h3{
        margin-bottom: 0px;
    }

    .section-contacts-info .contacts-box{
        flex-direction: column;
    }

    .section-404 .col-content{
        align-items: stretch;
    }

    .section-404 .wrapper .col-img img{
        width: 100%;
    }

    .section-lk{
        margin: 20px 0;
    }

    .section-lk .col-left{
        min-width: 0;
        padding: 20px;
    }

    .section-lk .col-right .lk-box{
        flex-direction: column;
        padding: 20px;
        gap: 40px;
    }

    .section-lk .col-left .user-heading .avatar img{
        width: 100px;
        height: 100px;
    }

    .section-lk .col-left .user-heading{
        gap: 20px;
    }

    .section-lk .col-right .lk-box .lk-controls{
        border-right: none;
        margin-left: 0;
        width: 100%;
    }

    .section-lk .col-right .lk-box .avatar img{
        width: 100px;
        height: 100px;
    }

    .section-lk .col-right .lk-box .lk-controls .logout{
        margin-top: 20px;
    }

    .section-author{
        margin: 20px 0;
    }

    .section-author .wrapper{
        flex-direction: column;
    }

    .section-author .col-left{
        width: 100%;
        min-width: 0;
        padding: 20px;
    }

    .section-author .col-left .user-heading{
        gap: 20px;
    }

    .section-author .col-left .user-heading .avatar img {
        width: 100px;
        height: 100px;
    }

    .filter-box .filter-popup{
        right: -50px;
    }

}


.checkbox-container {
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
}

.checkbox-container input[type="checkbox"] {
    margin: 0;
    margin-top: 2px;
    flex-shrink: 0;
}

.checkbox-container a {
    color: #007bff;
    text-decoration: none;
}

.checkbox-container a:hover {
    text-decoration: underline;
}


@media(max-width:767px){
.form-submit button {
    color: black;
    min-width: 100%;
    width: 100%;
    display: block;
}
	.form-submit {width: 100%;}
}

.btn, div.asl_w .probox .promagnifier {
    color: black;
}

.wrap-content {
    max-width: 900px;
    margin: 50px auto;
}

.wrap-content p img {
	display: block;
	margin: 20px auto;
}