/*
Theme Name: Zakra Child Theme
Theme URI: http://themegrill.com/themes/zakra/
Description: Child Theme for Zakra
Author: ThemeGrill
Author URI: http://themegrill.com
Template: zakra
Version: 1.3.21
*/

html {
    overflow-x: hidden;
}

.site-branding {
    gap: 0;
}

.tg-mobile-navigation {
    padding-top: 100px;
}

.tg-mobile-navigation.tg-mobile-navigation--opened:before {
    position: absolute;
    display: block;
    content: '';
    background: url(assets/img/logo.png) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 150px;
    height: 40px;
    top: 25px;
    left: 20px;
}

.tg-mobile-navigation .tg-mobile-navigation-close {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 20px;
}

.tg-mobile-navigation .tg-mobile-navigation-close::before {
    position: absolute;
    display: block;
    content: '';
    background: url(assets/img/close.svg) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 34px;
    height: 26px;
}

.tg-icon-bars::after {
    display: block;
    content: '';
    background: url(assets/img/bar-icon.svg) center no-repeat;
    width: 34px;
    height: 28px;
}

.tg-mobile-navigation .tg-mobile-navigation-close,
.tg-mobile-toggle .tg-icon-bars {
    color: #22bc9a;
}

.tg-mobile-navigation a {
    padding-right: .5em;
}

.tg-mobile-navigation>div>ul {
    padding-top: 0;
    margin-top: 40px;
}

.tg-mobile-navigation li {
    border-bottom: 1px solid #F4F4F4;
    text-align: center;
}

.tg-mobile-navigation li.tg-header-button-wrap {
    padding-top: 60px;
    border-bottom: none;
}

.tg-mobile-navigation li.tg-header-button-wrap a {
    background: #22bc9a;
}

@media (max-width: 480px) {
    .tg-mobile-navigation {
        width: 100%;
        height: 80%;
    }
    .site-branding .custom-logo-link {
        max-width: 150px;
    }
}

.page.hentry,
.page .entry-content {
    margin-bottom: 0;
}

.menu-primary.nav-menu .tg-header-button-wrap {
    margin-left: 120px;
}

.menu .tg-header-button-wrap a {
    text-align: center;
    color: #ffffff;
    padding: 15px;
}

.tg-primary-menu>div ul li a {
    color: #000000;
}

.wpm-testimonial .entry-content {
    margin-top: 5em;
}

