/*
Theme Name: Steeler Child
Theme URI: http://demo.7iquid.net/steeler
Author: 7iquid
Author URI: http://themeforest.net/user/7iquid
Template: steeler
Description: Steeler is a WordPress theme exclusively built for manufacture, industry, factory, laboratory or construction company websites. The theme helps you to get your site up and running in less than minutes with the One Click Demo Importer. Create pages easily with the Drag & Drop Page Builder (Elementor Free) and fully responsive, retina ready and easy to customize.
Version: 1.2
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: steeler-child
Tags: factory, industrial, gas, chemical, company, construction, engineering, industry, laboratory, manufacture, mechanical, mining, oil, pharmaceutical, refinery, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
	font-family: 'WorkSans';
	src: url('assets/fonts/WorkSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'WorkSans';
	src: url('assets/fonts/WorkSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

body {
	-webkit-font-smoothing: antialiased;
}

body, body div, p, input, textarea, select, ul li, ol li,
h1, h2, h3, h4, h5, h6,
body .btn, body button, body .button, body input[type="submit"] {
	font-family: WorkSans, sans-serif !important;
	letter-spacing: 0 !important;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    margin-bottom: 20px;
	font-weight: bold;
	color: #061C36;
}
body .cms-heading.layout1 .custom-heading {
	margin-bottom: 20px;
}
body h1 {
	font-size: 60px;
	line-height: 70px;
}
body h2 {
    font-size: 38px;
    line-height: 1.2;
}
body .sub-heading h2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}
body h3 {
    font-size: 25px;
    line-height: 1.2;
}
body h4 {
    font-size: 20px;
    line-height: 1.2;
}

body, body div, p, input, textarea, select, ul li, ol li,
body .btn, body button, body .button, body input[type="submit"] {
	font-weight: 400;
}
body, div, p, input, textarea, li {
	font-size: 15px;
	color: #061C36;
	line-height: 20px;
}
body span,
body a,
body b,
body strong,
body medium {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

header #site-header-wrap .site-branding img {
	max-height: 77px;
	height: 77px;
}
header .primary-menu > li > a {
    font-weight: 500;
    font-size: 15px;
	line-height: 24px;
}

header .site-header-main .custom-btn a {
    display: flex;
    gap: 7px;
    align-items: center;
	justify-content: center;
}
header .site-header-main .custom-btn a:hover {
	background-color: transparent !important;
    color: #5D161B;
}
header .site-header-main .custom-btn a:hover path {
	fill: #15539e;
}

header.site-header #site-header-wrap .site-header-main.h-fixed {
    background-color: #E4F0FF;
}
header.site-header #site-header-wrap .site-header-main.h-fixed .primary-menu > li > a,
header.site-header #site-header-wrap .site-header-main .primary-menu > li > a:before,
header.site-header #site-header-wrap .site-header-main.h-fixed .primary-menu > li > a:after {
    color: #15539E;
}
header .site-header-main.h-fixed .custom-btn.icon-btn a:hover path {
	fill: #15539e;
}


body .container {
	max-width: 1200px;
	width: 100%;
}

body .elementor-button, .custom-btn a {
	display: inline-block;
    background-color: #15539E;
	border: solid 1px #15539E;
	border-radius: 1px !important;
    padding: 13px 20px !important;
    text-align: center;
    min-width: 180px;
	transition: 0.3s;
}
body .elementor-button:hover, .custom-btn a:hover {
	background-color: transparent !important;
	border-color: #fff !important;
	box-shadow: none !important;
}
body .elementor-button-text, .custom-btn a {
	font-family: WorkSans, sans-serif !important;
	font-size: 15px !important;
	line-height: 22px !important;
	font-weight: 500;
	color: #fff;
}
body .elementor-element .elementor-button:hover .elementor-button-text, .custom-btn a:hover {
	color: #000;
}

body .trans-btn.elementor-button, .custom-btn.trans-btn a {
	background-color: #5D161B;
	border-color: #5D161B !important;
}

body .btn, body button, body .button, body input[type="submit"] {
	font-size: 15px;
	line-height: 50px;
}
body .cms-button .btn-default {
    text-transform: none;
	min-width: 180px;
}
body .trans-btn .cms-button .btn-default {
	box-shadow: inset 1px 1px, inset -1px -1px;
	-webkit-box-shadow: inset 1px 1px, inset -1px -1px;
	background-color: transparent;
}
body .no-trans-text a {
	text-transform: none !important;
}

.gray-ground, .gray-ground-inner > .elementor-widget-wrap {
	background: #f8f9f9 !important;
}
.blue-ground, .blue-ground-inner > .elementor-widget-wrap {
	background-color: #15539e !important;
}
.light-blue-ground, .light-blue-ground-inner > .elementor-widget-wrap {
	background-color: #E4F0FF !important;
}
.dark-blue-ground, .dark-blue-ground-inner > .elementor-widget-wrap {
	background-color: #061C36 !important;
}
.white-ground {
    background: #FFF !important;
}

.white-color, .white-color .elementor-heading-title, .white-color .custom-heading, .white-color div, .white-color p {
	color: #FFF !important;
}
.contrast-color .elementor-widget-heading .elementor-heading-title,
.contrast-color h2, .contrast-color h3, .contrast-color div,
.contrast-color p, .contrast-color ul li, .contrast-color a {
    color: #FFF !important;
}

.polygon-bot-right {
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.triangle-bot-right, .trapezoid-right,
.light-logo-left, .dark-logo-right {
	position: relative;
}
.triangle-bot-right:before,
.trapezoid-right:before {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    display: block;
}
.triangle-bot-right:before {
	content: '';
    top: -200px;
    height: 250px;
    background-image: url(./assets/images/triangle-with-dots-right.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.trapezoid-right:before {
    top: -200px;
    height: 300px;
    background-image: url(./assets/images/triangle-with-dots-left.svg);;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
	width: 50%;
}
.trapezoid-outer .trapezoid-right:before {
    height: 500px;
    bottom: -400px;
}

.light-logo-left:before, .dark-logo-right:before {
    position: absolute;
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.light-logo-left:before {
    position: absolute;
    content: "";
    left: -25vw;
    top: -15vw;
    width: 814px;
    height: 489px;
    display: block;
    background-image: url(../../uploads/2022/10/logo-ground.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.dark-logo-right:before {
	width: 417px;
    height: 250px;
    bottom: -180px;
    right: -70px;
	background-image: url(../../uploads/2022/10/dark-logo-ground.png);
}

p.cap-text, ul.cap-text li {
    font-size: 23px;
    line-height: 27px;
}
.no-mar-bot {
    margin-bottom: 0 !important;
}
.text-center {
	text-align: center !important;
}
.display-none, .not-show {
	display: none !important;
}
.hidden {
	opacity: 0 !important;
}
.overflow-hidden, .cst-swiper {
	overflow: hidden !important;
}

.cst-swiper .swiper-button-next, .cst-swiper .swiper-button-prev {
    background: #D9531E !important;
	border: 1px solid #D9531E;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    right: 20px;
    box-shadow: 0 4px 97px rgb(0 0 0 / 15%);
	transition: 0.3s;
}
.cst-swiper .swiper-button-prev {
    left: 20px;
    right: unset;
    transform: translateY(-50%);
}

.cst-swiper .swiper-button-next:after,
.cst-swiper .swiper-button-prev:after {
    content: "";
    width: 8px;
    height: 10px;
/* 	border-top: 3px solid #e4f0ff;
    border-right: 3px solid #e4f0ff; */
	background-image: url('./assets/images/arrow-right.svg');
	background-repeat: no-repeat;
	background-size: contain;
    position: absolute;
    top: calc(50% - 5px);
    right: calc(50% - 4px);
	transition: 0.3s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cst-swiper .swiper-button-prev:after {
	transform: rotate(-180deg);
}

