/**
* Theme Name: Spaciaz Child
* Description: This is a child theme of Spaciaz, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: spaciaz
* Version: 1.2.4
*/





/* ======================= COMMON START ======================== */

.box-hover::before {background: var(--primary_hover);}
.elementor-41 .elementor-element.elementor-element-71a72d5:hover .elementor-button-icon,.elementor-41 .elementor-element.elementor-element-34a3bae:hover .elementor-button-icon,.elementor-41 .elementor-element.elementor-element-095261d:hover .elementor-button-icon,.elementor-41 .elementor-element.elementor-element-ca83969:hover .elementor-button-icon,.elementor-element-5c4d561:hover .elementor-button-icon,.elementor-41 .elementor-element.elementor-element-5c4d561:hover .elementor-button-icon,.elementor-41 .elementor-element.elementor-element-3bd3cee:hover .elementor-button-icon,.elementor-41 .elementor-element.elementor-element-e730c67:hover .elementor-button-icon {
  background-color:var(--primary_hover);
}
.head_container{position:sticky;}
.copy-rights:hover{color:var(--primary) !important;}
.scrollup{color:var(--border)!important}
.box_shadow{-webkit-box-shadow: 0px 27px 20px 1px rgba(0,0,0,0.76); 
box-shadow: 0px 27px 20px 1px rgba(0,0,0,0.76);}

.elementor-careersshowcase-item:hover .careers-time span {
    color: #fff;
}
.elementor-careersshowcase-item .popup-icon {
	opacity : 1;
}
.spaciaz-icon-plus-1:before {
    content: "";
    font-size: 30px;
    font-weight: 900;
    color: #919191;
}

.elementor-11714 .elementor-element.elementor-element-1350eba .elementor-careersshowcase-item .careers-location i {
    display: none;
}

/* #upcomingpagebutton .line-effect-yes .elementor-button:after { 
    height: 1px !important;
    background-color: #fff !important;
} */

#upcomingpagebutton .line-effect-yes .elementor-button:before, #upcomingpagebutton .line-effect-yes .elementor-button:after { 
   	height: 1px !important;
    background-color: #fff !important;
}

#mainupcomingprojectbox  .e-con-full {
    background-color: #0C499C !important;
}

/* #upcomingprojectbox {
	    background-color: #0C499C !important;
} */

/* #mainupcomingprojectbox .elementor-element {
    background-color: #0C499C !important;
} */
#mainupcomingprojectbox > .elementor-element:first-of-type {
    background-color: #0C499C !important;
}

#mainupcomingprojectbox .spaciaz-border-shape {
	    background-color: #fff !important;

}


#mainupcomingprojectbox .elementor-widget-spacer {
	background-color:#fff !important ;
}
#mainupcomingprojectbox  .elementor-button-icon {
    background-color: #0C499C;
}

#mainupcomingprojectbox  a {
color : #fff ;
}

#mainupcomingprojectbox  h3  span{
color : #fff ;
}

 #mainupcomingprojectbox  .elementor-icon  {
	fill: #fff !important;
    color: #fff !important;
    border-color: #fff !important;
}



#mainupcomingprojectbox::before {
	background:#fff !important;
}

#mainupcomingprojectbox .enable-style-icon-yes .elementor-button .btn-icon {
    color: #fff;
}
#mainupcomingprojectbox .enable-style-icon-yes .elementor-button .btn-icon-hover {
    color: #fff !important;
}

/* ======================= COMMON START =======================  */


/* ==================== HOME ABOUT SECTION START ==================== */

