/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 20 2026 | 08:08:21 */
p,
p span,
p * {
    margin: 0;
	font-family: "Manrope", sans-serif !important;
}
 h1,
h2,
h3,
h4,
h5 {
	font-family: "Plus Jakarta Sans", sans-serif !important;
}

/* 
.services-section {
    width: 100%;
    padding: 30px 0;
}

.services-container {
    width: min(1200px, 92%);
    margin: auto;
}


.services-item {
    border-top: 1px solid #E4E4E4;
    overflow: hidden;
    transition: all .7s cubic-bezier(.19,1,.22,1);
}
.services-item:first-child{
    border:none;
}

.services-item:last-child{
    border-bottom:1px solid #E4E4E4;
}

.services-header{
	padding:10px 0;
	display:grid;
    grid-template-columns:120px 1fr 60px;
    align-items:center;
    min-height:unset;
    gap:30px;
    cursor:pointer;
}
.services-container:has(.services-item.active) .services-item.active .services-header {
	padding:20px 0;
}

.services-media{
    position:relative;
    width:220px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
.services-item.active .services-header {
	grid-template-columns: 220px 1fr 60px;
}

.services-number{
    position:absolute;
	font-family:'Inter', sans-serif;
	font-size:17px;
    inset:0;
	color:#707070;
    display:flex;
    align-items:center;

    transition:
        opacity .45s ease,
        transform .7s cubic-bezier(.19,1,.22,1);

    z-index:2;
}

.services-item.active .services-number{
    opacity:0;
    transform:translateY(20px);
}
.services-title{
    display:flex;
    flex-direction:column;
    gap:0px;
}

.services-title h3{

    font-size:25px;
    line-height:1.1;
    font-weight:500;
    letter-spacing:-1px;
    color: #000000;
	margin:0;
	font-family:'Inter', sans-serif;
}
 */

.services-container{
    display:flex;
    gap:80px;
    align-items:flex-start;
}

.services-preview{
    width:42%;
    position:sticky;
    top:100px;
}

.services-preview img{
    width:100%;
    display:block;
    border-radius:12px;
    transition:.35s;
}
.services-header {
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}
.services-number span {
	color:#707070;
	font-size:16px;
	font-weight:500;
	line-height:23.8px;
	letter-spacing:-0.36px;
}
.services-item h3 {
	font-size:20px;
	font-weight:500;
	line-height:32.5px;
	letter-spacing:-1.04px;
}

.services-item.active h3 {
	margin-top:0;
}
.logo-cont .hfe-retina-image-container {
	display:flex;
	align-items:center;
}
.services-item.active .services-header {
	align-items:start;
}
.services-list{
    width:58%;
}

.services-info{
    max-height:0;
    overflow:hidden;
    transition:.45s ease;
}

.services-item.active .services-info{
    max-height:500px;
    margin-top:20px;
}

/* ===========================
   PLUS BUTTON
=========================== */

.services-toggle{

    min-width:40px;
    min-height:40px;
    border:none;
    outline:none;
   	border-radius:50% !important;
    background:#fff;
    position:relative;
	padding:0 !important;
    cursor:pointer;
    transition:.5s cubic-bezier(.19,1,.22,1);
}
.services-tags {
	padding:14px;
	padding-left:0;
}

.services-toggle span{

    position:absolute;

    left:50%;
    top:50%;

    width:11px;
    height:2px;

    background:#111;

    transform:translate(-50%,-50%);

	    transition:.6s cubic-bezier(.19,1,.22,1);

	
}

.services-toggle span:last-child{

    transform:translate(-50%,-50%) rotate(90deg);

}

/* Active */

.services-item.active .services-toggle{
    background:#000;
/* 	transform:rotate(45deg); */
}

.services-item.active .services-toggle span{
    background:#fff;
}

.services-item.active .services-toggle span:last-child{
    transform:translate(-50%,-50%) rotate(0deg);
}

/* ===========================
   CONTENT
=========================== */