.wp-block-cover, .wp-block-cover-image {
    padding: 1.5em;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.wp-block-image {
    margin-bottom: 0;
}

.wp-container-9.wp-block-columns,
.wp-container-7.wp-block-columns {
    margin-bottom: 0;
}

.custom-testimonial .testimonial {
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

.custom-testimonial .readmore {
    color: #22BC9A;
    font-weight: 700;
}

.custom-testimonial .testimonial-image {
    margin-bottom: 15px;
}

.custom-testimonial .testimonial-image img {
    text-align: center;
    box-shadow: 0 0 0 2px #22BC9A;
    border-radius: 50%;
}

.custom-testimonial .testimonial-field {
    position: absolute;
}

.custom-testimonial .testimonial-field.testimonial-date {
    right: 0;
    top: 3px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #878787;
}

@media (min-width: 768px) and (max-width: 992px) {
    .custom-testimonial .testimonial-field.testimonial-date {
        top: 31px;
    }
}

@media (max-width: 399px) {
    .custom-testimonial .testimonial-field.testimonial-date {
        top: 31px;
    }
}

.custom-testimonial .testimonial-field.testimonial-name {
    font-weight: 700;
    top: 0;
    left: 75px;
}

.custom-testimonial .testimonial-field.testimonial-stars {
    top: 30px;
    left: 75px;
}

.navigation {
    border-top: 1px solid #00000029;
    border-bottom: 1px solid #00000029;
}

.simplePagerContainer .simplePagerList {
    text-align: center;
}

.custom-testimonial.strong-view.wpmtst-simple .wpmtst-testimonial-field.testimonial-date {
    margin-top: auto;
}

.custom-testimonial .wpmtst-testimonial-inner.testimonial-inner {
    font-size: 16px;
}

.custom-testimonial .testimonial-date,
.custom-testimonial .testimonial-name {
    line-height: 1.2;
}

.custom-testimonial.strong-view .strong-content.strong-grid .wpmtst-testimonial-inner {
    position: relative;
}

.custom-testimonial .testimonial-stars,
.custom-testimonial .strong-rating-wrapper.in-view,
.custom-testimonial .strong-rating,
.custom-testimonial .strong-rating span.star {
    display: flex;
}

.strong-view.wpmtst-simple.custom-testimonial .wpmtst-testimonial-content p:first-of-type {
    margin-top: 80px;
}

@media (max-width: 991px) {
    .custom-testimonial .strong-content.strong-grid.columns-3 .wpmtst-testimonial {
        width: 47%;
    }
    .tg-site-header--left .tg-block--two {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .custom-testimonial .strong-content.strong-grid.columns-3 .wpmtst-testimonial {
        width: 100%;
    }
    .custom-testimonial .testimonial {
        padding: 20px;
    }
    .custom-testimonial .testimonial-field.testimonial-name,
    .custom-testimonial .testimonial-field.testimonial-stars {
        left: 70px;
    }
}

.wp-block-buttons {
    margin-top: 40px;
}
@media (max-width: 449px) {
    .wp-block-buttons > .wp-block-button {
        width: 100%;
        display: flex;
        flex-shrink: 0;
    }
    .wp-block-buttons > .wp-block-button .wp-block-button__link {
        width: 100%;
    }
}

.wp-block-button.btn a.wp-block-button__link {
    line-height: 1.4;
    padding: 15px 40px;
}

.wp-block-button.btn a.wp-block-button__link:hover {
    background-color: #1FCFA8 !important;
    color: #ffffff;
}

.wp-block-button.btn-border a.wp-block-button__link {
    border: 2px solid #22BC9A;
    line-height: 1.4;
    padding: 13px 40px;
}

.wp-block-button.btn-border a.wp-block-button__link:hover {
    border-color: #1FCFA8;
}

.comment-form-url {
    display: none;
}

.custom-post {
    display: flex;
    flex-direction: column;
    margin: 2rem 0;
}

.custom-post__content {
    margin-bottom: 2rem;
}

.custom-post__profile {
    display: flex;
    align-items: flex-end;
}
@media (max-width: 399px) {
    .custom-post__profile {
        flex-direction: column;
        align-items: flex-start;
    }
    .custom-post__photo {
        margin-bottom: 2rem;
    }
}

.custom-post__photo {
    margin-right: 2rem;
}

.custom-post__name,
.custom-post__date {
    margin-bottom: 10px;
}

.custom-post__rating img {
    margin: 0 1px;
}

.btn-main a {
    padding: 15px 30px;
}

#reviews {
    padding: 0;
}

.tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current_page_item > a:not(:hover)::before,
.tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current_page_item > a:not(:focus)::before,
.tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current-menu-item > a:not(:hover)::before,
.tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current-menu-item > a:not(:focus)::before {
    display: none;
}

@media (max-width: 1199px) {
    .n2-ss-slide {
        min-height: 400px !important;
    }
}

.wp-block-cover.main-section .wp-block-cover__inner-container {
    max-width: 1160px;
}

.wp-block-cover.main-section .wp-block-cover__inner-container > * {
    max-width: 650px;
    color: #ffffff;
}

.main-section,
.tg-page-header {
    background: url(assets/img/main-section-bg.jpg) right 62% center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.main-section > * {
    color: #ffffff;
}
@media (max-width: 767px) {
    .main-section,
    .tg-page-header {
        background: url(assets/img/main-section-bg-mob.jpg) top 31% center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .tg-page-header {
        padding-top: 180px;
        background-position: top 7% center;
    }
    .main-section.block-container {
        padding-top: 180px;
    }
}

.main-section h2 {
    margin-bottom: 40px;
}

.main-section .strong-rating-wrapper {
    margin-top: 30px;
}

@media (max-width: 991px) {
    .main-section__content {
        flex-direction: column;
    }
    .n2-ss-slide {
        min-height: 340px !important;
    }
}

.section-slider .wp-block-columns {
    gap: 0;
}

@media (max-width: 399px) {
    .n2-ss-slide {
        min-height: 270px !important;
    }
    .n2-ss-slider-controls > div.nextend-arrow {
        --widget-offset: 0 !important;
    }
    .wp-block-cover {
        min-height: auto !important;
    }
}

.block-container {
    padding: 100px 25px;
}

.block-container .wp-block-columns {
    margin-bottom: 0;
}

.block-container .wp-block-cover__inner-container {
    width: 1160px;
}

@media (max-width: 1199px) {
    .block-container .wp-block-cover__inner-container {
        width: 940px;
    }
}

@media (max-width: 991px) {
    .block-container .wp-block-cover__inner-container {
        width: 720px;
    }
}

@media (max-width: 767px) {
    .block-container {
        padding: 50px 25px;
    }
    .block-container .wp-block-cover__inner-container {
        width: 100%;
    }
    .custom-testimonial .strong-content.strong-grid.columns-2 .wpmtst-testimonial {
        width: 100%;
    }
    .video-reviews {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
    }
    .wp-block-cover .wp-block-embed {
        min-height: auto;
        min-width: auto;
    }
    .wp-block-spacer {
        height: 50px !important;
    }
}

.box-shadow {
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.05));
}

.block-container .wp-block-embed {
    margin-bottom: 0;
}

.block-container .video-reviews {
    margin-top: 50px;
}

.expert-reviews .box-shadow {
    padding: 5px;
    background: #ffffff;
}

.expert-reviews .box-shadow + .box-shadow {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .expert-reviews .box-shadow + .box-shadow {
        margin-top: 20px;
    }
}

ul li::marker {
    color: #0067AD;
}

.form-testimonial .field-client_name,
.form-testimonial .field-email,
.form-testimonial .field-phone {
    width: calc(50% - 15px);
    margin-right: 15px;
}

.form-testimonial {
    position: relative;
}

.form-testimonial .field-post_content {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 15px);
    margin-left: 15px;
}

@media (max-width: 767px) {
    .form-testimonial .field-client_name,
    .form-testimonial .field-email,
    .form-testimonial .field-phone {
        width: 100%;
        margin-right: 0;
    }
    .form-testimonial .field-post_content {
        position: relative;
        width: 100%;
        margin-left: 0;
    }
}

.form-testimonial .strong-form-inner {
    padding: 0;
}

.form-testimonial .form-field label {
    width: auto;
    margin-right: 0;
    font-weight: 700;
}

.form-testimonial .field-post_content label {
    position: relative;
    margin-left: 0;
}

.form-testimonial.strong-form .form-field {
    margin-bottom: 1.3em;
}

.form-testimonial .form-field.field-star_rating {
    margin-bottom: 10px;
}

.form-testimonial .form-field.field-star_rating,
.form-testimonial .form-field.field-featured_image {
    display: flex;
}

.form-testimonial .strong-rating-wrapper {
    margin-left: 10px;
}

.form-testimonial .form-field label.field-featured_image {
    flex-shrink: 0;
    margin-right: 10px;
}

.form-testimonial .wpmtst-submit {
    text-align: center;
    margin-top: 30px;
    position: absolute;
    bottom: 0;
    right: calc(50% - 215px);
}

.form-testimonial .wpmtst_submit_testimonial {
    line-height: 1.4;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
select,
textarea {
    border: none;
}

@media (max-width: 991px) {
    .form-testimonial .field-featured_image input {
        max-width: 235px;
        white-space: pre-wrap;
        -webkit-flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .form-testimonial .wpmtst-submit {
        position: relative;
        right: auto;
    }
}
@media (max-width: 449px) {
    .strong-form .form-field.wpmtst-submit label,
    .strong-form .form-field.wpmtst-submit .wpmtst_submit_testimonial {
        width: 100%;
    }
}

.site-footer {
    background: linear-gradient(94.43deg, #365FA1 19.4%, #4A8FCE 86.24%), #FFFFFF;
}

.site-footer .widget {
    margin-bottom: 0;
}

.menu-footer-menu-container .menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.tg-site-footer .tg-site-footer-widgets ul.menu li a {
    color: #ffffff;
}

.tg-site-footer .tg-site-footer-widgets ul.menu li {
    margin: 0 15px;
}

.site-footer.tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--three .tg-footer-widget-area {
    width: auto;
}

.tg-footer-widget-area .wp-block-buttons {
    margin-top: 0;
}

@media (max-width: 991px) {
    .tg-footer-widget-area.footer-sidebar-3 {
        width: 100% !important;
    }
    .tg-footer-widget-area .wp-block-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .tg-footer-widget-area + .tg-footer-widget-area {
        margin-top: 20px;
    }
    .tg-footer-widget-area .wp-block-buttons {
        margin-top: 0;
    }
    .menu-footer-menu-container .menu {
        flex-direction: column;
    }
    .site-footer.tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--three .tg-footer-widget-area {
        width: 100%;
    }
    .tg-site-footer .tg-site-footer-widgets ul.menu li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .tg-footer-widget-area .wp-block-image {
        display: flex;
        justify-content: center;
    }
}

.tg-site-footer .tg-footer-widget-container {
    align-items: center;
}

.wp-block-media-text.bg-white .wp-block-media-text__content {
    background: url(assets/img/bg-white.png) left center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
    margin-left: -150px;
    display: flex;
    align-items: center;
    padding-left: 200px;
}
@media (max-width: 1199px) {
    .wp-block-media-text.bg-white .wp-block-media-text__content {
        padding-left: 150px;
    }
}
@media (max-width: 991px) {
    .wp-block-media-text.bg-white .wp-block-media-text__content {
        padding-left: 110px;
    }
    .wp-block-media-text.bg-white .wp-block-media-text__content p {
        font-size: 16px !important;
    }
}
@media (max-width: 767px) {
    .wp-block-media-text.bg-white .wp-block-media-text__content {
        background: url(assets/img/bg-white-mob.png) top center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        padding: 130px 15px 50px 15px;
        margin-left: 0;
        margin-top: -90px;
        height: fit-content;
    }
    .wp-block-media-text.is-stacked-on-mobile.bg-white {
        display: flex;
        flex-direction: column;
    }
    .wp-block-media-text.is-stacked-on-mobile.bg-white .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1;
    }
}

.accordions .accordions-head-title {
    font-weight: 600;
    line-height: 1.4;
}

@media (max-width: 767px) {
    #accordions-804 {
        margin-top: -30px;
    }
}

.accordions .accordion-content.box-shadow {
    line-height: 1.5;
}

.strong-view .simplePagerList ul.simplePagerNav li {
    margin: 5px;
    padding: 0;
}

.simplePagerNav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.simplePagerNav li {
    border: 1px solid #878787;
}

.simplePagerNav li a {
    color: #878787;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.simplePagerNav li.currentPage {
    background: #22BC9A;
    border-color: #22BC9A;;
}

.simplePagerNav li.currentPage a {
    color: #ffffff;
}