/*
Theme Name: MatBaoWS
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.3
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
.img-pri-color img,
.flickity-page-dots::after,
.flickity-page-dots::before,
.arrow-left-title .section-title-main::after,
.sub-title-center::after {
	filter: sepia(0.5) saturate(108%) hue-rotate(20deg) brightness(95%) contrast(120%);
}	
.header-button.button {
    color: #fff !important;
}

.lang-item a img {
    width: 24px !important;
    height: 16px !important;
}

/* fix number font style */
body {
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
}

/* font size */
:root {
    --xlarge-size: 20px;
    --large-size: 18px;
    --base-size: 16px;
    --small-size: 14px;
    --banner-h2-size: 74px;

    --title-size: 48px;
    --sub-title-size: 20px;

    --h2-size: 30px;
    --h3-size: 24px;
    --h4-size: 20px;
}

/* box shadow */
:root {
    --box-shadow: 0px 6px 35px 0px rgba(0, 0, 0, 0.06);
    --box-shadow-2: 0px 6px 15px 0px rgba(191, 191, 191, 0.2);
}

/* font  */
:root {
    --base-font: "DM Sans", sans-serif;
    --font-awesome: 'Font Awesome 6 Free';
    --heading-font: "Cormorant Garamond", sans-serif;
}

/* color */
:root {
    --white-color: #fff;
    --base-color: #000;
    --background-color: #F9F3F0;
    --title-color: #000;
    --dark-color: #3D4250;
    --gray-color: #B2B2B2;
    --border-color: #E0E0E0;
}

.col.container-left {
    padding-left: calc((100vw - 1240px) / 2) !important;
}
.col.container-right {
    padding-right: calc((100vw - 1240px) / 2) !important;
}

.section-title {
    line-height: 1.278;
    margin-bottom: 0;
}
.section-title-normal span,
.section-title-normal {
    border-bottom: none;
    padding-bottom: 0;
}
.section-title-normal::after {
    display: none;
    /* content: "";
    width: 66px;
    height: 3px;
    background-color: var(--fs-color-primary); */
}
.section-title-center {
    display: block;
    text-align: center;
}
.section-title-center b {
    display: none;
}

.sub-title-center .section-title-main {
    color: var(--fs-color-primary);
}
.sub-title-center::after {
    content: "";
    background: url(./assets/img/sub-title-center-line.svg) no-repeat center center / contain;
    display: block;
    height: 16px;
    width: 100%;
}

.arrow-left-title .section-title-main {
    color: var(--fs-color-primary);
}
.arrow-left-title .section-title-main::after {
    content: "";
    display: inline-block;
    height: 10px;
    width: 120px;
    background: url(./assets/img/title_right.svg) no-repeat center center / contain;
    margin-left: 6px;
}
.dark .arrow-left-title .section-title-main {
    color: var(--white-color);
}
.dark .arrow-left-title .section-title-main::after {
    filter: brightness(0) invert(1);
}

a.button:not(.icon):not(.is-link):not(.is-underline):not(.edit-block-button) {
    height: 56px;
    line-height: 54px;
    padding: 0 30px;
    font-size: var(--small-size);
    /* font-weight: 500; */
}
a.button.is-outline {
    border-width: 1px;
}
a.button.is-outline:hover {
    background-color: var(--fs-color-primary) !important;
    color: var(--white-color) !important;
}
a.button.is-underline::before {
    width: calc(100% - 16px);
    left: 0;
}
a.button.is-underline:hover::before {
    width: 50%;
}
a.button.is-underline::after {
    content: "\f061";
    font-family: var(--font-awesome);
    font-weight: 600;
}
.breadcrumbs {
    color: var(--base-color);   
    font-size: 20px;
    opacity: 1;
}

.breadcrumbs .separator {
    font-size: 0;
    opacity: 1;
}
.breadcrumbs .separator:after {
    content: "\f178";
    display: inline-block;
    font-family: var(--font-awesome);
    font-weight: 600;
    font-size: 20px;
    margin: 0 10px;
    color: var(--base-color);
    opacity: 1;
}
.breadcrumbs a,
.breadcrumbs span {
    color: var(--base-color);
    font-weight: 400;
    opacity: 1;
}

form {
    margin-bottom: 0;
}

.nav-pagination>li>a, .nav-pagination>li>span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: none;
    background-color: var(--background-color);
    border-radius: 0;
    font-size: var(--large-size);
}

.text-right .ux-menu-link__link {
    justify-content: flex-end !important;
}

.img-decor-right {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite;
}

.img-decor-left {
    position: absolute;
    left: 0;
    bottom: 5%;
    z-index: -1;
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite;
}

@keyframes jumpAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }40% {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.slider-multi-item .flickity-slider {
    margin-left: -15px;
    padding-right: -15px;
}
.slider-multi-item .flickity-slider>.row:not(.is-selected) {
    opacity: 1;
}
.slider-multi-item .flickity-slider>.row {
    padding-left: 15px;
    padding-right: 15px;
    margin: 10px 0;
}

.section-mockup {
    position: relative;
}
.section-mockup .section-content {
    position: static !important;
}
.img-mockup {
    position: absolute;
    z-index: -1;
}
.img-mockup.top-left {
    top: 0;
    left: 0;
}
.img-mockup.bottom-right {
    right: 0;
    bottom: 0;
}
.open-video .overlay-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: var(--fs-color-primary);
    border: none;
    opacity: 1;
    position: relative;
}
.img:hover .overlay-icon {
    transform: scale(1);
}
.icon-play:before {
    content: "\f04b";
    font-family: var(--font-awesome);
    font-weight: 700;
}
.open-video .overlay-icon::before,
.open-video .overlay-icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--fs-color-primary);
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;

    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ripple;
    animation-name: ripple;
}
.open-video .overlay-icon::after {
    animation-delay: 2s;
}
.overlay-icon i {
    text-shadow: none;
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }30% {
        opacity: 0.4;
    }100% {
        -webkit-transform: scale(1.9);
        transform: scale(1.9);
        opacity: 0;
    }
}

