/*
 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;
} */

.quick-links-wrap .wpr-page-list-wrap {
 columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}


.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(https://i-goc.org/sanghvi-cranes/wp-content/uploads/2025/07/black-line.png) no-repeat;
}
.red-box:before{
	background:url(https://i-goc.org/sanghvi-cranes/wp-content/uploads/2025/07/red-line.png) no-repeat;
}
.red-heading{
	color: #DA1F24;
}














@media screen and (max-width: 768px) {
	.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;
}
}