html, body {
    margin: 0;
    padding: 0;
    font-size: 1.04vw !important;
}
html {
	scroll-behavior: smooth !important;
	clear: both;
 }
/*****home-pages-css*****/
.footer-form input, .footer-form textarea {
    padding: .5rem 0rem !important;
}
.footer-form .elementor-field-textual:focus {
    box-shadow: unset !important;
}
.badge-slider .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1) !important;
}
.similar-project-icon{
	display:none;
}
.similar-project-wrap:hover .similar-project-icon {
    display: block;
	transition: all 0.6s ease;
}
.page-id-822 .wp-fixed-footer-btn {
    display: none;
}
.gold div, .gold h2 {
    background: linear-gradient(224.54deg, #C49337 10.03%, #FCF7CD 31.51%, #EDCD78 48.7%, #A7602B 59.25%, #FDF8D0 74.48%, #BB9138 88.16%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.mobile-mb{ display:none; }
/* ===== COMMON CARD ===== */
.service-card {
    position: relative;
    overflow: hidden;
	margin-bottom: 3.2rem;
}
.service-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* services-special-layout css */
.services-special-layout .pattern-1{
    margin-left: 3.2rem;
	border-radius: 0 0 18rem 0;
}
.services-special-layout .pattern-1 .service-bg {
    height: 41rem;
}
.services-special-layout .pattern-2, .services-special-layout .pattern-3, .services-special-layout .pattern-5 {
    display: flex;
    flex-wrap: wrap;
}
.services-special-layout .pattern-2 .half-width:first-child, .services-special-layout .pattern-3 .half-width:last-child, .services-special-layout .pattern-5 .half-width:first-child{
    width: 55%;
}
.services-special-layout .pattern-2 .half-width:first-child .service-inner, .services-special-layout .pattern-5 .half-width:first-child {
    border-radius: 11rem 0rem 0rem 0rem;
	height: 40rem;
    background-position: center;
}
.services-special-layout .pattern-2 .half-width:last-child, .services-special-layout .pattern-3 .half-width:first-child, .services-special-layout .pattern-5 .half-width:last-child{
    width: 45%;
}
.services-special-layout .pattern-2 .half-width:last-child .service-inner, .services-special-layout .pattern-3 .half-width:first-child .service-inner, .services-special-layout .pattern-5 .half-width:last-child{
	width: 30rem;
    height: 30rem;
    margin-left: 5rem;
	border-radius: 40%;
}
.services-special-layout .pattern-2 .half-width:last-child .service-inner .service-bg {
    padding: 0 7rem;
}
.services-special-layout .pattern-3 .half-width:last-child .service-inner{
	border-radius: 0rem 11rem 0rem 0rem;
	height: 40rem;
    background-position: center;
    background-size: cover;
}
.services-special-layout .pattern-3 .half-width:first-child .service-inner .service-bg {
    padding: 0 7.5rem;
}
.services-special-layout .pattern-3 .half-width:last-child .service-inner .service-bg {
    padding: 0 11rem;
}
.services-special-layout .pattern-4 {
    border-radius: 0rem 0rem 0rem 11rem;
    margin-right: 3.2rem;
    overflow: hidden;
	height: 41rem;
}
.services-special-layout .pattern-5 .half-width:first-child {
    border-radius: 0rem 0rem 18rem 0rem;
}
.services-special-layout .pattern-5 .half-width:first-child .service-bg {
    padding: 0 16.5rem;
}
.services-special-layout .pattern-5 .half-width:last-child .service-bg {
    padding: 0 8rem;
}
@keyframes smoothFloat {
    0%   { transform: scale(1.15) translate(-2%, -2%); }
    50%  { transform: scale(1.15) translate(2%, 2%); }
    100% { transform: scale(1.15) translate(-2%, -2%); }
}

.service-image {
    animation: smoothFloat 10s ease-in-out infinite alternate;
}}
.service-card h3 {
    padding: 0 7rem;
}
.service-title {
	position: relative;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    font-size: 2.4rem;
    font-weight: 400;
    color: #fff;
    z-index: 2;
    pointer-events: none;	font-family: "Seasons";
}
.service-bg span.arrow-icon {
    position: relative;
    right: 0;  
    z-index: 9;
    display: flex;
    width: 100%;
    justify-content: end;
	margin-top: 1rem;
    height: auto;
}
.service-card #cardid-4 span.arrow-icon {
    padding-right: 5rem;
}
.service-card.full-width.even .half-width:last-child .service-inner .arrow-icon, .service-card.full-width.odd .half-width:first-child .service-inner .arrow-icon{
    bottom: 0;
    right: 2rem;
}
.service-card.full-width .half-width .service-inner:after, .service-card.full-width > .service-bg:after, .services-special-layout .service-card .service-bg:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgb(0 0 0 / 40%);
	cursor: pointer;
}
.services-special-layout .service-card .service-bg:after
.single-services_post .wp-fixed-footer-btn.show {
    display: none;
}
.overlay-black .elementor-widget-image {
    position: relative;
}
.overlay-black .elementor-widget-image:after {
    position: absolute;
    top: 0;
	left:0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgb(0 0 0 / 40% );
}
/* ===== EVEN / ODD WRAPPERS ===== */


/* ===== HALF ITEMS ===== */
.half-width {
    position: relative;
    overflow: hidden;
}
.half-width .service-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.half-width img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-bg {
    position: relative;
    display: flex;
    overflow: hidden;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.service-video,
.service-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.service-video {
    object-fit: cover;
}

.service-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.service-bg span.arrow-icon svg {
    fill: transparent !important;
}
.service-bg span.arrow-icon svg:hover {
    fill: #666 !important;
}

.service-card.full-width.even .half-width:last-child .service-inner img, .service-card.full-width.odd .half-width:first-child .service-inner img {
    height: 100%;
}


.service-card:nth-child(2).even .half-width:first-child span.service-title {
    width: min-content;
}
 .ts-navigation:after {
    position: absolute;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #fff;
} 
.scroll-button2 {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
 
    /* Hidden state */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
 
    /* Smooth animation */
    transition: 
        opacity 0.35s ease,
        transform 0.35s ease,
        visibility 0.35s ease;
}
 
/* Visible state */
.scroll-button2.show2{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.service-title span {
	display: inline-block;
}
.service-title .char {
	display: inline-block;
	opacity: 0;
	transform: translateY(120%);
	will-change: transform, opacity;
}
.zoom-image .service-bg {
    overflow: hidden;
}

/* Zoom only image layer */
.zoom-image:hover .service-bg::before {
    transform: scale(1.1);
}




a.wp-fixed-footer-btn {
    display: none;
}
.wp-fixed-footer-btn.show {
    position: fixed;
    bottom: 0;
    right: 20px;
    background: #FCE77D;
    color: #000;
    padding: 0.6rem 2rem;
    border-radius: 0;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    z-index: 99999;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    font-family: "Seasons";
    text-transform: capitalize;
    transition: 0.5s;
    display: block;
}
.wp-fixed-footer-btn:hover {
	background: #EACA28;
	color: #000;
}
.word {
  display: inline-block;
  overflow: hidden;
  transform: translateY(120%);
  opacity: 0;
}
.carousel-section-1 {
    --e-con-grid-template-rows: 1;
 }
body.home .elementor-element.elementor-element-7e3bc96f.e-con-full.e-flex.e-con.e-child {
    border-bottom: 1px solid #fce77d;
}
.elementor-element.elementor-element-402c16e7.e-con-full.e-flex.e-con.e-child {
    border-bottom: 1px solid #8C421D;
}

/*****animation--css*****/
.fade-right {
  opacity: 0;
}
 
.swiper-slide-active .fade-right {
  animation: fadeRight 0.8s ease forwards;
}
.fade-right.is-animated {
  animation: fadeRight 0.8s ease forwards;
}
@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
 
.fade-up {
  opacity: 0;
}
 
.swiper-slide-active .fade-up {
  animation: fadeUp 0.8s ease forwards;
}
.fade-right.is-animated {
  animation: fadeUp 0.8s ease forwards;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/***/
input#form-field-field_99825bf {
    position: relative;
    /* color: transparent; */
	cursor: pointer;
}

#form-field-field_99825bf:invalid::-webkit-datetime-edit {
  color: transparent;
}

#form-field-field_99825bf:invalid:before {
  content: attr(placeholder);
  color: #67696dbf;
  position: absolute;
}

