/*!
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) {
	.vc_row.row-swapcard.row-register-immediately .col-media-swapcard {
		width: 298px;
	}

	.vc_row.row-swapcard.row-register-immediately .col-content-swapcard {
		width: calc(100% - 298px);
		padding-right: 0;
	}

	.vc_row.row-swapcard.row-register-chapter {
		min-height: auto;
	}

	.vc_row.row-swapcard.row-register-chapter .col-media-swapcard {
		width: 216px;
	}

	.vc_row.row-swapcard.row-register-chapter .col-content-swapcard {
		width: calc(100% - 216px);
		padding: 32px;
	}

	.vc_row.row-coursebanner {
		padding: 24px 32px;
	}

	.vc_row.vc_row.row-small-videos .video-player-popup .preview-video {
		height: 144px;
	}

	.vc_row.vc_row.row-small-videos .video-player-popup .preview-video:before {
		width: 54px;
		height: 54px;
	}

	.vc_row.row-showcase-tiktok > .wpb_column {
		padding: 60px;
	}
}

/* > TABLET */
@media all and (min-width: 901px) {
	.whfilter-filter,
	.whfilter-overview > .info-results {
		max-width: 50%;
	}

	.whfilter-overview > .info-results {
		position: absolute;
		bottom: calc(100% + 25px);
		right: 0;
	}

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

	.vc_row.row-swapcard {
		min-height: 544px;
	}

	.vc_row.row-swapcard .col-media-swapcard {
		width: calc(50% - 16px);
	}

	.vc_row.row-swapcard .col-content-swapcard {
		width: calc(50% + 16px);
		padding: 70px 32px;
	}

	.vc_row.row-swapcard.row-register-immediately .col-content-swapcard {
		padding-top: 32px;
		padding-bottom: 32px;
	}

	.col-card-contact > .vc_column-inner > .wpb_wrapper {
		padding: 56px 32px;
	}

	.vc_row .wpb_column.col-box-faq {
		padding-left: 96px;
		padding-right: 96px;
	}

	.col-box-faq > .vc_column-inner > .wpb_wrapper {
		padding: 60px 96px;
	}

	.vc_row.row-coursebanner > .wpb_column {
		max-width: 33.333%;
	}

	.vc_row.row-theorycourse-banner > .wpb_column {
		width: 50%;
	}

	.vc_row.row-cardsmetrics > .wpb_column {
		width: 33.333%;
	}

	.vc_row.row-cardsmetrics .col-cardmetric > .vc_column-inner {
		padding: 40px 32px 32px;
	}

	.vc_row.row-listing-parts > .wpb_column {
		width: 33.333%;
	}

	.vc_row.row-downloadapp > .wpb_column {
		max-width: 50%;
	}

	.vc_row.row-downloadapp .col-content-downloadapp {
		width: 448px;
	}

	.vc_row.row-downloadapp .col-media-downloadapp {
		width: 425px;
	}

	.vc_row.row-downloadapp-wrapper {
		padding-bottom: 100px;
	}

	.vc_row.row-downloadapp-wrapper[class*='bg-pattern-triangle']:before {
		top: 38px;
		height: calc(100% - 38px);
	}

	.vc_row.row-downloadapp .col-content-downloadapp > .vc_column-inner {
		padding: 48px 32px;
	}

	.vc_row.row-theory-overview {
		margin-top: -125px;
	}

	.vc_row.row-demo-videos > .wpb_column {
		width: 33.333%;
	}

	.content-videos-chapter {
		text-align: center;
	}

	.row-videos-grid .video-player-popup .preview-video:before {
		width: 114px;
		height: 114px;
	}

	.site-main-sidebar .site-article {
		width: calc(100% - var(--size-sidebar) - 32px);
		padding: 48px 40px 64px;
	}

	.site-main-sidebar .site-sidebar {
		width: var(--size-sidebar);
	}

	.site-sidebar .inner-sidebar {
		position: sticky;
		top: var(--sticky-offset);
	}
}