.no-text-shadow {
    text-shadow: none !important;
}

.slider-nav-outside .flickity-prev-next-button {
    width: 56px;
    height: 56px;
    background-color: var(--fs-color-primary);
    top: 40%;
    font-size: var(--small-size);
}

.slider-nav-outside .flickity-prev-next-button svg {
    padding: 20px;
}

.flickity-page-dots::after,
.flickity-page-dots::before {
    content: "";
    display: inline-block;
    width: 118px;
    height: 10px;
    vertical-align: sub;
}

.flickity-page-dots::before {
    margin-right: 5px;
    background: url(./assets/img/line_1.svg) no-repeat center center / contain;
}

.flickity-page-dots::after {
    margin-left: 5px;
    background: url(./assets/img/line_2.svg) no-repeat center center / contain;
}

.slider-nav-light .flickity-page-dots .dot {
    background-color: var(--fs-color-primary) !important;
    border: none;
    width: 4px;
    height: 4px;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    margin: 0 10px;
    position: relative;
    opacity: 1;
}

.slider-nav-light .flickity-page-dots .dot::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    line-height: 10px;
    margin: -5px 0 0 -5px;
    border: 1px solid var(--fs-color-primary);
    border-radius: 50%;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.slider-nav-light .flickity-page-dots .dot.is-selected {
    transform: scale(1.7);
}

.icon-angle-right:before {
    content: "\f061";
    display: inline-block;
    font-family: var(--font-awesome);
    margin-left: 5px;
    font-weight: 600;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: var(--fs-color-primary);
}

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    color: var(--base-color);
}


/* end global */


/* header */
.haeder-follow-title,
#top-bar a {
    font-size: var(--small-size);
    color: var(--gray-color);
}
#header-contact>li {
    margin: 0 20px;
}
#header-contact a {
    text-transform: none;
}
#header-contact a:hover {
    color: var(--fs-color-primary);
}
#header-contact>li>a::after {
    left: -20px;
}
#header-contact i {
    color: var(--fs-color-primary);
    opacity: .7;
}

#top-bar .container,
.header-main .container {
    max-width: 1750px;
}

.header-social-icons a:not(:first-child) {
    margin-left: 15px !important;
}


.header-main .flex-left .header-nav {
    width: 100%;
    justify-content: center;
}

.header-main .flex-left .nav>li {
    margin: 0 20px;
}
.header-button a.button.icon {
    height: 46px;
    width: 46px;
    line-height: 44px;
    font-size: var(--small-size);
}

.header-button-1 {
    margin-left: 15px !important;
}
.header-button-1 a.button::after {
    content: "\f061";
    display: inline-block;
    font-family: var(--font-awesome);
    margin-left: 5px;
    font-weight: 600;
}

.mbw-page-header .page-title-inner {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0;
}

.mbw-page-header .entry-title {
    font-size: var(--title-size);
}
.mbw-page-header .title-content {
    display: block;
    text-align: left;
    margin-left: 0;
    margin-right: auto;
}

.nav-dropdown li.menu-item-has-children>a::after {
    position: absolute;
    right: 0;
    top: 5px;
}

.nav-dropdown li.menu-item-has-children>a::after,
.header-nav .icon-angle-down:before {
    content: "\2b";
    font-family: var(--font-awesome);
    font-weight: 700;
    font-size: 12px;
    vertical-align: text-bottom;

}
.nav-dropdown li.menu-item-has-children>a::after,
.header-nav a:hover>.icon-angle-down{
    transition: all .3s;
}
.nav-dropdown li.menu-item-has-children>a:hover::after,
.header-nav a:hover>.icon-angle-down {
    transform: rotate(180deg) !important;
    content: "\f068";
}

.nav-dropdown {
    border-bottom: 2px solid var(--fs-color-primary);
    padding: 20px 0;
}
.nav-dropdown li {
    padding: 0 20px !important;
}
.nav-dropdown li a {
    color: var(--base-color);
    margin: 0 !important;
    position: relative;
    padding: 5px 0;
}
.nav-dropdown li a:hover {
    padding-left: 25px;
}   
.nav-dropdown li a::before {
    content: "";
    width: 20px;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 20px;
    opacity: 0;
    background: url(./assets/img/flower.svg) no-repeat center center / contain;
    transition: all .4s;
}
.nav-dropdown li a:hover::before {
    left: 0;
    opacity: 1;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: none;
}
.nav-dropdown li.menu-item-has-children {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-right: 0;
}
.nav-dropdown li.menu-item-has-children>a {
    width: 100%;
    color: var(--base-color);
    text-transform: none;
    font-size: var(--base-size);
    font-weight: 400;
}
.nav-dropdown ul.sub-menu {
    position: absolute;
    left: 999%;
    top: 0;
    background-color: var(--white-color);
    padding: 20px 0;
    min-width: 230px;
    border-bottom: 2px solid var(--fs-color-primary);
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
}
.nav-dropdown li.menu-item-has-children:hover ul.sub-menu {
    left: 100%;
}

.nav-size-medium>li>a {
    font-size: var(--small-size);
}

.custom-nav-button {
    text-align: center;
}
.custom-nav-button::before {
    content: "";
    background: url(./assets/img/nav.svg) no-repeat center center / contain;
    display: block;
    width: 18px;
    height: 46px;
    margin: auto;
    filter: brightness(0) invert(1);
}
/* end header */