/* ===== portfolio-pages ===== */

.portfolio-filters {
    margin-bottom: 20px;
}
.portfolio-filters button {
    padding: 8px 14px;
    margin-right: 8px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
}
.portfolio-filters button.active {
    background: #000;
    color: #fff;
}

/* ==========================================================================
   Portfolio Grid - Main Container
   ========================================================================== */
.portfolio-no-result {
    text-align: center;
    color: #fff;
    border: 1px solid;
    width: 20%;
    margin: auto;
	padding: 10px;
}


/* ==========================================================================
   Filters (category links)
   ========================================================================== */

.portfolio-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    margin-bottom: 2.5rem;
    justify-content: center;
    font-size: 1.05rem;
	overflow: Hidden;
	position: sticky;
    top: 4rem;
    z-index: 9999;
    background-color: #0e0e0e;
    padding: 1rem 0;
}
body.admin-bar .portfolio-filters {
    top: 5rem;
}
.portfolio-filters-inner {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    margin-left: 7rem;
}
.portfolio-filters-inner:hover::-webkit-scrollbar-thumb {
    background: #ab9f9fdb;
}
.portfolio-card.full-width.portfolio-item {
    margin-right: 6rem;
}
.portfolio-card.full-width.portfolio-item h3 {
	padding-top: 0rem;
    display: inline-block;
    text-align: end;
}
.portfolio-card.full-width.portfolio-item h3 a.portfolio-lightbox-trigger {
    display: inline-block;
    position: relative;
    top: 1.5rem;
}
.portfolio-img h3 svg {
    fill: #070707 !important;
    background-color: transparent;
}
.portfolio-img h3 svg:hover {
    fill: #424242 !important;
}
.portfolio-img h3 svg:active {
    fill: #575757 !important;
}
.portfolio-filters a {
	color: #fff;
    font-weight: 500;
    padding: 0.6rem 1.4rem;
    border-radius: 0;
    background: rgb(255 255 255 / 30%);
    transition: all 0.25s ease;
	margin: 0 1rem 0 0rem;
    display: inline-block;
}
.portfolio-filters a {
    border: 2px solid transparent;
	font-size: 1.2rem;
    font-family: 'Seasons';
}
.portfolio-filters a:hover, .portfolio-filters a.active {
    background: #2d2d2d;
    color: white;
    background: linear-gradient(224.54deg, rgba(196, 147, 55, 0.2) 10.03%, rgba(252, 247, 205, 0.2) 31.51%, rgba(237, 205, 120, 0.2) 48.7%, rgba(167, 96, 43, 0.2) 59.25%, rgba(253, 248, 208, 0.2) 74.48%, rgba(187, 145, 56, 0.2) 88.16%);
    border: 2px solid #fce77da1;
}

/* ==========================================================================
   Portfolio Cards
   ========================================================================== */

.portfolio-card {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
    padding-bottom: 3rem;
    cursor: pointer;
}

/* Full width card */
.portfolio-card.full-width.even {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
    aspect-ratio: auto;  
}

.portfolio-img {
    position: relative;
    width: 100%;
    height: 100%;
}

.portfolio-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Overlay + Title + Arrow */
.portfolio-img h3 {
    position: unset;
    inset: 0;
    margin: 0;
    display: block;
    flex-direction: column;
    justify-content: flex-end;
    color: white;
    opacity: 1;
    transition: opacity 0.35s ease;
    right: 0;
    width: 100%;
    align-items: end;
	padding: 0rem 0 1rem;
}
.portfolio-card:hover .portfolio-img h3 {
    opacity: 1;
}
.portfolio-title {
    font-size: clamp(1.4rem, 3.5vw, 2.1rem);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.6rem;
}
.arrow-icon {
    width: 24px;
    height: 24px;
    fill: white;
}
/***2-4-2026**/
.portfolio-card.full-width.even .half-width.portfolio-item:first-child .portfolio-img {
    width: 30rem;
    margin: 0 auto;
}
.portfolio-card.full-width.even .half-width.portfolio-item:first-child .portfolio-img img {
    width: 30rem;
    height: 30rem;
    border-radius: 40%;
	margin: 0 auto;
}
.portfolio-card.full-width.even .half-width.portfolio-item:first-child h3 {
    align-items: unset;
    padding: 0 0 0.8rem;
}
.portfolio-card.full-width.even .half-width.portfolio-item:last-child .portfolio-img img {
    border-radius: 15rem 0 0 0;
    overflow: hidden;
}
.portfolio-card .portfolio-lightbox-trigger {
    position: relative;
    top: 1.5rem;
}
.portfolio-img {
    overflow: hidden;
    display: block;
}

.portfolio-img img {
    width: 100%;
    height: auto;
    transition: transform 0.7s ease;
}

.portfolio-img:hover img {
    transform: scale(1.1);
}
 .image-zome {
    overflow: hidden;
}
.mainSlider .swiper-slide {
    overflow: hidden;
	height: 24rem;
}
.thumbSlider {
    margin-top: 2.5rem !important;
}
.thumbSlider .swiper-slide {
    height: 150px;
}
.mainSlider img{
	width:100%;
	border-radius:8px;
	cursor:pointer;
	height: auto;
	transition: transform 0.5s ease;
}
.mainSlider .swiper-slide:hover img {
    transform: scale(1.08);
}

.thumbSlider{
margin-top:12px;
}

