section.business-data-wrapper .business-data {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex-wrap: wrap;
}

section.business-data-wrapper .business-data .card {
    width: 100%;
}

.logo-wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.logo-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

section.business-data-wrapper .business-data .rating-wrapper.card .card-content .ratings svg {
    width: 25px;
    height: 24px;
}

section.business-data-wrapper .ratings-review-wrapper span {
    font-size: var(--fs-18);
    font-weight: var(--fw-400);
    color: #565656;
}

section.business-data-wrapper .phone-wrapper .card-content {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFADF;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 33px 0;
}

section.business-data-wrapper .phone-wrapper a {
    padding: 18px 34px;
    font-size: var(--fs-16);
    font-weight: var(--fw-600);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

section.business-data-wrapper .phone-wrapper a {
    background: #FFE554;
    color: #000;
}

section.business-data-wrapper .phone-wrapper a span.svg-wrapper {
    width: 24px;
    height: 24px;
}

section.business-data-wrapper .phone-wrapper a span.svg-wrapper svg {
    width: 18px;
}

section.business-data-wrapper .phone-wrapper a span.svg-wrapper svg path {
    fill: #000;
}

section.business-data-wrapper .phone-wrapper a:hover span.svg-wrapper svg path {
    fill: #FFF;
    transition: 0.3s;
}

.top-right-ellips svg circle,
.bottom-left-ellips svg circle {
    fill: var(--light-main-color);
}

.top-left-ellips svg circle,
.bottom-right-ellips svg circle {
    fill: #FFF09E;
}

.top-left-ellips {
    position: absolute;
    top: 0;
    left: 0;
}

.top-right-ellips {
    position: absolute;
    top: 0;
    right: 0;
}

.bottom-left-ellips {
    position: absolute;
    bottom: -6px;
    left: 0;
}

.bottom-right-ellips {
    position: absolute;
    bottom: -6px;
    right: 0;
}

.top-left-ellips span.svg-wrapper,
.bottom-right-ellips span.svg-wrapper {
    width: 48px;
    height: 44px;
}

.top-right-ellips span.svg-wrapper,
.bottom-left-ellips span.svg-wrapper {
    width: 48px;
    height: 44px;
}

/* Main Content Business single page */
section.main-content-wrapper {
    padding-top: unset !important;
}

section.main-content-wrapper .main-wrap {
    display: flex;
    gap: 13px;
    justify-content: space-between;
    padding: 0;
}

section.main-content-wrapper .main-wrap>div {
    width: calc(75% - 13px);
}

section.main-content-wrapper .main-wrap>aside {
    width: calc(25% - 13px);
}

/* About Business */
section.title-wrap {
    margin-bottom: 20px;
}

section.logo-about-wrap {
    display: flex;
    gap: 25px;
    margin-bottom: 25px;
}

section.logo-about-wrap .logo-wrapper {
    width: 33.33%;
}

div.about-business {
    display: flex;
    flex-direction: column;
    width: 66.66%;
}

div.about-business h3 {
    font-size: var(--fs-34);
    font-weight: var(--fw-500);
    margin-bottom: 30px;
}

div.about-business .about-business-content {
    height: 100%;
}

div.about-business .about-business-content p {
    font-size: var(--fs-18);
    font-weight: var(--fw-400);
}

section.bussiness-info {
    display: flex;
    gap: 25px;
}

section.bussiness-info ul {
    flex-direction: column;
    gap: 8px;
    display: flex;
}

section.bussiness-info>div {
    flex: 1;
}

div.professional-desc-wrapper h3 {
    font-size: 32px;
    font-weight: var(--fw-600);
    margin-bottom: 30px;
}

.professional-desc {
    gap: 8px;
}

.list-item {
    border: 1px solid #F2F1E8;
    background: #FFF;
    font-size: var(--fs-16);
    font-weight: var(--fw-500);
    padding: 13px 16px;
    line-height: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0px 14px 54px rgba(88, 81, 40, 0.1);
}

.list-item::before {
    content: url("/wp-content/themes/reg.abone/assets/icons/check-circle.png");
    width: 20px;
    height: 20px;
}

.list-item span.svg-wrapper {
    width: 24px;
    height: 24px;
}

.list-item span.svg-wrapper svg {
    width: 20px;
}

.list-item span.svg-wrapper svg path {
    fill: #25314C;
}

/* Photo Gallery Business Page */
section.photos-gallery-wrapper {
    padding: 40px 0 0;
}

.photos-gallery-wrapper h2.title {
    display: inline-block;
}

section.photos-gallery-wrapper h3 {
    font-size: 32px;
    font-weight: var(--fw-500);
    margin-bottom: 37px;
}

.photos-gallery {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

section.photos-gallery-wrapper .photos-gallery .card {
    width: calc(25% - 10px);
    height: 300px;
    flex-grow: unset;
}

section.photos-gallery-wrapper .photos-gallery .card.slick-slide {
    margin: 8px;
}

section.photos-gallery-wrapper .photos-gallery .card:last-child {
    margin-bottom: unset;
}

section.photos-gallery-wrapper .photos-gallery .card-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.photos-gallery-wrapper .photos-gallery .card-content {
    height: 100%;
}

/* Slider Custom Arrows */
.custom-arrows {
    display: flex;
    justify-content: center;
    gap: 34px;
    margin-top: 30px;
}

.custom-arrows .svg-wrapper {
    width: 24px;
    height: 24px;
}

.custom-arrows .svg-wrapper svg {
    width: 20px;
    height: 16px;
}

.custom-arrows .svg-wrapper svg path {
    fill: black;
}

/* Editable */
.iwaf_editable_text {
    cursor: pointer;
}

.phone-wrapper .iwaf_editable_link_container {
    width: 200px;
    height: 60px;
}

.price-wrapper .card-content,
.experience-wrapper .card-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.iwaf_editable_option {
    cursor: pointer;
}

.multi-select-field .select2-container,
.multi-select-field .select2-container {
    width: 100% !important;
}

.business-cat .multi-select-field-data,
.locations .multi-select-field-data {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media screen and (max-width: 1024px) {
    section.main-content-wrapper .main-wrap {
        flex-direction: column;
    }

    section.main-content-wrapper .main-wrap>div,
    section.main-content-wrapper .main-wrap>aside {
        width: 100%;
    }

    section.photos-gallery-wrapper .photos-gallery .card {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 768px) {

    section.bussiness-info,
    section.logo-about-wrap {
        flex-direction: column;
    }

    section.logo-about-wrap>div.logo-wrapper,
    section.logo-about-wrap>div.about-business {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    section.photos-gallery-wrapper .photos-gallery .card {
        width: 100%;
    }
}