@import url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");
@import url("../fonts/fonts.css");

html :where(.wp-block) {
    max-width: 100% !important;
}

@media (min-width: 782px) {
	body .interface-complementary-area {
		min-width: 420px;
	}
}

.acf-block-preview * {
	outline: 0 !important
}

.acf-block-preview {
	margin: 0;
	padding: 0;
	line-height: 26px;
	font-size: 16px;
	font-weight: 400;
	font-family: Roboto, sans-serif;
	color: #575757
}

.acf-block-preview {
	height: 100%;
	position: relative;
	z-index: 1
}

.acf-block-preview a {
	color: #181818;
	transition: all .3s
}

.acf-block-preview a:hover {
	text-decoration: none;
	color: #181818
}

.acf-block-preview a:focus,
.acf-block-preview button:focus,
.acf-block-preview input:focus,
.acf-block-preview select:focus,
.acf-block-preview textarea:focus {
	outline: none
}

.acf-block-preview img {
	max-width: 100%;
	display: block
}

.acf-block-preview .h1,
.acf-block-preview .h2,
.acf-block-preview .h3,
.acf-block-preview .h4,
.acf-block-preview .h5,
.acf-block-preview .h6,
.acf-block-preview h1,
.acf-block-preview h2,
.acf-block-preview h3,
.acf-block-preview h4,
.acf-block-preview h5,
.acf-block-preview h6 {
	color: #181818;
	margin-bottom: 8px;
	font-family: Kanit, sans-serif
}

.acf-block-preview .h1,
.acf-block-preview h1 {
	font-size: 90px;
	line-height: 120%
}

.acf-block-preview .h2,
.acf-block-preview h2 {
	font-size: 60px;
	line-height: 120%
}

.acf-block-preview .h3,
.acf-block-preview h3 {
	font-size: 50px;
	line-height: 120%
}

.acf-block-preview .h4,
.acf-block-preview h4 {
	font-size: 40px;
	line-height: 120%
}

.acf-block-preview .h5,
.acf-block-preview h5 {
	font-size: 36px;
	line-height: 120%
}

.acf-block-preview .h6,
.acf-block-preview h6 {
	font-size: 28px;
	line-height: 120%
}

.acf-block-preview p {
	margin-bottom: 20px
}

.acf-block-preview p:last-child {
	margin-bottom: 0 !important
}

.acf-block-preview button {
	border: none;
	transition: all .4s ease 0s;
	background: transparent
}

.acf-block-preview .section,
.acf-block-preview section {
	padding: 70px 0
}

.acf-block-preview .main-wrapper {
	overflow-x: hidden
}

.acf-block-preview .container {
	max-width: 1200px
}

.acf-block-preview .container.smalls {
	max-width: 1100px
}

.acf-block-preview .container.wide {
	max-width: 1360px
}

.acf-block-preview .container.smalls_100 {
	max-width: 1000px
}

.acf-block-preview .text_light,
.acf-block-preview .text_light>* {
	color: #cdbfd6
}

.acf-block-preview .text_gray,
.acf-block-preview .text_gray>* {
	color: #9d9d9d
}

.acf-block-preview .text_white,
.acf-block-preview .text_white>* {
	color: #fff
}

.acf-block-preview .cta-btn {
	display: inline-block;
	padding: 13px 30px;
	border-radius: 6px;
	font-family: Kanit, sans-serif;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	line-height: 30px;
	border: 1px solid transparent;
	overflow: hidden
}

.acf-block-preview .cta-btn em {
	margin-left: 10px
}

.acf-block-preview .btn_default {
	background: #ea257d;
	color: #fff;
	border-color: #ea257d
}

.acf-block-preview .btn_default:hover {
	background: #c7216b;
	color: #fff;
	border-color: #c7216b
}

.acf-block-preview .btn_dark {
	background: #181818;
	color: #fff
}

.acf-block-preview .btn_dark:hover {
	background: #c7216b;
	color: #fff;
	border-color: #c7216b
}

.acf-block-preview .btn_border_white {
	color: #fff;
	border-color: #ea257d
}

.acf-block-preview .btn_border_light:hover,
.acf-block-preview .btn_border_white:hover {
	background: #ea257d;
	color: #fff;
	border-color: #ea257d
}

.acf-block-preview .btn_border_light {
	border-color: hsla(0, 0%, 43.9%, .42);
	color: #fff
}

.acf-block-preview .mainmenu ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.acf-block-preview .mainmenu ul li.menu-item-has-children>a:after {
	position: absolute;
	content: "";
	right: -10px;
	width: 7px;
	height: 7px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	top: 47%
}

.acf-block-preview .mainmenu ul li.menu-item-has-children>a:hover:after {
	border-color: #ea257d
}

.acf-block-preview .mainmenu ul li {
	display: inline-block;
	margin-right: 35px;
	position: relative
}

.acf-block-preview .mainmenu ul li>ul {
	width: 250px;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 15px;
	z-index: 9;
	visibility: hidden;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	transition: all .4s;
	border-top: 4px solid #ea257d;
	text-align: left;
	box-shadow: 0 19px 51px rgba(0, 0, 0, .31);
	background-color: #fff;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.acf-block-preview .mainmenu ul li>ul>li {
	display: block;
	padding: 0;
	margin: 0
}

.acf-block-preview .mainmenu ul li>ul>li a {
	padding: 7px;
	display: block;
	color: #181818;
	opacity: 1
}

.acf-block-preview .mainmenu ul li:hover>ul {
	visibility: visible;
	opacity: 1;
	-ms-filter: "alpha(opacity=100)"
}

.acf-block-preview .mainmenu ul li a {
	display: block;
	font-family: Kanit, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #cdbfd6;
	opacity: .58;
	position: relative;
	padding: 10px 5px;
	text-decoration: none
}

.acf-block-preview .mainmenu ul li a:hover {
	opacity: 1;
	color: #fff;
	text-decoration: none
}

.acf-block-preview .mainmenu ul li>ul>li a:hover {
	color: #ea257d
}

.acf-block-preview .header-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Kanit, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #ea257d;
	position: relative;
	text-decoration: none
}

.acf-block-preview .header-btn em {
	margin-left: 10px;
	position: relative;
	top: 2px;
	transition: all .4s;
	left: 0;
	transform: scale(1)
}

.acf-block-preview .header-btn:hover {
	color: #fff
}

.acf-block-preview .header-btn:hover em {
	left: 5px
}

.acf-block-preview .header-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	padding: 20px 0
}

.acf-block-preview .site-logo {
	max-width: 190px
}

.acf-block-preview .hero-area {
	background: #19181d;
	position: relative;
	z-index: 1;
	padding-top: 170px
}

.acf-block-preview .hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -1;
	mix-blend-mode: luminosity
}

.acf-block-preview .hero-text .h1 {
	font-weight: 600
}

.acf-block-preview .hero-text {
	width: 68%;
	margin: 0 auto;
	font-size: 24px;
	color: rgba(205, 191, 214, .9);
	line-height: 140%
}

.acf-block-preview .hero-text .cta-btn {
	margin-top: 20px
}

.acf-block-preview .hero-bottom .icon-list {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0
}

.acf-block-preview .hero-bottom .icon-list li {
	margin-right: 20px;
	padding-right: 30px;
	flex: 1;
	position: relative;
	display: flex;
	height: 75px;
	align-items: center
}

.acf-block-preview .hero-bottom .icon-list li:after {
	position: absolute;
	content: "";
	top: 50%;
	width: 1px;
	height: 80%;
	transform: translateY(-50%);
	background: #707070;
	opacity: .5;
	right: 8px
}

.acf-block-preview .hero-bottom .icon-list li:last-child {
	margin-right: 0;
	padding-right: 0
}

.acf-block-preview .hero-bottom .icon-list li:last-child:after {
	display: none
}

.acf-block-preview .icon-teaser.v1 .icon-with-text {
	display: flex;
	align-items: center
}

.acf-block-preview .icon-with-text img {
	margin-right: 15px
}

.acf-block-preview .icon-with-text .info p {
	font-family: Kanit, sans-serif;
	color: hsla(0, 0%, 100%, .58);
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	display: inline-block;
	margin: 0
}

.acf-block-preview .hero-bottom {
	margin-top: 50px;
	padding-left: 50px
}

.acf-block-preview .hero-bottom .title {
	color: #b6b6b7;
	text-align: center;
	margin-bottom: 20px
}

.acf-block-preview .hero-text .h1 span {
	position: relative;
	display: inline-table
}

.acf-block-preview .hero-text .h1 span:after {
	position: absolute;
	content: "";
	bottom: 7px;
	height: 20px;
	width: 106%;
	background: url(../img/hero-line-shape.svg) no-repeat scroll 50%/100%;
	left: -7px;
	transition: all 3s;
	transform: scaleX(0);
	transform-origin: left;
	z-index: -1
}

.acf-block-preview .hero-text.aos-animate .h1 span:after {
	transform: scaleX(1);
	transition-delay: 1.5s
}

.acf-block-preview .box {
	display: block;
	margin-top: 30px
}

.acf-block-preview .box.style1 {
	border: 1px solid rgba(74, 37, 115, .14);
	padding: 30px;
	border-radius: 10px;
	display: flex;
	align-items: flex-start;
	text-decoration: none;
	color: #575757;
	font-size: 14px;
	line-height: 24px;
	height: calc(100% - 30px)
}

.acf-block-preview .box.style1 .title {
	font-weight: 600;
	font-size: 26px;
	margin-bottom: 8px
}

.acf-block-preview .fw_600 {
	font-weight: 600
}

.acf-block-preview .box.style1 .icon {
	min-width: 62px;
	height: 62px;
	min-height: 62px;
	margin-right: 20px
}

.acf-block-preview .link_text {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: Kanit, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #181818;
	position: relative;
	text-decoration: none;
	transition: all .4s
}

.acf-block-preview .link_text em {
	margin-left: 10px;
	position: relative;
	top: 2px;
	transition: all .4s;
	left: 0;
	transform: scale(1)
}

.acf-block-preview .box.style1:hover {
	background: rgba(205, 191, 214, .08);
	border-color: rgba(205, 191, 214, .08)
}

.acf-block-preview .box.style1:hover .link_text {
	color: #ea257d
}

.acf-block-preview .section-heading {
	margin-bottom: 30px
}

.acf-block-preview .award-area {
	position: relative;
	z-index: 1;
	background: #19181d
}

.acf-block-preview .award_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -1
}

.acf-block-preview .box.style2 {
	position: relative;
	display: block;
	height: 390px;
	margin-top: 0;
	overflow: hidden
}

.acf-block-preview .box.style2>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transform: scale(1);
	transition: all .4s
}

.acf-block-preview .box.style2:hover>img {
	transform: scale(1.1)
}

.acf-block-preview .box.style2 .info {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px 40px;
	z-index: 1;
	width: 100%
}

.acf-block-preview .box.style2 .title {
	font-size: 24px;
	font-weight: 600;
	margin: 0
}

.acf-block-preview .box.style2:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #181818, rgba(24, 24, 24, 0));
	opacity: .58
}

.acf-block-preview .award-img {
	width: 60%;
	margin: 0 auto
}

.acf-block-preview .award_shape {
	position: absolute;
	top: 0;
	width: 100%;
	transform: scale(1.1);
	z-index: 0
}

.acf-block-preview .award-area .container {
	position: relative;
	z-index: 1
}

.acf-block-preview .award-area .section-heading {
	color: #cdbfd6
}

.acf-block-preview .section-action {
	margin-top: 40px
}

.acf-block-preview .list_disc {
	padding: 0;
	list-style: none;
	margin: 0 0 20px
}

.acf-block-preview .list_disc li {
	padding-left: 20px;
	position: relative;
	margin-bottom: 10px
}

.acf-block-preview .list_disc li:before {
	position: absolute;
	content: "";
	top: 7px;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #cdbfd6
}

.acf-block-preview .column_2 {
	-moz-column-count: 2;
	column-count: 2
}

.acf-block-preview .content-img.group-mockup-img {
	display: flex
}

.acf-block-preview .content-img.group-mockup-img img {
	border-radius: 22px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .2)
}

.acf-block-preview .content-img.group-mockup-img .item {
	width: 33%;
	padding-right: 30px
}

.acf-block-preview .py_140 {
	padding: 140px 0
}

@-webkit-keyframes floatUpDown {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-35px)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes floatUpDown {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-35px)
	}

	to {
		transform: translateY(0)
	}
}

.acf-block-preview .content-img.group-mockup-img .item {
	-webkit-animation: floatUpDown 3s ease-in-out infinite;
	animation: floatUpDown 3s ease-in-out infinite
}

.acf-block-preview .content-img .item:nth-child(2) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.acf-block-preview .content-img .item:nth-child(3) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.acf-block-preview .box-slider-area {
	background: #19181d;
	position: relative;
	z-index: 1
}

.acf-block-preview .box-slider-area .bg_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -1
}

.acf-block-preview .box-carousel .slide {
	padding: 0 8px
}

.acf-block-preview .box-carousel .slick-list {
	margin-left: -150px;
	margin-right: -150px
}

.acf-block-preview .box.style3 {
	display: block;
	position: relative;
	height: 420px;
	overflow: hidden;
	border-radius: 5px
}

.acf-block-preview .box.style3 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.acf-block-preview .box.style3 .info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 40px;
	z-index: 1;
	color: #b7b7b7
}

.acf-block-preview .box.style3 .info p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.acf-block-preview .box.style3 .title {
	font-size: 22px
}

.acf-block-preview .box.style3:after {
	background: linear-gradient(0deg, #181818, rgba(24, 24, 24, 0))
}

.acf-block-preview .box.style3:after,
.acf-block-preview .box.style3:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .4s
}

.acf-block-preview .box.style3:before {
	background-image: linear-gradient(to left bottom, #67002e, #4f1235, #371a33, #231b29, #181818);
	z-index: 1;
	opacity: 0;
	visibility: hidden
}

.acf-block-preview .box.style3:hover {
	transform: translateY(-10px)
}

.acf-block-preview .box.style3:hover:before {
	opacity: .8;
	visibility: visible
}

.acf-block-preview .box.style3:hover:after {
	opacity: 0
}

.acf-block-preview .box.style3 .btn_border_white {
	transition: all .4s
}

.acf-block-preview .box.style3:hover .btn_border_white {
	background: #ea257d;
	color: #fff;
	border-color: #ea257d
}

.acf-block-preview .box-carousel-arrows {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px
}

.acf-block-preview .box-carousel-arrows>div {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border: 1px solid #ea257d;
	transition: all .4s;
	transform: scale(1);
	cursor: pointer
}

.acf-block-preview .box-carousel-arrows>div>em {
	transition: all .4s;
	opacity: .5
}

.acf-block-preview .box-carousel-arrows>div:hover {
	transform: scale(1.2)
}

.acf-block-preview .box-carousel-arrows>div:hover>em {
	opacity: 1
}

.acf-block-preview .box-carousel {
	margin-top: 40px
}

.acf-block-preview .box-carousel .slick-dots {
	position: inherit
}

.acf-block-preview .box-carousel .slick-dots button:before {
	display: none
}

.acf-block-preview .box-carousel .slick-dots button {
	padding: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #fff;
	margin: 0;
	opacity: .3
}

.acf-block-preview .box-carousel .slick-dots .slick-active button {
	opacity: 1
}

.acf-block-preview .box-carousel .slick-dots li {
	width: auto;
	height: auto;
	margin: 0 8px
}

.acf-block-preview .review_badge {
	margin-left: 50px;
	width: 230px
}

.acf-block-preview .testimonial-arrows {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px
}

.acf-block-preview .testimonial-arrows>div {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #181818;
	border: 1px solid rgba(24, 24, 24, .22);
	transition: all .4s;
	transform: scale(1);
	cursor: pointer
}

.acf-block-preview .testimonial-arrows>div:hover {
	background: #ea257d;
	border-color: #ea257d;
	color: #fff;
	transform: scale(1.2)
}

.acf-block-preview .testimonial-box {
	font-style: italic;
	color: #575757;
	font-size: 18px;
	line-height: 30px;
	padding: 30px 30px 60px;
	border-bottom: 3px solid hsla(0, 0%, 43.9%, .45);
	position: relative;
	opacity: .4;
	transition: all .4s
}

.acf-block-preview .testimonial-box:hover {
	opacity: 1
}

.acf-block-preview .testimonial-box:after {
	position: absolute;
	content: "";
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 7px;
	background: #ea257d;
	opacity: 0;
	transition: all .4s
}

.acf-block-preview .testimonial-box:hover:after {
	opacity: 1
}

.acf-block-preview .testimonial-box .title {
	font-size: 26px;
	font-weight: 700;
	font-family: Kanit, sans-serif;
	color: #181818;
	margin: 0 0 10px;
	font-style: normal
}

.acf-block-preview .review-meta {
	display: flex;
	align-items: center;
	font-size: 16px;
	margin-top: 30px
}

.acf-block-preview .review-meta img {
	min-width: 60px;
	min-height: 60px;
	width: 60px;
	height: 60px;
	margin-right: 20px
}

.acf-block-preview .review-meta .name {
	font-size: 20px;
	font-weight: 600;
	font-family: Kanit, sans-serif;
	color: #181818;
	margin: 0;
	font-style: normal;
	line-height: 100%
}

.acf-block-preview .testimonial-slider .slick-current+div .testimonial-box,
.acf-block-preview .testimonial-slider .slick-current+div .testimonial-box:after {
	opacity: 1
}

.acf-block-preview .testimonial-slider {
	margin-top: 40px
}

.acf-block-preview .client-logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.acf-block-preview .company-box {
	padding: 20px 40px;
	border-radius: 10px;
	background: #f9f9f9;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	margin: 8px;
	width: calc(25% - 16px);
	transition: all .4s
}

.acf-block-preview .company-box:hover {
	box-shadow: 10px 10px 30px rgba(0, 0, 0, .05);
	background: #fff
}

.acf-block-preview .company-box img {
	filter: grayscale(1) brightness(1);
	mix-blend-mode: multiply;
	transition: all .4s
}

.acf-block-preview .company-box:hover img {
	filter: grayscale(0) brightness(1)
}

.acf-block-preview .cta-box.style1 {
	padding: 70px 150px;
	border-radius: 10px;
	background: #f9f9f9
}

.acf-block-preview .cta-box.style3 {
	padding: 70px 100px;
	border-radius: 10px;
	position: relative;
	z-index: 1
}

.acf-block-preview .cta-box.style1 .cta-btn {
	margin-top: 30px
}

.acf-block-preview .related-links {
	list-style: none;
	padding: 0;
	margin: 20px 0 0
}

.acf-block-preview .related-links li {
	display: inline-block;
	margin-right: 12px;
	margin-top: 12px
}

.acf-block-preview .related-links li a {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 8px;
	background: #fbfafc;
	color: #575757;
	font-style: italic;
	text-decoration: none
}

.acf-block-preview .related-links li a:hover {
	background: #ea257d;
	color: #fff
}

.acf-block-preview .bg_dark {
	background: #19181d
}

.acf-block-preview .footer-cta {
	padding: 50px 0;
	background: #222027
}

.acf-block-preview .footer-cta p {
	font-size: 18px;
	font-style: italic;
	color: hsla(0, 0%, 100%, .53);
	margin-bottom: 10px
}

.acf-block-preview .footer-cta a {
	font-weight: 700;
	color: #fff;
	font-family: Kanit, sans-serif;
	font-size: 40px;
	text-decoration: none
}

.acf-block-preview .counter.style2 {
	position: relative
}

.acf-block-preview .counter.style2 .num_pos {
	color: #cdbfd6;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 0;
	overflow: hidden;
	white-space: nowrap;
	font-size: 70px;
	font-weight: 700;
	line-height: 1;
	transition: width 3.6s ease
}

.acf-block-preview .counter.style2 .num {
	font-size: 70px;
	font-weight: 700;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #cdbfd6;
	display: block;
	margin-bottom: 4px;
	line-height: 1;
	font-family: Kanit, sans-serif
}

.acf-block-preview .counter.style2 p {
	color: #fff;
	font-size: 14px;
	font-style: normal
}

.acf-block-preview .footer-cta .icon {
	margin-right: 20px;
	width: 80px;
	height: 80px;
	min-width: 80px;
	min-height: 80px;
	border-radius: 50%;
	background: #ea257d;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px
}

.acf-block-preview .footer {
	padding: 70px 0
}

.acf-block-preview .footer-logo {
	max-width: 200px;
	margin-bottom: 30px
}

.acf-block-preview .footer a,
.acf-block-preview .footer p {
	color: #fff;
	font-size: 14px;
	line-height: 24px
}

.acf-block-preview .footer-social {
	margin: 25px 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .footer-social li {
	display: inline-block;
	margin-right: 10px
}

.acf-block-preview .footer-social li:last-child {
	margin-right: 0
}

.acf-block-preview .footer-social li a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: hsla(0, 0%, 100%, .2);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #19181d;
	text-decoration: none
}

.acf-block-preview .footer-social li a:hover {
	background: #ea257d;
	color: #fff
}

.acf-block-preview .footer-partner-logo>a {
	display: block;
	margin-right: 20px;
	text-decoration: none
}

.acf-block-preview .footer-title {
	font-size: 28px;
	margin-bottom: 30px;
	font-family: Kanit, sans-serif
}

.acf-block-preview .footer-links {
	-moz-column-count: 2;
	column-count: 2;
	margin: 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .footer-links li {
	display: block;
	margin-bottom: 8px
}

.acf-block-preview .footer-links li a {
	text-decoration: none
}

.acf-block-preview .footer-links li a:hover {
	text-decoration: underline
}

.acf-block-preview .footer-contact {
	margin: 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .footer-contact li {
	display: flex;
	align-items: center;
	margin-bottom: 15px
}

.acf-block-preview .footer-tel a {
	font-weight: 600;
	font-size: 24px;
	font-family: Kanit, sans-serif
}

.acf-block-preview .footer-contact li .icon {
	margin-right: 15px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: hsla(0, 0%, 100%, .2);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	transition: all .4s
}

.acf-block-preview .footer-contact li a {
	text-decoration: none
}

.acf-block-preview .footer-contact li a:hover {
	text-decoration: underline
}

.acf-block-preview .footer-contact li:hover .icon {
	background: #ea257d;
	color: #fff
}

.acf-block-preview .copyright a:hover {
	color: #ea257d;
	text-decoration: underline
}

.acf-block-preview .divider hr {
	margin: 0;
	border-color: #707070;
	opacity: .15
}

.acf-block-preview .bg_dark hr {
	border-color: #707070;
	opacity: .3
}

.acf-block-preview .copyright {
	padding: 30px 0
}

.acf-block-preview .copyright a,
.acf-block-preview .copyright p {
	font-size: 14px;
	color: #fff;
	font-family: Kanit, sans-serif;
	text-decoration: none
}

.acf-block-preview .footer-logo-bottom {
	height: 170px;
	overflow: hidden
}

.acf-block-preview .footer-logo-bottom img {
	width: 100%
}

.acf-block-preview .banner-area {
	position: relative;
	z-index: 1;
	padding-top: 90px;
	background: #181818
}

.acf-block-preview .banner-area:before,
.acf-block-preview .hero-area:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	content: "";
	background: linear-gradient(180deg, #181818, rgba(24, 24, 24, 0))
}

.acf-block-preview .banner-area .banner_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -1;
	mix-blend-mode: luminosity
}

.acf-block-preview .banner-text p {
	color: #9d9d9d
}

.acf-block-preview .breadcrumb_navigation {
	padding-bottom: 60px
}

.acf-block-preview .breadcrumb_navigation ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .breadcrumb_navigation ul li {
	display: inline-block;
	position: relative;
	color: hsla(0, 0%, 100%, .61);
	font-size: 15px;
	margin-left: 10px;
	padding-left: 20px;
	font-family: Kanit, sans-serif
}

.acf-block-preview .breadcrumb_navigation ul li:first-child {
	margin-left: 0;
	padding-left: 0
}

.acf-block-preview .breadcrumb_navigation ul li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "|";
	color: #fff;
	opacity: .5
}

.acf-block-preview .breadcrumb_navigation ul li:first-child:before {
	display: none
}

.acf-block-preview .breadcrumb_navigation ul li a {
	color: #fff;
	opacity: .4;
	text-decoration: none
}

.acf-block-preview .link_text_down {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-top: 30px;
	text-decoration: none
}

.acf-block-preview .link_text_down strong {
	position: relative
}

.acf-block-preview .link_text_down strong:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform .3s
}

