@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-family: "Montserrat", serif;
}
.menu-search {
    height: 26px;
    width: 26px;
}
.categoryItems {
    list-style: none;
    padding-left: 0;
}

.logo_nav {
    height: 50px;
    overflow: hidden;
}

.logo_nav a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.register_button {
    background-color: #000000;
    border-radius: 60px;
    padding: 7px 8px;
    display: inline-block;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.register_button:hover {
    transform: scale(1.05) translateY(-2px);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
}

.register_button {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    text-decoration: none;
    padding: 0px 27px 6px 27px;
    cursor: pointer;
    user-select: none;
    display: inline-block;
    position: relative;
    transition: color 0.3s ease;
    width: 160px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.register_button:hover {
    color: #fff;
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.605);
    /* Beyaz parlaklık efekti */
}

.register_button:hover {
    background-color: #000000e7;
    transition: all 0.3s;
}

.menu-container ul {
    margin-bottom: 0;
}

.menu-right-items {
    display: flex;
    align-items: center;
    flex-direction: row;
}

header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background-color: white;
}

.swal2-container {
    z-index: 99999;
}

nav {
    box-shadow: 0px 8px 20px 0px #0000001a;
    /* padding-bottom: 1.5rem; */
    /* margin-bottom: 1rem; */
}

.flex-header {
    margin-bottom: 1rem;
}

.menu-store {
    position: relative;
}

.shopping-bag {
    position: relative;
    display: inline-block;
}

.badge {
    position: absolute;
bottom: 11px;
    right: -13px;
    background-color: #4e97fd;
    color: white;
    padding: 6px 4px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    height: 23px;
    width: 23px;
}

#hover-svg {
    fill: black;
}

#hover-svg:hover {
    fill: gray;
}

.navlink_menu.active {
    color: #af4a83;
    font-weight: bold;
}

.navlink_menu {
    font-size: 14px !important;
    font-weight: 600 !important;
}
.menu-container ul li a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    font-size: 14px;
}
.subm {
padding: 13px 0px;
    width: 100%;
}
.menu-container {
    width: 100%;
    /* justify-content: space-between; */
}

.menu-mobil-icon {
    width: auto;
    display: none;
}

.flex-header {
    display: flex;
    flex-direction: row;
}

.menu-header-item {
    display: flex;
    justify-content: space-between;
}

.dropdown-column {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
    gap: 5px;
    text-align: start;
}

.dropdown-column h3 {

    font-size: 16px;
    font-weight: 800 !important;
}

.dropdown-column a {
    font-size: 14px !important;
    font-weight: 400 !important;

}

.menu {
    position: relative;
}

.dropdown-menu {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 999999;
    margin-top: 2rem;
}

.menu-mehsullar:hover .dropdown-menu,
.menu-mehsullar.active .dropdown-menu {
    display: block;
    /* Show dropdown on hover or if the parent is active */
}

.dropdown-menu li {
    padding: 10px;
    /* Padding for dropdown items */
}

.dropdown-menu li a {
    text-decoration: none;
    /* Remove underline */
    color: #000;
    /* Text color */
}

.dropdown-menu li a:hover {
    background-color: white;
    /* Change background on hover */
    color: #ae4a84 !important;
}

.intro_info h1 {
    
    font-size: 38px;
    font-weight: 700;
    line-height: 47.8px;
    user-select: none;
}

.intro_info h1 strong {
    color: #ae4a84;
}

.intro_info p {
    
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    user-select: none;
}

.shop-btn {
    
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    color: white;
    background: #000;
    width: 250px;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 60px;
    display: flex;
    justify-content: space-between;
    user-select: none;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.shop-btn:hover {
    background-color: #000000e7;
    color: #f0f0f0;
    transform: scale(1.05);
    /* Düğmeyi hafifçe büyütür */
}

.shop-btn:hover {
    color: #fff;
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.605);
}

.intro_info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.border_r_20 {
    border-radius: 20px;
}

.car_head {
    
    font-size: 34px;
    font-weight: 500;
    line-height: 40px;
    text-align: left;
    color: #ffffffff;
}

.car_content {
    
    font-size: 14.3px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #ffffffff;
    margin-top: 1.6rem;
}

.carousel-caption {
    position: absolute;
    top: 40px;
    left: 6%;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    right: 0;
    padding-top: 0;
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: auto;
    bottom: 40px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    padding: 0;
    height: 50px;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
    background: #0000001a;
    border-radius: 50%;
}

.carousel-control-next {
    right: auto;
    left: 15%;
}

