/*!
Theme Name: Pro Craft
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pro-craft
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Pro Craft is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
html,body{
	overflow-x:hidden !important;
} 
*{
    box-sizing:border-box;
    margin:0;
    padding:0;
}
a{
    transition:0.3s ease-in-out;
}
/*Header Custom Css*/
header{
    padding-top:20px;
    padding-bottom:20px;
    position:sticky;
    top:0;
    padding-left: 15px;
    padding-right: 15px;
    z-index:99;
    background-color:#fff;
}
.headerContainer {
    display: flex;
    justify-content: space-between;
    max-width: 1280px;

    margin: 0 auto;
    align-items:center;
}
.headerContainer ul {
    display:flex;
    align-items:center;
    padding-left:0;
    list-style:none;
    margin-bottom:0;
}
.headerContainer ul li a,.menuBoxNew ul > li:last-child a{
    display:block;
    padding-left:16px;
    padding-right:16px;
}
.headerContainer ul li:last-child a, .menuBoxNew ul > li:last-child a{
    border:1px #000 solid !important;
    border-radius:32px !important;
    padding:13.5px 36px !important;
    color:#000;
    margin-left:16px !important;
	text-align:center;
}
.headerContainer ul li:last-child a:hover,.menuBoxNew ul > li:last-child a:hover{
    color:#fff !important;
    background-color:#000 !important;
	padding:15.5px 36px !important;
	border:1px #000 solid !important;
	    border-radius:32px !important;

}
.elementor-nav-menu--dropdown {
    padding: 15px;
}