.thumbSlider img{
	width:100%;
	height:80px;
	object-fit:cover;
	border-radius:6px;
}
.premium-project-arrow {
    background: transparent !important;
    color: #fff !important;
}
.premium-project-arrow:after, .premium-project-arrow:before{
	display:none;
}
.popup-next svg {
    transform: rotate(180deg);
}
.premium-project-arrow {
    top: 82%!important;
}
.popup-prev.swiper-button-prev.premium-project-arrow {
    left: 50% !important;
    transform: translate(-130%, 0%);
}
.popup-next.swiper-button-next.premium-project-arrow {
    right: 50% !important;
    transform: translate(130%, 0%);
}

.premium-popup{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.95);
    z-index: 111111111;
    display: none;
}
.premium-popup:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    content: "";
}
.popupSlider{
    width: 100%;
    height: 100vh;
}
.popupSlider .swiper-slide{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.popupSlider img{
    width: 100%;
    height: 100vh;
    object-fit: contain;
}
.popup-bottom-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 25px;
    z-index: 20;
}
.pp-close {
    position: absolute;
    top: 40px;
    right: 30px;
    color: #baaa8f;
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    z-index: 9;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.pp-info{
	width:100%;
	background:#fff;
	padding:18px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:20px;
	margin-top: -4.5rem;
    z-index: 9999;
    position: relative;
	font-family: 'Seasons';
}
.pp-btn {
    background: #000;
    color: #fff;
    padding: 12px 24px;
    text-decoration: none;
    font-family: 'Satoshi R';
    font-size: 0.8rem;
}
.pp-btn:hover {
    background: #FCE77D;
    color: #000;
}
.budget-text span {
    display: block;
    color: #67696D;
}
body.single-services_post.active {
    overflow: hidden;
    height: 100vh !important;
}
html.active {
    overflow: hidden;
}
/* case-scroll-section */
.case-scroll {
    position: relative;
}
.case-wrap {
	overflow: unset;
	display:flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.case-left {
    margin-right: 0 !important;
    width: 49%;
	background-color: #E4E1DE;
	border-radius: 0 0 11rem 0rem;
}
.case-right {
    margin-left: 0 !important;
    width: 49%;
	background-color: #000;
	color: #fff;
	border-radius: 0 0 0 11rem;
}
.badge-wrap {
    position: sticky;
    top: 40vh;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.case-badge-inner {
    position: absolute;
    width:9rem;
    height: 9rem;
    background: #EACA28;
    color: #000;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    opacity: 0;
    font-family: 'Seasons';
	border: 1px solid #EACA28;
}
.case-badge-inner:hover {
    background-color: #fff;
}
.case-badge-inner .label {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    opacity: 0.7;
}
.case-badge-inner strong {
    font-size: 24px;
}
.case-badge-inner.active {
    opacity: 1;
    z-index: 3;
}
.case-wrap h3 {
    font-family: 'Seasons';
    font-size: 1.5rem;
}
.case-wrap p {
    font-family: 'Satoshi R';
}
.case-wrap .author {
    text-align: right;
    font-size: 1.24rem;
    font-family: 'Seasons';
}
/****contact-pages-css*********/
.contact-wrap .elementor-swiper-button svg {
    fill: #57554f !important;
}
.input-wrap.appointment-date {
    position: relative;
    display: inline-block;
    width: 100%;
	background: url(../image/calendar-icon.svg) no-repeat right 12px center;
    background-size: 18px;
    background-position: 100% 30%;
}
 
.input-wrap.appointment-date .input-inner {
    width: 100%;
    padding-right: 35px; /* space for the icon */
    box-sizing: border-box;
}
 
.input-wrap.appointment-date .input-icon {
    display: flex;
    align-items: center;
}
.contact-form-wrap span.wpcf7-form-control-wrap {
    width: 100%;
	
}
.contact-form-wrap .input-wrap {
    margin-bottom: 1.9rem;
}
.contact-form-wrap .input-wrap.appointment-date p {
    margin: 0;
}
.contact-form-wrap input.input-inner, .contact-form-wrap .input-wrap textarea {
    background-color: transparent;
    border: none !important;
    border-bottom: 1px solid #69727d !important;
    max-width: 100%;
    vertical-align: middle;
    width: 100%;
    color: #67696D !important;
    padding: .5rem 0rem !important;
    border-radius: 0;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    font-size: 15px;
    line-height: 1.4;
    min-height: 40px;
	outline: none;
}
.contact-form-wrap ::-webkit-input-placeholder {
	color: #67696D !important;
}
.contact-form-wrap .input-wrap.appointment-date input.input-inner{
	cursor: pointer;
}
.wpcf7-not-valid-tip {
    font-size: 0.8rem;
}
.contact-form-wrap .button-wrap {
    width: 50%;
}
.contact-form-wrap .button-wrap .button {
    font-family: "Satoshi R", Sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.25em;
    border-radius: 0px 0px 0px 0px;
    background-color: #0e0e0e;
    color: #fff !important;
    padding: 15px 30px !important;
}
.flatpickr-calendar.open {
    display: inline-block;
    z-index: 111111 !important;
}
/*********/
.blog-image-wraprer .wcf--image{
   overflow: hidden;
   border-radius: 5rem;
}
.blog-image-wraprer .wcf--image img {
	transition: 0.5s;
}
.blog-image-wraprer .wcf--image:hover img {
	transform: scale(1.15);
}

.full-blog .wcf--image {
    overflow: hidden;
   border-radius: 14rem 0 0 0;
}


/* Project Gallery Slider */
.peek-wrap {
    display: inline;
    gap: 30px;
    align-items: center;
    overflow: hidden;
}

.peek-left{
    overflow:hidden;
}

.peekSlider .swiper-slide{
    width:85%;
}

.peekSlider img{
    width:100%;
    height:420px;
    object-fit:cover;
    border-radius:4px;
}

.peek-controls{
    display:flex;
    align-items:center;
    gap:15px;
    margin:2rem 0;
	justify-content: space-between;
    padding-right: 3rem;
}

.play-btn{
    width:2.4rem !important;
    height:2.4rem !important;
    background:#E4E1DE;
   /*  color:#fff; */
    display:none;
    align-items:center;
    justify-content:center;
    cursor:pointer;
	margin-left: 0.5rem;
}

.peek-right img{
    width:100%;
    height:420px;
    object-fit:cover;
}
.peek-right {
    /* display: flex; */
    align-items: flex-end;
    justify-content: end;
    /* padding-right: 4rem; */
}
.premium-project {
    background: transparent;
}
.project-btn{
    display:inline-block;
    margin-top:-1.9rem;
    padding:12px 20px;
    background:#111;
    color:#fff;
    font-size:0.8rem;
    text-decoration:none;
} 
.project-btn:hover {
    background: #FCE77D;
}
/* .peekSlider video,
.peekSlider iframe{
    width:100%;
    height:420px;
    object-fit:cover;
    border-radius:4px;
} */

.project-gallery .swiper-slide {
    height: 78.5vh;
}
.project-gallery .swiper-slide img, .swiper-slide video {
    height: 100% !important;
    object-fit: cover;
}
.peek-wrap .swiper-pagination {
    display: none;
}
.controls-prev-next-wrap {
    position: relative;
    display: flex;
}
.controls-prev-next-wrap .arrow-next-pre-peek {
    position: unset !important;
    background-color: #e4e1de !important;
    margin-right: 0rem;
    margin-top: 0 !important;
    width: 2.4rem !important;
    height: 2.4rem !important;
}
.arrow-next-pre-peek:hover, .play-btn:hover {
    background-color: #D2CFCD !important;
}
.controls-prev-next-wrap .arrow-next-pre-peek svg {
    width: 1.4rem !important;
}

/* faq-accordion */
.acf-faq-accordion .faq-item {
    border-bottom: 1px solid #e5e5e5;
    background-color: #E4E1DE;
    margin-bottom: 1rem;
    padding: 1.5rem;
}
.acf-faq-accordion .faq-item:hover {
    background-color: #D2CFCD;
}
.acf-faq-accordion .faq-item.active {
    background-color: #C9C8C7;
}

.acf-faq-accordion .faq-question {
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    padding-right: 0px;
	display: flex;
    justify-content: space-between;
    align-items: center;
	text-transform: capitalize;
	    font-family: 'Seasons';
}
.faq-icon {
    transition: transform 0.3s ease;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq-icon svg {
    width: 100%;
    height: 100%;
}
.faq-item.active .faq-icon {
    transform: rotate(180deg);
}
.acf-faq-accordion .faq-answer {
    display: none;
    margin-top: 10px;
    color: #666;
}
/****tabs-sticky**/
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0% !important;
    right: auto !important;
	width: 3rem !important;
    height: 3rem !important;
    background-color: #fff;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0% !important;
    left: auto !important;
    width: 3rem !important;
    height: 3rem !important;
    background-color: #fff;
}

div#elementor-popup-modal-1032 {
    z-index: 111111;
}

.similar-project-icon .elementor-icon.elementor-animation-grow {
    transform: rotate(45deg);
}
/*****portfolio-new-css******/
.portfolio-grid .portfolio-grid-inner {
    display: flex;
    flex-wrap: wrap;
}
.portfolio-card.layout-large-full {
    width: 100%;
}
.portfolio-card.layout-large-full .portfolio-img {
    padding-right: 6rem;
}
.portfolio-display-flex {
    display: flex;
	width: 100%;
}
.portfolio-card.layout-large-full .image-zome {
    height: 50rem;
	border-radius: 0rem 0 18rem 0;
}
.portfolio-card.layout-large-full .image-zome img {
    height: 100%;
}
.portfolio-card.layout-large-full.right-text h3 {
    text-align: right;
}
.portfolio-card.layout-large-full.left-text h3 {
    text-align: left;
}
.portfolio-display-flex .portfolio-card.layout-circle-left, .portfolio-card.layout-circle-right {
    width: 45%;
}
.portfolio-display-flex .portfolio-card.layout-circle-left .portfolio-img {
    padding: 0 6rem;
}
.portfolio-card.layout-tall-right, .portfolio-card.layout-wide-left {
    width: 55%;
}
.portfolio-display-flex .portfolio-card.layout-circle-left .image-zome {
    width: 30rem;
    height: 30rem;
    border-radius: 40%;
}
.portfolio-card.layout-tall-right .image-zome{
    border-radius: 18rem 0 0 0;
}
.portfolio-card.layout-large-full.left-text .portfolio-img {
    padding: 0 0 0 6rem;
}
.portfolio-card.layout-large-full.left-text .image-zome {
    border-radius: 0 0 18rem 0;
}
.portfolio-card.layout-circle-right .image-zome {
    width: 30rem;
    height: 30rem;
    border-radius: 40%;
    margin: 0 auto;
}
.portfolio-card.layout-circle-right .portfolio-img {
    padding: 0 5rem;
}
.portfolio-card.layout-circle-right .image-zome img, .portfolio-display-flex .portfolio-card.layout-circle-left .image-zome img {
    height: 100%;
	object-fit: fill;
}
.portfolio-card.layout-wide-left .image-zome {
    border-radius: 0rem 0 18rem 0rem;
}
.portfolio-card.layout-wide-left h3 {
    text-align: right;
}

/**about-pages-slider-arrow**/
.wcf-arrow-next svg{
	transform: scaleX(-1);
}

.white-color-hover .wcf-arrow.wcf-arrow-prev svg, .white-color-hover .wcf-arrow-next svg {   
	fill: #77685c;
	width: 5rem !important;
	height: 5rem !important;
}
.white-color-hover .wcf-arrow.wcf-arrow-prev svg:hover, .white-color-hover .wcf-arrow-next svg:hover {   
    fill: #575757;
}

.yellow-color-hover .elementor-swiper-button {
    top: 100% !important;
	transform: translateY(-50%) !important;
}
.yellow-color-hover .elementor-swiper-button svg {
    width: 4rem !important;
    height: 4rem !important;
}
.black-homeslider .elementor-swiper-button svg{
	width: 100% !important;
    height: 100% !important;
}
.black-homeslider .elementor-widget-image img {
    height: 28rem !important;
}
.yellow-color-hover .elementor-swiper-button-next svg{
	transform: scaleX(-1);
}
.yellow-color-hover .elementor-swiper-button svg rect{
	fill: #000000 !important;
}

.yellow-color-hover .elementor-swiper-button svg rect:hover{
	fill: #2c2b2b !important;
}
.similar-post .elementor-swiper-button{
	display:none !important;
}


/* ================================
   SERVICES HERO SLIDER
================================ */

.services-hero-slider {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.servicesHeroSwiper {
    height: 100%;
}
.services-hero-slider .swiper-button-next:after, .services-hero-slider .swiper-button-prev:after {
    display: none;
}
.services-hero-slider .swiper-button-next, .services-hero-slider .swiper-button-prev {
    position: unset;
	margin: 0;
	width: 4rem !important;
    height: 4rem !important;
}
.services-hero-slider .swiper-button-next svg {
    transform: rotate(180deg);
}
.services-hero-slider .hero-arrows {
    display: flex;
    justify-content: center;
	align-items: center;
    gap: 2.5rem;
}
.services-hero-slider .hero-bottom-nav .hero-arrows:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
}
.services-hero-slider .swiper-button-next svg, .services-hero-slider .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: #77685c !important;
}
.services-hero-slider .swiper-button-next svg:hover, .services-hero-slider .swiper-button-prev svg:hover {
    fill: #575757 !important;
}
/* Content */
.services-hero-slider .hero-content {
    position: absolute;
    left: 8%;
    top: 10%;
    transform: translateY(-50%);
    z-index: 2;
    max-width: 100%;
    color: #ffffff;
}
.services-hero-slider .hero-subtitle {
    font-family: "Satoshi R", Sans-serif;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.66em;
    color: var( --e-global-color-primary );
}
.services-hero-slider .hero-title {
    font-family: "Seasons", Sans-serif;
    font-size: 4.4rem;
    text-transform: capitalize;
    line-height: 1.19em;
    color: var( --e-global-color-primary );
}
.hero-video {
    position: relative;
}
.hero-video:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.35);
}



