/*
Theme Name: Incline Space
Author: Incline Space
Author URI: https://inclinespace.com/
Description: Incline Space is a modern, responsive WordPress theme with custom header and footer layouts, multiple widget areas, ACF integration for theme settings, optional WebP image conversion. Built for flexibility and ease of customization.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: incline-space
*/


html    {overflow-x: hidden}
*       { margin: 0; padding: 0; box-sizing: border-box;}
body                                    {color: var(--black);background-color: var(--white); font-family:var(--NeuzeitSbook); font-size: 16px; line-height: 26px; letter-spacing: 0;overflow-x: hidden;-webkit-font-smoothing: antialiased; /* For Webkit-based browsers like Chrome and Safari */ -moz-osx-font-smoothing: grayscale; /* For Firefox on macOS */ font-smoothing: antialiased; }
a                                       {display: inline-block;}
.site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus { outline:none; }
a, button:focus, button:focus-visible, .site a:focus, body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), .widget a:link, .widget a:visited, .widget a:active { text-decoration: none; text-decoration-style: none; outline: none;}
a:hover{color: unset;text-decoration: none; text-decoration-style: none; outline: none;}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{outline: none;}
.widget>*:last-child { margin-block: 0; }
.widget,.post, .page{margin: 0;}
ul{padding: 0;margin: 0;}
li { list-style: none;line-height: unset; }
textarea { resize: none; }
img { width: 100%; height: auto; user-select: none;}
img:focus-visible, a:focus, .btn:focus, a:focus-visible, div:focus-visible { outline: none; box-shadow: none; }
.site-main>* { margin: 0; }
.site-main { padding: 0;}
:focus-visible { outline:0; }
.form-check-input:focus,.accordion-button:focus{border-color: unset; outline: 0; box-shadow: none;}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus{outline:none;}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus{outline: none;}
.accordion-button:not(.collapsed){box-shadow: none;}
/* ::selection  {background-color: var(--bg-green);color: var(--white);} */
/* select */
/* select{appearance: none;background: url(./assets/images/drop-down-arrow.svg) no-repeat 96% center / 20px auto; height:20px;width:20px;} */
html:has(.modal-open) { overflow: hidden; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,p{margin: 0;}

@font-face {
    font-family: 'NeuzeitS-Book';
    src: url('./assets/fonts/neuzeit_book-webfont.eot');
    src: url('./assets/fonts/neuzeit_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts/neuzeit_book-webfont.woff2') format('woff2'),
         url('./assets/fonts/neuzeit_book-webfont.woff') format('woff'),
         url('./assets/fonts/neuzeit_book-webfont.ttf') format('truetype'),
         url('./assets/fonts/neuzeit_book-webfont.svg#neuzeits-bookbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ITC Avant Garde Pro Bk bold';
    src: url('./assets/fonts/itcavantgardepro-bold-webfont.eot');
    src: url('./assets/fonts/itcavantgardepro-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/itcavantgardepro-bold-webfont.woff2') format('woff2'),
        url('./assets/fonts/itcavantgardepro-bold-webfont.woff') format('woff'),
        url('./assets/fonts/itcavantgardepro-bold-webfont.ttf') format('truetype'),
        url('./assets/fonts/itcavantgardepro-bold-webfont.svg#itc_avant_garde_gothic_proBd') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Pro Bk reguler';
    src: url('./assets/fonts/itcavantgardepro-bk-webfont.eot');
    src: url('./assets/fonts/itcavantgardepro-bk-webfont.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/itcavantgardepro-bk-webfont.woff2') format('woff2'),
        url('./assets/fonts/itcavantgardepro-bk-webfont.woff') format('woff'),
        url('./assets/fonts/itcavantgardepro-bk-webfont.ttf') format('truetype'),
        url('./assets/fonts/itcavantgardepro-bk-webfont.svg#itc_avant_garde_gothic_proBk') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Pro Md medium';
    src: url('./assets/fonts/itcavantgardepro-md-webfont.eot');
    src: url('./assets/fonts/itcavantgardepro-md-webfont.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/itcavantgardepro-md-webfont.woff2') format('woff2'),
        url('./assets/fonts/itcavantgardepro-md-webfont.woff') format('woff'),
        url('./assets/fonts/itcavantgardepro-md-webfont.ttf') format('truetype'),
        url('./assets/fonts/itcavantgardepro-md-webfont.svg#itc_avant_garde_gothic_proMd') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root                   
{ 
    /* color */
    --white: #ffffff; 
    --off-white:#ebebeb;
    --black: #000000;
    --green:#556f73;  
    --gray:#9fa7ad;
    --gray-01:#6f7b83;     
    --gray-02:#3f4f5a; 
    --gray-03:#ebebeb;
    --gray-04:#cfd3d6;
    --f0: transparent;   
    
    /* validation color */
    --g1: #36612F;
    --g2: #C0D7BC;
    --r1 : #ff4500;
    --r2 : #ffc8c8;
    
    /* font size */
    --NeuzeitSbook : 'NeuzeitS-Book', sans-serif;  
    --ITCAvantGardeProMd-med : 'ITC Avant Garde Pro Md medium', sans-serif;  
    --ITCAvantGardeProBk-reg : 'ITC Avant Garde Pro Bk reguler', sans-serif;  
    --ITCAvantGardeProBk-bold : 'ITC Avant Garde Pro Bk bold', sans-serif;  
    --Lato : 'Lato', sans-serif;
}
.container{max-width:1190px;margin: 0 auto;--bs-gutter-x: 40px;}


.overflow-hidden{overflow: hidden;}

/* button style */
.common-btn{white-space: nowrap;padding: 18px 38px;font-family: var(--NeuzeitSbook);font-size: 18px;line-height: 22px;transition: all 0.3s ease-in-out;border-radius: 30px;border: 2px solid;}
.filled-white-btn{background-color: var(--off-white);color: var(--gray-02);border-color: var(--off-white);}
.filled-white-btn:hover{background-color: var(--green);color: var(--white);border-color: var(--green);}
.filled-green-btn{background-color: var(--green);color: var(--white);border-color: var(--green);}
.filled-green-btn:hover{background-color: var(--gray-02);color: var(--white);border-color: var(--gray-02);}
.outline-white-btn{background-color: var(--f0);color: var(--white);border-color: var(--gray-01);}
.outline-white-btn:hover{background-color: var(--off-white);color: var(--gray-02);border-color: var(--off-white);}


/* btn link style */
.btn-link{font-family: var(--ITCAvantGardeProMd-med);font-size: 18px;line-height: 22px;transition: all 0.3s ease-in-out;text-decoration: none;display: flex;align-items:center;gap: 10px;flex-shrink: 0;}
.btn-link img{width: 25px;height: auto;transition: all 0.3s ease-in-out;}
.btn-link:hover img{transform: translateX(5px);}
.white-btn-link{color: var(--off-white);}
.white-btn-link:hover{color: var(--off-white) !important;}
.green-btn-link{color: var(--gray-02);}
.green-btn-link:hover{color: var(--gray-02) !important;}


/* typography */
.heading-style-1{font-size: 90px;line-height: 94px;}
.heading-style-2{font-size: 80px;line-height: 86px;}
.heading-style-3{font-size: 34px;line-height: 44px;}
.heading-style-4{font-size: 24px;line-height: 32px;}
.p-big{font-size: 18px;line-height: 26px;}
.p-med{font-size: 16px;line-height: 24px;}
.p-small{font-size: 14px;line-height: 22px;}

.font-neuzeit-sbook{font-family: var(--NeuzeitSbook);}
.font-itca-avant-med{font-family: var(--ITCAvantGardeProMd-med);}
.font-itca-avant-reg{font-family: var(--ITCAvantGardeProBk-reg);}
.font-itca-avant-bold{font-family: var(--ITCAvantGardeProBk-bold);}


.padding-top{padding-top: 85px;}
.padding-bottom{padding-bottom: 85px;}
.padding-block{padding-block: 85px;}

.banner-overlay{position: relative;}
.banner-overlay:after{content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: linear-gradient(90deg, #293239 73.33588181880482%, #556F73 100%);opacity: 92%;z-index: 0;pointer-events: none;}
.home-banner-video-overlay{position: relative;z-index: 0;}
.home-banner-video-overlay:after{content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: linear-gradient(90deg, #293239 73.33588181880482%, #556F73 100%);opacity: 85%;z-index: 0;pointer-events: none;}


/* ================== contact form style ================== */
.contact-us-form .input-group{margin-bottom: 20px;display: block;}
.contact-us-form label{font-size: 16px;line-height: 20px;font-family: var(--NeuzeitSbook);margin-bottom:5px;display: block;width: 100%;color: var(--gray-01);}
input[type=text], input[type=email], input[type=url] input[type=tel], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea,select  {
    width: 100%; 
    border-radius: 15px; 
    background-color: var(--off-white);
    padding: 9px 12px; 
    font-size: 14px; 
    line-height: 18px;
    font-weight: 400;
    color: var(--gray-02);
    border: none;
    font-family: var(--NeuzeitSbook);
}
textarea{height: 92px;resize: none;}
input[type=text]::placeholder, input[type=email]::placeholder,input[type=tel]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=date]::placeholder, input[type=month]::placeholder, input[type=week]::placeholder, input[type=time]::placeholder, input[type=datetime]::placeholder, input[type=datetime-local]::placeholder, input[type=color]::placeholder, .site textarea::placeholder,select::placeholder {
    font-size: 14px; 
    line-height: 18px;
    font-family:var(--NeuzeitSbook);         
    color:var(--gray-02);
    font-weight: 400;
}
/* contact form button style ================== */
.form-btn{position:relative;width:fit-content;margin-right: auto;margin-top: 0px;}
input[type=submit] {
    padding: 10px 20px; 
	background-color: var(--green);
    font-size:16px ;
    line-height:20px ;
    color:var(--white) ;
	text-transform: capitalize;
    border:1px solid var(--green) ;
    border-radius: 10px ;
    font-family:var(--NeuzeitSbook) ;     
    transition: all 0.3s ease-in-out;
    text-align:center;    
	min-width: 209px;
}
input[type=submit]:hover{ background-color: var(--black) !important; color:var(--white) !important; }
input[type=submit]:focus, input[type=submit]:focus-visible, input[type=submit]:active { outline: none;}
/* autofill style */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: var(--gray-02) !important; }
/* spinner */
.wpcf7-spinner { margin: 0px; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);background-color: var(--white) !important;}
.wpcf7-spinner::before{background-color: var(--green);}
.submitting .wpcf7-submit { pointer-events: none; color: var(--green) !important; }
.submitting input[type=submit]{color: transparent !important;background-image: none !important;}
/* massege */
.wpcf7-response-output { margin: 10px 0px 0px !important; font-size: 12px !important; line-height: 20px !important; border: none !important; color: var(--white-color); font-weight: 600; text-align: center;}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output { background: #ffb900;color: var(--white);}
.wpcf7 form.failed .wpcf7-response-output { background: #f05858;color: var(--white);}
.wpcf7 form.sent .wpcf7-response-output { background: #46b450;color: var(--white);}
.wpcf7-not-valid-tip { font-size: 12px;line-height: 16px; margin-top: 5px;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }


/* =========================== common small-banner =========================== */
.section-small-banner{height: 500px;position: relative;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.section-small-banner .container{position: relative;z-index: 2;height:100%;}
.section-small-banner .banner-common-content{max-width: 800px;height:100%;display: flex;flex-direction: column;justify-content: end;padding-bottom: 80px;}
.section-small-banner .banner-common-content .heading-style-1{color:var(--off-white);font-family:var(--ITCAvantGardeProBk-reg);}
.section-small-banner .banner-common-content .heading-style-1 span{font-family:var(--ITCAvantGardeProBk-bold);}

/* =========================== feature-project =========================== */
.feature-project-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;}
.feature-project-title h2{color: var(--gray-02);font-family: var(--ITCAvantGardeProBk-reg);}
.feature-project-title h2 span{color: var(--green);font-family: var(--ITCAvantGardeProBk-bold);}

/* slider */
.feature-project-slider{margin-left: calc(50% - 1190px / 2 + 20px);overflow: hidden;}
.feature-project-slider .swiper { overflow: visible; }
.feature-project-slider .swiper-slide { width: 43%; transition: all 0.4s ease; }
.feature-project-card { position: relative; }
.feature-project-image-wrap { position: relative; display: block; border-radius: 22px; overflow: hidden; height: 357px; text-decoration: none; }
.feature-project-image-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.project-tag {text-transform: uppercase; position: absolute; left: 24px; bottom: 26px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 18px; border-radius: 999px; background: rgba(255,255,255,0.9); color: #5f6f77; font-size: 14px; line-height: 1; font-weight: 500; z-index: 2; }

.project-arrow {opacity: 0; position: absolute; top: 34px; right: 34px; width: 64px; height: 64px; border-radius: 50%; background: #f0efed; color: #596872; display: flex; align-items: center; justify-content: center; z-index: 3; }

.feature-project-content { padding: 18px 4px 0; }
.feature-project-content .heading-style-3 { margin: 0 0 8px; font-family: var(--ITCAvantGardeProBk-bold);}

.feature-project-content .heading-style-3 a { color: var(--green); text-decoration: none; }
.feature-project-content p { margin: 0; color: var(--gray-01);font-family: var(--ITCAvantGardeProBk-reg);}
.feature-project-bottom { display: flex; align-items: center; gap: 26px; margin-top: 42px;max-width: 90%;}
.feature-project-prev{transform: rotate(180deg);}
.feature-project-nav { width: 34px; height: 34px; min-width: 34px; border-radius: 50%;color: var(--gray);border:2px solid var(--gray); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; }
.feature-project-nav img{width:20px; filter: brightness(0) saturate(100%) invert(71%) sepia(8%) saturate(269%) hue-rotate(163deg) brightness(94%) contrast(84%);}
.feature-project-nav:hover { background: var(--gray-01);border-color:var(--gray-01); color: #fff; }
.feature-project-nav:hover img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7446%) hue-rotate(183deg) brightness(95%) contrast(105%);}
.feature-project-pagination { flex: 1; display: flex; align-items: center; gap: 0; height: 4px; }
.feature-project-pagination .swiper-pagination-bullet { flex: 1; height: 4px; border-radius: 0; background: #d9d9d9; opacity: 1; margin: 0 !important; transition: background 0.3s ease; }
.feature-project-pagination .swiper-pagination-bullet:first-child { border-radius: 20px 0 0 20px; }
.feature-project-pagination .swiper-pagination-bullet:last-child { border-radius: 0 20px 20px 0; }
.feature-project-pagination .swiper-pagination-bullet-active { background: var(--green); }

.feature-project-slider .container{margin-inline:0 auto;}
.feature-project-slider .swiper-slide .feature-project-image-wrap::after { background: rgba(72, 88, 98, 0.776); opacity: 0; transition: all 0.3s ease;content: ""; position: absolute; inset: 0;height: 100%;width: 100%; }
.feature-project-slider .swiper-slide:hover .feature-project-image-wrap::after { opacity: 1; }

.feature-project-slider .swiper-slide:hover .feature-project-content h3 a { text-decoration: none; }
.feature-project-slider .swiper-slide:hover .project-arrow { opacity:1; }

.feature-project-slider .swiper-slide:hover .feature-project-content h3 a { text-decoration: underline; }
/* =========================== section-transforming ========================= */
.section-transforming{padding:300px 0 100px; background-size: cover;background-position: center top;background-repeat: no-repeat;}
.transforming-logo img{width: 100%;max-width: 412px;height: auto;object-fit: contain;filter: brightness(100);}

/* =========================== section-experience ========================= */
.section-experience {position: relative; overflow: hidden; background-size: 22% 77%; background-position: right 20% center; background-repeat: no-repeat;}
.experience-image-wrap { position: relative; min-height: 688px;max-width: 650px; margin: 0 auto; }
.experience-image { position: absolute; border-radius: 24px; overflow: hidden; }
.experience-image img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Top image */
.experience-image-1 { top: 0; right: 20px;  height: 373px;width: 520px; z-index: 1; }
/* Bottom overlap image */
.experience-image-2 { left: -60px; bottom: 10px;  height: 373px;width: 560px; z-index: 2; border: 10px solid #ffffff; border-radius: 26px; }

.experience-content { position: relative; margin-left: auto; z-index: 2; max-width: 500px;}
.section-experience .heading-style-2 { margin: 0 0 28px; color: var(--gray-02); font-family: var(--ITCAvantGardeProBk-reg); }
.section-experience .heading-style-2 span { color: var(--green); font-family: var(--ITCAvantGardeProBk-bold); }
.experience-content p { margin: 0 0 36px; font-family: var(--NeuzeitSbook); color: var(--gray-01); }
.common-btn-group { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }

/* =========================== section-testimonial =========================== */
.section-testimonial { overflow: hidden; }
.testimonial-slider ,
.services-testimonial-slider{ position: relative;  max-width: 953px; margin: 0 auto; }

.testimonial-quote-icon { margin-bottom: 28px; width: 70px; height: 70px; }
.testimonial-quote-icon img{filter: brightness(0) saturate(100%) invert(40%) sepia(36%) saturate(246%) hue-rotate(140deg) brightness(94%) contrast(87%);}

.testimonial-content .heading-style-3 { margin: 0; color: var(--gray-02); font-family: var(--ITCAvantGardeProBk-reg);}
.testimonial-author { display: flex; align-items: center; gap: 22px; margin-top: 55px; }
.testimonial-author-image { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.testimonial-author-image img { width: 100%; height: 100%; object-fit: cover; filter:grayscale(100%); }

.testimonial-author-info h4.p-big {color: var(--gray-02); font-family: var(--Lato); font-weight: 700; }

.testimonial-author-info span.p-small,
.testimonial-author-info small.p-small { display: block; color: var(--gray-02); font-family: var(--Lato); font-weight: 400; }
.testimonial-author-info small.p-small{color:#888892;}
.testimonial-bottom-bar { margin-top: 55px; }
.testimonial-line { height: 1px; background: #d1d9e6; margin-bottom: 30px; }
.testimonial-controls {width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; }

.testimonial-pagination { position: static !important; width: auto !important; display: flex; align-items: center; gap: 10px; }
.testimonial-pagination .swiper-pagination-bullet { width: 24px; height: 8px; border-radius: 20px; background: rgba(78, 100, 112, 0.25); opacity: 1; margin: 0 !important; transition: all 0.3s ease; }
.testimonial-pagination .swiper-pagination-bullet-active { width: 48px; background: #4d5d69; }

.testimonial-navigation { display: flex; align-items: center; gap: 12px; }

.testimonial-button-prev{transform: rotate(180deg);}
.testimonial-button-prev,
.testimonial-button-next { width: 35px; height: 35px; border: 2px solid rgba(78, 100, 112, 0.45); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #8b98a2; cursor: pointer; transition: all 0.3s ease; }
.testimonial-button-prev img,
.testimonial-button-next img{width:20px; filter: brightness(0) saturate(100%) invert(71%) sepia(8%) saturate(269%) hue-rotate(163deg) brightness(94%) contrast(84%);}
.testimonial-button-prev:hover,
.testimonial-button-next:hover { background: #4d5d69; color: #fff; border-color: #4d5d69; }
.testimonial-button-prev:hover img,
.testimonial-button-next:hover img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7446%) hue-rotate(183deg) brightness(95%) contrast(105%);}

.project-images-bottom-bar .testimonial-button-prev, 
.project-images-bottom-bar .testimonial-button-next{border: 2px solid rgb(228 228 228 / 45%);}
.project-images-bottom-bar .testimonial-button-prev:hover, 
.project-images-bottom-bar .testimonial-button-next:hover { background: #ffffff;}
.project-images-bottom-bar .testimonial-button-prev:hover img, 
.project-images-bottom-bar .testimonial-button-next:hover img{filter: brightness(0) saturate(100%) invert(71%) sepia(8%) saturate(269%) hue-rotate(163deg) brightness(44%) contrast(84%);}

.project-images-bottom-bar .testimonial-pagination .swiper-pagination-bullet{background: rgb(235 235 235 / 25%);}
.project-images-bottom-bar .testimonial-pagination .swiper-pagination-bullet-active { background: #e2e2e2;}

/* =========================== process =========================== */
.section-process{position: relative;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.section-process:after{content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background:rgba(63,79,90, 0.9);pointer-events:none;}
.section-process .container{position: relative;z-index: 2;}
.process-title { margin-bottom: 60px; }

.process-title-left .heading-style-1 { color: #ffffff; margin-bottom: 20px; font-family: var(--ITCAvantGardeProBk-reg); }
.process-title-left .heading-style-1 span { font-family: var(--ITCAvantGardeProBk-bold); }
.process-subtitle { margin: 0; color: #ffffff; font-family: var(--NeuzeitSbook); max-width: 470px; }
.process-subtitle strong { font-family: var(--ITCAvantGardeProBk-bold); }

.process-title-right p { margin: 0; color: rgba(255, 255, 255, 0.92); font-family: var(--ITCAvantGardeProBk-reg); } 

.process-card-offset { padding-top: 34px; }
.process-card { margin-bottom: 32px; min-height: 285px; padding: 34px 34px 30px; border-radius: 22px; background: rgba(63,79,90, 0.85); border: 1px solid rgba(85,111,115, 1); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); transition: all 0.3s ease; color: var(--off-white); }
.process-card:last-child { margin-bottom: 0; }
.process-card:hover { background: var(--off-white); border-color: rgba(255, 255, 255, 0.35);color: var(--gray-02);}

.process-card-icon {background-color: var(--gray-01); width: 56px; height: 56px; margin-bottom: 28px; display: flex; align-items: center; justify-content: center; border-radius:16px;}
.process-card-icon img { width: 45px; height: 45px; max-width: 100%; max-height: 100%; object-fit: contain; filter: brightness(0) saturate(100%) invert(29%) sepia(20%) saturate(486%) hue-rotate(158deg) brightness(94%) contrast(92%);}
.process-card:hover .process-card-icon{background-color: var(--green);}
.process-card:hover .process-card-icon img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7470%) hue-rotate(116deg) brightness(109%) contrast(109%);}

.process-card h3 { margin: 0 0 16px; font-family: var(--ITCAvantGardeProMd-med); }
.process-card p { margin: 0; font-family: var(--NeuzeitSbook); }

.process-buttons { margin-top: 42px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }

/* =========================== section-video =========================== */
.section-video {background-color: var(--off-white);}
.video-thumbnail-box { position: relative; border-radius: 24px; overflow: hidden; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16); }
.video-thumbnail-box > img { width: 100%; height: 625px; display: block; object-fit: cover; }
.video-thumbnail-box::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.08) 38%, rgba(0, 0, 0, 0.15) 62%, rgba(0, 0, 0, 0.35) 100% ); pointer-events: none; }

.video-play-btn { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; border: none; background: transparent; transform: translate(-50%, -50%); cursor: pointer; z-index: 3; transition: transform 0.3s ease; display: flex; align-items: center; justify-content: center; padding: 0; }
.video-play-btn img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7470%) hue-rotate(116deg) brightness(109%) contrast(109%);}

.video-play-btn:hover { transform: translate(-50%, -50%) scale(1.08); }
.video-showcase-content { position: absolute; right: 7%; bottom: 9%; z-index: 3; text-align: right; }
.video-showcase-small-text { display: block; font-size: 50px; line-height: 1; font-family: var(--ITCAvantGardeProBk-bold); color: var(--white); margin-bottom: 4px; }
.video-showcase-content img { max-width: 260px; width: 100%; height: auto; object-fit: contain; margin-bottom: 20px;display: block; }

.video-watch-link { display: inline-flex; align-items: center; gap: 10px; font-size: 22px; line-height: 1.2; font-weight: 400; color: #ffffff; background: transparent; border: none; padding: 0; cursor: pointer; }
.video-watch-link span { display: inline-flex; align-items: center; justify-content: center; }
.video-watch-link:hover{color: var(--white);}

/* bootstrap modal custom */
.video-modal .modal-content { background: transparent; border: none; border-radius: 18px;position: relative;height:100%; }
.video-modal.modal{padding: 14px;}
.video-modal .modal-dialog{max-width: 100%;height: 100%; margin: 0;}
.video-modal-body { background: #000; border-radius: 20px; overflow: hidden; }
.video-modal-body video { width: 100%; height: 100%; display: block; aspect-ratio: 16 / 9; background: #000; }
.video-modal-close { position: absolute; top: 10px; right: 10px; z-index: 5; opacity: 1; background-color: #ffffff; height: 20px; width: 20px; }

/* pcon-configurator-section =================== */
.pcon-configurator-section{padding-top: 150px;}

/* =========================== 404 page =========================== */
.error-page{padding:240px 0 160px;text-align: center;position:relative;background: #e5e5e5; }
.error-page:after{content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: url(./assets/images/detail-page-banner.png) no-repeat center / cover; opacity: 1;pointer-events:none;}
.error-page .heading-style-1{margin-bottom: 20px; font-size: 110px !important; line-height: 110px !important;font-family:var(--ITCAvantGardeProBk-bold); color:var(--gray-02);}
.error-page .heading-style-1 span{color: var(--green);}
.error-page .heading-style-2{margin-bottom:20px;font-size: 41px; line-height: 50px;font-family:var(--ITCAvantGardeProMd-med);color: var(--gray-02);}
.error-page p{text-transform: capitalize !important;margin-bottom: 24px !important;font-family: var(--NeuzeitSbook);color: var(--gray-02);}

/* =========================== section-project banner =========================== */
.section-project-banner:after{background: linear-gradient(90deg, #293239 0%, rgba(85,111,115,0) 70.63363058525219%);content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}
.section-project-banner {position: relative;background-image: url(./assets/images/detail-project-shap.png); background-size: 22% 73%; background-position: right 13% bottom 30px;background-repeat: no-repeat;}
.project-banner-wrap { position: relative; height: 798px; border-radius: 0; overflow: hidden; }
.project-banner-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;z-index: -1; }
.section-project-banner .container{height: 100%;position: relative;z-index: 2;}

.project-banner-content { gap: 30px; padding: 110px 0px 120px; position: relative; z-index: 2; height: 100%; display: flex; align-items: flex-end; justify-content: space-between; }
.project-banner-left { max-width: 760px; }

.project-banner-title {color: var(--off-white); font-family: var(--ITCAvantGardeProBk-bold);}
.project-video-trigger {margin-top: 54px; display: inline-flex; align-items: center; gap: 26px; border: none; background: transparent; padding: 0; cursor: pointer; }
.project-video-trigger-text { color: #ffffff; font-size: 40px; line-height: 1; font-weight: 400; font-family:var(--NeuzeitSbook); }

.project-video-trigger-icon { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; flex-shrink: 0; transition: transform 0.3s ease; }
.project-video-trigger-icon img { width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }

/* .project-banner-right { padding-bottom: 28px; } */

/* =========================== section-experience content ========================= */
.section-experience {padding-block: 124px !important;}
.section-experience-content{position: relative;}
.section-experience-content:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(./assets/images/workplace-bg.png);background-size: 60% auto; background-position: right 2% center; background-repeat: no-repeat; pointer-events: none; opacity: 0.5;z-index: -1;}
.experience-content-wrap{margin-bottom: 89px;}
.section-experience-content .experience-content-wrap .heading-style-3{color: var(--gray-02); font-family: var(--ITCAvantGardeProBk-reg);max-width: 530px;}    
.section-experience-content .experience-content-wrap .heading-style-3 span{font-family: var(--ITCAvantGardeProBk-bold); color: var(--green);}        
.section-experience-content .p-big { color: var(--gray-02); margin-bottom: 20px; }
/*  */
.section-experience-content .experience-image-1 { right: auto;}
.section-experience-content .experience-image-2 { left: auto; right: -50px;}
.section-experience-content .experience-content{max-width: 450px;}
.section-experience-content .heading-style-2 { margin: 0 0 28px; color: var(--gray-02); font-family: var(--ITCAvantGardeProBk-reg); }
.section-experience-content .heading-style-2 span { color: var(--green); font-family: var(--ITCAvantGardeProBk-bold); }
.section-experience-content .experience-content p { margin: 0 0 36px; font-family: var(--NeuzeitSbook); color: var(--gray-01); }


/* ================================================== media query start ================================================ */
@media screen and (max-width:1199px){
    .container{max-width: 940px;}
    
    /* button style */
    .common-btn{padding: 14px 30px; font-size: 16px; line-height: 20px;}

    /* btn link style */
    .btn-link{font-size: 16px;line-height: 20px;}
    .btn-link img{width: 22px;}

    .padding-top{padding-top: 82px;}
    .padding-bottom{padding-bottom: 82px;}
    .padding-block{padding-block: 82px;}

    /* typography */
    .heading-style-1{font-size: 80px;line-height: 84px;}
    .heading-style-2{font-size: 62px;line-height: 70px;}
    .heading-style-3{font-size: 30px;line-height: 36px;}
    .heading-style-4{font-size: 22px;line-height: 26px;}
    .p-big{font-size: 16px;line-height: 24px;}
    p{font-size: 14px;line-height: 22px;}
    
    /*======== contact form css ======== */
    .contact-us-form .row{--bs-gutter-x: 10px;}
    .contact-us-form .input-group { margin-bottom: 16px;}
    
    /* =========================== feature-project =========================== */
    .feature-project-title{margin-bottom: 30px;}

    /* slider */
    .feature-project-slider{margin-left: calc(50% - 940px / 2 + 20px);}
    .feature-project-slider .swiper-slide { width: 36%;}
    .feature-project-image-wrap {height: 240px;}
    .project-tag {left: 18px; bottom: 18px;}

    .project-arrow {top: 20px; right: 20px; width: 46px; height: 46px;}

    .feature-project-content { padding: 14px 4px 0; }

    .feature-project-bottom {margin-top: 38px;}
    
     /* =========================== section-experience ========================= */
     .section-experience {padding-block: 100px !important;}

    .section-experience{background-size: 25% 90%;}
    .experience-image-wrap {min-height: 548px;}

    /* Top image */
    .experience-image-1 { right: 0; height: 303px; width: 100%;}
    /* Bottom overlap image */
    .experience-image-2 { left: -30px;height: 303px; width: 100%;border-width: 7px;}

    .section-experience .heading-style-2 { margin: 0 0 24px;}
    .common-btn-group {gap: 24px;}
    
    /* =========================== section-transforming ========================= */
    .section-transforming{padding:170px 0 70px;}
    .transforming-logo img{max-width: 260px;}
    
    
    /* =========================== section-testimonial =========================== */
    .testimonial-quote-icon { margin-bottom: 24px; width: 60px; height: 60px; }

    .testimonial-author {gap: 20px; margin-top: 40px; }
    .testimonial-author-image { width: 70px; height: 70px;}

    .testimonial-bottom-bar { margin-top: 40px; }
    .testimonial-line {  margin-bottom: 24px; }
    .testimonial-controls { gap: 18px; }

    .testimonial-pagination .swiper-pagination-bullet { width: 22px; height: 4px;}
    .testimonial-pagination .swiper-pagination-bullet-active { width: 44px;}
    .testimonial-navigation {gap: 10px; }
    .testimonial-button-prev,
    .testimonial-button-next { width: 30px; height: 30px;}

    /* =========================== process =========================== */
    .process-title { margin-bottom: 50px;}
    .process-title-left .heading-style-1 {margin-bottom: 18px;}
    .process-card-offset { padding-top: 30px; }
    .process-card { margin-bottom: 28px;padding: 30px 30px 26px; border-radius: 22px; }
    .process-card:last-child { margin-bottom: 0 !important; }

    .process-card-icon {width: 52px; height: 52px; margin-bottom: 24px;}
    .process-card-icon img { width: 42px; height: 42px; }
    .process-card h3 { margin: 0 0 14px; }
    .process-buttons { margin-top: 38px;}

    /* =========================== section-video =========================== */
    .video-thumbnail-box > img{height: 515px;}
    .video-showcase-small-text { font-size: 40px;}
    .video-showcase-content img { max-width: 210px;}
    .video-watch-link{font-size: 20px;}
    
    /* =========================== 404 page =========================== */
    .error-page .heading-style-1{margin-bottom: 18px; font-size: 96px !important; line-height: 100px !important;}
    .error-page .heading-style-2{margin-bottom:18px;font-size: 38px; line-height: 48px;}
    .error-page p{margin-bottom: 22px !important;}
    
    /* =========================== section-project banner =========================== */
    .project-banner-wrap {height: 730px;min-height: auto;}

    .project-banner-content { gap: 18px; padding: 83px 0px 49px;}

    .project-video-trigger {gap: 24px; margin-top: 48px;}
    .project-video-trigger-text {font-size: 32px;}

    .project-video-trigger-icon {width: 50px; height: 50px;}

    .project-banner-right { padding-bottom: 22px; }
    
      /* =========================== section-experience content ========================= */
    .experience-content-wrap{margin-bottom: 60px;}
    .section-experience-content .p-big { margin-bottom: 18px; }
    /*  */
    .experience-content-cards-wrap {--bs-gutter-x: 70px;}
    .section-experience-content .experience-image-2 {right: -30px;}
    .section-experience-content .heading-style-2 { margin: 0 0 24px;}
    .section-experience-content .experience-content p { margin: 0 0 30px; }

    
}
@media screen and (max-width:991px){
    .container{max-width: 740px;}
    
     /* button style */
    .common-btn{padding: 12px 24px; font-size: 15px; line-height: 18px;}

    /* btn link style */
    .btn-link{font-size: 15px;line-height: 18px;}
    .btn-link img{width: 20px;}
    
    .padding-top{padding-top: 72px;}
    .padding-bottom{padding-bottom: 72px;}
    .padding-block{padding-block: 72px;}
    
    /* typography */
    .heading-style-1{font-size: 64px;line-height: 72px;}
    .heading-style-2{font-size: 50px;line-height: 56px;}
    .heading-style-3{font-size: 24px;line-height: 32px;}
    .heading-style-4{font-size: 20px;line-height: 24px;}
    .p-big{font-size: 14px;line-height: 22px;}
    
    /* =========================== feature-project =========================== */
    .feature-project-title{margin-bottom: 24px;}

    /* slider */
    .feature-project-slider{margin-left: calc(50% - 740px / 2 + 20px);}
    .feature-project-image-wrap {height: 220px;    border-radius: 14px;}
    .project-tag {left: 14px; bottom: 14px;}

    .project-arrow {top: 16px; right: 16px; width: 40px; height: 40px;}

    .feature-project-content { padding: 12px 4px 0; }

    .feature-project-bottom {margin-top: 34px;}
    
    /* =========================== section-transforming ========================= */
    .section-transforming{padding:150px 0 60px;}
    .transforming-logo img{max-width: 240px;}
    
     /* =========================== section-experience ========================= */
     .section-experience {padding-block: 90px !important;}
    .section-experience{background-size: 30vh;}
    .experience-image-wrap {min-height: 428px;}

    /* Top image */
    .experience-image-1 {height: 233px;border-radius: 18px;}
    /* Bottom overlap image */
    .experience-image-2 { left: -16px;height: 233px; border-width: 5px;border-radius: 18px;}

    .section-experience .heading-style-2 { margin: 0 0 20px;}
    .common-btn-group {gap: 20px;}
    
    /* =========================== section-testimonial =========================== */
    .testimonial-quote-icon { margin-bottom: 20px; width: 50px; height: 50px; }

    .testimonial-author {gap: 18px; margin-top: 30px; }
    .testimonial-author-image { width: 60px; height: 60px;}

    .testimonial-bottom-bar { margin-top: 30px; }
    .testimonial-line {  margin-bottom: 20px; }
    .testimonial-button-prev img, .testimonial-button-next img { width: 14px;}
    .testimonial-controls { gap: 16px; flex-wrap: wrap;}
    .testimonial-pagination{gap: 6px;}
    .testimonial-pagination .swiper-pagination-bullet { width: 14px;}
    .testimonial-pagination .swiper-pagination-bullet-active { width: 24px;}

     /* =========================== section-video =========================== */
    .video-thumbnail-box > img{height: 430px;}
    .video-showcase-content { right: 5%; bottom: 6%;}
    .video-showcase-small-text { font-size: 34px;}
    .video-showcase-content img { max-width: 180px;}
    .video-watch-link{font-size: 18px;}
    
    /* =========================== 404 page =========================== */
    .error-page .heading-style-1{margin-bottom: 16px; font-size: 92px !important; line-height: 98px !important;}
    .error-page .heading-style-2{margin-bottom:16px;font-size: 34px; line-height: 44px;}
    .error-page p{margin-bottom: 20px !important;}
    
    /* =========================== section-project banner =========================== */
     .project-banner-wrap {height: 670px;}

    .project-banner-content { gap: 16px; padding: 75px 0px 49px;}

    .project-video-trigger {gap: 20px; margin-top: 40px;}
    .project-video-trigger-text {font-size: 28px;}

    .project-video-trigger-icon {width: 40px; height: 40px;}

    .project-banner-right { padding-bottom: 22px; }
    
     /* =========================== section-experience content ========================= */
    .experience-content-wrap{margin-bottom: 50px;}
    .section-experience-content .p-big { margin-bottom: 16px; }
    /*  */
    .experience-content-cards-wrap {--bs-gutter-x: 65px;}
    .section-experience-content .experience-image-2 {right: -20px;}
    .section-experience-content .heading-style-2 { margin: 0 0 20px;}
    .section-experience-content .experience-content p { margin: 0 0 28px; }

    /* pcon-configurator-section =================== */
    .pcon-configurator-section{padding-top: 120px;}
    
}
@media screen and (max-width:767px){
    .container{max-width: 100%;}
    
    /* button style */
    .common-btn{padding: 12px 20px; font-size: 14px; line-height: 16px;}

    /* btn link style */
    .btn-link{font-size: 14px;line-height: 16px;}
    .btn-link img{width: 20px;}
    
    .padding-top{padding-top: 62px;}
    .padding-bottom{padding-bottom: 62px;}
    .padding-block{padding-block: 62px;}
    
    /* typography */
    .heading-style-1{font-size: 60px;line-height: 64px;}
    .heading-style-2{font-size: 48px;line-height: 52px;}
    .heading-style-3{font-size: 22px;line-height: 30px;}
    .heading-style-4{font-size: 18px;line-height: 22px;}
    
    /* =========================== common small-banner =========================== */
    .section-small-banner{height: 400px;}
    
    /* =========================== feature-project =========================== */
    .feature-project-title{margin-bottom: 24px;}

    /* slider */
    .feature-project-slider{margin-left: calc(50% - 100% / 2 + 20px);}
    .feature-project-slider .swiper-slide { width: 290px; }
    .feature-project-image-wrap {height: 180px;border-radius: 14px;}
    .project-tag {left: 10px; bottom: 10px;}

    .project-arrow {top: 12px; right: 12px; width: 36px; height: 36px;}

    .feature-project-content { padding: 10px 4px 0; }

    .feature-project-bottom {margin-top: 30px;}
    
    /* =========================== section-transforming ========================= */
    .section-transforming{padding:130px 0 40px;}
    .transforming-logo img{max-width: 210px;}
    
    /* =========================== section-experience ========================= */
     .section-experience {padding-block: 80px !important;}
    .section-experience{background-size: 17vh;
        background-position: right 20px bottom 4%;}
    .section-experience .row{gap: 20px;}
    .experience-image-wrap {min-height: 87vw;max-width: 100%;}

    /* Top image */
    .experience-image-1 {height: 52vw;border-radius: 20px;width: 80%;}
    /* Bottom overlap image */
    .experience-image-2 { left: 0px;width: 85%;height: 52vw; border-width: 5px;border-radius: 20px;}
    .experience-content{max-width: 100%;}
    .section-experience .heading-style-2 { margin: 0 0 14px;}
    .common-btn-group {gap: 14px;}
    
    /* =========================== process =========================== */
    .process-card{min-height: auto;}
    
    /* =========================== section-video =========================== */
    .section-video{padding-block: 20px !important;}
    .video-thumbnail-box > img{height: 360px;}
    .video-showcase-small-text { font-size: 30px;}
    .video-showcase-content img { max-width: 160px;}
    .video-watch-link{font-size: 16px;}
    .video-play-btn{width: 40px; height: 40px;}
    
    /* =========================== section-project banner =========================== */
    .project-banner-wrap {height: 640px;}
    .project-banner-content {padding: 65px 0px 49px;}
    .project-video-trigger{margin-top: 30px;}
    .project-video-trigger-text {font-size: 24px;}
    .project-video-trigger-icon {width: 30px; height: 30px;}
    .project-banner-right { padding-bottom: 18px; }
    
     /* =========================== section-experience content ========================= */
    .experience-content-wrap{margin-bottom: 40px;}
    /*  */
    .section-experience-content .experience-content{max-width: 100%;}
    .experience-content-cards-wrap {--bs-gutter-x: 0;row-gap: 20px;}
    .section-experience-content .experience-image-2 {right: -10px;}
    .section-experience-content .heading-style-2 { margin: 0 0 16px;}
    .section-experience-content .experience-content p { margin: 0 0 24px; }
    .section-experience-content:after{background-size: 100% auto;}
    
    /* pcon-configurator-section =================== */
    .pcon-configurator-section{padding-top: 110px;}
}
@media screen and (max-width:575px){
    
    /* button style */
    .common-btn{padding: 11px 18px;}
    
    .padding-top{padding-top: 60px;}
    .padding-bottom{padding-bottom: 60px;}
    .padding-block{padding-block: 60px;}
    
    /* typography */
    .heading-style-1{font-size: 46px;line-height: 50px;}
    .heading-style-2{font-size: 38px;line-height: 42px;}
    .heading-style-3{font-size: 24px;line-height: 34px;}
    .heading-style-4{font-size: 18px;line-height: 24px;}
    
    /* ================== contact form style ================== */    
    .from-row-inner{flex-direction: column;}
    input[type=text], input[type=email], input[type=url] input[type=tel], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea, select{
        padding: 9px;
    }
    
    /* =========================== feature-project =========================== */
    .feature-project-title{margin-bottom: 22px;}

    /* slider */
    .feature-project-image-wrap {height: 200px;border-radius: 12px;}
    .project-tag{font-size: 11px;line-height: 14px; padding: 7px 10px;}
    .feature-project-slider .swiper-slide:hover .feature-project-content h3 a { text-decoration: none; }
    
    /* =========================== section-transforming ========================= */
    .section-transforming{padding:110px 0 30px;}
    .transforming-logo img{max-width: 170px;}
    
    /* =========================== section-experience ========================= */
     .section-experience {padding-block: 70px !important;}
    .section-experience{background-position: right 20px bottom 9vh;padding-block: 80px;}
    /* .experience-image-wrap {min-height: 420px;} */

    /* Top image */
    /* .experience-image-1 {height: 260px;} */
    /* Bottom overlap image */
    /* .experience-image-2 {height: 260px;} */
    
    
    /* =========================== process =========================== */
    .process-title { margin-bottom: 50px;}
    .process-card-offset { padding-top: 28px; }
    .process-card { margin-bottom: 20px;padding: 28px 28px 24px; border-radius: 22px; }
    .process-card:last-child { margin-bottom: 0 !important; }

    .process-card-icon {width: 48px; height: 48px; margin-bottom: 22px;}
    .process-card-icon img { width: 38px; height: 38px; }
    .process-card h3 { margin: 0 0 12px; }
    .process-buttons { margin-top: 36px;}
    
    /* =========================== section-video =========================== */
    .video-thumbnail-box > img{height: 300px;}
    .video-showcase-small-text { font-size: 26px;}
    .video-showcase-content img { max-width: 140px;}
    .video-watch-link{font-size: 14px;}
    
    /* =========================== 404 page =========================== */
    .error-page .heading-style-1{margin-bottom: 14px; font-size: 86px !important; line-height: 86px !important; letter-spacing: -0.8px;}
    .error-page .heading-style-2{ margin-bottom: 14px; font-size: 32px; line-height: 40px;}
    .error-page p{margin-bottom: 16px !important;}
    
    /* =========================== section-project banner =========================== */
    .section-project-banner{background-size: 20vh 73%;}
    .project-banner-wrap {height: 590px;}
    .project-banner-content {padding:62px 0px 30px;flex-direction: column; justify-content: end; align-items: start; gap: 20px;}
    .project-video-trigger{margin-top: 20px;}
    .project-video-trigger-text {font-size: 22px;}
    .project-video-trigger-icon {width: 26px; height: 26px;}
    .project-banner-right { padding-bottom: 14px; }
    
    /* =========================== section-experience content ========================= */
    .section-experience-content:after{background-position: right 2% top 13%;}

     /* pcon-configurator-section =================== */
     .pcon-configurator-section{padding-top: 100px;}
}