body,html,a,p{
        font-family: 'Poppins', sans-serif;
    }

    a{
        text-decoration: none;
        color: #3E4245;
    }
    .iletisim {
        background-color: #d4e5ee25;
        height: 80px;
        display: flex;
        align-items: center;
    }
    
    .container-xl {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #3D678D;
    }

    .splash .spinner dotlottie-player{
        height: 45px;
        position: absolute;
        top: -28px;
        right: 1px;
        width: auto;
    }
    .splash .spinner{
        position: relative;
    }
    .splash .welcome{
        display: flex;
        gap: 10px;
        align-items: center;
        align-content: center;
        justify-content: center;
        font-size: 18px;
        font-weight: 400;
        color: #3D678D;
    }
    .splash{
        position: fixed;
        background: white;
        width: 100%;
        height: 100%;
        z-index: 11111;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }
    /*---------revize 3----------*/

    .menu-hover:hover {
        border-radius: 10px;
        background-color: #F7F7F7;
    }

    .option-item .radio img{
        width: 100%;
    }
    .option-item .radio{
        width: calc((100% - 20px) / 3)
    }
    .kapat {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background-color: #eaebf07d;
    }
    .modal-item-title{
        text-align: center;
        color: #484848;
        font-size: 18px;
        font-weight: 400;
    }
    .share-group{
        padding: 20px;
        padding-top: 0;
    }
    .share-items .share-button img{
        height: 24px;
    }
    .share-items .share-button{
        border: 1px solid #CCD1DC;
        padding: 20px;
        width: calc(50% - 10px);
        border-radius: 10px;
        font-size: 15px;
        display: flex;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        cursor: pointer;
    }
    .share-items{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 20px;
    }
    .kapat:hover {
        color: white;
        background-color: #8E98AC;
    }

    .message-content .message{
        background: white;
        padding: 20px 10px;
        margin-top: 10px;
        border-radius: 10px;
        width: 96%;
    }

    .fs-7{
        font-size: 0.9rem;
    }


    .coupon-divider::after{
        content: " ";
        width: 25px;
        height: 20px;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        display: block;
        background: white;
        position: absolute;
        bottom: -33px;
        z-index: 1111;
        border: 2px solid #88dfb6;
        border-bottom: none;
        left: -13px;
    }

    .coupon-divider::before{
        content: " ";
        width: 25px;
        height: 20px;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        display: block;
        background: white;
        position: absolute;
        top: -33px;
        z-index: 1111;
        border: 2px solid #88dfb6;
        border-top: none;
        left: -13px;
    }
    .coupon-divider{
        position: relative;
    }
    .coupon-card {
        border: 2px solid #88DFB6;
        border-radius: 10px;
        padding: 30px;
        background-color: #F5FFF8;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: calc(50% - 10px);
    }

    .coupon-divider {
        border: 1px solid transparent;
        background:
                repeating-linear-gradient(to right, #88DFB6 0 10px, transparent 10px 15px) top,
                repeating-linear-gradient(to right, #88DFB6 0 10px, transparent 10px 15px) bottom,
                repeating-linear-gradient(to bottom, #88DFB6 0 10px, transparent 10px 15px) left,
                repeating-linear-gradient(to bottom, #88DFB6 0 10px, transparent 10px 15px) right;
        background-repeat: no-repeat;
        background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%;
        background-position: top left, bottom left, top left, top right;

        /*border-left: 2px dashed #9ae6b4;*/
        height: 100%;
        margin: 0 15px;
    }

    .coupon-amount {
        font-size: 2rem;
        color: #39C7A5; /* Yeşilimsi mavi */
        font-weight: bold;
    }

    .coupon-expiry {
        color: #39C7A5;
        font-size: 12px;
    }


    .coupon-cards{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
    }

    .coupon-button{
        background: #39C7A5;
        border: none;
        font-size: 13px;
        min-width: 105px;
    }

    .grayscale{
        opacity: 0.4;
        filter: grayscale(100%);
    }

    .whatsapp {
        background-color: #40AA54;
        width: 151.95px;
        height: 29.66px;
        padding: 5px 8px 8px;
        border-radius: 7px;
        color: white;
        text-align: center;
        transition: all .5s ease-in-out;
        cursor: pointer;
    }
    
    .cardsImages {
        position: relative;
        transition: all .5s ease-in-out;
        transition: 0.5s;
    }
    /*---------revize 3----------*/
    
    .wp-link {
        text-decoration: none;
        color: white;
    }
    
    .whatsapp:hover {
        transform: scale(1.3);
        transform-origin: bottom;
        transition: 0.5s ease-in-out;
        box-shadow: rgba(64, 170, 84, 0.7) 0px 12px 15px -5px;
    }
    /*------------revize 1 -----------*/
    
    .il-ph {
        display: flex;
        text-align: center;
        background-color: white;
        padding: 3px;
        border-radius: 50%;
        vertical-align: middle;
        color: #3D678D;
        text-decoration: none;
        width: 20px;
        height: 20px;
    }
    
    .il-ph:hover {
        background-color: #6B9DBE;
        color: white;
        text-decoration: none;
    }
    
    .il-ph-a {
        /*background-color: #f4f8fb;*/
        color: #3D678D;
        text-decoration: none;
    }

    nav.navbar >.container-fluid{
        display: flex;
        align-items: baseline;
        padding: 0;
    }

    .logos img.logo-medium{
        position: relative;
        top: 7px;
    }
    .il-ph-a:hover {
        background-color: #f4f8fb;
        color: #3D678D;
        text-decoration: none;
    }
    
    .il-ph-a:hover .il-ph {
        padding: 3px;
        width: 20px;
        height: 20px;
        background-color: #6B9DBE;
        color: white;
        text-decoration: none;
    }
    /*------------revize 1 -----------*/
    
    span#line1 span#a {
        display: inline;
    }
    

    span#line1 span#b {
        display: none;
    }
    

    /* Logo-Arama  Başlangıç */
    
    .logos {
        margin-top: 27px;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
    }
    
    @media only screen and (max-width: 5000px) and (min-width:1401px) {
        .image-p {
            font-family: 'Poppins', sans-serif;
            font-size: 20px;
            position: absolute;
            top: 30px;
            left: 220px;
            color: white;
        }
        .image-p-1 {
            font-family: 'Poppins', sans-serif;
            font-size: 24px;
            font-weight: bold;
            position: absolute;
            top: 50px;
            left: 171px;
            color: white;
        }
        .image-p-2 {
            font-family: 'Poppins', sans-serif;
            font-size: 20px;
            position: absolute;
            top: 100px;
            left: 30px;
            color: white;
        }
        .image-p-3 {
            font-family: 'Poppins', sans-serif;
            font-size: 24px;
            font-weight: bold;
            position: absolute;
            top: 130px;
            left: 30px;
            color: white;
        }
    }
    
    @media only screen and (max-width: 1400px) and (min-width:1201px) {
        .image-p {
            font-family: 'Poppins', sans-serif;
            font-size: 20px;
            position: absolute;
            top: 30px;
            left: 178px;
            color: white;
        }
        .image-p-1 {
            font-family: 'Poppins', sans-serif;
            font-size: 24px;
            font-weight: bold;
            position: absolute;
            top: 50px;
            left: 131px;
            color: white;
        }
        .image-p-2 {
            font-family: 'Poppins', sans-serif;
            font-size: 20px;
            position: absolute;
            top: 100px;
            left: 30px;
            color: white;
        }
        .image-p-3 {
            font-family: 'Poppins', sans-serif;
            font-size: 24px;
            font-weight: bold;
            position: absolute;
            top: 130px;
            left: 30px;
            color: white;
        }
    }
    
    @media only screen and (max-width: 1200px) and (min-width:992px) {
        .image-p {
            font-family: 'Poppins', sans-serif;
            font-size: 20px;
            position: absolute;
            top: 30px;
            left: 127px;
            color: white;
        }
        .image-p-1 {
            font-family: 'Poppins', sans-serif;
            font-size: 24px;
            font-weight: bold;
            position: absolute;
            top: 50px;
            left: 85px;
            color: white;
        }
        .image-p-2 {
            font-family: 'Poppins', sans-serif;
            font-size: 17px;
            position: absolute;
            top: 38px;
            left: 30px;
            color: white;
        }
        .image-p-3 {
            font-family: 'Poppins', sans-serif;
            font-size: 22px;
            font-weight: bold;
            position: absolute;
            top: 72px;
            left: 30px;
            color: white;
        }
    }
    
    @media only screen and (max-width: 991px) and (min-width:768px) {
        .image-p {
            font-family: 'Poppins', sans-serif;
            font-size: 15px;
            position: absolute;
            top: 24px;
            left: 92px;
            color: white;
        }
        .image-p-1 {
            font-family: 'Poppins', sans-serif;
            font-size: 15px;
            font-weight: bold;
            position: absolute;
            top: 43px;
            left: 79px;
            color: white;
        }
        .image-p-2 {
            font-family: 'Poppins', sans-serif;
            font-size: 12px;
            position: absolute;
            top: 38px;
            left: 30px;
            color: white;
        }
        .image-p-3 {
            font-family: 'Poppins', sans-serif;
            font-size: 15px;
            font-weight: bold;
            position: absolute;
            top: 72px;
            left: 30px;
            color: white;
        }
    }
    
    @media only screen and (max-width: 767px) and (min-width: 515px) {
        .image-p {
            font-family: 'Poppins', sans-serif;
            font-size: 17px;
            position: absolute;
            top: 24px;
            left: 172px;
            color: white;
        }
        .image-p-1 {
            font-family: 'Poppins', sans-serif;
            font-size: 17px;
            font-weight: bold;
            position: absolute;
            top: 43px;
            left: 159px;
            color: white;
        }
        .image-p-2 {
            font-family: 'Poppins', sans-serif;
            font-size: 15px;
            position: absolute;
            top: 88px;
            left: 30px;
            color: white;
        }
        .image-p-3 {
            font-family: 'Poppins', sans-serif;
            font-size: 17px;
            font-weight: bold;
            position: absolute;
            top: 122px;
            left: 30px;
            color: white;
        }
    }
    
    @media only screen and (max-width: 515px) and (min-width: 0px) {
        .offcanvas-header {
            justify-content: space-between !important;
            align-items: center;
            padding: 15px !important;
        }
        .image-p {
            font-family: 'Poppins', sans-serif;
            font-size: 17px;
            position: absolute;
            top: 24px;
            left: 100px;
            color: white;
        }

        .KategoriButton1 p{
            font-size: 13px;
        }
        .image-p-1 {
            font-family: 'Poppins', sans-serif;
            font-size: 17px;
            font-weight: bold;
            position: absolute;
            top: 43px;
            left: 80px;
            color: white;
        }
        .image-p-2 {
            font-family: 'Poppins', sans-serif;
            font-size: 15px;
            position: absolute;
            top: 58px;
            left: 30px;
            color: white;
        }
        .image-p-3 {
            font-family: 'Poppins', sans-serif;
            font-size: 17px;
            font-weight: bold;
            position: absolute;
            top: 92px;
            left: 30px;
            color: white;
        }
    }
    /*---------revize 2------*/


    @media(max-width: 767px){
       
    }

    .teklif {
        background-color: #C4BBFF;
        height: 56px;
        width: 150px;
        border-radius: 15px;
        color: white;
        border: 0;
        transition: all .5s ease-in-out;
        cursor: pointer;
    }
    /*-------revize 2 ---------*/
    
    .teklif:hover {
        transform: scale(1.05);
        box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
        transition: 0.5s ease-in-out;
    }
    
    .search {
        width: 391px;
        height: 56px;
        border: 0;
        background-color: #F7F7F7;
        border-radius: 16px;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
    }
    
    .search-text {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #A7A6AB;
    }
    
    .search-button-modal {
        background-color: #39C7A5;
        border-radius: 30%;
        padding: 10px;
        font-size: 20px;
        position: absolute;
        right: 20px;
        top: 38px;
    }
    
    .ModalAramaButon1 {
        border-radius: 23px;
        font-size: 12px;
        height: 35px;
        color: #3E4245;
        background-color: #F8F3FF;
    }
    
    .ModalAramaButon2 {
        border-radius: 23px;
        font-size: 12px;
        height: 35px;
        color: #3E4245;
        background-color: #FFF2F4;
    }
    
    .ModalAramaButon3 {
        border-radius: 23px;
        font-size: 12px;
        height: 35px;
        color: #3E4245;
        background-color: #EFFFF4;
    }
    
    .ModalAramaButon4 {
        border-radius: 23px;
        font-size: 12px;
        height: 35px;
        color: #3E4245;
        background-color: #F2FAFF;
    }
    
    .ModalAramaButon1:hover {
        background-color: #c195ff;
        color: #fff;
    }
    
    .ModalAramaButon2:hover {
        background-color: #ff9baa;
        color: #fff;
    }
    
    .ModalAramaButon3:hover {
        background-color: #a8ffc4;
        color: #fff;
    }
    
    .ModalAramaButon4:hover {
        background-color: #9dd9ff;
        color: #fff;
    }
    
    .search-button-modal:hover {
        background-color: #39C7A5;
    }
    
    .modal-search {
        margin-top: 15px;
        width: 362px;
        border-radius: 16px;
        height: 56px;
        padding: 0;
        border: lightgrey 2px solid;
    }
    
    .modal-search2 {
        margin-top: 15px;
        width: 100% !important;
        border-radius: 16px;
        height: 56px;
        padding: 0;
        border: none;
        background: #F7F7F7;
        box-shadow: 0 0 5px #d3d3d3 inset;
    }
    
    #sear {
        font-size: 20px;
        color: #A7A6AB;
    }
    
    #mic {
        font-size: 20px;
        color: #A7A6AB;
    }
    
    .fav {
        height: 56px;
        width: 56px;
        border-radius: 15px;
        background-color: #FFF3F6;
        font-size: 18px;
    }
    
    .basket {
        height: 56px;
        width: 56px;
        border-radius: 15px;
        background-color: #D2F9DF;
        font-size: 18px;
    }
    
    .kayit {
        width: 110px;
        height: 56px;
        border: none;
        background-color: black;
        color: white;
        border-radius: 15px;
    }
    
    .kayit-ol-input {
        height: 45px;
        width: 245px;
        border-radius: 10px;
        padding-left: 23px;
        border: 1px solid #DDDDDD;
        outline: none;
    }
    
    .dogum-input {
        height: 45px;
        width: 70px;
        border-radius: 10px;
        border: 1px solid #DDDDDD;
        outline: none;
    }
    
    .dogum-input2 {
        height: 45px;
        width: 80px;
        border-radius: 10px;
        border: 1px solid #DDDDDD;
        outline: none;
    }
    
     ::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    
     ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }
    /* Handle */
    
     ::-webkit-scrollbar-thumb {
        background: rgb(140, 139, 139);
        border-radius: 10px;
    }
    /* Handle on hover */
    
     ::-webkit-scrollbar-thumb:hover {
        background: rgb(140, 139, 139);
    }
    
    .giris {
        width: 110px;
        height: 56px;
        border: none;
        border-radius: 15px;
        background-color: #EDEFF3;
    }
    
    .point {
        position: absolute;
        font-size: 0.8rem;
        font-weight: 400;
        background: #40AA54;
        color: #fff;
        text-align: center;
        width: 1.3rem;
        height: 1.3rem;
        border-radius: 50%;
        font-style: normal;
        z-index: 1;
        margin-top: -22px;
        font-family: Poppins, sans-serif;
    }
    
    @media all and (min-width: 992px) {
        .navbar .nav-item .dropdown-menu {
            display: none;
        }
        .navbar .nav-item:hover .dropdown-menu {
            display: block;
        }
        .navbar .nav-item .dropdown-menu {
            margin-top: 0;
        }
    }
    
    .menu {
        margin-top: 27px;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
    }
    
    .home-icon:hover {
        transform: scale(1.3);
        color: #6B9DBE;
    }
    
    .dropdown:hover .dropdown-menu {
        display: block;
        margin: 0;
    }
    
    .dropdown-toggle::after {
        display: none;
    }
    
    .navbar,
    .navbar-brand {
        font-size: 14px;
        text-transform: uppercase;
    }
    
    .navbar,
    .navbar-expand-lg,
    .navbar-light,
    .navbar-light .navbar-nav .nav-link {
        color: white;
    }
    
    .dropdown-menu {
        text-align: center;
    }
    
    .navbar-nav,
    .mr-auto {
        flex: 1;
        margin: auto !important;
        display: flex;
        justify-content: space-around;
    }
    
    .card-title {
        font-family: 'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 300;
    }
    
    .incele-btn {
        margin-top: 30px;
        width: 110px;
        height: 56px;
        border-radius: 15px;
    }
    
    .card {
        border-radius: 20px;
    }
    /*SLİDER*/
    
    .carousel {
        width: 100%;
        height: 100%;
        display: flex;
        max-height: 600px;
        overflow: hidden;
        position: relative;
        border-radius: 26px;
    }
    
    .carousel-item.active {
        display: flex !important;
    }
    
    .carousel-item {
        visibility: visible;
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: flex-end;
        -webkit-align-items: center;
        -webkit-justify-content: flex-end;
        position: relative;
        background-color: #fff;
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
        z-index: 0;
        transition: 0.6s all linear;
    }
    
    .carousel-item__info {
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        -webkit-justify-content: center;
        -webkit-flex-direction: column;
        order: 1;
        left: 0;
        margin: auto;
        padding: 0 40px;
        width: 55%;
    }
    
    .carousel-item__image {
        width: 45%;
        height: 100%;
        order: 2;
        align-self: flex-end;
        flex-basis: 60%;
        -webkit-order: 2;
        -webkit-align-self: flex-end;
        -webkit-flex-basis: 60%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        transform: translateX(100%);
        transition: 0.6s all ease-in-out;
    }
    
    .carousel-item__subtitle {
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 3px;
        font-size: 10px;
        text-transform: uppercase;
        margin: 0;
        color: #7E7E7E;
        font-weight: 700;
        transform: translateY(25%);
        opacity: 0;
        visibility: hidden;
        transition: 0.4s all ease-in-out;
    }
    
    .carousel-item__title {
        font-family: 'Poppins', serif;
        font-size: 60px;
        line-height: 60px;
        letter-spacing: 3px;
        font-weight: 600;
        color: #213456;
        transform: translateY(25%);
        opacity: 0;
        visibility: hidden;
        transition: 0.6s all ease-in-out;
    }
    
    .carousel-item__description {
        transform: translateY(25%);
        opacity: 0;
        visibility: hidden;
        transition: 0.6s all ease-in-out;
        margin-top: 35px;
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        color: #7e7e7e;
        line-height: 40px;
        margin-bottom: 35px;
    }
    
    .carousel-item__btn {
        width: 35%;
        color: white;
        background-color: #213456;
        padding: 15px;
        border-radius: 7px;
        font-family: 'Poppins', sans-serif;
        letter-spacing: 3px;
        font-size: 14px;
        text-transform: uppercase;
        margin: 0;
        text-decoration: none;
        transform: translateY(25%);
        opacity: 0;
        visibility: hidden;
        transition: 0.6s all ease-in-out;
    }
    
    .carousel-item__btn:hover {
        color: white;
    }
    
    .carousel__nav {
        position: absolute;
        right: 0;
        z-index: 2;
        background-color: #fff;
        bottom: 0;
    }
    
    .carousel__icon {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        fill: #5d5d5d;
    }
    
    .carousel__arrow {
        cursor: pointer;
        display: inline-block;
        padding: 11px 15px;
        position: relative;
    }
    
    .carousel__arrow:nth-child(1):after {
        content: '';
        right: -3px;
        position: absolute;
        width: 1px;
        background-color: #b0b0b0;
        height: 14px;
        top: 50%;
        margin-top: -7px;
    }
    
    .active {
        z-index: 1;
        display: flex;
        visibility: visible;
    }
    
    .active .carousel-item__subtitle,
    .active .carousel-item__title,
    .active .carousel-item__description,
    .active .carousel-item__btn {
        transform: translateY(0);
        opacity: 1;
        transition: 0.6s all ease-in-out;
        visibility: visible;
    }
    
    .active .carousel-item__image {
        transition: 0.6s all ease-in-out;
        transform: translateX(0);
    }
    /*Slider Bitiş*/
    /*Ürün Kart*/
    
    .owl-nav {
        position: absolute;
        right: 0;
        top: -62px !important;
        /*font-size: 53px;*/
    }
    
    .title-fav {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    
    .title-fav::after {
        border-right: 1px solid #999;
    }
    
    .product-cardMobile {
        width: 166px;
        height: 100%;
    }
    
    .product-detailsMobile {
        padding: 0;
    }
    
    .product-bottom-detailsMobile {
        overflow: hidden;
    }
    
    .product-priceMobile {
        font-size: 16px;
        color: #DBDBDB;
        font-weight: 600;
    }
    
    .fav-iconMobile {
        cursor: pointer;
        position: absolute;
        right: 100px;
        top: 25px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        background: white;
        color: #D6D6D8;
        padding: 5px 10px;
        border-radius: 50%;
    }
    
    .checked {
        color: orange;
    }
    
    .product-card {
        width: 100%;
        height: 100%;
    }
    
    .product-details {
        padding: 30px 0;
    }
    
    .product-catagory {
        display: block;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        color: #ccc;
        margin-bottom: 18px;
    }
    
    .product-details h4 a {
        font-weight: 500;
        display: block;
        margin-bottom: 18px;
        text-transform: uppercase;
        color: #363636;
        text-decoration: none;
        transition: 0.3s;
    }
    
    .product-details h4 a:hover {
        color: #fbb72c;
    }
    
    .product-details p {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .product-bottom-details {
        overflow: hidden;
        padding-top: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .product-bottom-details div {
        width: 50%;
    }

    .product-bottom-details .product-price {
        display: flex;
        flex-direction: column;
        /*
        font-size: 26px;
        color: #DBDBDB;
        font-weight: 600;

         */
    }

    .r_double i{
        font-size: 20px;
    }
    .r_double{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .product-price small {
        font-size: 80%;
        font-weight: 400;
        text-decoration: line-through;
        display: inline-block;
        margin-right: 5px;
    }
    
    .product-links {
        text-align: right;
    }
    
    .product-links button i {
        font-size: 38px;
    }
    .product-links a {
        display: inline-block;
        margin-left: 5px;
        color: #e1e1e1;
        transition: 0.3s;
        font-size: 17px;
    }
    
    .product-links a:hover {
        color: #fbb72c;
    }
    
    .shopping {
        background-color: #88DFB6;
        color: white;
        height: 60px;
        width: 60px;
        font-size: 20px;
        border-radius: 16px;
        white-space: nowrap;
        transition: all .5s ease-in-out;
        cursor: pointer;
    }
    
    .shopping:hover i {
        padding-right: 15px;
        transition: all .5s ease-in-out;
        cursor: pointer;
    }

    .shopping:hover {
        width: 120px;
        box-shadow: 0px 5px 10px #88dfb6cf;
    }
    
    .indirim {
        color: #39C7A5;
    }
    
    .fav-icon {
        cursor: pointer;
        position: absolute;
        right: 25px;
        top: 25px;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        background: white;
        color: #D6D6D8;
        padding: 5px 10px;
        border-radius: 25px;
    }
    
    .fav-icon2 {
        cursor: pointer;
        position: absolute;
        right: 25px;
        top: 25px;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        background: white;
        color: #D6D6D8;
        padding: 5px 10px;
        border-radius: 25px;
    }
    
    .fav-icon2pet {
        cursor: pointer;
        position: absolute;
        right: 8px;
        top: 8px;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 700;
        color: #D6D6D8;
        padding: 5px 10px;
        border-radius: 25px;
    }
    
    .fav-icon2:hover {
        color: red;
    }
    
    .fav-icon-img {
        height: 35px;
        width: 35px;
        border-radius: 50%;
        margin-top: 20px;
        display: none!important;
    }
    
    .product-card:hover .fav-icon-img {
        display: block!important;
    }
    
    .product-card:hover .heart-icon {
        margin-left: 8px;
    }
    
    .product-card:hover .fav-icon {
        padding: 3px 3px;
    }
    
    .fav-icon:active {
        color: #FFF3F6;
    }
    
    .sepet::after {
        content: "Ekle";
        font-size: 20px;
    }
    
    .kayit-checkbox {
        width: 20px;
        height: 20px;
        border: 1px solid red!important;
    }
    
    .star-wrapper {
        /*
        transform: translate(-55%, -50%);
        direction: rtl;
         */
    }
    .icon-star-empty{
        color: #FFF5D1 !important;
    }

    .icon-star{
        color: #FFC600 !important;
    }
    .star-wrapper .rating-count {
        font-size: 17px;
        color: #A7A6AB;
    }
    .star-wrapper i {
        font-size: 20px;
        text-decoration: none;
        transition: all 0.5s;
        margin: 0px;
    }
    
    .star-wrapper2 i {
        font-size: 20px;
        text-decoration: none;
        transition: all 0.5s;
    }
    
    .wraper {
        position: absolute;
        bottom: 30px;
        right: 50px;
    }
    
    .item-caro {
        height: 180px;
        background-color: #FBFBFB;
        width: 150px;
        border-radius: 18px;
    }
    
    .offcanvas-body {
        text-align: center;
        padding-right: 50px;
        padding-left: 50px;
    }
    
    .offcanvas-body button {
        width: 180px;
        height: 56px;
        background-color: #FBC4CF;
        border: 0;
        border-radius: 16px;
        color: white;
    }
    
    .sliders {
        display: flex;
        justify-content: center;
    }
    /*categorysliders image*/
    
    .category-image {
        width: 45px !important;
        height: 45px;
        margin-bottom: 50px;
    }
    
    .category-image2 {
        width: 45px !important;
        height: 45px;
        margin-bottom: 50px;
    }
    
    .category-text2 {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
        position: absolute;
        bottom: 0;
    }
    
    .category-text {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        position: absolute;
        bottom: 20px;
    }
    /**/
    
    .category {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 180px;
        border-radius: 20px;
        background-color: #FBFBFB;
    }

    .owl-carousel .owl-item.active:last-child{

    }
    .scale-2 {
        transition: all .5s ease-in-out;
        cursor: pointer;
    }

    .pr-0{padding-right: 0 !important;}
    .zoom-content{
        overflow: hidden;
        border-radius: 20px;
    }
    .w-100-y{width: 100%}
    .scale-2:hover {
        transform: scale(1.1);
        transition: 0.5s;
    }
    
    .cardshadow {
        background-color: #5d5d5d;
    }
    
    .shadowHover:hover .shadowButton {
        transition: 0.2s;
        bottom: 10%;
        background-color: white !important;
    }
    
    .shadowHover:hover {
        transition: 1.2s;
        bottom: 10%;
        box-shadow: rgba(163, 162, 162, 0.25) 0px 120px 0px -22px inset, rgba(0, 0, 0, 0.3) 0px 0px 0px -18px inset;
    }
    
    .shadowCard {
        margin-top: 27px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 285px;
        height: 448px;
        border-radius: 20px;
        transition: all .5s ease-in-out;
        cursor: pointer;
    }
    
    .shadowButton {
        position: absolute;
        background-color: white;
        color: black;
        left: 12.5%;
        bottom: -15%;
        transition: all .5s ease-in-out;
        cursor: pointer;
    }
    
    .shadow-text {
        font-family: 'Poppins', sans-serif;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }
    /*Markalar*/
    
    .markalar {
        background-color: #F7F8F9;
        height: 240px;
        display: flex;
        align-items: center;
        padding-top: 25px;
    }

    .cgreen{background-color:#EFFFF4}
    .cgreen1{background-color: #F5FFF8;}
    .cblue{background-color: #F0FAFF;}
    .cred{background-color: #FFF3F6;}
    .cyellow{background-color:#FFFDF2}
    .cpink{background-color: #F7F6FF;}
    .ckahve{background-color: #FFF6EE;}
    .cmor{background-color:#F8F3FF}
    .cgray{background-color:#F2F2F2;}
    .corange{background-color:#FFF2F4}
    .whatsapp-sabit-icon {
        background: transparent;
        border-radius: 25px;
        width: 50px;
        height: 50px;
        margin-bottom: 5px;
    }
    
    .whatsapp-sabit-icon {
        position: fixed;
        bottom: 1%;
        left: 3%;
        margin-bottom: 30px;
        z-index: 999;
    }
    
    .whatsapp-sabit-icon:hover {
        background: transparent;
        border-radius: 25px;
        width: 50px;
        height: 50px;
        box-shadow: rgba(0, 255, 0, 0.25) 0px 54px 55px, rgba(0, 255, 0, 0.12) 0px -12px 30px, rgba(0, 255, 0, 0.12) 0px 4px 6px, rgba(0, 255, 0, 0.17) 0px 12px 13px, rgba(0, 255, 0, 0.09) 0px -3px 5px;
        transform: scale(1.1);
        transition: 0.3s ease-in-out;
        margin-bottom: 33px;
    }
    /**/
    
    .red {
        color: red;
    }
    
    .marka {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100px;
        height: 100px;
        border-radius: 50px;
        background-color: #FBFBFB;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }
    
    .vizyon {
        background-color: #F7F8F9;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 27px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .vizyons {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 150px;
        height: 152px;
    }

    .title-fav i{
        padding-left: 23px;font-size: 19px;color: #292d32;
    }
    .title-fav{
        padding-left: 24px;
        font-size: 26px;
        font-weight: 300;
        color: #292d32;
    }

    .vizyon-image {
        width: 79px;
        height: 79px;
    }
    
    .vizyon-text {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        text-align: center;
        margin-top: 30px;
    }
    
    .owl-nav-top>.owl-nav {
        position: absolute;
        top: -3.8rem;
        right: 0rem;
    }
    
    .owl-nav-top>.owl-nav i {
        font-size: 1.4rem;
        font-weight: 400;
    }
    
    .owl-nav-top>.owl-nav i::before {
        margin: 0;
    }
    
    .owl-nav-top>.owl-nav .owl-prev {
        margin-right: 10px;
    }
    
    .owl-nav-top>.owl-nav .owl-next {
        right: -0.8rem;
    }
    
    .owl-nav-top>.owl-nav i {
        font-size: 1.3rem;
        font-weight: 600;
    }
    
    .owl-nav-top>.owl-nav .owl-next span,
    .owl-nav-top>.owl-nav .owl-prev span {
        background-color: #e1e0e0 !important;
        padding: 0 10px 5px !important;
        border-radius: 40%;
        font-weight: bold;
        font-size: 28px;
    }
    
    .owl-nav-top>.owl-nav .owl-next:not(.disabled):hover,
    .owl-nav-top>.owl-nav .owl-prev:not(.disabled):hover {
        color: #336699;
    }
    
    .divider {
        display: flex;
    }
    
    .divider:after {
        content: "";
        flex: 1;
    }
    
    .line {
        align-items: center;
        margin: 1em -1em;
        margin-bottom: 30px;
    }
    
    .line:after {
        height: 1px;
        margin: 0 5em 0px 1em;
    }
    
    .one-line:after {
        background: #E7ECEF;
    }
    
    .offcanvas-body {
        text-align: center;
        padding-right: 50px;
        padding-left: 50px;
        overflow: hidden;d
    }
    
    .offcanvas-body button {
        width: 180px;
        height: 56px;
        background-color: #F98BA1;
        border: 0;
        border-radius: 16px;
        color: white;
    }
    
    .offcanvas-end {
        width: 340px !important;
        border-radius: 0px;
        z-index: 1111;
    }
    /* Beğeni menüsü slider */
    
    .inner {
        width: 940px;
        margin: 0 auto;
    }
    
    .cnt {
        margin-bottom: 60px;
    }
    
    .cnt .inner {
        padding: 80px 30px;
        background: #ffffff;
        border-radius: 25px;
    }
    
    .cnt .lead {
        font-size: 16px;
        color: #ffbec2;
        margin-bottom: 20px;
    }
    
    .slider .swiper {
        overflow: hidden;
    }
    
    .slider .swiper .swiper-slide {
        width: 150px !important;
        height: 150px!important;
        margin: 0 10px !important;
    }
    
    .slider .swiper .swiper-wrapper {
        -webkit-transition-timing-function: linear !important;
        transition-timing-function: linear !important;
    }
    
    .slider .swiper .swiper-slide {
        -webkit-transition: -webkit-transform 0.6s;
        transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        transition: transform 0.6s, -webkit-transform 0.6s;
    }
    
    .slider .swiper .swiper-pagination-bullet {
        opacity: 1;
        background: #ffffff;
    }
    
    .slider .swiper .swiper-pagination-bullet-active {
        opacity: 1;
        background: #5d91a4;
    }
    
    .dropdown-menu {
        width: 13rem;
    }
    
    .mega-submenu {
        left: 100%;
        top: 0;
        min-width: 25rem;
    }
    
    .ktm-mega-menu {
        position: static;
    }
    
    .mega-menu {
        left: 0;
        right: 0;
        width: 100%;
        top: 45px;
        height: 282px;
        border-radius: 0px 0px 20px 20px;
    }
    
    .dropdown-menu li {
        position: relative;
    }
    
    .dropdown-menu .submenu {
        display: none;
        left: 100%;
        top: 0;
    }
    
    .dropdown-menu>li:hover>.submenu,
    .dropdown:hover>.dropdown-menu {
        display: block;
    }
    .backdrop {
        background-color: #0000006e;
        height: 100%;
        left: 0;
        position: absolute;
        top: 262px;
        width: 100%;
        z-index: 100;
        display: none;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);

    }
    .urunaramabackdrop {
        top: 247px;
    }
    
    .footerLogos {
        background-color: #3E4245;
        height: 34px;
        width: 34px;
        border-radius: 50%;
    }
    
    .footer {
        background-color: #292D32;
        padding-bottom: 100px;
        padding-top: 100px;
    }
    
    .footerMobile {
        background-color: #292D32;
        padding-bottom: 50px;
        padding-top: 50px;
    }
    
    .baslik-footer {
        color: white;
        font-size: 16px;
        font-family: 'Open Sans';
        width: 62;
        height: 22;
    }
    
    .p-footer-1 {
        font-family: 'Open Sans';
        font-size: 12px;
        color: white;
    }
    
    .p-footer-2 {
        font-family: 'Open Sans';
        font-size: 16px;
        color: white;
    }
    
    .p-footer-3 {
        color: white;
        font-weight: bold;
        font-size: 34px;
    }
    
    .p-footer-3:hover {
        color: #39C7A5;
        font-size: 39px;
    }
    
    .p-footer-4 {
        color: #9E9EA4;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
    }
    
    .arama-footer {
        background-color: #3E4245;
        border-radius: 7px;
        border: 0;
        width: 285px;
        height: 56px;
        color: white;
    }
    
    .i-footer {
        background-color: #3E4245;
        color: white;
        width: 34px;
        height: 34px;
        border-radius: 50%;
    }
    
    .i-footer:hover {
        background-color: white;
        color: black;
        width: 34px;
        height: 34px;
        border-radius: 50%;
    }
    
    .p-footer-5 {
        text-align: center;
        background-color: white;
        border-radius: 50%;
        vertical-align: middle;
        color: #3D678D;
        text-decoration: none;
    }
    
    .p-rotate {
        transform: rotate(-90deg);
        color: white;
        margin-top: 37px;
    }
    
    #a-footer {
        color: #9E9EA4;
        font-size: 12px;
        text-decoration: none;
    }
    
    #a-footer:hover {
        color: #9E9EA4;
        font-size: 12px;
        text-decoration: none;
    }
    
    #footer-search {
        width: 285px;
        height: 56px;
        background-color: #3E4245;
    }
    
    .input-group-text {
        height: 56px;
        background-color: #3E4245;
    }
    
    .form-control-1 {
        background-color: #3E4245;
    }
    
    .footer-2 {
        background-color: #F7F8F9;
        padding-bottom: 50px;
        padding-top: 50px;
    }
    
    .footer2-button {
        background-color: #000;
        border-radius: 5px;
        width: 148px;
        height: 40px;
    }
    
    .footer2-span {
        font-size: 13px;
        color: white;
        text-align: start;
        display: flex;
        justify-content: left;
    }
    
    .footer2-p {
        color: white;
        font-size: 10px;
        text-align: start;
        margin-left: 3px;
    }
    
    .footer2-span-2 {
        font-size: 18px;
        color: #000;
    }
    
    .footer-3 {
        background-color: white;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .footer3-p3 {
        color: #000;
        font-size: 12px;
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }
    
    .bas {
        display: flex;
        justify-content: start;
    }
    
    .orta {
        display: flex;
        justify-content: center;
    }
    
    .son {
        display: flex;
        justify-content: end;
    }
    
    .navbar-img {
        width: 200px;
        height: 161px;
    }
    
    .cardshadow {
        width: 200px;
        height: 201px;
        border-radius: 25px;
        background-color: #F8F8F8;
    }
    
    .Soru-buton-sabit {
        position: fixed;
        bottom: 1%;
        right: 2%;
        margin-bottom: 30px;
        display: flex !important;
        flex-direction: column!important;
        order: 2!important;
        z-index: 999;
    }
    
    #mesaj {
        background-color: transparent;
        border: 0;
    }
    
    .mesaj-buton {
        width: 266px;
        height: 56px;
        border: 0px;
        border-radius: 20px;
        margin-bottom: 5px;
        background-color: #F7F7F7;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        padding-left: 25px;
    }
    
    .mesaj-buton:hover {
        background-color: #F7F6FF;
        border: 0px;
        border-radius: 20px;
    }
    
    #gonder {
        width: 30px;
        height: 30px;
        border-radius: 15px;
        color: rgb(102, 102, 102);
    }
    
    .mesaj-buton:hover #gonder {
        background-color: #C4BBFF;
        color: white;
    }
    
    #soru-buton {
        background-color: #f7f7f7;
        border: 0px;
        border-radius: 30px;
        color: #0f0f0f;
        width: 266px;
        height: 56px;
    }
    
    .purple {
        background-color: #C4BBFF!important;
        color: white!important;
    }
    
    .sliderContainer {
        height: 600px;
    }
    
    .texts-position {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .ozel-tasarim {
        position: absolute;
        margin-top: -12px;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        font-weight: 300;
        width: 128px;
        height: 25px;
        border: 0px;
        border-radius: 13px;
        padding: 10px;
        background: linear-gradient(#D47198, #F85A6E);
        color: white;
    }
    
    .ozel-tasarim1 {
        position: absolute;
        margin-top: -12px;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        font-weight: 300;
        width: 128px;
        height: 25px;
        border: 0px;
        border-radius: 13px;
        padding: 10px;
        background: linear-gradient(#418CFD, #9ADFB1);
        color: white;
    }
    
    .arkaplan-ozel {
        width: 100%;
        height: 69px;
        border: 0px;
        border-radius: 16px;
        background-color: #FFEFEF;
    }
    
    .p-mobil-raf {
        font-family: 'Poppins', sans-serif;
        font-size: 10px;
        font-weight: bold;
    }
    
    .mobile-navbar-button {
        border: 0px;
        border-radius: 50%;
        background-color: transparent;
        display: flex;
        justify-content: center;
        vertical-align: middle;
    }
    
    .mobile-navbar {
        position: fixed;
        width: 100%!important;
        bottom: 0px;
        z-index: 999;
    }
    /* .mobile-navbar-1 {
    position: fixed;
    width: 100%!important;
    bottom: 50px;
    z-index: 999;
    justify-content: center;
} */
    
    .mobile-navbar-1 {
        position: fixed;
        display: flex;
        bottom: 50px;
        z-index: 999;
    }
    
    .mobile-navbar-arkaplan {
        background-color: #F7F7F7;
        color: #B2B6BE;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }
    
    .shop {
        border: 0px;
        border-radius: 0%;
        background: linear-gradient(#39C7A5, #9ADFB1);
    }
    
    .mobile-navbar-icon {
        display: flex;
        justify-content: center;
        text-align: center;
        margin-top: 20px;
    }
    
    .petshop-button {
        width: 246px;
        height: 260px;
        border: 0px;
        border-radius: 15px;
        transition: all .5s ease-in-out;
        cursor: pointer;
    }
    
    .baslikbegen1 {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #3E4245;
    }
    
    .petshop-button1 {
        margin-bottom: 10px;
        width: 246px;
        height: 75px;
        border: 0px;
        border-radius: 20px;
    }
    
    .petshop-button2 {
        margin-bottom: 10px;
        width: 246px;
        height: 170px;
        border: 0px;
        border-radius: 20px;
    }
    
    .petshop-button2 .petshop-img:hover {
        transform: scale(1.2);
        transition: 0.3s ease-in-out;
    }
    
    .petshop-button .petshop-img:hover {
        transform: scale(1.2);
        transition: 0.3s ease-in-out;
    }
    
    .petshop-button:hover {
        transform: skew(0deg, 5deg);
        -webkit-transform: skew(0deg, 5deg);
    }
    
    .petshop-button1:hover {
        transform: skew(0deg, 5deg);
        -webkit-transform: skew(0deg, 5deg);
    }
    
    .petshop-button2:hover {
        transform: skew(0deg, 5deg);
        -webkit-transform: skew(0deg, 5deg);
    }
    
    .mobileKategori {
        width: 100%!important;
    }
    
    .mobileKategori2 {
        height: 100%!important;
    }
    
    .questionBasket {
        height: 42px;
        width: 42px;
        background-color: white;
        border-radius: 50%;
    }
    
    .quitmobileBasket {
        height: 40px;
        width: 40px;
        background-color: white;
        border-radius: 30%;
        padding: 0!important;
    }
    
    .mobileBasketbutton {
        width: 180px;
        height: 56px;
        background-color: #39C7A5;
    }
    
    .mobileBasketbutton:hover {
        background-color: #39C7A5;
    }
    
    .mobileFavbutton {
        background-color: #F98BA1;
        width: 180px;
        height: 56px;
    }
    
    .mobileFavbutton:hover {
        background-color: #F98BA1;
    }
    
    .mobileGirisText {
        height: 56px!important;
        border-radius: 15px!important;
        border: 1px solid #DDDDDD;
    }
    
    .mobilegirisİcon {
        width: 142px!important;
        height: 56px!important;
    }
    
    .mobileGirisYapButton {
        width: 300px!important;
        height: 56px!important;
        border-radius: 16px!important;
        background-color: #418CFD!important;
    }
    
    .mobileGirisYapButton2 {
        width: 300px!important;
        height: 56px!important;
        border-radius: 16px!important;
        background-color: #4FB951!important;
    }
    
    .mobileKategori {
        width: 100%!important;
    }
    
    .KategoriHeader {
        background-color: #F7F8F9;
    }
    
    .BaslikKategori {
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        font-weight: bold;
    }
    
    .KategoriButton {
        width: 350px!important;
        border-radius: 16px!important;
        height: 63px!important;
        color: #000!important;
        background-color: white!important;
        font-family: 'Poppins', sans-serif!important;
        padding-top: 15px !important;
    }
    
    .KategoriButton1 {
        width: 350px!important;
        border-radius: 16px!important;
        height: 63px!important;
        color: #000!important;
        background-color: #F7F8F9!important;
        font-family: 'Poppins', sans-serif!important;
        padding-top: 15px !important;
        margin-bottom: 2px!important;
    }
    
    .KategoriButton2 {
        width: 350px!important;
        border-radius: 16px!important;
        height: 63px!important;
        color: white!important;
        background-color: #C4BBFF!important;
        font-family: 'Poppins', sans-serif!important;
        padding-top: 15px !important;
    }
    
    .KategoriButton3 {
        width: 350px!important;
        border-radius: 0px!important;
        height: 63px!important;
        color: #000!important;
        background-color: white!important;
        font-family: 'Poppins', sans-serif!important;
        padding-top: 15px !important;
    }
    
    .closeKategori {
        height: 40px;
        width: 40px;
        padding-right: 7px;
        color: #000;
        border-radius: 10px;
        background-color: white;
    }
    
    .questionKategori {
        height: 42px;
        width: 42px;
        background-color: #AF85EC;
        color: white;
        border-radius: 50%;
    }
    
    .MobileKampanya {
        width: 100%;
        height: 56px;
        border: 0px;
        border-radius: 16px;
        background: linear-gradient(#F9C6FF, #B492EE);
    }
    
    .MobileKampanyaP {
        color: white;
        font-size: 16px;
        margin-top: 15px;
        font-family: 'Poppins', sans-serif!important;
    }
    
    .MobileKampanyaI {
        color: white;
        font-size: 16px;
        margin-top: 20px;
    }
    
    .SihirliDiv {
        background: radial-gradient(#D4E5EE, #D3E3FE);
    }

    .stage{
        display: none;
    }
    
    .SihirliButton {
        width: 166px;
        height: 55px;
        border: 0px;
        font-size: 12px;
        border-radius: 16px;
        background-color: white;
        margin-left: 15px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    
    .SihirliMobile {
        width: 166px;
        height: 207px;
        border-radius: 16px;
        display: flex;
        justify-content: center;
        margin-left: 15px;
    }
    
    .rating {
        display: inline-block;
        position: relative;
        margin: 0;
        font-size: 25px;
    }
    
    .rating label {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        cursor: pointer;
    }
    
    .rating label:last-child {
        position: static;
    }
    
    .rating label:nth-child(1) {
        z-index: 5;
    }
    
    .rating label:nth-child(2) {
        z-index: 4;
    }
    
    .rating label:nth-child(3) {
        z-index: 3;
    }
    
    .rating label:nth-child(4) {
        z-index: 2;
    }
    
    .rating label:nth-child(5) {
        z-index: 1;
    }
    
    .rating label input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }
    
    .rating label .icon {
        float: left;
        color: transparent;
    }
    
    .rating label:last-child .icon {
        color: #000;
    }
    
    .rating:not(:hover) label input:checked~.icon,
    .rating:hover label:hover input~.icon {
        color: orange;
    }
    
    .rating label input:focus:not(:checked)~.icon:last-child {
        color: #000;
        text-shadow: 0 0 5px orange;
    }
    
    .product-tumb img#ana {
        display: inline;
    }
    
    .product-tumb:hover img#ana {
        display: none;
    }
    
    .product-tumb img#baba {
        display: none;
    }
    
    .product-tumb:hover img#baba {
        display: inline;
    }
    
    .product-tumb {
        border-radius: 20px;
    }
    
    .modalmenu {
        border-radius: 15px;
    }
    /* KULLANICI PANEL */
    
    .begenialan {
        border: 0;
        border-radius: 16px;
        margin: 15px;
        border-bottom: 1px solid #EDEFF3!important;
    }

    .pagination li.active span{
        padding: 10px 17px;
        background: #ff8a41;
        border-radius: 5px;
        margin: 0 5px;
        color: white;
    }

    .begenialan:hover {
        background-color: #EDEFF3;
    }
    
    .tumukullanicibutton {
        width: 100%;
        height: 46px;
        border-radius: 10px;
        margin-top: 7px;
        font-family: 'Poppins';
        font-size: 16px;
        color: #283342;
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 10px;
    }
    
    .kullanicibutton {
        border: 20px;
        background-color: #fff;
    }
    
    .kullaniciul {
        width: 241px;
        height: 316px;
        border-radius: 20px;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
    }
    
    .kullanicili {
        width: 225px;
        height: 38px;
        border-radius: 19px!important;
    }
    
    .kullanicilia {
        width: 225px;
        height: 38px;
        border-radius: 19px!important;
    }
    
    .kullanicilia:hover {
        background-color: #f7f7f7!important;
    }
    
    .sepetbuton {
        color: #39C7A5!important;
        background-color: #EFFFF4!important;
        border-radius: 16px!important;
        width: 100%!important;
        margin: 10px!important;
    }
    
    .sepetbuton1 {
        color: #3D678D!important;
        background-color: #F0FAFF!important;
        border-radius: 16px!important;
        width: 100%!important;
        margin: 10px!important;
    }
    
    .sepetbuton2 {
        color: #000!important;
        background-color: #fff!important;
        border: 1px solid #EDEFF3!important;
        border-radius: 10px!important;
        width: 100%!important;
    }
    
    .begenibutton {
        width: 37px!important;
        height: 37px!important;
        border-radius: 10px!important;
        background-color: #88DFB6!important;
    }
    
    .begenibutton1 {
        width: 37px!important;
        height: 37px!important;
        border-radius: 10px!important;
        background-color: #CACED4!important;
    }
    /* KULLANICI PANELİ SON*/
    /* URUNARAMA */
    
    .urunaramasonuc {
        border: 1px solid #CCD1DC;
        border-radius: 16px;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: 10px;
        padding: 15px 5px;
    }
    
    .urunaramasonuc .filter-content{
        display: none;
    }
    .urunaramasonuc.opened .filter-content{
        display: block;
    }
    .urunaramasonuc>strong {
        padding-left: 15px;
        font-size: 16px;
        padding-bottom: 19px;
        font-family: 'Poppins', sans-serif;
    }
    
    .urunaramasonuc>p {
        padding-left: 15px;
        color: #000;
        font-size: 14px;
        margin-bottom: 5px!important;
        font-family: 'Poppins', sans-serif;

    }

    .urunaramasonuc .form-check img{
        border-radius: 50%;
    }
    .urunaramasonuc .form-check {
        display: flex;
        min-height: 1.5rem;
        padding-left: 1.5em;
        margin-bottom: .125rem;
        align-items: center;
    }
    .urunaramasonuc ul {
        margin: 0;
        padding: 0;
    }
    .urunaramasonuc>a {
        padding-left: 15px;
        color: #000;
        font-size: 14px;
        margin-bottom: 5px!important;
        font-family: 'Poppins', sans-serif;
        display: block;
        line-height: 16px;
    }
    
    .urunaramasonuc>p>span {
        color: #B7BBC1;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
    }
    
    .UAfiyataralik {
        background-color: #39C7A5;
        border-radius: 10px;
        width: 80px;
        height: 56px;
        border: 0;
    }
    
    .UAinputfiyataralik {
        background-color: #F3F4F7;
        border-radius: 10px;
        width: 70px;
        height: 56px;
        border: 0;
    }
    
    .UAteklifler {
        width: 20px;
        height: 20px;
        border: 1px solid #14b45c!important;
        border-radius: 5px!important;
    }
    
    .UAsearch {
        margin-left: 15px;
        background-color: #F3F4F7;
        border-radius: 10px;
        border: 0;
        width: 90%;
        height: 56px;
    }
    /*-----kAMPANYALAR----*/
    
    .kampanyaCard {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        background: #fff;
        width: 80px;
        position: absolute;
        right: 20px;
        top: 10px;
        border-radius: 15px;
        padding: 5px;
        text-align: center;
    }
    /*-----kAMPANYALAR END----*/
    /*------filtreler radio button-------*/
    
    label {
        display: flex;
        align-items: center;
    }
    
    input:checked~span {
        background: #14b45c;
    }
    
    input:checked~span:after {
        left: 20px;
        background: whitesmoke;
    }
    
    input:checked~span:active::after {
        left: 17px;
        background: whitesmoke;
    }
    
    input:not(:checked)~span:active {
        background: #a3a3a3;
    }
    
    input:not(:checked)~span:active::after {
        background: rgb(248, 248, 248);
    }
    
    .toggle_background {
        display: flex;
        align-items: center;
        width: 45px;
        height: 25px;
        position: relative;
        cursor: pointer;
        background: #babacc;
        border-radius: 2em;
        border: 2px transparent solid;
        transition: all 0.3s;
    }
    /* ---- toggle switching cricle design code ---- */
    
    .toggle_background::after {
        content: "";
        display: flex;
        position: absolute;
        width: 19px;
        height: 19px;
        left: 0px;
        top: 1px;
        border-radius: 50px;
        background: #f0f5f9;
        transition: all 0.3s;
        box-shadow: 2px 2px 5px rgba(110, 110, 110, 0.253);
    }
    
    span:active:after {
        width: 70%;
    }
    /* circle and vertical line in toggle background code */
    
    .circle-icon {
        position: absolute;
        right: 15%;
        border: solid 2px rgb(95, 95, 95);
        border-radius: 50%;
        width: 5px;
        height: 5px;
    }
    
    .vertical_line {
        position: absolute;
        left: 22%;
        background: rgb(241, 241, 241);
        width: 2px;
        height: 8px;
    }
    
    .one {
        position: relative;
        width: 45px;
        height: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 8px;
    }
    
    .name {
        position: absolute;
        top: 4px;
        padding: 5px;
        box-shadow: 1px 1px 50px #503ab026;
        border-radius: 1px;
        max-width: 280px;
    }
    /*----- end ----*/
    /*Media Query*/
    
    @media only screen and (max-width: 1400px) {
        .giris {
            width: 100px;
        }
        .kayit {
            width: 100px;
        }
        .fav-icon {
            right: 75px;
        }
        .shadowCenter {
            display: flex;
            justify-content: center;
        }
        .carousel-item__btn {
            width: 50%;
        }
    }
    
    @media only screen and (max-width: 1200px) {
        .giris {
            height: 25px;
        }
        .kayit {
            height: 25px;
        }
        .carousel-item__title {
            font-size: 30px;
        }
        .carousel-item__description {
            font-size: 15px;
        }
        .carousel-item__btn {
            width: 50%;
        }
        .shadowCenter {
            display: flex;
            justify-content: center;
        }
        .teklif2 {
            display: flex;
            justify-content: center;
        }
        .cardshadow {
            width: 100px;
            height: 161px;
        }
        .card-lg-img {
            width: 100px;
            height: 101px;
        }
        .fav-icon {
            right: 25px;
        }
        .petshopNavbar {
            height: 30%;
            width: 200px;
        }
        .petshopNavbar2 {
            height: 70%;
            width: 200px;
        }
    }
    
    @media only screen and (max-width: 1400px) and (min-width:1200px) {
        .fav-icon2 {
            right: 65px;
        }
    }
    
    @media only screen and (max-width: 992px) and (min-width:768px) {
        .fav-icon2 {
            right: 65px;
        }
    }
    
    @media only screen and (max-width: 768px) and (min-width:576px) {
        .fav-iconMobile {
            right: 12px;
            top: 15px;
        }
    }

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

        .cart-products li .border-line{
            display: none !important;
        }
        .cart-products li {
            flex-direction: column !important;
            align-content: flex-start !important;
            justify-content: space-between !important;
            align-items: flex-start !important;
            padding: 15px !important;
        }

        .cart-products .image-area {
            margin-right: 10px !important;
            width: 109px !important;
        }

        .cart-products li .price-area {
            padding: 20px 0px !important;
            align-content: flex-start !important;
            flex-wrap: nowrap !important;
            justify-content: center !important;
            align-items: flex-start !important;
            flex-direction: column !important;
        }

        .cart-products .product-area .center-area {
            min-width: auto !important;
        }

        .cart-products li .product-area{
            width: 100% !important;
        }

        .address-item {
            flex-wrap: wrap;
        }

        .payment-actions, .shadow-card {
            margin-top: 20px;
        }

        .design-header .title-area{
            padding-left: 0 !important;
        }
        .design-header{
            flex-direction: column !important;
            align-items: flex-start !important;
        }

        .design-header .design-title{
            font-size: 26px !important;
            line-height: 45px !important;
        }

        .design-list ul li a{
            font-size: 22px !important;
        }

        .selected-title{
            font-size: 18px !important;
        }


        .image-area {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory; /* Yumuşak kayma */
            -webkit-overflow-scrolling: touch;
        }

        .image-item {
            flex: 0 0 50%; /* 2'şer gösterim için yarım genişlik */
            scroll-snap-align: start;
            box-sizing: border-box;
            padding: 5px;
        }

        .image-item img {
            width: 100%;
            display: block;
            border-radius: 6px;
        }

        /* Scroll çubuğunu gizlemek için */
        .image-area::-webkit-scrollbar {
            display: none;
        }

        .design-nav ul{
            gap: 60px !important;
        }

        .design-nav ul li .nav-page:after, .design-nav ul li .nav-page:before{
            width: 35px !important;
        }

        .detail-group{
            padding: 30px 0px !important;
        }

        .design-pages .size-page {
            display: flex;
            gap: 20px !important;
            flex-direction: column !important;
        }
        .design-pages .page-image img {
            max-width: 100% !important;
        }

        .design-pages {
            padding: 20px !important;
            width: 90% !important;

        }

        .form-item .form-element {
            gap: 0px !important;
            flex-direction: column !important;
        }

        .left-animation{
            right: -115px !important;
        }

        .form-item .form-element .form-content{
            max-width: 100% !important;
        }

        .product-footer .footer-item{
            margin-bottom: 10px !important;
        }
        .product-footer{
            padding-top: 0 !important;
        }
    }

    @media only screen and (max-width:576px) {
        .fav-iconMobile {
            right: 15px;
        }
        .category {
            width: 100px;
            height: 180px;
        }
        .urunlerSliders {
            width: 100%;
        }
        .mobileheaderRes {
            width: 100%!important;
            margin-left: 0px;
        }
        .marka {
            width: 75px;
            height: 75px;
        }

        .arkaplan-ozel .col-3{
            padding-right: 5px;
            padding-left: 5px;
        }
        .arkaplan-ozel img{
            width: 100%;
        }

        .arkaplan-ozel {
            padding: 0 7px;
        }

        .p-mobil-raf {
            font-size: 12px;
            font-weight: 300;
            display: block;
            line-height: 15px;
            margin-top: 7px;
        }


        .flex-centers {
            display: flex;
            justify-content: space-around;
            align-items: center;
            border-top: 12px solid white;
        }
        .stage {
            display: block;
            max-width: 375px;
            width: 375px;
            margin: 0 auto;
            position: fixed;
            z-index: 1111;
            bottom: 0;
            left: 0;
        }

        .home.active {
            color: var(--accent-color);
        }
        .home-style {
            --app-content-background-color: #c0d8ec;
        }

        .products.active {
            --outset-shadow: rgba(247, 167, 103, 0.45);
            --inset-shadow: rgba(149, 62, 8, 0.45);
            --clay-box-shadow: rgba(211, 69, 20, 0.4);
            --clay-background-color: #d34514;
            --clay-fg-color: #f1f2f3;
            color: #690c0c;
        }
        .products-style {
            --app-content-background-color: #d36e5a;
        }

        .services.active {
            --outset-shadow: rgba(255, 159, 40, 0.45);
            --inset-shadow: rgba(88, 54, 13, 0.45);
            --clay-box-shadow: rgba(88, 54, 13, 0.4);
            --clay-background-color: #ed9426;
            --clay-fg-color: #f1f2f3;
            color: #cf5c0f;
        }
        .services-style {
            --app-content-background-color: white;
        }

        .about.active {
            --outset-shadow: rgba(93, 255, 85, 0.45);
            --inset-shadow: rgba(28, 78, 26, 0.45);
            --clay-box-shadow: rgba(28, 78, 26, 0.4);
            --clay-background-color: #4dd146;
            --clay-fg-color: #f1f2f3;
            color: #4dd146;
        }
        .about-style {
            --app-content-background-color: #4dd146;
        }

        .help.active {
            --outset-shadow: rgba(230, 230, 230, 0.45);
            --inset-shadow: rgba(81, 81, 81, 0.45);
            --clay-box-shadow: rgba(81, 81, 81, 0.4);
            --clay-background-color: #a3a3a3;
            --clay-fg-color: #f1f2f3;
            color: #783896;
        }
        .KategoriButton,.KategoriButton1,.KategoriButton2 {
            width: 100% !important;
        }

        .help-style {
            --app-content-background-color: #a3a3a3;
        }

        .btn-close{
            margin:0 !important;
        }

        .offcanvas-body{
            overflow: auto;
            padding-right: 15px !important;
            padding-left: 15px !important;
            padding-bottom: 90px !important;
        }

        .card-custom {
            box-shadow: 0 6px 15px #e1e1e1;
            margin-bottom: 30px;
            padding: 20px !important;
        }

        .bid-steps {
            max-width: 900px;
            margin: 0 auto;
            padding: 10px 0 !important;
        }

        .bid-logo {
            position: relative;
            left: -30px;
        }

        .tabbar {
            background-color: transparent;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            box-shadow: none;
            height: 120px;
            display: flex;
            flex-direction: column;
            box-sizing: content-box;
            position: relative;
            overflow: hidden;
            transition: background-color 0.4s;
        }
        .tabbar ul,
        .tabbar li {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .tabbar ul {
            position: absolute;
            bottom: 0;
            width: 100%;
            background-color: #f9f8fa;
            align-self: flex-end;
            justify-content: center;
            height: 65px;
        }
        .tabbar li {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1rem;
            margin-right: 5px;
            transition: all 0.4s;
            background-color: #f9f8fa;
            width: 60px;
            height: 60px;
            position: relative;
            color: #888;
            cursor: pointer;
        }
        .tabbar li:last-child {
            margin-right: 0;
        }

        .tab-style1 ul {
            justify-content: center;
        }
        .tab-style1 li {
            display: flex;
            justify-content: center;
            align-items: center;
            top: 1px;
            left: 0;
            width: 60px;
            height: 50px;
            transition: top 0.2s ease-out, width 0.4s, border-radius 0.4s, box-shadow 0.4s;
        }
        .tab-style1 li.follow {
            position: absolute;
            border-radius: 100%;
            content: " ";
            width: 78px;
            height: 78px;
            border: 10px solid white;
            background-color: white;
            top: -45px;
            transition: left 0.4s ease-in, background-color 0.4s, border-color 0.4s;
        }
        .tab-style1 li.follow:before, .tab-style1 li.follow:after {
            content: " ";
            position: absolute;
            top: 24px;
            right: -27px;
            border-top: 11px solid white;
            background-color: #f9f8fa;
            width: 20px;
            height: 20px;
            box-sizing: border-box;
            transition: border-color 0.4s;
        }
        .tab-style1 li.follow::after {
            border-top-left-radius: 100%;
        }
        .tab-style1 li.follow:before {
            left: -27px;
            right: unset;
            border-top-right-radius: 100%;
        }
        .tab-style1 li:nth-child(1).active ~ .follow {
            left: 16px;
        }
        .tab-style1 li:nth-child(2).active ~ .follow {
            left: 80px;
        }
        .tab-style1 li:nth-child(3).active ~ .follow {
            left: 145px;
        }
        .tab-style1 li:nth-child(4).active ~ .follow {
            left: 210px;
        }
        .tab-style1 li:nth-child(5).active ~ .follow {
            left: 275px;
        }
        .tab-style1 .active {
            z-index: 100;
            width: 60px;
            height: 60px;
            top: -2rem;
            border-radius: 100%;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        }

        .tab-style2 ul {
            justify-content: center;
        }
        .tab-style2 li {
            border-top-left-radius: 100%;
            border-top-right-radius: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            top: 1px;
            left: 0;
            width: 60px;
            height: 50px;
        }
        .tab-style2 .active {
            width: 60px;
            height: 60px;
            top: -1rem;
        }
        .tab-style2 .active span {
            font-size: 2rem;
        }
        .tab-style2 .active:before, .tab-style2 .active:after {
            position: absolute;
            content: " ";
            width: 13px;
            height: 13px;
            border-bottom: 4px solid #f9f8fa;
            top: 8px;
        }
        .tab-style2 .active:before {
            border-bottom-right-radius: 100%;
            left: -7px;
        }
        .tab-style2 .active:after {
            border-bottom-left-radius: 100%;
            right: -7px;
        }

        .tab-style3 li {
            top: -8px;
            width: 60px;
            height: 35px;
            background-color: transparent;
            padding-top: 3px;
        }
        .tab-style3 li.follow {
            position: absolute;
            top: 0;
            display: flex;
            border-top: 3px solid #333;
            width: 60px;
            height: 1px;
            transition: all 0.3s ease-out;
        }
        .tab-style3 li:nth-child(1).active ~ .follow {
            left: 20px;
            z-index: 20;
        }
        .tab-style3 li:nth-child(2).active ~ .follow {
            left: 88px;
            z-index: 20;
        }
        .tab-style3 li:nth-child(3).active ~ .follow {
            left: 149px;
            z-index: 20;
        }
        .tab-style3 li:nth-child(4).active ~ .follow {
            left: 216px;
            z-index: 20;
        }
        .tab-style3 li:nth-child(5).active ~ .follow {
            left: 283px;
            z-index: 20;
        }

        .tab-style4 li {
            width: 60px;
            height: 40px;
            flex-direction: column;
            overflow: hidden;
        }
        .tab-style4 li span {
            position: relative;
            top: 3px;
            transition: top 0.4s ease-out, font-size 0.2s ease-out;
            text-shadow: inset 2px 2px 4px var(--clay-box-shadow);
        }
        .tab-style4 li:after {
            width: 100%;
            height: 10px;
            text-transform: uppercase;
            text-align: center;
            font-size: 8px;
            font-weight: bold;
            position: relative;
            bottom: -30px;
            opacity: 0;
            transition: bottom 0.2s ease-out, opacity 0.4s ease-out;
        }
        .tab-style4 li.active:after {
            opacity: 1;
            bottom: 2px;
            text-shadow: inset 2px 2px 8px var(--clay-box-shadow);
        }
        .tab-style4 li:nth-child(1):after {
            content: "home";
        }
        .tab-style4 li:nth-child(2):after {
            content: "products";
        }
        .tab-style4 li:nth-child(3):after {
            content: "services";
        }
        .tab-style4 li:nth-child(4):after {
            content: "company";
        }
        .tab-style4 li:nth-child(5):after {
            content: "help";
        }
        .tab-style4 .active span {
            font-size: 1.1rem;
            top: -4px;
        }

        .tab-style5 ul {
            justify-content: center;
        }
        .tab-style5 li {
            display: flex;
            justify-content: center;
            align-items: center;
            top: 1px;
            left: 0;
            width: 60px;
            height: 50px;
            transition: top 0.4s ease-out, border-radius 0.4s ease-out, box-shadow 0.4s ease-out;
        }
        .tab-style5 .active {
            width: 60px;
            height: 60px;
            border-radius: 100%;
            top: -1rem;
            background-color: var(--clay-background-color);
            box-shadow: 1px 2px 4px 0 var(--clay-box-shadow), 2px 4px 8px 0 var(--clay-box-shadow), inset 2px 2px 8px var(--outset-shadow), inset -2px -2px 8px var(--inset-shadow);
            color: var(--clay-fg-color);
        }
        .tab-style5 .active span {
            font-size: 2rem;
        }

    }
    
    @media only screen and (max-width: 992px) {
        .button-medium {
            width: 300px;
        }
        .teklif2 {
            width: 120px;
        }
        .logo-medium {
            width: 120px;
        }
        .image-medium {
            display: flex;
            align-items: center;
        }
        .teklif2 {
            margin-left: 10px;
            margin-right: 10px;
        }
        .medium-heart {
            margin-right: 10px;
        }
        .fav-icon {
            right: 55px;
        }
        .carousel-item__btn {
            width: 75%;
        }
        .petshopNavbar {
            height: 30%;
            width: 130px;
        }
        .petshopNavbar2 {
            height: 70%;
            width: 130px;
        }
        .petshop-img {
            width: 100px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .owl-nav {
            display: none;
        }
        .button-medium {
            width: 100%;
        }
        .logos {
            display: flex;
            justify-content: center;
            margin-top: 0;
        }
        #mobil-search{
            position: relative;
        }
        .search-button-modal {
            padding: 2px 12px;
            font-size: 14px;
            position: absolute;
            right: 23px;
            top: 23px;
            display: flex !important;
            align-items: center;
            justify-content: center;
        }

        .iletisim {
            background-color: white;
        }
        .sliderContainer {
            height: 200px;
        }
        .SliderText {
            padding-left: 20px!important;
        }
        .carousel-item__title {
            font-size: 20px;
            line-height: 20px;
            padding-top: 40px!important;
        }
        .carousel-item__description {
            font-size: 11px;
            line-height: 15px;
            margin-top: 0;
        }
        .mobileSlids {
            width: 100%;
        }
        .sihirliMobile2 {
            width: 100%;
        }
    }
    
    @media only screen and (max-width: 400px) {
        .mobileSlids {
            width: 100%;
        }
    }
    
    .search-container {
        align-items: center;
        display: flex;
        justify-content: left;
    }
    
    input.no-submit {
        padding: 7px 8px 7px 30px;
        background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/55/Magnifying_glass_icon.svg");
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: 10px center;
    }
    
    .aramasonuc {
        background-color: #F3F4F7;
        padding: 0 20px;
    }
    
    .urunaramaslider .swiper {
        background-color: #39C7A5;
        padding: 50px 65px;
        border-radius: 20px;
    }
    
    .urunaramaslider .swiper-button-next,
    .urunaramaslider .swiper-button-prev {
        background-color: #fff;
        color: #39C7A5;
    }
    
    .urunaramaslider .swiper-button-prev.swiper-button-disabled {
        opacity: 1 !important;
    }
    
    .urunaramaslider .swiper-button-prev,
    .urunaramaslider .swiper-container-rtl .swiper-button-next,
    .urunaramaslider .swiper-button-next,
    .urunaramaslider .swiper-container-rtl .swiper-button-prev {
        background-image: none !important;
        padding: 10px;
    }
    
    .urunaramaslider .swiper-button-prev,
    .urunaramaslider .swiper-container-rtl .swiper-button-next {
        border-radius: 0px 15px 15px 0px;
    }
    
    .urunaramaslider .swiper-button-next,
    .urunaramaslider .swiper-container-rtl .swiper-button-prev {
        border-radius: 15px 0px 0px 15px;
    }
    
    .urunaramaslider .swiper-button-next,
    .urunaramaslider .swiper-button-prev {
        width: 50px !important;
    }
    
    .z-index1 {
        z-index: 1;
    }
    
    .swiper-pagination {
        top: 190px;
        right: 0;
        left: auto !important;
        text-align: right !important;
    }
    
    .swiper-pagination-bullet-active::before {
        content: " ";
        max-width: 6px;
        max-height: 6px;
        min-width: 6px;
        min-height: 6px;
        border-radius: 50%;
        background-color: #D6D6D8;
        display: block;
        margin-top: 1.5px;
        margin-left: 1.5px;
    }
    
    .swiper-pagination-bullet {
        background: #fff !important;
        width: 10px !important;
        height: 10px !important;
        opacity: 1 !important;
    }
    
    .br-10 {
        border-radius: 10px !important;
    }
    
    .p5px {
        padding: 5px;
    }
    
    .w120h150 {
        width: 120px;
        height: 150px;
    }
    
    .fs12 {
        font-size: 12px;
    }
    
    .fs16 {
        font-size: 16px;
    }
    
    .fivatsvg {
        background-color: #39C7A5;
        border-radius: 5px;
        width: 23px;
        height: 23px;
    }
    
    .form-select {
        font-family: 'Poppins', sans-serif;
        height: 56px;
        background-color: #FAFAFC;
        color: #8E98AC;
        border-radius: 10px;
        border: 1px solid #d6dce1;
    }
    
    .p10px {
        margin: 10px;
    }
    
    .order option {
        min-height: 50px;
    }
    
    .btn-raf {
        background-color: #39C7A5;
        border-radius: 15px;
    }
    
    .urunhover:hover .btn-raf {
        display: block !important;
    }
    
    .urunhover:hover {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    
    .urunhover:hover .product-price {
        display: none;
    }
    
    .slide-img {
        width: 220px;
        height: 220px;
    }
    
    .begenurun:active {
        display: none;
    }
    
    .kullaniciul {
        width: 241px;
        height: 316px;
        border-radius: 20px;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
    }
    
    .kullanicili {
        width: 225px;
        height: 38px;
        border-radius: 19px!important;
    }
    
    .kullanicilia {
        width: 225px;
        height: 38px;
        border-radius: 19px!important;
    }
    
    .kullanicilia:hover {
        background-color: #f7f7f7!important;
    }
    
    .one {
        position: relative;
        width: 45px;
        height: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 8px;
    }
    
    .name {
        position: absolute;
        top: 4px;
        padding: 5px;
        box-shadow: 1px 1px 50px #503ab026;
        border-radius: 1px;
        max-width: 280px;
    }
    /*--------hesabim.heml*/
    
    #section-tab,
    #tab-control,
    #tab-div,
    ul {
        list-style: none;
    }
    
    .lileft {
        padding: 1rem;
        border: 1px solid rgba(0, 0, 0, 0.493);
        margin: 1rem 0;
        cursor: pointer;
        font-weight: 600;
    }
    
    #section-tab i{
        font-size: 22px;
        color: var(--bs-body-color);
        padding-right: 10px;
    }

    #section-tab a{
        color: var(--bs-body-color);
        font-size: 15px;
        font-weight: 300;
        display: flex;
        gap: 5px;
        align-items: center;
    }
    #section-tab {
        display: flex;
        padding: 20px;
    }
    
    #tab-control {
        width: 30vw;
    }
    
    #control-selected a,#control-selected i{
        color: white;
    }
    #control-selected {
        background-color: #283943;
        color: white;
    }
    
    #control-selected path {
        fill: white;
    }
    
    .menulerhesap {
        font-weight: 300;
    }
    
    .hesabimisim {
        background: rgb(65, 140, 253);
        background: linear-gradient(90deg, rgba(65, 140, 253, 1) 0%, rgba(65, 140, 253, 1) 50%, rgba(105, 178, 220, 1) 100%);
        border-radius: 20px;
        color: white;
        font-family: 'Poppins';
        height: 95px;
        width: 100%;
    }
    
    .hesabimbaslik {
        font-size: 20px;
        font-family: 'Poppins';
        font-weight: bold;
        padding-top: 25px;
        padding-left: 25px;
        padding-bottom: 15px;
    }
    
    .hesabimhr {
        border: 1px solid #CFCFCF!important;
    }
    
    .hesabim-p {
        font-size: 16px;
        padding-left: 15px;
        padding-top: 25px;
    }
    
    .hesabim-p1 {
        font-size: 17px;
        font-weight: bold;
        padding-left: 15px;
        margin-top: -20px;
    }
    
    .hesabim-img {
        padding-top: 7px;
        padding-right: 5px;
    }
    
    .hesabimgeributton {
        background-color: white;
        color: black;
        border: 0px;
        border-radius: 50%;
        width: 56px;
        height: 56px;
    }
    
    .arama-hesabim {
        height: 56px;
        border: 0;
        border-radius: 16px !important;
    }
    
    .hesabimsection {
        background-color: white;
        width: 100%;
        height: 55px;
        font-family: 'Poppins';
        border: 0;
        border-radius: 16px;
        padding-right: 0;
    }
    
    .vr {
        height: 100%;
        width: 2px;
        background-color: #E9E9E9;
    }
    
    .vr1 {
        height: 20px;
        width: 2px;
        background-color: black;
    }
    
    .hesabimonemlialan {
        text-align: center;
        font-family: 'Poppins';
        background-color: #FFF2F4;
        border-radius: 7px;
        margin-top: 20px;
        padding-top: 15px;
        width: 100%;
        height: 77px;
        font-size: 14px;
        color: #484848;
    }
    
    .hesabimguncelle {
        color: white;
        border: 0px;
        border-radius: 10px;
        width: 100%;
        height: 56px;
        background-color: #418CFD;
    }
    
    .siparishesabim {
        background-color: #F3F4F7;
        border: 0px;
        border-radius: 10px;
        height: 60px;
        margin-right: 8px;
        margin-left: 8px;
    }
    
    .siparisAy {
        background-color: #F0FAFF;
        height: 56px;
        border-radius: 10px;
        font-size: 16px;
        font-family: 'Poppins';
        padding: 17px;
    }
    
    .siparisbilgi {
        font-family: 'Poppins';
        padding-left: 22px;
        padding-top: 17px;
        font-size: 16px;
    }
    
    .siparishower:hover {
        background-color: #FAFAFC;
        border: hidden!important;
        padding: 1px;
    }
    
    .siparis-arama {
        height: 46px;
        border: 0;
        border-radius: 10px;
        margin-top: 8px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 10px;
    }
    
    .siparis-select {
        height: 46px;
        border: 0;
        border-radius: 10px;
        margin-top: 8px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 10px;
    }
    
    .siparisdetay {
        color: #8E98AC;
        font-size: 14px;
        font-family: 'Poppins';
    }
    
    .siparisbutton {
        color: white;
        text-align: center;
        border: 0px;
        border-radius: 10px;
        width: 90%;
        height: 50px;
        margin-top: 15px;
        background-color: #418CFD;
        font-family: 'Helvetica';
        font-size: 16px;
    }
    
    .silmesaj {
        text-decoration: none;
        padding: 10px 20px 10px 20px;
        background-color: red;
        border: 0px;
        border-radius: 10px;
        color: white;
    }
    
    .mesajlar {
        font-family: 'Poppins';
        font-size: 14px;
        color: #999999;
    }
    
    .mesajbuttonhower:hover {
        background-color: #f3f4f7!important;
    }
    
    .hesabimadres {
        width: 60%;
        height: 56px;
        border: 1px solid #D6DCE1;
        border-radius: 10px;
        background-color: #FAFAFC;
        font-family: 'Poppins';
        font-size: 14px;
    }
    
    .hesabimkuponlar {
        background-image: url("assets/Subtraction\ 4.png");
        background-repeat: no-repeat;
    }
    
    .kupondetay {
        font-size: 12px;
        font-family: 'Poppins';
        color: #39C7A5;
    }
    
    .kupon-p {
        font-family: 'Poppins';
        font-size: 30px;
        color: #39C7A5;
    }
    
    .mobilecikis {
        text-decoration: none;
        color: #000;
    }
    
    .kupon-strong {
        font-family: 'Poppins';
        color: #39C7A5;
        font-size: 40px;
    }
    
    .kupon-button {
        width: 80%;
        height: 40px;
        border: 0px;
        border-radius: 5px;
        background-color: #39C7A5;
        color: white;
    }
    
    .hesabimkuponlarGecikti {
        background-image: url("assets/Subtractiongecikti.png");
        background-repeat: no-repeat;
    }
    
    .sssaccordion {
        border: 1px solid #CACED4!important;
        border-radius: 16px!important;
    }
    
    .sssbutton {
        color: white;
        text-align: center;
        border: 0px;
        border-radius: 10px;
        width: 30%;
        height: 50px;
        margin-top: 15px;
        background-color: #418CFD;
        font-family: 'Helvetica';
        font-size: 16px;
    }
    
    .iletisimalani:hover {
        background-color: #F3F4F7;
    }
    
    .iletisimok {
        transition: all .5s ease-in-out;
        cursor: pointer;
    }
    
    .iletisimalani:hover>.iletisimok {
        transform: translate(15px);
        -webkit-transform: translate(15px);
    }
    /*----- end ----*/
    /* hesabim mobile */
    
    .mobilehesabim {
        background-color: #D5E5EF;
    }
    
    .mobilehesap {
        background-color: #F7F8F9;
        font-family: 'Poppins';
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        height: 88px;
    }
    
    .hesabimguncelle1 {
        width: 100%!important;
        height: 56px;
        border: 0;
        border-radius: 10x;
        font-family: 'Poppins';
        background-color: #418CFD!important;
        color: white;
    }
    
    .siparis-arkaplan {
        width: 100%;
        height: 122px;
        background-color: #F3F4F7;
        border-radius: 10px;
    }
    
    .siparisdurum {
        width: 184px;
        height: 40px;
        background-color: #FF8A41;
        border-radius: 10px;
        color: white;
        font-size: 12px;
        padding-top: 10px;
    }
    
    .siparisdurum1 {
        width: 184px;
        height: 40px;
        background-color: #9ADFB1;
        border-radius: 10px;
        color: white;
        font-size: 12px;
        padding-top: 10px;
    }
    
    .hesabimkuponlarmobile {
        background-image: url("assets/Subtraction\ 45.png");
        background-repeat: no-repeat;
    }
    
    .hesabimkuponlarmobileGecikti {
        background-image: url("assets/Subtraction\ 46.png");
        background-repeat: no-repeat;
    }
    
    .Talepdevamediyor {
        width: auto;
        height: 46px;
        border-radius: 6px;
        background-color: #FE670A;
        color: white;
    }
    
    .Talepcevaplandi {
        width: auto;
        height: 46px;
        border-radius: 6px;
        background-color: #57D468;
        color: white;
    }
    
    .mesajlarmobile {
        color: black;
        background-color: #FFF6F0;
        border: 1px solid #FFB587;
        border-radius: 16px 16px 0px 16px;
    }
    
    .mesajlarmobile1 {
        color: black;
        background-color: #E4F2FB;
        border: 1px solid #ACC4EC;
        border-radius: 16px 16px 16px 0px;
    }
    /*hesabım mobile end */
    /*--Kampanyalar mobile--*/
    
    .mobilekampanyabaslik {
        background-color: #F7F8F9;
        height: 88px;
        margin-bottom: 15px;
    }
    
    .kampanyageri {
        width: 40px;
        height: 40px;
        border: 0;
        border-radius: 10px;
        background-color: white;
        margin-top: 23px;
        margin-left: 30px;
    }
    
    .mobilekampanyah2 {
        font-family: 'Poppins';
        font-size: 16px;
        color: black;
        font-weight: bold;
        text-align: center;
        margin-top: 32px;
    }
    /*--Kampanyalar mobile--*/
    /*--Teklif.html--*/
    
    .bg-purple:before {
        background: #9680F5 !important;
    }
    
    .bg-purple:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 40%;
        left: 0;
        right: 0;
        display: block;
        z-index: 0;
        top: 0;
        border-radius: 0 0 15px 15px;
        z-index: -1;
    }
    
    #heading {
        text-transform: uppercase;
        color: #9680F5;
        font-weight: normal
    }
    
    #msform {
        text-align: center;
        position: relative;
        margin-top: 20px
    }
    
    #msform fieldset {
        background: white;
        border: 0 none;
        border-radius: 0.5rem;
        box-sizing: border-box;
        padding-bottom: 20px;
        position: relative
    }
    
    .form-card {
        text-align: left
    }
    
    #msform fieldset:not(:first-of-type) {
        display: none
    }
    
    #msform .action-button {
        width: 250px;
        background: #9680F5;
        color: white;
        border: 0 none;
        border-radius: 0px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 0px 10px 5px;
        border-radius: 10px;
    }
    
    #msform .action-button-previous {
        width: 100px;
        background: #616161;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 0px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 5px 10px 0px;
        float: right
    }
    
    #msform .action-button-previous:hover,
    #msform .action-button-previous:focus {
        background-color: #000000
    }
    
    .card {
        z-index: 0;
        border: none;
        position: relative
    }
    
    .fs-title {
        font-size: 25px;
        color: #9680F5;
        margin-bottom: 15px;
        font-weight: normal;
        text-align: left
    }
    
    .purple-text {
        color: #9680F5;
        font-weight: normal
    }
    
    .steps {
        font-size: 25px;
        color: gray;
        margin-bottom: 10px;
        font-weight: normal;
        text-align: right
    }
    
    .fieldlabels {
        color: gray;
        text-align: left
    }
    
    #progressbar {
        margin-bottom: 30px;
        overflow: hidden;
        color: #000;
        font-family: 'Poppins', sans-serif;
    }
    
    #progressbar .active {
        color: #000
    }
    
    #progressbar li {
        list-style-type: none;
        font-size: 15px;
        width: 33%;
        float: left;
        position: relative;
        font-weight: 400
    }
    
    #progressbar li.active:before {
        color: #fff;
    }
    
    #progressbar #account:before {
        content: "1"
    }
    
    #progressbar #personal:before {
        content: "2"
    }
    
    #progressbar #payment:before {
        content: "3"
    }
    
    #progressbar li:before {
        width: 50px;
        height: 50px;
        line-height: 45px;
        display: block;
        font-size: 20px;
        color: #000;
        background: #fff;
        border-radius: 50%;
        border: 1px solid #E7E1FE;
        margin: 0 auto 10px auto;
        padding: 2px
    }
    
    #progressbar li:after {
        content: '';
        width: 100%;
        height: 10px;
        background: #E7E1FE;
        position: absolute;
        left: 0;
        top: 25px;
        z-index: -1
    }
    
    #progressbar li:first-child:after {
        left: 42%;
    }
    
    #progressbar li:last-child:after {
        width: 50%;
    }
    
    #progressbar li.active:before,
    #progressbar li.active:after {
        background: #9680F5
    }
    
    .progress {
        height: 20px
    }
    
    .progress-bar {
        background-color: #9680F5
    }
    
    .fit-image {
        width: 100%;
        object-fit: cover
    }
    
    .shadow-custom {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    
    .active {
        display: block;
    }
    
    .fw-600 {
        font-weight: 600;
    }
    
    .text-purple {
        color: #9680F5;
    }
    
    .btn-purple {
        background-color: #9680F5;
        color: #fff;
    }
    
    .dropify-wrapper {
        background-color: #F4F2FF !important;
    }
    
    .teklifarkaplan {
        background-image: url("assets/MaskGroup2664.png");
        background-color: rgba(147, 125, 245, 0.99);
        height: 691px!important;
        border-radius: 20px;
    }
    
    .teklifbutton {
        height: 56px;
    }
    
    @media only screen and (max-width: 767px) {
        .bg-purple:before {
            height: 70%;
        }
        .form-card {
            padding: 20px !important;
        }
        .p-custom {
            margin: 0 25px!important;
            margin-bottom: 20px !important;
            width: 280px;
            font-size: 12px !important;
        }
        .custom-back {
            border-radius: 10px !important;
        }
        #progressbar li:first-child:after {
            left: 25%;
        }
        .baslik_teklif {
            font-size: 13px !important;
        }
        #progressbar li {
            width: 30%;
        }
        /* Ekle */
        .slide-img {
            width: 165px;
        }
        .kampanyageri {
            margin-left: 0;
        }
        .p-sm-0 {
            padding: 0;
        }
        .pm-sm-0 {
            padding: 0;
        }
        .product-details p {
            font-size: 12px;
        }
        .urunaramaslider .swiper-button-next,
        .urunaramaslider .swiper-button-prev {
            display: none;
        }
        .aramasonuc a span {
            font-size: 16px;
        }
    }
    /*--Teklif.html END--*/
    /*il ilçe buton*/
    
    #ililce {

    }
    
    .adresbb {
        font-family: 'Poppins';
        font-size: 16px;
        color: #484848;
        margin-bottom: 10px;
    }
    
    .destektkonusmaone {
        border: 3px solid #ffebdf;
        width: 60%;
        height: 100%;
        border-radius: 10px;
        margin-left: auto;
        background-color: #fff6f0;
        font-family: 'Poppins';
        color: #4B4A56;
        font-size: 14px;
        padding: 10px;
    }
    
    .destektkonusmatwo {
        border: 3px solid #dde9f7;
        width: 60%;
        height: 100%;
        border-radius: 10px;
        margin-right: auto;
        background-color: #e4f2fb;
        font-family: 'Poppins';
        color: #4B4A56;
        font-size: 14px;
        padding: 10px;
    }
    
    .YeniTalepOlustur {
        right: 0px;
        width: 210px;
        height: 56px;
        background-color: #418CFD;
        color: #FFF;
        border: 1px solid #D6DCE1;
        border-radius: 10px;
        font-family: 'Poppins';
    }
    
    .buttongonderdestek {
        background-color: #418CFD;
        width: 56px;
        height: 56px;
        border: 0px;
        border-radius: 10px;
    }
    
    .gonderialan {
        background-color: #edeff3;
        border-radius: 0 0 16px 16px;
        padding: 30px;
    }
    
    .animasyonkalinyazi {
        font-family: 'Poppins';
        font-size: 20px;
    }
    
    .animasyoninceyazi {
        font-family: 'Poppins';
        font-size: 16px;
    }
    
    .spdetaymodal {
        background-color: #F3F4F7;
        border-radius: 10px;
        height: 118px;
        text-align: center;
    }
    
    .spdetaymodalcol {
        padding: 0px;
    }
    
    .sdfoto {
        width: 80px;
        height: 80px;
        border-radius: 7px;
    }
    
    .spdurummodal {
        background-color: #EFFFF4;
        border: 1px solid #88DFB6;
        border-radius: 10px;
        padding: 15px;
        width: 48%;
        margin-right: 2%;
    }
    
    .spbuttonmodal1 {
        background-color: #39C7A5;
        color: white;
        border: 0px;
        border-radius: 10px;
        width: 100px;
        height: 40px;
    }
    
    .spbuttonmodal2 {
        background-color: #AF85EC;
        color: white;
        border: 0px;
        border-radius: 10px;
        width: 100px;
        height: 40px;
    }
    
    .spbuttonmodal3 {
        background-color: #2B5EC4;
        color: white;
        border: 0px;
        border-radius: 10px;
        width: 100px;
        height: 40px;
    }
    
    .spstrong {
        color: #39C7A5;
    }
    
    .spdurummodal1 {
        border: 1px solid #D6DCE1;
        border-radius: 10px;
        padding: 15px;
        width: 48%;
    }
    
    .sdadrbilgileri {
        margin-top: 30px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    
    .sdadress {
        background-color: #F3F4F7;
        padding: 15px 30px;
        border-radius: 10px;
    }
    
    .sdkargodetay {
        background-color: #F3F4F7;
        border-radius: 10px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 56px;
        width: 60%;
        margin-left: 20%;
    }
    
    .sdkargodetay1 {
        background-color: #F3F4F7;
        border-radius: 10px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 56px;
    }
    
    .sdkargotakip {
        padding-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .arkaplaniade {
        background-color: #FFF2F4;
        width: 100%;
    }
    
    .iadebuton {
        background-color: #3E4245;
        height: 56px;
        width: 100%;
        border: 0px;
        border-radius: 10px;
        color: white;
    }
    
    .iadebuton1 {
        background-color: #418CFD;
        height: 56px;
        width: 100%;
        border: 0px;
        border-radius: 10px;
        color: white;
    }
    
    .aramabuton-modal {
        height: 56px;
        border-radius: 16px;
        margin-top: 113px;
        margin-left: 12%;
    }
    
    .aramainput-modal {
        font-family: Arial, FontAwesome;
        outline: none;
        padding-left: 23px;
        width: 100%;
    }
    
    .aramamod-hesabim {
        color: #A7A6AB;
        font-family: Arial, FontAwesome;
        outline: none;
        padding-left: 45px;
        width: 100%;
        background: white;
    }
    
    .ustmenuhover {
        height: 60px;
    }
    
    .ustmenuhover:hover {
        background-color: #E7ECEF;
        border-radius: 15px 15px 0px 0px;
    }
    
    .ustmenuul {
        height: 60px;
        display: flex;
        align-items: center;
    }
    
    .swiper-slide {
        transition: all .2s ease-in-out;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    
    .swiper-slide:hover {
        /*
        transform: translate(0px, -10px);
        -webkit-transform: translate(0px, -10px);
         */
    }

    .siralamodal {
        border-top: 1px solid #EDEFF3;
        height: 60px;
        display: flex;
        align-items: center;
        font-family: 'Poppins';
    }
    
    .siralaradio {
        width: 23px;
        height: 23px;
        border: 1px solid #88DFB6!important;
    }
    
    .filtretemizle {
        height: 40px;
        padding: 0px 15px;
        color: white;
        background-color: #39C7A5;
        border-radius: 10px;
    }
    
    .KategoriButton a {
        font-family: 'Poppins';
        text-decoration: none;
        color: black;
        font-size: 14px;
    }
    
    .KategoriButton i {
        color: #39C7A5;
    }
    
    .KategoriButton span {
        color: #39C7A5;
        font-size: 14px;
    }
    
    .KategoriButton3 a {
        font-family: 'Poppins';
        text-decoration: none;
        color: black;
        font-size: 14px;
    }
    
    .KategoriButton3 i {
        color: #39C7A5;
    }
    
    .KategoriButton3 span {
        color: #39C7A5;
        font-size: 14px;
    }
    
    .filtreradio {
        width: 23px;
        height: 23px;
    }
    
    .filtrenavbar {
        margin-left: -24px;
        padding: 15px 0px;
    }
    
    .filtrebuttonic {
        width: 94%!important;
        background-color: #39C7A5!important;
        color: white!important;
        border-radius: 16px!important;
    }
    
    .checkbox__block {
        margin: 0;
        padding: 20px;
        font-family: Open-Sans, sans-serif;
        font-size: 18px;
    }
    
    label {
        display: inline-block;
    }
    /* input */
    
    .checkbox__item {
        padding-left: 23px;
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }
    
    .siralacheck {
        margin: 0px!important;
        padding: 0px!important;
        display: flex!important;
        justify-content: flex-end;
        margin-top: -10px!important;
    }
    /* span circle*/
    
    .check-box {
        margin-left: -23px;
        position: absolute;
        border-radius: 50%;
        width: 23px;
        height: 23px;
        border: 2px solid #0EA36E;
    }
    /* inner "square" */
    
    .checkbox__item:checked+.check-box::before {
        content: "";
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #0EA36E;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /* when simply disable */
    
    .checkbox__item:disabled+.check-box {
        border-color: #ccc;
    }
    /* when disable and checked*/
    
    .checkbox__item:checked:disabled+.check-box::before {
        background-color: #ccc;
    }
    /* when come "focus" from keyboard */
    
    .checkbox__item:focus+.check-box {
        box-shadow: 0 0 0 2px #444;
    }
    
    .urunarabutons {
        background-color: #F3F4F7;
    }


    .otp-input{
        width: 60px;
        line-height: 50px;
        text-align: center;
        display: inline-block;
    }

    .sms-verification{
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: stretch;
        gap: 10px;
    }

    .submit-button{
        width: 70%;
        height: 55px;
        background: #418CFD;
        border: none;
    }

    .error-element a{
        font-weight: bold;
    }

    .error-element i.icon-mdi_alert-decagram{
        font-size: 30px;
        color: red;
    }
    .error-element .close-error{
        color: #a1a1a1;
        cursor: pointer;
    }
    .error-element p.title{
        font-weight: bold;
        margin: 0;
    }
    .error-element{
        background-color: rgba(249, 0, 0, 0.08);
        padding: 20px;
        border-radius: 10px;
        max-width: 450px;
        margin: 0 auto;
        border-left: 5px solid red;
        display: flex;
        gap: 20px;
        font-size: 14px;
        text-align: left;
    }

    #sms-verification{
        display: none;
    }

    .resend-button{
        width: 70%;
        height: 55px;
        background: #418CFD;
        border: none;
        color: white;
        border-radius: 15px;
        margin: 0 auto;
    }

    .overflow-xh{
        overflow-x:hidden !important;
    }

    .cart-info{
        font-size: 12px; color: #3E4245;
    }

    .cart-text{
        font-size: 16px; color: #3E4245;
    }

    .empty-cart-area img{
        width: 130px;
        height: 130px;
    }
    .empty-cart-area{
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 40px;
        margin-bottom: 40px;
        padding: 0 40px;
    }

    .cart-slide-title{
        font-size: 16px;color: #292D32;font-weight: 500;margin-bottom: 20px;
    }

    #basket .swiper-slide{
        box-shadow: none;
    }
    #basket .swiper-wrapper{
        height: 160px;
    }
    #basket{
        padding-bottom: 35px;
    }

    .all-link i{
        font-size: 12px;
        margin-left: 5px;
    }

    /* sol sepet */

    .cart-in-product .cart-button-area .cart-remove-button i{
        font-size: 10px;
    }
    .cart-in-product .cart-button-area .cart-remove-button{
        position: absolute;
        right: -10px;
        top: 0px;
        width: 30px;
        background: #ff8d8c;
        height: 30px;
        text-align: center;
        padding: 0;
        color: white;
        border-radius: 10px;
        line-height: 10px;
        border-top-right-radius: 16px;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .cart-in-product .cart-button-area{

    }
    .cart-in-product{
        width: 550px !important;
    }

    .cart-area .cart-products .image-area {

        margin-right: 10px;
    }

    .cart-area .cart-products li .price-area {
        padding: 10px;
    }

    .cart-area .cart-products .product-area .center-area {
        min-width: 190px;
        width: 190px;
        text-align: left;
    }

    .cart-area .cart-products li {
        padding: 10px;
        background: #F7F7F7;
        margin-bottom: 20px;
        position: relative;
    }

    .cart-area .cart-right .cart-footer {
        padding: 18px 0;
        border-top: none;
        display: flex;
        justify-content: space-between;
    }

    .cart-area .clear-cart-button, .cart-area .go-payment-button {
        width: 48%;
        display: inline-block;
    }

    .cart-area .cart-right {
        border: none;
        border-radius: 0;
        background: white;
        padding: 0;
        margin-top: 25px;
    }

    .cart-area .cart-total-items{
        background: white;
    }
    .cart-area .cart-total-item{
        padding: 15px;
        background: #fbfbfb;
        border-radius: 10px;
        margin: 10px 0;
    }

    .cart-area .cart-right .cart-total-item .titem {
        font-size: 20px;
    }
    .cart-area .cart-right .titem {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .cart-area .cart-right .cart-head {

        align-content: center;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
        padding-top: 26px;

    }

    .cart-area .cart-right .cart-head h5:after {
        content: " ";
        position: absolute;
        width: 70%;
        height: 1px;
        background: #EDEFF3;
        right: 0;
        top: 50%;
    }
    .cart-area .cart-right .cart-head h5 {
        text-align: left;
        margin-bottom: 0;
        position: relative;
        width: 100%;
    }

    .cart-area .cart-right .cart-body {
        padding: 10px 0;
    }
    .cart-area .cart-modal-title{
        font-size: 24px;
        margin-bottom: 30px;
    }
    .cart-area .cart-products .image-area img {
        position: initial;
    }

    .cart-area .cart-products .product-area .center-area span {
        color: #B2B6BE;
        font-size: 12px;
    }

    .cart-area .cart-products li a h4 {
        font-size: 14px;
    }

    .cart-area .cart-button-area input {
        width: 40px;
        height: 30px;
    }

    .cart-area .cart-button-area .quantity-button.down-quantity {
        margin-right: 0px;
        cursor:pointer;
    }

    #sideModal .address-item label.address-list-item {
        cursor: pointer;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        box-shadow: none;
        border-radius: 7px;
        padding: 0;
        padding-left: 0;
    }

    .cart-area .cart-button-area .quantity-button {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .cart-area hr.cart-modal{
        border-color: #EDEFF3;
        width: 95%;
        margin: 30px auto;
        opacity: 1;
    }
    .cart-area .coupon-area .coupon-header {
        padding: 5px 15px;
    }

    .cart-area .coupon-area .delete-button ,
    .cart-area .coupon-area .coupon-header .select-button {
        width: 55px;
    }
    .cart-area .titem.total{
        display: none;
    }
    .cart-area .cart-total-item .titem.total{
        display: flex;
    }
    .cart-area .cart-total-item .titem{
        display: none;
    }
    .cart-area{
        padding: 0 15px;
    }

    .r_price{
        font-size: 26px;
        color: #39C7A5;
        font-weight: bold;
    }

    .old_price{
        font-size: 18px;
        font-weight: 200;
        text-decoration: line-through;
        color: #C2C2C2;
    }

    .modal-search{
        padding-left: 15px;
    }

    #livesearch_search_results_ul li img{
        height: 40px;
        border-radius: 10px;
        border: 1px solid #d4d4d4;
        position: initial;
    }
    #livesearch_search_results_ul li a{
        text-align:left;
        display: block;
    }
    #livesearch_search_results_ul li .desc{
        width: 70%;
    }
    #livesearch_search_results_ul li{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }
    
    #livesearch_search_results_ul{
        margin: 0;
        padding: 0;
        gap: 10px;
        flex-direction: column;
        height: 165px;
        overflow: auto;
        display: none;
    }

    #offcanvasTop .offcanvas-body{
        padding-left: 20px;
        padding-right: 20px;
    }

    button.uye{
        min-width: 180px; height: 56px; background-color: #4FB951;
    }

    .login-menu-area .account-profile{
        background: #f7f7f7;
        width: 58px;
        height: 58px;
        border-radius: 15px;
        text-align: center;
        display: block;
        font-size: 24px;
        line-height: 58px;
    }

    .login-menu-area .account-info{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }

    .login-menu-area .account-detail ul li a i{
        font-size: 20px;
    }
    .login-menu-area .account-detail ul li a{
        font-size: 16px;
        display: flex;
        gap: 10px;
        padding: 10px 0;
    }
    .login-menu-area .account-detail ul{
        margin: 0;
        padding: 0;
        background: white;
    }

    .login-menu-area .account-detail-item:before{
        content: url(/image/buble.png);
        position: absolute;
        top: -35px;
        left: calc(50% - 28px);
        transform: rotate(180deg);
        left: 10px;
    }
    .login-menu-area .account-detail-item{
        position: relative;
        background: white;
        padding: 20px;
        width: 100%;
        border-radius: 20px;
        box-shadow: 0 5px 5px #00000024;
    }
    .login-menu-area .account-detail{
        position: absolute;
        top: 58px;
        z-index: 111;
        width: 100%;
        left: 0;
        display: none;
        padding-top: 20px;
    }

    .login-menu-area:hover .account-detail {
        display: block;
    }
    .login-menu-area{
        display: flex;
        position: relative;
        flex-direction: column;
        z-index: 1100;
        background: white;
        border-radius: 15px;
        padding: 0 10px;
        cursor: pointer;
    }

    .menu-bg{
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        display: none;
    }

    .medium-heart .fav,button.basket{
        z-index: 1030;
        position: relative;
    }

    .urunaramasonuc h3 i{
        font-size: 17px;
        color: #B2B6BE;
        position: relative;
        top: -3px;
    }
    .urunaramasonuc h3{
        padding-left: 15px;
        font-size: 16px;
        padding-bottom: 5px;
        font-family: 'Poppins', sans-serif;
        font-weight: bold;
        margin: 0;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 10px;
    }

    .urunaramaslider .swiper-button-next{
        right: 0;
    }
    .urunaramaslider .swiper-button-prev{
        left: 0;
    }
    .urunaramaslider .swiper-button-next::after,
    .urunaramaslider .swiper-button-prev::after{
        content:none;
    }

    #product-list-skeleton .product-links,
    #product-list .product-links {
        display: none;
    }
    #product-list-skeleton .rating,
    #product-list .rating {
        height: 40px;
        font-size: 25px;
    }

    #product-list-skeleton .product-details p,
    #product-list .product-details p{
        margin: 0;
        padding: 0;
    }
    #product-list-skeleton .product-details p a,
    #product-list .product-details p a {
        color: #292d32;
        text-decoration: none;
        height: 60px;
        display: block;
        font-size: 16px;
    }

    #product-list-skeleton .r_price,
    #product-list .r_price{
        font-size: 18px;
    }
    #product-list-skeleton,
    #product-list{
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }
    #product-list-skeleton .item img,
    #product-list .item img{
        width: 100%;
    }
    #product-list-skeleton .item,
    #product-list .item{
        width: calc((100% - 45px) / 4);
        position: relative;
    }

    .urunaramabutton button{
        color: #fff;background-color: #39C7A5; height: 56px; border: 0; border-radius: 16px; width: 100%;
    }

    .take-header{
        background: url(../teklif-al.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
    }

    .bid-steps{
        max-width: 900px;
        margin: 0 auto;
    }

    .flex-center{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* skeletion */

    .fav-icon.skeleton {
        top: 10px;
        margin-bottom: 16px;
        height: 16px;
    }
    .skeleton {
        background-color: #f2f2f2;
        border-radius: 15px;
        position: relative;
        overflow: hidden;
        right: 0;
    }

    .skeleton::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #f2f2f2 25%, #e0e0e0 50%, #f2f2f2 75%);
        background-size: 200% 100%;
        animation: loading 1.5s infinite linear;
    }

    @keyframes loading {
        from {
            background-position: 200% 0;
        }
        to {
            background-position: -200% 0;
        }
    }

    /* Skeleton yapıları */
    .skeleton-img {
        width: 100%;
        height: 230px;
    }

    .skeleton-title {
        width: 80%;
        height: 25px;
        margin: 15px auto !important;
    }

    .skeleton-price {
        width: 50%;
        height: 15px;
        margin: 5px auto;
    }

    .skeleton-button {
        width: 40px;
        height: 40px;
        margin: auto;
        border-radius: 50%;
        background-color: #ddd;
    }


    .tab-desc-content .desc{
        max-height: 200px;
        overflow: auto;
    }

    .j-container{
        padding-top: 30px;
        padding-bottom: 20px;
    }


    #my-dropzone{
        background: #F4F2FF;
        color: black;
        border: 3px dotted #BFCAFF;
        border-radius: 10px;
    }

    .dropzone .dz-preview.dz-image-preview {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 10px -4px;
    }

    .dropzone .dz-preview .dz-remove{
        background: #ff5858;
        border-radius: 10px;
        width: 75px;
        margin: 5px auto;
        color: white;
    }

    .dropzone-text button{
        background: #937DF5;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 10px;
    }

    .dropzone-text i{
        color: #937DF5;
        font-size: 40px;
        margin-right: 20px;
    }
    .dropzone-text{
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: center;
        min-height: auto;
        gap: 20px;
        color: #4B4A56;
    }

    .step-form { display: none; max-width: 700px;margin: auto }
    .step-form.active { display: block; }

    .step.active {
        background: #937DF5;
        color: #fff;
    }
    .steps-progress .col {
        position: relative;
    }
    .steps-progress .col.active:nth-child(1):before {
        content: " ";
        width: 50%;
        display: block;
        background: #937DF5;
        position: absolute;
        height: 10px;
        border-radius: 5px;
        top: 28%;
        right: 0;
        z-index: 11;
    }
    .steps-progress .col:nth-child(1):after {
        content: " ";
        width: 50%;
        display: block;
        background: #E7E1FE;
        position: absolute;
        height: 10px;
        top: 28%;
        right: 0;
    }
    .steps-progress .col:nth-child(2):after {
        content: " ";
        width: 50%;
        display: block;
        background: #E7E1FE;
        position: absolute;
        height: 10px;
        top: 28%;
        right: 0;
    }
    .steps-progress .col.active:nth-child(2):after {
        content: " ";
        width: 50%;
        display: block;
        background: #937DF5;
        position: absolute;
        height: 10px;
        border-radius: 5px;
        top: 28%;
        right: 0;
    }
    .steps-progress .col:nth-child(2):before {
        content: " ";
        width: 50%;
        display: block;
        background: #E7E1FE;
        position: absolute;
        height: 10px;
        top: 28%;
        left: 0;
    }
    .steps-progress .col.active:nth-child(2):before {
        content: " ";
        width: 50%;
        display: block;
        background: #937DF5;
        position: absolute;
        height: 10px;
        top: 28%;
        left: -10px;
    }
    .steps-progress .col:nth-child(3):before {
        content: " ";
        width: 50%;
        display: block;
        background: #E7E1FE;
        position: absolute;
        height: 10px;
        top: 28%;
        left: 0;
    }
    .steps-progress .col.active:nth-child(3):before {
        content: " ";
        width: 50%;
        display: block;
        background: #937DF5;
        position: absolute;
        height: 10px;
        top: 28%;
        left: -10px;
    }

    .step {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: white;
        text-align: center;
        line-height: 54px;
        font-size: 20px;
        border: 1px solid #937DF5;
        position: relative;
        z-index: 20;
    }
