/* Swiper > Pagination */
.carousel-container.swiper-pagination-disabled .swiper-pagination {display:none !important;}
.carousel-container .swiper-pagination {position:absolute;bottom:20px;left:50%;transform:translate(-50%,0);z-index:1;width:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;}
.carousel-container .swiper-pagination .swiper-pagination-bullet {border-radius:100%;width:16px;height:16px;box-shadow:none;border:0;padding:0;margin:0 5px;background:rgba(255,255,255,.4);opacity:1;}
.carousel-container .swiper-pagination .swiper-pagination-bullet-active {background:rgba(255,255,255,1);}

/* Swiper > Controls */
.carousel-container.swiper-navigation-disabled .swiper-controls {display:none !important;}
.swiper-controls div[class*="swiper-button-"] {position:absolute;top:50%;transform:translate(0,-50%);z-index:9;background-repeat:no-repeat;background-size:20px;background-position:center center;width:42px;height:42px;background-color:rgba(255,255,255,.3);border-radius:100%;margin:0;}
.swiper-controls div[class*="swiper-button-"]::after {display:none;}
.swiper-controls .swiper-button-prev {left:15px;background-image:url(/wp-content/themes/ocean/assets/icons/icon-carousel-left.svg);}
.swiper-controls .swiper-button-next {right:15px;background-image:url(/wp-content/themes/ocean/assets/icons/icon-carousel-right.svg);}
.swiper-controls.controls-inline {position:absolute;top:0;right:0;z-index:9;display:inline-flex;gap:15px;}
.swiper-controls.controls-inline div[class*="swiper-button-"] {position:relative;top:unset;left:unset;right:unset;transform:none;}

/* Swiper > Scrollbar */
.carousel-container.swiper-scrollbar-disabled .swiper-scrollbar {display:none !important;}
.swiper-horizontal .swiper-scrollbar {left:0;bottom:0;width:100%;height:6px;border-radius:3px;}
.swiper-scrollbar .swiper-scrollbar-drag {border-radius:3px;background-color:#0066cc;}

/* Carousels > Globals */
.carousel-outer-container {position:relative;padding-top:60px;}
.carousel-container {position:relative;overflow:hidden;}
.carousel-container .card {margin:0;max-width: initial;}

/* Smartphone */
@media only screen and (max-width:767px) and (min-width:320px) {
}

/* Tablet */
@media only screen and (min-width:768px) and (max-width:991px) {
}

/* Tablet Landscape */
@media only screen and (min-width:992px) and (max-width:1199px) {
}

/* Laptop 13' - 1366x768 Non-Retina */
@media only screen and (min-width:1200px) and (max-width:1366px) {
}

/* Laptop 4:3 - 1440x1080 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
}