html, body {
    height: 100%;
    font-family: var(--font-family-calibri);
    overflow: unset;
    background-color: var(--light-plus);
    color: var(--black);
}

body {
    display: flex;
    flex-direction: column;
}

.header .h-caption {
    color: var(--primary) !important;
    font-weight: bold;
}

.px-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

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

p {
    color: var(--black);
    line-height: 1;
}

.light-plus {
    color: var(--black);
}

.light-text {
    color: var(--light-black);
}

.nav-options .lang svg path,
.nav-options .lang svg rect {
    fill: var(--black) !important;
}

nav .navbar-nav .nav-link {
    color: var(--light-black) !important;
}

.navbar-nav .active a, .navbar-nav a:hover {
    color: var(--primary) !important;
}

.navbar-nav .active a:after, .navbar-nav a:hover:after {
    background-color: var(--primary) !important;
}

.nav-options .lang a {
    color: var(--black) !important;
}

.nav-options .dark {
    background-color: transparent;
    border: 2px solid var(--primary);
}

.nav-options .light {
    background-color: var(--primary);
    border: 2px solid var(--primary);
}

.inner-content h2 {
    color: var(--light-black);
}

.testimonies-section h2 {
    color: var(--primary);
}

.carousel_item .item_desc {
    background-color: var(--light-plus) !important;
    box-shadow: 0px 0px 10px var(--lighter-gray) !important;
}

.carousel_item .item_desc p{
    color: var(--black);
}

.use-cases-section .bold-text {
    color: var(--black);
}

.pagination li.active .page-link, .pagination li .page-link:hover, .pagination li.active .page-link:hover {
    background: var(--primary);
}

/*****************/

.inner-header {
    background-image: url('../images/light-background/background-header@2x.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    min-height: fit-content !important;
}

.bg-img-1 {
    background-image: url('../images/light-background/background-testimonies@2x.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: fit-content;
}

.bg-img-2 {
    background-image: url('../images/light-background/background-get-in-touch@2x.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: fit-content;
}

/********************/

/***** Header ********/
.header {
    min-height: 100vh;
    background-image: url('../images/light-background/background-header@2x.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
}

/*********************************/

/***************Numbers******************/

.numbers-item-caption {
    background-color: var(--light-plus);
    box-shadow: 0px 0px 10px var(--lighter-gray) !important;
    padding: 3rem 1rem 1rem 1rem;
    border-radius: 15px;
}

.pagination {
    background-color: var(--light-black) !important;
}

.pagination li .page-link{
    color: var(--light);
}

.pagination li:first-child .page-link, .pagination li:last-child .page-link{
    background-color: var(--light-black) !important;
}

.numbers-item .outer-circle {
    background: radial-gradient(var(--purple) 50%, rgba(195, 97, 161, 0.4) 52%);
}

.second-circle .outer-circle {
    background: radial-gradient(var(--primary) 50%, rgba(162, 97, 151, 0.4) 52%) !important;
}

.third-circle .outer-circle {
    background: radial-gradient(var(--primary-dark) 50%, rgba(130, 72, 145, 0.4) 52%) !important;
}

.numbers-item p {
    color: var(--black) !important;
}

/*********************************/

/***************  Images slider ******************/

.slider-for .slick-next:before, .video-slider-for .slick-next:before {
    content: url(../images/icons/ic_arrow_forward.svg);
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(227deg) brightness(118%) contrast(119%);
}

.slider-for .slick-prev:before, .video-slider-for .slick-prev:before {
    content: url(../images/icons/ic_-arrow_back.svg);
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(227deg) brightness(118%) contrast(119%);
}


.media-section .nav .nav-item .active, .products-tabs .active {
    color: var(--primary) !important;
}

.media-section .nav .nav-item .active:after, .products-tabs .active:after {
    background-color: var(--primary) !important;
}

.media-section .nav .nav-item a, .products-tabs .nav-item a {
    color: var(--light-black) !important;
}

.doc-down {
    background-color: var(--primary);
}

.media-doc {
    background-color: var(--light-plus);
}

.footer {
    background-color: var(--light-blue);
}

.footer ul li a {
    color: var(--black);
}

.footer ul li.slim-text a, .footer ul li.slim-text p {
    color: var(--light-gray);
}

.contact-us-section .section-body .form-group .form-control, .form-inline .form-group .form-control {
    background: var(--light-plus);
    color: var(--black);
}

.product-section .bold-text {
    color: var(--black);
}

.contact-us-section .section-body .form-group label,
.form-control::placeholder, .form-control::-webkit-input-placeholder {
    color: var(--light-gray);
}

.contact-us-section .section-body .form-group, .form-inline .form-group {
    background: var(--light-plus);
}

@media (max-width: 992px) {
    nav .navbar-nav .nav-link {
        color: var(--light) !important;
    }
    .navbar-nav .active a, .navbar-nav a:hover {
        color: var(--light-plus) !important;
    }
    .navbar-nav .active a:after, .navbar-nav a:hover:after {
        background-color: var(--light-plus) !important;
    }
    .nav-options .lang svg path,
    .nav-options .lang svg rect {
        fill: var(--light) !important;
    }
}