.acf-block-preview .link_text_down strong:hover:after {
	transform-origin: bottom left;
	transform: scaleX(1)
}

.acf-block-preview .link_text_down span {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #ea257d;
	display: block;
	position: relative;
	margin-left: 12px
}

.acf-block-preview .link_text_down span:after {
	position: absolute;
	content: "";
	left: 50%;
	top: 45%;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: translate(-50%, -50%) rotate(-45deg);
	width: 7px;
	height: 7px
}

.acf-block-preview .awards-box-container {
	position: relative
}

.acf-block-preview .awards-box-container .inner-box {
	padding: 50px;
	transition: all .4s;
	border-radius: 10px;
	margin-left: 120px;
	position: relative;
	z-index: 1;
	margin-bottom: 15px
}

.acf-block-preview .award-badges {
	left: -120px;
	width: 70px;
	height: 70px;
	position: absolute;
	left: -130px;
	top: 42px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #fff;
	padding: 16px;
	transition: all .4s
}

.acf-block-preview .award-badges img {
	position: relative;
	z-index: 1
}

.acf-block-preview .awards-box-container .inner-box:hover .award-badges {
	box-shadow: 10px 10px 30px rgba(0, 0, 0, .06)
}

.acf-block-preview .award-list {
	margin: 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .award-list li {
	padding-left: 85px;
	position: relative;
	margin-bottom: 30px
}

.acf-block-preview .award-list li img {
	position: absolute;
	top: -3px;
	left: 0;
	width: 65px;
	mix-blend-mode: luminosity;
	filter: grayscale(1)
}

.acf-block-preview .awards-box-container .inner-box:after {
	position: absolute;
	top: 80px;
	left: -8px;
	width: 20px;
	height: 20px;
	content: "";
	background: #fff;
	transform: rotate(45deg)
}

.acf-block-preview .awards-box-container .inner-box:hover {
	box-shadow: 10px 30px 50px rgba(0, 0, 0, .08)
}

.acf-block-preview .awrads_year {
	color: #ea257d
}

.acf-block-preview .awards-box-container .line-container {
	height: calc(100% - 290px);
	width: 16px;
	margin: 0 auto;
	position: absolute;
	left: 23px;
	top: 70px
}

.acf-block-preview .awards-box-container svg {
	height: 100%;
	width: 100%;
	display: block
}

.acf-block-preview .awards-box-container .theLine {
	stroke: url(#lineGradient);
	stroke-width: 2;
	fill: none
}

.acf-block-preview .banner_tags {
	padding: 0;
	list-style: none;
	margin: 0 0 20px
}

.acf-block-preview .banner_tags li {
	display: inline-block;
	margin-right: 10px
}

.acf-block-preview .banner_tags li a {
	display: block;
	padding: 7px 15px;
	border-radius: 3px;
	background: #ea257d;
	color: #fff;
	font-size: 14px;
	line-height: 100%;
	text-decoration: none
}

.acf-block-preview .banner-area .hero-bottom {
	margin-top: 20px;
	padding-left: 0
}

.acf-block-preview .plain-content h2,
.acf-block-preview .plain-content h3,
.acf-block-preview .plain-content h4,
.acf-block-preview .plain-content h5,
.acf-block-preview .plain-content h6 {
	font-weight: 600
}

.acf-block-preview .plain-content img {
	margin: 30px 0
}

.acf-block-preview .plain-content ul {
	padding: 0;
	list-style: none;
	margin: 0 0 25px
}

.acf-block-preview .plain-content ul li {
	padding-left: 20px;
	position: relative;
	margin-bottom: 10px
}

.acf-block-preview .plain-content ul li:before {
	position: absolute;
	content: "";
	top: 7px;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #cdbfd6
}

.acf-block-preview .post-author-box {
	margin-top: 30px;
	padding: 30px 0;
	border-top: 1px solid #ea257d;
	border-bottom: 1px solid #ea257d;
	display: flex
}

.acf-block-preview .post-author-box .image {
	min-width: 75px;
	width: 75px;
	max-width: 75px;
	min-height: 75px;
	height: 75px;
	max-height: 75px;
	border-radius: 50%;
	padding: 6px;
	border: 1px solid #ea257d;
	margin-right: 20px
}

.acf-block-preview .post-author-box .image img {
	margin: 0;
	border-radius: 2222px
}

.acf-block-preview .post-author-box .title {
	font-family: Kanit, sans-serif;
	font-size: 24px;
	line-height: 37px;
	color: #181818
}

.acf-block-preview .post-author-box p {
	font-style: italic
}

.acf-block-preview .sidebar-widegt {
	margin-bottom: 40px
}

.acf-block-preview .sidebar-widegt:last-child {
	margin-bottom: 0
}

.acf-block-preview .post-right {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.acf-block-preview .sidebar-widegt .side_form {
	background-color: #181818;
	border-radius: 10px;
	padding: 25px
}

.acf-block-preview .side_form .title {
	font-size: 28px;
	line-height: 26px;
	margin-bottom: 10px
}

.acf-block-preview .sidebar-widegt p {
	font-style: italic;
	font-size: 14px
}

.acf-block-preview .side_form form {
	margin-top: 20px
}

.acf-block-preview .side_form input {
	width: 100%;
	height: 60px;
	border-radius: 10px;
	border: 1px solid hsla(0, 0%, 100%, .09);
	padding: 10px 20px;
	background: transparent;
	color: #fff;
	font-size: 16px
}

.acf-block-preview .side_form button {
	margin-top: 20px;
	padding: 13px 20px;
	font-size: 16px
}

.acf-block-preview .post-single-page .main-wrapper {
	overflow: inherit
}

.acf-block-preview .sidebar-widegt .title {
	font-size: 28px
}

.acf-block-preview .sidebar_links {
	padding: 0;
	list-style: none;
	margin: 18px 0 0
}

.acf-block-preview .sidebar_links li {
	margin-top: 8px
}

.acf-block-preview .sidebar_links li a {
	color: #848484;
	text-decoration: none
}

.acf-block-preview .sidebar_links li a:hover {
	text-decoration: underline;
	color: #ea257d
}

.acf-block-preview .side-calculator {
	border-radius: 10px;
	padding: 30px;
	background: #fafafa;
	position: relative
}

.acf-block-preview .side-calculator .inner {
	width: 50%
}

.acf-block-preview .side-calculator img {
	position: absolute;
	width: 35%;
	top: -20px;
	right: 35px
}

.acf-block-preview .side-calculator .cta-btn {
	margin-top: 25px;
	padding: 13px 20px;
	width: 100%
}

.acf-block-preview .newsletter-area p {
	color: #9d9d9d
}

.acf-block-preview .newsletter-form form {
	position: relative;
	height: 63px;
	width: 80%;
	border-radius: 10px;
	background: #fff;
	margin-top: 30px
}

.acf-block-preview .newsletter-form input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	padding: 10px 20px;
	background: transparent;
	color: #181818;
	font-size: 16px
}

.acf-block-preview .newsletter-form button {
	position: absolute;
	right: 7px;
	height: calc(100% - 15px);
	padding: 6px 15px;
	font-size: 16px;
	top: 50%;
	transform: translateY(-50%);
	min-width: 150px
}

.acf-block-preview .newsletter-area .content-img {
	margin-top: -100px
}

.acf-block-preview .single-post-content {
	padding-bottom: 100px
}

.acf-block-preview .related-slider .slick-list {
	margin-left: -20px;
	margin-right: -20px
}

.acf-block-preview .related-slider .slide {
	padding: 0 15px
}

.acf-block-preview .box.style4 {
	position: relative;
	margin-top: 30px;
	z-index: 1;
	display: block;
	text-decoration: none
}

.acf-block-preview .box.style4 .image {
	overflow: hidden;
	border-radius: 10px;
	height: 260px
}

.acf-block-preview .box.style4 .image img {
	box-shadow: -30px 20px 50px rgba(0, 0, 0, .07);
	border-radius: 10px;
	transition: all .4s;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.acf-block-preview .box.style4 .text {
	padding-top: 20px
}

.acf-block-preview .box.style4 ul {
	display: flex;
	align-items: center;
	padding: 0;
	list-style: none;
	margin: 0 0 5px
}

.acf-block-preview .box.style4 li {
	display: inline-flex;
	align-items: center;
	color: #575757;
	margin-right: 20px;
	font-size: 14px
}

.acf-block-preview .box.style4 li img {
	margin-right: 15px
}

.acf-block-preview .box.style4 .title {
	font-size: 24px;
	color: #181818;
	line-height: 32px
}

.acf-block-preview .box.style4:hover {
	transform: translateY(-15px)
}

.acf-block-preview .post_by img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px
}

.acf-block-preview .large-post .text {
	display: flex;
	justify-content: space-between
}

.acf-block-preview .large-post .text li {
	margin-right: 8px
}

.acf-block-preview .large-post .text li:last-child {
	margin-right: 0
}

.acf-block-preview .large-post .text li img {
	margin-right: 10px
}

.acf-block-preview .large-post .text ul {
	min-width: 255px;
	width: 255px
}

.acf-block-preview .large-post.box.style4 .image {
	height: 370px
}

.acf-block-preview .small-post.box.style4 .title {
	font-size: 17px;
	line-height: normal
}

.acf-block-preview .small-post.box.style4 .image {
	height: 125px
}

.acf-block-preview .box.style4.small-post .text {
	padding-top: 0
}

.acf-block-preview .pt_40 {
	padding-top: 40px
}

.acf-block-preview .pb_100 {
	padding-bottom: 100px
}

.acf-block-preview .paginations ul {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	padding-left: 0
}

.acf-block-preview .paginations ul li {
	display: inline-flex;
	margin: 0 5px
}

.acf-block-preview .paginations li a {
	color: #9d9d9d;
	opacity: .55;
	font-family: Kanit, sans-serif;
	display: block;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none
}

.acf-block-preview .paginations li a:hover {
	opacity: 1;
	color: #ea257d
}

.acf-block-preview .paginations .next,
.acf-block-preview .paginations .prev {
	color: #181818;
	font-size: 16px;
	opacity: 1;
	width: auto;
	height: auto
}

.acf-block-preview .paginations em {
	margin: 0 9px
}

.acf-block-preview .paginations {
	margin-top: 60px
}

.acf-block-preview .banner-area.style2,
.acf-block-preview .banner-area.style2 .breadcrumb_navigation {
	padding-bottom: 120px
}

.acf-block-preview .content-text .list_with_icon {
	margin: 20px 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .list_with_icon li {
	margin-bottom: 15px;
	position: relative;
	display: flex;
	align-items: center
}

.acf-block-preview .list_with_icon img {
	width: 40px;
	margin-right: 20px;
	height: 45px
}

.acf-block-preview .about-area.alt {
	position: relative;
	z-index: 1
}

.acf-block-preview .about-area {
	padding-top: 120px;
	height: 850px
}

.acf-block-preview .about-area .container {
	position: relative
}

.acf-block-preview .abt-1 {
	position: absolute;
	top: 0;
	width: 275px;
	left: 22%;
	box-shadow: 30px 30px 50px rgba(0, 0, 0, .12)
}

.acf-block-preview .alt .abt-1 {
	left: auto;
	right: -10%;
	top: 60px;
	width: 196px
}

.acf-block-preview .abt-2 {
	position: absolute;
	top: -40px;
	width: 340px;
	left: -130px
}

.acf-block-preview .abt-3 {
	position: absolute;
	left: -295px;
	width: 460px;
	bottom: -370px
}

.acf-block-preview .about-area.alt .abt-3 {
	bottom: -435px
}

.acf-block-preview .abt-4 {
	position: absolute;
	bottom: -400px;
	left: 265px;
	width: 665px
}

.acf-block-preview .about-area.alt .abt-4 {
	bottom: -420px
}

.acf-block-preview .abt-5 {
	position: absolute;
	right: -205px;
	width: 395px;
	bottom: -390px;
	box-shadow: -30px 30px 50px rgba(0, 0, 0, .12)
}

.acf-block-preview .about-area.alt .abt-5 {
	bottom: -440px
}

.acf-block-preview .about-area .shape-2 {
	position: absolute;
	bottom: -300px;
	left: 0;
	z-index: -1
}

.acf-block-preview .text_70 {
	font-size: 70px;
	line-height: 100%
}

.acf-block-preview .about-area.alt {
	font-size: 22px;
	color: rgba(205, 191, 214, .9);
	line-height: 32px
}

.acf-block-preview .about-area.alt .shape_heading {
	margin-bottom: 20px
}

.acf-block-preview .shape_heading span {
	position: relative
}

.acf-block-preview .shape_heading span:after {
	position: absolute;
	content: "";
	bottom: 15px;
	height: 15px;
	width: 106%;
	background: url(../img/heading-shape.svg) no-repeat scroll 50%/contain;
	left: -7px;
	transition: all 3s;
	transform: scaleX(0);
	transform-origin: left;
	z-index: -1
}

.acf-block-preview .aos-animate.shape_heading span:after,
.acf-block-preview .aos-animate .shape_heading span:after {
	transform: scaleX(1);
	transition-delay: 1.5s
}

.acf-block-preview .counter_box {
	border-radius: 10px;
	margin: 14px 0;
	padding: 30px 20px;
	background: #f5f5f5;
	text-align: center;
	position: relative;
	z-index: 1
}

.acf-block-preview .counter_box.style2 {
	background: hsla(0, 0%, 96.1%, .04)
}

.acf-block-preview .counter_box .num {
	font-weight: 700;
	font-size: 90px;
	margin-bottom: 10px;
	display: flex !important;
	justify-content: center;
	align-items: flex-end;
	text-align: left;
	line-height: 100%
}

.acf-block-preview .counter_box.style2 p {
	color: #9d9d9d
}

.acf-block-preview .counter_box em {
	color: #ff9502;
	font-size: 25px;
	margin-bottom: 15px;
	margin-left: 5px
}

.acf-block-preview .about-circle-shape {
	position: absolute;
	right: -300px;
	z-index: -1
}

.acf-block-preview .jobs-position-tag {
	margin: 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .jobs-position-tag li {
	display: inline-block;
	background: hsla(0, 0%, 61.6%, .15);
	border-radius: 3px;
	font-size: 14px;
	line-height: 20px;
	color: #575757;
	margin-right: 5px;
	padding: 5px 10px;
	transition: all .4s;
	margin-bottom: 5px
}

.acf-block-preview .jobs-position-tag li a {
	text-decoration: none
}

.acf-block-preview .jobpositions .accordion-button:not(.collapsed) .jobs-position-tag li a {
	color: #fff
}

.acf-block-preview .jobs-position-tag li:last-child {
	margin-right: 0
}

.acf-block-preview .jobpositions .accordion-button {
	border: none;
	border-radius: 0 !important;
	box-shadow: none;
	display: block;
	background: #fff;
	box-shadow: 20px 20px 50px rgba(0, 0, 0, .04);
	padding: 32px 40px;
	border-radius: 10px !important;
	position: relative
}

.acf-block-preview .jobpositions .accordion-button:not(.collapsed) {
	background-color: #181818;
	color: #fff
}

.acf-block-preview .jobpositions .accordion-button:not(.collapsed) .jobs-position-tag li {
	color: #fff;
	background: #ea257d
}

.acf-block-preview .jobpositions .accordion-item {
	border: none;
	box-shadow: none;
	border-radius: 10px !important;
	margin-top: 20px
}

.acf-block-preview .jobpositions .accordion-button span {
	font-size: 26px;
	font-family: Kanit, sans-serif;
	margin-top: 20px;
	display: block
}

.acf-block-preview .jobpositions .accordion-body {
	border-radius: 10px;
	background: #181818;
	color: #9d9d9d;
	padding: 50px 40px 40px;
	margin-top: -50px
}

.acf-block-preview .plus-minus {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 !important
}

.acf-block-preview .plus-minus:after {
	width: 100%;
	height: 2px;
	background: #9d9d9d;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.acf-block-preview .plus-minus:before {
	width: 2px;
	height: 100%;
	background: #9d9d9d;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .4s
}

.acf-block-preview .jobpositions .accordion-button:not(.collapsed) .plus-minus:before {
	opacity: 0
}

.acf-block-preview .content-text .list_disc_pink,
.acf-block-preview .progress-content ul {
	margin: 20px 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .list_disc_pink li,
.acf-block-preview .progress-content ul li {
	position: relative;
	padding-left: 20px;
	display: block;
	margin: 12px 0
}

.acf-block-preview .list_disc_pink li:before,
.acf-block-preview .progress-content ul li:before {
	position: absolute;
	top: 7px;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ea257d;
	content: ""
}

.acf-block-preview .apply_form {
	padding: 26px;
	background-color: #fff;
	box-shadow: 30px 30px 50px rgba(0, 0, 0, .04);
	border-radius: 10px
}

.acf-block-preview .apply_form input {
	width: 100%;
	height: 60px;
	background: transparent;
	border: none;
	border-bottom: 1px solid hsla(0, 0%, 61.6%, .34);
	padding: 10px 0;
	font-size: 15px;
	font-family: Kanit, sans-serif
}

.acf-block-preview .apply_form input::-moz-placeholder {
	color: #181818;
	font-family: Kanit, sans-serif;
	font-weight: 300;
	opacity: 1
}

.acf-block-preview .apply_form input:-ms-input-placeholder {
	color: #181818;
	font-family: Kanit, sans-serif;
	font-weight: 300;
	opacity: 1
}

.acf-block-preview .apply_form input::placeholder {
	color: #181818;
	font-family: Kanit, sans-serif;
	font-weight: 300;
	opacity: 1
}

.acf-block-preview .apply_form form {
	margin-top: 10px
}

.acf-block-preview .apply_form ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .apply_form li {
	margin-bottom: 15px
}

.acf-block-preview .apply_form button {
	width: 100%;
	display: block
}

.acf-block-preview .file_upload label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-image: linear-gradient(90deg, hsla(0, 0%, 61.6%, .34) 33%, hsla(0, 0%, 100%, 0) 0);
	background-position: bottom;
	background-size: 10px 1px;
	background-repeat: repeat-x;
	font-family: Kanit, sans-serif;
	font-size: 15px;
	font-weight: 300;
	height: 60px;
	color: #181818
}

.acf-block-preview .file_upload span {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: rgba(24, 24, 24, .27);
	font-size: 12px
}

.acf-block-preview .file_upload input {
	display: none
}

.acf-block-preview .file_upload img {
	margin-left: 10px
}

.acf-block-preview .apply_form .title {
	font-size: 24px
}

.acf-block-preview .sticky_top {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.acf-block-preview .box.style5 {
	padding: 35px;
	border-radius: 10px;
	background: #fbfafc;
	text-decoration: none;
	height: calc(100% - 30px)
}

.acf-block-preview .box.style5 .title {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 0
}

.acf-block-preview .box.style5 .jobs-position-tag li a,
.acf-block-preview .box.style5 .title a {
	text-decoration: none
}

.acf-block-preview .box.style5:hover {
	background: #181818;
	transform: translateY(-10px);
	color: #fff;
	box-shadow: 20px 20px 50px rgba(0, 0, 0, .04)
}

.acf-block-preview .box.style5:hover .jobs-position-tag li {
	background: #ea257d;
	color: #fff
}

.acf-block-preview .box.style5:hover .jobs-position-tag li a,
.acf-block-preview .box.style5:hover .title a {
	color: #fff
}

.acf-block-preview .contact-cta {
	padding: 25px;
	border-radius: 10px;
	background: #1d1d1d;
	margin-top: 30px
}

.acf-block-preview .contact-cta .image {
	margin-right: 20px;
	width: 130px;
	height: 130px;
	min-width: 130px;
	max-width: 130px;
	min-height: 130px;
	max-height: 130px;
	border-radius: 50%;
	border: 1px solid #ea257d
}

.acf-block-preview .contact-cta .image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	padding: 10px;
	border-radius: 50%
}

.acf-block-preview .banner-area .content-text .contact-cta p {
	font-size: 18px;
	color: #9d9d9d;
	font-style: italic
}

.acf-block-preview .contact-cta a {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	font-family: Kanit, sans-serif;
	text-decoration: none
}

.acf-block-preview .c_form {
	padding: 60px;
	border-radius: 10px;
	box-shadow: 30px 30px 50px rgba(0, 0, 0, .04);
	margin-top: -450px;
	position: relative;
	background: #fff;
	z-index: 1
}

.acf-block-preview .text_blue {
	color: #ea257d
}

.acf-block-preview .c_form form {
	margin-top: 30px
}

.acf-block-preview .c_form ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .c_form li {
	margin-bottom: 25px
}

.acf-block-preview .c_form input,
.acf-block-preview .c_form textarea {
	width: 100%;
	height: 65px;
	padding: 10px 0;
	border: none;
	border-bottom: 1px solid hsla(0, 0%, 61.6%, .34);
	color: #181818;
	font-weight: 500;
	font-size: 16px;
	font-family: Kanit, sans-serif
}

.acf-block-preview .c_form input::-moz-placeholder,
.acf-block-preview .c_form textarea::-moz-placeholder {
	color: #181818
}

.acf-block-preview .c_form input:-ms-input-placeholder,
.acf-block-preview .c_form textarea:-ms-input-placeholder {
	color: #181818
}

.acf-block-preview .c_form input::placeholder,
.acf-block-preview .c_form textarea::placeholder {
	color: #181818
}

.acf-block-preview .c_form textarea {
	height: 170px
}

.acf-block-preview .c_form button {
	display: block;
	width: 100%
}

.acf-block-preview .map_img {
	position: relative
}

.acf-block-preview .map_img em {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	-webkit-animation: mover 1s infinite alternate;
	animation: mover 1s infinite alternate;
	font-size: 42px;
	color: #ea257d
}

@-webkit-keyframes mover {
	0% {
		transform: translateY(0)
	}

	to {
		transform: translateY(-10px)
	}
}

@keyframes mover {
	0% {
		transform: translateY(0)
	}

	to {
		transform: translateY(-10px)
	}
}

.acf-block-preview .map_img .inner {
	padding: 40px;
	border-radius: 10px;
	background: #181818;
	position: absolute;
	width: 340px;
	bottom: 50px;
	left: 70px
}

.acf-block-preview .map_img p {
	font-style: italic;
	color: #cbcbcb
}

.acf-block-preview .map_img .title {
	font-size: 40px;
	font-family: Kanit, sans-serif
}

.acf-block-preview .single_reviews {
	background: #fff;
	border: 1px solid rgba(87, 87, 87, .15);
	padding: 50px;
	border-radius: 10px
}

.acf-block-preview .testimonial .head {
	display: flex;
	position: relative;
	align-items: center;
	margin-bottom: 30px
}

.acf-block-preview .testimonial .quotes-icon {
	margin-right: 20px;
	background: url(../img/quotes-icon-large.webp) no-repeat 50%;
	width: 65px;
	height: 55px;
	background-size: 100%;
	display: block
}

.acf-block-preview .testimonial .title {
	color: #181818;
	font-size: 26px;
	font-family: Kanit, sans-serif
}

.acf-block-preview .single_reviews p {
	line-height: 34px;
	font-size: 22px;
	font-style: italic
}

.acf-block-preview .testimonial.single_reviews .meta {
	margin-top: 30px
}

.acf-block-preview .testimonial.single_reviews .meta .img {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	margin-right: 20px;
	min-width: 65px
}

.acf-block-preview .testimonial.single_reviews .meta img {
	width: 100%;
	height: 100%
}

.acf-block-preview .testimonial.single_reviews .meta span {
	font-size: 20px;
	color: #181818;
	font-family: Kanit, sans-serif
}

.acf-block-preview .testimonial.single_reviews .meta p {
	font-size: 18px;
	font-style: normal
}

.acf-block-preview .hero-bottom.centered {
	margin-top: 50px;
	padding-left: 50px
}

.acf-block-preview .mx_img {
	max-width: 650px;
	float: right
}

.acf-block-preview .section-heading {
	width: 85%;
	margin: 0 auto 30px
}

.acf-block-preview .icon-teaser.style1 {
	margin-top: 30px;
	height: calc(100% - 30px);
	border: 1px solid rgba(87, 87, 87, .2);
	border-radius: 10px;
	padding: 40px;
	transition: all .4s
}

.acf-block-preview .icon-teaser.style1:not(.fill_box):hover,
.acf-block-preview .icon-teaser.style2:hover {
	border-color: #fff;
	background: #fff;
	box-shadow: 30px 0 50px rgba(0, 0, 0, .04)
}

.acf-block-preview .icon-teaser.style2:hover .title {
	color: #181818
}

.acf-block-preview .icon-teaser.style1 .title {
	font-size: 22px;
	font-weight: 600;
	font-family: Kanit, sans-serif;
	margin-bottom: 15px
}

.acf-block-preview .icon-teaser.style1 img {
	height: 80px;
	margin-bottom: 20px
}

.acf-block-preview .bg_gradient_gray {
	background: linear-gradient(180deg, hsla(0, 0%, 97.6%, .67), hsla(0, 0%, 97.6%, 0))
}

.acf-block-preview .calculator_form {
	background: #fbfafc;
	border-radius: 10px;
	padding: 40px 70px 70px
}

.acf-block-preview .calculator_form ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .calculator_form .label,
.acf-block-preview .calculator_form label,
.acf-block-preview .calculator_form legend {
	color: #181818;
	font-family: Kanit, sans-serif;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize
}

.acf-block-preview .calculator_form input,
.acf-block-preview .calculator_form select {
	background: hsla(0, 0%, 45.1%, .04);
	height: 60px;
	border-radius: 10px;
	padding: 10px 20px;
	width: 100%;
	border: none
}

.acf-block-preview .calculator_form input[type=checkbox],
.acf-block-preview .calculator_form input[type=radio] {
	width: auto;
	height: auto;
	padding: 0;
	display: none
}

.acf-block-preview .calculator_form form>ul>li {
	margin-top: 30px
}

.acf-block-preview .custom_radio li {
	display: inline-block;
	margin-right: 20px
}

.acf-block-preview .custom_radio label {
	padding-left: 32px;
	font-size: 16px;
	font-weight: 400;
	font-family: Roboto, sans-serif;
	color: #575757;
	position: relative
}

.acf-block-preview .custom_radio label:before {
	position: absolute;
	content: "";
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #bababa
}

.acf-block-preview .custom_radio label:after {
	position: absolute;
	content: "";
	top: 6px;
	left: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ea257d;
	transform: scale(0);
	transition: all .4s
}

.acf-block-preview .custom_radio input[type=checkbox]:checked+label:after,
.acf-block-preview .custom_radio input[type=radio]:checked+label:after {
	transform: scale(1)
}

.acf-block-preview .calculator_form .range_slide {
	display: flex;
	align-items: center;
	margin: 12px 0
}

.acf-block-preview .range_slide .inner {
	margin: 10px 0
}

.acf-block-preview .noUi-target {
	background: hsla(0, 0%, 45.1%, .1);
	border: none;
	box-shadow: none;
	height: 16px;
	border-radius: 20px
}

.acf-block-preview .noUi-connect {
	background: #ea257d
}

.acf-block-preview .noUi-handle {
	border: none;
	border-radius: 50%;
	cursor: pointer;
	background: #fff;
	width: 20px !important;
	height: 20px !important;
	top: -3px !important
}

.acf-block-preview .noUi-handle:after,
.acf-block-preview .noUi-handle:before {
	display: none
}

.acf-block-preview .noUi-horizontal .noUi-handle {
	margin-left: -8px
}

.acf-block-preview .range_slide .price {
	font-weight: 700;
	background: #fff;
	padding: 8px 20px;
	min-width: 100px;
	text-align: center;
	margin-left: auto;
	border-radius: 5px
}

.acf-block-preview .noUi-connects {
	border-radius: 20px !important
}

.acf-block-preview .calculator_form .range_slide .inner {
	min-width: 500px;
	margin-right: 30px
}

.acf-block-preview .range_slide .label {
	min-width: 33%
}

.acf-block-preview .calculator_form label {
	margin-bottom: 10px
}

.acf-block-preview .custom_radio label {
	margin-bottom: 0
}

.acf-block-preview .progress-circles {
	display: flex;
	gap: 40px;
	justify-content: center;
	margin-top: 50px
}

.acf-block-preview .progress-circles .circle {
	width: 100px;
	height: 100px;
	position: relative;
	font-weight: 700;
	font-size: 20px;
	text-align: center
}

.acf-block-preview .progress-circles .circle svg {
	transform: rotate(-90deg);
	width: 100px;
	height: 100px
}

.acf-block-preview .progress-circles .circle circle {
	fill: none;
	stroke-width: 7;
	stroke-linecap: round
}

.acf-block-preview .progress-circles .circle .bg {
	stroke: #ddd
}

.acf-block-preview .progress-circles .circle .progress {
	stroke: transparent;
	stroke-dasharray: 0 100;
	transition: stroke .3s linear
}

.acf-block-preview .progress-circles .circle .value {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	font-size: 26px;
	color: #000;
	transform: translateY(-50%);
	font-family: Kanit, sans-serif;
	font-weight: 700
}

.acf-block-preview .progress-circles .circle .label {
	font-size: 12px;
	position: absolute;
	bottom: -22px;
	left: 0;
	right: 0;
	color: #555
}

.acf-block-preview .progress-circles .circle.scale-up {
	transform: scale(1.2);
	transition: transform .3s ease-in-out
}

.acf-block-preview .progress-bar {
	width: 0;
	transition: width 1s ease-in-out
}

.acf-block-preview .bar_progress {
	margin-top: 60px
}

.acf-block-preview .bar_progress .heading {
	font-size: 22px
}

.acf-block-preview .pr_heading {
	position: relative;
	padding-left: 20px;
	color: #575757;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px
}

.acf-block-preview .pr_heading:before {
	position: absolute;
	content: "";
	top: 7px;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(87, 87, 87, .19)
}

.acf-block-preview .bar_progress .progress {
	background: #181818;
	border-radius: 50px
}

.acf-block-preview .bar_progress .progress-bar {
	background-color: #4caf50;
	border-radius: 30px
}

.acf-block-preview .bar_progress .title {
	font-weight: 700;
	font-size: 12px
}

.acf-block-preview .pr_box {
	margin: 25px 0
}

.acf-block-preview .mx_img_right {
	max-width: 1000px
}

.acf-block-preview .cta-area.style2 {
	background: #181818;
	position: relative;
	z-index: 1;
	padding: 120px 0
}

.acf-block-preview .cta-area.style2 .bg_image {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -1
}

.acf-block-preview .cta-area.style2:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #181818, #181818 21%, rgba(24, 24, 24, .61))
}

.acf-block-preview .cta-area.style2 .container {
	position: relative;
	z-index: 1
}

.acf-block-preview .cta-text {
	color: #9d9d9d
}

.acf-block-preview .cta-area.style2 .shape {
	position: absolute;
	top: 0;
	left: -180px;
	height: 100%
}

.acf-block-preview .cta-area.style2 .text_shape {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
	z-index: 0;
	mix-blend-mode: overlay
}

.acf-block-preview .timeline-content {
	padding: 50px 60px;
	background: #fff;
	box-shadow: 20px 0 50px rgba(0, 0, 0, .05)
}

.acf-block-preview .timeline-item {
	padding-top: 90px;
	position: relative;
	z-index: 11
}

.acf-block-preview .timeline-item:nth-child(2) {
	padding-top: 30px
}

.acf-block-preview .timeline-number {
	text-align: center;
	font-family: Kanit, sans-serif;
	font-weight: 700;
	color: #181818;
	font-size: 40px;
	line-height: 120%
}

.acf-block-preview .timeline-number .title span {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: #f5f5f5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 7px;
	transition: all .4s
}

.acf-block-preview .scrolled-down.timeline-item .title span {
	background: #ea257d;
	color: #fff
}

.acf-block-preview .timeline-wrapper {
	position: relative
}

.acf-block-preview .timeline_shape {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 210px;
	z-index: 1
}

.acf-block-preview .timeline_shape img {
	position: absolute;
	height: 88%;
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}

.acf-block-preview .timeline_shape span {
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 10%, #fff);
	width: 100%;
	height: 100%;
	transition: all .5s
}

.acf-block-preview .timeline_shape.t2-act span {
	height: 80%
}

.acf-block-preview .timeline_shape.t3-act span {
	height: 60%
}

.acf-block-preview .timeline_shape.t4-act span {
	height: 40%
}

.acf-block-preview .timeline_shape.t5-act span {
	height: 20%
}

.acf-block-preview .timeline_shape.t6-act span {
	height: 0%
}

.acf-block-preview .cta-inner.style3 {
	padding: 60px;
	position: relative;
	z-index: 1
}

.acf-block-preview .cta-inner.style3 .cta_img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60%;
	height: 104%;
	-o-object-fit: cover;
	object-fit: cover
}

.acf-block-preview .cta-inner.style3 .shape {
	position: absolute;
	top: -50px;
	width: 700px;
	left: 43%;
	transform: translateX(-50%);
	z-index: -1
}

.acf-block-preview .n_top_200 {
	padding-top: 270px;
	margin-top: -200px
}

.acf-block-preview .faq-header a {
	display: block;
	border-radius: 10px;
	padding: 18px 30px;
	border: 1px solid hsla(0, 0%, 43.9%, .2);
	font-weight: 600;
	color: #181818;
	font-size: 16px;
	background: #fff;
	position: relative;
	font-family: Kanit, sans-serif;
	text-decoration: none
}

.acf-block-preview .faq-body {
	background: hsla(0, 0%, 93.7%, .25);
	border-radius: 10px;
	padding: 50px 30px 40px 40px;
	margin-top: -32px
}

.acf-block-preview .faq-header a[aria-expanded=true] {
	background: #181818;
	color: #fff
}

.acf-block-preview .faq-card {
	margin-top: 20px
}

.acf-block-preview .accordion_faq {
	margin-top: 50px
}

.acf-block-preview .faq-header a span {
	position: absolute;
	top: 50%;
	right: 20px;
	border: 2px solid transparent;
	line-height: 1;
	text-align: center;
	border-radius: 50%;
	font-weight: 400;
	font-size: 17px;
	transform: translateY(-50%);
	transition: all .3s;
	color: #181818
}

.acf-block-preview .faq-header a[aria-expanded=true] span {
	transform: rotate(180deg) translateY(50%);
	color: #fff
}

.acf-block-preview .sticky-sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 20px
}

.acf-block-preview .table_content {
	border-radius: 10px;
	border: 1px solid hsla(0, 0%, 43.9%, .16);
	margin-right: 50px;
	margin-top: 30px;
	list-style: none;
	padding: 0
}

.acf-block-preview .table_content li {
	display: block;
	border-bottom: 1px solid hsla(0, 0%, 43.9%, .16)
}

.acf-block-preview .table_content li a {
	display: block;
	padding: 15px 30px;
	color: #9d9d9d;
	position: relative;
	text-decoration: none
}

.acf-block-preview .table_content li a.active {
	color: #575757;
	text-decoration: underline;
	padding-left: 38px
}

.acf-block-preview .table_content li a:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 25px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #cdbfd6;
	opacity: 0;
	transition: all .4s
}