.cst-swiper .swiper-pagination {
    position: relative;
    margin-top: 30px;
}

.cap-block {
    position: relative;
}
.cap-block .cap-img {
/*     filter: brightness(0.6); */
	width: calc(100% + 2px);
}
.cap-block:hover:before {
	display: block;
}
.cap-block:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 79.17%, #000000 100%);
	transition: .3s all;
	display: none;
}
.cap-block .cap-img img,
.project-block .project-img img {
    width: 100vw;
    object-fit: cover;
}
.project-block .project-img img {
	max-height: 388px;
}
.cap-block .cap-content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px 25px;
}
.cap-block .cap-title, .cap-block div, .cap-block p {
    color: #FFF;
}
.cap-block .cap-title, .res-block .res-title, .about-block .about-title {
    font-size: 20px !important;
    font-weight: 700 !important;
}
.cap-block .cap-hidden {
    overflow: hidden;
	transition: height 0.3s;
}
.cap-block:not(:hover) .cap-hidden {
    height: 0 !important;
}
.cap-block .cap-text,
.project-block .project-text {
	padding-top: 10px;
    padding-bottom: 10px;
/*     font-size: 13px;
    line-height: 17px; */
}
.cap-block .cap-read-more {
    text-transform: capitalize;
}
.cap-block .cap-read-more a:hover {
	color: #FFF !important;
}
.project-content {
	max-width: 780px;
    margin: -40px auto 0;
	padding: 20px;
	position: relative;
	z-index: 1;
	text-align: center;
}

.cst-pro-cats {
    display: flex;
    gap: 10px;
    position: absolute;
    top: -10px;
    left: 0;
    transform: translatey(-100%);
}
.cst-pro-cats .pro-cat {
	background-color: #201D1D;
    display: inline-block;
    padding: 8px 24px;
    color: #FFF;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
}

.project-content-inner {
	background-color: #fff;
    padding: 30px 20px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);
	height: 100%;
}
.project-block .project-title,
.project-popup .project-title {
    font-size: 20px !important;
    font-weight: 700 !important;
}
.project-block  .project-time {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #555;
}

.cst-logos {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 50px;
}
.cst-logos .cst-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cst-slider-ctrl .swiper-nav-btn {
    display: flex;
    gap: 10px;
}
.cst-slider-ctrl .swiper-button-next, .cst-slider-ctrl .swiper-button-prev {
    background: transparent !important;
    border: 1px solid #F0F0F0;
    width: 40px;
    height: 40px;
    box-shadow: 0 4px 97px rgb(0 0 0 / 15%);
    transition: 0.3s;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
	margin: 0;
}
.cst-slider-ctrl .swiper-button-next:hover,
.cst-slider-ctrl .swiper-button-prev:hover {
	box-shadow: 0px 4px 41px rgb(0 0 0 / 15%);
}

.cst-slider-ctrl .swiper-button-next:after,
.cst-slider-ctrl .swiper-button-prev:after,
.cst-swiper .white-nav-btn .swiper-button-next:after, 
.cst-swiper .white-nav-btn .swiper-button-prev:after {
	content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #061C36;
    border-right: 2px solid #061C36;
    position: absolute;
    top: calc(50% - 5px);
    right: calc(50% - 4px);
    transform: rotate(45deg);
    transition: 0.3s;
}
.cst-slider-ctrl .swiper-button-prev:after,
.cst-swiper .white-nav-btn .swiper-button-prev:after {
	transform: rotate(-135deg);
	right: calc(50% - 7px);
}

.cst-slider-ctrl .swiper-pagination {
    position: relative;
    margin-top: 30px;
	height: 1px;
}

