/**
* Theme Name:     Nabeel Construction
* Author:         Nabeel Construction
* Template:       hello-elementor
* Text Domain:	   nabeel-construction
* Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
*/

/*************** COMMON ICON WRAPPER START ***************/
.common-icon-wrapper .elementor-icon-wrapper{
  display: flex !important;
}
/*************** COMMON ICON WRAPPER END ***************/

/*************** REMOVE COMMON P MARGIN START ***************/
.common-desc-style p:last-child{
  margin: 0 !important;
}
.common-desc-style a{
  text-decoration: underline !important;
}
/*************** REMOVE COMMON P MARGIN END ***************/

/*************** HEADER START ***************/
.header-contact-icon-list .elementor-icon-list-item a:hover span.elementor-icon-list-text{
  color: #F77C2D !important;
}
/*************** HEADER END ***************/
/*************** HOME PAGE START ***************/
.os-item{
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.os-item:hover{
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
}
.iconic-slide-item{
  height: 100% !important;
}
.iconic-work-slider .swiper-pagination{
  transform: rotate(90deg) !important;
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
}
.iconic-work-slider .swiper-pagination-bullet{
  background-color: #ffffff !important;
  opacity: 1;
}
.iconic-work-slider .swiper-pagination-bullet:hover,
.iconic-work-slider .swiper-pagination-bullet-active{
  background-color: #F77C2D !important;
}
.common-progress-bar{
  display: flex !important;
  flex-direction: column !important;
}
.common-progress-bar:not(:last-child){
  margin-bottom: 20px !important;
}
.common-progress-bar .elementor-title{
  margin-bottom: 7px;
}
.why-choose-us-img{
  width: 100%;
}
.why-choose-us-img::after{
  content: '' !important;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.6;
}
/*************** HOME PAGE END ***************/

/*************** DESIGN AND BUILD PAGE START ***************/
.design-build-icon-bx .elementor-icon-box-title{
  margin-top: 0 !important;
}
.design-build-icon-bx .elementor-icon-box-icon{
  line-height: 2 !important;
}
/*************** DESIGN AND BUILD PAGE END ***************/

/*************** SAFETY PAGE START ***************/
.safety-icon-bx .elementor-icon-box-icon{
  line-height: 2 !important;
}
.safety-icon-bx .elementor-icon-box-icon .elementor-icon{
  padding: 5px ;
  background: #F77C2D;
  border-radius: 100px;
}
/*************** SAFETY PAGE END ***************/

/*************** ABOUT PAGE START ***************/
.abt-directors-profile-gallery img{
  width: 50px !important;
  height: 50px !important;
}
.abt-directors-profile-gallery .gallery-item{
  width: fit-content !important;
}
.guiding-principle-icon-bx h3{
  margin-top: 0 !important;
}
/*************** ABOUT PAGE END ***************/

/*************** PERLS MUMBAI PAGE START ***************/
.pearls-mumbai-icon-bx a:hover .elementor-icon-list-text{
  color:#F77C2D !important;
}
/*************** PERLS MUMBAI PAGE END ***************/

/*************** PROJECTS PAGE START ***************/
body:has(.projects-grid) .dialog-lightbox-widget .swiper-slide{
  padding-left: 20px !important;
  padding-right: 20px !important;
}
/*************** PROJECTS PAGE END ***************/

/*************** FOOTER START ***************/
.footer-menu a{
  display: inline !important;
  margin-left: 18px !important;
}
.footer-menu .menu-item::after{
  content: '' !important;
  width: 18px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23ffffff' d='M439.1 297.4C451.6 309.9 451.6 330.2 439.1 342.7L279.1 502.7C266.6 515.2 246.3 515.2 233.8 502.7C221.3 490.2 221.3 469.9 233.8 457.4L371.2 320L233.9 182.6C221.4 170.1 221.4 149.8 233.9 137.3C246.4 124.8 266.7 124.8 279.2 137.3L439.2 297.3z'/%3E%3C/svg%3E") no-repeat;
  position: absolute;
  background-color: transparent !important;
  top: 3px;
  left: 0;
  opacity: 1 !important;
}
.footer-menu .menu-item a:hover::after{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23F77C2D' d='M439.1 297.4C451.6 309.9 451.6 330.2 439.1 342.7L279.1 502.7C266.6 515.2 246.3 515.2 233.8 502.7C221.3 490.2 221.3 469.9 233.8 457.4L371.2 320L233.9 182.6C221.4 170.1 221.4 149.8 233.9 137.3C246.4 124.8 266.7 124.8 279.2 137.3L439.2 297.3z'/%3E%3C/svg%3E") no-repeat !important;
}
.footer-location-detail-icon-list .elementor-icon-list-item a:hover span.elementor-icon-list-text{
  color: #F77C2D !important;
}
/*************** FOOTER END ***************/


/*************** MEDIA QUERIES START ***************/
@media(min-width: 1367px){
  .iconic-work-slider .swiper-pagination{inset-inline-start: -40px !important;}
}
@media(max-width: 1366px){
  .iconic-work-slider .swiper-pagination{ transform:rotate(0) !important ; -webkit-transform:rotate(0) !important ; -moz-transform:rotate(0) !important ; -ms-transform:rotate(0) !important ; -o-transform:rotate(0) !important ; }
  .iconic-work-slider .swiper-pagination-bullet{background-color: #000000 !important;}
  .iconic-work-slider .swiper-pagination-bullet:hover, .iconic-work-slider .swiper-pagination-bullet-active{ background-color: #F77C2D !important; }
}
@media(max-width: 1024px){
  .pearls-detail-left-side-block{width: 60% !important;}
  .pearls-detail-right-side-block{width: 40% !important;}
}
@media(max-width: 767px){
  .about-partners-slider .swiper-slide figure{display: flex !important; justify-content: center !important;}
  .pearls-detail-left-side-block,
  .pearls-detail-right-side-block{width: 100% !important;}
}
@media(min-width: 575px) and (max-width: 767px){
  .our-seroces-grid,
  .inhouse-challanges-grid,
  .abt-icon-grid,
  .projects-grid{--e-con-grid-template-columns: repeat(2, 1fr) !important;}
  .director-profile-director-img img{ height: 520px !important; }
}
@media(max-width: 575px){
  .footer-location-address{width: 90% !important;}
  .why-choose-us-counter-item{flex-wrap: wrap !important; gap: 60px !important;}
  .m-ali-intro-block{padding-bottom: 270px !important;}
  .m-ali-founder-img img{width: 210px !important; height: 260px !important;}
  .m-ali-founder-img{left: 35% !important;}

}
@media(min-width: 320px) and (max-width: 400px){
  .m-ali-founder-img{left: 15% !important;}
}
/*************** MEDIA QUERIES END ***************/