/* home page */
.home-slider {
    position: relative;
    padding: 0 80px;
}
.home-slider::after {
    content: "";
    display: block;
    width: 230px;
    height: 64px;
    background-color: #f3eee7;
    clip-path: path("M84.3718 8.83496C99.9335 -1.21465 119.776 -1.83689 135.937 7.21791L235.498 63.0018L109.971 63.0018L0.498025 63L84.3718 8.83496Z");
    position: absolute;
    bottom: -10px;
    z-index: 9;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateX(5px);
}
.home-slider::before {
    content: "\f107";
    display: block;
    font-weight: 700;
    font-size: 24px;
    font-family: var(--font-awesome);
    color: var(--fs-color-primary);
    position: absolute;
    bottom: 0px;
    z-index: 10;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 64px;
    text-align: center;
}
.home-slider .banner {
    border-radius: 45px;
    overflow: hidden;
}
.home-slider .banner-title h4 {
    font-size: var(--sub-title-size);
    margin: 0;
}
.home-slider .banner-title h4::after {
    content: "";
    background: url(./assets/img/title_shape_1.svg) no-repeat center center / contain;
    display: block;
    width: 100%;
    height: 16px;
    filter: brightness(0) invert(1);
    margin-top: 12px;
}
.home-slider .banner h2 {
    font-size: var(--banner-h2-size);
    line-height: 1.1;
    margin-bottom: 0;
}
.home-slider .text-box {
    border-radius: 0 0 45px 45px;
    overflow: hidden;
    background-color: rgba(85, 60, 46, 0.4);
}
.home-slider .text-inner {
    max-width: 700px;
    margin: auto;
}

.home-slider .slider:hover .flickity-prev-next-button {
    opacity: 1;
}
.home-slider  .flickity-prev-next-button {
    width: 56px;
    height: 200px;
    background-color: var(--fs-color-primary);
    opacity: 1;
    font-size: var(--small-size);
    top: 40%;
}
.home-slider  .flickity-prev-next-button svg {
    width: 35px;
    padding: 10px;
}
.home-slider  .flickity-prev-next-button.previous {
    border-radius: 0 50px 50px 0;
    left: -80px;
}
.home-slider  .flickity-prev-next-button.next {
    border-radius: 50px 0 0 50px;
    right: -80px;
    left: auto;
}
.slider .flickity-prev-next-button:hover .arrow, .slider .flickity-prev-next-button:hover svg {
    fill: var(--white-color);
}

.home .open-video .overlay-icon {
    width: 100px;
    height: 100px;
    background-color: var(--white-color);
    color: var(--fs-color-primary);
    line-height: 100px;
}

.home .open-video .overlay-icon::before,
.home .open-video .overlay-icon::after {
    background-color: var(--white-color);
}

.home-service-item .box-text {
    border: 1px solid var(--fs-color-primary);
    border-top: none;
    padding: 15px 30px;
}
.home-service-item:hover .box-text {
    background-color: var(--fs-color-primary);
}
.home-service-item:hover .box-text h3 {
    color: var(--white-color);
}

.subscribe-form .wpcf7-submit {
    min-width: 280px;
    background-color: var(--title-color);
    color: var(--white-color);
}

.home-image-box .box-text {
    max-width: 60%;
}
.home-image-box .box-text h2 {
    font-size: var(--h2-size);
    margin-bottom: 20px;
}

.home-testimonial-slider .flickity-prev-next-button {
    display: none;
}
.home-testimonial-slider .flickity-page-dots {
    bottom: -60px;
    white-space: nowrap;
    left: 0;
    right: 0;
    margin: auto;
}

.home-testimonial {
    background-color: var(--background-color);
    padding: 40px;
    position: relative;
    background-image: url(./assets/img/flower_1_1-1.png);
    background-repeat: no-repeat;
    background-size: 188px 102px;
    background-position: 100% 100%;
}

.home-testimonial .icon-box-img {
    position: absolute;
    left: 40px;
    bottom: 40px;
}
.home-testimonial .icon-box-text {
    padding-left: 0 !important;
}
.home-testimonial .star-rating {
    margin-left: auto;
    margin-right: 0;
}
.home-testimonial .testimonial-text {
    font-style: unset !important;
    font-size: var(--base-size);
    line-height: 1.75;
}
.home-testimonial .testimonial-meta {
    padding-left: 65px;
    min-height: 50px;
    line-height: 1.2;
}

.home-team .box-image {
    border: 1px dashed var(--fs-color-primary);
    padding: 8px;
    border-radius: 99%;
}
.home-team .person-title {
    font-size: var(--base-size);
    color: var(--base-color);
}
.home-team .follow-icons {
    position: absolute;
    width: calc(100% - 33px);
    left: 0;
    right: 0;
    margin: auto;
    padding: 30px 0;
    margin-bottom: 15px;
    bottom: 100%;
    background-color: rgba(194, 134, 102, 0.7);
    clip-path: path("M0.922363 0.955078C20.381 47.4854 66.3341 80.1797 119.924 80.1797C173.513 80.1797 219.466 47.4854 238.925 0.955078H0.922363Z");
    transition: all 0.3s ease-in-out;
    opacity: 0;
    transform: translateY(30px);
}
.home-team .follow-icons a {
    border: none;
    color: var(--white-color);
    margin: 0 8px;
    font-size: 16px;
}
.home-team:hover .follow-icons {
    transform: translateY(0);
    opacity: 1;
}

.home-price {
    position: relative;
    text-align: left;
    padding: 30px;
}
.home-price::after {
    content: "";
    display: block;
    width: 139px;
    height: 283px; 
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(./assets/img/price_shape.svg) no-repeat 100% 100% / contain;
    z-index: 0;
}
.dark .home-price::after {
    filter: brightness(0) invert(1);
}
.home-price .title {
    padding: 0;
    border-bottom: none;
    font-size: 36px;
    font-family: var(--heading-font);
    text-transform: none;
    margin-bottom: 15px;
    background-color: transparent !important;
    color: var(--title-color);
}
.dark .home-price .title {
    color: var(--white-color);
}
.home-price .price {
    padding: 0;
    font-family: var(--heading-font);
    font-size: 36px;
    display: inline-block;
    width: fit-content;
    color: var(--white-color);
    margin-bottom: 15px;
    color: var(--fs-color-primary);
}
.dark .home-price .price {
    color: var(--white-color);
}
.home-price .description {
    display: inline-block;
    padding: 0;
    font-size: var(--small-size);
    color: var(--fs-color-primary);
}
.dark .home-price .description {
    color: var(--white-color);
}
.home-price .pricing-table-items {
    padding: 0;
}
.home-price .items .bullet-item {
    border: none;
    padding: 0;
    margin-bottom: 15px;
}
.home-price .bullet-item:not(.is-disabled)::before {
    content: "";    
    margin-bottom: -2px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(./assets/img/check.svg) no-repeat center center / contain;
    vertical-align: sub;
}
.home-price .bullet-item.is-disabled {
    padding-left: 28px;
}
.dark .home-price .items .bullet-item::before {
    filter: brightness(0) invert(1);
}