.dote{width: 12px; height: 12px;background-color:#A6C9F1;border-radius: 50%;display: inline-block;margin:3px;}
.abt_twenty{font-size:7rem;font-family:Involve;position:relative;}
.abt_plus{position:absolute;top:14px;font-size:18px;}

@media (min-width:1367px) and (max-width:1741px){
	
.elementor-41 .elementor-element.elementor-element-7e6a662 {width: 70%;}
.elementor-41 .elementor-element.elementor-element-0e280dc { width: 95%; }
.elementor-41 .elementor-element.elementor-element-1437b89{ width: 90%;}
	
}

/* ==================== HOME ABOUT SECTION END ==================== */

.elementor-9474 .elementor-element.elementor-element-53d2438:not(.elementor-motion-effects-element-type-background){
/* 	box-shadow: 2px -54px 42px 39px rgba(0,0,0,0.49) inset;-webkit-box-shadow: 2px -54px 42px 39px rgba(0,0,0,0.49) inset;-moz-box-shadow: 2px -54px 42px 39px rgba(0,0,0,0.49) inset; */
}

/* .elementor-41 .elementor-element.elementor-element-886d6ee:not(.elementor-motion-effects-element-type-background), .elementor-41 .elementor-element.elementor-element-886d6ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	box-shadow: 2px -95px 70px 2px rgba(0,0,0,0.55) inset;
-webkit-box-shadow: 2px -95px 70px 2px rgba(0,0,0,0.55) inset;
-moz-box-shadow: 2px -95px 70px 2px rgba(0,0,0,0.55) inset;
}
} */
.elementor-41 .elementor-element.elementor-element-886d6ee:not(.elementor-motion-effects-element-type-background){ box-shadow: 0px 56px 74px -29px #111;}
/* elementor-element elementor-element-886d6ee e-con-full e-flex e-con e-child{  } */

.elementor-41 .elementor-element.elementor-element-7a055a5 .hfe-counter-suffix,.elementor-41 .elementor-element.elementor-element-2172e01 .hfe-counter-suffix,.elementor-41 .elementor-element.elementor-element-8e50348 .hfe-counter-suffix {
    position: relative;
    bottom: -20px !important;
    left: 0;
}

/* .elementor-41 .elementor-element.elementor-element-2172e01 .hfe-counter-suffix{font-size:40px;} */
/* .hfe-counter-suffix,.elementor-41 .elementor-element.elementor-element-8e50348 .hfe-counter-suffix{font-size:50px;} */

/* ======================= FOOTER START =======================  */


.elementor-9734 .elementor-element.elementor-element-c201cb5{width:90%;}


.elementor-9734 .elementor-element.elementor-element-070acd4 {
    background:linear-gradient(to bottom, #ffffff82, #FFFFFF00)!important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    white-space: nowrap;
}

/* ======================= FOOTER END =======================  */


/* ======================= CONTACT US =======================*/

.elementor-repeater-item-9c3486f{background-color:#4B7EE7;}
.elementor-repeater-item-e1d5add{background-color:#4980B9}
.elementor-repeater-item-c035ed7 {
  background: linear-gradient(90deg, #BF375F 0%, #D57449 100%);
}
/* .gm-style .place-card-large{
    display:none!important;
}
.place-card.place-card-large{display:none !important;} */
/* #wpcf7-f11113-p61-o2 .flag-container{
	display:none;
} */

/* #wpcf7-f11113-p61-o2 .elementor-element.elementor-element-b94bc4e .wpcf7-form button{
	padding: 2px 5px 2px 25px;
} */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}
.view-large {
    right: 0 !important;
}


/* ======================= project details =======================*/
#e-n-tab-title-764746641,#e-n-tab-title-115750251{
	display:none;
}

.elementor-widget-divider .elementor-divider__text {
  display: flex;
  align-items: center;
  gap: 10px;
}
.elementor-widget-divider .elementor-divider__text img {
 width:40px;
	height:auto;
}
.under_line{
	position:relative;
	margin-right:6px;
}
.under_line:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:3px;
	background-color:#ffffff;
	
}

#pd-slider .elementor-element .swiper .elementor-swiper-button{
	top:unset !important;
	bottom:0 !important;
	background-color:var(--primary);
	width:50px !important;
	height:50px !important;
	border:none !important;
}

#pd-slider .elementor-element .swiper .elementor-swiper-button:hover{
	background-color:#0C499CC2 !important;
}
#pd-slider .swiper-slide .swiper-slide-inner img{
  max-height: 550px !important;
  width: -webkit-fill-available !important;
  object-fit: cover !important;
	  min-height:398px !important;
}
#pd-slider .elementor-swiper-button-prev{
	left:unset !important;
	right:68px !important;
}
#pd-slider .elementor-swiper-button-next{
	
}
.blue_underline{
	position:relative;
}
.blue_underline:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:3px;
	background-color:var(--primary);
}


#pd-slide-2 .elementor-widget-spaciaz-image-carousel .swiper-slide a {
  position: relative;
}

#pd-slide-2 .elementor-widget-spaciaz-image-carousel 
.swiper-slide a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  
}