/* >= DESKTOP & LAPTOP */
@media all and (min-width: 1200px) {
	.vc_row.vc_row.bg-cross-blue::before {
		left: 222px;
	}

	.vc_row[class*='bg-pattern-road'] {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.vc_row.row-stuckbar {
		padding: 20px 48px 0 14px;
	}

	.vc_row.row-stuckbar .col-media-stuckbar {
		width: 248px;
	}

	.vc_row.row-stuckbar .col-content-stuckbar {
		width: calc(100% - 248px - 304px);
	}

	.vc_row.row-stuckbar .col-action-stuckbar {
		width: 304px;
	}

	.vc_row.row-overview-faq {
		padding-left: 155px;
		padding-right: 155px;
		margin-top: -120px;
	}

	/* FAQ BANNER */
	.page-id-1052 #site .site-banner .content-banner,
	.page-id-91 #site .site-banner .content-banner {
		padding-left: 190px;
		padding-right: 190px;
	}

	.vc_row.row-sticky-blog {
		margin-top: -150px;
	}

	.vc_row.row-theorycourse-banner {
		margin-top: -200px;
	}

	.vc_row.row-experience-customer .review-platforms {
		margin-top: -100px;
	}

	.vc_row.vc_row.row-small-videos {
		margin: 0 -16px -32px;
	}

	.vc_row.vc_row.row-small-videos .wpb_column {
		padding: 0 16px;
		margin-bottom: 29px;
	}
}

/* >= 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: 1200px) and (max-width: 1599px) {
}

/* <= LARGE TABLET */
@media all and (max-width: 1199px) {
	br {
		display: none;
	}

	.vc_row[class*='bg-pattern-road']:before {
		display: none;
	}

	.vc_row[class*='bg-pattern-road'] {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	.vc_row.row-stuckbar {
		padding: 32px 20px;
	}

	.vc_row.row-overview-faq,
	.vc_row.row-theorycourse-banner {
		margin-top: -90px;
	}

	.vc_row.row-theorycourse-mobile-banner {
		position: relative;
		z-index: 2;
		margin-top: -40px;
	}

	.vc_row.row-sticky-blog {
		margin-top: -24px;
	}

	.vc_row.row-videos-chapter.slick-slider {
		margin-left: calc(var(--padding-container) * -1);
		margin-right: calc(var(--padding-container) * -1);
	}

	.vc_row.row-videos-chapter.slick-slider .slick-list {
		padding-left: calc(var(--padding-container) - var(--gap));
		padding-right: calc(var(--padding-container) - var(--gap));
	}
}

@media all and (min-width: 901px) and (max-width: 1199px) {
	.vc_row.vc_row[class*='bg-cross']:before {
		left: 0;
	}

	.vc_row.vc_row.bg-cross-blue::before {
		left: calc(10% + 48px);
	}

	.vc_row.vc_row.row-small-videos {
		margin: 0 -10px -29px;
	}

	.vc_row.vc_row.row-small-videos .wpb_column {
		padding: 0 10px;
		margin-bottom: 29px;
	}

	.vc_row.vc_row.row-grid-showcase > .wpb_column {
		width: 50%;
	}
}

/* > MOBILE && <= LARGE TABLET */
@media all and (min-width: 601px) and (max-width: 1199px) {
	.vc_row.row-stuckbar .col-media-stuckbar {
		width: 248px;
	}

	.vc_row.row-stuckbar .col-content-stuckbar {
		width: calc(100% - 248px);
	}

	.vc_row.row-stuckbar .col-action-stuckbar {
		width: 100%;
		margin-top: 24px;
	}

	/* FAQ BANNER */
	.page-id-1052 #site .site-banner,
	.page-id-91 #site .site-banner {
		min-height: 260px;
	}
}