.res-swiper .swiper .swiper-slide,
.res-block, .res-block .res-content {
	height: 100%;
}
.cst-swiper.res-swiper {
    padding-bottom: 70px;
}
.res-block {
    padding: 20px 10px;
	transform: translateY(70px);
	transition: transform .5s;
	transition-delay: 0.2s;
}
.res-swiper .swiper-slide.swiper-slide-active .res-block {
    transform: translateY(0);
}
.res-block .res-content {
    box-shadow: 0 0px 13px rgb(0 0 0 / 10%);
	padding: 40px 30px;
}
.res-block .res-text {
    padding-top: 25px;
}

.cst-swiper .white-nav-btn .swiper-button-next, .cst-swiper .white-nav-btn .swiper-button-prev {
    background: #FFF !important;
    border: 1px solid #F0F0F0;
    width: 40px;
    height: 40px;
    box-shadow: 0 4px 97px rgb(0 0 0 / 15%);
    transition: 0.3s;
}
.cst-swiper .white-nav-btn .swiper-button-next:after, .cst-swiper .white-nav-btn .swiper-button-prev:after {
    background: none;
}
.team-swiper .cst-pag-wrp {
    padding-left: 15px;
    padding-right: 15px;
}
.team-swiper .swiper-pagination.swiper-pagination-progressbar {
    height: 1px;
    max-width: 380px;
	margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
.team-swiper .cap-block .cap-content {
    padding-top: 50px;
    background-image: linear-gradient(transparent, #2b2b2b);
}
body .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #15539e;
}

body .elementor-top-section:not(.elementor-section-stretched) .elementor-column-gap-default {
	margin: 0 auto;
}

.section-full-right > .elementor-container, .section-full-left > .elementor-container {
	max-width: calc(1190px + (100vw - 1190px)/2);
}
.section-full-left > .elementor-container {
	margin-left: 0 !important;
}
.section-full-right > .elementor-container {
	margin-right: 0 !important;
}
.full-vw img{
	width: 100vw !important;
}
.all-full-height, .all-full-height * {
	height: 100% !important;
}
.all-full-height img {
	object-fit: cover;
}

.elementor p a, .elementor ul a, body .heading-underline a {
    border-bottom: 1px solid;
}


.testi-swiper > .swiper {
    padding-top: 30px;
    padding-bottom: 30px;
}
.testi-swiper .testi-block {
    position: relative;
    padding: 10px;
}
.testi-inner {
    box-shadow: 0 0px 20px rgb(0 0 0 / 10%);
    background-color: #FFF;
    padding: 40px 30px;
}
.testi-block .cst-quote {
    position: absolute;
    background-color: #15539e;
    width: 37px;
    height: 41px;
    top: -10px;
    right: 30px;
}
.testi-block .cst-quote:before {
    content: "”";
    position: absolute;
    font-size: 50px;
    font-weight: bold;
    top: 22px;
    left: 5px;
    color: #FFF;
}
.testi-block .testi-author p {
    font-size: 13px;
    font-weight: 600;
    padding-top: 15px;
}

body .cst-form input, body .cst-form textarea {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
    height: 56px;
    color: #FFF;
}
body .cst-form input:focus, body .cst-form textarea:focus {
    color: #FFF;
}
body .cst-form textarea {
    height: 110px !important;
}
body button.btn.trans-btn {
    box-shadow: inset 1px 1px, inset -1px -1px;
    -webkit-box-shadow: inset 1px 1px, inset -1px -1px;
    background-color: transparent;
}
.cst-form .wpcf7-form .wpcf7-submit {
    min-width: 180px;
    text-transform: none;
	background-color: transparent;
	border: 1px solid #fff;
	box-shadow: none;
}
.cst-form .wpcf7-form .wpcf7-submit:hover {
	border: 1px solid #D9531E;
}
.cst-form .captcha-image.cf7ic-style1 {
    text-align: left !important;
	padding: 0;
}
.cst-form .cf7ic-icon-wrapper {
    font-size: 18px !important;
}

body.page #content {
    padding-bottom: 0;
}

#s-footer a, body .contact-info a {
    border: none;
}

#s-footer a:hover, body .contact-info a:hover {
    border-bottom: 1px solid #061c36;
	color: #061c36;
}
#s-footer .footer-socs, .contact-info .ct-socs {
    display: flex;
    gap: 10px;
}
#s-footer .footer-socs img, .contact-info .ct-socs img {
	width: 24px;
}
#s-footer .footer-soc a:hover, .contact-info .ct-soc a:hover {
	border: none;
}
#s-footer .cms-navigation-menu.default li:before {
    width: 0;
    height: 0;
    margin: 0;
}

p.list-title {
    margin-bottom: 10px;
}
body ul {
    list-style: disc;
    padding-left: 15px;
}
body header ul, body #s-footer ul {
	padding-left: 0;
}
body ul li, body ol li {
	margin-bottom: 5px;
}
body header ul li {
	margin-bottom: 0;
}
body ul li:last-child, body ol li:last-child {
	margin-bottom: 0;
}
body ol li ol, body ol li ul {
    margin-top: 0;
}

ul.number-style > li .item-num {
	display: inline-block;
	width: 17px;
	margin-left: -15px;
}
ul.no-style {
	list-style: none !important;
	padding-left: 0 !important;
}

ul.dot-style, ul.number-style, ul.square-style, .project-popup ul {
    list-style: none;
	padding-left: 25px;
}
ul.square-style > li:before {
    content: '\25A0';
    display: inline-block;
    color: #061C36;
    width: 20px;
    margin-left: -20px;
	font-size: 10px;
	position: relative;
	top: -1px;
}
ul.square-style.white-square > li:before {
	color: #FFF !important;
}
ul.dot-style > li:before, .project-popup ul > li:before {
    content: '\25CF';
    display: inline-block;
	font-size: 8px;
	line-height: 1;
    width: 16px;
    margin-left: -16px;
	position: relative;
    top: -2px;
}
ul.dot-style.large-dot > li:before {
	font-size: 16px;
	width: 20px;
    margin-left: -20px;
}

