@import url("../fonts/fonts.css");

/*ADMIN CSS OVERWRITE START*/
/*html :where(.wp-block):not(.wp-block-heading):not(.paragraph):not(h1):not([aria-label="Block: Container"]),*/
.editor-visual-editor {
	background-color: var(--black);
}
.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block:not(.wp-block-heading):not(.paragraph):not(h1):not(h2):not(h3):not(h4):not(h5):not([aria-label="Block: Container"]):not(.block-editor-rich-text__editable):not(.wp-block-separator) {
	margin: 0;
}
.interface-navigable-region.interface-interface-skeleton__sidebar>div,
.interface-navigable-region.interface-interface-skeleton__sidebar>div>div {
	width: 420px !important;
}
.editor-styles-wrapper.block-editor-writing-flow {
	padding-left: 0;
	padding-right: 0;
}
body.wp-admin .acf-editor-wrap iframe {
	height: 260px !important;
}
body.wp-admin .acf-repeater table.acf-table tbody tr:nth-child(even) td:first-of-type {
    background-color: var(--contrast) !important;
    color: #000;
}
body.wp-admin .acf-repeater table.acf-table tbody tr:nth-child(odd) td:first-of-type {
    background-color: var(--light-blue) !important;
    color: #000;
}
@media (min-width: 1149px) {
	body.site-editor-php .interface-navigable-region.interface-interface-skeleton__sidebar>div,
	body.site-editor-php .interface-navigable-region.interface-interface-skeleton__sidebar>div>div {
		width: 600px !important;
	}
}
/*ADMIN CSS OVERWRITE END*/

/* main/global container width */
.main-container {
    max-width: 1320px;
    margin: 0 auto;
}
/* main/global container width ends */


/* global typographies */
body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 {
	font-family: 'Clash Display', sans-serif;
}
body p, body span, body a, body li, body .p, body .span, body .a, body .li {
    font-family: 'Apparat', sans-serif;
}

ul.wp-block-list {
    margin-left: 30px;
}
/* global typographies ends */


.title-has-border {
    margin-bottom: 124px;
    position: relative;
}
.title-has-border::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 92%;
    margin-top: 20px;
    height: 96px;
    border-left: 0.5px solid #fff;
    margin-bottom: 29px;
    z-index: 1;
}
.title-has-border.dark::after {
    border-color: #0F0F0F;
}

.cta-has-arrow {
    transition: all 300ms ease-out;
}
.cta-wrapper:hover .cta-has-arrow {
    transform: translate(215px, 0px);
}
.cta-has-arrow::before {
    content: url(/wp-content/uploads/2025/07/Arrow.svg);
    position: absolute;
    transform: translate(-186px, 0px);
}
.cta-has-arrow.dark::before {
    content: url(/wp-content/uploads/2025/07/Arrow-Dark.svg);
    transform: translate(-171px, 0px);
}

/*BLOG STYLE START*/
.single-post .grid-container {
    max-width: 1384px;
    padding: 0 32px;
}
.single-post h1 {
	margin-bottom: 24px;
}
.post-thumbnail img.attachment-medium.size-medium.wp-post-image {
	margin-bottom: 12px;
}
.single-post .comments-area, 
.single-post footer.entry-meta {
    display: none !important;
}
/*Backend setting start*/
.post-type-post .editor-styles-wrapper {
	max-width: 872px;
	margin-left: auto;
    margin-right: auto;
}
.post-type-post .editor-styles-wrapper h2 {
	margin-top: 48px;
	margin-bottom: 24px;
}
/*Backend setting end*/
.single-post h2 {
	margin-top: 48px;
	margin-bottom: 24px;
}
.single-post .inside-article {
    max-width: 872px;
    padding: 0 !important;
    margin-top: 120px !important;
	margin-left: auto;
	margin-right: auto;
}
/*Related post*/
.related-article-posts-wrap {
    padding: 150px 0;
	max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}
.related-article-posts-wrap > h2 {
	margin-bottom: 48px;
}
.related-article-posts {
    display: flex;
    column-gap: 24px;
    padding: 0;
}
article.post-item {
    width: calc(33.3333% - 16px);
    max-width: 100%;
}
.related-article-posts >.post-item > h2 {
	max-width: 100%;
	font-family: "Clash Display";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%; /* 22px */
	text-transform: uppercase;
	color: black !important;
	text-decoration: none !important;
	margin-bottom: 32px;
}
img.attachment-medium.size-medium.wp-post-image {
    width: 424px;
	max-width: 100%;
	margin-bottom: 24px;
}
.post-category a {
    color: black;
    text-decoration: none;
	font-family: Apparat;
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 15.4px */
	letter-spacing: 1.54px;
	text-transform: uppercase;
}
.post-category {
	margin-bottom: 16px;
}
.post-title a {
	color: inherit;
	text-decoration: none;
}
.post-button a {
    color: black;
    font-family: "Clash Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.post-button svg {
    margin-left: 8px;
}
/*BLOG STYLE END*/

/*CATEGORY ARCHIVE START*/
.news-container,
.archive.category .grid-container {
    max-width: 1384px;
    padding: 100px 32px;
}
.category-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
ul.all-categories {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 48px;
}
ul.all-categories a {
    font-family: "Clash Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    color: #000;
    text-decoration: none;
}
ul.all-categories li.active a,
ul.all-categories a:hover {
    color: #19809F;
}
.category-archive-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 64px 24px;
    margin-top: 48px;
}
/*CATEGORY ARCHIVE END*/

