/* 
Theme Name: Oskin
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: oskin
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Home Page slider css */
/* Custom Swiper Navigation Styles */
/* Swiper Navigation Buttons Outside Slider */
.my-slider-container {
	position: relative;
}
.my-slider-container .swiper-navigation {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between; /* Space between arrows */
    pointer-events: none; /* Prevent blocking clicks */
}
.custom-swiper-button-prev,
.custom-swiper-button-next {
    width: 60px; /* Adjust icon size */
    height: 60px;
    cursor: pointer;
    z-index: 10;
    pointer-events: auto; /* Allow clicking */
	border: 1px solid #D5B6A5;
	padding: 18px;
	border-radius: 50%;
}

.custom-swiper-button-prev img,
.custom-swiper-button-next img {
    width: 24px;
    height: 24px;
}

/* Positioning */
.custom-swiper-button-prev {
    position: absolute;
    left: -65px; /* Moves left arrow outside */
}
.custom-swiper-button-next {
    position: absolute;
    right: -65px; /* Moves right arrow outside */
}

.my-slider-container .swiper-pagination {
    position: relative;
    /* bottom: 5px;
    left: 0; */
    width: 100%;
    height: 4px;
    background: #E9E9E8;
}

.my-slider-container .swiper-pagination-progressbar-fill {
    background: #969190;
}
@media (min-width: 1600px) {
	.custom-swiper-button-prev {
		position: absolute;
		left: -120px; /* Moves left arrow outside */
	}
	.custom-swiper-button-next {
		position: absolute;
		right: -120px; /* Moves right arrow outside */
	}
}
@media (min-width: 1500px) {
    .my-slider-container .swiper-pagination {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .custom-slider {
        margin-bottom: 25px;
    }
    .my-slider-container .swiper-pagination {
       bottom: -5px; 
    }
}
@media (max-width: 1499px) {
    .custom-swiper-button-prev {
        display: none;
    }
    .custom-swiper-button-next {
        display: none;
    }
}
/* Accordian with buttons */
.cst-btn-wrpr-acrdn .btn-wrapper {
    display: flex;
    flex-direction: row;
    gap: 16px;
	align-items: center;
}
.cst-btn-wrpr-acrdn .btn-wrapper a:first-child {
    font-family: var(--e-global-typography-4a1959c-font-family), Sans-serif;
    font-size: var(--e-global-typography-4a1959c-font-size);
    font-weight: var(--e-global-typography-4a1959c-font-weight);
    text-transform: var(--e-global-typography-4a1959c-text-transform);
    line-height: var(--e-global-typography-4a1959c-line-height);
    letter-spacing: var(--e-global-typography-4a1959c-letter-spacing);
    fill: var(--e-global-color-25a4500);
    color: var(--e-global-color-25a4500);
    background-color: #FFFFFF00;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-25a4500);
    padding: 10px 20px 10px 20px;
}
.cst-btn-wrpr-acrdn .btn-wrapper a:first-child:hover {
	color: var(--e-global-color-b138f2b);
    background-color: var(--e-global-color-25a4500);
}
.cst-btn-wrpr-acrdn .btn-wrapper a:nth-child(2) {
    font-family: var(--e-global-typography-4a1959c-font-family), Sans-serif;
    font-size: var(--e-global-typography-4a1959c-font-size);
    font-weight: var(--e-global-typography-4a1959c-font-weight);
    text-transform: var(--e-global-typography-4a1959c-text-transform);
    line-height: var(--e-global-typography-4a1959c-line-height);
    letter-spacing: var(--e-global-typography-4a1959c-letter-spacing);
    fill: var( --e-global-color-8d3a08d );
    color: var( --e-global-color-8d3a08d );
}