.logoContainer img{
    max-width:125px;
}
.mobileDisplay {
    display: none;
}
.menu-item a{
	line-height:normal !important;
}
/*Banner Slider */
.bannerSliderWrapper .swiper-pagination{
    display:flex !important;
    flex-direction: column !important;
    gap:16px;
}
.bannerSliderWrapper span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 40px;
    border-radius: 8px;
    background-color: yellow;
}
.swiperContainer .swiper-pagination{
    display:flex !important;
    flex-direction: row !important;
    gap:10px;
}
 span.swiper-pagination-bullet{
    opacity:1;
}
.swiperContainer span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 40px !important;
    border-radius: 8px;
    background-color: yellow;
}
.elementor-widget-testimonial-carousel .swiper-pagination, .blogsSwiper  .swiper-pagination {
	position:unset;
	margin-top:32px;
	margin-left:20px;
}
.blogsSwiper  .swiper-pagination{
	justify-content:center;
	    margin: 0 auto;
}
.elementor-swiper .swiper{
	padding-bottom:0 !important;
}
.elementor-widget-testimonial-carousel .swiper-paginatio span.swiper-pagination-bullet{
margin:0;
}
.overflow-x-hidden{
	overflow-x:hidden !important;
}
marquee {
	display:flex;
	gap:10px;
}
.primary-color{
	color:var(--e-global-color-primary);
	display:inline;
}
.blogsSwiper .swiper{
	overflow:visible !important;
}
.elementor-field-group input, .elementor-field-textual.elementor-size-xs{
	padding-left: 40px !important;
}
.elementor-field-group.elementor-field-group-name{
	position:relative;
}
.elementor-field-group.elementor-field-group-name:before,.elementor-field-group.elementor-field-group-email:before,.elementor-field-group.elementor-field-group-message:before{
	background:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.1064 7.74683C8.0864 7.74683 8.07307 7.74683 8.05307 7.74683C8.01973 7.74016 7.97307 7.74016 7.93307 7.74683C5.99973 7.68683 4.53973 6.16683 4.53973 4.2935C4.53973 2.38683 6.09307 0.833496 7.99973 0.833496C9.9064 0.833496 11.4597 2.38683 11.4597 4.2935C11.4531 6.16683 9.9864 7.68683 8.1264 7.74683C8.11973 7.74683 8.11307 7.74683 8.1064 7.74683ZM7.99973 1.8335C6.6464 1.8335 5.53973 2.94016 5.53973 4.2935C5.53973 5.62683 6.57973 6.70016 7.9064 6.74683C7.93973 6.74016 8.03307 6.74016 8.11973 6.74683C9.4264 6.68683 10.4531 5.6135 10.4597 4.2935C10.4597 2.94016 9.35307 1.8335 7.99973 1.8335Z" fill="white"/><path d="M8.11307 15.0332C6.80641 15.0332 5.49307 14.6998 4.49974 14.0332C3.57307 13.4198 3.06641 12.5798 3.06641 11.6665C3.06641 10.7532 3.57307 9.9065 4.49974 9.2865C6.49974 7.95984 9.73974 7.95984 11.7264 9.2865C12.6464 9.89984 13.1597 10.7398 13.1597 11.6532C13.1597 12.5665 12.6531 13.4132 11.7264 14.0332C10.7264 14.6998 9.41974 15.0332 8.11307 15.0332ZM5.05307 10.1265C4.41307 10.5532 4.06641 11.0998 4.06641 11.6732C4.06641 12.2398 4.41974 12.7865 5.05307 13.2065C6.71307 14.3198 9.51307 14.3198 11.1731 13.2065C11.8131 12.7798 12.1597 12.2332 12.1597 11.6598C12.1597 11.0932 11.8064 10.5465 11.1731 10.1265C9.51307 9.01984 6.71307 9.01984 5.05307 10.1265Z" fill="white"/></svg>');
	top:8px;
	position:absolute;
	left:25px;
	content:'';
	height:16px;
	width:16px;
}
.elementor-field-group.elementor-field-group-email:before{
	background:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3333 14.1668H4.66665C2.23331 14.1668 0.833313 12.7668 0.833313 10.3335V5.66683C0.833313 3.2335 2.23331 1.8335 4.66665 1.8335H11.3333C13.7666 1.8335 15.1666 3.2335 15.1666 5.66683V10.3335C15.1666 12.7668 13.7666 14.1668 11.3333 14.1668ZM4.66665 2.8335C2.75998 2.8335 1.83331 3.76016 1.83331 5.66683V10.3335C1.83331 12.2402 2.75998 13.1668 4.66665 13.1668H11.3333C13.24 13.1668 14.1666 12.2402 14.1666 10.3335V5.66683C14.1666 3.76016 13.24 2.8335 11.3333 2.8335H4.66665Z" fill="white"/><path d="M7.99987 8.57998C7.43987 8.57998 6.87321 8.40665 6.43987 8.05331L4.3532 6.38665C4.13987 6.21331 4.09987 5.89998 4.27321 5.68665C4.44654 5.47331 4.75988 5.43332 4.97321 5.60665L7.05987 7.27332C7.56654 7.67998 8.42654 7.67998 8.9332 7.27332L11.0199 5.60665C11.2332 5.43332 11.5532 5.46665 11.7199 5.68665C11.8932 5.89998 11.8599 6.21998 11.6399 6.38665L9.55321 8.05331C9.12654 8.40665 8.55987 8.57998 7.99987 8.57998Z" fill="white"/></svg>');
}
.elementor-field-group.elementor-field-group-message:before{
	background:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 3.5H9.33331C9.05998 3.5 8.83331 3.27333 8.83331 3C8.83331 2.72667 9.05998 2.5 9.33331 2.5H14C14.2733 2.5 14.5 2.72667 14.5 3C14.5 3.27333 14.2733 3.5 14 3.5Z" fill="white"/><path d="M14 6.83301H9.33331C9.05998 6.83301 8.83331 6.60634 8.83331 6.33301C8.83331 6.05967 9.05998 5.83301 9.33331 5.83301H14C14.2733 5.83301 14.5 6.05967 14.5 6.33301C14.5 6.60634 14.2733 6.83301 14 6.83301Z" fill="white"/><path d="M14 10.167H2C1.72667 10.167 1.5 9.94033 1.5 9.66699C1.5 9.39366 1.72667 9.16699 2 9.16699H14C14.2733 9.16699 14.5 9.39366 14.5 9.66699C14.5 9.94033 14.2733 10.167 14 10.167Z" fill="white"/><path d="M14 13.5H2C1.72667 13.5 1.5 13.2733 1.5 13C1.5 12.7267 1.72667 12.5 2 12.5H14C14.2733 12.5 14.5 12.7267 14.5 13C14.5 13.2733 14.2733 13.5 14 13.5Z" fill="white"/><path d="M5.27998 7.16699H3.38665C2.35998 7.16699 1.83331 6.64699 1.83331 5.61366V3.72033C1.83331 2.69366 2.35331 2.16699 3.38665 2.16699H5.28665C6.31331 2.16699 6.83998 2.68699 6.83998 3.72033V5.62033C6.83331 6.64699 6.31331 7.16699 5.27998 7.16699ZM3.38665 3.16699C2.91331 3.16699 2.83331 3.24699 2.83331 3.72033V5.62033C2.83331 6.09366 2.91331 6.17366 3.38665 6.17366H5.28665C5.75998 6.17366 5.83998 6.09366 5.83998 5.62033V3.72033C5.83998 3.24699 5.75998 3.16699 5.28665 3.16699H3.38665Z" fill="white"/></svg>');
}
input::placeholder,textarea::placeholder{
        opacity:1 !important;
        color:#fff
}
/* Project Slider Css */
        .project-slider-container {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin: 0 auto;
        }

        .main-slider {
          width: 100%;
          border-radius: 12px;
          overflow: hidden;
          margin-bottom: 20px;
        }
			.swiperProjectBoxNew{
				display:flex;
				gap:24px;
			}