.services-content{
    display:grid;
    grid-template-columns: 1fr;
    gap:40px;

    max-height:0;
    overflow:hidden;

    opacity:0;

    padding:0 0 0 250px;

    transition:
        max-height .8s cubic-bezier(.19,1,.22,1),
        opacity .5s ease,
        padding .6s ease;
}

.services-item.active .services-content{
    max-height:500px; /* or 600px if your content is taller */
    opacity:1;
    padding:0 0 40px 250px;
}

/* ===========================
   IMAGE
=========================== */

.services-image{
    width:240px;
    height:155px;

    border-radius:22px;
    overflow:hidden;

    opacity:0;

    transform-origin:left bottom;
    transform:scale(.85);

    clip-path:inset(100% 100% 0 0 round 22px);

    transition:
        clip-path .8s cubic-bezier(.19,1,.22,1),
        transform .8s cubic-bezier(.19,1,.22,1),
        opacity .45s ease;
}

.services-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.services-item.active .services-image{
    opacity:1;
    transform:scale(1);
    clip-path:inset(0 0 0 0 round 22px);
}


/* ===========================
   INFO
=========================== */

.services-info{

    max-height:0;

    overflow:hidden;

    opacity:0;
	font-family:'Inter', sans-serif;

    transform:translateY(20px);

    transition:
        max-height .7s cubic-bezier(.19,1,.22,1),
        opacity .45s ease,
        transform .7s cubic-bezier(.19,1,.22,1);
}

.services-item.active .services-info{

    max-height:250px;

    opacity:1;

    transform:translateY(0);
	font-family:'Inter', sans-serif;
}

.services-info p{

    max-width:720px;
	font-family:'Inter', sans-serif;

    font-size:15px;

    line-height:1.5;

    color:#777;

    margin-bottom:2px;
}
.blog-posts #uc_post_grid_elementor_1bfc90d .ue-meta-data {
	display:none !important;
}

/* ===========================
   TAGS
=========================== */

.services-tags{

    display:flex;

    gap:14px;
	font-family:'Inter', sans-serif;

    flex-wrap:wrap;
}
/* .cli-sec .owl-nav .owl-prev {
	left: -8px !important;
}
.cli-sec .owl-nav .owl-next {
    right: 990px !important;
} */
.services-tags span{

    background:#fff;
	font-family:'Inter', sans-serif;

    padding:8px 14px;

    border-radius:100px;
	color:#000;
    font-size:14px;

    transition:.35s;
}

.services-tags span:hover{

    background:#111;

    color:#fff;
}

.blog-grid .uc-items-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}
/* CARD */
.blog-grid .uc_post_grid_style_one_item{
    background:none;
    padding:0;
    border:none;
    box-shadow:none;
    display:flex;
    flex-direction:column;
}

/* IMAGE */
.blog-grid .uc_post_image{
    aspect-ratio:16/10;
    overflow:hidden;
    border-radius:24px;
}

.blog-grid .uc_post_image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.blog-grid .uc_post_grid_style_one_item:hover img{
    transform:scale(1.05);
}

.blog-grid .uc_post_image_overlay{
    display:none;
}

/* CONTENT */
.blog-grid .uc_content{
    padding:22px 0 0;
}

/* META */
.blog-grid .ue-meta-data{
    font-size:18px;
    color:#777;
    margin-bottom:18px;
    line-height:1;
}

/* TITLE */
.blog-grid .ue_p_title{
    font-size:42px;
    line-height:1.1;
    font-weight:500;
    color:#111;
    margin-bottom:18px;
}

.blog-grid .uc_post_title a{
    text-decoration:none;
    color:inherit;
}