/* <= TABLET */
@media all and (max-width: 900px) {
	*,
	*::before,
	*::after {
		--text-2xl: 28px;
		--text-3xl: 32px;
		--text-4xl: 40px;

		--rounded-2xl: 15px;
	}

	.vc_row.vc_row[class*='bg-cross']:before {
		transform: translate(0, 55vw) rotate(70deg);
	}

	.vc_row.row-swapblock > .wpb_column,
	.vc_row.row-swapcard > .wpb_column {
		width: 100%;
	}

	.vc_row.row-swapblock > .wpb_column:not(:last-child) {
		margin-bottom: 32px;
	}

	.vc_row.row-swapblock .wpb_column.col-media-swapblock {
		order: 999;
		margin-top: 44px;
	}

	.vc_row.row-swapblock .wpb_column + .wpb_column.col-media-swapblock {
		margin-top: 12px;
	}

	.vc_row.row-swapblock .col-media-swapblock.col-card-contact {
		order: 2;
		margin-bottom: 0;
		margin-top: 40px;
	}

	.whfilter-overview > .info-results {
		margin-bottom: 10px;
	}

	.vc_row.row-swapcard > .col-media-swapcard {
		width: 100%;
	}

	.vc_row.row-swapcard .col-content-swapcard {
		width: 100%;
		order: -1;
		padding: 32px var(--padding-container);
	}

	.vc_row.row-coursebanner > .wpb_column:not(:last-child) {
		margin-bottom: 20px;
	}

	.vc_row.row-theorycourse-banner > .wpb_column {
		width: 100%;
	}

	.vc_row.row-theorycourse-banner > .wpb_column:not(:last-child) {
		margin-bottom: var(--padding-container);
	}

	.vc_row.row-cardsmetrics > .wpb_column,
	.vc_row.row-listing-parts > .wpb_column {
		width: 100%;
	}

	.vc_row.row-cardsmetrics.slick-slider,
	.vc_row.row-listing-parts.slick-slider {
		width: calc(100% + (var(--padding-container) * 2));
		margin: 0 calc(var(--padding-container) * -1);
	}

	.vc_row.row-cardsmetrics.slick-slider .slick-list,
	.vc_row.row-listing-parts.slick-slider .slick-list {
		padding: 15px 8px;
	}

	.vc_row.row-cardsmetrics.slick-slider .slick-dots,
	.vc_row.row-listing-parts.slick-slider .slick-dots {
		margin-top: 10px;
	}

	.vc_row.row-cardsmetrics.slick-slider .slick-track,
	.vc_row.row-listing-parts.slick-slider .slick-track {
		align-items: stretch;
	}

	.vc_row.row-cardsmetrics .wpb_column.slick-slide {
		padding: 0 16px;
		height: auto;
		min-height: 324px;
	}

	.vc_row.row-cardsmetrics .wpb_column.slick-slide {
		margin-bottom: 0;
	}

	.vc_row.row-cardsmetrics .col-cardmetric h2,
	.vc_row.row-cardsmetrics .col-cardmetric h3,
	.vc_row.row-cardsmetrics .col-cardmetric h4 {
		font-size: 21px;
	}

	.vc_row.row-cardsmetrics .col-cardmetric > .vc_column-inner {
		padding: 26px var(--padding-container) 32px;
	}

	.row-videos-grid.row-swapblock > .wpb_column:not(:last-child) {
		margin-bottom: 20px;
	}

	.vc_row.vc_row.row-small-videos.slick-slider {
		width: calc(100% + (var(--padding-container) * 2));
		margin: 0 calc(var(--padding-container) * -1);
	}

	.vc_row.row-small-videos.slick-slider .slick-list {
		padding: 0 12px;
	}

	.vc_row.row-small-videos.slick-slider .wpb_column {
		margin-bottom: 0;
	}

	.vc_row.row-small-videos.slick-slider .slick-dots {
		margin-top: 32px;
	}

	.vc_row.row-downloadapp > .wpb_column {
		width: 100%;
	}

	.vc_row.row-downloadapp-wrapper {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	.vc_row.row-downloadapp .col-content-downloadapp > .vc_column-inner {
		padding: 18px var(--padding-container);
	}

	.col-content-downloadapp .vc_column-inner > .wpb_wrapper > *:not(.lists-badge-download) {
		display: none;
	}

	.vc_row.row-downloadapp .col-media-downloadapp {
		order: -1;
		margin-bottom: 32px;
	}

	.vc_row.row-downloadapp .col-media-downloadapp img {
		max-height: 385px;
		object-fit: contain;
	}

	.vc_row.row-experience-customer .owl-carousel[class*='revbuck-slider'] .owl-dots .owl-dot {
		background-color: var(--black);
		opacity: 0.3;
	}

	.vc_row.row-experience-customer .owl-carousel[class*='revbuck-slider'] .owl-dots .owl-dot:hover,
	.vc_row.row-experience-customer .owl-carousel[class*='revbuck-slider'] .owl-dots .owl-dot.active {
		background-color: var(--white);
		opacity: 1;
	}

	.vc_row.row-swapblock-theory > .wpb_column:not(:last-child) {
		margin-bottom: var(--padding-container);
	}

	.vc_row.row-theory-overview {
		margin-top: -90px;
	}

	.vc_row.vc_row.row-small-videos .video-player-popup .caption-video {
		display: none;
	}

	.vc_row.vc_row.row-small-videos {
		margin: 0 -10px -20px;
	}

	.vc_row.vc_row.row-small-videos .wpb_column {
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.vc_row.vc_row.row-grid-showcase > .wpb_column {
		width: 100%;
	}

	.site-main-sidebar .site-article {
		width: 100%;
		padding: 24px;
	}

	.site-main-sidebar .site-sidebar {
		width: 100%;
	}

	.site-main-sidebar .site-sidebar + .site-article,
	.site-main-sidebar .site-article + .site-sidebar {
		margin-top: 24px;
	}
}

@media all and (min-width: 601px) and (max-width: 900px) {
	.col-box-faq > .vc_column-inner > .wpb_wrapper {
		padding: 40px;
	}

	.col-card-contact > .vc_column-inner > .wpb_wrapper {
		padding: 40px;
	}

	.vc_row.row-demo-videos > .wpb_column {
		width: 50%;
	}
}

/* <= MOBILE */
@media all and (max-width: 600px) {
	.whbutton-wrapper,
	.whbutton-wrapper .cta-whbutton {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.listing .cta-listing,
	.listing .cta-listing .cta-whbutton {
		width: auto;
		text-align: left;
		justify-content: flex-start;
	}

	.col-box-faq > .vc_column-inner > .wpb_wrapper {
		padding: 32px var(--padding-container) 46px;
	}

	.col-box-faq .whbutton-wrapper .cta-whbutton {
		width: 100%;
		justify-content: center;
	}

	.col-card-contact > .vc_column-inner > .wpb_wrapper {
		padding: 32px var(--padding-container);
	}

	.vc_row.row-stuckbar > .wpb_column {
		width: 100%;
	}

	.vc_row.row-stuckbar > .wpb_column:not(:last-child) {
		margin-bottom: 20px;
	}

	.vc_row.row-coursebanner {
		padding: var(--padding-container);
	}

	.vc_row.vc_row.row-small-videos .video-player-popup .preview-video {
		height: 86px;
	}

	.vc_row.vc_row.row-small-videos .video-player-popup .preview-video:before {
		width: 32px;
		height: 32px;
	}

	.vc_row.row-metric-experience .row-experience-customer:before {
		top: 20%;
	}

	.vc_row.row-demo-videos > .wpb_column {
		width: 100%;
	}

	.vc_row.row-showcase-tiktok > .wpb_column {
		padding: 32px var(--padding-container);
	}

	.vc_row.row-listing-parts .title-parts h2,
	.vc_row.row-listing-parts .title-parts h3,
	.vc_row.row-listing-parts .title-parts h4 {
		font-size: var(--text-md);
	}

	.vc_row.row-stuckbar .col-media-stuckbar {
		display: none;
	}

	/* FAQ BANNER */
	.page-id-1052 #site .site-banner,
	.page-id-91 #site .site-banner {
		min-height: 280px;
	}
}