.acf-block-preview .table_content li a:hover {
	color: #575757;
	text-decoration: underline;
	padding-left: 38px
}

.acf-block-preview .table_content li a.active:after,
.acf-block-preview .table_content li a:hover:after {
	opacity: 1
}

.acf-block-preview .inner-content-text {
	margin-bottom: 30px
}

.acf-block-preview .inner-content-text:last-child {
	margin-bottom: 0
}

.acf-block-preview .inner-content-text img {
	margin: 30px 0
}

.acf-block-preview .cta-box.style5 {
	background: #181818;
	position: relative;
	z-index: 1;
	font-size: 18px;
	color: #9d9d9d;
	padding: 110px 0
}

.acf-block-preview .cta-box.style5 .cta_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-o-object-fit: cover;
	object-fit: cover
}

.acf-block-preview .banner-text {
	font-size: 18px;
	line-height: 30px
}

.acf-block-preview .banner-area.style2 .hero-bottom {
	margin-top: 50px
}

.acf-block-preview .icon-teaser.style2 {
	height: 100%;
	border: 1px solid rgba(87, 87, 87, .2);
	border-radius: 10px;
	padding: 40px;
	transition: all .4s
}

.acf-block-preview .icon-teaser.style2 img {
	height: 55px;
	margin-bottom: 20px
}

