:root {
    --c-primary: #273D8B;
    --c-secondary: #EA2127;
    --c-text: #323232;
    --color-3: #FF4D53;
    --color-4: #4660BF;
    --color-5: #1C4166;
    --color-6: #1D77DB;
    --color-7: #263D90;
    --color-8: #021B71;
    --color-9: #4469BE;
    --color-10: #1B136A;
    --color-11: #122051;
    --color-12: #074D93;
}

dl,
ol,
ul {
    margin-left: 0;
}

.post,
.page {
    margin: 0 0 0;
}

.bg-btn {
    background-color: var(--c-secondary);
}

.box-pd-50 {
    padding: 0 50px;
}

.course-btn {
    max-width: 218px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 700;
}

.btn-style-1 {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-size: 20px;
}

.title-style-1 {
    color: var(--c-primary);
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 16px;

}

.desc-style-1 {
    font-size: 18px;
}

.title-style-1.has-divine::before,
.title-style-1.has-divine-2::before {
    content: "";
    background-color: var(--c-secondary);
    width: 112px;
    height: 3px;
    position: absolute;
    bottom: 0;
}

.title-style-1.has-divine::before {

    left: 50%;
    transform: translateX(-50%);
}

.title-style-1.has-divine-2::before {
    left: 0;
    transform: none;
}

.number-star-rating {
    color: var(--color-primary);
}

.navigation.pagination {
    justify-content: center;
}

.navigation.pagination a {
    text-decoration: none;
}

.navigation.pagination .nav-links {
    display: flex;
    gap: 6px;
}

.navigation.pagination .page-numbers {
    min-width: 30px;
    height: 30px;
    border: solid 1px #ededed;
    color: #9b9b9b;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;

}
.navigation.pagination .page-numbers.current,.navigation.pagination .page-numbers:hover{
    background-color: var(--c-primary);
    color: #fff;
}
@media screen and (max-width:768px) {
    .btn-style-1 {
        font-size: 16px;
    }
}

[data-star] {
    text-align: left;
    font-style: normal;
    display: inline-block;
    position: relative;
    unicode-bidi: bidi-override;
}

[data-star]::before {
    display: block;
    content: '★★★★★';
    color: #eee;
    font-size: 18px;
}

[data-star]::after {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    content: '★★★★★';
    width: 0;
    color: rgba(243, 220, 12, 1);
    overflow: hidden;
    height: 100%;
    font-size: 18px;

}

[data-star^="0.1"]::after {
    width: 2%
}

[data-star^="0.2"]::after {
    width: 4%
}

[data-star^="0.3"]::after {
    width: 6%
}

[data-star^="0.4"]::after {
    width: 8%
}

[data-star^="0.5"]::after {
    width: 10%
}

[data-star^="0.6"]::after {
    width: 12%
}

[data-star^="0.7"]::after {
    width: 14%
}

[data-star^="0.8"]::after {
    width: 16%
}

[data-star^="0.9"]::after {
    width: 18%
}

[data-star^="1"]::after {
    width: 20%
}

[data-star^="1.1"]::after {
    width: 22%
}

[data-star^="1.2"]::after {
    width: 24%
}

[data-star^="1.3"]::after {
    width: 26%
}

[data-star^="1.4"]::after {
    width: 28%
}

[data-star^="1.5"]::after {
    width: 30%
}

[data-star^="1.6"]::after {
    width: 32%
}

[data-star^="1.7"]::after {
    width: 34%
}

[data-star^="1.8"]::after {
    width: 36%
}

[data-star^="1.9"]::after {
    width: 38%
}

[data-star^="2"]::after {
    width: 40%
}

[data-star^="2.1"]::after {
    width: 42%
}

[data-star^="2.2"]::after {
    width: 44%
}

[data-star^="2.3"]::after {
    width: 46%
}

[data-star^="2.4"]::after {
    width: 48%
}

[data-star^="2.5"]::after {
    width: 50%
}

[data-star^="2.6"]::after {
    width: 52%
}

[data-star^="2.7"]::after {
    width: 54%
}

[data-star^="2.8"]::after {
    width: 56%
}

[data-star^="2.9"]::after {
    width: 58%
}

[data-star^="3"]::after {
    width: 60%
}

[data-star^="3.1"]::after {
    width: 62%
}

[data-star^="3.2"]::after {
    width: 64%
}

[data-star^="3.3"]::after {
    width: 66%
}

[data-star^="3.4"]::after {
    width: 68%
}

[data-star^="3.5"]::after {
    width: 70%
}

[data-star^="3.6"]::after {
    width: 72%
}

[data-star^="3.7"]::after {
    width: 74%
}

[data-star^="3.8"]::after {
    width: 76%
}

[data-star^="3.9"]::after {
    width: 78%
}

[data-star^="4"]::after {
    width: 80%
}

[data-star^="4.1"]::after {
    width: 82%
}

[data-star^="4.2"]::after {
    width: 84%
}

[data-star^="4.3"]::after {
    width: 86%
}

[data-star^="4.4"]::after {
    width: 88%
}

[data-star^="4.5"]::after {
    width: 90%
}

[data-star^="4.6"]::after {
    width: 92%
}

[data-star^="4.7"]::after {
    width: 94%
}

[data-star^="4.8"]::after {
    width: 96%
}

[data-star^="4.9"]::after {
    width: 98%
}

[data-star^="5"]::after {
    width: 100%
}

@media screen and (max-width:768px) {
    .title-style-1 {
        font-size: 28px;
    }

    .desc-style-1 {
        font-size: 16px;
    }
}