.servicesHeroSwiper .swiper-wrapper {
    height: 100%;
}
.servicesHeroSwiper .swiper-slide {
    height: 100%;
    position: relative;
}

/* Background Image */
.hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
}
/* ================================
   BOTTOM NAVIGATION
================================ */

.hero-bottom-nav {
    position: absolute;
    bottom: 4.8rem;
    width: 100%;
    z-index: 5;
    text-align: center;
}
.hero-prev,
.hero-next {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.3s ease;
}

.hero-prev:hover,
.hero-next:hover {
    background: rgba(255,255,255,0.15);
}

.hero-prev::after,
.hero-next::after {
    font-size: 18px;
    font-weight: bold;
}
.hero-content {
    opacity: 0;
}
 
.hero-content.animate {
    animation: fadeInUp 1s ease forwards;
}
 
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
/* ================================
   IMPORTANT FIXES (Black Area Fix)
================================ */

.services-hero-slider,
.servicesHeroSwiper,
.servicesHeroSwiper .swiper-wrapper,
.servicesHeroSwiper .swiper-slide {
    min-height: 100vh;
}

.swiper-slide {
    background: transparent !important;
}

/* Remove accidental spacing below slider */
.services-hero-slider + section,
.services-hero-slider + div {
    margin-top: 0 !important;
}





