:root {
    --ff-primary: #31338C;
    --ff-primary-darker: #000266;
    --ff-text-primary: #31338C;
    --white-text:#FFFFFF;
}


.image-cropper-preview {
    width: 100%;
    background-color: #f3f4f6;
    background-image: url("https://placehold.co/640x360");
    background-repeat: no-repeat;
    background-position: center center;
    height: 360px;
    display: block;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 6px 4px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.select2-search__field {
    margin: 6px !important;
    padding: 2 !important;
    line-height: 1.5 !important;
}

.select2-selection__rendered {
    padding-top: 5px !important;
}

@media (max-width: 2048px) {
    .sidebar-only {
        display: none;
    }
}

.mobile-nav__container .sidebar-only {
    display: block;
}

.copyright {
    background-color: var(--white-text);
}

.copyright__text {
    color: var(--ff-primary);
}

.mobile-nav__content {
    background-color: var(--ff-primary);
}

.mobile-nav__content .main-menu__list li>a {
    color: var(--white-text);
}

.mobile-nav__overlay {
    background-color: var(--ff-primary);
}

.mobile-nav__content .main-menu__list li a button {
    background-color: var(--white-text);
    color: var(--ff-primary);
}

.mobile-nav__content .main-menu__list li a button.expanded {
    transform: rotate(0deg);
    background-color: var(--ff-primary-darker);
    color: var(--white-text);
}

.mobile-nav__content .main-menu__list li a.expanded {
    color: var(--ff-primary-darker);
}

.main-header-two .main-menu .main-menu__list>li>a {
    color: var(--ff-text-primary);
}

.main-header-two .main-menu__list>li.current>a,
.main-header-two .main-menu__list>li:hover>a {
    color: var(--ff-primary-darker);
}


.form-check-input:checked {
    background-color: var(--ff-primary-darker);
    border-color: var(--ff-primary-darker);
}


.main-menu .main-menu__list li ul li.current>a,
.main-menu .main-menu__list li ul li:hover>a,
.stricky-header .main-menu__list li ul li.current>a,
.stricky-header .main-menu__list li ul li:hover>a {
    background-color: var(--ff-primary-darker);
    color: var(--white-text);
}

.main-menu .main-menu__list li ul li>a::after,
.stricky-header .main-menu__list li ul li>a::after {
    color: var(--white-text);
}

.main-footer-two {
    background-color: var(--ff-primary);
}


.main-header-two.stricky-header .main-menu__list>li>a {
    color: var(--ff-text-primary);
}

.main-header-two.stricky-header .main-menu__list>li.current>a,
.main-header-two.stricky-header .main-menu__list>li:hover>a {
    color: var(--ff-primary-darker);
}

.main-footer-two__info-list li span {
    color: var(--white-text);
}

.main-footer-two__info-list li {
    color: var(--white-text);
}

.main-footer-two__title {
    color: var(--white-text);
}

.main-footer-two__navmenu ul li {
    color: var(--white-text);
}

.mobile-nav__close {
    color: var(--white-text);
}



.main-header-two .main-menu__login,
.main-header-two .mobile-nav__toggler,
.main-header-two .main-menu__search {
    color: var(--ff-primary);
}

.main-header-two .main-menu__login:hover,
.main-header-two .mobile-nav__toggler:hover,
.main-header-two .main-menu__search:hover {
    color: var(--ff-primary-darker);
}

.mobile-nav__toggler:hover {
    color: var(--ff-primary-darker);
}

.scroll-top__circle path {
    stroke: var(--ff-primary-darker);
}

.scroll-top::after {
    color: var(--ff-primary-darker);
}

.section-title__title {
    color: var(--ff-text-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--ff-text-primary);
}

.section-title__tagline {
    color: var(--ff-primary-darker);
}

.custom-cursor__cursor,
.custom-cursor__cursor-two {
    border-color: var(--ff-primary);
}

.section-title__tagline svg.arrow-svg {
    fill: var(--ff-text-primary);
}

.course-two__author {
    padding: 0 0 0 0px;
}

.course-two__like {
    background-color: var(--white-text);
    color: var(--ff-text-primary);
}

.course-two__like:hover {
    background-color: var(--ff-primary);
    color: var(--white-text);
}

.course-two__time {
    background-color: var(--ff-primary);
    color: var(--white-text);
}

.course-two__thumb svg {
    fill: var(--ff-primary);
}

.course-two__title a:hover {
    color: var(--ff-primary-darker);
}

.course-two__item:hover .course-two__thumb svg {
    fill: var(--ff-primary-darker);
}

.course-two__slider.owl-carousel .owl-nav button {
    background-color: var(--ff-primary);
    color: var(--white-text);
}

.course-two__slider.owl-carousel .owl-nav button:hover {
    background-color: var(--ff-primary-darker);
    color: var(--white-text);
}

.testimonial-one__carousel.owl-carousel .owl-nav button {
    background-color: var(--ff-primary);
    color: var(--white-text);
}

.testimonial-one__carousel.owl-carousel .owl-nav button:hover {
    background-color: var(--white-text);
    color: var(--ff-primary);
}

.about-two__thumb__two-icon {
    background-color: var(--ff-primary);
    color: var(--white-text);
}

.main-slider__title span {
    color: var(--ff-primary);
}

.main-slider__shape-eight {
    background-color: var(--ff-primary);
}

.main-slider__one.owl-carousel .owl-dots .owl-dot span {
    border: 1px solid var(--ff-primary);
}


.page-header__overlay {
    background-color: rgba(var(--ff-primary), 0.8);
}

.page-header__title {
    color: var(--ff-text-primary);
}

.blog-page__pagination li a {
    border: 1px solid var(--eduact-soft4);
    color: var(--ff-primary-darker);
}

.blog-page__pagination li a:hover,
.blog-page__pagination li a.active {
    background-color: var(--ff-primary);
    border-color: var(--ff-primary);
    color: var(--white-text);
}

.blog-details__meta a {
    background-color: var(--ff-primary);
    color: var(--white-text);
}

.blog-details__meta a:hover {
    background-color: var(--ff-primary-darker);
    color: var(--white-text);
}

.blog-details__meta__date i {
    color: var(--ff-primary);
}

.blog-details__tags a {
    background-color: var(--ff-primary);
    color: var(--white-text);
}

.blog-details__tags a:hover {
    background-color: var(--ff-primary-darker);
    color: var(--white-text);
}

a {
    color: var(--ff-primary);
}

a:hover {
    color: var(--ff-primary-darker);
}

.accrodion-one__wrapper .accrodion.active .accrodion-title h4, .accrodion-one__wrapper .accrodion:hover .accrodion-title h4 {
    color: var(--ff-primary-darker);
}

.accrodion-one__wrapper .accrodion.active .accrodion__icon, .accrodion-one__wrapper .accrodion:hover .accrodion__icon {
    color: var(--ff-primary-darker);
}

.main-footer-two__social a {
    border: 1px solid var(--white-text);
    color: var(--white-text);
}

.main-footer-two__social a:hover {
    background-color: var(--white-text);
    color: var(--ff-primary);
}

.preloader {
    background-color: var(--ff-primary);
}

.page-header__breadcrumb li a {
    color: var(--ff-primary-darker);
}

.page-header__breadcrumb li a:hover {
    color: var(--ff-text-primary);
}

.page-header__breadcrumb li {
    color: var(--ff-text-primary);
}

.eduact-btn-second {
    background-color: var(--ff-text-primary);
}

.contact-info ul li::after {
    background-color: var(--ff-primary);
}

.contact-info ul li.active .contact-info__title, .contact-info ul li:hover .contact-info__title {
    color: var(--white-text);
}

.contact-info ul li.active .contact-info__icon, .contact-info ul li:hover .contact-info__icon {
    color: var(--white-text);
}

.contact-info ul li.active .contact-info__text, .contact-info ul li:hover .contact-info__text {
    color: var(--white-text);
}

.contact-info__icon {
    color: var(--ff-primary);
}
.blog-page__pagination {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-page__pagination li {
    margin: 0 5px;
}

.blog-page__pagination a,
.jump-to-page form button {
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: var(--ff-primary-darker);
    background-color: var(--white-text);
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.blog-page__pagination a.active {
    background-color: var(--ff-primary-darker);
    color: var(--white-text);
}

.jump-to-page form {
    display: flex;
    align-items: center;
}

.jump-to-page form input {
    width: 50px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 5px;
    text-align: center;
}

.jump-to-page form button:hover {
    background-color: var(--ff-primary-darker);
    color: var(--white-text);
}