/*!
README - STYLEGUIDE BRIEFLY

Find the style by media query screen width, using Find or CTRL + F
min-width 601px, min-width: 901px, min-width: 1300px, min-width: 1600px,
max-width: 1599px, max-width: 1299px, max-width: 900px, max-width: 600px

Make this stylesheet still readable and after using this file, dont forget to use beautify after development
Thankyou Whello Developer
*/

/* > MOBILE */
@media all and (min-width: 601px) {
	.hide-upper-mobile {
        display: none !important;
    }
}

/* > TABLET */
@media all and (min-width: 901px) {
    .hide-upper-tablet {
        display: none !important;
    }

    .vc_row.row-link-footer > .wpb_column.vc_column_container:not(:first-of-type) {
        min-width: 178.333px;
    }

    .wpb_text_column.content-max-large > .wpb_wrapper,
    .wpb_text_column.content-max-medium > .wpb_wrapper,
    .wpb_text_column.content-center > .wpb_wrapper {
        margin-left: auto;
        margin-right: auto;
    }

    .wpb_text_column.content-max-large > .wpb_wrapper {
        max-width: 878px;
    }

    .wpb_text_column.content-max-medium > .wpb_wrapper {
        max-width: 852px;
    }

    .wpb_text_column.content-max-normal > .wpb_wrapper {
        max-width: 768px;
    }

    .wpb_text_column.content-max-small > .wpb_wrapper {
        max-width: 572px;
    }

    .wpb_text_column.content-max-extrasmall > .wpb_wrapper {
        max-width: 532px;
    }

    .row-card-custom-medium.height-custom > .wpb_column:first-of-type {
        width: -webkit-calc(100% - 310px);
        width: -moz-calc(100% - 310px);
        width: calc(100% - 310px);
    }

    .col-cta-gray.wpb_column {
        width: 310px;
    }

    .sticky-column>.vc_column-inner {
        position: -webkit-sticky;
        position: sticky;
        top: var(--sticky-offset);
    }

    .vc_row.row-content-media.media-left > .wpb_column:last-of-type,
    .vc_row.row-content-media.media-right > .wpb_column:first-of-type {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }

    .vc_row.row-content-media.media-left > .wpb_column.vc_col-sm-6:first-of-type,
    .vc_row.row-content-media.media-right > .wpb_column.vc_col-sm-6:last-of-type {
        -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
                flex-basis: 50%;
    }

    .vc_row.row-content-media.media-left > .wpb_column.vc_col-sm-7:first-of-type,
    .vc_row.row-content-media.media-right > .wpb_column.vc_col-sm-7:last-of-type {
        -webkit-flex-basis: 58.57%;
            -ms-flex-preferred-size: 58.57%;
                flex-basis: 58.57%;
    }

    .vc_row.row-content-media.media-right>.wpb_column.vc_col-sm-6:last-of-type>.vc_column-inner>.wpb_wrapper,
    .vc_row.row-content-media.media-left>.wpb_column.vc_col-sm-6:last-of-type>.vc_column-inner>.wpb_wrapper {
        padding-left: var(--gap-content-2-column);
    }

    .vc_row.row-content-media.media-right>.wpb_column.vc_col-sm-6:first-of-type>.vc_column-inner>.wpb_wrapper,
    .vc_row.row-content-media.media-left>.wpb_column.vc_col-sm-6:first-of-type>.vc_column-inner>.wpb_wrapper {
        padding-right: var(--gap-content-2-column);
    }

    .vc_row.row-content-media.media-left>.wpb_column.vc_col-sm-5:last-of-type>.vc_column-inner>.wpb_wrapper {
        padding-left: var(--gap-content);
    }

    .vc_row.row-content-media.media-right>.wpb_column.vc_col-sm-5:first-of-type>.vc_column-inner>.wpb_wrapper {
        padding-right: var(--gap-content);
    }

    .single .header-single-post .link-back {
        -webkit-flex-basis: 154px;
            -ms-flex-preferred-size: 154px;
                flex-basis: 154px;
    }

    .single .header-single-post .meta-single {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }

    .single .content-post  .sidebar-post {
        -webkit-flex-basis: 420px;
            -ms-flex-preferred-size: 420px;
                flex-basis: 420px;
        padding-right: 118px;
    }

    .single .content-post  .site-article {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding-left: 24px;
    }

    .sidebar-post-inner {
        position: -webkit-sticky;
        position: sticky;
        top: var(--sticky-offset);
        padding-bottom: 53px;
    }
    
    .vc_row.row-platform > .wpb_column.col-middle-platform {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 46.95%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 46.95%;
                flex: 0 0 46.95%;
    }

    .content-listing-related {
        margin-bottom: 112px;
    }



}

