@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
 .ts-gallery-container {
     position: relative;
}
 .ts-classic-gallery-layout {
     padding: 40px 15px !important;
}
 .ts-classic-gallery-layout .swiper-slide .slide-img {
     height: 42vw;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top center;
     border-radius: 45px;
}
 .ts-classic-gallery-layout .swiper-button-prev, .ts-classic-gallery-layout .swiper-button-next, .ts-carousel-gallery-layout .swiper-button-prev, .ts-carousel-gallery-layout .swiper-button-next {
     width: 45px;
     height: 45px;
     border-radius: 100px;
     border: 1px solid #ffffff;
     background-color: var(--awb-color6);
}
 .ts-classic-gallery-layout .swiper-button-prev:after, .ts-classic-gallery-layout .swiper-button-next:after, .ts-carousel-gallery-layout .swiper-button-prev:after, .ts-carousel-gallery-layout .swiper-button-next:after {
     font-size: 24px;
     color: #fff;
     margin-left: -3px;
}
 .ts-classic-gallery-layout .swiper-button-next:after, .ts-carousel-gallery-layout .swiper-button-next:after {
     margin-left: 3px;
}
 .ts-classic-gallery-layout .swiper-pagination, .ts-carousel-gallery-layout .swiper-pagination {
     width: auto !important;
     left: 50% !important;
     bottom: 10px !important;
     border: 1px solid #648895;
     opacity: 0.99;
     border-radius: 5px;
     background-color: #fff;
     transform: translateX(-50%);
}
 .ts-classic-gallery-layout .swiper-pagination-bullet, .ts-carousel-gallery-layout .swiper-pagination-bullet {
     height: 9px !important;
     width: 25px !important;
     border-radius: 0;
     margin: 0 !important;
     background: transparent;
}
 .ts-classic-gallery-layout .swiper-pagination-bullet-active, .ts-carousel-gallery-layout .swiper-pagination-bullet-active {
     background: #648895 0% 0% no-repeat padding-box;
     border-radius: 4px !important;
}
 .ts-classic-gallery-layout .swiper-pagination-bullet:first-child, .ts-carousel-gallery-layout .swiper-pagination-bullet:first-child {
     border-radius: 5px 0 0 5px;
}
 .ts-classic-gallery-layout .swiper-pagination-bullet:last-child, .ts-carousel-gallery-layout .swiper-pagination-bullet:last-child {
     border-radius: 0 5px 5px 0;
}
 .ts-classic-gallery-layout .swiper-button-next {
     right: 0;
}
 .ts-classic-gallery-layout .swiper-button-prev {
     left: 0;
}
 .ts-classic-gallery-content {
     position: absolute;
     z-index: 9;
     top: 80px;
     left: 80px;
     padding-top:2rem;
     max-width:300px;
}
 .ts-classic-gallery-content h2{
/*      font-family: 'Playfair Display', serif !important; */
	 font-family: var(--h2_typography-font-family)!important;
     line-height: 1.5!important;
     font-size: 53px!important;
     color: #fff;
     margin-bottom: 15px !important;
}
 .ts-classic-gallery-content h2 span{
     background-color: var(--awb-color6);
}
 .ts-gallery-container .btn {
     background-color: var(--awb-color4) !important;
     border-radius: 50px !important;
     border: 0 !important;
     padding: 0 30px !important;
     height: 40px;
     line-height: 40px !important;
     color: var(--awb-color5) !important;
     font-weight: 500 !important;
}
 .ts-gallery-container .btn:hover {
     background-color: var(--awb-color5) !important;
     color: var(--awb-color4) !important;
}
 .ts-carousel-gallery-layout {
     padding: 40px 0;
}
 .ts-carousel-gallery-layout .swiper-slide .slide-img{
     height: 400px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top center;
     border-radius: 45px;
     position: relative;
     overflow: hidden;
}
 .ts-carousel-gallery-container {
     overflow: hidden;
	 width: 104% !important;
}
 .ts-carousel-gallery-container .ts-carousel-gallery-layout{
     margin: 0 -4vw;
}
 .ts-carousel-gallery-layout .swiper-button-next {
     right: 7vw;
}
 .ts-carousel-gallery-layout .swiper-button-prev {
     left: 7vw;
}
 .ts-carousel-gallery-layout .swiper-slide .slide-img .gallery-image-caption {
     background-color: var(--awb-custom_color_1);
     color: #fff;
     font-size: 20px;
     font-weight: 600;
     min-height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     width: 100%;
     bottom: 0;
     padding: 10px 30px;
     line-height: 1.2;
}
 @media (max-width: 1260px){
     .ts-classic-gallery-layout .swiper-slide .slide-img {
         height: 550px;
    }
}
 @media (max-width: 1024px){
     .ts-carousel-gallery-layout .swiper-slide .slide-img .gallery-image-caption {
         font-size: 16px;
    }
     .ts-carousel-gallery-layout .swiper-slide .slide-img {
         height: 350px;
    }
}
 @media (max-width: 767px){
     .ts-classic-gallery-layout .swiper-slide .slide-img {
         border-radius: 20px;
    }
     .ts-classic-gallery-layout .swiper-slide .slide-img {
         height: 450px;
    }
     .ts-classic-gallery-content h2 {
         font-size: 42px !important;
    }
    /*  .ts-carousel-gallery-container .ts-carousel-gallery-layout{
         margin: 0 -20vw 0 -24vw;
    }*/
     .ts-carousel-gallery-layout .swiper-button-next {
         right: 5px;
    } 
     .ts-carousel-gallery-layout .swiper-button-prev {
         left: 5px;
    }
     .ts-carousel-gallery-layout {
         padding: 40px 15px;
    }
     .ts-classic-gallery-content {
         top: 50px;
         left: 70px;
         height: calc(100% - 130px);
         max-width: 225px;
    }
     .ts-gallery-container .btn {
         position: absolute;
         bottom: 0;
    }
     .ts-carousel-gallery-layout .swiper-slide .slide-img {
         border-radius: 20px;
    }
     .ts-carousel-gallery-layout .swiper-slide .slide-img .gallery-image-caption {
         min-height: 40px;
    }
	 .ts-carousel-gallery-container {
		width: 100% !important;
	}
	 .ts-carousel-gallery-container .ts-carousel-gallery-layout {
		margin: 0;
	}
}
 @media (max-width: 640px){
     .ts-classic-gallery-content {
         top: 60px;
         left: 50px;
    }	 
}