.home-blog .flickity-prev-next-button {
    top: 68%;
}
/* end home page  */

/* about page */
.crab-img-decor {
    position: absolute;
    left: -10%;
    bottom: -10%;
    -webkit-animation: crab 8s linear infinite;
    animation: crab 8s linear infinite;
}

@keyframes crab {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.count-up-box {
    position: relative;
    padding: 60px;
    background-color: var(--background-color);
    border: 6px solid var(--white-color);
    box-shadow: var(--box-shadow-2);
    transform: translateY(-100%);
    z-index: 4;
    margin-bottom: -80px;
}
.count-up-box>.col {
    padding-bottom: 0;
}
.count-up-box .number {
    font-size: 64px;
    line-height: 55px;
}

.team-in-slider {
    padding: 15px 15px 0 15px;
    box-shadow: var(--box-shadow-2);
}
.team-in-slider .box-text {
    text-align: left;
    padding: 30px 15px;
}
.team-in-slider .box-text-inner {
    display: flex;
}
.person-name {
    font-size: var(--h2-size);
    text-transform: none;
}
.person-title {
    font-size: var(--small-size);
    color: var(--fs-color-primary);
    text-transform: none;
    font-family: var(--base-font);
}

.team-in-slider .follow-icons {
    position: relative;
    border-radius: 99px;
    background-color: var(--fs-color-primary);
    width: 46px;
    height: 46px;
    min-width: 46px;
}
.team-in-slider .follow-icons::before {
    content: "\2b";
    display: inline-block;
    font-family: var(--font-awesome);
    font-weight: 600;
    line-height: 46px;
    margin: auto;
    width: 100%;
    height: 100%;
    font-size: var(--large-size);
    color: var(--white-color);
    text-align: center;
    transition: all .4s;
}
.team-in-slider:hover .follow-icons::before {
    transform: rotate(45deg);
}
.team-in-slider .follow-icons a {
    position: absolute;
    /* opacity: 0; */
    margin: 0;
    padding: 0;
    left: 0;
    width: 46px;
    min-width: 46px;
    height: 46px;
    line-height: 46px;
    border: none;
    background-color: var(--white-color);
    font-size: var(--small-size);
    transition: all .4s;
    bottom: 0;
    opacity: 0;
}
.team-in-slider .follow-icons a.icon:hover {
    background-color: var(--fs-color-primary) !important;
}
.team-in-slider:hover .follow-icons a:first-child {
    bottom: 153px;
    opacity: 1;
}
.team-in-slider:hover .follow-icons a:nth-child(2) {
    bottom: 100px;
    opacity: 1;
}
.team-in-slider:hover .follow-icons a:last-child {
    bottom: 48px;
    opacity: 1;
}

.about-us-testimonial.testimonial-box {
    padding: 40px 24px;
    background-color: var(--white-color);
    position: relative;
    background-image: url(./assets/img/quote_2.png);
    background-repeat: no-repeat;
    background-size: 60% 60%;
    background-position: center center;
}
.about-us-testimonial.testimonial-box::before {
    content: "";
    background: url(./assets/img/leaf_2.svg) no-repeat center center / contain;
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.about-us-testimonial.testimonial-box::after {
    content: "";
    background: url(./assets/img/flower_1_6.svg) no-repeat center center / contain;
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    right: -5px;
    bottom: 0;
    z-index: 0;
}
.about-us-testimonial .testimonial-text>* {
    font-style: italic;
    font-size: var(--large-size);
}
.testimonial-name {
    display: block;
    font-family: var(--heading-font);
    font-size: var(--h3-size);
    color: var(--title-color);
}
.testimonial-name-divider {
    display: none;
}
.testimonial-company {
    font-size: var(--small-size);
    color: var(--fs-color-primary);
}
/* end about page */

/* archive service */
.service-wrapper {
	padding: 80px 0;
}
.service-list>.col>a {
    height: 100%;
}
.service-item .icon-box-img .icon {
    border-radius: 99px;
    background-color: var(--fs-color-primary);
    overflow: none;
}
.service-item .icon-box-img .icon .icon-inner {
    background-color: var(--white-color);
    margin-top: 3px;
    margin-left: 3px;
}
.service-item:hover .icon .icon-inner {
    background-color: var(--white-color) !important;
}
.service-item .icon .icon-inner img {
    transition: .4s;
}
.service-item:hover .icon .icon-inner img {
    transform: translateY(-50%) rotateY(180deg);
}
 
.service-item .service-box-text {
    padding: 60px 30px 20px;
    background-color: var(--background-color);
 
    line-height: 1.2;
}

.service-item .service-box-text h3.service-title {
    font-size: var(--h3-size);
    min-height: 57px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.service-item .service-excerpt {
    min-height: 57px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/* end archive service */

/* single service */
.single-service .widget .wpcf7-form .flex-row {
    gap: 1em;
    margin-bottom: 1em;
}
/* end single service */

/* archive team */
.team-item .image-cover {
    border-radius: 99% 99% 0 0;
}
.team-item .box-text {
    border: 1px solid var(--fs-color-primary);
    border-top: none;
    background-color: var(--white-color);
}
.team-item .person-name {
    font-size: var(--h2-size);
    text-transform: none;
}
.team-item .person-title {
    color: var(--fs-color-primary);
    font-family: var(--base-font);
    text-transform: none;
    font-size: var(--small-size);
    opacity: 1;
}
/* end archive team */

/* team details */
.user-position {
    font-size: var(--small-size);
    color: var(--fs-color-primary);
}
.user-contact td {
    border-bottom: none;
    font-size: var(--base-size);
}
.user-contact td.contact-title {
    font-size: var(--xlarge-size);
}
.user-contact td.contact-title h4 {
    margin-bottom: 0;
}
.user-social a.button.icon:not(.is-outline) {
    background-color: var(--background-color) !important;
    font-size: var(--small-size) !important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: none;
}
.user-social a.button.icon:not(.is-outline):hover {
    background-color: var(--fs-color-primary) !important;
}
.user-social a.button.icon:not(.is-outline) i {
    color: var(--title-color) !important;
}
.user-social a.button.icon:not(.is-outline):hover i {
    color: var(--white-color) !important;
}
.skill-box {
    margin-top: 15px;
    min-width: 760px;
    float: right;
    background-color: var(--background-color);
    padding: 30px;
}
.skill-box .flex-row {
    flex-wrap: wrap;
}
.skill-box .flex-col {
    max-width: 45%;
    flex-basis: 45%;
    margin-bottom: 30px;
}
.skill-title {
    margin-bottom: 30px;
}
.skill-item {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    justify-content: space-between;
}
.skill-name {
    margin-bottom: 0;
}
.skill-bar {
    width: 90px;
    height: 8px;
    border-radius: 5px;
    background-color: var(--white-color);
    padding: 2px;
}
.skill-bar-inner {
    background-color: var(--fs-color-primary);
    width: 0%;
    height: 4px;
    border-radius: 3px;
    transition: all .4s;
}
.skill-number {
    position: absolute;
    right: 0;
    bottom: 15px;
}

.description-title {
    font-size: var(--h2-size);
}
/* end team details */

/* blog */
.post-item>.col-inner {
    background-color: var(--white-color);
    box-shadow: var(--box-shadow);
    padding: 30px;
}
.post-item .box-text {
    padding-top: 15px;
    padding-bottom: 0;
}
.post-item .box-text .from_the_blog_excerpt {
    color: var(--base-color);
}
.post-item .box-text .post-title {
    font-size: var(--h2-size);
    color: var(--title-color);
}
.post-item .box-text .post-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.post-item .box-text .post-title:hover a {
    color: var(--fs-color-primary);
}
.post-item .is-divider {
    display: none;
}
.post-item .box-text a.button {
    background-color: var(--fs-color-primary) !important;
    color: var(--white-color) !important;
    font-weight: 700;
}
.post-item .box-text a.button::after {
    content: "\f30b";
    font-family: var(--font-awesome);
    font-weight: 600;
    display: inline-block;
    margin-left: 5px;
}

.widget {
    padding: 30px;
    background-color: var(--background-color);
}

.widget .widget-title {
    display: block;
    font-size: var(--h2-size);
    font-family: var(--heading-font);
    font-weight: 700;
    color: var(--title-color);
    padding-bottom: 15px;
    border-bottom: 3px solid var(--border-color);
}
.widget .is-divider {
    background-color: var(--fs-color-primary);
    margin-top: -3px;
}

.searchform .button.icon {
    height: 56px;
    width: 56px;
}

ul.service-categories>li {
    display: flex;
    margin: 0;
}
ul.service-categories>li+li {
    border-top: 1px solid #ececec;
}
ul.service-categories>li>a,
.widget_categories ul>li>a {
    padding: 16px 0px;
    color: var(--base-color);
    width: 90%;
}

ul.service-categories>li>span.count {
    padding: 16px 0px;
}

.widget_categories ul>li>a::before {
    content: "";
    width: 20px;
    height: 15px;
    display: inline-block;
    background: url(./assets/img/flower.svg) no-repeat center center / contain;
    margin: 0 10px -2px 0;
}

.recent-blog-posts .badge {
    width: 85px;
    height: 85px;
}
.recent-blog-posts a {
    font-family: var(--heading-font);
    color: var(--title-color);
    font-size: var(--h4-size);
}
.post_comments {
    display: none;
}

.widget .tagcloud {
    padding-top: 15px;
}
/* end blog */

/* single post */
.page-wrapper.blog-wrapper {
    padding-top: 120px;
}

#comments .comment-respond,
.content-col article {
    background-color: var(--white-color);
    padding: 40px;
    box-shadow: var(--box-shadow);
}
.content-col .entry-header-text {
    padding: 0 0;
}

.mbws-custom-post-meta {
    margin-bottom: 10px;
}
.post-item .mbws-custom-post-meta {
    margin-bottom: 0;
}
.mbws-custom-post-meta>a,
.mbws-custom-post-meta>span {
    color: var(--base-color);
    position: relative;
    font-size: var(--small-size);
}
.dark .mbws-custom-post-meta>a,
.dark .mbws-custom-post-meta>span {
    color: var(--white-color);
}
.mbws-custom-post-meta>a:hover {
    color: var(--fs-color-primary);
}
.mbws-custom-post-meta>*:not(:last-child) {
    margin-right: 26px;
}
.mbws-custom-post-meta>*:not(:first-child):before {
    content: "|";
    position: absolute;
    left: -16px;
    bottom: -2px;
}
.mbws-custom-post-meta i {
    margin-right: 6px;
    color: var(--fs-color-primary);
}

.after-single-post-quote {
    position: relative;
    margin: 35px 0;
}
.after-single-post-quote::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0px;
    height: 20px;
    width: 25px;
    background-color: var(--fs-color-primary);
    -webkit-clip-path: path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z");
    clip-path: path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z");
    z-index: 2;
}
.after-single-post-quote::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    height: 50px;
    width: 33px;
    background-color: var(--white-color);
    z-index: 1;
    display: block;
}
.after-single-post-quote blockquote {
    padding: 30px;
    border: 1px solid var(--border-color);
    font-size: 16px;
    color: var(--title-color);
    font-weight: 500;
}
.after-single-post-quote .quote-author {
    color: var(--white-color);
    padding: 7px 40px 7px 15px;
    width: fit-content;
    position: absolute;
    bottom: -20px;
    left: 80px;
    line-height: 1;
    margin-bottom: 0;
    background-color: var(--fs-color-primary);
    clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
}
.tagcloud a {
    font-size: var(--small-size) !important;
    padding: 10px 20px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px;
    color: var(--base-color);
    background-color: var(--white-color);
    transition: all .3s;
}
.tagcloud a:hover {
    background-color: var(--fs-color-primary);
    color: var(--white-color);
}
.single-post footer.entry-meta {
    border-top: none;
    border-bottom: none;
    background-color: var(--background-color);
    padding: 30px;
}
.single-post footer.entry-meta .social-icons span {
    font-size: var(--small-size);
    text-transform: uppercase;
    font-weight: 500;
    color: var(--title-color);
}
.single-post footer.entry-meta .social-icons a.icon:not(.button) {
    margin-left: 22px;
    margin-right: 0;
} 

#comments .comment-respond .comment-reply-title {
    font-size: var(--h2-size);
}

#comments .form-submit {
    padding-bottom: 0;
    margin-bottom: 0;
}
/* end sinlge post  */

