/* --- Google Font Import --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* --- Root Variables --- */
:root {
   --primary-color: #1e2a47;
   --secondary-color: #38bdf8;
   --font-color: #e5e7eb;
   --background-color: #f8fafc;
   --dark-text: #333;
   --light-text: #555;
   --border-radius: 8px;
   --transition-duration: 0.4s;
   --font-family: 'Inter', sans-serif, system-ui;
   --max-width: 1320px;
   --icon-bg-1: #e0f2fe;
   --icon-color-1: #0ea5e9;
   --icon-bg-2: #eef2ff;
   --icon-color-2: #6366f1;
   --icon-bg-3: #ecfdf5;
   --icon-color-3: #10b981;
}

body {
   font-family: var(--font-family);
}

.swiper-button-next:after,
.swiper-button-prev:after {
   display: none !important;
}

.swiper-button-prev {
   left: -50px !important;
}

.swiper-button-next {
   right: -50px !important;
}


@media(max-width:768px){
    body .swiper-button-prev {
   left: 0 !important;
}

body .swiper-button-next {
   right: 0 !important;
}

}