/*
    .line { width: 50px; height: 2px; background: #ccc; display: inline-block; }
*/
    .button-group { margin-top: 20px; display: flex; gap: 10px; }

    .step-desc{
        max-width: 700px;
        margin: 0 auto;
        font-weight: 300;
        font-size: 14px;
        text-align: justify !important;
    }

    .back-bid-button {
        background-color: rgb(255 255 255 / 49%);
        color: white !important;
        border: 0px;
        border-radius: 50%;
        width: 56px;
        height: 56px;
        display: block;
        text-align: center;
        line-height: 56px;
    }

    .bid-logo{
        position: relative;
        left: -50px;
    }

    .card-custom{
        box-shadow: 0 6px 15px #e1e1e1;
        margin-bottom: 30px;
    }

    .next-step{
        background: #937DF5;
        height: 56px;
        border: none;
    }

    select.form-control{
        background: #fafafc !important;
        height: 56px !important;
        border-color: #e8eaed !important;
    }

    .input-group.icon input{
        padding-left: 50px;
    }
    .input-group.icon i{
        position: absolute;
        font-size: 22px;
        left: 15px;
        top: 16px;
        color: #a7a6ab;
    }
    label.square-box input[type=checkbox]:checked::before {
        border-radius: 0;
    }


    label.square-box input[type=checkbox]{
        width: 22px;
        height: 22px;
        border-radius: 3px;
        padding: 0px;
        border: 1px solid #4f4f4f;
    }

    .address-button{
        background-color: #FAFAFC;
        border: 1px solid #E6EAED;
        border-radius: 10px;
        width: 56px;
        height: 56px;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .tab-desc-content p{

    }

    .mt98{
        margin-top: -98px;
    }

    .swal2-container{
        z-index: 10600 !important;
    }

    .offcanvas-body .cart-area{
        height: 100%;
    }

    .offcanvas-body .mobileGirisText{
        width: 100%;
        padding: 0 20px;
    }

    .tab-div{
        border: 1px solid #E6EAED;
        border-radius: 20px;
        font-family: 'Poppins';
        padding-bottom: 20px;
    }

    .side-area{
        border: 1px solid #e6eaed;
        border-radius: 21px;
    }

    .btn-success{
        background: #D2F9DF !important;
        color: #1c5730 !important;
        border-color: #bbeccb !important;
    }

    .btn-danger{
        background: #fff4f6 !important;
        color: #da5c73 !important;
        border-color: #faccd5 !important;
    }

    #favoriContainer{
        padding: 15px;
    }

    .fav-point{
        background: #fa8ba1 !important;
    }

    .btn-sm{
        width: auto !important;
        height: auto !important;
        border-radius: 5px !important;
        border: 1px solid !important;
    }