.acf-block-preview .icon-teaser.style2 .title {
	font-size: 28px;
	font-weight: 600;
	font-family: Kanit, sans-serif;
	margin-bottom: 15px
}

.acf-block-preview .testimonial-box-alt {
	padding: 40px 50px;
	border-radius: 10px;
	background: #fbfafc;
	position: relative;
	color: #575757
}

.acf-block-preview .testimonial-box-alt .meta {
	margin-top: 30px
}

.acf-block-preview .testimonial-box-alt .meta .img {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	margin-right: 20px;
	min-width: 65px
}

.acf-block-preview .testimonial-box-alt .meta img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.acf-block-preview .testimonial-box-alt .meta span {
	font-size: 20px;
	color: #181818;
	font-family: Kanit, sans-serif
}

.acf-block-preview .testimonial-box-alt .head {
	display: flex;
	position: relative;
	align-items: center;
	margin-bottom: 15px
}

.acf-block-preview .testimonial-box-alt .quotes-icon {
	margin-right: 20px;
	background: url(../img/quotes-icon-large.webp) no-repeat 50%;
	width: 65px;
	height: 55px;
	background-size: 100%;
	display: block
}

.acf-block-preview .testimonial-box-alt .title {
	color: #181818;
	font-size: 26px;
	font-family: Kanit, sans-serif
}

.acf-block-preview .cta-box.style3.alt {
	border-radius: 0
}

.acf-block-preview .cta-box.style3.alt .cta-btn {
	margin-top: 30px
}

.acf-block-preview .icon-teaser.style2.alt .list_check {
	margin-top: 25px;
	padding: 0;
	list-style: none;
	margin-left: 0
}

.acf-block-preview .icon-teaser.style2.alt {
	margin-top: 30px;
	height: calc(100% - 30px)
}

.acf-block-preview .icon-teaser.style2.alt .title {
	font-size: 24px
}

.acf-block-preview .list_check li {
	margin-bottom: 14px;
	position: relative;
	padding-left: 40px
}

.acf-block-preview .list_check li:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.436' height='32.436'%3E%3Cg data-name='Group 19137' transform='translate(-322 -2700.931)'%3E%3Ccircle data-name='Ellipse 88' cx='11.852' cy='11.852' r='11.852' transform='translate(326.366 2705.297)' fill='%23ea257d'/%3E%3Cpath data-name='Path 8149' d='M334.51 2718.566l2.879 2.879 4.536-8.593' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg data-name='Ellipse 89' transform='translate(322 2700.931)' fill='none' stroke='%23EA257D' opacity='.288'%3E%3Ccircle cx='16.218' cy='16.218' r='16.218' stroke='none'/%3E%3Ccircle cx='16.218' cy='16.218' r='15.718'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat scroll 50%/100%
}

.acf-block-preview .video-box {
	border-radius: 10px;
	overflow: auto;
	position: relative
}

.acf-block-preview .play_btn {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) scale(.9);
	box-sizing: content-box;
	display: block;
	width: 32px;
	height: 44px;
	border-radius: 50%;
	padding: 18px 20px 18px 28px;
	transition: all .4s
}

.acf-block-preview .play_btn:before {
	z-index: 0;
	-webkit-animation: pulse-border 1.5s ease-out infinite;
	animation: pulse-border 1.5s ease-out infinite
}

.acf-block-preview .play_btn:after,
.acf-block-preview .play_btn:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #ea257d;
	border-radius: 50%
}

.acf-block-preview .play_btn:after {
	z-index: 1;
	transition: all .2s
}

.acf-block-preview .play_btn:hover {
	transform: translateX(-50%) translateY(-50%) scale(1)
}

.acf-block-preview .play_btn span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 22px solid #fff;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@-webkit-keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1
	}

	to {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0
	}
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1
	}

	to {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0
	}
}

.acf-block-preview .n_top_230 {
	margin-top: -230px;
	padding-top: 300px
}

.acf-block-preview .text_box {
	padding: 40px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 20px
}

.acf-block-preview .bg_dark_alt {
	background-color: hsla(0, 0%, 96.1%, .02)
}

.acf-block-preview .h_100 {
	height: 100%
}

.acf-block-preview .bg_dark .icon-teaser.style2.alt {
	min-height: auto;
	color: #9d9d9d;
	border-color: hsla(0, 0%, 43.9%, .47);
	padding: 30px
}

.acf-block-preview .bg_dark .icon-teaser.style2.alt .title {
	font-size: 22px
}

.acf-block-preview .mobileSelect {
	display: none
}

.acf-block-preview .content_tab .nav-tabs {
	position: relative;
	border: none;
	flex-wrap: nowrap;
	margin-bottom: 40px;
	justify-content: center
}

.acf-block-preview .content_tab .nav-tabs .nav-link {
	border: none;
	border-radius: 0;
	color: rgba(24, 24, 24, .7);
	font-weight: 700;
	font-size: 24px;
	padding: 20px 45px;
	font-family: Kanit, sans-serif;
	text-align: left;
	border-radius: 10px;
	line-height: 34px
}

.acf-block-preview .content_tab .nav-link.active {
	background: #fbfafc;
	color: #181818
}

.acf-block-preview .tab_content_text {
	padding: 70px 65px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 30px 30px 50px rgba(0, 0, 0, .05)
}

.acf-block-preview .case-study-slider .slide {
	padding: 0 15px
}

.acf-block-preview .case-study-slider .slick-list {
	margin-left: -15px;
	margin-right: -15px
}

.acf-block-preview .box.style7 {
	background: #fbfbfb;
	margin-top: 30px;
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none
}

.acf-block-preview .box.style7 .image {
	height: 225px
}

.acf-block-preview .box.style7 .image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.acf-block-preview .box.style7 .text {
	padding: 30px
}

.acf-block-preview .box.style7 .title {
	font-size: 36px;
	margin-bottom: 25px;
	display: block
}

.acf-block-preview .box.style7 .inner-box {
	margin: 25px 0
}

.acf-block-preview .box.style7 .inner-box .numbers {
	font-size: 36px;
	margin-bottom: 10px;
	color: #ea257d
}

.acf-block-preview .box.style7 .inner-box p {
	line-height: 24px;
	font-size: 16px;
	font-style: italic;
	text-decoration: underline
}

.acf-block-preview .box.style7 .cta-btn {
	width: 100%;
	transition: all .4s
}

.acf-block-preview .box.style7:hover {
	transform: translateY(-15px);
	box-shadow: 20px 20px 50px rgba(0, 0, 0, .04)
}

.acf-block-preview .box.style7:hover .btn_dark {
	background: #ea257d
}

.acf-block-preview .retainer-plans-slider .slide {
	padding: 0 20px
}

.acf-block-preview .retainer-plans-slider .slick-list {
	margin-left: -20px;
	margin-right: -20px
}

.acf-block-preview .icon-teaser.v7 {
	border-radius: 10px;
	padding: 40px 30px;
	text-align: center;
	display: block;
	margin-top: 70px;
	color: #9d9d9d;
	text-decoration: none
}

.acf-block-preview .icon-teaser.v7 .icon {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: -100px auto 30px;
	box-shadow: 20px 20px 50px rgba(0, 0, 0, .16)
}

.acf-block-preview .icon-teaser.v7 .icon img {
	height: 42px
}

.acf-block-preview .icon-teaser.v7 .title {
	font-weight: 600;
	color: #fff;
	font-size: 24px;
	font-family: Kanit, sans-serif
}

.acf-block-preview .icon-teaser.v7 .price {
	color: #ea257d;
	font-size: 70px;
	font-weight: 600;
	line-height: 70px;
	margin: 4px 0;
	font-family: Kanit, sans-serif
}

.acf-block-preview .icon-teaser.v7 .price span {
	font-size: 18px;
	font-style: normal;
	color: #fff;
	opacity: .45;
	font-weight: 400
}

.acf-block-preview .icon-teaser.v7 .cta-btn {
	transition: all .4s
}

.acf-block-preview .icon-teaser.v7:hover .cta-btn {
	background: #ea257d;
	color: #fff;
	border-color: #ea257d
}

.acf-block-preview .icon-teaser.v7:hover {
	transform: translateY(-12px)
}

.acf-block-preview .form_heading {
	color: #9d9d9d
}

.acf-block-preview .lets_talk_form form {
	margin-top: 50px;
	margin-left: -20px;
	margin-right: -20px
}

.acf-block-preview .lets_talk_form input,
.acf-block-preview .lets_talk_form textarea {
	width: 100%;
	height: 70px;
	padding: 5px 0;
	background: transparent;
	border: none;
	border-bottom: 1px solid hsla(0, 0%, 61.6%, .51);
	font-family: Kanit, sans-serif;
	font-weight: 400;
	color: #fff
}

.acf-block-preview .lets_talk_form form li {
	margin-bottom: 30px
}

.acf-block-preview .lets_talk_form input::-moz-placeholder,
.acf-block-preview .lets_talk_form textarea::-moz-placeholder {
	opacity: 1;
	color: #fff;
	font-weight: 400
}

.acf-block-preview .lets_talk_form input:-ms-input-placeholder,
.acf-block-preview .lets_talk_form textarea:-ms-input-placeholder {
	opacity: 1;
	color: #fff;
	font-weight: 400
}

.acf-block-preview .lets_talk_form input::placeholder,
.acf-block-preview .lets_talk_form textarea::placeholder {
	opacity: 1;
	color: #fff;
	font-weight: 400
}

.acf-block-preview .lets_talk_form ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.acf-block-preview .lets_talk_form textarea {
	height: 140px
}

.acf-block-preview .select-hidden {
	display: none
}

.acf-block-preview .select-styled {
	background-color: transparent;
	color: #fff;
	font-family: Kanit, sans-serif;
	width: 100%;
	position: relative;
	height: 70px;
	border-bottom: 1px solid hsla(0, 0%, 61.6%, .51) !important;
	font-weight: 400;
	cursor: pointer;
	padding: 22px 0 10px
}

.acf-block-preview .select-styled.active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	color: #fff
}

.acf-block-preview .select-styled:after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: calc(50% - 4px);
	right: 15px;
	z-index: 55;
	border: 2px solid #969696;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) translateY(-50%);
	transition: all .3s
}

.acf-block-preview .select-styled.active:after {
	transform: rotate(-135deg) translateY(-50%)
}

.acf-block-preview ul.select-options {
	display: none;
	background: #fff !important;
	position: absolute;
	top: 100%;
	z-index: 222;
	left: 0;
	padding: 20px 30px;
	box-shadow: 0 .5em 2em rgba(0, 0, 0, .15);
	width: 100%
}

.acf-block-preview .custom_select {
	position: relative
}

.acf-block-preview ul.select-options li {
	cursor: pointer;
	margin-bottom: 5px
}

.acf-block-preview ul.select-options li:hover {
	color: #ea257d
}

.acf-block-preview ul.select-options li:first-child {
	display: none
}

.acf-block-preview .process-slider .slick-list {
	margin-left: -20px;
	margin-right: -20px
}

.acf-block-preview .process-slider .slide {
	padding: 0 20px
}

.acf-block-preview .box.style8 {
	padding: 35px;
	border-radius: 10px;
	box-shadow: 20px 20px 50px rgba(0, 0, 0, .04);
	color: #9d9d9d;
	text-decoration: none
}

.acf-block-preview .box.style8 .box_num {
	color: #fff;
	font-weight: 500;
	font-size: 36px;
	margin-top: 0 !important;
	border-bottom: 2px solid #ea257d;
	padding-bottom: 10px;
	display: inline-block;
	font-family: Kanit, sans-serif
}

.acf-block-preview .box.style8 .title {
	margin: 20px 0 10px;
	font-size: 24px;
	line-height: 37px;
	font-family: Kanit, sans-serif;
	font-weight: 600
}

.acf-block-preview .box.style8:hover {
	transform: translateY(-10px)
}

.acf-block-preview .maintenance-list li {
	display: flex;
	padding: 30px 0;
	align-items: center;
	font-size: 15px;
	color: #fff;
	font-style: italic;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
	line-height: 22px
}

.acf-block-preview .maintenance-list li:last-child {
	border: none
}

.acf-block-preview .maintenance-list li .title {
	font-size: 60px;
	margin-right: 20px;
	color: #ea257d;
	font-family: Kanit, sans-serif
}

.acf-block-preview .icon-teaser.v4 {
	display: flex;
	align-items: center;
	padding: 35px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 20px 20px 50px rgba(0, 0, 0, .04);
	border-bottom: 8px solid #ea257d;
	margin-top: 40px
}

.acf-block-preview .icon-teaser.v4 .icon {
	margin-right: 25px
}

.acf-block-preview .icon-teaser.v4 .title {
	font-weight: 500;
	color: #181818;
	font-size: 22px;
	line-height: 34px;
	font-family: Kanit, sans-serif
}

.acf-block-preview .pricing-area .tab-content>div {
	display: block;
	visibility: visible;
	opacity: 1
}

.acf-block-preview .tooltip-inner {
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, .17);
	opacity: 1 !important;
	color: #575757;
	font-style: italic;
	font-family: Gentium Book Plus, serif;
	padding: 10px
}

.acf-block-preview .tooltip-arrow:before {
	display: none
}

.acf-block-preview .tooltip-arrow:after {
	width: 10px;
	height: 10px;
	background: #fff;
	position: absolute;
	left: 3px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	content: ""
}

.acf-block-preview .plan_features li em {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #e2e2e2;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 9px;
	font-style: italic;
	margin-left: 10px;
	color: #8c8c8c;
	min-width: 20px;
	min-height: 20px
}

.acf-block-preview .pricing-box .plan_features h3 {
	height: 180px;
	display: flex;
	align-items: center;
	padding: 15px 30px;
	margin: 0;
	font-weight: 600;
	font-size: 28px;
	text-transform: capitalize;
	color: #000
}

.acf-block-preview .pricing-box ul li {
	padding: 15px 30px;
	height: 75px;
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 1.4;
	color: #575757;
	border-top: 1px solid hsla(0, 0%, 43.9%, .15);
	font-style: italic
}

.acf-block-preview .pricing-box .panel-footer,
.acf-block-preview .pricing-box .plan-footer {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	flex-direction: column;
	text-align: center;
	border-top: 1px solid hsla(0, 0%, 43.9%, .15)
}

.acf-block-preview .pricing-box .plan-item {
	border-bottom: 0 solid hsla(0, 0%, 43.9%, .15)
}

.acf-block-preview .pricing-box .plan-item .plan-header {
	text-align: center;
	height: 180px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 10px;
	position: relative
}

.acf-block-preview .plan-header .badge {
	font-weight: 500;
	font-size: 18px;
	color: #ea257d;
	background: #181818;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	border-radius: 0;
	font-family: Kanit, sans-serif
}

.acf-block-preview .pricing-box .plan-item .plan-header p {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 15px;
	line-height: 1;
	padding-top: 30px;
	letter-spacing: 2px;
	color: #1a3b61;
	text-transform: uppercase
}

.acf-block-preview .monthly-price.active,
.acf-block-preview .monthly-price:not(.active)+h3 {
	display: none
}

.acf-block-preview .monthly-price span {
	font-size: 18px;
	color: #9d9d9d;
	font-family: Gentium Book Plus, serif;
	font-weight: 400;
	font-style: italic
}

.acf-block-preview .monthly-price {
	font-size: 40px;
	line-height: 1;
	margin: 7px 0
}

.acf-block-preview .plan-header .title {
	display: block;
	font-weight: 400;
	color: #9d9d9d;
	font-family: Kanit, sans-serif;
	font-size: 16px
}

.acf-block-preview .pricing-box .nth {
	background: #fbfafc
}

.acf-block-preview .panel-footer .cta-btn {
	min-width: inherit;
	padding: 10px 25px;
	font-size: 15px;
	line-height: normal
}

.acf-block-preview .plan-footer img {
	height: 50px;
	mix-blend-mode: multiply
}

.acf-block-preview .pricing-box ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.acf-block-preview .text_24 {
	font-size: 24px;
	line-height: 37px
}

