/*
Theme Name:   Musart Child
Theme URI:    https://themeforest.net/user/_nK/portfolio
Author:       nK
Template:     musart
Author URI:   https://nkdev.info/
Description:  Musart Child Theme
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  musart-child
Tags:
*/


/* Theme customization starts here
-------------------------------------------------------------- */

.swiper-container { max-width: 1200px;margin: 0px 4rem;padding: 20px 0; padding-top:3rem;border-radius: 20px; position: relative; position: relative;
    overflow: hidden; }

.swiper-slide { display: flex; justify-content: center; flex-shrink: 0; }
.card {   border:none; overflow: hidden; max-width: 350px; text-align: center;}
.swiper-wrapper {
    align-items: flex-end;
}
.image-wrapper { position: relative; }
.image-wrapper img {
    width: 80%;
    height: auto;}
.date { position: absolute; top: 10px; left: 10px; color: #fff; padding: 5px 10px; border-radius: 10px; font-size: 1.1875rem; }
.card-content { padding: 20px;  min-height: 50px;}
.card-content h3.text-enlarge:hover {
    color: #6DC8DE;
}
h3.text-enlarge{ text-align: left; font-size: 2rem; margin-bottom: 10px; }
.card-content h3.text-enlarge {    font-size: 1.3rem;
    line-height: 27px;
    color: #959AA2;
    text-align: center;
    font-weight: 300;}
.card-content p {  text-align: left; margin-bottom: 15px; }
.read-more { display: inline-block; text-decoration: none; color: #fff; background: #007bff; padding: 10px 20px; border-radius: 5px;
    font-size: 0.9em; }
.swiper-button-prev-c, .swiper-button-next-c { color: #fff; background: rgba(255, 255, 255, 0.1); padding: 10px; border-radius: 50%; width: 1.875rem; height: 1.875rem; position: absolute; top: 0px; border:1px solid #fff;display: flex; justify-content: center; align-items: center; }
.swiper-button-prev-c {
    position: absolute;
    left: 0px;
    z-index: 9999;
    top: unset;
    bottom: 12rem;
    width: 44px;
}
.swiper-button-next-c {
    position: absolute;
    right: 0px;
    z-index: 9999;
    top: unset;
    bottom: 12rem;
    width: 44px;
}
.swiper-pagination-bullet { background: #fff; width:6px !important; height: 6px !important; }
.swiper-pagination{ position: absolute; top: 0px !important; bottom: unset !important; left: 50% !important; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; width: fit-content !important; padding: 5px 10px; border-radius: 20px; z-index: 10; }