/*Footer Form Css*/
/* Hide default icon */
#form-field-field_99825bf::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 0;
}

/* Make parent relative */
#form-field-field_99825bf {
    position: relative;
    padding-right: 40px;
}

/* Add icon */
#form-field-field_99825bf {
    background: url('../image/calendar-icon.svg') no-repeat right 12px center;
    background-size: 18px;
	background-position: 100% 50%;
}

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

@media (max-width: 1600px) {
	body.admin-bar .portfolio-filters {
		top: 6rem;
	}
}
@media (max-width: 1400px) {
    body.admin-bar .portfolio-filters {
        top: 7rem;
    }
	.case-badge-inner .label {
		font-size: 1rem;
	}
	.case-badge-inner strong {
		font-size: 1.1rem;
	}
}

@media (max-width: 1024px) {

    .case-scroll {
        height: auto;
    }

    .case-wrap {
        flex-direction: column;
        padding: 3rem 0;
        gap: 0;
    }

    .case-left,
    .case-right {
        width: 100%;
    }
	.case-right {
		border-radius: 6rem 0 0 0rem;
	}
    .badge-wrap {
        position: unset !important;
        top: auto;
        transform: none;
        margin: 0px auto -2rem;
        width: 100%;
    }
    .case-badge-inner.prev,
    .case-badge-inner.next {
        display: none;
    }
	.case-badge-inner {
		opacity: 1 !important;
		position: unset;
		z-index: 1;
	}
	.case-left {
		margin-bottom: -2rem;
		border-radius: 0 0 6rem 0rem;
	}

}
@media (max-width: 1024px) {
	html, body {
		font-size: 20px !important;
	}
	.pp-btn {
		font-size: 0.8rem;
	}
	.single-services_post.active .elementor-sticky--active {
         z-index: -1 !important;
    }
    .services-special-layout {
		display: inline-block;
		grid-template-columns: unset;
		gap: unset;
	}
    .service-card.full-width {
        grid-column: unset;
    }
	.desktop-mb.desktop-1024 {
		display: none !important;
	}
	.mobile-mb.mobile-1024 {
		display: block !important;
	}
	
	.services-special-layout.slick-slider, .carousel-section-1.slick-slider {
		padding-bottom: 1rem;
		border-bottom: 1px solid #8C421D;
	}
	 .carousel-section-1.slick-slider {
		padding-bottom: 3rem;
	}
	.services-special-layout button, .carousel-section-1.slick-slider button {
        position: absolute;
        top: 100%;
        margin-top: -1.2rem;
        border-radius: 100%;
		background-color: #fff !important;
    }
	.services-special-layout button:hover { 
		background-color: #424242 !important;
	}
	.services-special-layout .slick-prev {
        left: 1.5rem;
		transform: translate(0%, -20%);
    }
    .services-special-layout .slick-next {
        right: 1.5rem;
		transform: translate(0%, -20%);
    }
	.service-card.slick-slide a.service-bg {
		min-height: 480px !important;
	}
	body.home .service-card.card-1, body.home .service-card.card-7 {
		border-radius: 0 0 5rem 0rem;
		margin-left: 0;
	}
	
	.service-card.full-width.odd .half-width:first-child .service-inner {
		margin-right: 0;
	}
	.service-card.full-width.even .half-width:last-child .service-inner, .service-card.full-width.odd .half-width:first-child .service-inner {
		height: 30rem;
	}
	button.slick-arrow {
		background-color: transparent !important;
		border: 0px solid #c36;
		border-radius: 0px;
		color: unset;
		display: inline-block;
		font-size: 1rem;
		font-weight: 400;
		padding: 0;
		text-align: center;
		transition: all .3s;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		white-space: nowrap;
		z-index: 9;
	}
	button.slick-arrow:hover {
		background-color: transparent !important;
	}
	.slick-next {
		right: 0;
	}
	.slick-prev {
		left: 0;
	}
	.service-card h3 {
		padding: 0 0;
	}
	.service-title {
		padding: 0rem 2rem;
	}
	
	.service-bg span.arrow-icon svg {
        width: 4rem;
    }
	.service-bg span.arrow-icon {
        bottom: 0rem !important;
        right: 0% !important;
    }
	.service-card h3 {
        padding: 0 2rem 2rem !important;
        width: 100%;
    }
	.slick-next:before, .slick-prev:before {
		content: '→';
		display:none;
	}
	button.slick-next.slick-arrow svg.icon {
		transform: rotate(180deg);
	}
	.icon {
		background-color: #fff;
	}
	.carousel-section-1.about-slider .icon {
        border-radius: 100%;
        fill: #343434;
    }
	.carousel-section-1.about-slider.slick-slider button {
        margin-top: -0.9rem;
        background: transparent !important;
    }
	.carousel-section-1.about-slider .slick-arrow svg rect.hover-circul2, .carousel-section-1.about-slider .slick-arrow svg rect.hover-circul {
        stroke: #fff;
    }
	.carousel-section-1.about-slider .slick-arrow svg.icon:hover {
		fill: #575757;
	}
	/* .carousel-section-1.about-slider .slick-arrow svg:hover rect.hover-circul2, .carousel-section-1.about-slider .slick-arrow svg:hover rect.hover-circul {
        stroke: #575757;
    } */
	
	.carousel-section-1.about-slider .slick-arrow svg path {
        fill: #fff;
    }
	.carousel-section-1.about-slider.slick-slider {   
        border-bottom: 1px solid #fff;
    }
	.carousel-section-1.about-section-six.slick-slider .slick-prev {
        left: 3%;
    }
	.carousel-section-1.about-section-six.slick-slider .slick-next {
        right: 3%;
    }
	.carousel-section-1.about-section-six.slick-slider button {
        top: 95.7%;
        margin-top: unset !important; 
    }
	.about-page.yellow-color-hover .elementor-swiper-button svg rect {
		fill: #fff !important;
	}
	
	 
	/* button:hover .icon {
	  color: #000;
	} */
	.home-set-new button.slick-prev {
		transform: translate(70%, -15%);
	}
	.home-set-new button.slick-next {
		transform: translate(-70%, -15%);
	}
	.service-card .half-width span.service-title {
        width: 100% !important;
    }
	.service-page .services-special-layout, .service-card.full-width.even, .service-card.full-width.odd {
        width: 100%;
        display: inline;
		height:100%
    }
	/* .service-page .service-card.full-width {
		aspect-ratio: 1 / 1;
	} */
	.services-special-layout .service-card {
        margin-left: 0;
        margin-right: 0;
    }
	.services-special-layout .pattern-1, .services-special-layout .pattern-4{
		 margin-bottom: 2.4rem;
	}
	.services-special-layout .pattern-3 .half-width:last-child .service-inner .service-bg, .services-special-layout .pattern-5 .half-width:first-child .service-bg, .services-special-layout .pattern-5 .half-width:last-child .service-bg {
		padding: 0 4rem;
	}
	.half-width {
		margin-bottom: 2.4rem;
		margin-left: 0;
		margin-right: 0;
	}
	.half-width .service-inner {
		margin-left: 0 !important;
	}
	.service-page .service-card.full-width.even .half-width:last-child .service-inner .arrow-icon, .service-page .service-card.full-width.odd .half-width:first-child .service-inner .arrow-icon{
		right: -1rem;
	}
	.service-page .service-card #cardid-4 span.arrow-icon {
		padding-right: 0;
	}
	.service-page .service-card span.arrow-icon {
        padding-right: 2rem;
    }
	.service-page {
		overflow-y: hidden;
	}
	.service-card.card-1, 
	.service-card.card-2, 
	.service-card.card-3, 
	.service-card.card-4, 
	.service-card.card-5, 
	.service-card.card-6, 
	.service-card.card-7, 
	.service-card.card-8 {
		border-radius: 0rem 0rem 5rem 0rem !important;
	}
	.service-card.pattern-1{
		border-radius: 0rem 0rem 5rem 0rem !important;
		height: 30rem;
	}
	.services-special-layout .pattern-1 .service-bg {
		height: 100%;
	}
	.service-card.full-width.pattern-2 .half-width:first-child .service-inner{
		border-radius: 5rem 0rem 0rem 0rem !important;
	}
	.service-card.full-width.pattern-2 .half-width:last-child .service-inner{
		border-radius: 10% !important;
		width: 100%;
	}
	.service-card.full-width.pattern-3 .half-width:first-child .service-inner{
		border-radius: 0rem 5rem 0rem 0rem !important;
		width: 100%;
	}
	.service-card.full-width.pattern-3 .half-width:last-child .service-inner{
		border-radius: 10% !important;
		width: 100%;
	}
	.service-card.full-width.pattern-5 .half-width:first-child .service-inner{
		width: 100%;
	}
	.service-card.full-width.pattern-5 .half-width:last-child .service-inner{
		border-radius: 0rem 0rem 5rem 0rem !important;
		width: 100%;
	}
	.services-special-layout .pattern-5 .half-width:first-child {
		border-radius: 10%;
	}
	.services-special-layout .pattern-2 .half-width:first-child, .services-special-layout .pattern-3 .half-width:last-child, .services-special-layout .pattern-5 .half-width:first-child, .service-card.full-width.pattern-4 {
		width: 100%;
		height: 30rem;
	}
	.services-special-layout .pattern-2 .half-width:last-child, .services-special-layout .pattern-3 .half-width:first-child, .services-special-layout .pattern-5 .half-width:last-child {
		width: 100%;
		margin-left: 0rem;
	}
	.services-special-layout .pattern-5 .half-width:last-child {
		border-radius: 0rem 0rem 5rem 0rem !important;
	}
	.e-con>.e-con-inner {
		max-width: 60%;
	}
	/*****services-hero-slider*******/
	.services-hero-slider .hero-arrows {
		gap: 75%;
	}
	.services-hero-slider .hero-subtitle {
		font-size: 2rem;
	}
	.services-hero-slider .hero-title {
		font-size: 2.5rem;
	}
	
	
	/*****portfolio-new-css*****/
	.portfolio-card h3 {
		text-align: right;
	}
	.portfolio-display-flex .portfolio-card.layout-circle-left .portfolio-img {
		padding: 0 0rem;
	}
	.portfolio-card.layout-large-full.left-text .portfolio-img {
		padding: 0 0 0 0rem;
	}
	.portfolio-card.layout-large-full .portfolio-img {
        padding-right: 0rem;
        padding-left: 0;
    }
	.portfolio-img {
        padding: 0 0;
    }
	.portfolio-card.layout-circle-right .image-zome {
		width: 100%;
		height: auto;
		border-radius: 10%
	}
    .portfolio-grid h3 {
        padding-right: 1rem;
        padding-left: 1rem;
        text-align: right !important;
    }
	.portfolio-card.layout-large-full .image-zome {
		height: auto;
		border-radius: 0rem 0 5rem 0;
	}
	.portfolio-display-flex {
        display: inline;
        width: 100%;
    }
	.portfolio-display-flex .portfolio-card.layout-circle-left, .portfolio-card.layout-circle-right, .portfolio-card.layout-tall-right, .portfolio-card.layout-wide-left {
		width: 100%;
	}
	.portfolio-display-flex .portfolio-card.layout-circle-left .image-zome {
		width: 100%;
		height: auto;
		border-radius: 10%;
		margin: 0 auto;
	}
	.portfolio-card.layout-tall-right .image-zome {
		border-radius: 5rem 0 0 0;
	}
	.portfolio-card.layout-large-full.left-text .image-zome {
        border-radius: 10%;
    }
	.portfolio-card.layout-wide-left .image-zome {
		border-radius: 0rem 0 5rem 0rem;
	}
	.portfolio-card.layout-circle-right .portfolio-img {
		padding: 0 0rem;
	}
	
	.yellow-color-hover .elementor-swiper-button {
		top: 100% !important;
		transform: translateY(23%) !important;
	}
	.yellow-color-hover .elementor-swiper-button svg {
		width: 70% !important;
		height: 70% !important;
		z-index: 99999;
        position: relative;
	}
	.white-color-hover .wcf-arrow.wcf-arrow-prev svg, .white-color-hover .wcf-arrow-next svg {   
		width: 70% !important;
		height: 70% !important;
	}
	.white-color-hover .ts-navigation {
	   gap: 75% !important;
	}
	.orange-slider .slick-arrow:hover svg rect.hover-circul,
	.orange-slider .slick-arrow:active svg rect.hover-circul,
	.orange-slider .slick-arrow:focus svg rect.hover-circul {
		fill: #69727d69 !important;
	}
	.orange-slider .elementor-swiper-button svg rect:hover {
		fill: #69727d69 !important;
	}
	.about-slider-black {
        border-bottom: 1px solid #8C421D !important;
    }
	.about-slider-black.yellow-color-hover .elementor-swiper-button {
        transform: translateY(-50%) !important; 
    }
	.similar-post .elementor-swiper-button{
		padding: 0 !important;
        width: 3rem !important;
        height: 3rem !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
	}
	.project-gallery .swiper-slide {
		height:50vh;
	}
	.full-blog .wcf--image {
		border-radius: 0rem 0rem 5rem 0rem;
	}
}
@media (max-width: 991px) {
	.popup-next.swiper-button-next.premium-project-arrow {
		right: 0% !important;
        transform: translate(-50%, 0%);
	}
	.popup-prev.swiper-button-prev.premium-project-arrow {
		left: 0% !important;
        transform: translate(50%, 0%);
	}
	.white-color-hover .ts-navigation {
	   gap: 75% !important;
	}
	.arrow-wrap {
		bottom: 8rem;
		border-bottom: 1px solid #fff;
		position: relative;
	}
	.pp-info .main-title {
		width: 30%;
	}
	
}
@media (max-width: 891px) {
	.white-color-hover .ts-navigation {
	   gap: 70% !important;
	}
}