.acf-block-preview .max_620 {
	max-width: 620px
}

.acf-block-preview .banner-img {
	position: relative
}

.acf-block-preview .banner-counter {
	background: #ea257d;
	border-radius: 10px;
	padding: 25px 15px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -80px;
	width: 150px;
	right: 110px;
	line-height: normal
}

.acf-block-preview .banner-counter .title {
	font-family: Kanit, sans-serif;
	font-weight: 700;
	font-size: 60px;
	line-height: 100%;
	margin-bottom: 7px
}

.acf-block-preview .text_18 {
	font-size: 18px;
	line-height: 28px
}

.acf-block-preview .cs-box {
	height: 420px;
	text-decoration: none;
	display: block
}

.acf-block-preview .cs-box.style1 {
	display: block;
	background: #f6f6f6;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.acf-block-preview .cs-box.style1 img {
	position: absolute;
	top: 30px;
	left: 0;
	width: 85%;
	left: 50%;
	transform: translateX(-50%)
}

.acf-block-preview .cs-box.style1 .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 40px
}

.acf-block-preview .cs-box.style1 .text * {
	position: relative;
	z-index: 1
}

.acf-block-preview .cs-box.style1 .title {
	font-size: 24px
}

.acf-block-preview .cs-box.style2 .title {
	font-size: 28px
}

.acf-block-preview .cs-box.style1:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background: linear-gradient(0deg, #f6f6f6, hsla(0, 0%, 96.5%, 0))
}

.acf-block-preview .cs-box.style1 .link_text,
.acf-block-preview .cs-box.style2 .link_text {
	color: #737373;
	font-family: Kanit, sans-serif;
	font-weight: 600
}

.acf-block-preview .cs-box.style2 {
	background: hsla(0, 0%, 96.1%, .84);
	padding: 40px;
	overflow: hidden
}

.acf-block-preview .cs-box.style2 .text {
	margin-bottom: 30px
}

.acf-block-preview .section-heading-alt {
	margin-bottom: 50px
}

.acf-block-preview .cs-box:hover {
	transform: translateY(-8px)
}

.acf-block-preview .cs-relative {
	position: relative
}

.acf-block-preview .cs_shape_top {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

.acf-block-preview .section-heading-alt {
	position: relative;
	z-index: 1
}

.acf-block-preview .cs_shape_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 50%
}

.acf-block-preview .pb_300 {
	padding-bottom: 300px
}

.acf-block-preview .cta-box2 .inner {
	padding: 60px;
	border-radius: 10px;
	position: relative;
	z-index: 1
}

.acf-block-preview .newsletter-form.alt form {
	width: 85%
}

.acf-block-preview .n_top_300 {
	margin-top: -300px
}

.acf-block-preview .content_tab .content-img {
	height: 100%
}

.acf-block-preview .content_tab .content-img img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 10px
}

.acf-block-preview .icon-teaser.v3 {
	margin-top: 50px;
	font-style: italic
}

.acf-block-preview .icon-teaser.v3 .icon {
	margin-bottom: 20px
}

.acf-block-preview .icon-teaser.v3 .title {
	margin-bottom: 6px;
	font-size: 24px;
	font-weight: 700;
	font-style: normal
}

.acf-block-preview .numbering_teaser {
	margin-top: 30px;
	position: relative;
	padding-left: 70px
}

.acf-block-preview .numbering_teaser strong {
	color: #181818
}

.acf-block-preview .numbering_teaser .num {
	background: #ea257d;
	border-radius: 100%;
	color: #fff;
	width: 38px;
	text-align: center;
	display: inline-block;
	position: absolute;
	left: 0;
	height: 38px;
	font-weight: 500;
	font-size: 22px;
	font-style: normal;
	font-family: Kanit, sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 8px
}

.acf-block-preview .numbering_teaser.alt .title {
	font-size: 26px;
	font-style: normal;
	margin-bottom: 15px
}

.acf-block-preview .bg_dark .numbering_teaser {
	color: #9d9d9d
}

.acf-block-preview .bg_dark .numbering_teaser strong {
	color: #fff
}

.acf-block-preview .numbering_teaser .num:after {
	position: absolute;
	content: "";
	top: -6px;
	left: -6px;
	width: 50px;
	height: 50px;
	border: 1px solid #ea257d;
	border-radius: 50%;
	opacity: .29
}

.acf-block-preview .numbering_teaser.alt.process .title {
	font-size: 36px
}

.acf-block-preview .numbering_teaser.alt.process .num:after {
	display: none
}

.acf-block-preview .numbering_teaser.alt.process .num {
	width: 60px;
	height: 60px;
	top: -12px;
	border: 10px solid #fff
}

.acf-block-preview .numbering_teaser.alt.process {
	padding-left: 80px;
	padding-bottom: 50px;
	position: relative
}

.acf-block-preview .numbering_teaser.alt.process:after {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 2px;
	height: 100%;
	content: "";
	background: #9d9d9d;
	opacity: .29;
	z-index: -1
}

.acf-block-preview .col-sm-12:last-child .numbering_teaser.alt.process {
	padding-bottom: 0
}

.acf-block-preview .number-teaser-area {
	position: relative;
	z-index: 1
}

.acf-block-preview .number-teaser-area .shape {
	position: absolute;
	top: 0;
	right: -300px
}

.acf-block-preview .team-slider .slide {
	padding: 0 20px
}

.acf-block-preview .team-slider {
	margin-top: 50px
}

.acf-block-preview .team-slider .slick-list {
	margin-left: -60px;
	margin-right: -60px
}

.acf-block-preview .team-box .image {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	margin: 0 auto 20px;
	display: block
}

.acf-block-preview .team-box .image img {
	width: 100%;
	height: 100%
}

.acf-block-preview .team-box {
	font-size: 15px
}

.acf-block-preview .team-box .title {
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 600
}

.acf-block-preview .icon-teaser.style1.fill_box {
	padding: 50px;
	display: flex;
	align-items: center
}

.acf-block-preview .icon-teaser.style1.fill_box .title {
	font-size: 32px
}

.acf-block-preview .cta-area.style3 {
	padding: 130px 0;
	background: #181818;
	position: relative;
	z-index: 1
}

.acf-block-preview .cta-area.style3 .bg_image {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -1
}

.acf-block-preview .cta-area.style3:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #181818, #181818 22%, rgba(24, 24, 24, 0))
}

.acf-block-preview .cta-area.style3 .shape {
	position: absolute;
	top: 0;
	left: -180px;
	height: 100%
}

.acf-block-preview .cta-area.style3 .container {
	position: relative;
	z-index: 1
}

.acf-block-preview .timeline_shape.alt {
	top: 140px
}

.acf-block-preview .bg_dark_alt {
	background: #222
}

.acf-block-preview .newsletter-form.mt-sm-0 form {
	margin: 0;
	width: 100%
}

.acf-block-preview .cta-box2.alt {
	position: relative;
	z-index: 1;
	margin-top: -100px
}

.acf-block-preview .banner-area.v5 {
	padding-bottom: 170px
}

.acf-block-preview .cta-box2.alt .newsletter-form button {
	height: 100%;
	right: 0;
	top: 0;
	transform: translateY(0);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.acf-block-preview .quotes-text img {
	height: 50px;
	margin-bottom: 20px
}

.acf-block-preview .quotes-text {
	font-size: 20px;
	line-height: 32px;
	font-style: italic
}

.acf-block-preview .quotes-text .title {
	font-size: 28px;
	color: #181818;
	font-style: normal;
	margin-top: 30px;
	font-family: Kanit, sans-serif
}

.acf-block-preview .italic {
	font-style: italic
}

.acf-block-preview .font_kanit {
	font-family: Kanit, sans-serif
}

.acf-block-preview .maintenance-list.alt.dark {
	margin-top: 50px;
	padding-left: 0;
	list-style: none
}

.acf-block-preview .maintenance-list.alt.dark li span {
	font-size: 60px;
	margin-right: 20px;
	font-style: normal
}

.acf-block-preview .maintenance-list.alt.dark li {
	color: #575757;
	font-size: 18px;
	line-height: 28px;
	margin: 0;
	padding: 0 15px;
	border: none
}

.acf-block-preview .solution-slider .slick-list {
	margin-left: -15px;
	margin-right: -15px
}

.acf-block-preview .solution-slider .slide {
	padding: 15px 15px 70px
}

.acf-block-preview .box.style6 {
	padding: 35px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 20px 20px 50px rgba(0, 0, 0, .04);
	margin-top: 0
}

.acf-block-preview .box.style6 .title {
	min-height: 65px;
	color: #181818;
	font-size: 24px
}

.acf-block-preview .box.style6 ul {
	list-style: none;
	padding: 0;
	margin: 20px 0 0
}

.acf-block-preview .box.style6 ul li {
	margin: 25px 0;
	display: block
}

.acf-block-preview .box.style6 ul li a {
	font-style: italic;
	color: #181818;
	font-size: 18px;
	text-decoration: underline
}

.acf-block-preview .box.style6 ul li a:hover {
	text-decoration: none
}

.acf-block-preview .banner-area .link_text {
	color: #fff;
	font-weight: 600;
	font-style: italic;
	border-bottom: 1px solid #fff
}

.acf-block-preview .project-overview ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .project-overview ul li {
	display: flex;
	justify-content: space-between;
	padding: 30px 0;
	border-bottom: 1px solid #eee
}

.acf-block-preview .project-overview ul li span:first-child {
	font-weight: 700
}

.acf-block-preview .image-icon-teaser {
	background: hsla(0, 0%, 61.6%, .03)
}

.acf-block-preview .img-icons {
	margin: 15px 0
}

.acf-block-preview .img-icons img {
	margin: 0 auto;
	display: block
}

.acf-block-preview .desktop-mockup {
	position: relative;
	overflow: hidden
}

.acf-block-preview .desktop-mockup .mockup_bg {
	position: absolute;
	top: 30px;
	left: 135px;
	width: 907px;
	height: 585px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top left;
	object-position: top left
}

.acf-block-preview .screenshot-carousel .slide {
	padding: 0 20px
}

.acf-block-preview .screenshot-carousel {
	padding-top: 90px
}

.acf-block-preview .screenshot-img img {
	height: 690px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.acf-block-preview .screens-carousel-area {
	position: relative
}

.acf-block-preview .screenshot-shape {
	position: absolute;
	left: 0;
	width: 100%;
	opacity: .21;
	top: 60px
}

.acf-block-preview .skew_area {
	position: relative;
	z-index: 1
}

.acf-block-preview .skew_area:after {
	position: absolute;
	content: "";
	background: #fff;
	top: -1px;
	left: 0;
	width: 100%;
	height: 300px;
	z-index: -1;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 62%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 62%, 0 100%)
}

.acf-block-preview .mobile-mockup-slider .slide {
	padding: 35px;
	transform: scale(.9)
}

.acf-block-preview .mobile-mockup-slider .slick-list {
	margin-left: -180px;
	margin-right: -180px
}

.acf-block-preview .mc-image,
.acf-block-preview .mobile-mockup-area {
	position: relative
}

.acf-block-preview .mc-image .bg_show {
	position: absolute;
	top: -25px;
	left: 0;
	width: 100%;
	height: calc(100% + 49px);
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center;
	transform: scale(.9);
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px
}

.acf-block-preview .mc-image .mobile-mockup-device {
	opacity: 0
}

.acf-block-preview .slick-current.slick-active.slick-center .mc-image .mobile-mockup-device,
.acf-block-preview .slick-current.slick-active.slick-center .mc-image .phone-camera {
	opacity: 1
}

.acf-block-preview .mobile-mockup-slider .slick-current.slick-active.slick-center {
	transform: scale(1.1)
}

.acf-block-preview .phone-camera {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0
}

.acf-block-preview .banner-slider .slide {
	padding: 15px 15px 0
}

.acf-block-preview .banner-slider .slick-list {
	margin-left: -15px;
	margin-right: -15px
}

.acf-block-preview .banner-slider .slide a {
	display: block
}

.acf-block-preview .banner-slider .slide a:hover {
	transform: translateY(-15px);
	box-shadow: 20px 20px 50px rgba(0, 0, 0, .15)
}

.acf-block-preview .banner-slider {
	margin-top: 30px
}

.acf-block-preview .slick-dots {
	position: inherit;
	bottom: auto;
	margin-top: 30px
}

.acf-block-preview .slick-slider {
	margin-bottom: 0 !important
}

.acf-block-preview .slick-dots li {
	margin: 0 2px;
	width: 16px
}

.acf-block-preview .banner-area .slick-dots li.slick-active button:before {
	color: #ea257d;
	opacity: 1
}

.acf-block-preview .banner-area .slick-dots li button:before {
	color: #fff;
	opacity: .12
}

.acf-block-preview .banner-area.style2.v6 .breadcrumb_navigation,
.acf-block-preview .banner-area.v6 {
	padding-bottom: 70px
}

.acf-block-preview .clients-slider .slide {
	padding: 0 20px
}

.acf-block-preview .clients-slider .slick-list {
	margin-left: -20px;
	margin-right: -20px
}

.acf-block-preview .box.style9 {
	position: relative;
	margin-top: 30px;
	z-index: 1;
	display: block
}

.acf-block-preview .box.style9 .title {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	line-height: normal;
	z-index: 1;
	transition: all .4s;
	font-size: 26px;
	padding: 30px
}

.acf-block-preview .box.style9 .hover img {
	max-width: 260px
}

.acf-block-preview .box.style9 .link_text {
	position: absolute;
	bottom: 30px;
	right: 50px
}

.acf-block-preview .clients-slider .box.style9 .link_text {
	font-size: 18px;
	color: #fff
}

.acf-block-preview .box.style9:after {
	position: absolute;
	content: "";
	bottom: 0;
	width: 100%;
	height: 70%;
	background: linear-gradient(180deg, transparent, #181818);
	opacity: .58;
	left: 0;
	transition: all .4s
}

.acf-block-preview .box.style9:hover {
	transform: translateY(-15px)
}

.acf-block-preview .cs-box.alt.style2 .title {
	font-size: 40px
}

.acf-block-preview .cs-box.alt.style2 {
	padding: 45px;
	height: 550px
}

.acf-block-preview .cs-item-box {
	padding: 10px;
	background: #fff;
	box-shadow: 30px 15px 50px rgba(0, 0, 0, .03);
	border-radius: 12px
}

.acf-block-preview .cs-item-box .cs-box {
	border-radius: 10px
}

.acf-block-preview .cs_tabs {
	border: 1px solid hsla(0, 0%, 43.9%, .17);
	padding: 6px;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	margin-top: 15px
}

.acf-block-preview .cs_tabs button {
	display: inline-flex;
	padding: 10px 20px;
	align-items: center;
	color: #575757;
	transition: all .4s;
	opacity: .5
}

.acf-block-preview .cs_tabs button em {
	margin-right: 5px
}

.acf-block-preview .cs_tabs button.active {
	background: #fff;
	border-radius: 5px;
	opacity: 1
}

.acf-block-preview .cs_tabs button.active em {
	color: #ea257d
}

.acf-block-preview .cs-tab-mobile img {
	width: 46%;
	box-shadow: 30px -30px 50px rgba(0, 0, 0, .08);
	border-radius: 20px
}

.acf-block-preview .cs-tab-mobile {
	gap: 30px
}

.acf-block-preview .cs_testimonial_logo {
	width: 300px
}

.acf-block-preview .cs_review {
	width: 90%;
	margin: 30px auto;
	font-size: 28px;
	font-style: italic;
	line-height: 140%;
	color: #2b2b2b
}

.acf-block-preview .cs_review_meta img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
	margin: 0 auto 25px
}

.acf-block-preview .cs_name {
	font-family: Kanit, sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #181818;
	font-style: italic;
	margin: 0 0 10px
}

.acf-block-preview .cs_review_meta {
	font-size: 20px
}

.acf-block-preview .cs_filter ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 2px solid hsla(0, 0%, 43.9%, .12);
	display: flex;
	flex-wrap: wrap
}

.acf-block-preview .cs_filter ul li {
	display: inline-block
}

.acf-block-preview .cs_filter li a {
	display: block;
	padding: 15px 20px;
	text-decoration: none;
	opacity: .5;
	font-size: 18px;
	position: relative
}

.acf-block-preview .cs_filter li a:after {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #ea257d;
	content: "";
	opacity: 0
}

.acf-block-preview .cs_filter li a.active {
	opacity: 1;
	font-weight: 600
}

.acf-block-preview .cs_filter li a.active:after {
	opacity: 1
}

.acf-block-preview .cs-box.style2.alt.mini {
	border-radius: 12px;
	height: auto
}

.acf-block-preview .cs-box.style2.alt.mini img {
	height: 238px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center;
	border-radius: 10px
}

.acf-block-preview .cs-box.alt.style2.alt.mini .title {
	font-size: 32px;
	margin-bottom: 20px
}

.acf-block-preview .cs-box.alt.style2.alt.mini .text {
	margin: 0
}

.acf-block-preview .cs_tags {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 3px;
	background: rgba(234, 37, 125, .11);
	color: #ea257d;
	font-size: 15px;
	margin-bottom: 10px;
	text-transform: uppercase
}

.acf-block-preview .award-winning-cta {
	position: relative;
	z-index: 1;
	padding: 120px 0
}

.acf-block-preview .award-winning-cta .cta_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -1
}

.acf-block-preview .award-winning-cta .content-img img {
	position: absolute;
	width: 620px;
	bottom: -90px
}

.acf-block-preview .max_img_right {
	max-width: 700px
}

.acf-block-preview .icon-teaser.v10 {
	border-radius: 10px;
	background: #f1f1f1;
	padding: 45px;
	margin-top: 45px
}

.acf-block-preview .icon-teaser.v10 .icon,
.acf-block-preview .icon-teaser.v10 .title {
	margin-bottom: 20px
}

.acf-block-preview .banner-area .newsletter-form button {
	top: 0;
	right: 0;
	height: 100%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	transform: translateY(0)
}

.acf-block-preview .banner-area .newsletter-form form {
	width: 100%;
	border-radius: 6px
}

.acf-block-preview .banner-logos {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	min-width: 650px;
	margin: 0;
	padding: 0;
	list-style: none
}

.acf-block-preview .banner-logos li {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	flex: auto;
	background: #f5f5f5;
	border-radius: 10px
}

.acf-block-preview .banner-logos li img {
	mix-blend-mode: darken;
	height: 80px
}

.acf-block-preview .testimonial-navigation .slide {
	padding: 0 10px
}

.acf-block-preview .testimonial-navigation .slick-list {
	margin-left: -10px;
	margin-right: -10px
}

.acf-block-preview .testimonial-navigation {
	margin-top: 30px
}

.acf-block-preview .testimonial-video-wrapper {
	position: relative
}

.acf-block-preview .testimonial-video-wrapper .testimonial-arrows {
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 11
}

.acf-block-preview .testimonial-video-wrapper .testimonial-arrows>div {
	border-color: #fff;
	color: #fff
}

.acf-block-preview .testimonial-video-wrapper .testimonial-arrows>div:hover {
	border-color: #ea257d
}

.acf-block-preview .testimonial-video .maintenance-list.alt.dark {
	margin-top: 30px
}

.acf-block-preview .testimonial-video .maintenance-list p {
	font-size: 15px;
	line-height: 22px
}