@media all and (min-width: 1025px) {
    .vc_row.row-card-custom-medium .wpb_column:not(.col-cta-gray) .wpb_text_column {
        padding-right: 64px;
    }

}

/* >= DESKTOP & LAPTOP */
@media all and (min-width: 1300px) {
	.hide-upper-large-tablet {
        display: none !important;
    }

    .site-footer .vc_section[data-vc-full-width] >.vc_row.row-nav--footer,
    .site-footer .vc_row.row-link-footer {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }

    .site-footer .vc_section[data-vc-full-width] >.vc_row.row-nav--footer {
         -webkit-box-pack: justify;
         -webkit-justify-content: space-between;
            -moz-box-pack: justify;
             -ms-flex-pack: justify;
                 justify-content: space-between;       
    }

    .site-footer .col-newsletter.wpb_column {
        max-width: 400px;
    }
    
    .vc_row.row-link-footer > .wpb_column.vc_column_container {
        width: auto;
    }

    .vc_row.row-link-footer > .wpb_column.vc_column_container:not(:first-of-type) {
        width: 178.333px;
    }

    .single.single-post .header-single-post .link-back {
        -webkit-flex-basis: 406px;
            -ms-flex-preferred-size: 406px;
                flex-basis: 406px;
    }


}

@media all and (min-width: 1400px) {
    .vc_section[data-vc-full-width="true"],
    .vc_section.container-large,
    .vc_section[data-vc-full-width].container-large > .vc_row {
        margin-left: -16px;
        margin-right: -16px;
    }

    .single .content-post {
        --container: 1312px;
    }

    .wpb_single_image.frame-imac {
        padding-top: -webkit-calc((280 / 952) * 100%);
        padding-top: -moz-calc((280 / 952) * 100%);
        padding-top: calc((280 / 952) * 100%);
    }

    .wpb_single_image.content-frame-mac {
        --gap-frame-content: 22px;
	    --height-frame-content: 280;
    }
}

@media all and (min-width: 1440px) {
    .vc_section.container-xlarge,
    .vc_section[data-vc-full-width].container-xlarge > .vc_row {
        margin-left: -54px;
        margin-right: -54px;
    }
}

/* >= LARGE DESKTOP */
@media all and (min-width: 1600px) {

}

/* < LARGE DESKTOP */
@media all and (max-width: 1599px) {

}

/* >= DESKTOP & LAPTOP && < LARGE DESKTOP */
@media all and (min-width: 1300px) and (max-width: 1599px) {

}