/* faq page */
.dark input:not([type=submit]),
.dark select {
    background-color: var(--white-color) !important; 
    margin-bottom: 30px;
}

.accordion-item:first-child .accordion-title {
    border-top: none;
}
.accordion-title {
    padding: 15px 70px 15px 0;
    font-family: var(--heading-font);
    font-size: var(--h3-size);
    color: var(--title-color) !important;
}
.accordion-title.active {
    background-color: transparent;
}
.accordion .toggle {
    right: 0;
    left: auto;
    transform: translateY(-50%) rotate(90deg);
    width: 30px;
    height: 30px;
    line-height: 30px;
    min-height: 30px;
    top: 50%;
    margin: 0;
    opacity: 1;
}
.accordion .toggle i {
    font-size: 24px;
}
.accordion .toggle i::before {
    content: "\2b";
    font-family: var(--font-awesome);
    font-weight: 600;
}
.accordion .accordion-title.active .toggle {
    transform: translateY(-50%) rotate(0);
}
.accordion .accordion-title.active .toggle i::before {
    content: "\f068";
}
.accordion-inner {
    padding: 0;
}
/* end fqp page */

/* pricing plan page */
.image-price-box {
    border-radius: 50px;
    border: 2px solid var(--background-color);
    padding: 30px;
}

