@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* {
    font-family: "Inter", sans-serif;
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: #888 #f1f1f1; /* Thumb and Track color */
}

::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* Track color */
    border-radius: 10px; /* Rounded corners */
}

::-webkit-scrollbar-thumb {
    background: #888; /* Scrollbar color */
    border-radius: 10px; /* Rounded corners */
}

::-webkit-scrollbar-thumb:hover {
    background: #107ab8; /* Color on hover */
}


a{
    text-decoration: none;
    color: white;
    /* font-weight: ; */
    transition: all;
}

a:hover{
    text-decoration: underline;
    color: white;
}

.linear-gradient {
    background-image: linear-gradient(#fff, #ACFAFF);
}

.linear-gradient-yellow {
    background-image: linear-gradient(#FFFBE7, #FFF2B1);
}


.text-gradient-blue {
    background: linear-gradient(to bottom, #04D4E1, #02747B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.input-icon {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    background-color: transparent !important;
    border-right: 0px solid transparent
}

.input-style {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-left: 0px
}

.btn-primary{
    background: linear-gradient(to bottom, #01383b, #02747B);
    border: none;
}


/* adding ticket edges */
.swiper-slide .card {
    position: relative; 
    overflow: hidden; /* Ensure pseudo-elements are contained within the card */
}

.swiper-slide .card::before {
    position: absolute;
    content: '';
    left: -10px;
    top: 0;
    width: 20px; /* Width of the pseudo-element */
    height: 100%; /* Full height of the card */
    background: radial-gradient(circle, transparent 50%, #FBFBFB 50%, #FBFBFB 100%) -7px -2px / 16px 16px repeat-y;
    z-index: 0; /* Behind the card content */
}