ul.dot-style.orange-dot > li:before {
	color: #F39031 !important;
}
ul.dot-style.white-dot > li:before {
	color: #FFF !important;
}
ul.dot-style.black-dot > li:before {
	color: #000 !important;
}
ul li.has-child-list > ul {
    margin-top: 3px;
}
ul.dot-style.no-fill-dot > li:before {
	content: '\25CB';
}
ul.no-gap li {
	margin-bottom: 0;
}
ul.small-gap li {
	margin-bottom: 5px;
}
ul.large-gap li {
	margin-bottom: 15px;
}
ul.large-gap {
	margin-bottom: 20px;
}

.center-list, .flex-center {
    display: flex;
    justify-content: center;
	text-align: left;
}
.center-list ul {
    width: 75%;
    
}

.about-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.about-block {
    background: #fff;
    padding: 40px 30px;
    box-shadow: 0 0px 13px rgb(0 0 0 / 10%);
    text-align: left;
}
.about-block .about-title {
    margin-bottom: 25px;
}

body #pagetitle:after {
	background-color: unset;
}
body.page-id-14215 #content {
    padding-top: 80px;
    padding-bottom: 60px;
}
body.page-id-14215 .s-footer-logo-ground {
	display: none !important;
}
body.page-id-14215 footer.site-footer-custom {
	background-color: #E4F0FF !important;
	padding-top: 20px;
}
body.page-id-14215 .entry-content a {
    border-bottom: 1px solid;
}
p + h2, ul + h2 {
    margin-top: 40px;
}

.cst-all-projects {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px 20px;
}
.cst-all-projects .project-block {
    height: 100%;
    position: relative;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 0;
}
.cst-all-projects .project-block .project-img {
    margin-left: -20px;
    margin-right: -20px;
}
.cst-all-projects .project-block .project-content {
	padding: 0;
	margin-top: -130px;
	height: calc(100% - 300px);
}
.cst-all-projects .project-content {
    text-align: left;
}

.cst-all-projects .project-title {
    margin-bottom: 20px;
}
.cst-all-projects .project-info > div {
    margin-bottom: 6px;
}

.cst-all-projects .project-read-more {
	position: relative;
    width: 100%;
    left: 0;
    max-width: 180px;
    top: -25px;
    margin: 0 20px;
}
.cst-all-projects .project-read-more a {
    width: 100%;
	color: #FFF !important;
	text-transform: none;
	padding: 16px 24px;
}
.project-read-more a {
	color: #D9531E !important;
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
	text-decoration: none !important;
	cursor: pointer;
}
.cst-popup-overlay:not(.pop-active), .project-popup:not(.pop-active) {
	opacity: 0;
    filter: opacity(0%);
    transform: scale(0);
}
.cst-popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgb(0 0 0 / 80%);
}

.project-popup {
    position: fixed;
    z-index: 999999;
    width: 100%;
    max-width: 1180px;
	max-height: 100vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    overflow: auto;
    padding-top: 32px;
}
.project-popup .project-popup-inner {
    max-height: calc(90vh - 32px);
    overflow: auto;
}
.project-popup .project-content {
	max-width: 980px;
}
.project-popup .close-btn {
    background-image: url('../../uploads/2022/11/close-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.cst-project .project-popup .swiper-button-next, 
.cst-project .project-popup .swiper-button-prev {
    background: #FFF !important;
    border: 1px solid #F0F0F0;
    width: 40px;
    height: 40px;
    box-shadow: 0 4px 97px rgb(0 0 0 / 15%);
	transform: none;
    transition: 0.3s;
}
.cst-project .project-popup .swiper-button-next:hover, 
.cst-project .project-popup .swiper-button-prev:hover {
	background: #15539e !important;
}
.cst-project .project-popup .swiper-button-next:after, 
.cst-project .project-popup .swiper-button-prev:after {
    background: none;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #061C36;
    border-right: 2px solid #061C36;
    position: absolute;
    top: calc(50% - 5px);
    right: calc(50% - 4px);
    transform: rotate(45deg);
    transition: 0.3s;
}
.cst-project .project-popup .swiper-button-prev:after {
    transform: rotate(-135deg);
    right: calc(50% - 7px);
}
.cst-project .project-popup .swiper-button-next:hover:after, 
.cst-project .project-popup .swiper-button-prev:hover:after {
	border-color: #FFF;
}
.project-popup .project-imgs {
    position: relative;
}
.project-popup .project-content {
	margin-top: -220px;
	padding-bottom: 0;
}
.project-popup .project-title {
	text-align: center;
	margin-bottom: 40px;
}
.project-popup .project-detail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
	text-align: left;
} 
.project-popup .project-detail div, 
.project-popup .project-detail p, 
.project-popup .project-detail li {
    font-size: 14px;
    line-height: 19px;
}
.project-popup .project-content-inner {
    padding: 50px 60px 60px;
}
.project-popup .project-img img {
    width: 100vw;
    object-fit: cover;
}
.project-popup .project-detail .project-info {
    position: relative;
    padding-top: 25px;
}
.project-popup .project-detail .cst-pro-cats {
	top: 0;
}

a.a-no-link, a.a-no-link:hover {
	text-decoration: underline !important;
	cursor: pointer;
}

body.single-product #pagetitle {
    background: none !important;
    padding: 50px 0;
}
body.single-product #content {
    padding-top: 20px;
    padding-bottom: 0;
}
body.single-product h1 {
    font-size: 38px;
    line-height: 44px;
    margin-top: 15px !important;
}
body.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 20px !important;
    display: flex;
    gap: 10px;
}
body.woocommerce div.product div.images .flex-control-thumbs li {
    width: 20%;
}