.image-price-box .image-cover {
    border-radius: 125px;
    position: relative;
    z-index: 2;
}

.image-price-box .box-image {
    border-radius: 150px;
    border: 2px solid var(--background-color);
    padding: 15px;
}

.image-price-box .pricing-table {
    border: none;
    padding: 0;
    text-align: left;
}
.image-price-box .pricing-table .title {
    background-color: transparent;
    font-family: var(--heading-font);
    font-size: var(--h2-size);
    color: var(--title-color);
    padding: 0 0 20px 0;
    margin-bottom: 15px;
    text-transform: none;
}
.image-price-box .pricing-table .price  {
    font-family: var(--heading-font);
    font-size: var(--h2-size);
    font-weight: 700;
    padding: 0 15px 0 0;
    width: 110px;
    height: 110px;
    text-align: right;
    line-height: 110px;
    border: 2px solid var(--background-color);
    background-color: var(--white-color);
    color: var(--fs-color-primary);
    position: absolute;
    left: -45px;
    top: 32%;
    border-radius: 99%;
    z-index: 0;
}
.image-price-box .pricing-table .items {
    padding: 0 0 0 80px;
}
.image-price-box .pricing-table .bullet-item {
    border: none;
    font-size: var(--base-size);
    padding: 5px 0;
}
.image-price-box .pricing-table .bullet-item::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url(./assets/img/price-bullet-icon.svg) no-repeat center center / contain;
}

.price-booking-form-col .wpcf7-submit {
    background-color: var(--title-color);
}
.price-booking-form-col .section-title .section-title-main {
    color: var(--white-color);
}
.price-booking-form-col .sub-title-center::after {
    filter: brightness(0) invert(1);
}
.price-booking-form-col select,
.price-booking-form-col input {
    margin-bottom: 30px;
}

.price-list-item:not(:last-child) {
    margin-bottom: 25px;
}
.price-list-item .flex-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between; 
}
.price-list-item .flex-row>* {
    flex: 1;
}
.price-list-item .price-title {
    margin-bottom: 0;
    font-size: var(--h3-size);
}
.price-list-item .price {
    text-align: right;
    margin-bottom: 0;
    font-size: var(--h3-size);
}
.price-list-item .price-desc {
    max-width: fit-content;
    padding-right: 10px;
    margin-bottom: 0;
}
.price-list-item .price-line {
    border: 1px dashed var(--fs-color-primary);
    margin-bottom: -5px;
}

.price-tabs .nav>li {
    flex: 1;
    margin: 0;
    padding: 0 15px;
}
.price-tabs .nav>li>a {
    width: 100%;
    text-align: center;
    border-radius: 0;
    border: 1px solid var(--fs-color-primary);
    color: var(--fs-color-primary);
    font-size: var(--h3-size);
    height: 54px;   
    line-height: 52px;
    justify-content: center;
    font-family: var(--heading-font);
    font-weight: 700;
    background-color: var(--background-color);
}
.price-tabs .nav>li.active>a {
    background-color: var(--fs-color-primary);
    color: var(--white-color);
    position: relative;
}
.price-tabs .nav>li.active>a::after {
    content: "";
    display: block;
    width: 35px;
    height: 15px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    background-color: var(--fs-color-primary);
}
.price-tabs .tab-panels {
    margin-top: 30px;
    padding: 40px;
    box-shadow: var(--box-shadow);
    transition: all .6s;
}
/* end pricing plan page */

/* gallery page */
.gallery-tabs .nav>li {
    margin: 0 8px 8px;
}
.gallery-tabs .nav>li>a {
    border-radius: 0;
    border: 1px solid var(--fs-color-primary);
    padding: 0 20px;
    height: 40px;
}

.gallery-tabs.tabs-2 .nav {
    max-width: 1200px;
    margin: auto;
    padding: 0 15px;
}
.gallery-tabs.tabs-2 .nav>li.active>a {
    background-color: var(--title-color);
    border-color: var(--title-color);
}