/* remove overlay from active slide */
#pd-slide-2 .elementor-widget-spaciaz-image-carousel 
.swiper-slide-active a::after {
  opacity: 0;
}



.swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active) a::after {
  opacity: 1;
}

.swiper-slide-active a::after,
.swiper-slide-duplicate-active a::after {
  opacity: 0;
}

.swiper-slide a::after {
  transition: opacity 0.3s ease;
}




#pd-acc .pd-acc-img {display:flex;
align-items:center;
gap:15px;
}


#pd-acc .img-box{
	width:35px;
	height:35px ;
	border:1px solid #000000;
	border-radius:50%;
	padding:4px;
  transition: .3s;
	display:flex;
align-items:center;
	justify-content:center;
	
}

#pd-acc .e-n-accordion-item:hover .img-box{
  background-color: var(--primary);
  border: 1px solid #fff;
	 transition: .3s;
}

#pd-acc .e-n-accordion-item:hover img {
  filter: brightness(0) invert(1);
	 transition: .3s;
}

/* accordion open */
#pd-acc .e-n-accordion-item[open] .pd-acc-img .img-box  {
  background-color: var(--primary);
  border: 1px solid #fff;
	width:40px;
	height:40px ;
}

#pd-acc .e-n-accordion-item[open] .e-child{border:none !important}
#pd-acc .e-n-accordion-item[open] .pd-acc-img img {
  filter: brightness(0) invert(1);
}
#pd-acc .e-n-accordion-item[open] .pd-acc-img{
	text-decoration-line: underline;
  text-decoration-color: var(--primary);
  text-decoration-thickness: 3px;   /* height */
  text-underline-offset: 6px;
}


#pd-acc .e-n-accordion-item:last-child[open] summary{border-radius:0px 0px 0px 0px;}

#pd-acc .e-n-accordion-item:first-child summary{border-radius:20px 20px 0px 0px;padding-top:20px;}
#pd-acc .e-n-accordion-item:last-child summary{border-radius:0px 0px 20px 20px;padding-bottom:20px}




#pd-slide-2 .gallery-title {
 
  font-size: 40px !important ;
  font-weight: 600;
  padding: 16px 68px 16px 28px!important;
  line-height: 1;
	color:#ffffff !important;
	background-color:var(--primary) !important;
	width:max-content;
 clip-path: polygon(
    0 0,
    80% 0,
    100% 100%,
    0 100%
  );
}
#pd-slide-2 .gallery-title:hover {
	background-color:#ffffff !important;
	color:var(--primary) !important;
}

.elementor-333 .elementor-element.elementor-element-67488f4{display:none;}



/* ======================= project details end =======================*/
/* ======================= mobile menu start =======================*/

/* 
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 99999;
}


.mobile-menu-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  transition: 0.3s;
}

.mobile-menu-panel {
  position: absolute;
  top: 0;
  right: -300px;
  width: 280px;
  height: 100%;
  background: #0b4ea2;
  padding: 30px 20px;
  transition: 0.4s ease;
  display: flex;
  flex-direction: column;
}


.mobile-menu.active {
  pointer-events: auto;
}

.mobile-menu.active .mobile-menu-overlay {
  opacity: 1;
}

.mobile-menu.active .mobile-menu-panel {
  right: 0;
}

.mobile-nav {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mobile-nav a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
}


.mobile-menu-close {
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  align-self: flex-end;
}
 */

/* ======================= mobile menu end =======================*/

@media (min-width:1101px) and (max-width:1390px){
	.nav a{font-size:14px;}
	.nav{gap:15px;}
	.nav-wrapper{justify-content:space-between;}
	.right-nav{padding-right:40px;}
}
@media (max-width:1200px){
	#pd-scroll{overflow-x:auto;scrollbar-width:thin;}
	#pd-scroll #pd-scroll-grid{width:1200px !important; }
	#pd-scroll .pd-title{height:30px}
}

@media (max-width:1024px){
	.space-3{display:none;}
}
@media (max-width:880px){
	.space-2{display:none;}
	.space-3{display:block;}
}
@media (max-width:767px){
	.space-1{display:none;}
	.space-2{display:none;}
	.space-3{display:none;}
	.elementor-widget-divider .elementor-divider__text img{
	width:20px;
	height:auto;
}
	#pd-slider .elementor-element .swiper .elementor-swiper-button{
	width:40px !important;
	height:40px !important;
}
	#pd-slider .elementor-swiper-button-prev {
    right: 56px !important;
}
	#pd-slide-2 .gallery-title {
    font-size: 18px !important;
    padding: 8px 20px !important;
}
}