/* EXCERPT */
.blog-grid .uc_post_text{
    font-size:22px;
    line-height:1.6;
    color:#6b6b6b;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
span.ln2 {
	color:#707070;
}
.proj-sec {
	overflow-y:hidden;
}
.proj-sec .owl-stage-outer {
	max-height:414px;
}
.proj-car::after {
	display:none !important;
}
.proj-car .uc_image_carousel_placeholder::before {
	content: "";
    display: block;
	margin-bottom: 10px;
    width: 46px;
    height: 20px;
    background-image: url("https://imperiumatelier.com/wp-content/uploads/2026/07/row-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.proj-car .owl-item {
	width:475px !important;
}
/* .proj-car .owl-prev {
	left:309px !important;
}
.proj-car .owl-next {
	right: 979px !important;
} */

/* REMOVE BUTTON */
.blog-grid .uc_post_button{
    display:none;
}
.faq-sec .uc-heading.uc_trigger {
	flex-direction:row-reverse !important;
}
.faq-sec .uc_content {
	border-radius: 0 0 20px 20px !important;
}
.faq-sec .ue-item-text {
	margin:0;
}
.widget-image-caption.wp-caption-text {
	font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    margin-top: 11px;
}
.faq-sec .ue_heading_title {
	font-size:18.5px;
	font-family:'Inter', sans-serif;
	line-height:24px;
	letter-spacing:-0.4px;
}
.testi-car .ue-text:nth-of-type(2) {
	margin-top: 72px !important;
}
.testi-car .uc_image_carousel_content {
	justify-content:flex-start !important;
}

.testi-car .uc_image_carousel_container_holder {
	display:flex;
/* 	align-items:center; */
}
.testi-car .carousel-image {
	height:100% !important;
}
.testi-car .ue-text {
	display: -webkit-box;
  	-webkit-line-clamp: 5;
  	-webkit-box-orient: vertical;
  	overflow: hidden;
}
.testi-car .uc_image_carousel_container_holder .uc_image_carousel_placeholder {
	min-width:180px;
}
.testi-car .client-row{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:15px;
	margin-bottom:22px;
}
.testi-car .company-logo{
	max-width:95px;
    width:100% !important;
    height:36px;
    object-fit:contain;
    flex-shrink:0;
	border-right: 1px solid #e7e6e6;
	padding-right:15px;
}
.testi-car .view-project {
	display:flex;
	align-items:center;
}
.testi-car .client-details{
    display:flex;
    flex-direction:column;
	color:#707070;
	font-size:13px;
	line-height:17.4px;
	letter-spacing:-0.28px;
}

.testi-car .client-details strong{
    font-size:14px;
    font-weight:500;
    line-height:16px;
	letter-spacing:-0.36px;
	color:#000000;
}

.testi-car .client-details span{
    font-size:13px;
    color:#777;
}
.cli-sec


/* ===========================
   RESPONSIVE
=========================== */

@media (max-width:1024px){
    .blog-grid .uc-items-wrapper{
        grid-template-columns:repeat(2,1fr);
    }
	.blog-grid .ue_p_title{
        font-size:34px;
    }

    .blog-grid .uc_post_text{
        font-size:18px;
    }
}

@media(max-width:991px){

    .services-header{

        grid-template-columns:80px 1fr 50px;

        min-height:80px;
    }

    .services-content{

        grid-template-columns:1fr;

        padding-left:80px;
    }

    .services-item.active .services-content{

        padding-left:80px;
    }

    .services-title h3{

        font-size:34px;
    }

    .services-info h3{

        font-size:34px;
    }

    .services-info p{

        font-size:18px;
    }

}

@media(max-width:767px){

    .services-header{

        grid-template-columns:55px 1fr 45px;
    }

    .services-content{

        padding-left:55px;
    }

    .services-item.active .services-content{

        padding-left:55px;
    }

    .services-number{

        font-size:20px;
    }

    .services-title h3{

        font-size:26px;
    }

    .services-info h3{

        font-size:28px;
    }

    .services-tags span{

        font-size:15px;

        padding:10px 16px;
    }
	.blog-grid .uc-items-wrapper{
        grid-template-columns:1fr;
        gap:30px;
    }
	.blog-grid .ue_p_title{
        font-size:28px;
    }

    .blog-grid .uc_post_text{
        font-size:16px;
    }
}