@media (max-width: 768px) {
	html, body {
		margin: 0;
		padding: 0;
		font-size: 16px !important;
	}
	.mainSlider .swiper-slide {
		overflow: hidden;
		height: auto;
	}
	.mobile-mb{ display:block; }   
	.desktop-mb{ display:none !important }   
    .services-special-layout {
        grid-template-columns: 1fr;
    }

    .service-card,
    .service-card.full-width,
    .service-card.full-width.even,
    .service-card.full-width.odd {
        grid-column: span 1;
        grid-template-columns: 1fr;
    }

    .half-width .service-inner {
        border-radius: 20px !important;
    }

    .service-title {
        font-size: 22px;
    }
	
	
	
}

/* Mobile → slider */
@media (max-width: 767px) { 
	html, body {
		margin: 0;
		padding: 0;
		font-size: 16px !important;
	}
	.premium-popup{
		position: fixed;
		inset: 0;
		width: 100%;
		height: 100%;
		display: none;
		background: #000;
		z-index: 99999;
	}
	.e-con>.e-con-inner {
		max-width: 100%;
	}
	/* Make info take full screen */
	.popupSlider .swiper-slide {
		display: block;
	}
	.premium-popup .pp-info {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        text-align: center;
        padding: 5rem 1.5rem 2rem;
        background: #000;
        color: #fff;
        gap: unset;
        margin-top: 0;
        flex-wrap: wrap;
        position: unset;
        bottom: 0;
    }

	/* Spacing */
	.pp-info > div {
        margin: 0.6rem 0;
		display: flex;
    }
	.pp-info > div:first-child {
		margin-top: 2rem;
		width: 100%;
		text-align: left;
	}
	.pp-info > div:nth-child(2) {
		width: 50%;
	}
	.pp-info > div br {
		display: none;
	}
	.pp-info > div:first-child {
		margin-top: 2rem;
	}
	.premium-popup .arrow-wrap {
		position: relative;
		bottom: -3rem;
        border-bottom: 1px solid #fff;
	}
	.premium-project-arrow svg:hover g g rect {
       fill: #666;
    }
	.popup-prev svg:hover, .popup-next svg:hover {
		stroke: #fff;
	}
	.budget-text span {
		color: #fff;
		padding-right: 10px;
	}
	
	/* Button style */
	.pp-btn{
		display: inline-block;
		padding: 14px 32px;
		background: #fff;
		color: #000;
		text-decoration: none;
		font-weight: 600;
	}
	.premium-popup .swiper-wrapper { 
		width: 100%;
		height: auto;
		background: #000;
	}
	.pp-close {
        position: absolute;
        top: 0.5rem;
        right: 0.3rem;
		width: 2rem;
		height: 2rem;
    }
	.single-services_post .elementor-sticky--active {
        background: #fff;
    }
	.premium-project-arrow {
		top: 39% !important; 
	}
	.thumbSlider {
		margin-top: 0 !important;
	}
	.acf-faq-accordion .faq-question {
		font-size: 16px;
	}
	.acf-faq-accordion .faq-question {
		padding-right: 0;
	}
	.faq-icon {
        width: 1.5rem;
        height: 1.5rem;
    }
	.wp-fixed-footer-btn.show {
		right: 0;
		width: 100%;
		text-align: center;
		padding: 0.6rem 2rem 0.4rem;
        line-height: normal;
	}
	/****/
	.mobile-menu nav {
        height: 100vh;
        overflow: hidden !important;
        max-height: 100vh !important;
		position: fixed !important;
        width: 100% !important;
        height: 116rem;
        left: 0 !important;
		top: 0 !important;
    }
	.mobile-menu nav ul {
		padding: 9rem 0;
	}
	.elementor-14 .elementor-element.elementor-element-96d9ab5 {
        z-index: 9991;
        position: relative;
    }
	.elementor-14 .elementor-element.elementor-element-0905bca .elementor-menu-toggle {
		z-index: 9999;
		position: relative;
	}
	.services-special-layout .slick-next, .services-special-layout .slick-prev {
        transform: translate(0%, -20%);
    }
	.elementor-element.elementor-element-bac84d9.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
		padding: 0;
	}

	.page-id-44 .carousel-section-1.slick-slider button.slick-prev {
		left: 1.5rem;
	}
	.page-id-44 .carousel-section-1.slick-slider button.slick-next {
		right: 1.5rem;
	} 
	.about-salider .slick-slider {
        padding: 0 1.1rem;
        padding-bottom: 4rem;
    }
	.elementor-65 .elementor-element.elementor-element-73a7d6c .elementor-heading-title, .elementor-65 .elementor-element.elementor-element-0a3450c .elementor-heading-title {
        padding: 0 1rem;
    }
	body.home .elementor-element.elementor-element-4a74ef1f.elementor-arrows-position-inside.elementor-widget.elementor-widget-loop-carousel.e-widget-swiper.animated.fadeInUp {
		padding-bottom: 4rem;
	}
	
	.ts-navigation {
		margin-bottom: 2rem;
	}
	.about-slider{
		display: flex !important;
	}
	.about-slider .icon {
        color: #fce77d;
        background-color: #0e0e0e;
    }
	.elementor-element.elementor-element-402c16e7.e-con-full.e-flex.e-con.e-child {
		padding-bottom: 3.2rem;
	}
	.service-card:nth-child(4) {
		margin-right: 0rem;
	}
	/**portfolio**/
	.portfolio-filters a {
		margin: 0 0.5rem 0 0rem;
	}
	.portfolio-card.full-width.even {
		display: block;
	}
	.portfolio-card.full-width.portfolio-item {
		margin-right: 0rem;
	}
	.portfolio-card .portfolio-lightbox-trigger svg {
		width: 2rem;
		height: 2rem;
	}
	.portfolio-card .portfolio-lightbox-trigger {
		top: 0.7rem !important;
	}
	
	body.admin-bar .portfolio-filters {
		top: 8rem;
	}
	.project-gallery .swiper-button-next {
        left: 5rem !important;
        right: auto !important;
    }
	.play-btn {
		position: absolute;
		bottom: 0;
		left: 7rem;
	}
	.feedback .case-left, .feedback .case-right {
		padding: 2rem 2rem 4rem 2rem !important;
	}
	.project-btn {
		margin-top: -1rem;
	}

	.peek-right {
		padding: 0 6rem;
	}
	.project-gallery .swiper-button-prev {
		left: 2rem !important;
	}
	.elementor-3189 .elementor-element.elementor-element-89e70d2 > .elementor-widget-container {
		padding: 0rem 0rem 0rem 0rem !important;
	}
	.case-wrap {
		display: block;
		padding-bottom: 0;
	}
	.badge-slider .case-badge {
		top: 44% !important;
	}
	.swiper-button-next svg, .swiper-button-prev svg {
		position: relative;
		z-index: 9999;
	}
	.home-set-new button.slick-prev {
		transform: translate(50%, -12%);
	}
	.home-set-new button.slick-next {
		transform: translate(-50%, -12%);
	}
	.home-set-new button:before {
		content: "";
		position: absolute;
		inset: -10px;
		border: 1px solid #8C421D;
		border-radius: 50%;
	}
	.service-page .service-card:nth-child(1), .service-page .service-card.full-width.even .half-width:last-child .service-inner {
        margin-left: 0rem;
    }
	.badge-slider .swiper-slide {
		flex-shrink: unset;
	}
	.case-badge {
        background: #e3b81b;
        width: 100%;
        aspect-ratio: 1 / 1;
		height: auto;
    }
	#center .case-badge {
		background: #fff;
		border: 1px solid #e3b81b;
	}
	.case-right {
		border-bottom-left-radius: unset;
		border-top-left-radius: 80px;
		margin-left:0 !important;
	}
	.case-left {
		margin-right: 0 !important;
	}
	.case-left h3, .case-right h3 {
		padding-top: 2rem;
	}
	.project-gallery .swiper-button-prev {
		left: 1.3rem !important;
	}
	.controls-prev-next-wrap .arrow-next-pre-peek {
		position: absolute !important;
		margin: calc(0px - (var(--swiper-navigation-size) / 2));
		width: 3rem !important;
        height: 3rem !important;
        transform: translate(0%, -25%);
	}
	.project-gallery .swiper-button-next {
		right: -26rem !important;
	}
	.yellow-color-hover .elementor-swiper-button {
        transform: translateY(-50%) !important;
		clear:both;
    }
	.yellow-color-hover .elementor-swiper-button svg {
        width: 70% !important;
        height: 70% !important;
    }
	.white-color-hover .wcf-arrow.wcf-arrow-prev svg, .white-color-hover .wcf-arrow-next svg {
        width: 70% !important;
        height: 70% !important;
    }
	.white-color-hover .ts-navigation {
        gap: 75% !important;
    }
	
	.services-special-layout button, .carousel-section-1.slick-slider button {
        margin-top: -1.5rem; 
    }
	.orange-slider.about-page.yellow-color-hover .elementor-swiper-button {
        transform: translateY(41%) !important;  
    }
	.carousel-section-1.about-slider.slick-slider button {
        margin-top: -1.1rem;
    }
	.about-slider-black.orange-slider.about-page.yellow-color-hover .elementor-swiper-button {
		transform: translateY(-50%) !important;
	}
    .case-right .author {
		margin-top: 1rem;
	}
	
	span.faq-title {
		width: 85%;
	}
	.popupSlider{
		height: 100%;
	}
	.button-wrap.mobile-mb {
		position: absolute;
		width: 100%;
		z-index: 999;
		bottom: 0;
	}
	.button-wrap.mobile-mb a.pp-btn {
		width: 100%;
		text-align: center;
	}
	.services-special-layout .pattern-2 .half-width:last-child .service-inner .service-bg, .services-special-layout .pattern-3 .half-width:first-child .service-inner .service-bg, .services-special-layout .pattern-3 .half-width:last-child .service-inner .service-bg, .services-special-layout .pattern-5 .half-width:first-child .service-bg, .services-special-layout .pattern-5 .half-width:last-child .service-bg
	{
        padding: 0 0rem;
    }
	
	/**contact-pages-css**/
	.contact-form-wrap .button-wrap {
		width: 100%;
	}
	/****services-hero-slider*****/
	
	.services-hero-slider .hero-content {
		left: 0;
		top: 10%;
		padding: 0 1rem;
	}
	.services-hero-slider .hero-subtitle {
        font-size: 1.5rem;
        margin: 0;
    }
	.services-hero-slider .hero-title {
        margin: 0;
    }
	.services-hero-slider, .servicesHeroSwiper, .servicesHeroSwiper .swiper-wrapper, .servicesHeroSwiper .swiper-slide, .services-hero-slider .swiper-slide video {
		min-height: 65vh;
		height: 65vh;
	}
	.hero-bottom-nav {
		bottom: 2rem;
	}
	
}
@media (max-width: 600px) {
	.white-color-hover .ts-navigation {
        gap: 65% !important;
    }
	/*****services-hero-slider*******/
	.services-hero-slider .hero-arrows {
		gap: 65%;
	}
	
	.services-special-layout .pattern-2 .half-width:last-child .service-inner, .services-special-layout .pattern-3 .half-width:first-child .service-inner, .services-special-layout .pattern-5 .half-width:last-child {
		width: auto;
		height: auto;
		margin-left: 0rem;
		border-radius: 10%;
	}
	.services-special-layout .pattern-2 .half-width:first-child, .services-special-layout .pattern-3 .half-width:last-child, .services-special-layout .pattern-5 .half-width:first-child {
		width: 100%;
		/* height: 100%; */
	}
	.services-special-layout .pattern-2 .half-width:last-child, .services-special-layout .pattern-3 .half-width:first-child, .services-special-layout .pattern-5 .half-width:last-child {
		width: 100%;
	}
	 .case-badge-inner {
        width: 8rem;
        height: 8rem;
        padding: 0.5rem;
    }
	.badge-wrap {
        margin: 0px auto -1rem;
    }
	.case-left {
        margin-bottom: -1rem;
    }
	
}
@media (max-width: 480px) {
	.white-color-hover .ts-navigation {
        gap: 50% !important;
    }
	/*****services-hero-slider*******/
	.services-hero-slider .hero-arrows {
		gap: 50%;
	}
	.case-wrap {
		padding-top: 0rem;
	}
	.pp-close {
		padding: 0 0 0.3rem 0 !important;
	}
	.case-badge-inner strong {
		font-size: 20px;
	}
	.case-badge-inner {
        width: 8rem;
        height: 8rem;
        padding: 0.35rem;
    }
	.project-gallery .swiper-slide {
        height: 34vh;
    }
	
}
@media (max-width: 350px) {
	.case-badge-inner {
        width: 7.5rem;
        height: 7.5rem;
        padding: 0.35rem;
    }
}