.carousel-control-prev {
    left: 6%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 1.2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

/* Animation keyframes */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Animation class for the sections */
.animated {
    animation: fadeIn 0.8s ease-in-out forwards;
}

/* Initial state (not visible) */
.hidden {
    opacity: 0;
}

.go_to_slide_link {
    background-color: white;
    border-radius: 50%;
    color: white;
    right: 6%;
    bottom: 40px;
    position: absolute;
    width: 56.55px;
    padding: 0;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.go_to_slide_link:hover {
    background-color: #000000;
    transition: all 0.6s ease;
}

.go_to_slide_link svg {
    transition: transform 0.5s ease, fill 0.5s ease;
    /* Animasyonları doğrudan burada belirt */
    fill: black;
}

.go_to_slide_link:hover svg {
    transform: scale(1) rotate(40deg);
    /* Hem büyütme hem de döndürme ekle */
    fill: white;
}

.colorblack {
    color: rgb(0, 0, 0);
}

.menu-search-input::placeholder {
    color: rgb(0, 0, 0);
}

.menu-search-input {
    color: rgb(0, 0, 0);
}

@media screen and (max-width: 1200px) {

    .info-boxes {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .menu-search-container {
        background-color: white;
    }

    .menu-search-input::placeholder {
        color: rgb(0, 0, 0);
    }

    .menu-search-input {
        color: rgb(0, 0, 0);
    }

    .colorblack {
        color: black;
    }

    .fade-screen {
        background: none !important;
    }

    .menu-container ul li {
        margin-right: 0px;
    }



    .menu-mehsullar {
        position: relative;
        z-index: 9999;
    }

    /* .menu{
    height: 100%;
  } */
    .dropdown-content {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .flex-header {
        display: flex;
        flex-direction: column;
    }

    .menu-container {
        position: absolute;
        top: 15% !important;
        left: 0;
        right: 0;
        gap: 0;
        bottom: 0;
        height: 100%;
    }


    .menu-header-item,
    .menu-container,
    nav {
        background-color: #ffffff1f;
    }

    .menu-container {
        display: flex;
        justify-content: start;
        /* align-items: start; */
        flex-direction: column;
        text-align: left;
        justify-content: start;
    }

    .menu-right-items {
        height: 100%;
    }

    .menu-search,
    .menu_register_button {
        margin-top: 1rem;
    }

    .menu_register_button {
        margin-bottom: 1rem;
    }

    .menu {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    nav {
        min-width: 100%;
    }

    .menu-right-items {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 1rem;
    }

    .menu-header-item {
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }

    .menu {
        display: none;
        opacity: 0;
        transform: translateX(-100%);
        transition: transform 0.5s ease, opacity 0.5s ease;
        width: 100%;
        background-color: #fff;
    }

    /* When active, display them and animate */
    .menu.active,
    .menu-right-items.active {
        display: block;
        /* Show when active */
        opacity: 1;
        transform: translateX(0);
        /* Moves into visible area */
    }

    .menu-mobil-icon {
        width: auto;
        display: block;
        padding: 0 20px 0 10px;
    }

    .menu-search-container {
        display: none;
        position: absolute;
        top: 20%;
        left: 0;
        width: 95%;
        z-index: 2;
    }

    .menu-container ul li {
        width: 100%;
        text-align: start;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .biz_kimik_info_box_1 {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .biz_kimik_contents {
        padding: 0 !important;
    }

    .biz_kimik_info_box_h3 {
        font-size: 19px !important;
        line-height: 29.8px !important;
    }

    .load-btn {
        width: 60% !important;
    }

    .info-boxes {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .intro_info h1 {
        font-size: 20px;
        line-height: 33.8px;
    }

    .intro_info {
        gap: 7px;
    }

    .intro_info p {
        font-size: 13px;
        line-height: 20px;
    }

    .car_head {
        font-size: 22px;
        line-height: 27px;
    }

    .car_content {
        font-size: 12.3px;
        line-height: 17px;
        margin-top: 12px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        bottom: 18px;
    }

    .carousel-control-next {
        right: auto;
        left: 23%;
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 37.55px;
        height: 33px;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 1rem;
    }

    .go_to_slide_link {
        right: 6%;
        bottom: 18px;
    }
}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .biz_kimik_contents {
        padding: 0 !important;
    }

    .biz_kimik_info_box_h3 {
        font-size: 19px !important;
        line-height: 29.8px !important;
    }

    .biz_kimik_info_box_1 {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .load-btn {
        width: 60% !important;
    }

    .info-boxes-flex {
        display: flex;
        align-items: normal !important;
        gap: 0px;
        margin-top: 27px;
    }

    .info-boxes {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .info-boxes-flex {
        flex-direction: column;
    }

    /* .info-box {
  width: 100% !important;
  height: 100% !important;
} */
    /* .gap_mobile {
    gap: 2rem;
  } */
    .right-slider {
        margin-top: 2rem;
    }

    .intro_info h1 {
        font-size: 20px;
        line-height: 33.8px;
    }

    .intro_info {
        gap: 7px;
    }

    .intro_info p {
        font-size: 13px;
        line-height: 20px;
    }

    .shop-btn {
        width: 45%;
    }

    .car_head {
        font-size: 22px;
        line-height: 27px;
    }

    .car_content {
        font-size: 12.3px;
        line-height: 17px;
        margin-top: 12px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        bottom: 18px;
    }

    .carousel-control-next {
        right: auto;
        left: 17%;
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 37.55px;
        height: 33px;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 1rem;
    }

    .go_to_slide_link {
        right: 6%;
        bottom: 18px;
    }
}

@media screen and (max-width: 481px) {
    .biz_kimik_info_boxes_grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .biz_kimik_contents {
        padding: 0 !important;
    }

    .biz_kimik_info_box_h3 {
        font-size: 19px !important;
        line-height: 29.8px !important;
    }

    .biz_kimik_info_box_1 {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .load-btn {
        width: 60% !important;
    }

    .info-boxes {
        padding: 1rem 0rem !important;
    }

    .info-boxes-flex {
        display: flex;
        align-items: normal !important;
        gap: 0px !important;
        margin-top: 27px;
    }

    .info-boxes {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .info-boxes-flex {
        flex-direction: column;
    }

    .gap_mobile {
        gap: 2rem;
    }

    .intro_info h1 {
        font-size: 20px;
        line-height: 33.8px;
    }

    .intro_info {
        gap: 7px;
    }

    .intro_info p {
        font-size: 13px;
        line-height: 20px;
    }

    .shop-btn {
        width: 71%;
    }

    .car_head {
        font-size: 18px;
        line-height: 24px;
    }

    .car_content {
        font-size: 12.3px;
        line-height: 17px;
        margin-top: 12px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        bottom: 18px;
    }

    .carousel-control-next {
        right: auto;
        left: 23%;
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 37.55px;
        height: 33px;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 1rem;
    }

    .go_to_slide_link {
        right: 6%;
        bottom: 18px;
    }

    .border_r_20 {
        height: 55vh;
        object-fit: cover;
    }

    /* .menu,
  .menu-right-items{
    position: absolute;
  } */
}

.menu {
    width: 100%;
    text-align: center;
}

.dropdown-content {
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.menu-right-items {
    padding-left: 0rem;
}

.dropdown-arrow {
    position: absolute;
    top: -33px;
    left: 20%;
    width: 0;
    height: 0;
    z-index: 10;
}

/* Info  boxes */
.info-boxes {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 2rem 0rem;
}

.info-content h3 {
    
    font-size: 20px;
    font-weight: 500;
    line-height: 28.8px;
    text-align: left;
    color: white;
}

.info-content p {
    
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: white;
}

.info-boxes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    user-select: none;
}

.info-box {
    position: relative;
    width: auto;
    height: 168px;
    overflow: hidden;
    border-radius: 20px;
    cursor: pointer;
}

.info-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.info-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    text-align: left;
    padding: 15px;
}

.info-boxes-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.go_to_info_link {
    background-color: white;
    border-radius: 50%;
    color: white;
    right: 6%;
    top: 17px;
    position: absolute;
    width: 34px;
    padding: 0;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.kateqoriya_box:hover .go_to_info_link {
    background-color: #000000;
    transition: all 0.5s ease;
}

.kateqoriya_box:hover .go_to_info_link svg {
    transform: scale(1) rotate(40deg);
    fill: white;
}

.go_to_info_link svg {
    transition: transform 0.5s ease, fill 0.5s ease;
    /* Animasyonları doğrudan burada belirt */
    fill: black;
    width: 13px;
    height: 15px;
}

.go_to_info_link:hover svg {
    transform: scale(1) rotate(40deg);
    /* Hem büyütme hem de döndürme ekle */
    fill: black;
}

.info-boxes .info-box img {
    transition: all 0.4s ease;
}

.info-boxes .info-box:hover img {
    filter: brightness(1.2);
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(70px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* .info-box {
    opacity: 0;
    transform: translateY(70px);
}

.info-box.visible {
    animation: slideUp 0.8s ease forwards;
}

.info-box:nth-child(1) {
    animation-delay: 0.2s;
}

.info-box:nth-child(2) {
    animation-delay: 0.4s;
}

.info-box:nth-child(3) {
    animation-delay: 0.6s;
}

.info-box:nth-child(4) {
    animation-delay: 0.8s;
} */

.biz_kimik_content_top p {
    
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #000;
}

.biz_kimik_content_bottom p {
    
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    color: #000;
}

.biz_kimik_info_box_button a {
    
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
}

.biz_kimik_info_box_h3 {
    
    font-size: 29px;
    font-weight: 700;
    line-height: 39.8px;
    text-align: left;
}

.biz_kimik_info_boxes_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.biz_kimik_info_box_1 {
    display: grid;
    grid-template-columns: 1fr 4fr;
}

.biz_kimik_info_box_2 {
    display: flex;
    flex-direction: column;
}

.biz_kimik_info_box_button a {
    text-decoration: none;
    color: black;
    transition: all 0.7s ease;
}

.biz_kimik_info_box_button {
    border-radius: 60px;
    border: solid 1px black;
    width: 103px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.7s ease;
}

.biz_kimik_info_box_button:hover {
    background-color: black;
    transition: all 0.7s ease;
}

.biz_kimik_info_box_button:hover a {
    color: white;
    transition: all 0.7s ease;
}

.biz_kimik_contents {
    padding: 0rem 2rem;
}

.biz_kimik_info_boxes {
    padding: 2rem 0rem;
}

.loadmore-btn {
    display: flex;
    justify-content: end;
    width: 100%;
}

.load-btn {
    
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    color: white;
    background: #000;
    width: 30%;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 60px;
    display: flex;
    justify-content: space-between;
    user-select: none;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.load-btn:hover {
    background-color: #000000e7;
    color: #f0f0f0;
    transform: scale(1.05);
    /* Düğmeyi hafifçe büyütür */
}

.load-btn:hover {
    color: #fff;
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.605);
}

.biz_kimik_info_box_1,
.biz_kimik_info_box_2 {
    opacity: 0;
    animation: slideUp 1s ease forwards;
}

.kateqoriylar_left_grid h3 {
    
    font-size: 35px;
    font-weight: 700;
    line-height: 43px;
    text-align: left;
    color: #333333;
}

.kateqoriylar_left_grid p {
    
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #000;
}

.kateqoriylar_left_grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.kateqoriylar_left_grid a {
    margin-top: 2rem;
}

.kateqoriylar_sec_grid {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 2rem;
}

.kateqoriya_box {
    width: 163px;
    height: 177px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    color: black;
    transition: background-image 0.3s ease;
    transition: all 1s ease;
}

.kateqoriya_box {
    position: relative;
    border-radius: 20px;
    width: auto;
    height: 176.39px;
    overflow: hidden;
}

/* Şəkil hover zamanı görünəcək */
.kateqoriya_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 1;
}

/* Linear gradient hover zamanı görünəcək və şəklin üzərində olacaq */
.kateqoriya_box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(255 255 255) -16%, rgb(174 74 132) 100%);
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 2;
}

/* Hover zamanı həm şəkil, həm də linear görünəcək */
.kateqoriya_box:hover::before,
.kateqoriya_box:hover::after {
    opacity: 1;
}

.kateqoriya_box p {
    color: #333333;
    
    font-size: 14px;
    font-weight: 700;
    line-height: 17.6px;
    text-align: left;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 10%;
    z-index: 4;
}

.kateqoriya_box:hover p {
    color: white;
}

#kateqoriyalar {
    background-color: #f5f5f5;
    padding: 5rem 0rem;
}

.kateqoriylar_right_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
}

.go_to_info_link {
    z-index: 4;
}

.kateqoriylar_left_grid,
.kateqoriylar_right_grid {
    opacity: 0;
    animation: slideUp 0.8s ease forwards;
}

.kateqoriya_box {
    opacity: 0;
    animation: slideUp 0.8s ease forwards;
}

.kateqoriya_box:nth-child(1) {
    animation-delay: 0.2s;
}

.kateqoriya_box:nth-child(2) {
    animation-delay: 0.4s;
}

.kateqoriya_box:nth-child(3) {
    animation-delay: 0.6s;
}

.kateqoriya_box:nth-child(4) {
    animation-delay: 0.8s;
}

.kateqoriya_box:nth-child(5) {
    animation-delay: 0.9s;
}

.kateqoriya_box:nth-child(6) {
    animation-delay: 0.2s;
}

.kateqoriya_box:nth-child(7) {
    animation-delay: 0.4s;
}

.kateqoriya_box:nth-child(8) {
    animation-delay: 0.6s;
}

.kateqoriya_box:nth-child(9) {
    animation-delay: 0.8s;
}

.kateqoriya_box:nth-child(10) {
    animation-delay: 0.9s;
}

.satilanlar_box_button {
    
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    color: black;
    background: #ffffff;
    border: 1px solid black;
    width: 250px;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 60px;
    display: flex;
    justify-content: space-between;
    user-select: none;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.satilanlar_box_button:hover {
    background-color: #000000e7;
    color: #f0f0f0;
    transform: scale(1.05);
}

.satilanlar_box_button:hover {
    color: #fff;
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.605);
}

.satilanlar_box_button:hover a {
    color: white;
}

.satilanlar_box_button:hover svg {
    fill: white;
}

.satilanlar_box_button svg {
    fill: black;
}

#ən_çox_satilanlar {
    padding: 3rem 0rem;
}

#bloq {
    padding: 3rem 0rem;
}

.flex-satilanlar-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-satilanlar-between h3 {
    
    font-size: 35px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #333333;
}

.column_satilanlar {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.card-slider-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.card {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    border: none;
}

.card a img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 15px;
}

.card h3 {
    margin: 0 0 10px;
    font-size: 1.5em;
}

.card p {
    font-size: 1em;
    color: #666;
}

/* Styling for Next and Previous buttons */
.slick-prev,
.slick-next {
    background-color: #fff !important;
    /* White background */
    border: 1px solid #000;
    /* Black border */
    border-radius: 50%;
    padding: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.7;
    /* Semi-transparent */
    transition: opacity 0.3s ease;
    /* Smooth transition on hover */
    z-index: 10;
    width: 43px;
    height: 43px;
}

.slick-prev {
    left: -40px;
}

.slick-next {
    right: -40px;
}

.slick-prev:hover,
.slick-next:hover {
    opacity: 1;
    /* Fully visible on hover */
}

.slick-prev svg,
.slick-next svg {
    width: 24px;
    height: 20px;
    fill: white;
    stroke: black;
}

.slick-prev::before,
.slick-next::before {
    content: "";
    display: inline-block;
    width: 24px;
    /* Set size for SVG */
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.slick-prev::before {
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.0231 0.638477L10.1106 0.550466C10.1825 0.511598 10.2636 0.490575 10.3468 0.490282C10.4796 0.489812 10.6071 0.5421 10.7013 0.635642C10.7955 0.729183 10.8487 0.856315 10.8492 0.989072C10.8496 1.12183 10.7973 1.24934 10.7038 1.34354L10.7036 1.34376L3.51358 8.59376L2.66855 9.44584L3.8686 9.44584L22.9986 9.44584C23.1312 9.44584 23.2584 9.49852 23.3521 9.59229C23.4459 9.68606 23.4986 9.81324 23.4986 9.94584C23.4986 10.0785 23.4459 10.2056 23.3521 10.2994C23.2584 10.3932 23.1312 10.4458 22.9986 10.4458L3.8686 10.4458L2.66855 10.4458L3.51358 11.2979L10.7036 18.5479L10.7306 18.5751L10.7614 18.5979C10.819 18.6405 10.8668 18.695 10.9015 18.7576C10.9362 18.8203 10.9571 18.8896 10.9627 18.961C10.9682 19.0325 10.9584 19.1042 10.9338 19.1715C10.9093 19.2388 10.8705 19.3 10.8202 19.351C10.77 19.402 10.7093 19.4416 10.6424 19.4672C10.5755 19.4927 10.5038 19.5035 10.4323 19.499C10.3609 19.4944 10.2912 19.4746 10.2281 19.4407C10.1649 19.4069 10.1098 19.3599 10.0664 19.3029L10.0464 19.2766L10.0231 19.2532L0.763874 9.94584L10.0231 0.638477Z" fill="white" stroke="black"/%3E%3C/svg%3E');
}

.slick-next::before {
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.9769 19.3615L13.8894 19.4495C13.8175 19.4884 13.7364 19.5094 13.6532 19.5097C13.5204 19.5102 13.3929 19.4579 13.2987 19.3644C13.2045 19.2708 13.1513 19.1437 13.1508 19.0109C13.1504 18.8782 13.2027 18.7507 13.2962 18.6565L13.2964 18.6562L20.4864 11.4062L21.3315 10.5542L20.1314 10.5542L1.00141 10.5542C0.868797 10.5542 0.741621 10.5015 0.647853 10.4077C0.554084 10.3139 0.501405 10.1868 0.501405 10.0542C0.501405 9.92155 0.554084 9.79437 0.647853 9.7006C0.741621 9.60684 0.868797 9.55416 1.00141 9.55416L20.1314 9.55416L21.3315 9.55416L20.4864 8.70208L13.2964 1.45208L13.2694 1.42486L13.2386 1.40208C13.181 1.3595 13.1332 1.30505 13.0985 1.2424C13.0638 1.17975 13.0429 1.11037 13.0373 1.03896C13.0318 0.96755 13.0416 0.895774 13.0662 0.828492C13.0907 0.761209 13.1295 0.69999 13.1798 0.64898C13.23 0.597972 13.2907 0.558362 13.3576 0.532833C13.4245 0.507304 13.4962 0.496453 13.5677 0.501014C13.6391 0.505575 13.7088 0.525442 13.7719 0.559268C13.8351 0.593094 13.8902 0.640092 13.9336 0.697079L13.9536 0.723368L13.9769 0.746794L23.2361 10.0542L13.9769 19.3615Z" fill="white" stroke="black"/%3E%3C/svg%3E');
}

.card_elements_style {
    height: 350px;
}

.card-image-slick {
    height: 238px;
    margin-bottom: 1rem;
}

.card-image-slick img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card_elements_style p {

    font-size: 12px;
    font-weight: 600;
    line-height: 16.6px;
    text-align: left;
    color: #333333;
}

.card_elements_style h3 {

    font-size: 12.49px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: left;
    color: #555555;
}

.slick-track {
    margin: 0;
}

#setmed_digets {
    background-color: #f5f5f5;
    padding: 4rem 0rem;
}

.digets_info_flex h3 {
    
    font-size: 35px;
    font-weight: 700;
    line-height: 43px;
    text-align: left;
    color: #333333;
}

.digets_info_flex p {
    
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}

.digets_info_flex {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.digets_cards {
/*     display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem; */
}
.digits_container {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.digets_card {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    width: 200px;
    text-align: center;
}

.digets_card h3 {
    font-size: 32px;
    color: #007bff;
    margin: 0;
}

.digets_card p {
    font-size: 16px;
    color: #555;
}

.digets-general-div {
    display: grid;
    grid-template-columns: 2fr 4fr;
    gap: 2rem;
}

.digets_card {
    border-radius: 20px;
    background-color: white;
    height: 203px;
    padding: 2rem 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.digets_card h3 {
    
    font-size: 50px;
    font-weight: 700;
    line-height: 17.6px;
    text-align: left;
    color: #333333;
}

.digets_card p {
    
    font-size: 17px;
    font-weight: 700;
    line-height: 20.6px;
    text-align: left;
    color: #333333;
    margin-bottom: 0;
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(70px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.digets_info_flex,
.digets_cards {
    opacity: 0;
    transform: translateY(70px);
    /* Initial state when elements are out of view */
}

.digets_info_flex.visible,
.digets_cards.visible {
    animation: slideUp 0.8s ease forwards;
}

.digets_card {
    opacity: 0;
    transform: translateY(70px);
    /* Initial state for each card */
}

.digets_card.visible {
    animation: slideUp 0.8s ease forwards;
}

.digets_card:nth-child(1) {
    animation-delay: 0.4s;
}

.digets_card:nth-child(2) {
    animation-delay: 0.6s;
}

.digets_card:nth-child(3) {
    animation-delay: 0.8s;
}

.digets_card:nth-child(4) {
    animation-delay: 1s;
}

.card-slider-container {
    opacity: 0;
    animation: slideUp 0.8s ease forwards;
}

.card_elements_style {
    opacity: 0;
    animation: slideUp 0.8s ease forwards;
}

/* Blog */

/* Styling for Next and Previous buttons */
.slick-prev2,
.slick-next2 {
    background-color: #fff !important;
    border: 1px solid #000;

    border-radius: 50%;
    padding: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.7;

    transition: opacity 0.3s ease;

    z-index: 10;
    width: 43px;
    height: 43px;
}

.slick-prev2 {
    left: -40px;
}

.slick-next2 {
    right: -40px;
}

.slick-prev2:hover,
.slick-next2:hover {
    opacity: 1;
}

.slick-prev2 svg,
.slick-next2 svg {
    width: 24px;
    height: 20px;
    fill: white;
    stroke: black;
}

.slick-prev2::before,
.slick-next2::before {
    content: "";
    display: inline-block;
    width: 24px;
    margin-top: 5px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.slick-prev2::before {
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.0231 0.638477L10.1106 0.550466C10.1825 0.511598 10.2636 0.490575 10.3468 0.490282C10.4796 0.489812 10.6071 0.5421 10.7013 0.635642C10.7955 0.729183 10.8487 0.856315 10.8492 0.989072C10.8496 1.12183 10.7973 1.24934 10.7038 1.34354L10.7036 1.34376L3.51358 8.59376L2.66855 9.44584L3.8686 9.44584L22.9986 9.44584C23.1312 9.44584 23.2584 9.49852 23.3521 9.59229C23.4459 9.68606 23.4986 9.81324 23.4986 9.94584C23.4986 10.0785 23.4459 10.2056 23.3521 10.2994C23.2584 10.3932 23.1312 10.4458 22.9986 10.4458L3.8686 10.4458L2.66855 10.4458L3.51358 11.2979L10.7036 18.5479L10.7306 18.5751L10.7614 18.5979C10.819 18.6405 10.8668 18.695 10.9015 18.7576C10.9362 18.8203 10.9571 18.8896 10.9627 18.961C10.9682 19.0325 10.9584 19.1042 10.9338 19.1715C10.9093 19.2388 10.8705 19.3 10.8202 19.351C10.77 19.402 10.7093 19.4416 10.6424 19.4672C10.5755 19.4927 10.5038 19.5035 10.4323 19.499C10.3609 19.4944 10.2912 19.4746 10.2281 19.4407C10.1649 19.4069 10.1098 19.3599 10.0664 19.3029L10.0464 19.2766L10.0231 19.2532L0.763874 9.94584L10.0231 0.638477Z" fill="white" stroke="black"/%3E%3C/svg%3E');
}

.slick-next2::before {
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.9769 19.3615L13.8894 19.4495C13.8175 19.4884 13.7364 19.5094 13.6532 19.5097C13.5204 19.5102 13.3929 19.4579 13.2987 19.3644C13.2045 19.2708 13.1513 19.1437 13.1508 19.0109C13.1504 18.8782 13.2027 18.7507 13.2962 18.6565L13.2964 18.6562L20.4864 11.4062L21.3315 10.5542L20.1314 10.5542L1.00141 10.5542C0.868797 10.5542 0.741621 10.5015 0.647853 10.4077C0.554084 10.3139 0.501405 10.1868 0.501405 10.0542C0.501405 9.92155 0.554084 9.79437 0.647853 9.7006C0.741621 9.60684 0.868797 9.55416 1.00141 9.55416L20.1314 9.55416L21.3315 9.55416L20.4864 8.70208L13.2964 1.45208L13.2694 1.42486L13.2386 1.40208C13.181 1.3595 13.1332 1.30505 13.0985 1.2424C13.0638 1.17975 13.0429 1.11037 13.0373 1.03896C13.0318 0.96755 13.0416 0.895774 13.0662 0.828492C13.0907 0.761209 13.1295 0.69999 13.1798 0.64898C13.23 0.597972 13.2907 0.558362 13.3576 0.532833C13.4245 0.507304 13.4962 0.496453 13.5677 0.501014C13.6391 0.505575 13.7088 0.525442 13.7719 0.559268C13.8351 0.593094 13.8902 0.640092 13.9336 0.697079L13.9536 0.723368L13.9769 0.746794L23.2361 10.0542L13.9769 19.3615Z" fill="white" stroke="black"/%3E%3C/svg%3E');
}

.card-image-slick {
    position: relative;
}

.bloq-desc {
    position: absolute;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.bloq-desc p {
    
    font-size: 14px;
    font-weight: 700;
    line-height: 17.6px;
    text-align: left;
    color: #333333;
    width: 50%;
    margin-left: 1rem;
}

.card-image-slick {
    position: relative;
}

.bloq_img {
    display: block;
    /* Ensures no space under the image */
    width: 100%;
    /* Make the image responsive */
    height: auto;
    /* Maintain aspect ratio */
}

.gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
    z-index: 1;
}

.bloq-desc .go_to_info_link {
    background-color: white;
    border-radius: 50%;
    color: white;
    right: 1rem;
    top: 17px;
    position: absolute;
    width: 34px;
    padding: 0;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.card_elements_style:hover .bloq-desc .go_to_info_link {
    background-color: #000000;
    transition: all 0.6s ease;
}

.bloq-desc .go_to_info_link svg {
    transition: transform 0.5s ease, fill 0.5s ease;
    /* Animasyonları doğrudan burada belirt */
    fill: black;
    width: 13px;
    height: 15px;
}

.card_elements_style:hover .bloq-desc .go_to_info_link svg {
    transform: scale(1) rotate(40deg);
    /* Hem büyütme hem de döndürme ekle */
    fill: white;
}

.absalute_card {
    padding: 10px 10px;
}

.absalute_card {
    opacity: 0;
    animation: slideUp 0.8s ease forwards;
}

.footer-purple {
    background-color: #ae4a84;
    padding: 2.5rem;
    display: flex;
}

.call_me {
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 0.6rem;
    border-radius: 50px;
    padding: 7px 15px;
}

.call_me p {

    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #ae4a84;
    margin-bottom: 0;
}

.footer-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.footer-flex h3 {
    font-size: 27px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: white;
    margin-bottom: 0;
}

.call_me {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.call_me:hover {
    transform: scale(1.05) translateY(-2px);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
}

.call_me:hover {
    color: #fff;
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.605);
    background-color: #000000e7;
    transition: all 0.3s;
}

.call_me:hover p {
    color: white;
}

.call_me svg {
    fill: black;
}

.call_me:hover svg {
    fill: white;
}

.footergrid_2 {
    padding: 2rem 0rem;
}

.setmed_logo {
    width: 115px;
    height: 47px;
    overflow: hidden;
}

.setmed_logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qaynar_xett {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.qaynar_xett p {

    font-size: 14.65px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #444444;
    margin-bottom: 0;
}

.qaynar_xett a {

    font-size: 18.13px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #e4573d;
    text-decoration: none;
}

.location_set p {

    font-size: 14.3px;
    font-weight: 400;
    line-height: 19px;
    text-align: left;
    color: #444444;
}

.gmail_set a {

    font-size: 14.3px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #444444;
    text-decoration: none;
    cursor: pointer;
}

.social_media_set {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.social_media_set img {
    width: 20px;
    height: 20px;
}

.footergrid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.column-footer {
    padding: 20px;
    width: 200px;
}

.column-footer h3 {
    margin-bottom: 15px;

    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
}

.column-footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.column-footer ul li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 0;
    text-align: left;
    color: #444444;
}

.column-footer ul li {
    margin-bottom: 5px;
}

.grid-columnn {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: end;
}

.footergrid_2 {
    padding: 3rem 0rem;
    display: grid;
    grid-template-columns: 1fr 3fr;
}

.payimages {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}

.between_footer p {

    font-size: 14.3px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #444444;
}

.between_footer {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0rem;
}

section {
    /*   opacity: 0;
  transform: translateY(0px) scale(0.9);
  transition: opacity 1s ease-out, transform 1s ease-out, filter 1s ease-out;
  will-change: opacity, transform, filter; */
    /* Add will-change for performance optimization */
}

section.scroll-animation {
    opacity: 1;
    /*   transform: translateY(0) scale(1);
  filter: blur(0); */
    /* Set blur to 0 when visible */
}

.card-image-slick img,
.gradient-overlay {
    transition: transform 0.3s ease;
    /* Smooth transition */
    border-radius: 26px;
}

.card-image-slick:hover img {
    transform: scale(1.1);
    /* Scale the image by 10% on hover */
}

.card-image-slick:hover .gradient-overlay {
    transform: scale(1.1);
    /* Scale the image by 10% on hover */
}

/* Text Fade-In & Slide-Up Animation */
.card_elements_style h3,
.card_elements_style p {
    transition: 0.3s ease;
    cursor: pointer;
}

.card_elements_style:hover h3,
.card_elements_style:hover p {
    color: #ae4a84;
    transition: 0.3s ease;
}

/* Başlangıç durumu - footer görünmeden önce */
.footer-flex h3,
.footer-flex a {
    opacity: 0;
    transform: translateX(-50px);
    /* h3 soldan gelir */
    transition: opacity 1s ease, transform 1s ease;
}

/* Animasyon footer görünür olduğunda */
.footer-flex.footer-visible h3 {
    opacity: 1;
    transform: translateX(0);
    /* h3 saÄŸa kayar */
    transition: opacity 1s ease, transform 1s ease;
}

.footer-flex.footer-visible a {
    opacity: 1;
    transform: translateX(0);
    /* a sola kayar */
    transition: opacity 1s ease, transform 1s ease;
}

/* Sağdan sola gelecek animasyon için <a> */
.footer-flex a {
    transform: translateX(50px);
    /* Başlangıçta a sağdan gelir */
}

/* General Hover Animation */
#Footer .footergrid .setmed_logo:hover,
#Footer .footergrid .qaynar_xett:hover,
#Footer .footergrid .location_set:hover,
#Footer .footergrid .gmail_set:hover,
#Footer .footergrid .social_media_set:hover,
#Footer .footergrid .column-footer h3:hover,
#Footer .footergrid .column-footer ul li:hover {
    transition: all 0.5s ease;
    /* Smooth transition */
    transform: scale(1.05);
    /* Slightly scales the element */
    color: #6a1b9a;
    /* Change color (example: purple shade) */
}

#Footer .footergrid .setmed_logo,
#Footer .footergrid .qaynar_xett,
#Footer .footergrid .location_set,
#Footer .footergrid .gmail_set,
#Footer .footergrid .social_media_set,
#Footer .footergrid .column-footer h3,
#Footer .footergrid .column-footer ul li {
    transition: all 0.5s ease;
    /* Smooth transition */
}

#Footer .footergrid .social_media_set a:hover {
    transform: scale(1.2);
    /* Increase scale for social icons */
    color: #3b5998;
    /* Example social media color */
    transition: all 0.5s ease;
    /* Smooth transition */
}

.location_set p {
    cursor: pointer;
}

#Footer .footergrid .column-footer h3:hover {
    color: #ae4a84;
    /* Slight color shift on hover */
    cursor: pointer;
    transition: all 0.5s ease;
    /* Smooth transition */
}

#Footer .footergrid .column-footer ul li:hover {
    color: #5e35b1;
    /* Color shift on list items */
}

#regForm {
    text-align: left;
}

#regForm label {
    margin-bottom: 5px;
}

#regForm .text-end input {
    padding: 10px;
}

.categoryItems li a {
    color: black;
    text-decoration: none;
}

.categoryItems li {
    margin-bottom: 14px;
    font-size: 13px;
    line-height: 16px;
}

.categoryItems li:has(a.active) {
    background-color: #d3d3d35c;
    border-radius: 5px;
    padding: 10px;
}

select.form-control {
    padding: 0.4375rem 0.875rem;
}

.custom-radio-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: fit-content;
    margin-bottom: 0;
}

.custom-radio-input input[type="radio"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 0;
    padding: 0;
}

.custom-radio-input {
    display: inline-block;
    position: relative;
}

.custom-radio-input span {
    border: 2px solid #3b81d2;
    background-color: #f8f8f8;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
}

.custom-radio-input span:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    border: 5px solid #3b81d2;
    width: 0;
    height: 0;
    border-radius: 100px;
    opacity: 0;
    transition: all ease-in-out 0.15s;
}

.custom-radio-input input[type="radio"]:checked+span:after {
    opacity: 1;
}

#installment-options {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.custom-radio-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.custom-radio-input span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #666;
    border-radius: 50%;
    margin-right: 10px;
}

.custom-radio-input input:checked+span {
    background-color: #ffffff;
}

.step-title-header h5 {
    font-size: 1.0625rem;
    letter-spacing: -0.015em;

    border-width: 1px;
    border-style: solid;
    border-bottom: none;
    text-align: left;
    padding: 5px 14px;
    border-color: #e7e9f0;
}

#payment-existing select {
    max-width: 400px;
    width: 100%;
}

.info {
    border-width: 1px;
    border-style: solid;
    border-color: #e7e9f0;
    padding: 15px;
}

.form-group-location h5 {
    font-size: 1.0625rem;
}

#checkout_holder {
    padding: 2rem 0rem;
    user-select: none;
}

/* .dropdown-arrow {
    left: 27%;
} */
 .navlink_menu {
    margin: 5px 0px;
}

.dropdown_text_links a {
    font-size: 14px !important;
    font-weight: 400 !important;
    white-space: normal;
}

.price_interval_range {
    margin-bottom: 2rem;
    display: flex;
    gap: 10px;
}

.filter_et {
    background-color: #4E97FD;
    color: white;
    border: 1px solid #4E97FD;
    padding: 10px 15px;
    width: 100%;
}

.filter_et,
#clearAllButton {
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    font-weight: 500;
}