.acf-block-preview .testimonial-video .maintenance-list.alt.dark li span {
	font-size: 45px;
	margin-right: 10px;
	padding-left: 15px;
	border-left: 2px solid rgba(87, 87, 87, .2);
	line-height: 50px
}

.acf-block-preview .video-quotes {
	margin-top: 70px
}

.acf-block-preview .video-quotes .meta .img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 20px;
	padding: 5px;
	border: 1px solid #ea257d
}

.acf-block-preview .video-quotes .meta img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.acf-block-preview .video-quotes .meta span {
	font-size: 20px;
	color: #181818
}

.acf-block-preview .video-quotes .meta p {
	line-height: 22px;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-family: Kanit, sans-serif;
	color: #9d9d9d
}

.acf-block-preview .testimonial-video {
	position: relative;
	z-index: 1
}

.acf-block-preview .testimonial-video:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 52%;
	z-index: -1;
	background: #fbfafc
}

.acf-block-preview .testimonial-box.alt {
	border: none;
	padding: 0 0 40px
}

.acf-block-preview .ts_grid {
	margin-top: 50px
}

.acf-block-preview .text_dark {
	color: #181818
}

.acf-block-preview .section-heading.full {
	width: 100%
}

.acf-block-preview .content-text .maintenance-list.alt.dark li {
	font-size: 15px;
	line-height: 23px;
	margin: 15px 0
}

.acf-block-preview .content-text .maintenance-list.alt.dark li span {
	font-size: 44px
}

.acf-block-preview .circle_shape {
	position: absolute;
	left: -250px;
	top: 0;
	z-index: -1
}

.acf-block-preview .box-slider .slide {
	padding: 20px
}

.acf-block-preview .box-slider .slick-list {
	margin-left: -20px;
	margin-right: -400px
}

.acf-block-preview .box.style11 {
	border: 1px solid hsla(0, 0%, 43.9%, .15);
	padding: 40px;
	transition: all .4s;
	background: #fff;
	border-radius: 10px;
	height: 100%;
	margin: 0
}

.acf-block-preview .box.style11:hover {
	box-shadow: 20px 0 50px rgba(0, 0, 0, .04);
	border-color: #fff
}

.acf-block-preview .box.style11 .title {
	font-size: 24px;
	color: #181818;
	margin-bottom: 10px
}

.acf-block-preview .box-slider .slick-track {
	display: flex !important
}

.acf-block-preview .box-slider .slide {
	height: inherit !important
}

.acf-block-preview .box-slider-wrapper {
	position: relative
}

.acf-block-preview .box-slider-wrapper .testimonial-arrows {
	position: absolute;
	left: -22px;
	z-index: 1;
	background: #fff;
	top: 50%;
	transform: translateY(-50%)
}

.acf-block-preview .box-slider-dots .slick-dots {
	text-align: left
}

.acf-block-preview .mobile_btn {
	display: none
}

.acf-block-preview .box-slider-two-row .slide {
	padding: 0 15px
}

.acf-block-preview .box-slider-two-row .slick-list {
	margin-left: -15px;
	margin-right: -15px
}

.acf-block-preview .box-slider-two-row .slick-track {
	display: flex;
	flex-wrap: wrap
}

.acf-block-preview .box-slider-two-row .slick-track>div {
	min-width: 50% !important
}

.acf-block-preview .box-slider-two-row .slick-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	border: #ea257d;
	background: #ea257d;
	color: #fff;
	z-index: 1
}

.acf-block-preview .box-slider-two-row .slick-arrow em {
	font-size: 17px
}

.acf-block-preview .box-slider-two-row .slick-arrow:before {
	display: none
}

.acf-block-preview .box-slider-two-row .slick-prev {
	left: 0
}

.acf-block-preview .box-slider-two-row .slick-next {
	right: 0
}

.acf-block-preview .slick-dots li button:focus:before {
	opacity: .25
}

.acf-block-preview .content_sticky {
	display: none
}

.acf-block-preview .footer-cta a {
	position: relative
}

.acf-block-preview .footer-cta a:hover {
	color: #ea257d
}

.acf-block-preview .footer-cta a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 6px;
	left: 0;
	background-color: #ea257d;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform .3s
}

.acf-block-preview .footer-cta a:hover:after {
	transform-origin: bottom left;
	transform: scaleX(1)
}

.acf-block-preview .banner-area video,
.acf-block-preview .hero-area video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -1
}

.acf-block-preview .hero-area:after,
.acf-block-preview .video_bg:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #19181d;
	opacity: .9;
	z-index: -1
}

.acf-block-preview .screen-scroll {
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px
}

.acf-block-preview .screen-scroll .image-shop-scroll {
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 320px;
	top: 0;
	left: 0;
	background-size: cover
}

.acf-block-preview .screen-scroll:hover .image-shop-scroll {
	background-position: center 100% !important
}

.acf-block-preview .right-side .screen-scroll .image-shop-scroll {
	height: 500px
}

.acf-block-preview .cs-box {
	transition: all .4s
}

.acf-block-preview .inner-csp-screen .title {
	font-size: 22px
}

.acf-block-preview .c_popup {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	overflow: auto;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, .62);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	padding: 15px;
	display: none
}

.acf-block-preview .c_popup .close_btn {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #181818;
	opacity: .3;
	font-size: 20px
}

.acf-block-preview .c_popup .inner {
	padding: 35px;
	background: #f5f5f5;
	max-width: 870px;
	width: 100%;
	position: relative;
	border-radius: 10px;
	color: hsla(0, 0%, 100%, .71);
	font-size: 14px;
	line-height: 20px;
	overflow: hidden
}

.acf-block-preview .c_popup.active {
	opacity: 1;
	visibility: visible;
	display: flex
}

.acf-block-preview .cs-box.style2.alt.mini {
	overflow: visible
}

.acf-block-preview .c_popup .screen-scroll .image-shop-scroll {
	height: 100%
}

.acf-block-preview .c_popup .inner-csp-screen:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	content: "";
	transition: all .4s;
	transition-delay: .8s
}

.acf-block-preview .c_popup.active .inner-csp-screen:hover:after {
	z-index: -1
}

.acf-block-preview .c_popup .hoverme {
	display: none
}

@-webkit-keyframes bounce {
	0% {
		background-position: center 100% !important
	}

	to {
		background-position: top !important
	}
}

@keyframes bounce {
	0% {
		background-position: center 100% !important
	}

	to {
		background-position: top !important
	}
}

.acf-block-preview .csp-small-box {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	border-radius: 10px
}

.acf-block-preview .cs-box.style1 .link_text:hover,
.acf-block-preview .cs-box.style2 .link_text:hover {
	color: #ea257d
}

.acf-block-preview .csp-small-box .overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	font-size: 30px;
	background: rgba(0, 0, 0, .29);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all .4s
}

.acf-block-preview .csp-small-box:hover .overlay {
	opacity: 1;
	visibility: visible
}

.acf-block-preview .cs-box.style1.vv1 {
	padding: 30px
}

.acf-block-preview .cs-box.style1.vv1:hover .screen-scroll .image-shop-scroll {
	background-position: center 100% !important
}

.acf-block-preview #menu-toggle span {
	height: 2px;
	width: 95%;
	background: #fff;
	display: block;
	margin-top: 5px;
	position: relative;
	transition: all .2s ease 0s;
	border-radius: 5px;
	margin-right: auto;
	margin-left: 0
}

.acf-block-preview #menu-toggle span:first-child {
	top: 4px
}

.acf-block-preview #menu-toggle span:nth-child(2) {
	top: 6px;
	width: 75%
}

.acf-block-preview #menu-toggle span:nth-child(3) {
	top: 8px;
	width: 65%
}

.acf-block-preview #menu-toggle {
	width: 42px;
	height: 42px;
	display: block;
	position: relative;
	background: transparent;
	padding: 4px 8px;
	border-radius: 7px;
	margin-left: auto;
	margin-right: auto;
	display: none
}

@media (max-width:1600px) {
	.acf-block-preview .mainmenu ul li {
		margin-right: 15px
	}

	.acf-block-preview .site-logo {
		max-width: 160px
	}

	.acf-block-preview .h1,
	.acf-block-preview h1 {
		font-size: 64px;
		line-height: 120%
	}

	.acf-block-preview .h2,
	.acf-block-preview h2 {
		font-size: 48px;
		line-height: 120%
	}

	.acf-block-preview .hero-text {
		font-size: 20px
	}

	.acf-block-preview .py_140 {
		padding: 70px 0
	}

	.acf-block-preview .testimonial-slider .slick-list {
		margin-left: -120px;
		margin-right: -120px
	}

	.acf-block-preview .abt-5 {
		right: -260px
	}

	.acf-block-preview .about-area.alt .abt-4 {
		bottom: -365px;
		width: 596px
	}

	.acf-block-preview .text_70 {
		font-size: 55px;
		line-height: 100%
	}

	.acf-block-preview .about-area {
		height: 750px
	}

	.acf-block-preview .contact-cta .image {
		width: 100px;
		height: 100px;
		min-width: 100px;
		max-width: 100px;
		min-height: 100px;
		max-height: 100px
	}

	.acf-block-preview .banner-area .content-text .contact-cta p {
		font-size: 15px
	}

	.acf-block-preview .contact-cta a {
		font-size: 30px
	}

	.acf-block-preview .calculator_form {
		padding: 40px
	}

	.acf-block-preview .range_slide .price {
		font-size: 15px
	}

	.acf-block-preview .icon-teaser.v4 {
		padding: 30px
	}

	.acf-block-preview .icon-teaser.v4 .title {
		font-size: 18px;
		line-height: 26px
	}

	.acf-block-preview .box.style8 .title {
		font-size: 20px;
		line-height: 28px
	}

	.acf-block-preview .box.style8 {
		padding: 25px
	}

	.acf-block-preview .max_620 {
		max-width: 100%
	}

	.acf-block-preview .newsletter-form.alt form {
		width: 100%
	}

	.acf-block-preview .award-winning-cta .content-img img {
		position: inherit;
		width: auto;
		bottom: auto
	}

	.acf-block-preview .award-winning-cta {
		padding: 50px 0
	}

	.acf-block-preview .box.style6 ul li a {
		font-size: 15px
	}

	.acf-block-preview .project-overview ul li {
		font-size: 14px
	}

	.acf-block-preview .img-icons img {
		width: 50px
	}

	.acf-block-preview .screenshot-img img {
		height: 400px
	}

	.acf-block-preview .mc-image .bg_show {
		top: -15px;
		height: calc(100% + 30px);
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px
	}

	.acf-block-preview .banner-logos {
		min-width: 100%
	}

	.acf-block-preview .content-text .maintenance-list.alt.dark.v3 li {
		flex-direction: column;
		gap: 15px;
		align-items: flex-start;
		text-align: left
	}

	.acf-block-preview .content-text .maintenance-list.alt.dark.v3 li span {
		margin-right: 0;
		margin-bottom: 15px
	}

	.acf-block-preview .content_tab .nav-tabs .nav-link {
		font-size: 22px
	}

	.acf-block-preview .icon-teaser.v7 .price {
		font-size: 46px;
		line-height: 55px
	}
}

