/**
 * Theme Name:     Child Theme
 * Author:         OHPNK
 * Template:       generatepress
 * Text Domain:	   child-theme
 * Description:    one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
 * Theme URI:      https://ohpnk.com/
 * Author URI:     http://OHPNK%20Digital%20Studio
 * Version:        1.1
 * License:        GNU General Public License v2 or later
 * License URI:    http://licence/GPL.txt
 * Tags:           one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images
 */

@font-face{font-family:'ElegantIcons'; src: url('./fonts/ElegantIcons.eot'); src: url('./fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('./fonts/ElegantIcons.woff') format('woff'), url('./fonts/ElegantIcons.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}


/*-------------------- General Styles --------------------*/

/* Colors */
.white-color{color:#faf9f6;}
.beige-color{color:#e8dfd2;}
.black-color{color:#242625;}
.purple-color{color:#5C0F8B;}
.grey-color{color:#dbd9d5;}
.bronze-color{color:#8C6A4B;}

/* Text styling */
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.underline-offset3{text-underline-offset:3px;}
.underline-offset4{text-underline-offset:4px;}
.underline-offset6{text-underline-offset:6px;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}
.font-regular{font-weight:400;}
.font-medium{font-weight:500;}
.font-semibold{font-weight:600;}
.letter-spaceing-1-3{letter-spacing:1.3px;}
.letter-spaceing-1-5{letter-spacing:1.5px;}
.letter-spaceing-2{letter-spacing:2px;}



/* spacing */
.no-margin{margin:0 !important;}
.no-padding{padding:0 !important;}
.no-mt{margin-top:0 !important;}
.no-mb{margin-bottom:0 !important;}
.no-pt{padding-top:0 !important;}
.no-pb{padding-bottom:0 !important;}

/* Buttons */
.beige-btn{background-color:#e8dfd2; color:#242625 !important; display:inline-block; width:fit-content; padding:4px 30px; transition:all 0.3s ease-in-out; text-decoration:none; text-transform:uppercase; border:1px solid #e8dfd2; letter-spacing:1.5px; font-size:11px;}
.beige-btn:hover{background-color:#242625; color:#faf9f6 !important; border:1px solid #242625;}
.black-btn{background-color:#242625;color:#faf9f6 !important; display:inline-block; width:fit-content; padding:4px 30px; transition:all 0.3s ease-in-out; text-decoration:none; text-transform:uppercase; border:1px solid #242625; letter-spacing:1.5px; font-size:11px;}
.black-btn:hover{background-color:transparent; color:#242625 !important; border:1px solid #242625;}


/* CTA style */
.underline-cta{letter-spacing:1.3px; text-transform:uppercase; text-decoration:underline; text-underline-offset:6px; display:inline-block; text-decoration-thickness: 1px; text-decoration-color:rgba(36, 38, 37, .3); font-size:11px;}
.text-subtitle{font-size: 12px; opacity: 0.7 !important; text-transform: uppercase; letter-spacing:1.4px; margin:0;}

.cta-link{font-size:11px; letter-spacing:1.5px;}
.cta-btn-style{letter-spacing:1.3px; text-transform:uppercase; display:inline-block; position:relative;}
.cta-btn-style::after {content: "";position: absolute;left: 0;bottom: -4px;width: 85%;height: 1px;background-color: rgba(36, 38, 37, .6);transition: width 0.3s ease-in-out; }
.cta-btn-style:hover::after{width:104%; background-color: rgba(92, 15, 139, .6);}
@media (min-width: 768px){.cta-btn-style{font-size:12px;}}
@media (max-width: 767px){.cta-btn-style{font-size:11px;}}

/* Page */
html, body{overflow-x: clip;}
.full-width{width:100%; position:relative;}
.section-grid{position:relative; max-width:1100px; width:100%; padding-left:30px; padding-right:30px; margin:0 auto; box-sizing: border-box;}
@media (min-width: 1400px) {.section-grid{max-width: 1300px;}}
@media (min-width: 1025px) and (max-width: 1200px){.section-grid{max-width: 950px;}}

.section-grid .row{display: flex; flex-wrap: wrap; margin: 0 -15px;}
.categories.reversed-layout .row{flex-direction: row-reverse;}

.section-grid .col{padding: 0 30px; min-width: 300px;}
.section-grid .col-33 { flex: 0 0 33.333%; max-width: 33.333%; padding: 0 15px;}
.section-grid .col-30 {flex: 0 0 30%;}
.section-grid .col-40 {flex: 0 0 40%;}
.section-grid .col-50 {flex: 0 0 50%;}
.section-grid .col-60 {flex: 0 0 60%;}
.section-grid .col-70 {flex: 0 0 70%;}
@media (max-width: 1024px) {.section-grid .row .col {flex: 0 0 100%; max-width: 100%;} }
@media (max-width: 767px) {.section-grid{padding-left:15px; padding-right:15px;}}
.section-heading{text-align:center;}
.section-heading h2{display: inline-block; margin: 0;}
.section-heading h2::after {content: ''; display: block; width: 80%; height: 1px; background-color: #dbd9d5; margin: 20px auto 50px; transition: background-color 1.5s ease;}
.section-cta{text-align:center;}


/* Image Animations */
/* zoom in transition */
.zoom-in-image {overflow:hidden; display: flex; flex-direction:column;}
.zoom-in-image img{opacity: 0; transform: scale(1.12);  transition: opacity 1s ease, transform 3s ease-in-out; transform-origin: center center;}
.zoom-in-image.visible img {opacity: 1;transform: scale(1);}

/* Slide in bottom transition */
.slide-in-image {overflow:hidden; display: flex;justify-content: center; align-items: center;}
.slide-in-image img{opacity: 0; transform: translateY(20px);  transition: opacity 1s ease, transform 3s ease;; transform-origin: center center;}
.slide-in-image.visible img {opacity: 1; transform: translateY(0);}

/* Pulse in bottom transition */
.pulse-in-image img {opacity: 0; transform: scale(1); animation: pulse 2s ease-in-out; transition: opacity 1s ease;}
@keyframes pulse {0%, 100% {transform: scale(1);}50% {transform: scale(1.05); } }
.pulse-in-image.visible img {opacity: 1;animation: pulse 2s ease-in-out;}

/* Image hover transition */
.img-hover-transition img{transition: transform 2.5s ease;}
.img-hover-transition img:hover {transform: scale(1.14);}
.img-hover-transition .vc_single_image-wrapper{overflow:hidden;}


.inner-row{width:1100px; position:relative; margin:0 auto !important;}
@media (min-width: 1400px){.inner-row{width:1300px;}}
@media (max-width: 1200px){.inner-row{width:95%;}}


/*===== Custom Loading logo screen =====*/
.page-custom-loader {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: #faf9f6;z-index: 9999;display: flex;justify-content: center;align-items: center;pointer-events: none;}
.page-custom-loader  .qodef-st-loader1 {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.qodef-st-loader1 .logo-container {position: relative;width: 120px;height: auto;}
.qodef-st-loader1 img {position: absolute;top: 0;left: 0;opacity: 0;transition: opacity 0.3s ease-in-out;width: 100%;height: auto;}
.qodef-st-loader1 .black-logo {animation: logo-switch 3s infinite ease-in-out;}
.qodef-st-loader1 .purple-logo {animation: logo-switch 3s infinite ease-in-out;animation-delay: 1.5s;}
@keyframes logo-switch {0%, 50% { opacity: 1; }50.1%, 100% { opacity: 0; }}
.fade-out {opacity: 0;transition: opacity 0.3s ease;pointer-events: none;}
@media (min-width: 768px){.qodef-st-loader1 .logo-container{width:120px;height:auto;}}
@media (max-width: 767px){.qodef-st-loader1 .logo-container{width:100px; height:auto;}}

/*------------ Contact form hidden field ------------*/
.cform-field{position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important;}
.cform-field input{position: absolute !important; left: -9999px !important;}


/*======= Header section =======*/

/* Keep sticky header below the WordPress admin bar */
@media (min-width:1025px) {body.admin-bar .site-header{top: 32px;}}
/*@media (max-width: 782px) {body.admin-bar .site-header {top: 46px;}}*/

.site-header {position: sticky; top: 0; z-index: 999999999999 !important; background-color: rgba(232, 223, 210, 1); transition: all 0.3s ease-in-out; border-bottom:1px solid rgba(36, 38, 37, 0.08);}
.inside-header{padding:0 50px; max-width:100%; min-height: 60px;}
.inside-header .site-logo a{display:block;}
.inside-header .site-logo img{height:40px;}
.main-navigation .main-nav ul li a{padding:0 20px;}
.inside-header .main-nav .header-cta a{background-color:#242625; display:inline-block; width:fit-content; border:1px solid transparent; padding:4px 30px; transition:all 0.3s ease-in-out; }
.inside-header .main-nav .header-cta a:hover{background-color:transparent; color:#242625 !important; border:1px solid #242625;}
.inside-header .main-nav .header-number a{color:#242625;transition:all 0.3s ease-in-out;}

@media (max-width: 768px) {
	.inside-header{padding:0 30px; /*flex-direction:column !important; */justify-content:space-between;}
	.inside-header .site-logo img{height:30px;}
	nav.main-navigation{flex-basis:unset !important; margin-left:unset !important;}
	.mobile-menu-control-wrapper{display:none !important;}
    .main-navigation ul{display: flex !important;}
	.main-navigation ul li.header-number{display:none;}
	.inside-header .main-nav .header-cta a{padding:4px 15px;}
}


/*======= Page Banner section =======*/
.page-banner-mrow .wpb_raw_code{margin-bottom:0 !important}
.page-banner-container{position:relative; height:90vh; overflow:hidden;min-height: 500px;}
.page-banner-container .page-banner{position:absolute; inset:0; z-index:1;}
.page-banner-container .page-banner img{width:100%; height:100%; object-fit:cover; display:block; object-position:center 90%;}
.page-banner-container .bg-overlay{position: absolute; z-index:2; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.4) 100%); }
.page-banner-container .hero-content{position: absolute; bottom:80px; left:80px; z-index:3; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.page-banner-container .hero-content h1{margin:0 0 15px;} 
.page-banner-container .hero-content p{margin-bottom:20px; font-size:18px;}
@media (min-width: 768px) and (max-width: 1024px){.page-banner-container{height:500px;}}
@media (max-width: 768px){
	.page-banner-container{height:500px;}
	.page-banner-container .bg-overlay{background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.6) 100%);}
	.page-banner-container .hero-content{bottom:40px; left:15px; right:15px;}
	.page-banner-container .hero-content h1{font-size:26px; line-height:32px;}
}


/*======= Home Intro section =======*/
.home-intro-mrow{margin:0 !important;}
.home-intro-inner .intro-content{position:relative;}
.home-intro-inner .intro-content h2{margin:0 0 30px;}
.home-intro-inner .intro-content p{margin:0 0 30px;}
.home-intro-inner .intro-content .intro-contact{display: flex; flex-wrap: wrap; gap: 8px;align-items: center; justify-content:flex-start;}
.home-intro-inner .intro-content .intro-contact a.link{position:relative; text-decoration:none;}
.intro-contact a.link::after{content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background-color: rgba(36, 38, 37, .4); transition: all 0.3s ease;}
.intro-contact a.link:hover::after{background-color: #242625;}
.home-intro-inner .img-caption{margin:5px 0 0;}
@media (max-width: 1024px){.home-intro-inner .img-col{width:100%;}.home-intro-inner .content-col{width:100%; margin-bottom:40px;}}
@media (max-width: 768px){.home-intro-inner .intro-content .intro-contact{flex-direction:column; align-items:flex-start; gap:0;}}




/*======= Section Title =======*/
.section-title{margin-left:auto; margin-right:auto;}
.section-title h2{margin:0 0 20px; text-align:center;}
.section-title p{margin:0 auto;}
.section-title h2::after{content: '';display: block;width:350px;height: 1px;background-color: rgba(36, 38, 37, .2);margin: 20px auto 20px;transition: background-color 1.5s ease;}
@media (max-width: 768px){.section-title{width:95%;}.section-title h2::after{width:250px;}}
@media (min-width: 768px){.section-title p{width:550px;} .process-mrow .section-title p{width:700px;}}

/*
.inner-row{width:1100px; position:relative; margin:0 auto !important;}
@media (min-width: 1400px){.inner-row{width:1300px;}}
@media (max-width: 1200px){.inner-row{width:95%;}}


/*======= Our Expertise section =======*/
.expertise-inner p.wedo-img-caption{margin:5px 0 30px !important; font-size:16px; text-align:center;}
@media (min-width: 768px) and (max-width: 1024px){.expertise-inner>.vc_col-sm-3{width:50% !important;}}
.expertise-mrow .expertise-cta{margin:20px auto 0; text-align:center;}
.expertise-inner .image-blurb{position: relative; overflow:hidden;}
.image-blurb::after{content: ""; position: absolute; inset: 0; background:rgba(36, 38, 37, .7); opacity: 0; transition: opacity .3s ease; pointer-events: none;}
.image-blurb:hover::after{opacity: 1;}
.expertise-inner .item-overlay{position: absolute; inset:0; display: flex; align-items: center; justify-content: center; padding: 30px; opacity: 0; transition: opacity .3s ease; color: #faf9f6;pointer-events: none;}
.expertise-inner .item-overlay.active {opacity: 1;}



/*======= Who do we support section =======*/
.systems-support-mrow{background-color:rgba(232, 223, 210, 1);}
/*.support-mrow{box-shadow:0 -7px 10px -10px rgba(51, 51, 51, .2);}*/
/*.support-inner{width:92%; position:relative; margin:0 auto !important; max-width:1600px;}*/
.support-inner .support-content h6{font-size:10px; margin:0;}
.support-inner .support-content h3{font-size:20px; margin:15px 0 20px;}
.support-inner .support-content p{margin:0;}

.support-inner .support-box{text-align:center; margin-bottom:15px !important;}
.support-inner .support-box .support-title{padding:4px 0; line-height:normal; display:inline-block; }
.support-mrow .support-cta{margin:50px auto 30px !important; text-align:center;}
.professional-support-inner .support-box p.support-text{text-align:left;}
@media (min-width:1025px) and (max-width: 1200px){.support-inner .support-box .support-title{font-size:21px;}}
@media (min-width: 768px){.professional-support-inner .support-box p.support-text{width:630px; margin:0 auto;}}
@media (max-width: 1024px){
	.support-inner .support-box{margin-top:40px;}
	.mobile-space0{display:none; height:0;}
}
@media (min-width: 768px) and (max-width: 1024px){.support-inner>.vc_col-sm-3{width:50% !important;height:300px;}}
@media (max-width: 768px){
	.support-inner>.vc_col-sm-3{margin-bottom:50px !important;}.support-inner .support-content h3{margin:10px 0 20px;}
	.support-space20{display:none !important;}
}

/*
@media (min-width: 1201px){
	.property-col{padding-right:15px !important;}
	.designers-col{padding-left:15px !important; padding-right:15px !important;}
	.developers-col{padding-left:15px !important;}
}


/*======= Portfolio section =======*/
.portfolio-mrow{position:relative; box-shadow:0 -7px 10px -10px rgba(51, 51, 51, .2);}
.portfolio-inner .portfolio-content{margin-top:10px;}
.portfolio-inner .portfolio-content h4{margin:15px 0 15px;}
.portfolio-inner .portfolio-content h4 a{text-decoration:none;}
.portfolio-inner .portfolio-content p.text-subtitle{margin:0;}
.portfolio-mrow .portfolio-cta{text-align:center;}
.portfolio-mrow .portfolio-cta a{text-transform:uppercase; text-decoration:none; position:relative; letter-spacing:1.3px;}
.portfolio-mrow .portfolio-cta a::after{content: ""; position: absolute; left: 0; bottom: -2px; width:100%; height: 1px; background-color: rgba(36, 38, 37, .4); transition: all 0.3s ease;}
.portfolio-mrow .portfolio-cta a:hover::after{background-color: #242625;}
@media (max-width: 767px){.portfolio-mrow .mobile-hidden{display:none;}.portfolio-inner>.vc_col-sm-4{margin-bottom:50px !important;}}


/*===== Brand Grids section =====*/
.brands-grid-inner .brand-grids{display: grid; grid-template-columns: repeat(4, 1fr);gap: 30px; justify-items:center; align-items:center;}
.brands-grid-inner .brand-grids .brand-item:nth-child(n+9) {display: none;}
.brands-grid-inner .brand-grids.show-all .brand-item {display: block;}
.brands-grid-inner .brand-grids.show-all .brand-item {animation: fadeIn 0.4s ease forwards;}
.brands-grid-inner .brand-item img{width:120px; height:30px; object-fit: contain;}
@keyframes fadeIn {from { opacity: 0; transform: translateY(10px); }to { opacity: 1; transform: translateY(0); }}
.brands-grid-inner .toggle{margin:30px auto 0; text-align:center; width:100%;}
.brands-grid-inner .toggle a.brand-toggle{text-transform:uppercase; text-decoration:none; position:relative; letter-spacing:1.3px;}
.brands-grid-inner .toggle a.brand-toggle::after{content: ""; position: absolute; left: 0; bottom: -2px; width:100%; height: 1px; background-color: rgba(36, 38, 37, .4); transition: all 0.3s ease;}
.brands-grid-inner .toggle a.brand-toggle:hover::after{background-color: #242625;}

.brands-grid-inner .brand-item img.antoniolupi{height:40px; margin-top:3px;}
.brands-grid-inner .brand-item img.artemide{width:100px;}
.brands-grid-inner .brand-item img.bb-italia{height:40px; width:auto;}
.brands-grid-inner .brand-item img.bulthaup{width:100px;}
.brands-grid-inner .brand-item img.ernestomeda{width:120px; }
.brands-grid-inner .brand-item img.gabriel-scott{width:150px;}
.brands-grid-inner .brand-item img.vladimir-kagan{width:80px;}
.brands-grid-inner .brand-item img.lualdi{width:70px;}
.brands-grid-inner .brand-item img.okha{width:70px;}
.brands-grid-inner .brand-item img.poliform{width:90px;}
.brands-grid-inner .brand-item img.porada{width:90px; height:25px;}
.brands-grid-inner .brand-item img.porro{width:90px; height:22px; margin-top:7px;}
.brands-grid-inner .brand-item img.tribu{width:90px; height:22px;}
.brands-grid-inner .brand-item img.monitillo-1980{height:40px; width:150px; }
.brands-grid-inner .brand-item img.paolo-castelli{height:42px; width:150px; }
.brands-grid-inner .brand-item img.Maxalto50{height:25px; width:auto; margin-top:7px;}
.brands-grid-inner .brand-item img.vismara{height:22px; width:auto; margin-top:7px;}
.brands-grid-inner .brand-item img.arclinea{height:22px;}
@media (max-width: 768px) {.brands-grid-inner .brand-grids{grid-template-columns: repeat(2, 1fr); gap: 20px;}}



/*======= Systems Interior section =======*/
.interior-solution-mrow{background-color:rgba(232, 223, 210, 1);}
.interior-solution-mrow>.vc_column_container>.vc_column-inner{padding-top:0 !important;}
@media (min-width: 1300px) {.interior-solution-mrow .intro-content p{width:80%;}}



@media (min-width: 768px) {
	.interior-solution-mrow .interior-solution-inner .img-col{padding-right:20px;}
	.interior-solution-mrow .interior-solution-inner .content-col{padding-left:20px;}
}
@media (max-width: 768px) {
	.interior-solution-inner .img-col{margin-bottom:30px !important;}
}

/*======= Categories Carousel =======*/
.systems-slider-mrow{background-color:rgba(232, 223, 210, 1);}
.categories-wrapper{position: relative;}
.categories-wrapper .swiper-slide .featured-content, .categories-wrapper .swiper-slide .featured-image .img-txt{display:none;}
.categories-wrapper .swiper-slide.swiper-slide-active .featured-content, .categories-wrapper .swiper-slide.swiper-slide-active .featured-image .img-txt{display:block;}

.categories-wrapper .swiper-slide .featured-item{padding-bottom:5px;}
.categories-wrapper .featured-image{line-height: unset !important;}
.categories-wrapper .featured-image img{width: 100%; height: auto; display: block;}
.categories-wrapper .featured-image .img-txt{text-align:right; margin:3px 0 0; font-size:12px;}
.systems-slider .swiper-slide .featured-content h3{margin-top:10px;}
.systems-slider .swiper-slide .featured-content .slider-logos{display:flex; gap:30px; align-items:center; margin-bottom:30px;}
.systems-slider .swiper-slide .featured-content .slider-logos img{width:120px; height:30px;object-fit: contain;}
.systems-slider .swiper-slide .featured-content .slider-logos img.antoniolupi{height:40px; margin-top:3px;}
.systems-slider .swiper-slide .featured-content .slider-logos img.artemide{width:100px;}
.systems-slider .swiper-slide .featured-content .slider-logos img.bulthaup{width:100px;}
.systems-slider .swiper-slide .featured-content .slider-logos img.lualdi{width:70px;}
.systems-slider .swiper-slide .featured-content .slider-logos img.poliform{width:90px;}
.systems-slider .swiper-slide .featured-content .slider-logos img.porada{width:90px; height:25px;}
.systems-slider .swiper-slide .featured-content .slider-logos img.flos{height:22px;}
.systems-slider .swiper-slide .featured-content .slider-logos img.bomma{margin-left:-20px;}


.categories-wrapper .featured-swiper .swiper-slide{transform: scale(0.85);opacity: 0.4; transition: all 0.5s ease;}
.categories-wrapper .featured-swiper .swiper-slide-active {transform: scale(1); opacity: 1;}
.categories-wrapper .featured-nav{position: absolute; bottom:80px; width:100%;display: flex; justify-content: space-between; align-items: center;z-index: 10; pointer-events: none; padding: 0 40px;}
.categories-wrapper .featured-nav .featured-prev, .categories-wrapper .featured-nav .featured-next{pointer-events: all; cursor: pointer; position:relative; padding-bottom: 10px; cursor:pointer; letter-spacing:1.3px;}
.categories-wrapper .featured-prev {padding-left: 30px;text-align: left;}
.categories-wrapper .featured-next {padding-right: 30px;text-align: right;}
.categories-wrapper .featured-nav .featured-prev::after, .categories-wrapper .featured-nav .featured-next::after{content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%; height: 1px; background: rgba(36, 38, 37, 0.7);}
@media (min-width: 1025px) and (max-width: 1200px){.categories-wrapper .featured-nav{padding:0 20px;}}
@media (min-width: 768px) and (max-width: 1024px){
	.categories-wrapper .featured-nav{padding:0 10px;} 
	.categories-wrapper .featured-prev {padding-left: 10px;}
	.categories-wrapper .featured-next {padding-right:10px;}
}
@media (max-width: 768px){
	.categories-wrapper .featured-nav{bottom:0; width:100%; left:50%; transform:translateX(-50%);}
	.categories-wrapper .featured-swiper{padding-bottom:70px;}
	.categories-wrapper .featured-next{padding-right:0; padding-left:30px;}
	.categories-wrapper .featured-prev {padding-left: 0; padding-right:30px;}
}


/*======= Subcategories Intro section =======*/
section.sub-intro{position:relative;}
.sub-intro .row{align-items:center; padding:40px 0;}
.sub-intro .content-col h2{margin:0 0 25px;}
.sub-intro .content-col p{width:80%;}
.sub-intro .content-col, .sub-intro .img-col{z-index:99;}
.sub-intro .content-col, .sub-intro .img-col .img-container{overflow:hidden;}
@media (min-width: 1025px) {.sub-intro .img-col{padding-right:40px;}}
.sub-intro .bg-color{position:absolute; right:0; top:0; height:100%; width:70%; background-color:rgba(232, 223, 210, 1); z-index:9;}

@media (max-width: 1024px) {
	.sub-intro .section-grid .img-col{ margin-bottom:30px;}
	.sub-intro .bg-color{display:none;}
}

@media (max-width: 768px) {
	.sub-intro .content-col p{width:100%}
}



/*======= Testimonials section =======*/
section.testimonials{position:relative; padding:80px 0; text-align: center; }
.systems-testimonials-mrow section.testimonials{background-color:transparent;}
.testimonials .testimonial-swiper{width: 100%; min-height: 150px; margin:40px 0;}
.testimonials .testimonial-swiper .swiper-slide{height: auto;}
.testimonials .testimonial-item{max-width: 900px;margin: 0 auto;}
.testimonials .testimonial-text{font-size: 20px; margin-bottom: 30px;}
.testimonials .testimonial-author{font-weight: 400; letter-spacing:1.3px; margin-bottom:40px;}

/* Swiper pagination */
.testimonial-container .swiper-pagination{bottom:0 !important; margin:0 auto; width: 120px !important; display:flex;right:0;}
.testimonial-container .swiper-pagination-bullet{background:#dbd9d5 !important; opacity:1 !important; border-radius:0 !important; width:100% !important; height:3px !important; margin: 0 auto !important;}
.testimonial-container .swiper-pagination-bullet-active{background:#242625 !important;}

@media (max-width: 768px) {.testimonials .testimonial-text{font-size:18px;}}


/*======= Contact form section =======*/
section.contact-form{position:relative; padding:80px 0; box-shadow:0 -7px 10px -10px rgba(51, 51, 51, .2);}
.contact-form .title-section{text-align:center;}
.contact-form .title-section h2{}
.contact-form .title-section p{text-align:center; margin:10px 0 60px;}

/* Contact Form */
.contact-form .cf-wrapper{width:100%; margin:0 auto; }
.contact-form .cf-wrapper .form-group{position:relative;}
.contact-form .cf-wrapper .form-row{display: flex;justify-content: space-between;gap: 15px;position:relative;}
.contact-form .cf-wrapper .form-group{flex: 1;position:relative; margin-bottom:30px;}
.contact-form .cf-wrapper .form-group.project-scope{margin-bottom:25px;}

/* Respond */
.wpcf7 form.sent .wpcf7-response-output{border-color:#dbd9d5 !important; color:#242625 !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output{border-color:#dbd9d5 !important; color:#242625 !important;}

/* input fields */
.contact-form .cf-wrapper .form-group input[type=text], .contact-form .cf-wrapper .form-group input[type=email], .contact-form .cf-wrapper .form-group select, .contact-form .cf-wrapper .form-group textarea{position: relative; border-radius:3px; margin:0 !important; width:100%; padding:15px 20px;}
.contact-form .cf-wrapper .form-group label {position: absolute; top:-10px; z-index: 1; left:20px; padding: 0 5px; background-color: #faf9f6; padding: 0 10px;}
.contact-form .cf-wrapper .form-group textarea{resize: vertical;min-height:60px;height:80px; max-height:120px;overflow-y: auto; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px #faf9f6 inset !important;}
.contact-form .cf-wrapper .submit-group{display:flex; flex-direction:column; align-items:center;}
.contact-form .cf-wrapper .form-group input.wpcf7-submit{padding:5px 50px !important;width:fit-content !important; letter-spacing:1.5px; border:1px solid #242625; transition:all 0.3s ease-in-out;}

/* telephone */ 
.intl-tel-input.separate-dial-code .selected-flag{background-color:transparent;}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:transparent;}
.intl-tel-input.separate-dial-code .selected-dial-code{color: #242625 !important;}
.wpcf7-not-valid-tip{color:rgba(92, 15, 139, 0.6) !important;}

/* select 2 */
.contact-form .cf-wrapper .select2-selection{border-radius:3px !important; border-color:#dbd9d5 !important; height:48px !important; margin:0 !important; background-color:#faf9f6 !important;}
.contact-form .cf-wrapper .select2-selection__rendered{color: #242625; padding:15px 20px; line-height:normal;}
.select2-selection--single .select2-selection__arrow{height:100% !important; display:flex; align-items:center; right:4px !important;}
.select2-selection--single .select2-selection__arrow b{display:none;} 
.select2-selection__arrow:before {font-family:'ElegantIcons'; content:"\33"; font-size:18px;}
.select2-container--default .select2-search--dropdown .select2-search__field{border-color:#dbd9d5 !important; margin-bottom:10px;}
.select2-container--open .select2-dropdown--below{background:rgba(250, 249, 246, 1) !important; padding:10px; border-color:#dbd9d5 !important;}
.select2-container--default .select2-results__options{max-height:none !important;}
.select2-dropdown .select2-results__option:hover {background-color: #e8dfd2 !important; color: #242625 !important; }
.select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable{background-color:rgba(232, 223, 210, .5) !important; color:#242625 !important;}
.select2-dropdown .select2-results__option--selected{background-color:#dbd9d5 !important; color:#242625 !important;font-weight: 500 !important;}

@media (max-width: 768px){
	.contact-form .cf-wrapper .form-row{flex-direction:column;}
}



/*======= Website footer =======*/
.footer-widgets-container{padding:80px 40px 40px;}
.site-footer .footer-col{display:flex; flex-direction:column;}
.site-footer .footer-col img.footer-logo{width:100px; height:auto; margin-bottom:30px;}
.site-footer .footer-col .footer-about{width:100%;}
.site-footer .footer-col .footer-about p{line-height:24px;}

.site-footer .footer-col .locations ul li{margin-bottom:30px; min-height:130px;}
.site-footer .footer-col .locations ul li p{line-height:24px;}
.site-footer .footer-col .locations ul li p a{color:#242625; text-underline-offset:4px;  text-decoration-color:rgba(36, 38, 37, .3); text-decoration-thickness: 1px; transition: all 0.3s ease;}
.site-footer .footer-col .locations ul li p a:hover{color:#5C0F8B; text-decoration-color: rgba(92, 15, 139, .3);}


.site-footer .footer-bottom{margin-top:50px; padding-top:20px; border-top:1px solid rgba(219, 217, 213, .8); display:flex; justify-content:space-between;}
.site-footer .footer-bottom h4{font-size:14px; margin:0 0 10px}
.site-footer .footer-bottom .social-media{display:flex; gap:20px;}
.site-footer .footer-bottom .social-media img{width:18px; height:18px;}
@media (max-width: 768px){.site-footer .footer-bottom{flex-direction:column; align-items:center; gap:30px; border-top:none;}}



/*--- Address boxes ---*/
.address-detail {position: relative;width: 100%;max-width: 100%; height:auto; overflow: hidden; transition:box-shadow .175s cubic-bezier(.4,0,.2,1); box-shadow: 0 1px 8px 0 rgba(36, 38, 37, .25);}
.address-detail:hover, .address-detail:focus {box-shadow: 0 1px 5px 1px rgba(36, 38, 37, .25);}
.address-detail .google-map {width: 100%; height:250px;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.address-detail:hover .google-map {filter: grayscale(0%);}
.address-detail .google-map h4{padding:30px 15px; margin:0 auto;}
@media (min-width: 1400px){.address-detail .google-map {height:250px;}}
@media (min-width: 1024px) and (max-width: 1399px){.address-detail .google-map {height:auto;}}
@media (max-width: 1023px){.address-detail .google-map {height:auto;}}

.address-detail .google-map iframe {width: 100%;height: 100%;}
.address-detail .address-info {position: relative; width: 100%;height:auto; transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}
.address-detail .address-info .info-wrapper{width:90%; height:180px; margin:0 auto; display:flex; flex-direction:column; padding:20px 0;}
.address-detail .address-info h4{margin:0 0 20px;color: #242625; font-size:18px;}
.address-detail .address-info a{font-size:13px; display:block;}
.address-detail .address-info p{margin:0; font-size:13px; transition: 0.3s color ease-in-out;}
.address-detail .address-info h4, .address-detail .address-info a, .address-detail .address-info p {color: #242625;transition: color 0.3s ease-in-out;}
.address-detail:hover .address-info{background: rgba(232, 223, 210, 0.9); }
.address-detail .address-info a:hover{color:#5C0F8B;}

.coming-soon{position:relative; padding:0 10px; display:flex; align-items:flex-start;justify-content:center; text-align:center; background:url("/wp-content/uploads/ddw-cta-bg-info.webp") center center/cover no-repeat; overflow:hidden;}
.csoon-content{position:relative;z-index:2; padding-bottom:15px;}
.csoon-graphic{display:block; margin:-2px auto 15px;}
.csoon-content p{margin:0;}
@media (min-width: 1400px) {.coming-soon{height:250px;}.csoon-graphic{width:40px;}.csoon-content p{font-size:14px;}}
@media (min-width: 1201px) and (max-width: 1399px) {.csoon-graphic{width:25px;}.csoon-content p{font-size:12px;}}
@media (min-width: 1025px) and (max-width: 1200px) {.csoon-graphic{width:25px;}.csoon-content p{font-size:12px;}}
@media (min-width: 768px) and (max-width: 1024px) {.csoon-graphic{width:25px;}.csoon-content p{font-size:12px;}}
@media (min-width: 768px) and (max-width: 1399px) {.coming-soon{height:156px;}}
@media (max-width: 768px) {.csoon-graphic{width:30px;}}

/****** Responsive - Address Boxes Section  *******/
@media (min-width: 768px) and (max-width: 1200px){
	.contact-address-inner .address-col{width:50% !important;}
	.obegi-dxb-col, .poliform-dxb-col{margin-bottom:40px;}
}

@media (max-width: 949px){
	.contact-address-inner .address-col{width:100%; margin-bottom:40px;}
	.contact-address-mrow .address-box-space-bottom{height:50px !important;}
}


.footer-wrapper{display: grid;gap: 30px;}
@media (min-width: 1025px) {
	.footer-wrapper{grid-template-columns: repeat(4, 1fr);}
	.fcol-1 {grid-column: 1 / -1; }
	.footer-wrapper .footer-intro p{width:50%;}
}
@media (max-width: 767px){.footer-wrapper {grid-template-columns: 1fr;}}


@media (min-width: 768px) and (max-width: 1024px){
	.footer-wrapper{grid-template-columns: repeat(2, 1fr);}
	.fcol-1 {grid-column: 1 / -1; }
}




/*======= Categories =======*/
.category-split-mrow{position:relative; padding-top:80px; box-shadow:0 -7px 10px -10px rgba(51, 51, 51, .2);}
.category-split-inner{max-width:1100px; width:100%; margin:0 auto 80px !important; box-sizing:border-box;}
.category-split-inner .img-col .img-caption{font-size:11px;}
@media (min-width: 1400px) {.category-split-inner{max-width: 1300px;}}
@media (min-width: 1025px) and (max-width: 1200px){.category-split-inner{max-width: 950px;}}
@media (min-width: 768px) and (max-width: 1024px){
	.category-split-inner{padding-left:30px; padding-right:30px;}
}
@media (max-width: 767px){
	.category-split-inner{padding-left:15px; padding-right:15px;}
	.category-split-mrow{padding-top:50px;}
	.category-split-inner .img-col{margin-bottom:20px;}
	.reverse-split-inner .img-col{order:1;}
	.reverse-split-inner .content-col{order:2;}
	.category-split-inner .img-col .img-caption{text-align:right;}
}

/*
.categories-wrapper{position:relative; margin-bottom:80px;}
.categories-wrapper.first-category{padding-top:80px;box-shadow:0 -7px 10px -10px rgba(51, 51, 51, .2);}
.categories .section-grid .row{align-items:center;}
.categories .section-grid .img-col .img-container{overflow:hidden;}
.categories .section-grid .content-col h2{margin:0 0 25px;}
.categories .section-grid .content-col .content{margin-bottom:20px;}
.living-category-mrow{display:none;}

.categories.first-category{padding-top:80px;box-shadow:0 -7px 10px -10px rgba(51, 51, 51, .2);}