.swiperProjectBoxNew .imageProjectWrapper img {
    height: 736px;
    width: 100%;
    border-radius: 24px;
    object-fit: cover;
}
.imageProjectWrapper {
    flex: 0 0 calc( 50% - 12px);
}
			.info{
				flex: 0 0 calc( 50% - 12px);
			}
        .main-slider .info {
          padding: 1rem;
          background: white;
        }

        .thumb-slider {
          display: flex;
          justify-content: center;
          width: 100%;
        }

        .thumb-slider .swiper-slide {
          text-align: center;
          cursor: pointer;
          transition: transform 0.3s ease;
        }

        .thumb-slider .swiper-slide img {
width: 100%;
    border-radius: 24px;
    display: block;
    margin-bottom: 0.5rem;
    height: 305px;
    object-fit: cover;
			
        }

        .thumb-slider .swiper-slide-thumb-active {
          transform: scale(1.1);
          border: 2px solid #007aff;
          border-radius: 10px;
        }
			.thumb-slider .swiper-slide-thumb-active {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.9);
				display:none;
}
.swiperProjectBoxNew h2 {
    font-family: "Sora", Sans-serif;
    font-size: 56px;
    font-weight: 400;
    color: var(--e-global-color-accent);
    line-height: normal;
    margin-bottom: 32px;
}
			.swiperProjectBoxNew .info p{
				margin-bottom:32px;
			}
			.swiper.thumb-slider {
    max-width: calc(50% - 12px);
    margin: 0 0 0 auto;
							margin-top:-340px;

}
.thumb-slider p {
    font-size: 24px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    padding: 24px;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    background: linear-gradient(180deg, rgba(26, 26, 26, 0) 43.47%, #1A1A1A 97.95%);
    border-radius: 24px;
    overflow: hidden;
}
.elementor-button-link span.elementor-button-text {
    font-weight: 400;
}
/* Blogs Page */
.elementor-grid-item{
	position:relative;
	border-radius:24px !important; 
}
.elementor-post__text {
    position: absolute;
    bottom: 0;
    z-index: 9;
    height: 100%;
    padding: 24px;
    display: flex !important;
    flex-direction: column-reverse !important;
    justify-content: flex-start;
	background: linear-gradient(180deg, rgba(26, 26, 26, 0) 43.47%, #1A1A1A 97.95%);

}
.elementor-post__title{
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
span.page-numbers.prev,span.page-numbers.next {
    display: none;
}
nav.elementor-pagination span, nav.elementor-pagination a,  {
    border-radius: 32px;
    border: 1px #000 solid;
    display: inline-block;
    height: 48px;
    width: 48px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
a.page-numbers.next,span.page-numbers.next,a.page-numbers.prev {
    min-width: 108px;
}
span.page-numbers.current {
    color: #fff;
    background-color: #000;
}
nav.elementor-pagination a:hover{
	    color: #fff;
    background-color: #000;
}
.equipmentBox .elementor-widget-container h3, .equipmentBox .elementor-widget-container h4, .equipmentBox .elementor-widget-container h5, .equipmentBox .elementor-widget-container h6,.projecctSingleContent .elementor-widget-container h1, .projecctSingleContent .elementor-widget-container h2, .projecctSingleContent .elementor-widget-container h3, .projecctSingleContent .elementor-widget-container h4, .projecctSingleContent .elementor-widget-container h5, .projecctSingleContent .elementor-widget-container h6{
font-family: Sora;
font-weight: 500;
font-size: 24px;
line-height: 32px;
letter-spacing: -0.5px;
	color:#000;
	vertical-align: middle;
	margin-bottom:12px !important;
	margin-bottom:15px !important;

}
.equipmentBox .elementor-widget-container p,.projecctSingleContent p{
	margin-bottom:15px;
}
.equipmentBox .elementor-widget-container ul, .equipmentBox .elementor-widget-container ol,.projecctSingleContent ol, .projecctSingleContent ul{
	padding-left:17px;
		margin-bottom:15px;

}
.equipmentBox .elementor-widget-container ol li,  .equipmentBox .elementor-widget-container ul li, .projecctSingleContent ul li, .projecctSingleContent ol li{
	margin-bottom:7px;
}
.servicesContent h1,.servicesContent h2,.servicesContent h3,.servicesContent h4,.servicesContent h5, .servicesContent h6{
	font-family: Sora;
font-weight: 400;
font-size: 72px !important;
line-height: 80px !important;
letter-spacing: -4px;
text-align: center;
vertical-align: middle;
	color:#000;
	margin-bottom:15px;

}
.swiperProjecrtSample .main-slider .info{
	background-color:transparent;
}
.swiperProjecrtSample .swiperProjectBoxNew h2,.swiperProjecrtSample .swiperProjectBoxNew .info p{
	color:#fff;
}
.projectGallery img{
	height:320px !important;
	object-fit:cover !important;
	width:100% !important;
}
.projectGallery .swiper {
	overflow:visible;
}
.projecctSingleContent strong{
	color:#000 !important;
	font-weight:500;
}
.projectArchive span.page-numbers.current{
	background-color:#1A1A1A;
}

.projectArchive .page-numbers {
    border: 1px #fff solid !important;
    height: 48px !important;
    width: 48px !important;
    border-radius: 36px;
    padding: 16px 20px;
    display: inline-block;
    line-height: 1;
}
.projectArchive a.page-numbers.next,.projectArchive a.page-numbers.prev {
    padding-left: 28px !important;
    padding-right: 28px;
}
.container-theme-custom{
	max-width:1280px;
	margin:0 auto;
	padding-left:15px;
	padding-right:15px;
}
body .container-theme-custom h2,body .container-theme-custom h3,body .container-theme-custom h4,body .container-theme-custom h5, body .container-theme-custom h5 {
    font-size: 32px;
    margin-top: 10px;
    margin-bottom: 10px;
	color:#000;
}
body .container-theme-custom h3 {
    font-size: 28px;
}
body .container-theme-custom h4 {
    font-size: 24px;
}
body .container-theme-custom h5 {
    font-size: 20px;
}
body .container-theme-custom h6 {
    font-size: 18px;
}
body .container-theme-custom ul.wp-block-list {
    padding-left: 20px;
    margin-bottom: 5px;
}
body .container-theme-custom p{
	margin-bottom:15px !important;
}
@media(max-width:991px){
    header{
        padding-top:10px;
        padding-bottom:10px;
    }
    .mobileDisplay{
        display:block;
    }
    .menuContainer{
        display:none;
    }
        .spanNav span {
    height: 2px;
    display: block;
    background-color: #000;
    width: 30px;
    }
    .spanNav span:nth-child(2){
        margin-top:7px;
    }
    .spanNav span:nth-child(3){
        margin-top:7px;
    }
    .spanNav {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
	.thumb-slider .swiper-slide img {
    height: 200px;
}
	.thumb-slider p {
    font-size: 16px;
    padding-bottom: 11px;
}
	.swiper.thumb-slider {
    margin-top: -240px;
}
	.swiperProjectBoxNew .imageProjectWrapper img{
		height:600px;
	}
}
@media(max-width:767px){
	.thumb-slider p{
		font-size:14px;
		line-height:normal;
	}
	.swiperProjectBoxNew h2,.swiperProjectBoxNew .info p{
		margin-bottom:16px;
	}
	    .swiperProjectBoxNew .imageProjectWrapper img {
        height: 500px;
    }
		.swiper.thumb-slider {
    margin-top: -190px;
}
		.thumb-slider .swiper-slide img {
    height: 150px;
}
	.swiperProjectBoxNew .info h2{
		font-size:28px;
	}
	.swiperProjectBoxNew .info p{
		font-size:14px;
	}
	.swiperProjectBoxNew a.elementor-button-link {
		font-size:14px;
	}
	.elementor-widget-testimonial-carousel .swiper-pagination, .blogsSwiper  .swiper-pagination {
	position:unset;
	margin-top:22px;
	margin-bottom:22px;
}
	.servicesContent h1,.servicesContent h2,.servicesContent h3,.servicesContent h4,.servicesContent h5, .servicesContent h6{
font-size: 36px !important;
line-height: 1.1em !important;
letter-spacing: -1.5px;
}
}
@media(max-width:576px){
	.swiper.thumb-slider{
		margin-top:0;
	}
	   .swiper.thumb-slider {
        margin-top: 0;
        max-width: 100%;
    }
	  .swiperProjectBoxNew .imageProjectWrapper img {
        height: 300px;
    }
    .swiperProjectBoxNew {
        gap: 0;
        flex-wrap: wrap;
    }
	.imageProjectWrapper,.swiperProjectBoxNew .info{
		flex:0 0 100%;
	}
	.smallHide{
		display:none;
	}
	nav.elementor-pagination span, nav.elementor-pagination a{
		height:28px;
		width:28px;
	}
	a.page-numbers.next,span.page-numbers.next,a.page-numbers.prev {
    min-width: 80px;
		font-size:12px;
}
	.equipmentBox .elementor-widget-container h3, .equipmentBox .elementor-widget-container h4, .equipmentBox .elementor-widget-container h5, .equipmentBox .elementor-widget-container h6{
		font-size:20px;
	}
		.servicesContent h1,.servicesContent h2,.servicesContent h3,.servicesContent h4,.servicesContent h5, .servicesContent h6{
font-size: 24px !important;
line-height: 1.1em !important;
letter-spacing: -1px;
			margin-bottom:15px;
}
    .projectArchive .page-numbers, .projectArchive a.page-numbers.next, .projectArchive a.page-numbers.prev {
        font-size: 12px;
        padding: 5px !important;
        line-height: 15px;
        height: 28px !important;
        width: 28px !important;
    }
}