@media (max-width:991px) {
	.acf-block-preview .testimonial-slider .slick-list {
		margin-left: 0;
		margin-right: 0
	}

	.acf-block-preview nav#menu {
		position: absolute;
		top: 99%;
		left: 0;
		width: 100%;
		display: block;
		z-index: 999;
		min-height: calc(100vh - 55px);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		visibility: hidden;
		transition: all .3s
	}

	.acf-block-preview nav#menu.active {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		visibility: visible;
		transition: all .3s
	}

	.acf-block-preview .mainmenu ul {
		text-align: left
	}

	.acf-block-preview nav#menu,
	.acf-block-preview nav#menu ul ul {
		overflow: hidden;
		max-height: 0;
		background: #181818;
		transition: all .4s ease 0s;
		overflow: auto;
		padding: 50px 20px
	}

	.acf-block-preview nav#menu li>span {
		width: 30px;
		height: 30px;
		position: absolute;
		right: 0;
		top: 16px;
		z-index: 2
	}

	.acf-block-preview .header-action>* {
		margin-left: 15px
	}

	.acf-block-preview nav#menu>li {
		display: block !important;
		margin: 0 !important;
		padding: 0
	}

	.acf-block-preview nav#menu ul ul {
		display: inherit;
		position: relative;
		left: auto;
		top: auto;
		padding: 0;
		box-shadow: none
	}

	.acf-block-preview nav#menu ul ul.sub-menu.active {
		visibility: visible;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		max-height: 55em
	}

	.acf-block-preview nav#menu li>a {
		display: block;
		position: relative;
		padding: 15px 0;
		color: #fff;
		border-bottom: 1px solid hsla(0, 0%, 100%, .06);
		font-size: 16px
	}

	.acf-block-preview .mainmenu li>ul,
	.acf-block-preview nav#menu>li:last-child>a {
		border: none
	}

	.acf-block-preview nav#menu li.menu-item-has-children>a:after {
		border: none;
		content: "+";
		position: absolute;
		top: 10px;
		right: 10px;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		width: auto;
		height: auto;
		font-size: 20px
	}

	.acf-block-preview nav#menu li.menu-item-has-children>a.active:after {
		content: "-"
	}

	.acf-block-preview .sub-menu:before {
		height: 90% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important
	}

	.acf-block-preview .sub-menu:after {
		display: none
	}

	.acf-block-preview nav#menu li.menu-item-has-children.current-menu-ancestor>a:after {
		content: "-";
		font-size: 20px
	}

	.acf-block-preview nav#menu ul>li a {
		padding: 13px 0;
		line-height: normal;
		color: #fff;
		font-size: 15px;
		border-bottom: 1px solid hsla(0, 0%, 100%, .06)
	}

	.acf-block-preview ul.sub-menu {
		padding-left: 20px
	}

	.acf-block-preview #menu-toggle.active span:nth-child(2) {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
	}

	.acf-block-preview #menu-toggle.active span:first-child {
		top: 14px;
		transform: rotate(45deg);
		width: 100%
	}

	.acf-block-preview #menu-toggle.active span:nth-child(3) {
		top: 0;
		transform: rotate(-45deg);
		width: 100%
	}

	.acf-block-preview .mainmenu ul li {
		display: block;
		margin: 0
	}

	.acf-block-preview .header-toggle {
		display: block;
		margin-left: 5px
	}

	.acf-block-preview nav#menu ul {
		background: transparent;
		box-shadow: none;
		width: 100%;
		padding-left: 15px
	}

	.acf-block-preview #menu-toggle {
		display: block;
		margin-left: 10px;
		padding-right: 0
	}

	.acf-block-preview .header-action {
		display: flex;
		align-items: center;
		justify-content: flex-end
	}

	.acf-block-preview .header-area.active {
		background: #181818
	}

	.acf-block-preview .mainmenu ul li>ul {
		border: none
	}

	.acf-block-preview .site-logo {
		max-width: 140px
	}

	.acf-block-preview nav#menu ul {
		margin: 0;
		padding: 0
	}

	.acf-block-preview nav#menu ul ul {
		padding-left: 15px
	}

	.acf-block-preview nav#menu ul>li a {
		opacity: 1;
		font-size: 16px
	}

	.acf-block-preview nav#menu ul ul a {
		font-size: 15px;
		opacity: .6
	}

	.acf-block-preview .section,
	.acf-block-preview section {
		padding: 50px 0
	}

	.acf-block-preview .icon-with-text .info p {
		font-size: 14px
	}

	.acf-block-preview .icon-with-text img {
		margin-right: 10px;
		height: 25px
	}

	.acf-block-preview .hero-bottom .icon-list li {
		margin-right: 15px;
		padding-right: 25px;
		height: 45px
	}

	.acf-block-preview .box.style1 .title {
		font-size: 22px
	}

	.acf-block-preview .box.style1 {
		padding: 20px
	}

	.acf-block-preview .py_140 {
		padding: 50px 0
	}

	.acf-block-preview .box-carousel .slick-list {
		margin-left: 0;
		margin-right: 0
	}

	.acf-block-preview .footer {
		padding: 40px 0
	}

	.acf-block-preview .footer-widget {
		margin: 20px 0
	}

	.acf-block-preview .footer-info p {
		font-size: 17px
	}

	.acf-block-preview .footer a,
	.acf-block-preview .footer p {
		font-size: 15px;
		line-height: 26px
	}

	.acf-block-preview .footer-title {
		font-size: 22px;
		text-align: left
	}

	.acf-block-preview .footer-links {
		text-align: left
	}

	.acf-block-preview .hero-area {
		padding-top: 110px
	}

	.acf-block-preview .h1,
	.acf-block-preview h1 {
		font-size: 50px;
		line-height: 120%
	}

	.acf-block-preview .h2,
	.acf-block-preview h2 {
		font-size: 42px;
		line-height: 120%
	}

	.acf-block-preview .h3,
	.acf-block-preview h3 {
		font-size: 38px;
		line-height: 120%
	}

	.acf-block-preview .h4,
	.acf-block-preview h4 {
		font-size: 34px
	}

	.acf-block-preview .h5,
	.acf-block-preview h5 {
		font-size: 30px;
		line-height: 120%
	}

	.acf-block-preview .hero-text {
		width: 68%;
		font-size: 20px
	}

	.acf-block-preview .hero-text .cta-btn {
		margin-top: 0
	}

	.acf-block-preview .hero-text .h1 span:after {
		bottom: 0
	}

	.acf-block-preview .hero-bottom {
		margin-top: 30px;
		padding-left: 0
	}

	.acf-block-preview .hero-bottom .icon-list {
		margin-left: -20px;
		margin-right: -20px
	}

	.acf-block-preview br {
		display: none
	}

	.acf-block-preview .section-heading {
		width: 100%
	}

	.acf-block-preview .box.style2 {
		height: 300px
	}

	.acf-block-preview .box.style2 .info {
		padding: 20px
	}

	.acf-block-preview .box.style2 .title {
		font-size: 22px
	}

	.acf-block-preview .container {
		padding: 0 15px
	}

	.acf-block-preview .company-box {
		padding: 20px
	}

	.acf-block-preview .cta-box.style1 {
		padding: 50px
	}

	.acf-block-preview .footer-cta p {
		font-size: 15px
	}

	.acf-block-preview .footer-cta a {
		font-size: 32px
	}

	.acf-block-preview .counter.style2 .num {
		font-size: 46px
	}

	.acf-block-preview .footer-logo {
		margin: 0 auto 20px
	}

	.acf-block-preview .footer-widget.footer-info {
		width: 60%;
		margin: 0 auto;
		text-align: center
	}

	.acf-block-preview .footer-logo-bottom {
		height: 80px
	}

	.acf-block-preview .footer-partner-logo {
		justify-content: center
	}

	.acf-block-preview .footer-logo-bottom {
		position: absolute;
		bottom: 0;
		z-index: -1
	}

	.acf-block-preview .footer-area {
		position: relative;
		z-index: 1
	}

	.acf-block-preview .banner-text {
		font-size: 16px;
		line-height: 26px
	}

	.acf-block-preview .awards-box-container .inner-box {
		padding: 20px
	}

	.acf-block-preview .newsletter-form form {
		width: 100%
	}

	.acf-block-preview .box.style4 .title,
	.acf-block-preview .small-post.box.style4 .title {
		font-size: 16px;
		line-height: 20px
	}

	.acf-block-preview .banner-area.style2 .breadcrumb_navigation {
		padding-bottom: 30px
	}

	.acf-block-preview .banner-area:before,
	.acf-block-preview .hero-area:before {
		height: 100px
	}

	.acf-block-preview .banner-area.style2 {
		padding-bottom: 50px
	}

	.acf-block-preview .sidebar-widegt .title {
		font-size: 24px
	}

	.acf-block-preview .side_form button {
		width: 100%
	}

	.acf-block-preview .side-calculator img {
		width: 23%;
		right: 15px
	}

	.acf-block-preview .side-calculator .inner {
		width: 83%
	}

	.acf-block-preview .plain-content h2 {
		font-size: 30px
	}

	.acf-block-preview .plain-content h3 {
		font-size: 28px
	}

	.acf-block-preview .plain-content h4 {
		font-size: 26px
	}

	.acf-block-preview .plain-content h5 {
		font-size: 22px
	}

	.acf-block-preview .plain-content h6 {
		font-size: 18px
	}

	.acf-block-preview .cta-btn {
		font-size: 14px;
		line-height: 20px
	}

	.acf-block-preview .side-calculator .cta-btn em {
		display: none
	}

	.acf-block-preview .plain-content a {
		word-wrap: break-word
	}

	.acf-block-preview .newsletter-area .content-img {
		margin-top: 0
	}

	.acf-block-preview .box.style4 .image {
		height: 160px
	}

	.acf-block-preview .pb_100 {
		padding-bottom: 50px
	}

	.acf-block-preview .paginations li a {
		width: 20px;
		height: 20px
	}

	.acf-block-preview .paginations {
		margin-top: 30px
	}

	.acf-block-preview .small-post:nth-child(2),
	.acf-block-preview .small-post:nth-child(3) {
		display: none
	}

	.acf-block-preview .large-post .text {
		flex-direction: column
	}

	.acf-block-preview .box.style4.small-post .text {
		padding-top: 15px
	}

	.acf-block-preview .large-post.box.style4 .image {
		height: 200px
	}

	.acf-block-preview .box.style4 li {
		margin-right: 10px;
		font-size: 12px
	}

	.acf-block-preview .box.style4 li img {
		margin-right: 9px
	}

	.acf-block-preview .list_with_icon img {
		width: 28px;
		margin-right: 15px;
		height: 32px
	}

	.acf-block-preview .list_with_icon li {
		font-size: 15px;
		line-height: normal
	}

	.acf-block-preview .box.style5 .title {
		font-size: 20px
	}

	.acf-block-preview .box.style5 {
		padding: 20px
	}

	.acf-block-preview .counter_box.style2 {
		margin-top: 30px;
		margin-bottom: 0
	}

	.acf-block-preview .counter_box .num {
		font-size: 55px;
		line-height: 60px
	}

	.acf-block-preview .alt .abt-2 {
		display: block;
		top: 0;
		width: 278px
	}

	.acf-block-preview .about-area {
		padding-top: 50px;
		height: 750px;
		padding-bottom: 0
	}

	.acf-block-preview .text_70 {
		font-size: 40px;
		line-height: 100%
	}

	.acf-block-preview .about-area.alt .content-text {
		margin-left: 55px
	}

	.acf-block-preview .shape_heading span:after {
		bottom: 0
	}

	.acf-block-preview .about-area.alt .abt-5 {
		display: none
	}

	.acf-block-preview .counter_box.style2 {
		height: calc(100% - 30px)
	}

	.acf-block-preview .contact-cta {
		padding: 15px
	}

	.acf-block-preview .contact-cta .image {
		width: 65px;
		height: 65px;
		min-width: 65px;
		max-width: 65px;
		min-height: 65px;
		max-height: 65px
	}

	.acf-block-preview .contact-cta .image img {
		padding: 5px
	}

	.acf-block-preview .contact-cta a {
		font-size: 25px
	}

	.acf-block-preview .map_img p {
		font-size: 14px;
		margin-bottom: 10px
	}

	.acf-block-preview .map_img .title,
	.acf-block-preview .testimonial .title {
		font-size: 22px
	}

	.acf-block-preview .testimonial .quotes-icon {
		margin-right: 20px;
		width: 50px;
		height: 50px;
		min-width: 50px
	}

	.acf-block-preview .testimonial .head {
		margin-bottom: 18px
	}

	.acf-block-preview .single_reviews p {
		line-height: 26px;
		font-size: 16px
	}

	.acf-block-preview .testimonial.single_reviews .meta span {
		font-size: 18px
	}

	.acf-block-preview .testimonial.single_reviews .meta .img {
		width: 55px;
		height: 55px;
		margin-right: 16px;
		min-width: 55px
	}

	.acf-block-preview .c_form {
		margin-top: -370px;
		padding: 30px
	}

	.acf-block-preview .counter_box {
		padding: 20px;
		height: calc(100% - 30px)
	}

	.acf-block-preview .single_reviews {
		padding: 30px
	}

	.acf-block-preview .map_img em {
		top: 15%;
		left: 44%
	}

	.acf-block-preview .map_img .inner {
		width: 70%;
		bottom: 50px;
		left: 20px;
		bottom: 20px;
		padding: 20px
	}

	.acf-block-preview .mx_img {
		max-width: 100%;
		float: none
	}

	.acf-block-preview .icon-teaser.style1 {
		padding: 20px
	}

	.acf-block-preview .icon-teaser.style1 img {
		height: 60px;
		margin-bottom: 20px
	}

	.acf-block-preview .mx_img_right {
		max-width: 100%
	}

	.acf-block-preview .cta-area.style2 {
		padding: 50px 0;
		text-align: center
	}

	.acf-block-preview .calculator_form {
		padding: 40px
	}

	.acf-block-preview .calculator_form .range_slide .inner {
		min-width: 40%;
		margin-left: 20px
	}

	.acf-block-preview .progress-circles {
		flex-wrap: wrap
	}

	.acf-block-preview .timeline_shape {
		display: none
	}

	.acf-block-preview .progress-circles .circle {
		flex: 0 0 40%;
		margin: 15px 0
	}

	.acf-block-preview .cta-box.style5 {
		padding: 50px 0
	}

	.acf-block-preview .table_content li a {
		padding: 12px;
		font-size: 15px
	}

	.acf-block-preview .table_content {
		margin-right: 20px
	}

	.acf-block-preview .maintenance-list {
		padding-left: 0;
		margin-bottom: 0
	}

	.acf-block-preview .maintenance-list li .title {
		font-size: 46px
	}

	.acf-block-preview .icon-teaser.v4 {
		display: block;
		text-align: center;
		padding: 20px
	}

	.acf-block-preview .icon-teaser.v4 .icon {
		width: 70px;
		height: 70px;
		margin: 0 auto
	}

	.acf-block-preview .icon-teaser.v4 .title {
		font-size: 16px;
		line-height: 26px
	}

	.acf-block-preview .lets_talk_form form {
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0
	}

	.acf-block-preview .lets_talk_form form .row {
		margin-left: -12px;
		margin-right: -12px
	}

	.acf-block-preview .lets_talk_form input,
	.acf-block-preview .lets_talk_form textarea,
	.acf-block-preview .select-styled {
		height: 45px;
		padding: 10px 0
	}

	.acf-block-preview .lets_talk_form form li {
		margin-bottom: 20px
	}

	.acf-block-preview .lets_talk_form textarea {
		height: 100px
	}

	.acf-block-preview .process-slider .slide {
		padding: 0 8px
	}

	.acf-block-preview .process-slider .slick-list {
		margin-left: -8px;
		margin-right: -8px
	}

	.acf-block-preview .box.style8 {
		padding: 25px
	}

	.acf-block-preview .monthly-price {
		font-size: 28px
	}

	.acf-block-preview .pricing-box ul li {
		font-size: 14px
	}

	.acf-block-preview .panel-footer .cta-btn {
		padding: 12px 14px;
		font-size: 12px
	}

	.acf-block-preview .icon-teaser.style2 {
		padding: 25px
	}

	.acf-block-preview .banner-counter .title {
		font-size: 32px
	}

	.acf-block-preview .banner-counter {
		top: auto;
		width: 100px;
		right: 0;
		line-height: normal;
		bottom: 30px;
		font-size: 12px;
		padding: 10px
	}

	.acf-block-preview .cs-box.style2 {
		padding: 20px
	}

	.acf-block-preview .cs-box.style1 .text {
		padding: 25px
	}

	.acf-block-preview .text_18 {
		font-size: 16px;
		line-height: 26px
	}

	.acf-block-preview .cs-box.style1,
	.acf-block-preview .cs-box.style2 {
		height: 300px
	}

	.acf-block-preview .cta-box2 .inner {
		padding: 30px
	}

	.acf-block-preview .newsletter-form.alt form {
		width: 100%
	}

	.acf-block-preview .content_tab .nav-tabs .nav-link {
		font-size: 16px;
		padding: 15px;
		line-height: 22px
	}

	.acf-block-preview .tab_content_text {
		padding: 30px
	}

	.acf-block-preview .content_tab .content-img {
		height: auto
	}

	.acf-block-preview .newsletter-form button {
		font-size: 0;
		min-width: inherit;
		width: 50px
	}

	.acf-block-preview .newsletter-form button em {
		font-size: 20px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0
	}

	.acf-block-preview .icon-teaser.v3 .title {
		font-size: 18px
	}

	.acf-block-preview .cta-area.style3 {
		padding: 50px 0
	}

	.acf-block-preview .cta-area.style3 .bg_image {
		opacity: 0
	}

	.acf-block-preview .icon-teaser.style1.fill_box {
		padding: 30px
	}

	.acf-block-preview .award-winning-cta {
		padding: 50px 0
	}

	.acf-block-preview .award-winning-cta .content-img img {
		position: inherit;
		width: auto;
		bottom: auto
	}

	.acf-block-preview .cs_filter li a {
		padding: 10px;
		font-size: 16px
	}

	.acf-block-preview .banner-area.style2 {
		overflow-x: hidden
	}

	.acf-block-preview .cs-box.alt.style2 .title {
		font-size: 28px
	}

	.acf-block-preview .cs-box.alt.style2 {
		height: 400px
	}

	.acf-block-preview .cs_review {
		font-size: 20px
	}

	.acf-block-preview .cs_name {
		font-size: 20px;
		margin: 0
	}

	.acf-block-preview .cs-box.style2.alt.mini img {
		height: auto
	}

	.acf-block-preview .cs-box.alt.style2.alt.mini .title {
		font-size: 22px
	}

	.acf-block-preview .banner-area.style2.v5 {
		padding-bottom: 90px
	}

	.acf-block-preview .cta-box2.alt {
		margin-top: -70px
	}

	.acf-block-preview .maintenance-list.alt.dark li {
		padding: 15px
	}

	.acf-block-preview .box.style6 .title {
		min-height: inherit;
		font-size: 20px
	}

	.acf-block-preview .solution-slider .slide {
		padding: 0 15px
	}

	.acf-block-preview .box.style6 ul li a {
		font-size: 14px
	}

	.acf-block-preview .box.style6 ul li {
		margin: 14px 0
	}

	.acf-block-preview .box.style6 {
		box-shadow: none;
		border: 1px solid hsla(0, 0%, 43.9%, .21);
		border-radius: 10px
	}

	.acf-block-preview .mobile-mockup-slider .slick-list {
		margin-left: -15px;
		margin-right: -15px
	}

	.acf-block-preview .mc-image .mobile-mockup-device {
		opacity: 1
	}

	.acf-block-preview .mobile-mockup-slider .slide {
		padding: 0 30px;
		transform: scale(1)
	}

	.acf-block-preview .phone-camera {
		opacity: 1
	}

	.acf-block-preview .project-overview ul li {
		padding: 10px 0;
		font-size: 16px;
		flex-direction: column
	}

	.acf-block-preview .img-icons img {
		width: 40px
	}

	.acf-block-preview .screenshot-img img {
		height: 380px
	}

	.acf-block-preview .box.style9 .title {
		font-size: 20px;
		padding: 20px
	}

	.acf-block-preview .icon-teaser.v10 {
		padding: 25px;
		margin-top: 30px
	}

	.acf-block-preview .banner-logos {
		min-width: 100%;
		gap: 15px
	}

	.acf-block-preview .banner-logos li {
		width: 28%;
		flex: 0 0 28%
	}

	.acf-block-preview .testimonial-video-wrapper .testimonial-arrows>div {
		width: 40px;
		height: 40px
	}

	.acf-block-preview .testimonial-video-wrapper .testimonial-arrows {
		bottom: 15px;
		right: 15px
	}

	.acf-block-preview .video-quotes {
		margin-top: 30px
	}

	.acf-block-preview .testimonial-box.alt {
		margin-bottom: 20px;
		opacity: 1
	}

	.acf-block-preview .testimonial-box.alt:after {
		opacity: 1
	}

	.acf-block-preview .progress-circles {
		margin-top: 0
	}

	.acf-block-preview .box-slider-dots .slick-dots {
		text-align: center;
		margin-top: 0
	}

	.acf-block-preview .box-slider .slick-list {
		margin-right: -20px
	}

	.acf-block-preview .cta-inner.style3 .cta_img {
		display: none
	}

	.acf-block-preview .timeline-content {
		padding: 30px
	}

	.acf-block-preview .timeline-item {
		padding-top: 40px
	}

	.acf-block-preview .icon-teaser.style2 .title,
	.acf-block-preview .testimonial-box-alt .title {
		font-size: 22px
	}

	.acf-block-preview .testimonial-box-alt .quotes-icon {
		min-width: 55px
	}

	.acf-block-preview .box.style7 .title {
		font-size: 26px
	}

	.acf-block-preview .box.style7 .text {
		padding: 20px
	}

	.acf-block-preview .box.style7 .inner-box p {
		line-height: 20px;
		font-size: 12px
	}

	.acf-block-preview .box.style7 .inner-box .numbers {
		font-size: 30px;
		margin-bottom: 5px
	}

	.acf-block-preview .icon-teaser.v7 .price {
		font-size: 46px;
		line-height: 55px
	}

	.acf-block-preview .testimonial-box-alt {
		padding: 30px
	}

	.acf-block-preview .testimonial-box-alt .meta span {
		font-size: 18px
	}

	.acf-block-preview .testimonial-box-alt .meta .img {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		margin-right: 15px;
		min-width: 50px
	}

	.acf-block-preview .n_top_230 {
		margin-top: -150px;
		padding-top: 200px
	}

	.acf-block-preview .icon-teaser.v7 {
		padding: 25px
	}

	.acf-block-preview .screen-scroll .image-shop-scroll {
		height: 100%
	}

	.acf-block-preview .screen-scroll {
		height: 300px
	}

	.acf-block-preview .cs-box.style1 .link_text,
	.acf-block-preview .cs-box.style2 .link_text {
		font-size: 16px
	}

	.acf-block-preview .csp-small-box {
		height: 300px
	}

	.acf-block-preview .counter.style2 .num_pos {
		font-size: 46px
	}
}