body .cst-pro-btns {
    display: flex;
    gap: 10px;
}
.cst-pro-btn.full-spec a {
    background-color: transparent;
    color: #061c36;
    box-shadow: inset 1px 1px #061c36, inset -1px -1px #061c36;
}
.cst-pro-btn.full-spec a:hover, .cst-pro-btn.full-spec a:focus {
    color: #FFF;
}
.cst-pro-btn.full-spec a.no-link {
    padding: 0 35px;
    line-height: 49px;
    border-radius: 0;
    position: relative;
    border: none;
    z-index: 1;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 100%;
    cursor: not-allowed;
    overflow: hidden;
}
.cst-pro-btn.full-spec a.no-link {
	color: #061c36; 
}
.cst-pro-detail {
    display: flex;
    gap: 70px;
    justify-content: center;
    text-align: center;
}
.cst-pro-detail .pro-field-title {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 22px;
}
.cst-pro-detail br {
    display: inline !important;
}
.cst-pro-detail .pro-field-icon img{
    max-width: 75px;
}



/* ============= ================ ================= ======= MEDIA ========= ================== ================ ============== */

@media screen and (min-width: 768px) {
	.mobile-only {
		display: none !important;
	}
	
	.d-blue-ground, .d-blue-ground-inner > .elementor-widget-wrap {
		background-color: #15539e !important;
	}
	
	.project-swiper .swiper-slide:first-child {
		width: calc(75vw - 20px)!important;
	}
	.project-swiper .swiper-slide:first-child .project-img {
		text-align: right;
	}
	.project-swiper .swiper-slide:first-child .project-img img {
		max-width: calc(50vw - 10px);
	}
	.project-swiper .swiper-button-next {
		right: calc(25vw + 10px);
	}
	.project-swiper .swiper-button-prev {
    	left: calc(25vw - 20px);
	}
	
	.testi-swiper .swiper-slide:first-child {
		width: 50vw !important;
	}
	.d-center-list {
		display: flex;
		justify-content: center;
	}
	.d-center-list ul {
		width: 75%;
	}
	
	.cst-swiper.testi-swiper .swiper-button-next, 
	.cst-swiper.testi-swiper .swiper-button-prev {
		opacity: 0;
	}
	.cst-swiper.testi-swiper:hover .swiper-button-next, 
	.cst-swiper.testi-swiper:hover .swiper-button-prev {
		opacity: 1;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.triangle-bot-right:before {
		top: -300px;
	}
	.trapezoid-right:before {
		top: -150px;
	}
}
@media screen and (max-width: 767px) {
	.triangle-bot-right:before {
		top: -250px;
	}
	.trapezoid-right:before {
		top: -100px;
	}
	.brown-bg-clip-right:after {
		clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%) !important;
	}
	.brown-bg-clip-right-2:after {
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%) !important;
	}
	.orange-clippath-left:before {
		clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%) !important;
	}
	#home-header:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000000 55.45%, #000000 84.07%) !important;
	}
	.cap-block:before {
		display: block !important;
	}
}
@media screen and (min-width: 1025px) {
	.m-t-only {
		display: none !important;
	}
	.expand-content-right > div,
	.expand-content-left > div {
		position: absolute;
		top: 0;
		left: 0;
		transform: translateY(-50%);
		width: calc(100% + 100px);
		z-index: 1;
		background-color: #FFF;
	}
	.expand-content-left > div {
		left: -100px;
	}
	body .cst-slider-waterfall > div {
		max-width: calc(1190px + (100vw - 1190px)/2 + 10%);
		margin-right: 0 !important;
		left: 10%;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1720px) {
	.full-height {
		height: 100% !important;
		position: relative;
		z-index: 1;
	}
	.full-height img {
		position: absolute;
		height: 100% !important;
		object-fit: cover;
		z-index: -1;
		left: 0;
	}
}
@media screen and (min-width: 1200px) {
	header #site-header-wrap .site-branding {
		position: relative;
		width: 30%;
		max-width: 400px;
	}
	header #site-header-wrap .site-header-main.h-fixed .site-branding:before {
		width: 0;
		height: 0;
	}
	header #site-header-wrap .site-branding a {
		left: unset !important;
		right: 20px !important;
	}
	header #site-header-wrap .site-header-main > .container {
		padding-right: 140px;
		padding-left: 15px;
	}
	header nav.main-navigation {
		display: flex;
		align-items: center;
		gap: 40px;
	}
	header .primary-menu > li.menu-item-has-children > a:after {
		bottom: 3px !important;
		right: -6px;
		width: 5px !important;
		height: 5px !important;
		border-top: 1px solid #201d1d;
		border-right: 1px solid #201d1d;
		display: inline-block;
		content: "";
		transform: rotate(135deg);
	}
	
	body.page .elementor-top-section:not(.elementor-section-stretched) {
		left: calc((1170px - 100vw)/2);
		width: 100vw;
		position: relative;
	}
	
	.section-full-left > .elementor-container > .elementor-column:first-child,
	.section-full-right > .elementor-container > .elementor-column:last-child {
		width: calc(100vw / 2);
	}
	.section-full-left > .elementor-container > .elementor-column:last-child,
	.section-full-right > .elementor-container > .elementor-column:first-child {
		max-width: calc(1190px / 2);
	}
}
@media screen and (max-width: 1199px) {
	body.page .elementor-top-section:not(.elementor-section-stretched) {
		width: 100vw;
		left: -15px;
	}
	body #main-menu-mobile .btn-nav-mobile:before, 
	body #main-menu-mobile .btn-nav-mobile:after, 
	body #main-menu-mobile .btn-nav-mobile span {
		width: 26px;
		top: 23px;
	}
	body #main-menu-mobile .btn-nav-mobile:before {
		top: 7px;
	}
	body #main-menu-mobile .btn-nav-mobile span {
		top: 15px;
	}
	body #main-menu-mobile .btn-nav-mobile:before, 
	body #main-menu-mobile .btn-nav-mobile:after, 
	body #main-menu-mobile .btn-nav-mobile span {
		transition: all 0.15s !important;
	}
	
	header .custom-btn a, header .custom-btn.trans-btn a {
		background-color: #5D161B;
		margin-top: 20px;
	}
	
	header .main-menu-toggle:before {
		content: "" !important;
		width: 7px;
		height: 7px;
		border-top: 1px solid;
		border-right: 1px solid;
		border-color: #222;
		display: inline-block;
		transform: rotate(135deg);
		position: relative;
		bottom: 4px;
	}
}
@media screen and (max-width: 1024px) {
	.light-logo-left:before {
		width: 500px;
		height: 300px;
	}
	.dark-logo-right:before {
		width: 350px;
		height: 200px;
		bottom: -100px;
		right: -110px;
	}
	.cst-slider-ctrl {
		max-width: 400px;
		margin: 0 auto;
	}
	.cst-slider-ctrl .swiper-nav-btn {
		justify-content: center;
	}
	
	.t-center-list {
		display: flex;
		justify-content: center;
	}
	.t-center-list ul {
		width: 75%;
	}
}
@media screen and (max-width: 991px) {
	.cst-all-projects {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width: 767px) {
	.desktop-only {
		display: none !important;
	}
	.m-order-2 {
		order: 2 !important;
	}
	.m-blue-ground, .m-blue-ground-inner > .elementor-widget-wrap {
		background-color: #15539e !important;
	}
	
	header #site-header-wrap .site-branding {
		min-height: 55px;
		margin: 7px 0;
	}
	header #site-header-wrap .site-branding img {
		max-height: 55px;
		height: 55px;
	}
	
	/* 	For normal page (privacy policy,...) */
	body.page-id-14215 #content {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	
	body h1 {
		font-size: 40px;
		line-height: 48px;
	}
	.cst-logos {
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 40px;
	}
	.cst-swiper.res-swiper {
		padding-bottom: 0;
	}
	
	.light-logo-left:before {
		width: 300px;
		height: 200px;
		left: -40vw;
	}
	.dark-logo-right:before {
		width: 250px;
		height: 150px;
		bottom: -50px;
		right: -70px;
	}
	
	.testi-swiper .testi-block {
		position: relative;
		padding: 15px;
	}
	
	.m-center-list {
		display: flex;
		justify-content: center;
	}
	.m-center-list ul {
		width: 75%;
	}
	
	.trapezoid-outer .trapezoid-right:before {
		height: 80vw;
		bottom: -60vw;
	}
	
	.about-grid {
		grid-template-columns: 1fr;
	}
	.about-block {
    	padding: 50px 40px;
	}
	
	.cap-block:not(:hover) .cap-hidden {
		height: unset !important;
	}
	
	.cst-swiper .swiper-button-next, .cst-swiper .swiper-button-prev {
		width: 40px;
		height: 40px;
		right: 0;
	}
	.cst-swiper.project-swiper .swiper-button-next {
		right: 0;
	}
	
	.cst-swiper.testi-swiper .swiper-button-next, 
	.cst-swiper.testi-swiper .swiper-button-prev {
		width: 40px;
		height: 40px;
		right: 0;
	}
	.cst-swiper.testi-swiper .swiper-button-prev {
		left: 0;
	}
	.cst-swiper.testi-swiper .swiper-button-next:after, 
	.cst-swiper.testi-swiper .swiper-button-prev:after {
		width: 12px;
		height: 18px;
		top: 10px;
		right: 12px;
	}
	.cst-swiper.testi-swiper .swiper-button-prev:after {
		right: 14px;
	}
	.cst-swiper.testi-swiper .swiper-pagination {
		margin-top: 20px;
	}
	.testi-swiper .testi-inner {
		padding: 45px 40px;
	}
	.testi-swiper .testi-author {
		text-align: center;
	}
	
	.cst-swiper.project-swiper .swiper-button-next {
		right: 0;
	}
	.cst-swiper.project-swiper .swiper-button-prev {
		left: 0;
	}
	.cst-swiper .swiper-button-next:after, .cst-swiper .swiper-button-prev:after {
		width: 8px;
		height: 10px;
		top: calc(50% - 5px);
		right: calc(50% - 4px);
	}
	.cst-swiper .swiper-button-prev:after {
		right: calc(50% - 6px);
	}
	
	.cst-all-projects {
		grid-template-columns: 1fr;
	}
	.project-popup .close-btn {
		right: 10px;
	}
	.project-popup .project-content {
		margin-top: -40px;
	}
	.project-popup .project-content-inner {
		padding: 40px 20px 50px;
	}
	.project-popup .project-title {
		text-align: left;
		margin-bottom: 50px;
	}
	.project-popup .project-detail {
		grid-template-columns: 1fr;
	}
	
	.cst-swiper .swiper-button-next, .cst-swiper .swiper-button-prev {
		width: 40px;
		height: 40px;
		right: 0;
	}
	.cst-swiper .swiper-button-prev {
		left: 0;
	}
	.cap-block .cap-content {
		padding: 40px 45px;
	}
	
	body.single-product #pagetitle {
		padding: 0 !important;
	}
	body.single-product #content {
    	padding-top: 50px;
	}
	.cst-pro-detail {
		gap: 40px;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

/** Quan Started Here **/
body .btn.btn-outline, .button:not(.add_to_cart_button):not(.product_type_grouped).btn-outline {
	color: #fff;
	border: 1px solid #fff;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	text-transform: capitalize;
	padding: 12px;
    min-width: 180px;
}
.clip-path-top-right {
	clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
}
.brown-bg-clip-right:after {
	content: '';
	position: absolute;
	background: #5D161B;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
}
.brown-bg-clip-right-2:after {
	clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
}
.cap-block .cap-read-more a {
	color: #D9531E;
    font-size: 13px;
    line-height: 20px;
    display: flex;
    align-items: center;
    font-weight: 700;
	border-bottom: none !important;
}
svg path {
	transition: .3s all;
}
.cap-block .cap-read-more a:hover svg path {
	fill: #fff !important;
}
.cap-block .cap-text {
	font-size: 13px;
	line-height: 20px;
}
#s-footer .elementor-container:after {
	content: url('./assets/images/color-line.svg');
	bottom: -20px;
	left: 0;
	width: 100%;
	position: absolute;
}
.trapezoid-right-2:before {
	background-image: url('./assets/images/triangle-color-line-right.svg') !important;
	width: 50% !important;
	right: 0 !important;
	left: unset !important;
	top: -120px;
} 
.testimonial-content {
	background: #FFFFFF;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
	padding: 35px 30px;
	margin-bottom: 15px;
	position: relative;
}
.testimonial-content:before {
	content: url('./assets/images/quote-icon.svg');
	top: -20px;
	left: 20px;
	position: absolute;
}
.testimonial-author {
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: #201D1D;
}
.swiper-arrow-custom {
	width: 40px !important;
	height: 40px !important;
	background: #D9531E !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.project-block .project-text {
	font-size: 13px;
	line-height: 20px;
	color: #6C6262;
	font-weight: 300;
	min-height: 100px;
}
.project-block .project-time {
	display: none;
}
.outline-btn .btn-default {
	background-color: transparent;
	border: 1px solid #fff;
}
.outline-btn .btn-default:hover {
	border: 1px solid #D9531E;
}
.cst-swiper .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
}
.cst-swiper .swiper-pagination {
	margin-bottom: 25px;
}
#single-page-header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 31.73%, #000000 77.26%, #000000 84.07%);
	opacity: 0.5;
}
#single-page-header:after {
	content: '';
	height: 6px;
	width: 100%;
	background-image: url('./assets/images/color-dots-line.svg');
	background-position: center;
	background-size: contain;
	background-repeat: repeat-x;
    display: block;
    bottom: -20px;
    position: absolute;
}
.custom-bg-clippath:before {
	content: '';
	position: absolute;
	top: -10%;
	left: 0;
	right: 0;
	height: 100%;
	background: #5D161B;
	clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
}
.custom-bg-clippath:after {
	content: '';
	position: absolute;
	top: -10%;
	left: 0;
	right: 0;
	height: 100%;
	background: #D9531E;
	clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
	z-index: -1;
}
.custom-bg-clippath.no-space-bottom:before, .custom-bg-clippath.no-space-bottom:after {
	top: -11%;
	height: 111%;
}
.custom-bg-clippath.no-space-bottom > .elementor-container:before {
	top: -7%;
}
.custom-bg-clippath > .elementor-container {
	position: unset !important;
}
.custom-bg-clippath > .elementor-container:before {
	content: '';
	position: absolute;
	top: -6%;
	left: auto;
	right: 0;
	width: 50%;
	z-index: -1;
    height: 6px;
	background-image: url('./assets/images/color-dots-line.svg');
	background-size: contain;
	background-position: center;
	background-repeat: repeat-x;
	transform: rotate(-5.4deg);
}
.expand-content-right > .elementor-widget-wrap, .expand-content-left > .elementor-widget-wrap {
	padding: 55px 70px !important;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
	max-width: 680px;
	background: #fff;
}
.project__categories {
	display: flex;
    justify-content: center;
    overflow: auto;
    gap: 15px;
}
.project__categories .project__category {
	background: #F3F3F3;
    border-radius: 5px;
    font-size: 15px;
    line-height: 22px;
    padding: 16px 24px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: .3s all;
}
.project__categories .project__category.active {
	background: #D9531E;
	color: #fff;
	font-weight: 700;
}
.elementor-widget-tabs .elementor-tab-desktop-title {
	background: #F3F3F3;
	border-radius: 5px;
	font-size: 15px;
	line-height: 22px !important;
	color: #6C6262;
	font-weight: 400 !important;
	padding: 16px 18px !important;
	text-align: center;
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active {
	background: #D9531E;
	color: #fff;
	font-weight: 700 !important;
}
.custom-bg-style-2:before {
	content: '';
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	bottom: 0;
	clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
	background: #5D161B;
}
.custom-bg-style-2.after-2:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	clip-path: polygon(0 50%, 100% 0, 100% 75%, 0% 100%);
	background: linear-gradient(90deg, #D9531E 50%, #FFF 50%);
	z-index: -1;
}
.custom-bg-style-2:after {
	content: '';
	position: absolute;
	bottom: -25px;
    height: 300px;
    background-image: url(./assets/images/triangle-left-bottom.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
    width: 50%;
	z-index: -1;
}
.dot-line-top-left > .elementor-container {
	position: unset !important;
}
.orange-clippath-left:before {
	content: '';
    position: absolute;
    background: #D9531E !important;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
	clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
	background-image: none !important;
}
/* .custom-bg-style-2 > .elementor-container:before {
	content: '';
    position: absolute;
    left: -5%;
    right: 0;
    bottom: 9%;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(./assets/images/color-dots-line.svg);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    transform: rotate(-6deg);
} */
.dot-line-top-left > .elementor-container:before {
	content: '';
    position: absolute;
    left: -5%;
    right: 0;
    top: 10%;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url(./assets/images/color-dots-line.svg);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    transform: rotate(3.5deg);
}
.service-details.shadow {
	background: #FFFFFF;
    border: 1px solid #F9F9F9;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 10%);
}
.service-details .content h3 {
	font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
}
.service-details .content a {
	font-size: 13px;
    line-height: 20px;
    color: #D9531E !important;
    font-weight: 700;
}
.section-bg-map-overlay:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('https://www.muguriyarra.au/wp-content/uploads/2023/03/background-lines.svg');
	background-size: cover;
	background-position: center;
}
.bottom-dark-overlay:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #201D1D;
	opacity: 0.8;
	clip-path: polygon(0 70%, 100% 85%, 100% 100%, 0% 100%);
}
#home-header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 31.73%, #000000 55.45%, #000000 84.07%);
    opacity: 0.5;
}
.bg-two-color {
	background: linear-gradient(90deg, #5D161B 50%, #fff 50%);
}
.text-dark .custom-heading {
	color: #201D1D !important;
}
.business-info p, .business-info a {
	color: #000000 !important;
}
.business-info i {
	color: #D9531E;
	width: 14px;
}
.business-info i.fa-envelope {
	font-size: 12px;
}
.business-info a {
	border: none !important;
	text-decoration: underline !important;
}
.dh-team-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	grid-gap: 20px;
}
.dh-team-box {
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
}
.dh-team-box img {
	width: 100%;
}
.dh-team-box .content {
	background: #FFFFFF;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 10%);
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -50px;
    position: relative;
}
.dh-team-box .content .content-header {
	background: #D9531E;
    color: #fff;
    padding: 10px;
}
.dh-team-box .content .content-header .name {
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 5px;
}
.dh-team-box .content .content-header .position {
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}
.dh-team-box .content .content-body {
	padding: 15px;
}
.dh-team-box .content .content-body p {
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	color: #201D1D;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	transition: .3s all;
}
.dh-team-box .content:hover .content-body p {
	display: block;
}
.dh-team-box .content .content-body .social {
	display: flex;
	justify-content: center;
	align-items: center;
}
.dh-team-box .content .content-body .social a {
	color: #6C6262;
	width: 32px;
	height: 32px;
	border: 1px solid #D6D6D6;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px;
	transition: .3s all;
}
.dh-team-box .content .content-body .social a:hover {
	transform: translatey(-3px);
}
.dh-pagination {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.dh-pagination a {
	background: #F3F3F3;
    border-radius: 5px;
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #6C6262;
	font-size: 15px;
	line-height: 22px;
}
.dh-pagination a.active {
	font-weight: 700;
	color: #fff;
	background: #D9531E;
}
.cf7ic_instructions {
	font-size: 13px;
}
/* .brown-bg-clip-right:before {
	content: '';
    position: absolute;
    background: #D9531E;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%);
} */
@media screen and (min-width: 1200px) {
	.dh-team-box .content .content-body p {
		height: 60px;
		transition: .3s all;
	}
	.dh-team-box .content:hover .content-body p {
		height: 225px;
	}
}
@media screen and (max-width: 767px) {
	.trapezoid-right:before {
		width: 100%;
	}
	.m-flex-reverse > .elementor-container {
		flex-direction: column-reverse;
	}
	.m-flex-reverse > .elementor-widget-wrap {
		flex-direction: column-reverse;
	}
	.project__categories {
		justify-content: flex-start;
	}
	.project__categories .project__category {
		padding: 8px 12px;
	}
	.cst-all-projects {
		gap: 30px 20px;
	}
	.service-details {
		display: flex;
		flex-direction: column-reverse;
	}
	.service-details.shadow {
		padding: 20px;
	}
	.elementor-widget-tabs .elementor-tab-mobile-title {
		background: #F3F3F3;
		border-radius: 5px;
		font-size: 15px;
		line-height: 22px !important;
		color: #6C6262;
		font-weight: 400 !important;
		padding: 16px 24px !important;
		margin-bottom: 15px;
	}
	.elementor-widget-tabs .elementor-tab-mobile-title.elementor-active {
		background: #D9531E;
		color: #fff;
		font-weight: 700 !important;
	}
	.service-details .image {
		margin-bottom: 15px;
	}
	.service-details .image img {
		width: 100%;
	}
	.elementor-tabs .elementor-tab-content {
		background: #fff;
	}
}
@media screen and (min-width: 768px) {
	.elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper {
		gap: 16px;
	}
	.service-details {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 100px;
	}
	.service-details.shadow {
		padding: 40px;
		gap: 80px;
		margin-top: 20px;
	}
	.service-details .content {
		width: 60%;
	}
	.service-details .image {
		width: 40%;
	}
}
@media screen and (max-width: 991px) {
	.swiper-arrow-custom {
		top: 115% !important;
	}
	.swiper-button-prev.swiper-arrow-custom {
		left: 0;
	}
	.swiper-button-next.swiper-arrow-custom {
		right: 0;
	}
}
@media screen and (min-width:992px) {
	.swiper-arrow-custom {
		top: 40% !important;
	}
	.swiper-button-prev.swiper-arrow-custom {
		left: 24.5%;
	}
	.swiper-button-next.swiper-arrow-custom {
		right: 24.5%;
	}
}
@media screen and (max-width: 1024px) {
	.expand-content-right > .elementor-widget-wrap, .expand-content-left > .elementor-widget-wrap {
		padding: 35px 15px !important;
	}
	.custom-bg-style-2:before {
		clip-path: unset !important;
		top: 0;
	}
	.m-text-white .custom-heading {
		color: #fff !important;
	}
}
@media screen and (min-width: 1025px) {
	.expand-content-right {
		transform: translate(-100px, 50%);
		z-index: 1;
	}
	.expand-content-left {
		transform: translate(100px, 50%);
		z-index: 1;
	}
	.expand-content-right > .elementor-widget-wrap, .expand-content-left > .elementor-widget-wrap {
		padding: 55px 70px !important;
	}
}
@media screen and (max-width: 1199px) {
	.custom-bg-clippath > .elementor-container:before, .custom-bg-style-2 > .elementor-container:before {
		display: none;
	}
}
@media screen and (min-width: 1200px) {
	#site-header-wrap.header-transparent, header.site-header #site-header-wrap .site-header-main.h-fixed {
		background-color: #fff;
		background-image: url('./assets/images/header-background.svg');
		background-size: cover;
		background-position: center;
	}
}
/** End **/