@media all and (min-width: 1300px) and (max-width: 1400px) {
    .vc_row.content-frame-banner {
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* <= LARGE TABLET */
@media all and (max-width: 1299px) {
	.hide-under-large-tablet {
        display: none !important;
    }
}

/* > MOBILE && <= LARGE TABLET */
@media all and (min-width: 601px) and (max-width: 1299px) {

}

@media all and (min-width: 901px) and (max-width: 1299px) {
    .vc_row.row-nav--footer>.wpb_column {
        width: 100%;
    }

    .vc_row.row-link-footer > .wpb_column{
        width: 25%;
    }

    .col-contact-card.wpb_column>.vc_column-inner>.wpb_wrapper>.wpb_text_column {
        --text-lg: 16px;
    }

    .feature-container {
        gap: 48px;
    }

    .col-side-price.wpb_column {
        -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
                flex-basis: 50%;
    }

    .vc_row.row-side-price {
        --gap-card: 48px;
    }

    .related-post h2 {
        font-size: 36px;
    }

    .single {
        --height-featured-post: 540px;
    }
}

@media all and (min-width: 1200px) and (max-width: 1299px) {
    .wpb_single_image.frame-imac {
        padding-top: -webkit-calc((312 / 952) * 100%);
        padding-top: -moz-calc((312 / 952) * 100%);
        padding-top: calc((312 / 952) * 100%);
    }
}

@media all and (min-width: 901px) and (max-width: 1199px) {
    .feature-image-container {
        -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
                flex-basis: 50%;
    }

    .vc_row.row-card-package {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .vc_row.row-card-package > .wpb_column {
        width: 50%;
    }

    .single .content-post .sidebar-post {
        padding-right: 64px;
    }

}

@media all and (max-width: 1199px) {
    .vc_row.row-usp-orange {
        --column-card: 2;
    }

    .wpb_text_column.list-check ul li {
        padding: 12px;
        font-size: var(--text-sm);
    }

    .wpb_single_image.frame-imac {
        padding-top: -webkit-calc((356 / 952) * 100%);
        padding-top: -moz-calc((356 / 952) * 100%);
        padding-top: calc((356 / 952) * 100%);
    }

    .wpb_single_image.content-frame-mac {
        --gap-frame-content: 22px;
	    --height-frame-content: 356;
    }

    .vc_row.row-site-content-media>.wpb_column:first-of-type h1 br,
    .vc_row.row-site-content-media>.wpb_column:first-of-type h2 br {
        display: none;
    }

    .heading-40 h2 {
        --text-6xl: 36px;
    }

	.heading-44 h2 {
		--text-6xl: 36px;
	}
}

@media all and (max-width: 1024px) {
    .vc_row.row-card-custom-medium>.wpb_column:not(.col-cta-gray)>.vc_column-inner> .wpb_wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
           -moz-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }

    .vc_row.row-card-custom-medium .wpb_column:not(.col-cta-gray) .wpb_text_column {
        padding-bottom: 24px;
    }

    .vc_row.row-card-custom-medium .whbutton-wrapper {
        width: 100%;
    }

    .vc_row.row-card-custom-medium>.wpb_column:not(.col-cta-gray)>.vc_column-inner> .wpb_wrapper {
        --rounded-xl: 16px;
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .single .site-article h2, .single .site-article h3, .single .site-article h4 {
        --lineheight-m: 1.2;
    }
}

/* <= TABLET */
@media all and (max-width: 900px) {
    .hide-under-tablet {
        display: none !important;
    }

	.feature-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .feature-image-container {
        height: 300px;
    }

    .heading-large * {
        --text-2xl: 20px;
    }

    .whbutton-wrapper.btn-iso .label-cta {
        font-size: var(--text-xs);
    }

    .whbutton-wrapper.whbutton-align--right {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-top: 32px;
    }

    .col-cta-gray.wpb_column >.vc_column-inner>.wpb_wrapper {
        padding: 24px;
    }

    .vc_row.row-two-column-large,
    .vc_row.row-platform {
        gap: 32px;
    }

    .vc_row.row-platform {
        --gap-has-icon-faq: 12px;
        --padding-card: 16px;
        --rounded-card: 16px;
    }

    .vc_row.card-usp {
        --padding-card: 24px;
    }

    .col-contact-card.wpb_column {
        margin-top: 32px;
    }

    .site-footer .vc_section[data-vc-full-width] >.vc_row.row-nav--footer li+li {
        margin-top: 12px;
    }

    .site-footer .vc_row.row-bottom--footer ul {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        gap: 8px;
    }

    .feature-container.media-position-left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; 
    }

    .vc_row.row-two-column {
        gap: 16px;
    }

    .vc_row.card-usp,
    .vc_row.row-card-frame-media {
        position: relative;
        margin-bottom: -32px;
    }

    .vc_row.card-usp > .wpb_column,
    .vc_row.row-card-frame-media>.wpb_column {
        margin-bottom: 32px;
    }

    .vc_row.col-reverse {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .text-left-mobile * {
        text-align: left !important;
    }

    .wpb_text_column.sub-text.text-left-mobile {
        width: 100%;
        text-align: left;
    }

    .vc_row.card-usp>.wpb_column>.vc_column-inner>.wpb_wrapper {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .frame-desktop-banner.wpb_single_image {
        min-height: 400px;
        height: 100%;
    }

    .frame-desktop-banner.wpb_single_image figure {
        padding: 0 24px;
    }

    .vc_section.rounded-bottom {
        --rounded-2xl: 16px;
    }

    .col-cta-small.wpb_column {
        --padding-card: 32px 24px;
        margin-bottom: 32px;
    }

    .vc_row.row-side-price>.wpb_column:first-of-type {
        -webkit-box-flex: 100%;
        -webkit-flex: 100%;
           -moz-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
        padding-right: 0;
        margin-bottom: 48px;
    }

    .col-side-price.wpb_column {
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
    }

    .vc_row.row-content-contact .col-form-wrapper.wpb_column {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
           -moz-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        margin-bottom: 48px;
    }

    .vc_row.row-content-contact>.wpb_column:first-of-type {
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
    }

    .vc_row.row-contact-heading {
        --gap-side-calendly: 0px;
    }

    .col-calendly-frame.wpb_column {
        margin-top: 48px;
    }

    .featured-item-wrapper {
        margin-bottom: 48px;
        -webkit-border-top-right-radius: var(--rounded-lg);
           -moz-border-radius-topright: var(--rounded-lg);
                border-top-right-radius: var(--rounded-lg);
        -webkit-border-bottom-right-radius: var(--rounded-lg);
           -moz-border-radius-bottomright: var(--rounded-lg);
                border-bottom-right-radius: var(--rounded-lg);
    }

    .related-post h2 {
        font-size: 36px;
    }

    .content-listing-related {
        margin-bottom: 80px;
    }

    .sidebar-post-inner .topics-in-article {
        display: none;
    }

    .single .content-post>.container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        gap:48px;
    }

    .single .link-back {
        width: 100%;
    }

    .wpb_single_image.frame-imac {
        padding-top: -webkit-calc((385 / 952) * 100%);
        padding-top: -moz-calc((385 / 952) * 100%);
        padding-top: calc((385 / 952) * 100%);
    }

    .wpb_single_image.content-frame-mac {
        --gap-frame-content: 24px;
	    --height-frame-content: 385;
    }

    .custom-heading-32 h3 {
        --text-4xl: 28px;	
    }

}


@media all and (min-width: 601px) and (max-width: 900px) {
    .vc_row.row-usp-orange {
        --column-card: 2;
    }

    .vc_row.row-card-custom-medium >.wpb_column  {
        width: 50%;
    }

    .site-footer .vc_section[data-vc-full-width] >.vc_row.row-nav--footer {
        padding: 32px;
    }

    .site-footer .vc_row.row-link-footer > .wpb_column:not(:first-of-type) {
        width: 33.3333%;
    }

    .feature-container {
        gap: 64px;
    }

    .vc_row.row-content-media {
        gap: 48px;
    }

    .vc_row.row-card-custom>.wpb_column,
    .vc_row.card-usp > .wpb_column,
    .vc_row.row-card-package>.wpb_column,
    .vc_row.row-card-frame-media>.wpb_column,
    .vc_row.row-card-small>.wpb_column,
    .vc_row.row-card-link>.wpb_column,
    .vc_row.row-cards>.wpb_column {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
           -moz-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
    }

    .vc_row.row-card-team>.wpb_column {
        width: 50%;
    }

    .row-contact-heading .whbutton-wrapper.btn-w-full, 
    .row-contact-heading .whbutton-wrapper.btn-w-full .cta-whbutton {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .single {
        --height-featured-post: 480px;
    }

    .bg-gradient-3:before {
        --gap-side: 16px;
        --rounded-bottom:24px;
    }

}


/* <= MOBILE */
@media all and (max-width: 600px) {
    html:root {
		--padding-container: 16px;
	}

	.container {
		width: -webkit-calc(100% - 32px);
		width: -moz-calc(100% - 32px);
		width: calc(100% - 32px);
	}

	.hide-under-mobile {
        display: none !important;
    }

    .whbutton-wrapper .label-cta {
        font-size: var(--text-sm);
    }

    .vc_row.row-usp-orange {
        --column-card: 1;
    }

    .vc_row.row-card-custom-medium >.wpb_column + .wpb_column {
        margin-top: 32px;
    }

    .vc_row .wpb_text_column h1 br,
    .vc_row .wpb_text_column h1 + p br,
    .vc_row .wpb_text_column h2 br,
    .vc_row .wpb_text_column h3 br,
    .wpb_text_column.custom-heading h1 + p br,
    .wpb_text_column.custom-heading h2 br,
    .wpb_text_column.custom-heading h2 + p br,
    .wpb_text_column.custom-heading h3 + p br {
        display: none;
    }

    .wpb_single_image.content-frame-mac {
        --gap-frame-content: 12px;
        --height-frame-content: 385;
        width: -webkit-calc(100% - 24px);
        width: -moz-calc(100% - 24px);
        width: calc(100% - 24px);
    }


    .vc_row.row-card-custom-medium .col-cta-gray.wpb_column {
        min-height: 260px;
    }

    .col-newsletter.wpb_column .gform_button.button {
        background: url(/wp-content/themes/whello/assets/images/paper-plane-svgrepo-com.svg) center/16px no-repeat;
        font-size: 0;
        height: 44px;
        padding: 4px;
    }

    .site-footer .vc_section[data-vc-full-width] >.vc_row.row-nav--footer {
        padding: 24px;
    }

    .feature-container,
    .vc_row.row-content-media {
        gap: 48px;
    }

    .feature-image-container {
        height: 360px;
        min-height: 360px;
        max-height: 360px;
    }

    .wh-faq-wrapper {
        --gap-has-icon-faq: 16px;
    }

    .vc_row.row-card-custom>.wpb_column {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
           -moz-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
    }

    .single {
        --height-featured-post: 380px;
    }

    .bg-gradient-3:before {
        --gap-side: 8px;
        --rounded-bottom: 24px;
    }
}

@media all and (max-width: 400px) {
    .frame-desktop-banner.wpb_single_image {
        margin-bottom: -180px;
    }
}