.news-container {
	margin-left: auto;
	margin-right: auto;
}
.more-article-wrap {
	display: flex;
	justify-content: center;
	margin-top: 64px;
}
.more-article {
	display: flex;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    background: #616161;
    border-radius: 2px;
    color: #FFF;
    font-family: "Clash Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
	text-decoration: none;
}
.more-article:hover {
	background: #19809F;
	color: #FFF;
}
.rotated-wrap {
	writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}
.divided-line-wdot:before {
    content: '';
    width: 1px;
    height: calc(100% + 160px);
    background: #FFF;
    position: absolute;
    left: 90px;
    top: 0;
}
.divided-line-wdot.last-row:before {
    height: calc(100% - 130px);
}
.divided-line-wdot .rotated-wrap:before {
    content: '';
    height: 10px;
    width: 10px;
    background: #FFF;
    position: absolute;
    top: calc(50% - 5px);
    left: -71px;
}
.shrink-container {
  transition: all 0.7s ease; /* smooth updates */
  will-change: transform; /* better performance */
}
.slide-overlay,
.slide-overlay-wrap {
	transition: all 0.5s ease;
}
body:not(.wp-admin) .slide-overlay-wrap.remove-overlay-bg {
	background: transparent !important;
}

/*SERVICES SLIDER START*/
.service-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.service-icon img {
    width: auto !important;
}
.services-slide .item {
    text-decoration: none;
    min-height: 434px;
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    background: rgba(28, 28, 28, 0.20);
    backdrop-filter: blur(10px);
    padding: 24px;
}
.services-slide .item * {
    color: #FFF;
}
.services-slide .owl-stage {
    padding-left: 0 !important
}
.services-slide.owl-carousel .owl-stage-outer {
	overflow: visible;
}
.services-slide .item.remove-bg {
    backdrop-filter: unset;
    background-color: transparent;
}
.services-slide .owl-item:last-of-type div.item > a {
    position: absolute;
    left: 45%;
    top: 46%;
	text-decoration: none;
}
.services-slide .item.remove-bg h3 {
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 52.8px;
	width: 500px;
    text-align: center;
}
/*SERVICES SLIDER END*/

.dealer-locator-map {
	border-radius: 8px;
	width: 100%;
	height: 670px;
}
.no-margin figure.size-full {
    margin: 0;
}
.partners-logo-sec a {
	display: flex;
}
.single .wp-block-image figure {
    margin-bottom: 32px;
}

/*GSAP CSS START*/

/*GSAP CSS END*/

@media (max-width: 1024px) {
	.news-container,
	.archive.category .grid-container {
		padding: 100px 12px 70px;
	}
	.single-post .grid-container {
		padding-left: 12px;
		padding-right: 12px;
	}
	.related-article-posts-wrap {
		padding: 75px 0;
	}
	.divided-line-wdot:before {
		left: 59px;
	}
	.divided-line-wdot .rotated-wrap:before {
		left: -20px;
	}
	.dealer-locator-map {
		height: 480px;
	}
}
@media (max-width: 767px) {
    .title-has-border {
        margin-bottom: 100px;
    }
    .title-has-border::after {
        height: 64px;
    }
	article.post-item {
		width: 100%;
	}
	.services-slide.owl-carousel {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
	.services-slide .item {
		min-height: unset;
		gap: 57px;
	}
	.services-slide .item h3 {
		margin-bottom: 32px;
	}
	.services-slide .item.remove-bg {
		padding: 110px 0;
		text-align: center;
	}
	.services-slide .item.remove-bg a {
		text-decoration: none;
	}
	.services-slide .item.remove-bg h3 {
		font-size: 30px;
		line-height: 33px;
		margin-left: auto;
        margin-right: auto;
		text-decoration: none;
		width: 100%;
	}
	.services-slide .item.remove-bg h3 svg {
		width: 20px;
		height: 20px;
	}
	.from-lefttoright,
	.from-righttoleft,
	.from-bottomtotop {
		transform: unset !important;
		opacity: 1 !important;
	}
	.category-heading {
		flex-direction: column;
		align-items: flex-start;
	}
	ul.all-categories {
		gap: 8px;
		flex-wrap: wrap;
		margin-top: 24px;
	}
	ul.all-categories a {
		border-radius: 8px;
		background: #DAE5E8;
		padding: 10px;
		display: block;
	}
	ul.all-categories li.active a, ul.all-categories a:hover {
		background: #0B5268;
		color: #FFF;
	}
	.shrink-container {
		width: 100% !important;
	}
	
	.divided-line-wdot {
		position: absolute;
		height: 100%;
	}
	.divided-line-wdot:before {
		top: 44px;
	}
	.divided-line-wdot > div {
		margin-bottom: 40px;
	}
	.divided-line-wdot + div {
		width: 100% !important;
		padding-left: 90px;
	}
	.divided-line-wdot.last-row:before {
		height: calc(100% - 175px);
	}
	.divided-line-wdot.last-row > div {
		margin-bottom: 77px;
	}
	.rotated-texts-column {
		position: absolute;
		height: 100%;
	}
	.rotated-texts-column + div {
		width: 100%;
		padding-left: 90px;
	}
	.partners-logo-sec > figure:nth-of-type(even) {
		display: flex;
		justify-content: flex-end;
	}
	.partners-logo-sec > figure {
		width: 40%;
	}
	.related-article-posts {
		flex-wrap: wrap;
		gap: 64px;
	}
	.partner-slider-container {
		margin-top: -80px !important;
	}
	.gb-element-6645e983 {
		height: calc(100vh - 60px) !important;
	}
}
/*IF IPHONE*/
@media (max-width: 767px) {
	.is-iphone .gb-element-6645e983 {
		padding: 86px 0 135px !important;
		height: auto !important;
		min-height: calc(100vh - 60px) !important;
	}
}