/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 01 2025 | 05:11:45 */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
.sliderBody {
    margin: 0 auto;
    font-family: "Manrope", sans-serif;
	background: none;
}

.sliderBody h1, .mainHeading{
	color: #fff !important;
}
.sliderBody {
    width: 100%;
    height: calc(100svh - 95px);
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
}
.sliderBGSwiper {
    width: 100%;
    height: calc(100svh - 95px);
    display: block;
    position: relative;
    border-radius: 46px;
}
.bgSlide1 {
    background: grey url("https://graymonk.in/wp-content/uploads/2025/10/landingImg2_Spicegrove-scaled.webp")
        no-repeat center center;
    background-size: cover;
}
.bgSlide3 {
    background: grey url("https://graymonk.in/wp-content/uploads/2025/10/landingImg2_Poshe-scaled.webp")
        no-repeat center center;
    background-size: cover;
}

.bgSlide2 {
    background: grey url("https://graymonk.in/wp-content/uploads/2025/10/furman2.webp") no-repeat center center;
    background-size: cover;
}
.sideSliderWrapper {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    width: 80%;
    z-index: 2;
    bottom: 20px;
    display: flex;
    height: auto;
    flex-direction: row;
    background: rgba(0, 0, 0, 0.14);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 40px;
    gap: 10px;
    align-items: center;
}
.sliderImgSwiper {
    width: 100%;
    border-radius: 20px;
    aspect-ratio: 1 / 1;
}
.sliderCopySwiper {
    color: white;
    width: 100%;
}
.sliderCopySwiper .swiper-slide {
    padding-right: 10px;
}
.copyslide1 {
    background: url("https://graymonk.in/wp-content/uploads/2025/10/spicegroveImg1.webp") no-repeat center
        center;
    background-size: cover;
}
.copyslide2 {
    background: url("https://graymonk.in/wp-content/uploads/2025/10/posheImg1.webp") no-repeat center center;
    background-size: cover;
}

.copyslide3 {
    background: url("https://graymonk.in/wp-content/uploads/2025/10/FurmanImg.webp") no-repeat center center;
    background-size: cover;
}
.copyWrap h4 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
	 font-family: "Manrope", sans-serif;
	color: white;
}
.copyWrap h2 {
    font-size: 20px !important;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 10px 0 25px 0;
	 font-family: "Manrope", sans-serif;
	color: white;
}
.copyWrap a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
       margin: 0;
	 font-family: "Manrope", sans-serif;
	color: white;
}
.swiperBtns {
    display: none;
}
.MainHeadWrap {
    width: 80%;
    left: 50%;
    top: 20%;
    transform: translateX(-50%); /* only horizontal */
    z-index: 2;
    position: absolute;
}
.mainHeading {
    text-align: center;
    color: white;
    font-size: 35px !important;
    line-height: 35px!important;
    margin: 0;
}

@media (min-width: 768px) {
    .MainHeadWrap {
        width: 60%;
        display: inline-block;
        left: 10%;
        bottom: 10% !important;
        top: auto !important; /* force remove top */
        transform: none;
        z-index: 2;
        position: absolute;
        background: none;
        height: auto; /* prevent stretching */
    }
    .mainHeading {
        display: inline-block;
        text-align: left;
        color: white;
        font-size: 50px !important;;
        line-height: 50px !important;;
        margin: 0 !important;
    }
    .sideSliderWrapper {
        position: absolute;
        transform: translateX(0) translateY(-50%);
        left: auto;
        right: 40px;
        width: 200px;
        z-index: 2;
        top: 50%;
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        height: auto;
        align-self: flex-start;
    }
    .copyWrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .copyWrap h4 {
        font-size: 14px;
        font-weight: 400;
    }
    .copyWrap h2 {
        font-size: 22px;
    }
    .copyWrap a {
        font-size: 14px;
        letter-spacing: 1px;
    }
    .copyWrap hr {
        width: 50%;
        margin: 0 auto 25px auto;
    }
    .sliderImgSwiper {
        height: auto;
    }
}

@media (min-width: 1200px) {
    .sideSliderWrapper {
        position: absolute;
        transform: translateX(0) translateY(-50%);
        left: auto;
        right: 40px;
        width: 280px;
        z-index: 2;
        top: 50%;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 20px;
        align-items: center;
        height: auto;
        align-self: flex-start;
    }
    .MainHeadWrap {
        width: 50%;
        display: inline-block;
        left: 70px;
        bottom: 12% !important;
        top: auto !important; /* force remove top */
        transform: none;
        z-index: 2;
        position: absolute;
        background: none;
        height: auto; /* prevent stretching */
    }
    .mainHeading {
        display: inline-block;
        text-align: left;
        color: white;
        font-size: 100px !important;;
        line-height: 100px !important;;
        margin: 0 !important;
    }
	.copyWrap hr {
        width: 50%;
        margin: 0 auto 50px auto;
    }
	
	.copyWrap a {
        margin-top: 10px;
    }
}