.gallery-tabs .box-text {
    background-color: rgba(13, 13, 13, 0.699);
    border: 1px solid var(--fs-color-primary);
    width: 80%;
    height: 80%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 30px;
    font-size: var(--h2-size);
    font-family: var(--heading-font);
}

.gallery-tabs .box-text::before {
    content: "";
    display: block;
    width: 60px;
    min-height: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 99px;
    border: 1px solid var(--fs-color-primary);
    background: url(./assets/img/arrow-up-right.svg) no-repeat center center / 24px 24px;
}
/* end gallery page  */

/* contact page */
.contact-icon-box  {
    background-color: var(--white-color);
    padding: 30px;
}
.contact-icon-box .icon-box-text {
    padding-left: 20px !important;
}
.contact-icon-box h3 {
    font-size: var(--h3-size);
    margin-bottom: 0;
}

.contact-map iframe {
    filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );
}
.contact-form-col>.col-inner {
    box-shadow: var(--box-shadow);
}

.wpcf7-form .flex-row {
    flex-wrap: wrap !important;
    gap: 30px;
    margin-bottom: 30px;
    align-items: flex-start;
}
.wpcf7-form .flex-col {
    max-width: 46%;
    flex-basis: 46%;
}

.contact-form-col .wpcf7-form .flex-col {
    max-width: 48%;
    flex-basis: 48%;
}

.contact-form-col select,
.contact-form-col input {
    margin-bottom: 30px;
}

.wpcf7-form,
.wpcf7-submit,
.wpcf7-form .flex-col input,
.wpcf7-form .flex-col select {
    margin-bottom: 0 !important;
}

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=time], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea,
    .select-resize-ghost:focus, .select2-container .select2-choice:focus, .select2-container .select2-selection:focus, input[type=date]:focus, input[type=time]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    height: 56px;
    background-color: var(--background-color);
    border: none;
    box-shadow: none;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
}
.wpcf7-form textarea {
    margin-bottom: 30px;
}

.wpcf7-form input[type=tel] {
    background-image: url(./assets/img/phone-solid.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 25px) 50%;
    background-size: 20px 20px;
}

.wpcf7-form input[type=email] {
    background-image: url(./assets/img/mail.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 25px) 50%;
    background-size: 20px 20px;
}

input[type=submit],
button.wpcf7-submit {
    padding: 0 30px;
    height: 56px;
    /* font-weight: 400; */
    font-size: var(--small-size);
    margin: 0;
}

button.wpcf7-submit::after {
    content: "\f061";
    font-family: var(--font-awesome);
    font-weight: 600;
    margin-left: 6px;
}

.wpcf7-spinner {
    display: none;
}

.widget .wpcf7-form .flex-col {
    max-width: 100%;
    flex-basis: 100%;
}
.widget input:focus,
.widget input,
.widget textarea,
.widget select {
    background-color: var(--white-color) !important;
}
/* end contact page */

/* booking page */
.form-dark-button .wpcf7-submit {
    background-color: var(--title-color);
}
/* end booking page */

/* 404 */
.return-home-button::before {
    content: "\f015";
    font-family: var(--font-awesome);
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 600;
}
/* end 404 */

/* footer */
#footer .dark a,
#footer .dark p {
    color: #BDBDBD;
}
.footer-socials a.button.icon:not(.is-outline) {
    border-radius: 0 !important;
    background-color: var(--dark-color) !important; 
    margin: 0 4px 4px !important;
    transition: all .4s;
    border: none;
}
.footer-socials a.button.icon:not(.is-outline):hover {
    transform: rotate(360deg);
    box-shadow: none;
    background-color: var(--fs-color-primary) !important;
}
.footer-socials a.button.icon:not(.is-outline) i {
    color: var(--white-color) !important;
    font-size: 15px;
}

#footer .wpcf7-form input[type=email] {
    background: var(--dark-color) !important;
    color: var(--white-color);
    margin-bottom: 10px;
}
#footer .wpcf7-form input[type=email]::placeholder {
    color: #BDBDBD;
}
#footer .wpcf7-submit {
    width: 100%;
    background-color: var(--fs-color-primary);
}

.absolute-footer {
    padding: 22px 0;
    font-size: var(--base-size);
}
.absolute-footer .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.absolute-footer .container>* {
    flex: 1;
}
.absolute-footer .footer-nav {
    text-align: right;
    border-bottom: none;
    padding: 0;
    margin: 0;
    opacity: 1;
}
.absolute-footer ul>li>a {
    font-size: var(--base-size);
    text-transform: none;
    color: var(--white-color);
}
.absolute-footer ul>li>a:hover {
    color: var(--fs-color-primary);
}
.absolute-footer ul>li + li::before {
    content: "/";
    display: inline-block;
    margin-right: 15px;
    color: var(--white-color);
}
.absolute-footer .footer-text a {
    color: var(--fs-color-primary);
}
.absolute-footer .footer-text a:hover {
    color: var(--white-color);
}
.footer-secondary {
    padding: 0;
}

.custom-main-sidebar {
    right: 0;
    top: 0;
    width: 450px;
    height: 100%;
    transition: all 0.4s;
    transform: translateX(100%);
    opacity: 0;
    background-color: #1b1b1b;
    z-index: 9999 !important;
}
.custom-main-sidebar.active {
    transform: translateX(0);    
    opacity: 1;
}
.custom-main-sidebar>.sidebar-inner {
    padding: 30px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
}
.custom-main-sidebar .close-sidebar {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 9;
}
.sidebar-bg {
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    transition: all 0.6s;
    background-color: #00000089;
    z-index: 9999 !important;
}
.sidebar-bg.active {
    width: 100%;
}