@media (max-width:1100px){
	.logo-wrap{width:86px;height:109px;top:19px;padding:10px;}
}
@media (max-width:768px){
	.image-box img{border-radius:0px 0px 0px 0px;}
	.elementor-41 .elementor-element.elementor-element-3539744 .e-con-inner:before{display:none;}
	.elementor-41 .elementor-element.elementor-element-3539744 .e-con-inner:after{display:none;}
}

.elementor-41 .elementor-element.elementor-element-3539744 .e-con-inner:before{
	content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 100%;
  background: linear-gradient(
    to right,
   #ffffff,
   #ffffff2e
  );
  z-index: 1;
  pointer-events: none;
}

.elementor-41 .elementor-element.elementor-element-3539744 .e-con-inner:after{
	  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  height: 100%;
  background: linear-gradient(
    to left,
   #ffffff,
   #ffffff2e
  );
  z-index: 1;
  pointer-events: none;
}
.elementor-41 .elementor-element.elementor-element-3539744 .e-con-inner{position:relative;}

.wpcf7-form .wpcf7-form-control-wrap textarea{max-height:150px}

.pum-theme-10347 .pum-container, .pum-theme-enterprise-blue .pum-container{padding:50px}

.pum-container h4{text-align:center;color:#ffffff;margin-bottom:40px;}

.pum-container .elementor-button-outline .elementor-button{padding: 2px 3px 2px 30px ;}

.pum-container .elementor-button-outline .elementor-button .elementor-button-icon {background-color:var(--border)}

.pum-container .elementor-button span {color:#ffffff;}


@media (min-width:1367px) and (max-width:1590px){
	body:not(.rtl) .elementor-41 .elementor-element.elementor-element-60b75fe{left:31%;}
	
}
@media (min-width:767px) and (max-width:950px){
	.elementor-41 .elementor-element.elementor-element-044db62 .elementor-heading-title,.elementor-41 .elementor-element.elementor-element-19fe34a .elementor-heading-title,.elementor-41 .elementor-element.elementor-element-310a29c .elementor-heading-title{width:181px;}
}
@media (min-width:300px) and (max-width:766px){
	.elementor-41 .elementor-element.elementor-element-044db62 .elementor-heading-title,.elementor-41 .elementor-element.elementor-element-19fe34a .elementor-heading-title,.elementor-41 .elementor-element.elementor-element-310a29c .elementor-heading-title{width:100%;}
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:#000;  border-radius: 40px 0 0 40px;}
.intl-tel-input.separate-dial-code.allow-dropdown .selected-flag {
  width: 78px;
  background-color: black;
  border-radius: 40px 0 0 40px;
}

.intl-tel-input .country-list {
  margin: 8px 0 0 0px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: black!important;
  max-width: 385px;
  border-radius: 10px;
  scrollbar-width: none;
	  z-index: 2;
	 max-height: 200px!important;
	border:none:
}

/* #pum-10354{
	z-index:100px !important;
} */

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer;
    background-color: black;
    border-radius: 40px 0 0 40px;
}
.intl-tel-input.allow-dropdown .flag-container {
    cursor: pointer;
    background-color: black;
    border-radius: 40px 0 0 40px;
}

.intl-tel-input{width:100%;}

@media (max-width: 767px) {
  .elementor-41 .elementor-element.elementor-element-bee29dd {
padding-bottom:40px;
  }
	.intl-tel-input .country-list {
  background-color: #000 !important;
 color:#fff !important;
  max-height: 200px!important;
  overflow-y: scroll;
   max-width: 300px!important;
bottom: 65px !important;
        left: 30px !important;
		border:none;
}
}
@media (max-width:768px){
	
.intl-tel-input input, .intl-tel-input input[type="text"], .intl-tel-input input[type="tel"]{margin-bottom:30px!important;}
.intl-tel-input.allow-dropdown .flag-container {
   padding: 0;
   margin: 0;
   height: 60px;
}
}
#pum-10354{
	z-index:100!important;
}
.intl-tel-input{position:relative;}
@media (max-width: 600px) {
	
	
}