.spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
    0% {
        stroke: #4285F4;
    }

    25% {
        stroke: #DE3E35;
    }

    50% {
        stroke: #F7C223;
    }

    75% {
        stroke: #1B9A59;
    }

    100% {
        stroke: #4285F4;
    }
}

@keyframes colors {
    0% {
        stroke: #4285F4;
    }

    25% {
        stroke: #DE3E35;
    }

    50% {
        stroke: #F7C223;
    }

    75% {
        stroke: #1B9A59;
    }

    100% {
        stroke: #4285F4;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg);
    }
}

#toast-container {
    margin-top: 6% !important;
}

@media only screen and (max-width:768px) {
    #desktop-signs {
        display: none;
    }
}


@media only screen and (min-width:768px) {
    .dashboard__content {
        margin-top: -390px !important;
    }
}

.account-sidebar {
    position: inherit !important;
}

.delete-img-hekim {
    cursor: pointer !important;
}

    .delete-img-hekim:hover {
        background-color: #C41E3A !important;
        color: white !important;
    }



.filters-scroll {
    overflow-y: scroll;
    height: 120px;
}


.logo-atoly3 {
    width: 130px !important;
}

.meb-logo {
    width: 50%;
    margin-left: 10%;
}

@media only screen and (max-width:768px) {
    .meb-logo {
        margin-left: 25% !important;
    }

    .meb-yazi {
        margin-left: 35%;
        margin-top: 15px !important;
    }
}


.favori-btn {
    cursor: pointer !important;
}

    .favori-btn:hover {
        background-color: #549ad3 !important;
        color: white !important;
    }


        .favori-btn:hover .icon-bookmark{
            color:white !important;
        }


.logo-atoly3-white {
    width: 150px !important;
    margin-top: 15px;
}

@media only screen and (max-width:768px){
    .logo-atoly3-white {
        margin-top: 25px;
    }
}

@media only screen and (min-width:768px) {
    .logo-atoly3-white {
        margin-left: 93px;
    }

    .dekstop-navbar {
        margin-top: 4px;
    }
}




@media only screen and (min-width:768px){

    .white-menu:hover {
        color: var(--color-purple-1) !important;
        background-color: #f4f2ff !important;
        border-radius:8px !important;
    }


}


.learn-box{
    min-height:286px;
}

.dashboard__content {
    margin-top: -620px !important;
    min-height: 699px;
}

.lesson-edit-btn {
    padding: 0px !important;
    float: left;
    height: 30px !important;
    width: 30px !important;
    margin-left:5px !important;
}

.footer {
    background-color: #F4F1FE !important;
}

.cart-div {
    background-color: red;
    border-radius: 100%;
    text-align: center;
    height: 19px;
    font-size: 15px;
    position: absolute;
    width: 20px;
    color: white;
    margin-top: -10px;
    margin-left: 10px;
}

.bg-white-header {
    -webkit-box-shadow: -1px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 4px -2px rgba(0,0,0,0.75);
    border-bottom:none !important;
}

.custom-slider-container {
    position: relative;
    overflow: hidden;
    margin-top: 95px;
}

.custom-slider-wrapper {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

.custom-slider-slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    object-fit: cover;
}

.slider-navigation {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

    .slider-navigation button {
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
    }

.slider-pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
}

    .slider-pagination button {
        background-color: rgba(255, 255, 255, 0.7);
        border: none;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        cursor: pointer;
    }

.active-pagination {
    background-color: rgba(255, 255, 255, 1);
}

.bg-atolye-5 {
    background-color: #4c95d0;
}

.button.-outline-purple-1 {
    border: 2px solid #4c95d0 !important;
}

.text-purple-1 {
    color: #4c95d0 !important;
}

.button.-outline-purple-1:hover {
    background-color: #4c95d0;
    border-color: transparent;
    color: white !important;
}

.footer-widget ul {
    margin: 0px;
    padding: 0px;
}

.footer-section {
    background: #151414;
    position: relative;
}

.footer-cta {
    border-bottom: 1px solid #373636;
}

.single-cta i {
    color: #5aa4df;
    font-size: 30px;
    float: left;
    margin-top: 8px;
}

.cta-text {
    padding-left: 15px;
    display: inline-block;
}

    .cta-text h4 {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 2px;
    }

    .cta-text span {
        color: #757575;
        font-size: 15px;
    }

.footer-content {
    position: relative;
    z-index: 2;
}

.footer-pattern img {
    position: absolute;
    top: 0;
    left: 0;
    height: 330px;
    background-size: cover;
    background-position: 100% 100%;
}

.footer-logo {
    margin-bottom: 30px;
}

    .footer-logo img {
        max-width: 200px;
    }

.footer-text p {
    margin-bottom: 14px;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 28px;
}

.footer-social-icon span {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}

.footer-social-icon a {
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
}

.footer-social-icon i {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
}

.facebook-bg {
    background: #3B5998;
}

.twitter-bg {
    background: #55ACEE;
}

.google-bg {
    background: #DD4B39;
}

.footer-widget-heading h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative;
}

    .footer-widget-heading h3::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -15px;
        height: 2px;
        width: 50px;
        background: #5aa4df;
    }

.footer-widget ul li {
    display: inline-block;
    /*float: left;*/
    width: 50%;
    margin-bottom: 12px;
}

    .footer-widget ul li a:hover {
        color: #5aa4df;
    }

    .footer-widget ul li a {
        color: #878787 !important;
        text-transform: capitalize;
    }

.subscribe-form {
    position: relative;
    overflow: hidden;
}

    .subscribe-form input {
        width: 100%;
        padding: 14px 28px;
        background: #2E2E2E;
        border: 1px solid #2E2E2E;
        color: #fff;
    }

    .subscribe-form button {
        position: absolute;
        right: 0;
        background: #5aa4df;
        padding: 13px 20px;
        border: 1px solid #5aa4df;
        top: 0;
    }

        .subscribe-form button i {
            color: #fff;
            font-size: 22px;
            transform: rotate(-6deg);
        }

.copyright-area {
    background: #202020;
    padding: 25px 0;
}

.copyright-text p {
    margin: 0;
    font-size: 14px;
    color: #878787;
}

    .copyright-text p a {
        color: #5aa4df;
    }

.footer-menu li {
    display: inline-block;
    margin-left: 20px;
}

    .footer-menu li:hover a {
        color: #5aa4df;
    }

    .footer-menu li a {
        font-size: 14px;
        color: #878787 !important;
    }


    @media only screen and (max-width:768px){
        .footer-p-menus{
            display:none;
        }
    }