.modal-backdrop { z-index: 2;}


.course-progress .progress-box { clear: both; margin-bottom: 10px; height: 100%; overflow: hidden;}
.course-progress .progress-box .progress { width: 70%; float: left; height: 10px; margin:5px 0 0;}
.course-progress .progress-box .progress .progress-bar { background-color: #413960;}
.course-progress .progress-box h5 { font-weight: 400; margin-bottom: 10px; font-size: 12px; margin: 0; padding: 0;}
.course-progress .progress-box h4 { display: inline-block; float: right; font-weight: 700; font-size: 14px;}
.course-progress .progress-box h4 span { color:#413960;}

.course-head { margin-top: 30px; border:1px solid #EBEBEB; border-radius: 5px; padding: 15px; -webkit-box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2);}
.course-head > div { border-right: 1px solid #EBEBEB;}
.course-head > div:last-child { border-right: 0;}
.course-head .course-head-button { }
.course-head .course-head-button i {  font-size: 2rem; margin-right: .8rem;}
.course-head .course-head-button a { display: flex; align-items:center; }

.neler-ogrenecegim p { padding-left: 15px;}
.neler-ogrenecegim p i { color: #2bd420;}

.gereksinimler ul li { line-height: 30px;}
.gereksinimler ul li i { color: #CCC; margin-right: 10px;}
.gereksinimler p { font-weight: 500; line-height: 20px; font-size: 14px;}

.user-title { width: 100%; border-bottom: 1px solid #CCC; line-height: 0.1em; margin: 10px 0 20px; }
.user-title span { background:#fff; padding:0 20px 0 0; }

.mycourses .card {
    margin-bottom: 3rem;
}
.mycourses .card .card-body {
    padding: 2rem;
}
.mycourses .card .card-body > h3 {
    color: #000104;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0;
}
.mycourses .card .card-body > h5 {
    margin-top: 0.4rem;
    font-size: 0.85rem;
}
.mycourses .card .card-body .mycourses-action {
    margin-top: 2rem;
}
.mycourses .card .card-body .mycourses-action .mycourses-progress .trophy {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.mycourses .card .card-body .mycourses-action .mycourses-progress .trophy > i {
    font-size: 1.6rem;
    color: #00a44e;
    line-height: 2rem;
}
.mycourses .card .card-body .mycourses-action .mycourses-progress .progress-info {
    display: inline-block;
    min-width: 150px;
    float: left;
}
.mycourses .card .card-body .mycourses-action .mycourses-progress .progress-info > h4 {
    font-size: 0.85rem;
    font-weight: 400;
}
.mycourses .card .card-body .mycourses-action .mycourses-progress .progress-info .progress {
    height: 0.4rem;
    background-color: #ededed;
}
.mycourses .card .card-body .mycourses-action .mycourses-progress .progress-info .progress .progress-bar {
    background-color: #00a44e;
}
.mycourses .card .card-body .mycourses-action .btn-nvrg-round {
    padding: 0.3rem 1.5rem;
    font-size: 0.875rem;
}
.mycourses .card .card-footer {
    padding: 0;
}
.mycourses .card .card-footer .nav .nav-item {
    text-align: left;
}
.mycourses .card .card-footer .nav .nav-item > a {
    font-size: 0.925rem;
    font-weight: 500;
    padding: 1rem 2rem;
}
.mycourses .card .card-footer .nav .nav-item > a:first-child {
    border-right: 1px solid #ebebeb;
}
.mycourses .card .card-footer .nav .nav-item > a:after {
    font-family: "Icofont";
    content: "\ea99";
    float: right;
}
.mycourses .card .card-footer .tab-content {
    background-color: #fff;
}
.mycourses .card .card-footer .tab-content .tab-pane {
    padding: 1rem;
}

.exam-box {
    border: 1px solid #d5d7e3;
    padding: 2rem;
    background-color: #fdfdff;
    border-radius: 10px;
}
.exam-box > h4 {
    font-weight: 600;
    color: #55555d;
    font-size: 1.3rem;
    margin-bottom: 2.2rem;
}
.exam-box .exam-info > ul > li {
    margin-bottom: 0.5rem;
}
.exam-box .exam-info > ul > li > span {
    display: inline-block;
    width: 7rem;
}
.exam-box .exam-info > ul > li > span > i {
    color: #d85964;
    margin-right: 0.5rem;
}
.exam-box .exam-info > ul > li > strong {
    padding-left: 1rem;
    font-weight: 600;
}
.exam-box .exam-result {
    display: inline-block;
    line-height: 2rem;
    font-size: 0.875rem;
    padding: 0 2rem;
    color: #fff;
    margin-bottom: 2rem;
}
.exam-box .exam-result.exam-result-success {
    background-color: #00a54f;
}
.exam-box .exam-result.exam-result-danger {
    background-color: #f01615;
}
.exam-box .exam-grade h5 {
    font-size: 0.925rem;
}
.exam-box .exam-grade h3 {
    font-size: 1.8rem;
}
.exam-box .exam-grade h3 i {
    margin-right: 0.5rem;
}
.exam-box .exam-grade > div {
    border-right: 1px solid #ebebeb;
}

.finans-list {
    margin-bottom: 3rem;
    border: 1px solid #d4d6e1;
    padding: 1rem;
    border-radius: 10px;
}
.finans-list .fl-img {
    max-width: 120px;
    float: left;
    margin-right: 10px;
}
.finans-list h4 {
    font-size: 1.2rem;
    font-weight: 600;
}
.finans-list h5 {
    font-size: 0.875rem;
    text-align: right;
}
.finans-list > .row {
    margin-bottom: 1rem;
}

.user-table thead {
    background-color: #f5f5f5;
}
.user-table thead tr th {
    border-bottom: 0 !important;
    font-weight: 500;
}
.user-table thead tr th:last-child {
    text-align: right;
}
.user-table tbody tr td:last-child {
    text-align: right;
}
.user-table tbody tr td strong {
    cursor: default;
    font-weight: 500;
    font-size: 0.875rem;
}

.ticket-list {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 2px solid #d7d7d7;
}
.ticket-list .item {
    padding: 1.8rem 2rem;
    background-color: #f5f5f5;
    margin-bottom: 2rem;
}
.ticket-list .item > h4 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
}
.ticket-list .item > p {
    font-size: 0.975rem;
}
.ticket-list .item > h5 {
    font-size: 0.725rem;
    margin-top: 2rem;
}
.ticket-list .item.item-mod {
    background-color: #e1f2ea;
}
.ticket-detail button {
    padding: 0.7rem 0;
}
.ticket-detail label {
    color: #999;
}

.bank-list {
    border-bottom: 1px solid #EAEAEA;
    padding: 1.3rem 0;
}
.bank-list > div:first-child {
    text-align: center;
}
.bank-list .custom-control {
    margin-top: 2rem;
    padding-left: 3.5rem;
}
.bank-list .bank-logo {
    display: table;
    height: 100px;
    border-right: 1px solid #EAEAEA;
}
.bank-list .bank-logo > div {
    display: table-cell;
    vertical-align: middle;
    padding-right: 1rem;
}
.bank-list .bank-logo > div img {
    max-height: 60px;
}
.bank-list .bank-info > ul {
    padding-left: 1rem;
}
.bank-list .bank-info > ul > li {
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.4rem;
}
.bank-list .bank-info > ul > li > span {
    display: inline-block;
    width: 80px;
}
.bank-list .bank-info > ul > li:first-child {
    font-size: 1.2rem;
}
.bank-list.active {
    color: #FFF;
    background-color: #1793af;
    background-image: -moz-linear-gradient(left, #6cd0ff, #1793af);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#6cd0ff), to(#1793af));
    background-image: -webkit-linear-gradient(left, #6cd0ff, #1793af);
    background-image: -o-linear-gradient(left, #6cd0ff, #1793af);
    background-image: linear-gradient(to right, #6cd0ff, #1793af);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF6CD0FF", endColorstr="#FF1793AF", GradientType=1);
}

.pay-check {
    margin-top: 2.4rem;
}
.pay-check a {
    color: #ff007d;
}
.pay-check .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #ff007d;
    background-color: #ff007d;
}

.pay-bottom-info {
    height: 100%;
    overflow: hidden;
    margin: 2rem 0;
    padding: 3rem 0;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}
.pay-bottom-info .pbi-price {
    display: inline-block;
    float: left;
}
.pay-bottom-info .pbi-price > h4 {
    font-size: 0.775rem;
    font-weight: 500;
    color: #94A0AE;
    margin-bottom: 0;
}
.pay-bottom-info .pbi-price > h3 {
    font-size: 1.6rem;
    color: #ff007d;
    font-weight: 600;
}
.pay-bottom-info .pbi-button {
    display: inline-block;
    float: right;
}
.pay-bottom-info .pbi-button > button {
    border: 0;
    color: #FFF;
    line-height: 3rem;
    padding: 0 7rem;
    font-weight: 500;
    cursor: pointer;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
}

.card-payment {
    margin: 3rem 0;
}
.card-payment label {
    color: #94A0AE;
    font-size: 0.875rem;
}

.exam-result .exam-result-box {
    height: 100%;
    overflow: hidden;
    margin-bottom: 3rem;
    padding: 3rem 2.4rem;
    color: #FFF;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
}
.exam-result .exam-result-box.exam-result-box-success {
    background-color: #31ba45;
    background-image: -moz-linear-gradient(top, #36CD4B, #2A9E3B);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#36CD4B), to(#2A9E3B));
    background-image: -webkit-linear-gradient(top, #36CD4B, #2A9E3B);
    background-image: -o-linear-gradient(top, #36CD4B, #2A9E3B);
    background-image: linear-gradient(to bottom, #36CD4B, #2A9E3B);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF36CD4B", endColorstr="#FF2A9E3B", GradientType=0);
}
.exam-result .exam-result-box.exam-result-box-danger {
    background-color: #e14a5b;
    background-image: -moz-linear-gradient(top, #EC6879, #D01C2E);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EC6879), to(#D01C2E));
    background-image: -webkit-linear-gradient(top, #EC6879, #D01C2E);
    background-image: -o-linear-gradient(top, #EC6879, #D01C2E);
    background-image: linear-gradient(to bottom, #EC6879, #D01C2E);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEC6879", endColorstr="#FFD01C2E", GradientType=0);
}
.exam-result .exam-result-box > div {
    display: inline-block;
    color: #FFF;
}
.exam-result .exam-result-box > div i {
    font-size: 2.2rem;
}
.exam-result .exam-result-box > div > h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 0.5rem;
    color: #FFF;
}
.exam-result .exam-result-box > div:last-child > h3 {
    font-size: 3.2rem;
    margin: 0;
    line-height: 3rem;
}
.exam-result .exam-result-box > div:last-child > h5 {
    font-size: 1.2rem;
    margin: 0;
    text-align: center;
    color: #FFF;
}
.exam-result .exam-number-result .enr-box {
    position: relative;
    padding: 1rem;
    color: #FFF;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
}
.exam-result .exam-number-result .enr-box > i {
    position: absolute;
    right: 1rem;
    top: 1rem;
    color: #FFF;
    font-size: 2rem;
}
.exam-result .exam-number-result .enr-box h3 {
    color: #FFF;
}
.exam-result .exam-number-result .enr-box h5 {
    color: #FFF;
}
.exam-result .exam-number-result .bg-dc {
    background-color: #DCFAE0;
}
.exam-result .exam-number-result .bg-dc h3, .exam-result .exam-number-result .bg-dc h5, .exam-result .exam-number-result .bg-dc i {
    color: #2DB03E;
}
.exam-result .exam-number-result .bg-yc {
    background-color: #FFE6E9;
}
.exam-result .exam-number-result .bg-yc h3, .exam-result .exam-number-result .bg-yc h5, .exam-result .exam-number-result .bg-yc i {
    color: #F1161A;
}
.exam-result .exam-number-result .bg-bc {
    background-color: #EBEDFA;
}
.exam-result .exam-number-result .bg-bc h3, .exam-result .exam-number-result .bg-bc h5, .exam-result .exam-number-result .bg-bc i {
    color: #80828F;
}

.quiz-page .cevap-title {
    font-size: 2.2rem;
}
.quiz-page .quiz-head {
    margin-bottom: 3rem;
    padding-bottom: 1.4rem;
    border-bottom: 1px solid #EBEBEB;
}
.quiz-page .quiz-head h1 {
    font-size: 1.8rem;
    font-weight: 600;
}
.quiz-page .quiz-head h3 {
    font-size: 1.4rem;
    font-weight: 500;
}
.quiz-page .question .item {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px dotted #CCC;
    border-radius: 10px;
}
.quiz-page .question .item > h4 {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.8rem;
}
.quiz-page .question .item > h4 > span {
    display: inline-block;
    margin-right: 1rem;
    color: #999;
    line-height: 1.2rem;
}
.quiz-page .question .item > h4 > p {
    padding: 0;
}
.quiz-page .question .item ul {
    margin-top: 1.5rem;
    height: 100%;
    overflow: hidden;
    list-style: none;
}
.quiz-page .question .item ul > li {
    margin-bottom: 0.7rem;
}
.quiz-page .question .item ul > li label span {
    color: #999;
    margin-right: 0.5rem;
}
.quiz-page .question .item ul > li .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
}
.quiz-page .question .item ul .dogru_cevap {
    border: 1px solid #8dc580;
    background-color: #caf1c1;
}
.quiz-page .question .dogru_soru {
    padding: 1rem;
    background-color: #d6f1d0;
}
.quiz-page .question .dogru_soru .dogru-cevap {
    border: 0px !important;
}
.quiz-page .question .yalnis_soru {
    padding: 1rem;
    background-color: #efd0d0;
}
.quiz-page .question .bos_soru {
    padding: 1rem;
    background-color: #F4F4F4;
}

.kalansure { position: fixed; right: 10px; top: 500px; width: 135px; border:5px solid #333; border-radius: 5px; background-color: #FFF; box-shadow: 0 2px 2px 0 #CCC;}
.kalansure h4 { line-height: 24px; color: #FFF; background-color: #333; font-size: 14px; text-align: center;}
.kalansure > div { font-size: 30px; text-align: center; line-height: 50px; font-weight: 600;}

.kalansure-green { border-color: #78D77C;}
.kalansure-green h4 { background-color: #78D77C;}

.kalansure-blue { border-color: #6AA5EC;}
.kalansure-blue h4 { background-color: #6AA5EC;}

.kalansure-orange { border-color: #FFCC33;}
.kalansure-orange h4 { background-color: #FFCC33;}

.kalansure-red { border-color: #FE7878;}
.kalansure-red h4 { background-color: #FE7878;}


.modulegitmenler {  margin-top: 50px; }
.modulegitmenler .title { font-size: 1.4rem; margin-bottom: 20px;}
.modulegitmenler > ul { list-style: none; margin: 0; padding: 0;}
.modulegitmenler > ul > li { border:1px solid #EBEBEB; border-radius: 5px; padding: 15px; margin-bottom: 20px; height: 100%; overflow: hidden;-webkit-box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2);}
.modulegitmenler > ul > li .thumb { width:90px; float: left; margin-right: 20px;}

.menu-widget ul { list-style: none; margin: 0; padding: 0;}
.menu-widget ul li { line-height: 50px; border-bottom: 1px dotted #CCC;}
.menu-widget ul li a { display: block;}
.menu-widget ul li a:hover { background-color:#413960; color: #FFF;}

.user-main-content { margin-bottom: 30px;}
.user-main-content .title { margin-bottom: 30px;}

/*************************************************/
/****************** USER PROFIL ******************/
/*************************************************/
.user-profil-card .upc-1 { position: relative; padding: 40px; height: 210px; }
.user-profil-card .upc-1 > h4 { font-size: 1.2rem; font-weight: 400; }
.user-profil-card .upc-1 > p { font-size: 0.825rem; }
.user-profil-card .upc-2 { position: relative; padding: 40px; height: 210px; }
.user-profil-card .upc-2 > h4 { font-size: 1.2rem; font-weight: 400; }
.user-profil-card .upc-2 > h3 { font-size: 1.4rem; font-weight: 600; }
.user-profil-card .upc-2 .upc-img img { border-top-left-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; }
.user-profil-card a.btn-nvrg { padding: 0 32px; line-height: 38px; font-size: 0.875rem; position: absolute; left: 32px; bottom: 20px; }
.user-profil-card .upc-img { position: absolute; right: 0; bottom: 0; max-width: 185px; max-height: 210px; height: auto; }

.user-main-content { padding: 0 25px 20px; border-bottom: 1px solid #EAEAEA; }
.user-main-content > h3 { font-size: 1.5rem; margin-bottom: 30px; font-weight: 600; }
.user-main-content .accordion .card { border: 1px solid #EAEAEA !important; margin-bottom: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
.user-main-content .accordion .card .card-header { background-color: #FFF; border: 0; padding: 15px 30px; }
.user-main-content .accordion .card .card-header:after { font-family: "icofont"; content: "\ea6a"; float: right; width: 15px; height: 15px; background: #FFF; -webkit-border-radius: 7.5px; -moz-border-radius: 7.5px; border-radius: 7.5px; border: 1px solid #B1B1B1; color: #B1B1B1; line-height: 15px; text-align: center; font-size: 0.9rem; }
.user-main-content .accordion .card .card-header.collapsed:after { content: "\ea67"; }
.user-main-content .accordion .card .card-body { font-weight: 400; }
.user-main-content .profil-accordion .card { border: 0px !important; margin-bottom: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
.user-main-content .profil-accordion .card .card-header { background-color: #FFF; border: 0; padding: 15px 15px; }
.user-main-content .profil-accordion .card .card-header:after { font-family: "icofont"; content: "\ea6a"; float: right; width: 15px; height: 15px; background: #FFF; -webkit-border-radius: 7.5px; -moz-border-radius: 7.5px; border-radius: 7.5px; border: 1px solid #B1B1B1; color: #B1B1B1; line-height: 15px; text-align: center; font-size: 0.9rem; }
.user-main-content .profil-accordion .card .card-header .card-title { font-size: 1.4rem; font-weight: 600; }
.user-main-content .profil-accordion .card .card-header.collapsed { border-bottom: 1px solid #EBEBEB; }
.user-main-content .profil-accordion .card .card-header.collapsed:after { content: "\ea67"; }
.user-main-content .profil-accordion .card .card-body { font-weight: 400; border-bottom: 1px solid #EBEBEB; }

.user-mobil-menu > a { display: block; font-size: 1.2rem; border-bottom: 1px solid #EAEAEA; line-height: 54px; }
.user-mobil-menu > a:before { font-family: "icofont"; content: "\efa2"; float: left; margin-right: 10px; color: #333; }
.user-mobil-menu > a:after { font-family: "icofont"; content: "\ea67"; float: right; margin-right: 10px; color: #333; }
.user-mobil-menu a.collapsed:after { content: "\ea6a"; }
.user-mobil-menu .umm > ul > li > a { display: block; line-height: 44px; border-bottom: 1px solid #EAEAEA; }
.user-mobil-menu .umm > ul > li > a:before { font-family: "icofont"; content: "\ea79"; float: left; margin-right: 10px; color: #333; }

.user-video-player { }
.user-video-player h1 { font-size: 1.8rem; margin: 2rem 0; }
.user-video-player p { font-size: 1.1rem; margin: 2rem 0; }

.single_widgets_modul {
    border: 1px solid #e5e8f3;
    background-color: #FFF;
    padding: 5px;
    margin-bottom: 2rem;
    border-radius: 0.4rem;
}
.single_instructor_modul {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px;
    border-radius: 0.5rem;
    margin-bottom: 0;
    background: #ffffff;
    overflow: hidden;
}
.single_instructor_thumb_modul {
    width: 150px;
    height: 150px;
    border-radius: 5px;
    overflow: hidden;
}

.btn-sm { padding: 0.25rem 0.5rem !important;}

ul.lectures_lists li { cursor: default !important;}

.sticky-phone {
    position: fixed;
    top: 50%;
    left: -70px;
    width: 182px;
    height: 40px;
    z-index:999;
    transition: all 0.25s;
    transform: rotate(90deg);
    display: flex;
    justify-content: center;
}

.sticky-phone img {
    max-width: 40px;
    height: auto;
}

a.butonmodal {
    line-height: 40px;
    padding: 0 1rem;
    background-color: #D74A5A;
    border-radius: 5px 5px 0 0;
    color: #FFF;
    display: inline-block;
}
a.butonmodal:hover {
    color: #FFF;
}

.whatsapp-button {}
.whatsapp-button i { font-size: 2.4rem; color: #48a91f;}

.sonucalert { padding: 3rem; margin: 5rem 0; border-radius: 10px;}
.sonucalert p { font-size: 1.2rem; text-align: center;}

.cookie-policy {
    position: fixed;
    max-width: 24rem;
    width: 100%;
    left: 1rem;
    bottom: 1rem;
    z-index: 99999;
    color: #2d4156;
    border-radius: 5px;
    background-color: #FFF;
    box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
    -webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
}

.cookie-policy .cp-content {
    padding: 1.2rem 1.8rem;
    font-size: .875rem;
}
.cookie-policy .cp-content p {
    font-size: .8rem;
}
.cookie-policy .cp-button {
    display: flex;
    justify-content: space-between;
}
.cookie-policy .cp-button a {
    display: block;
    background-color: #d8e0e6;
    line-height: 2.4rem;
    text-align: center;
    width: 100%;
    border-radius: 5px;
}
.cookie-policy .cp-button a:last-child {
    background-color: #1074bc;
    color: #FFF;
    margin-left: 1rem;
}
.footer-social li { padding: .2rem .5rem; border:1px solid rgba(255,255,255,0.5); border-radius: 5px; margin-right: 1rem;}

/*
.slider-btn { background-color: #a37e7b;}
.btn_view_detail { background-color: #a37e7b !important;}
*/
@media (max-width: 575px) {
    .sticky-phone {
        position: fixed;
        top: auto;
        bottom: 10px;
        left: 0;
        margin-right: 50%;
        width: 182px;
        height: 40px;
        z-index:999;
        transition: all 0.25s;
        transform: none;
    }

    .cookie-policy {
        position: fixed;
        max-width: 24rem;
        width: 95%;
        bottom: 1rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .course-wrapper {
        flex-direction: column-reverse;
    }
}