/* ================ section-banner ================= */
.section-banner .banner-content{max-width: 770px !important;}


/* ================ section-gallery ================= */
.section-gallery{background-color: var(--off-white-01);}
.section-gallery .nav{gap:20px;margin-bottom:40px;}
.nav-pills .nav-link{font-size: 20px;line-height: 24px;font-weight:400;font-family:var(--red-hat); padding:12px 40px; background-color: var(--f0) !important;color:#787878 !important;border:1px solid #D9D9D9;border-radius:10px;transition:0.3s ease-in-out}
.nav-pills .nav-link:hover,.nav-pills .nav-link.active{background-color: var(--black) !important;color:var(--white) !important; border-color:var(--black);}


/* gallery */
.masonry-grid { margin: -14px; }
.grid-sizer,
.grid-item { width: 33%; padding: 14px;}
.grid-item a{width: 100%;height: 100%;border-radius:20px;overflow:hidden;}
.grid-item a img{width: 100%;height: 100%;}

/* ================ section-testimonial ================= */
.section-testimonial{background-color: var(--off-white-01);}
.testimonial-item-card{padding:24px;height:100%; display: flex;align-items: center;gap: 12px;border:1px solid #D9D9D9;border-radius:20px;}
.testimonial-item-card .testimonial-card-image{height:96px;width:96px;overflow: hidden;border-radius: 50%;flex-shrink:0;}
.testimonial-item-card .testimonial-card-image img{width: 100%;height: 100%;}
.testimonial-item-card .testimonial-card-content p:first-child{margin-bottom:16px;}
.testimonial-item-card .testimonial-card-content p:last-child{font-weight:600;}
.testimonial-item-card .testimonial-card-content p span{font-weight:400;}


/* ================== media query ====================== */
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
    /* ================ section-gallery ================= */
    .section-gallery .nav { gap: 18px; margin-bottom: 34px; }
    /* gallery */
    .masonry-grid {margin: -10px;}    
    .grid-sizer, .grid-item{padding:10px;}
}
@media screen and (max-width:1366px){
    /* ================ section-gallery ================= */
    .section-gallery .nav { gap: 16px; margin-bottom: 32px; }
    .nav-pills .nav-link { padding: 10px 25px;font-size: 16px;line-height: 20px;}
    /* gallery */
    .masonry-grid {margin: -8px;}    
    .grid-sizer, .grid-item{padding:8px;}
    .grid-item a{border-radius: 16px;}
    
    /* ================ section-testimonial ================= */
    .testimonial-item-card { padding: 20px;}
    .testimonial-item-card .testimonial-card-image { height: 78px; width: 78px;}
    .testimonial-item-card .testimonial-card-content p:first-child { margin-bottom: 12px; }
}
@media screen and (max-width:1199px){
    /* ================ section-gallery ================= */
    .section-gallery .nav { gap: 14px; margin-bottom: 28px; }
    .nav-pills .nav-link { padding: 9px 22px;border-radius: 10px;}
    /* gallery */
    .masonry-grid {margin: -6px;}    
    .grid-sizer, .grid-item{padding:6px;}
    .grid-item a{border-radius: 14px;}
    
 
}
@media screen and (max-width:991px){
    /* ================ section-gallery ================= */
    .section-gallery .nav { gap: 12px; margin-bottom: 24px; }
    .nav-pills .nav-link { padding: 8px 18px;border-radius: 9px;font-size: 15px;line-height: 18px;}
    /* gallery */
    .masonry-grid {margin: -5px;}    
    .grid-sizer, .grid-item{padding:5px;}
    .grid-item a{border-radius: 12px;}
    
    /* ================ section-testimonial ================= */
    .testimonial-item-card { padding: 18px;flex-direction:column;align-items:start;}
    .testimonial-item-card .testimonial-card-image { height: 72px; width: 72px;}
    .testimonial-item-card .testimonial-card-content p:first-child { margin-bottom: 11px; }
}
@media screen and (max-width:767px){
    /* ================ section-gallery ================= */
    .section-gallery .nav { gap: 10px; margin-bottom: 20px; }
    .nav-pills .nav-link { padding: 7px 16px;border-radius: 8px;font-size: 14px;line-height: 16px;}
    .grid-sizer, .grid-item{width:50%;}
    
    /* ================ section-testimonial ================= */
    .testimonial-item-card { padding: 16px;flex-direction:row;align-items:center;}
    .section-testimonial .row{row-gap:20px;}
}
@media screen and (max-width:575px){
    /* ================ section-gallery ================= */
    .grid-item a { border-radius: 10px; }
    .grid-sizer, .grid-item{width:100%;}
    /* ================ section-testimonial ================= */
    .testimonial-item-card { padding: 16px;flex-direction:column;align-items:start;}
    .section-testimonial .row{row-gap:18px;}
    .testimonial-item-card .testimonial-card-image { height: 62px; width: 62px; }
}