@media (max-width:767px) {
	.acf-block-preview .banner-logos li img {
		height: 44px
	}

	.acf-block-preview .cta-box2.alt {
		margin-top: -100px
	}

	.acf-block-preview .footer-logo-bottom {
		height: 40px
	}

	.acf-block-preview .mobile_btn {
		display: block;
		margin-top: 15px
	}

	.acf-block-preview .header-action {
		display: none
	}

	.acf-block-preview .hero-text {
		width: 80%;
		font-size: 16px
	}

	.acf-block-preview .h1,
	.acf-block-preview h1 {
		font-size: 36px;
		line-height: 120%
	}

	.acf-block-preview .h2,
	.acf-block-preview .text_70,
	.acf-block-preview h2 {
		font-size: 32px;
		line-height: 120%
	}

	.acf-block-preview .h3,
	.acf-block-preview h3 {
		font-size: 30px;
		line-height: 120%
	}

	.acf-block-preview .h4,
	.acf-block-preview h4 {
		font-size: 28px;
		line-height: 120%
	}

	.acf-block-preview .h5,
	.acf-block-preview h5 {
		font-size: 24px;
		line-height: 120%
	}

	.acf-block-preview .h6,
	.acf-block-preview h6 {
		font-size: 22px;
		line-height: 120%
	}

	.acf-block-preview .hero-text .cta-btn {
		margin-top: 0
	}

	.acf-block-preview .hero-area {
		padding-top: 100px
	}

	.acf-block-preview .hero-bottom {
		margin-top: 30px;
		padding-left: 0
	}

	.acf-block-preview .hero-bottom .icon-list .slick-list {
		margin-left: -20px;
		margin-right: -20px
	}

	.acf-block-preview .section-heading {
		width: 100%;
		margin: 0 auto 20px
	}

	.acf-block-preview .box-slider-two-row .slick-track {
		display: block !important
	}

	.acf-block-preview .box-slider-two-row .slick-track>div {
		min-width: inherit !important
	}

	.acf-block-preview .box.style1 {
		display: block;
		text-align: center;
		margin: 0
	}

	.acf-block-preview .box.style1 .icon {
		min-width: 55px;
		width: 55px;
		height: 55px;
		min-height: 55px;
		margin: 0 auto 20px;
		display: block
	}

	.acf-block-preview .box.style1 .icon img {
		width: 100%;
		height: 100%
	}

	.acf-block-preview .box-slider-two-row .slick-dots {
		margin-top: 15px
	}

	.acf-block-preview .link_text {
		font-size: 14px
	}

	.acf-block-preview .box.style2 .info {
		padding: 20px
	}

	.acf-block-preview .box.style2 .title {
		font-size: 20px
	}

	.acf-block-preview .box-carousel {
		margin-top: 0
	}

	.acf-block-preview .box-carousel .slide {
		padding: 0 15px
	}

	.acf-block-preview .box.style3 {
		height: 340px
	}

	.acf-block-preview .box.style3 .info {
		padding: 20px
	}

	.acf-block-preview .testimonial-box {
		opacity: 1
	}

	.acf-block-preview .testimonial-box .title {
		font-size: 22px
	}

	.acf-block-preview .testimonial-box {
		font-size: 16px;
		line-height: 27px;
		padding-bottom: 30px
	}

	.acf-block-preview .review-meta .name {
		font-size: 17px
	}

	.acf-block-preview .testimonial-box:after {
		opacity: 1;
		height: 3px
	}

	.acf-block-preview .testimonial-slider {
		margin-top: 15px
	}

	.acf-block-preview .cta-box.style1 {
		padding: 30px
	}

	.acf-block-preview .cta-box.style1 .cta-btn {
		margin-top: 10px
	}

	.acf-block-preview .related-links li a {
		padding: 7px 12px;
		font-size: 13px
	}

	.acf-block-preview .related-links li {
		display: inline-block;
		margin-right: 5px;
		margin-top: 5px
	}

	.acf-block-preview .footer-cta p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 5px
	}

	.acf-block-preview .footer-cta a {
		font-size: 24px
	}

	.acf-block-preview .footer-cta .icon {
		margin-right: 15px;
		width: 65px;
		height: 65px;
		min-width: 65px;
		min-height: 65px;
		font-size: 18px
	}

	.acf-block-preview .counter.style2 .num {
		font-size: 40px
	}

	.acf-block-preview .counter.style2 p {
		font-size: 12px
	}

	.acf-block-preview .footer-cta {
		padding: 30px 0
	}

	.acf-block-preview .footer-area {
		position: relative;
		z-index: 1
	}

	.acf-block-preview .box.style2 {
		height: 300px
	}

	.acf-block-preview .content-img.group-mockup-img img {
		border-radius: 10px
	}

	.acf-block-preview .review_badge {
		width: 180px;
		margin: 30px auto 0
	}

	.acf-block-preview .company-box {
		padding: 15px;
		height: 60px
	}

	.acf-block-preview .hero-text .h1 span:after {
		bottom: 0;
		height: 10px;
		background-size: cover
	}

	.acf-block-preview .breadcrumb_navigation ul li {
		font-size: 12px;
		line-height: 18px;
		margin-left: 5px;
		padding-left: 10px
	}

	.acf-block-preview .breadcrumb_navigation {
		padding-bottom: 30px
	}

	.acf-block-preview .banner-area {
		padding-top: 70px
	}

	.acf-block-preview .banner-area:before,
	.acf-block-preview .hero-area:before {
		display: none
	}

	.acf-block-preview .link_text_down {
		margin-top: 0
	}

	.acf-block-preview .awards-box-container .line-container {
		width: 10px;
		left: 19px;
		top: 40px;
		height: calc(100% - 390px)
	}

	.acf-block-preview .award-badges {
		left: -73px;
		width: 55px;
		height: 55px;
		padding: 0;
		top: 0
	}

	.acf-block-preview .awards-box-container .inner-box {
		padding: 0;
		margin-left: 72px
	}

	.acf-block-preview .award-list li img {
		top: 0;
		left: 0;
		width: 50px
	}

	.acf-block-preview .award-list li {
		padding-left: 65px
	}

	.acf-block-preview .award-list {
		margin-top: 30px
	}

	.acf-block-preview .awards-box-container .inner-box:after {
		display: none
	}

	.acf-block-preview .banner-area.style2 .breadcrumb_navigation {
		padding-bottom: 30px
	}

	.acf-block-preview .banner-area.style2 {
		padding-bottom: 50px
	}

	.acf-block-preview .banner-area.style2 .hero-bottom {
		margin-top: 30px;
		padding: 0
	}

	.acf-block-preview .side-calculator {
		padding: 15px
	}

	.acf-block-preview .post-right {
		position: inherit
	}

	.acf-block-preview .banner-area {
		overflow-x: hidden
	}

	.acf-block-preview .sidebar-widegt .title {
		font-size: 22px
	}

	.acf-block-preview .side_form button {
		width: 100%;
		margin-left: 0
	}

	.acf-block-preview .side-calculator img {
		width: 26%
	}

	.acf-block-preview .side-calculator .inner {
		width: 60%
	}

	.acf-block-preview .newsletter-area .content-img {
		margin-top: 0
	}

	.acf-block-preview .large-post.box.style4 .image {
		height: 180px
	}

	.acf-block-preview .about-area .container>img {
		display: none
	}

	.acf-block-preview .shape_heading span:after {
		bottom: 0
	}

	.acf-block-preview .about-area {
		padding-top: 50px;
		height: auto;
		padding-bottom: 0
	}

	.acf-block-preview .about-area.alt {
		font-size: 16px;
		line-height: 26px
	}

	.acf-block-preview .jobpositions .accordion-button {
		padding: 20px
	}

	.acf-block-preview .jobpositions .accordion-body {
		padding: 50px 20px 20px;
		margin-top: -40px
	}

	.acf-block-preview .jobpositions .accordion-button span {
		font-size: 20px
	}

	.acf-block-preview .plus-minus {
		top: 30px
	}

	.acf-block-preview .banner-area .content-text .contact-cta p {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 5px
	}

	.acf-block-preview .map_img .inner {
		padding: 20px;
		bottom: 0;
		left: 30px;
		width: calc(100% - 60px);
		text-align: center
	}

	.acf-block-preview .calculator_form {
		padding: 20px
	}

	.acf-block-preview .calculator_form .label,
	.acf-block-preview .calculator_form label,
	.acf-block-preview .calculator_form legend {
		font-size: 14px
	}

	.acf-block-preview .calculator_form form>ul>li {
		margin-top: 16px
	}

	.acf-block-preview .timeline-content {
		padding: 30px
	}

	.acf-block-preview .timeline-number {
		font-size: 28px;
		margin-bottom: 20px;
		text-align: left
	}

	.acf-block-preview .timeline-number .title span {
		width: 55px;
		height: 55px
	}

	.acf-block-preview .timeline_shape {
		display: none
	}

	.acf-block-preview .timeline-item {
		padding-top: 30px
	}

	.acf-block-preview .cta-inner.style3 .cta_img {
		display: none
	}

	.acf-block-preview .cta-inner.style3 {
		padding: 30px;
		text-align: center;
		border-radius: 10px
	}

	.acf-block-preview .cta-box.style3 {
		padding: 30px
	}

	.acf-block-preview .faq-header a {
		font-size: 15px;
		line-height: 20px;
		padding: 18px 40px 18px 18px
	}

	.acf-block-preview .calculator_form .range_slide .inner {
		min-width: 40%;
		margin-right: 30px;
		margin-left: 30px
	}

	.acf-block-preview .progress-circles {
		flex-wrap: wrap
	}

	.acf-block-preview .mobile-pricing {
		display: flex
	}

	.acf-block-preview .mobile-pricing>div {
		flex: 1;
		background: #181818;
		color: #fff;
		padding: 10px;
		text-align: center;
		font-size: 13px
	}

	.acf-block-preview .mobile-pricing>div.active {
		background: #ea257d
	}

	.acf-block-preview .pricing-box .plan_features h3 {
		padding: 15px;
		font-size: 20px;
		height: 130px
	}

	.acf-block-preview .monthly-price {
		font-size: 26px
	}

	.acf-block-preview .plan-header .title {
		font-size: 14px
	}

	.acf-block-preview .pricing-box .plan-item .plan-header {
		align-items: center;
		height: 130px
	}

	.acf-block-preview .pricing-box ul li {
		padding: 10px 15px;
		font-size: 15px
	}

	.acf-block-preview .plan-item img {
		height: 14px
	}

	.acf-block-preview .plan-footer img {
		height: auto
	}

	.acf-block-preview .panel-footer .cta-btn {
		padding: 12px;
		font-size: 13px
	}

	.acf-block-preview .panel-footer .cta-btn .arrows {
		display: none
	}

	.acf-block-preview .pricing-box .col-6:nth-child(2n) {
		background: #f5f5f5
	}

	.acf-block-preview .faq-body {
		padding: 50px 20px 20px
	}

	.acf-block-preview .box.style8 .title {
		font-size: 22px
	}

	.acf-block-preview .icon-teaser.style2.alt {
		font-size: 14px;
		line-height: 20px;
		padding: 20px
	}

	.acf-block-preview .icon-teaser.style2.alt .title {
		font-size: 18px
	}

	.acf-block-preview .icon-teaser.v3 .icon {
		width: 50px;
		margin: 0 auto 15px
	}

	.acf-block-preview .icon-teaser.v3 .title {
		font-size: 18px
	}

	.acf-block-preview .icon-teaser.v3 {
		margin-top: 30px
	}

	.acf-block-preview .team-box .image {
		width: 110px;
		height: 110px
	}

	.acf-block-preview .team-slider .slick-list {
		margin-left: -20px;
		margin-right: -20px
	}

	.acf-block-preview .team-box .title {
		margin-bottom: 0;
		font-size: 18px;
		font-weight: 600
	}

	.acf-block-preview .icon-teaser.style1.fill_box {
		text-align: center;
		padding: 50px
	}

	.acf-block-preview .cs-box.alt.style2 {
		padding: 20px
	}

	.acf-block-preview .cs-box.alt.style2 .title {
		font-size: 24px
	}

	.acf-block-preview .cs_testimonial_logo {
		width: 200px
	}

	.acf-block-preview .cs_review {
		font-size: 18px
	}

	.acf-block-preview .cs_name {
		font-size: 20px;
		margin-bottom: 0
	}

	.acf-block-preview .cs_review_meta {
		font-size: 16px
	}

	.acf-block-preview .cs-box.alt.style2 {
		height: 340px
	}

	.acf-block-preview .cs-box.style2.alt.mini img {
		height: auto
	}

	.acf-block-preview .cs-box.alt.style2.alt.mini .title {
		font-size: 24px
	}

	.acf-block-preview .banner-area.style2.v5 {
		padding-bottom: 150px
	}

	.acf-block-preview .quotes-text {
		font-size: 18px;
		line-height: 28px
	}

	.acf-block-preview .quotes-text .title {
		font-size: 22px
	}

	.acf-block-preview .maintenance-list.alt.dark li span {
		font-size: 36px
	}

	.acf-block-preview .maintenance-list.alt.dark li {
		font-size: 16px;
		padding: 15px
	}

	.acf-block-preview .maintenance-list.alt.dark {
		margin-top: 30px
	}

	.acf-block-preview .skew_area:after {
		height: 115px
	}

	.acf-block-preview .screenshot-carousel .slide {
		padding: 0 10px
	}

	.acf-block-preview .screenshot-carousel .slick-carouse {
		margin-left: -10px;
		margin-right: -10px
	}

	.acf-block-preview .screenshot-img img {
		height: 360px
	}

	.acf-block-preview .screenshot-carousel {
		padding-top: 30px
	}

	.acf-block-preview .img-icons img {
		width: 30px
	}

	.acf-block-preview .banner-area.style2.v6 .breadcrumb_navigation {
		padding-bottom: 30px
	}

	.acf-block-preview .box.style9 .title {
		font-size: 16px;
		padding: 15px
	}

	.acf-block-preview .box.style11 {
		padding: 20px
	}

	.acf-block-preview .c_popup .screen-scroll,
	.acf-block-preview .csp-small-box {
		height: 200px
	}

	.acf-block-preview .counter.style2 .num_pos {
		font-size: 40px
	}

	.acf-block-preview .cs-box.style1.vv1 {
		padding: 15px
	}
}

@media (max-width:575px) {
	.acf-block-preview .screenshot-img img {
		height: 220px
	}

	.acf-block-preview .img-icons img {
		width: auto
	}

	.acf-block-preview .cs-box.style2 .title {
		font-size: 18px
	}

	.acf-block-preview .post-single-page .main-wrapper {
		overflow-x: hidden
	}

	.acf-block-preview .post-right {
		margin-top: 30px
	}

	.acf-block-preview .awards-box-container .line-container {
		height: calc(100% - 690px)
	}

	.acf-block-preview .hero-text {
		width: 80%
	}

	.acf-block-preview .footer-logo {
		margin: 0 0 20px
	}

	.acf-block-preview .footer-widget.footer-info {
		width: 100%;
		margin: 0;
		text-align: left
	}

	.acf-block-preview .related-links {
		text-align: center
	}

	.acf-block-preview .content-img.group-mockup-img img {
		border-radius: 20px
	}

	.acf-block-preview .cta-btn {
		width: 100%;
		padding: 12px 20px;
		font-size: 15px
	}

	.acf-block-preview .award-img {
		width: 80%
	}

	.acf-block-preview .box.style2 {
		height: 180px
	}

	.acf-block-preview .box.style2 .title {
		font-size: 18px
	}

	.acf-block-preview .content-img {
		margin-bottom: 30px
	}

	.acf-block-preview .testimonial-box {
		text-align: center
	}

	.acf-block-preview .review-meta {
		flex-direction: column;
		gap: 15px
	}

	.acf-block-preview .review-meta img {
		margin-right: 0
	}

	.acf-block-preview .company-box {
		padding: 10px;
		height: 50px;
		width: calc(33% - 16px)
	}

	.acf-block-preview .footer-counter {
		margin-top: 20px
	}

	.acf-block-preview .banner-area .content-img {
		margin-top: 30px;
		margin-bottom: 0
	}

	.acf-block-preview .newsletter-area .content-img {
		display: none
	}

	.acf-block-preview .large-post .text {
		flex-direction: column
	}

	.acf-block-preview .box.style4.small-post .text {
		padding-top: 15px
	}

	.acf-block-preview .box.style4 .image,
	.acf-block-preview .large-post.box.style4 .image,
	.acf-block-preview .small-post.box.style4 .image {
		height: 200px
	}

	.acf-block-preview .small-post:nth-child(2),
	.acf-block-preview .small-post:nth-child(3) {
		display: block
	}

	.acf-block-preview .c_form {
		margin-top: 0;
		padding: 30px
	}

	.acf-block-preview .testimonial.single_reviews {
		margin-top: 30px;
		padding: 30px
	}

	.acf-block-preview .calculator_form .range_slide {
		flex-direction: column;
		align-items: flex-start
	}

	.acf-block-preview .calculator_form .range_slide .inner {
		min-width: 100%;
		margin-left: 0
	}

	.acf-block-preview .range_slide .label {
		text-align: left;
		display: block
	}

	.acf-block-preview .range_slide .price {
		padding: 8px 15px;
		min-width: 75px;
		font-size: 14px;
		color: #181818
	}

	.acf-block-preview .calculator_form form>ul.row {
		margin-left: -10px;
		margin-right: -10px
	}

	.acf-block-preview .table-content {
		display: none
	}

	.acf-block-preview .content_sticky .table_content.dropdown-menu.show {
		display: block;
		width: 100%
	}

	.acf-block-preview .content_sticky .dropdown-toggle {
		width: 100%;
		padding: 15px;
		background: #101010;
		color: #fff;
		display: block;
		border-radius: 10px;
		font-size: 18px
	}

	.acf-block-preview .content_sticky .dropdown-toggle:after {
		position: absolute;
		right: 20px;
		top: 30px
	}

	.acf-block-preview .content_sticky {
		display: block;
		margin-bottom: 30px
	}

	.acf-block-preview .maintenance-list li:last-child {
		padding-bottom: 0
	}

	.acf-block-preview .banner-img {
		margin-top: 30px
	}

	.acf-block-preview .cs-box.style1,
	.acf-block-preview .cs-box.style2 {
		height: 230px
	}

	.acf-block-preview .cs-box.style1 .text {
		padding: 15px
	}

	.acf-block-preview .cs-box.style1 .title {
		font-size: 18px;
		margin-bottom: 0
	}

	.acf-block-preview .cs-box.style1:after {
		height: 100%
	}

	.acf-block-preview .cta-box2 .inner {
		padding: 30px
	}

	.acf-block-preview .content_tab .dropdown-menu {
		display: none
	}

	.acf-block-preview .content_tab .dropdown .dropdown-toggle.show+.dropdown-menu {
		border: none;
		background: #181818;
		border-radius: 0;
		box-shadow: none;
		border: none !important;
		text-align: left;
		padding: 0;
		box-shadow: none !important;
		margin: -2px 0 0 !important;
		width: 100%;
		display: block
	}

	.acf-block-preview .mobileSelect {
		display: block;
		width: 100%;
		height: 60px;
		background: #181818;
		color: #fff;
		font-weight: 500;
		text-align: left;
		padding: 10px 25px;
		font-family: Kanit, sans-serif;
		font-size: 18px;
		border-radius: 10px
	}

	.acf-block-preview .content_tab .dropdown .dropdown-toggle.show.mobileSelect {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0
	}

	.acf-block-preview .dropdown-toggle.mobileSelect:after {
		float: right;
		position: relative;
		top: 12px
	}

	.acf-block-preview .content_tab .nav-tabs .nav-link {
		padding: 10px 25px;
		border-radius: 0;
		background: transparent;
		color: #fff;
		font-size: 18px;
		font-weight: 500
	}

	.acf-block-preview .content_tab .dropdown {
		margin-bottom: 30px
	}

	.acf-block-preview .tab_content_text {
		padding: 0;
		box-shadow: none
	}

	.acf-block-preview .content_tab .content-img {
		height: auto
	}

	.acf-block-preview .icon-teaser.style1.fill_box {
		text-align: center;
		padding: 20px
	}

	.acf-block-preview .cs-tab-desktop,
	.acf-block-preview .cs-tab-mobile {
		margin-bottom: 20px
	}

	.acf-block-preview .cs-box.alt.style2 {
		height: auto
	}

	.acf-block-preview .cs-box.style2.alt.mini img {
		margin: 15px 0;
		height: auto
	}

	.acf-block-preview .apply_form {
		margin-top: 20px
	}

	.acf-block-preview .project-overview {
		margin-bottom: 30px
	}

	.acf-block-preview .icons-image-right {
		padding: 0 30px 30px
	}

	.acf-block-preview .pr-details-heading {
		margin-bottom: 0
	}

	.acf-block-preview .desktop-mockup .mockup_bg {
		top: 10px;
		left: 40px;
		width: 252px;
		height: 165px
	}

	.acf-block-preview .skew_area {
		padding-bottom: 30px
	}

	.acf-block-preview .banner-slider .slick-list {
		padding-right: 60px
	}

	.acf-block-preview .banner-slider .slide {
		padding: 0 8px
	}

	.acf-block-preview .banner-slider .slick-list {
		margin-left: -8px
	}

	.acf-block-preview .clients-slider .slide {
		padding: 0 8px
	}

	.acf-block-preview .clients-slider .slick-list {
		margin-left: -8px;
		margin-right: -8px
	}

	.acf-block-preview .banner-logos {
		margin-top: 30px
	}

	.acf-block-preview .video-quotes {
		margin-top: 0
	}

	.acf-block-preview .banner-logos li {
		width: 30%;
		flex: 0 0 30%
	}

	.acf-block-preview .progress-circles,
	.acf-block-preview .video-box.thankyou-video {
		margin-top: 30px
	}

	.acf-block-preview .testimonial-box-alt {
		padding: 30px;
		margin-top: 30px
	}

	.acf-block-preview .n_top_230 {
		margin-top: -60px;
		padding-top: 100px
	}

	.acf-block-preview .bg_dark_alt {
		padding: 20px;
		margin-bottom: 30px
	}

	.acf-block-preview .h_100 {
		height: auto
	}

	.acf-block-preview .cs_filter {
		overflow-x: scroll;
		padding-bottom: 0;
		border-bottom: 2px solid hsla(0, 0%, 43.9%, .12);
		overflow-y: hidden;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 11
	}

	.acf-block-preview .cs_filter ul {
		display: flex;
		flex-wrap: nowrap
	}

	.acf-block-preview .cs_filter li a {
		white-space: nowrap
	}

	.acf-block-preview .cs_filter {
		display: none
	}

	.acf-block-preview .content_sticky .cs_filter {
		display: block
	}

	.acf-block-preview .content_sticky {
		background: #000;
		border-radius: 6px;
		padding: 0 10px
	}

	.acf-block-preview .cs_filter li a {
		padding: 14px;
		font-size: 17px;
		color: #fff
	}

	.acf-block-preview .tab-content section {
		padding-top: 30px
	}
}

@media (max-width:420px) {
	.acf-block-preview .hero-text {
		width: 100%
	}

	.acf-block-preview .post-author-box {
		flex-direction: column
	}
}

.acf-block-preview .timeline-item.active .timeline-number .title span {
	background: #ea257d;
	color: #fff
}