:root {
    --main-color: #2457ad;
    --sub-color: #dc9750;
    --footer-bg:#2457AD;
    --footer-text-color:#ffffff;
    --link-color:#a06b54;
    --link-hover-color:#2457AD;
}
a {
    color: var(--link-color);
}
a:hover {
    color: var(--link-hover-color);
}

#share-btn {
    color: #fff;
    background-color: var(--main-color);
    border: 1px solid transparent;
}

#share-btn.open-btn {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid var(--sub-color);
    color: var(--sub-color);
}

#gotop:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}

#gotop:hover::after {
    color: var(--main-color);
}
.comment-area .comment-header .comment-counter>span {
    background-color: var(--main-color);
}

.comment-area .comment-body .comment-row .user-comment-edit .comment-sent-out {
    background-color: var(--main-color);
}

.recommended-container .slick-prev::before,
.recommended-container .slick-prev::after,
.recommended-container .slick-next::before,
.recommended-container .slick-next::after {
    color: var(--main-color);
}

.coupon-list::before {
    border-left: 4px solid var(--main-color);
}

.blog-row .text-box .middle-title:hover,
.blog-row .text-box .middle-title:active {
    color: var(--main-color);
}

.add-to-cart {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
}

.pakage-slider-container .slick-prev::before,
.pakage-slider-container .slick-prev::after,
.pakage-slider-container .slick-next::before,
.pakage-slider-container .slick-next::after {
    color: var(--main-color);
}

.event-block>.img-box>.event-date {
    background-color: var(--main-color);
}

.teacher-intro-title::after {
    background-color: var(--main-color);
}

.course-block .add-cart-btn {
    background-color: var(--main-color);
}

.course-display>h1 {
    color: var(--main-color);
}

.course-aside-content .course-title-group>h2 {
    background-color: var(--main-color);
    color: #fff;
}

.course-aside-content .course-aside>li .complete .check-box,
.course-aside-content .course-aside>li.complete .check-box {
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
}

.progress-bar span {
    background-color: var(--main-color);
}

.course-tag>li.paid {
    border: 1px solid var(--main-color);
    color: var(--main-color);
}

.user-comment .footer-info-btn .comment-like::after {
    color: var(--main-color);
}

.user-comment .footer-info-btn .comment-like.liked::before {
    color: var(--main-color);
}

.user-comment .footer-info-btn .comment-like.liked::after {
    color: var(--main-color);
}

.title::before {
    background-color: var(--main-color);
}

.title::after {
    background-color:var(--sub-color);
}

.warning-text {
    color: var(--main-color);
}

.warning-text>a {
    color: var(--main-color);
}

.btn-outline-secondary {
    color: var(--sub-color);
    border-color: var(--sub-color);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:hover {
    background-color: var(--sub-color);
    border-color: var(--sub-color);
}

.social-link>li>a:hover,
.social-link>li>a:active {
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

.navi-item:first-child {
    background-color: #83A7E0;
}

.mobile-nav .submenu>label {
    color: var(--main-color);
}
.page-link:hover {
    z-index: 2;
    color: var(--main-color);
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.page-item.active .page-link {
    border-bottom: 3px solid var(--main-color);
    background-color: transparent;
    color: var(--main-color);
    cursor: auto;
}

aside>ul>li>a:before {
    width: 1px;
    transform: rotate(-25deg);
    background-color: var(--main-color);
}

#product-index a {
    color: var(--main-color);
}

.info-list li a:hover {
    background-color: #f6f6f6;
    color: var(--main-color);
}

.price-area .price-block.on-sale span {
    color: var(--main-color);
}

.coupon-list>li>span.unused::before {
    background-color: var(--main-color);
    color: #fbfbfb;
}

.article-category ol>li a:active,
.article-category ol>li a:visited {
    color: var(--main-color);
}

.booking-block>.text-box h3>span {
    background-color: var(--main-color);
    color: #fff;
}

.course-block h3 {
    color: var(--main-color);
}

.discount-title>span::before {
    background-color: var(--main-color);
}

.pakage-slider-container .pakage-slider .slider-item a:hover {
    color: var(--main-color);
}

.cumulative-quantity-disconunt>li {
    border-left: 3px solid var(--main-color);
    color: rgba(51, 51, 51, 0.9);
}

.link-discount>li::before {
    background-color: var(--main-color);
}

.shopping-order .link-discount>li {
    color: var(--main-color);
}

.shopping-order .link-discount>li::before {
    background-color: var(--main-color);
}

.event-signup-content {
    background-color: #fbfbfb;
    border: 1px solid var(--main-color);
}

.event-signup-content::before {
    color: var(--main-color);
    text-shadow: 3px 3px 0px #fff;
}

.btn-border {
    border-radius: 0px;
    border: 1px solid var(--sub-color);
    color:var(--sub-color);
    background-color: #fff;
    transition: 0.3s ease-in-out;
}

.btn-full {
    border: 0px;
    border-radius: 0px;
    background-color:var(--sub-color);
    color: #fff;
    transition: 0.3s ease-in-out;
}

.btn-full:hover {
    background-color: color-mix(in srgb, var(--sub-color), #fff 35%);
    color: #fff;
}
.btn-border:hover {
    background-color: #fafafa;
    border-color: var(--sub-color);
    color: var(--sub-color);
}

.web-title>a::after {
    background-color:var(--sub-color);
}

 .dropdown-item.active, .dropdown-item:active{
    color: #fff;
    background-color: var(--main-color);
}

.blog-row:hover .read-more {
    color: #83A7E0;
}
.blog-row:hover .read-more>i {
    color: var(--main-color);
}
footer {
  background-color: var(--footer-bg);
  color: var(--footer-text-color);
}
footer p {
  color: var(--footer-text-color);
}
footer a {
  color: var(--footer-text-color);
}
footer a:hover {
  color: color-mix(in srgb, var(--footer-text-color), #000 15%);
}
footer a:active {
  color: color-mix(in srgb, var(--footer-text-color), #fff 35%);
}
footer .small-title {
  color: var(--footer-text-color);
}
footer .copyright {
  color: var(--footer-text-color);
}
footer .copyright a {
  color: var(--footer-text-color);
}
footer #subscription-footer-btn {
  background-color: var(--sub-color);
  color: #fff;
}
footer .copyright a:hover {
      color: color-mix(in srgb, var(--footer-text-color), #000 15%);
}