/*
 Theme Name:   Astra Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Astra Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  astrachild
*/


/* 1. Allow the carousel overflow to show outside its box */
.sml-slider .elementor-widget-image-carousel .swiper-container {
  overflow: visible !important;
}

/* 2. Add horizontal padding so half of next/prev slides peek in */
.sml-slider .elementor-widget-image-carousel .swiper-wrapper {
  padding: 0 20% !important; /* adjust percentage to control how much peeks */
}

/* 3. (Optional) Narrow each slide to let more of the next one show */
.sml-slider .elementor-widget-image-carousel .swiper-slide {
  width: auto !important;
  margin-right: 10px;    /* space between slides */
}
.footer-links-right a{
	color: #fff !important;
}
/* .quick-links-wrap .wpr-page-list-wrap{
	 columns: 2 !important;
  -webkit-columns: 2 !important;
  -moz-columns: 2 !important;
} */
a{
	text-decoration: none !important;
}
.quick-links-wrap .wpr-page-list-wrap {
 columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.counter-num{
	font-size: 40px !important;
}
.black-box, .red-box{
position: relative;	
}
.black-box:before, .red-box:before{
	content:'';
position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background-size: 100% 100% !important;
}
.black-box:before{
	background:url("/source/6ca409933c60c1ac5c67d18b8113d8de/black-line.png") no-repeat;
}
.red-box:before{
	background:url("/source/5f4ba976bbfe3bb4326b64b0fc12110f/red-line.png") no-repeat;
}
.red-heading{
	color: #DA1F24;
}
.team-wrap {
    color: #fff;
    padding: 22px;
    border-radius: 10px;
	position: relative;
}
.team-red:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #da1f24 transparent transparent;
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    left: -13px;
	    top: 17px;

}
.team-black:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #000 transparent transparent;
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    right: -20px;
    bottom: 30px;
    transform: rotate(180deg);

}
.team-red {
    background: #da1f24;
	
}
.team-black {
    background: #000;
	
}
.leader-info {
    font-size: 14px;
}
.leader-desig {
    margin-bottom: 10px;
}
.leader-name {
    font-size: 20px;
    margin-bottom: 2px;
}
.form-career h3, .form-career h4 {
    margin-bottom: 10px;
}











@media screen and (max-width: 768px) {
/* 	h2{
		font-size: 35px !important;
	} */
	.middle-banner-swiper figcaption.elementor-image-carousel-caption {
    left: 5% !important;
    top: 55% !important
    width: 90% !important;
}
	.banner-heading {
        font-size: 25px !important;
        line-height: 40px !important;
		    margin-bottom: 15px;
}
	.edge-image-box .elementor-widget-image-box .elementor-image-box-wrapper {
    text-align: left !important;
    display: flex !important;
}
	.custom-enquiry-form {
    display: block !important;
	}
	.custom-enquiry-form input[type="text"], .custom-enquiry-form input[type="tel"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}
	.case-studies-section .swiper.projectSlider {
    overflow: hidden !important;
		        padding-bottom: 50px;
}
	.crane-image {
    position: unset !important;
    max-width: 100% !important;
	}
.pillar-wrap .elementor-image-box-wrapper, .vision-wrap .elementor-image-box-wrapper {
    display: flex;
    text-align: left !important;
    gap: 10px;
    align-items: center;
}
	.blog-wrapper {
    display: block !important;
	}
	.blog-wrapper .wpr-grid-item.post {    
    width: 100% !important;
}
/* 	.case-studies-section .swiper.projectSlider .swiper-button-next {
    top: -19% !important;
    right: 7% !important;
} */
/* 	.case-studies-section .swiper.projectSlider .swiper-button-prev {
    top: -76px !important;
    left: 72% !important;
} */
	.case-studies-section .swiper.projectSlider .swiper-button-next {
     bottom: -20px;
        top: auto !important;
        right: auto !important;
        left: 55px;
    }
	.case-studies-section .swiper.projectSlider .swiper-button-prev {
       top: auto !important;
        left: 7px !important;
        bottom: -20px;
    }
	.projectSlider .swiper-button-next:after, .projectSlider .swiper-button-prev::after, .equipmentSwiper .swiper-button-prev:after, .equipmentSwiper .swiper-button-next:after {
    width: 35px !important;
    height: 35px !important;
	}
	.equipment-text {
    max-width: 100% !important;
}
	.equipment-content {
    max-width: 100% !important;
}
	.equipmentSwiper .swiper-button-prev, .equipmentSwiper .swiper-button-next {
    top: 61% ;
}
	.banner-social-wrap .wavy-bg {
    width: 98px;
    height: 31px;
    justify-content: space-between;
    align-items: center;
    padding: 0 3px;
    background-size: 100% 100%;
    gap: 5px;
}
	.banner-social-wrap{
		text-align: right;
	}
	.rental-section .crane-image2 {
    position: relative !important;
    bottom: 0;
    z-index: 1;
    width: 100% !important;
    max-width: 713px;
    pointer-events: none;
    top: 0%;
}
	.center-bord {
    margin-top: 30px;
    margin-bottom: 30px;
}
	.center-bord:before {
    left: auto;
    width: 100%;
    height: 1px;
    top: -15px;
}
	.center-bord:after {
    right: auto;
    width: 100%;
    height: 1px;
    bottom: -15px !important;
    top: auto;
}
	.two-col span.wpcf7-form-control-wrap {
    flex: auto !important;
}
	.excellence-wrap .safety-box, .safety-box , .trir-wrap .safety-box {
    height: auto !important;
}
	.epc-crane, .prjct-highlight, .rental-crane{
		position: relative !important;
	}
    .iconbox-mob .elementor-image-box-wrapper {
        display: flex;
        text-align: left !important;
        gap: 20px;
    }
	.iconbox-mob p{
		margin-bottom: 0px !important;
	}
	.team-red::before {
    transform: rotate(90deg);
    top: -22px;
    left: 15%;
}
	.team-black::after {
    bottom: -20px;
    transform: rotate(-90deg);
    right: 20%;
}
	.certificateSwiper .swiper-slide {
		padding-bottom: 40px;
    }
	 .certificateSwiper .swiper-pagination {
    display: block;
}
}