.custom-main-sidebar .section-title-container {
    padding: 0;
}
.custom-main-sidebar .is-divider {
    background-color: var(--fs-color-secondary);
}
.custom-main-sidebar .follow-icons a.icon {
    border-radius: 0 !important;
    width: 46px;
    height: 46px;
    font-size: 14px;
    line-height: 44px;
    margin: 0 4px;
    transition: all .6s;
}
.custom-main-sidebar .follow-icons a.icon:hover {
    transform: rotate(360deg);
    background-color: var(--fs-color-primary) !important;
}
.custom-main-sidebar .post-item {
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
}
.custom-main-sidebar .post-item>.col-inner {
    background-color: transparent;
    padding: 0;
}
.custom-main-sidebar .post-item .box-text {
    background: transparent;
    padding: 0 0 0 15px;
    text-align: left;
}
.custom-main-sidebar .post-item .post-title {
    font-size: var(--large-size);
    color: var(--white-color);
}
.custom-main-sidebar .wpcf7-submit {
    width: 100%;
    background-color: var(--fs-color-primary);
}


/* end footer */

/* Tablet device  */
@media (max-width: 1024px) {
    .mfp-gallery>.mfp-close {
        display: none;
    }
    .off-canvas .sidebar-menu {
        padding-top: 0 !important;
    }
    /* .off-canvas .mfp-close {
        left: 285px;
        top: 20px;
    } */
    .mfp-close {
        background-color: var(--fs-color-secondary);
        color: var(--white-color);
        border-radius: 99px;
        mix-blend-mode: unset;
        opacity: 1 !important;
        width: 33px;
        height: 33px;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mfp-close::before {
        content: "\f00d";
        font-family: var(--font-awesome);
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
    }
    .mfp-close svg {
        display: none;
    }
    .sidebar-logo {
        background-color: var(--fs-color-primary);
        padding: 30px;
        text-align: center;
        margin-bottom: 15px;
    }

    .sidebar-logo img {
        object-fit: contain;
    }

    #header-contact>li {
        margin: 0;
        padding: 0;
    }
    #header-contact>li>a {
        padding: 15px 20px;
    }

    .img-decor-left,
    .img-decor-right {
        display: none;
    }

    .mbw-page-header .entry-title {
        text-align: left;
        font-size: var(--h2-size);
    }
    .breadcrumbs {
        font-size: var(--base-size);
        text-align: left;
    }

    .price-tabs .nav>li {
        padding: 0 5px 15px;
        flex: none;
    }
    .price-tabs .nav>li>a {
        height: 40px;
        line-height: 38px;
        font-size: var(--large-size);
        white-space: nowrap;
        width: fit-content;
        min-width: 138px;
    }
    .price-tabs .tab-panels {
        padding: 30px 15px;
    }
    
    .wpcf7-form .flex-col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .searchform-wrapper.form-flat .flex-col:last-of-type {
        margin-left: -3.9em;
    }

    .count-up-box {
        margin-bottom: -200px;
    }

    .absolute-footer .container {
        flex-wrap: wrap;
        justify-content: center;
    }
    .absolute-footer .container>* {
        flex-basis: 100%;
        max-width: 100%;
    }
    .absolute-footer ul#menu-footer-menu {
        text-align: center;
    }

    .home-slider .banner h2 {
        font-size: 3.5rem;
        line-height: 54px;
    }

    .home-image-box .image-cover {
        padding-top: 95% !important; 
    }
    .home-image-box .box-text {
        max-width: 100%;
        padding: 15px !important;
    } 

    .gallery-tabs .nav {
        justify-content: center !important;
    }

    .gallery-title .section-title-main {
        text-align: center;
        width: 100%;
    }

    .gallery-title.arrow-left-title .section-title-main::after {
        display: none;
    }
}

/* Mobile device */
@media (max-width: 430px) {

    .mbw-page-header .title-breadcrumbs {
        padding-top: 0;
        /* font-size: 14px; */
    }

    .breadcrumbs a, .breadcrumbs span {
        font-size: 14px;
    }

    .breadcrumbs .separator:after {
        font-size: 16px;
    }

    .home-slider {
        padding: 0;
    }
    .home-slider::before {
        line-height: 24px;
    }
    .home-slider::after {
        height: 46px;
    }
    .home-slider .banner {
        border-radius: 27px;
    }
    .home-slider .banner p {
        font-size: var(--base-size);
    }

    .home-slider .banner h2 {
        line-height: 49px;
    }

    .wpcf7-form .flex-row {
        gap: 15px;
        margin-bottom: 15px;
    }
    .wpcf7-form .flex-col {
        max-width: 100%;
        flex-basis: 100%;
        padding: 0;
    }

    .dark input:not([type=submit]),
    .dark select {
        margin-bottom: 15px;
    }
    
    .home-team .follow-icons {
        width: 240px;
        transform: unset;
        opacity: 1;
    }
    .home-testimonial-slider .flickity-page-dots::after,
    .home-testimonial-slider .flickity-page-dots::before {
        display: none;
    }

    /* mobile about */
    .count-up-box {
        padding: 30px;
        transform: translateY(-82%);
        margin-bottom: -68%;
    }

    /* mobile pricing */
    .image-price-box .box-text {
        padding-top: 48px !important;
    }
    .image-price-box .pricing-table .price {
        top: auto;
        bottom: 92%;
        right: 0;
        left: auto;
    }
    .image-price-box .pricing-table .items {
        padding-left: 0;
    }
    .price-list-item .price-desc {
        white-space: nowrap;
    }
    .price-list-item .price-title {
        max-width: 70%;
        flex-basis: 70%;
        font-size: var(--large-size);
    }

    /* end mobile pricing */

    /*  */
    .skill-box {
        min-width: unset;
        padding: 30px 15px;
    }
    .skill-box .flex-col {
        max-width: 100%;
        flex-basis: 100%;
    }

    /* mobile post */
    #comments .comment-respond, .content-col article {
        padding: 30px 15px;
    }

    .contact-form-col .wpcf7-form .flex-col {
        max-width: 100%;
        flex-basis: 100%;
    }

    .contact-icon-box {
        padding: 15px;
    }

    .post-item>.col-inner {
        padding: 15px;
    }

    /*  */
    /* .gallery-tabs.tabs-2 {
        padding: 0 15px;
    } */
}