@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

/*@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Hebrew:wght@400;500&display=swap');*/

* {
    outline: none!important;
}

body {
    color: #333333;
    font-size: 16px;
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

header {
    background-color: #FFF7E9;
    border-bottom: 1px solid #F4F0E9;
}
header .nav-link {
    /*font-family: "IBM Plex Sans Hebrew", sans-serif;*/
    font-weight: 500;
}
header .nav-link:hover {
    color: #F3B850;
}
.bottom-header {
    background-color: #fff;
}

.top-header {
    padding-top: 14px;
    min-height: 52px;
}

.top-social {
    display: flex;
    gap: 5px;
    justify-content: end;
}

.top-social a {
    background-color: white;
    width: 32px;
    height: 32px;
    color: #43806C;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 3px;
}

.bottom-social {
    display: flex;
    gap: 24px;
}

.bottom-social a {
    font-size: 20px;
    color: #000;
}
.bottom-social a:hover {
    color: #F3B850;
}
.top-text {
    font-size: 14px;
}

.top-text a {
    color: #333333;
    font-weight: bold;
    font-size: 15px;
}

/*)*/
.bg-beige {
    background: #FDF7E9;
}

.main_section {
    padding-top: 80px;
    border-radius: 0 0 10em 0;
    overflow: hidden;
}

.main_section .title {
    /*font-family: "Marcellus", serif;*/
    line-height: 74.07px;
    font-weight: 400;
    font-style: normal;
    font-size: 67px;
    color: #212725;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

.main_section .image {
    position: relative;
    z-index: 2;
    text-align: center;
}

.main_section .image:before {
    content: '';
    background-image: url("../images/home/pills.svg");
    background-repeat: no-repeat;
    width: 790px;
    height: 632px;
    display: block;
    position: absolute;
    right: -173px;
    bottom: 0;
    z-index: 1;
}

.main_section .content {
    color: #333;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.main_section .content,
.main_section .image img {
    position: relative;
    z-index: 2;
}

.action-btn {
    padding-top: 40px;
}

.btn-orange {
    background-color: #F47B36;
    font-size: 15px;
    color: white;
    padding: 15px 30px;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #F47B36;
}

.btn-orange:hover {
    background-color: transparent;
    color: #F47B36;
}

.content-column {
    padding: 90px 0;
}

.content-column .content {
    padding-top: 40px;
    padding-right: 30px;
}

.content-column .section-1 {
    padding-right: 0;
}

.content-column .subtitle {
    color: #43806C;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 30.6px;
    padding-bottom: 20px;
}
article .subtitle:before,
.content-column .subtitle:before {
    content: '';
    background-color: #F3B850;
    height: 2px;
    width: 50px;
    display: inline-block;
    position: relative;
    top: -4px;
    margin-left: 16px;
}

.content-column .title {
    /*font-family: "Marcellus", serif;*/
    color: #212725;
    font-size: 50.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 60.62px;
    padding-bottom: 20px;
    padding-right: 10px;
}

.content-column .desc {
    color: rgba(51, 51, 51, 0.70);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.4px;
    max-width: 515px;
    padding-right: 10px;
}

.wb-line:after {
    content: '';
    background-color: #F3B850;
    height: 2px;
    width: 50px;
    display: block;
    position: relative;
    top: -4px;
    margin: 40px auto 0 auto;
}

.beauty-list .item .item-title {
    color: #43806C;
    text-align: right;
    font-size: 21.3px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    padding-bottom: 15px;
    position: relative;
}

.beauty-list .item .item-desc {
    color: #333;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.8px;

}
.section-2 .beauty-list > div .item {
    max-width: 335px;
}
.section-2 .beauty-list > div:nth-child(3) .item {
    max-width: 440px;
}
.beauty-list .item .item-title span {
    position: relative;
    z-index: 2;
}

.beauty-list .item .item-title:before {
    content: '';
    background-color: #F3B850;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 1;
}

.section-2,
.section-4 {
    position: relative;
}

.section-2:after,
.section-4:after {
    content: '';
    background-image: url("../images/home/points.png");
    width: 300px;
    height: 300px;
    position: absolute;
    display: block;
    left: 30px;
    bottom: -150px;
}

.section-3 {
    padding-top: 170px;
}

.section-3 .title {
    max-width: 447px;
}

.section-3 .desc {
    max-width: 515px;
}

.section-3 .beauty-list {
    padding-top: 50px;
}

.section-3 .image {
    position: relative;
}

.section-3 .image img {
    position: relative;
    z-index: 2;
}

.section-3 .image:after {
    content: '';
    background-image: url("../images/home/pills2.svg");
    width: 603px;
    background-repeat: no-repeat;
    height: 639px;
    position: absolute;
    display: block;
    right: -150px;
    bottom: -40px;
    z-index: 1;
}

.section-3 .beauty-list .item .item-desc {
    max-width: initial;
}

.section-4 {
    text-align: center;
}

.section-4 .subtitle:before {
    margin: 0 auto;
    display: block;
    top: -20px;
}

.bella-tabs .nav-link {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-bottom: 2px solid transparent;
    position: relative;
    z-index: 2;
}
#pills-tab{
    position: relative;
}

#pills-tab:after {
    content: '';
    height: 1px;
    width: 580px;
    background-color: rgba(83, 84, 89, 0.40);
    display: block;
    margin: 0 auto;
    position: relative;
    top: -1px;
    z-index: 1;
    right: -13px;
}
.bella-tabs .nav-link.active {
    color: #43806C;
    border-bottom: 2px solid #F3B850;
}

.bella-tabs .desc,
.bella-tabs .title {
    padding-right: 10px;
}

.section-5 .content {
    padding-right: 30px;
}

.section-6 {
    position: relative;
    text-align: center;
}

.section-6:before {
    content: '';
    background-image: url("../images/home/22.png");
    width: 300px;
    height: 231px;
    display: block;
    position: absolute;
    right: 0;
}

.section-6:after {
    content: '';
    background-image: url("../images/home/11.png");
    width: 344px;
    height: 261px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.BellaReviews {
    padding-bottom: 60px;
}

.slider-content {
    color: #333;
    text-align: center;
    font-size: 28.4px;
    font-style: normal;
    font-weight: 400;
    line-height: 39.8px;
    max-width: 940px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.slider-name {
    color: #333;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.4px;
}

.slider-spec {
    color: #064237;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px;
}

.swiper-pagination-bullet {
    opacity: 1;
    background: #535459;
}

.swiper-pagination-bullet-active {
    background: #F2AD5C;
}

.section-6 .subtitle:before {
    display: none;
}

.BellaReviews .swiper-button-prev:after {
    content: '';
    width: 20px;
    height: 32px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="32" viewBox="0 0 20 32" fill="none"><path d="M13.92 17.056C14.16 16.672 14.26 16.128 14.26 15.584C14.26 15.072 14.16 14.528 13.92 14.272L8.00001 4.672C7.76001 4.256 7.50001 4 7.08001 4C6.76001 4 6.50001 4.128 6.26001 4.544C6.00001 4.928 5.84001 5.472 5.84001 5.984C5.84001 6.528 5.92001 7.072 6.16001 7.456L11.26 15.744L6.08001 24.672C5.84001 25.056 5.76001 25.6 5.76001 26.144C5.76001 26.656 5.92001 27.2 6.16001 27.616C6.42001 27.872 6.76001 28 7.08001 28C7.42001 28 7.76001 27.744 8.00001 27.328L13.92 17.056Z" fill="%23535459"/></svg>');
}

.BellaReviews .swiper-button-next:after {
    content: '';
    width: 20px;
    height: 32px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="32" viewBox="0 0 20 32" fill="none"><path d="M12.9201 4C12.5801 4 12.2601 4.256 12.0801 4.544L6.16009 14.144C5.92009 14.528 5.84009 15.072 5.84009 15.584C5.84009 16.128 5.92009 16.672 6.16009 17.056L12.0801 27.328C12.3401 27.744 12.5801 28 12.9201 28C13.2601 28 13.5801 27.872 13.8401 27.456C14.0801 27.072 14.2601 26.528 14.2601 25.984C14.2601 25.472 14.1601 24.928 13.8401 24.544L8.76009 15.584L13.8401 7.2C14.0001 6.944 14.1601 6.528 14.1601 5.984C14.1601 5.472 14.0801 4.928 13.8401 4.544C13.5001 4.128 13.2601 4 12.9201 4Z" fill="%23535459"/></svg>');
}

.line-image {
    margin-top: 20px;
    margin-bottom: 35px;
}

.quote-image {
    -webkit-mask-image: url(../images/home/icon-quote-01-min.png);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    background-color: #F3B850;
    height: 50px;
    margin-bottom: 20px;
}

.swiper-button-next, .swiper-button-prev {
    top: 27%;
}

footer .footer-top {
    border-radius: 0px 100px 0px 0px;
    background: #F3B850;
}

footer .content-column .desc {
    color: #000;
}

.footer-social {
    display: flex;
    gap: 24px;
    min-height: 69px;
    align-items: center;
    padding-right: 30px;
}

.footer-social a {
    font-size: 20px;
    color: #000;
}
.footer-social a:hover {
    color: #F3B850;
}
footer .copyright {
    /*font-family: "IBM Plex Sans Hebrew", sans-serif;*/
    color: #000;
    display: flex;
    align-items: center;
    min-height: 69px;
    padding-right: 30px;
}

.footer_contact {
    /*margin-top: 40px;*/
    background: #535459;
    height: 77px;
    width: 181px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    text-transform: capitalize;
    border: 2px solid #535459;
}

.footer_contact:hover {
    background-color: transparent;
    color: #000;
}

.main_head {
    border-radius: 0 0 10em 0;
    overflow: hidden;
    background-color: #FDF7E9;
    text-align: center;
    padding: 100px 0;
    background-image: url("../images/bg.png");
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: cover;
}
.main_head:before {
    content: '';
    background-image: url("../images/1.png");
    background-repeat: no-repeat;
    width: 420px;
    height: 415px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.main_head:after {
    content: '';
    background-image: url("../images/2.png");
    background-repeat: no-repeat;
    width: 357px;
    height: 240px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.main_head .title {
    color: #212725;
    text-align: center;
    font-size: 50.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 60.62px;
}

body:not(.home) .section-6 {
    background-color: #FDF7E9;
    overflow: hidden;
    border-radius: 300px 0px 0 0px;
}

.about-section .content {
    max-width: 558px;
    padding-right: 0;
    padding-top: 0;
}
.simple-page article {
    padding-top: 40px;
    padding-bottom: 100px;
}
.simple-page article .entry-title {
    color: #212725;
    text-align: right;
    font-size: 50.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 60.62px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.simple-page article ul {
    padding-right: 20px;
}
.simple-page article ul li {
    padding-bottom: 10px;
}
.simple-page article strong,
.simple-page article b {
    color: #43806C;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 32.4px;
}

.simple-page article b {
    color: #333;
}
.simple-head .title {
    color: white;
}
.content-column ol {
    padding-left: 0;
    padding-right: 20px;
}
.content-column ol ul {
    padding-left: 0;
    padding-right: 3px;
}
.about-2 ol li span {
    color: #333;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 32.4px;
}
#contactModal .image {
    margin-bottom: 30px;
}
#contactModal .title {
    color: #212725;
    text-align: right;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 60.62px;
    margin-bottom: 10px;
}
#contactModal .desc {
    color: rgba(51, 51, 51, 0.70);
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 40px;
}

#contactModal .contact_head {
    color: #000;
    text-align: right;
    /*font-family: "IBM Plex Sans Hebrew";*/
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#contactModal form {
    direction: rtl;
}

#contactModal form input {
    color: #000;
    text-align: right;
    /*font-family: "IBM Plex Sans Hebrew";*/
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border: 0;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.modal-content {
    border: 0;
}
#contactModal .modal-body {
    padding: 60px;
}
#contactModal .modal-dialog {
    max-width: 730px;
    margin-right: auto;
    margin-left: auto;
}

#contactModal .wpcf7-submit {
    background-color: #F47B36;
    padding: 15px 30px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 27px; /* 180% */
    text-transform: capitalize;
    border: 2px solid #F47B36;
}

#contactModal .modal-header {
    display: none!important;
}

.main_section .content .desc {
    max-width: 520px;
    color: #333;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.section-3 .beauty-list > div:nth-child(2) .item {
    max-width: 370px;
}
.section-3 .beauty-list > div:nth-child(2) .item .item-desc p {
    margin-bottom: 40px;
}
.section-3 .beauty-list > div:nth-child(1) .item .item-desc p {
    margin-bottom: 0px;
}
.section-3 .beauty-list > div:nth-child(3) .item {
    max-width: 410px;
}

.section-3 .beauty-list > div:nth-child(1) .item .item-title {
    max-width: 200px;
}

#tab-tabContent .desc p {
    padding-bottom: 20px;
}

.footer_contact {
    margin-right: auto;
    margin-bottom: 24px;
}

footer .contact-lines {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 24px;
    direction: ltr;
    font-size: 18px;
}
footer .contact-lines span svg {
    margin-right: 7px;
}
footer .contact-lines a {
    text-decoration: none;
    color: inherit;
}