.filter_et:hover {
    background-color: white;
    color: #4E97FD;
}

.filter__item {
    display: inline-block;
    margin-right: 0 !important;
    width: 50%;
}

#clearAllButton {
    background-color: white;
    color: black;
    border: 1px solid black;
    padding: 7px 15px;
    width: 50%;

}

#clearAllButton:hover {
    background-color: black;
    color: white;
}

.pagination li.current {
    background-color: #ae4a84c1;
    color: white;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    width: 100%;
}

.shop_general {
    padding-bottom: 40px;
}

.menu-search-container.active {

    border: 1px solid #d9d9d9;
    padding: 10px;
    border-radius: 50px;
    margin-top: 4px;
}

.menu-search-close {
    position: absolute;
    right: 20px;
    top: 10px;
}

.dropdown_text_links a {
    font-size: 14px !important;
    font-weight: 400 !important;
    white-space: normal;
}

.productsmenu:hover .dropdown-arrow {
    display: block !important;
}

/* add new */
.menu_register_button {
    display: block;
}

.menu_register_icon {
    display: none;
}

.flex-header {
    position: relative;
}

.menu-right-items li a svg,
.menu_register_icon a svg {
    width: 24px;
    height: 30px;
}

@media screen and (max-width: 768px) and (min-width: 481px) {
    .menu-right-items {
        right: 40px !important;
    }
}
.niye_biz {
    background-color: #832b68;
    width: 30%;
    border-radius: 20px;
}
/* menu */
.menu-mehsullar-mobile-sidebar{
    display: none !important;
}

@media screen and (max-width : 1200px){
    .menu-mehsullar-mobile-sidebar{
        display: block !important;
    }
    .menu-mehsullar{
        display: none !important;
    }
    
}
 .menu{
    display: flex;
    justify-content: center;
 }
 .sidebarMehsullar {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-out;
}
.sidebarMehsullar.active {
    max-height: 1000px; 
    overflow: visible;
}

.menu-right-items{
    display: flex !important;
}
.fa-solid, .fas {
    font-weight: 900;
    font-size: 19px;
}
li.menu-store.user {
    display: none;
}
.menu-search {
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.menu-right-items li a i {
    margin: 0px 10px;
}

.menu-right-items li {
    margin-right: 0px !important;
}

.menu-right-items {
    gap: 15px;
}

.badge {
    right: -4px;
    ;}