.cmp-gallery .head-section{margin:30px 0}
.cmp-gallery-container{margin:0 auto;border:#fff solid 5px;background:#fff}
.cmp-gallery-container__btn-download{display:flex;justify-content:center;padding:0 0 2rem}
.cmp-gallery-container__grid{display:grid;display:-ms-grid;display:-moz-grid;display:-webkit-grid;grid-gap:.7rem;grid-template-columns:repeat(1,1fr)}
.cmp-gallery-container__grid-img{width:100%;object-fit:cover;height:45vh;pointer-events:all !important;transition:all .3s;box-shadow:3px 3px 0 0 rgba(49,49,49,0.16);border-radius:10px}
.cmp-gallery-container__grid-img:hover{opacity:.8;cursor:pointer}
.cmp-gallery-container__pagination,.cmp-gallery-container__pagination-numbers{margin:1rem 0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;overflow:hidden}
.cmp-gallery-container__pagination-item,.cmp-gallery-container__pagination-numbers-item{min-width:40px;height:40px;border-radius:50%;border:1px solid #dbdbdb;margin:0 4px}
.cmp-gallery-container__pagination-item:hover,.cmp-gallery-container__pagination-numbers-item:hover{cursor:pointer}
.cmp-gallery-container__pagination-item.arrow-left,.cmp-gallery-container__pagination-numbers-item.arrow-left{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.cmp-gallery-container__pagination-item-other-first,.cmp-gallery-container__pagination-numbers-item-other-first,.cmp-gallery-container__pagination-item-other-last,.cmp-gallery-container__pagination-numbers-item-other-last{border:0}
.cmp-gallery-container__pagination-item-other-first:hover,.cmp-gallery-container__pagination-numbers-item-other-first:hover,.cmp-gallery-container__pagination-item-other-last:hover,.cmp-gallery-container__pagination-numbers-item-other-last:hover{cursor:auto}
.cmp-gallery-container__pagination-item span,.cmp-gallery-container__pagination-numbers-item span{color:#898989;font-size:16px;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.cmp-gallery-container__pagination-item span.active,.cmp-gallery-container__pagination-numbers-item span.active{color:#313131}
.cmp-gallery-container__pagination-numbers{list-style:none}
@media only screen and (min-width:481px){.cmp-gallery-container__grid{grid-template-columns:repeat(2,1fr)}
.cmp-gallery-container__pagination-item,.cmp-gallery-container__pagination-number-item{margin-left:7px}
}
@media only screen and (min-width:769px) and (hover:hover){.cmp-gallery-container{margin:0 auto 4rem}
.cmp-gallery-container__grid{grid-template-columns:repeat(4,1fr)}
.cmp-gallery-container__pagination,.cmp-gallery-container__pagination-number{justify-content:right}
.cmp-gallery-container__pagination-item,.cmp-gallery-container__pagination-number-item{margin-left:7px}
}
@media only screen and (hover:none) and (orientation:landscape) and (max-height:420px){.cmp-gallery-container__grid{grid-template-columns:repeat(2,1fr)}
}
.splide{position:relative;width:90%;height:40%;margin:0 auto}
.splide__track{height:100%}
.splide__slide{width:100%;height:100%}
.splide__slide-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:16px}
.splide .splide__arrow{top:50%;color:#fff;transform:translateY(-50%);z-index:101;position:absolute;height:100%;background:rgba(0,0,0,0.5);box-shadow:0 4px 30px rgba(0,0,0,0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem;font-size:2rem;border:0;border-radius:0 16px 16px 0;transition:all .3s}
.splide .splide__arrow.splide__arrow--next{right:0}
.splide .splide__arrow.splide__arrow--prev{left:0;transform:rotate(180deg);transform-origin:50% 25%}
@media only screen and (min-width:481px){.splide{width:80%;height:50%}
.splide .splide__arrow{padding:2rem;font-size:3rem}
}
@media only screen and (min-width:769px) and (hover:hover){.splide{width:40%;height:50%}
.splide .splide__arrow{padding:2rem;font-size:4rem;color:rgba(255,255,255,0.6)}
.splide .splide__arrow:hover{color:#fff}
}
@media only screen and (hover:none) and (orientation:landscape) and (max-height:420px){.splide{width:70%;height:75%}
}
.modal-splide{display:flex;justify-content:center;align-items:center;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.6)}
.modal-splide .splide__slide-download-btn{position:absolute;left:50%;transform:translate(-50%,0);text-decoration:none;color:#fff;font-size:2rem;padding:1rem;transition:all .3s}
.modal-splide .splide__slide-download-btn .icom-download{background:rgba(0,0,0,0.6);border-radius:50%;padding:.6rem}
@media only screen and (min-width:769px) and (hover:hover){.modal-splide .splide__slide-download-btn{font-size:2.5rem;color:rgba(255,255,255,0.6)}
.modal-splide .splide__slide-download-btn:hover{color:#fff}
}