/* home themes */
[data-bs-theme=dark] main,
[data-bs-theme=light] main 
{
    overflow-x: clip;
}

[data-bs-theme=light] body,
[data-bs-theme=light] .bg-body 
{
    background: #fff !important;
    color: #0e1922 !important;
} 

[data-bs-theme=dark] body,
[data-bs-theme=dark] .bg-body {
    background-color: #0c101a !important;
    color: #fff;
}

[data-bs-theme=light] .text-grey {
    color: #0e1922 !important;
}

[data-bs-theme=light] h2.text-info,
[data-bs-theme=light] h2.text-green
{
    color: var(--dark-green-color) !important;
}

[data-bs-theme=light] h2.text-blue
{
    color: var(--dark-blue-color) !important;
}

[data-bs-theme=light] h2.text-pink
{
    color: var(--dark-pink-color) !important;
}

[data-bs-theme=light] h2.text-purple
{
    color: var(--dark-purple-color) !important;
}

[data-bs-theme=light] h2.text-orange
{
    color: var(--dark-orange-color) !important;
}

[data-bs-theme=dark] .text-white-highlight {
    font-weight: 400;
    color: #fff;
}

[data-bs-theme=light] .text-white-highlight {
    font-weight: 500;
}

[data-bs-theme=light] .platforms-slider {
    background: rgb(240, 240, 240);
    padding: 25px;
    border-radius: 8px;
}

[data-bs-theme=dark] hr {
    border-top-color: rgba(255,255,255,0.3);
}

[data-bs-theme=dark] ul.slick-dots button {
    background-color: rgba(255,255,255,0.25);
}

[data-bs-theme=dark] ul.slick-dots li button:hover {
    background: #008F7C;
}

[data-bs-theme=dark] .slick-initialized .slick-slide {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

[data-bs-theme=dark] .slick-track {
    display: flex;
    align-items: center;
}

[data-bs-theme=dark] img.slick-slide {
    width: auto !important;
    max-width: 120px;
    max-height: 60px;
    height: 100%;
}

[data-bs-theme=dark]
.card {
    background: rgba(13,17,23,0.85);
}

[data-bs-theme=dark] .card {
    background: rgba(56,191,172,0.05);
    border: none;
}

[data-bs-theme=dark] .text-bg-dark {
    background: #0e1922 !important;
    padding: 40px;
}

/*
[data-bs-theme=light] .text-bg-dark h2,
[data-bs-theme=light] .text-bg-dark h3,
[data-bs-theme=light] .text-bg-dark h4,
[data-bs-theme=light] .text-bg-dark h5
{
    color: #fff !important;
}
    */

[data-bs-theme=light] .text-bg-dark a.btn {
    font-size: 1.25rem !important;
}

[data-bs-theme=light] .text-bg-dark .text-grey
{
    color: #fff !important;
}

/*
[data-bs-theme=light] .text-bg-dark.border-offset-green {
    background:  var(--dark-green-color)  !important;
}

[data-bs-theme=light] .text-bg-dark.border-offset-blue {
    background:  var(--dark-blue-color)  !important;
}

[data-bs-theme=light] .text-bg-dark.border-offset-purple {
    background:  var(--dark-purple-color)  !important;
}

[data-bs-theme=light] .text-bg-dark.border-offset-orange {
    background:  var(--dark-orange-color)  !important;
}

[data-bs-theme=light] .text-bg-dark.border-offset-pink {
    background:  var(--dark-pink-color)  !important;
}
*/

[data-bs-theme=light] .text-bg-dark {
    background: #0d1d29 !important;
}

[data-bs-theme=dark] .border {
    border-color: rgba(255,255,255,0.15) !important;
}

[data-bs-theme=light]
.card {
    border: 1px solid rgba(13,17,23,0.85);
    background: none;
}

[data-bs-theme=light] .card {
    border: 1px solid rgba(56,191,172,0.5);
    background: none !important;
}

[data-bs-theme=light] .text-bg-dark {
    border: 2px solid #00AC95 !important;
    padding: 40px;
}

@media (min-width: 992px) {
    .min-height-logos {
        min-height: 190px;
    }
}

[data-bs-theme=light] .border {
    border-color: #ccc !important;
}

[data-bs-theme=dark] .border-offset.border-offset-green:before {
    border-color: rgba(56,191,172,0.25) !important;
    transition: all 0.25s ease-in-out;
}

[data-bs-theme=dark] .border-offset.border-offset-blue:before {
    border-color: rgba(70, 114, 254, 0.25) !important;
    transition: all 0.25s ease-in-out;
}

[data-bs-theme=dark] .border-offset.border-offset-pink:before {
    border-color: rgba(247, 120, 186, 0.25) !important;
    transition: all 0.25s ease-in-out;
}

[data-bs-theme=dark] .border-offset.border-offset-purple:before {
    border-color: rgba(110, 64, 201, 0.25) !important;
    transition: all 0.25s ease-in-out;
}

[data-bs-theme=dark] .border-offset.border-offset-orange:before {
    border-color: rgba(188, 140, 64, 0.25) !important;
    transition: all 0.25s ease-in-out;
}

[data-bs-theme=light] .border-offset:before {
    border: 1px solid #ccc;
}

[data-bs-theme=light] .text-bg-dark.border-offset.border-offset-green,
[data-bs-theme=light] .border-offset.border-offset-green:before {
    border: 1px solid #00AC95 !important;
    transition: all 0.25s ease-in-out;
}

[data-bs-theme=light] .text-bg-dark.border-offset.border-offset-blue,
[data-bs-theme=light] .border-offset.border-offset-blue:before {
    border: 1px solid #2f60fd !important;
    transition: all 0.25s ease-in-out;
}

[data-bs-theme=light] .text-bg-dark.border-offset.border-offset-pink,
[data-bs-theme=light] .border-offset.border-offset-pink:before {
    border: 1px solid #f85cad !important;
    transition: all 0.25s ease-in-out;
}

[data-bs-theme=light] .text-bg-dark.border-offset.border-offset-purple,
[data-bs-theme=light] .border-offset.border-offset-purple:before {
    border: 1px solid #6E40C9 !important;
    transition: all 0.25s ease-in-out;
}

[data-bs-theme=light] .text-bg-dark.border-offset.border-offset-orange,
[data-bs-theme=light] .border-offset.border-offset-orange:before {
    border: 1px solid #f3a21d !important;
    transition: all 0.25s ease-in-out;
}

[data-bs-theme=dark] .text-bg-dark.border-offset.border-offset-blue,
[data-bs-theme=dark] .text-bg-dark.border-offset.border-offset-purple,
[data-bs-theme=dark] .text-bg-dark.border-offset.border-offset-green,
[data-bs-theme=dark] .text-bg-dark.border-offset.border-offset-pink,
[data-bs-theme=dark] .text-bg-dark.border-offset.border-offset-orange
{
    border: none !important;
}

[data-bs-theme=dark] .border-green {
    border-color: rgba(56,191,172,0.25) !important;
}

[data-bs-theme=dark] .border-blue {
    border-color: rgba(70, 114, 254, 0.25) !important;
}

[data-bs-theme=dark] .border-pink {
    border-color: rgba(247, 120, 186, 0.25) !important;
}

[data-bs-theme=dark] .border-purple {
    border-color: rgba(110, 64, 201, 0.25) !important;
}

[data-bs-theme=dark] .border-orange {
    border-color: rgba(188, 140, 64, 0.25) !important;
}

[data-bs-theme=light] .border-green {
    border-color: rgba(56,191,172,0.25) !important;
}

[data-bs-theme=light] .border-blue {
    border-color: rgba(70, 114, 254, 0.25) !important;
}

[data-bs-theme=light] .border-pink {
    border-color: rgba(247, 120, 186, 0.25) !important;
}

[data-bs-theme=light] .border-purple {
    border-color: rgba(110, 64, 201, 0.25) !important;
}

[data-bs-theme=light] .border-orange {
    border-color: rgba(188, 140, 64, 0.25) !important;
}

[data-bs-theme=dark] #global-search.form-control {
    background: rgba(12, 16, 28,0.85);
    border-color: rgba(56,191,172,0.5);
}

[data-bs-theme=light] #global-search.form-control {
    border-color: rgba(56,191,172,0.5);
}

[data-bs-theme=dark] .page-link {
    border-color: rgba(56,191,172,0.5);
    background: #181c26;
    color: #fff;
}

[data-bs-theme=dark] .page-link:hover,
[data-bs-theme=dark] .page-link:active,
[data-bs-theme=dark] .page-link:focus {
    border-color: rgba(56,191,172,1);
    background: rgba(56,191,172,0.25);
}

[data-bs-theme=dark] .active > .page-link, .page-link.active {
    background-color: rgba(56,191,172,1);
}

/* buttons */
[data-bs-theme=dark] .text-link {
    color: #fff;
}

[data-bs-theme=dark] .text-link:hover,
[data-bs-theme=dark] .text-link:active,
[data-bs-theme=dark] .text-link:focus,
[data-bs-theme=dark] .text-link.text-purple,
[data-bs-theme=dark] .text-link.text-orange,
[data-bs-theme=dark] .text-link.text-blue,
[data-bs-theme=dark] .text-link.text-pink
{
    color: #fff !important;
}

[data-bs-theme=light] .text-link,
[data-bs-theme=light] .text-link:hover
    {
    color: #0e1922 !important;
}

[data-bs-theme=light] .nav-link {
    color: #86888d;
}

[data-bs-theme=dark] .background-blocks:before,
[data-bs-theme=dark] .background-circles:before,
[data-bs-theme=dark] .background-cubes:before,
[data-bs-theme=dark] .background-curves:before,
[data-bs-theme=dark] .background-lines:before {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(12, 16, 26, 0.2);
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}

/* background circles spins animation */
[data-bs-theme=dark] .gradient-bg,
[data-bs-theme=dark] .gradient-bg-blue,
[data-bs-theme=dark] .gradient-bg-pink,
[data-bs-theme=dark] .gradient-bg-purple,
[data-bs-theme=dark] .gradient-bg-orange,
[data-bs-theme=dark] .gradient-bg-green {
    position: relative;
}

[data-bs-theme=dark] .gradient-bg:before {
    background-image: radial-gradient(circle, rgba(0,172,149,0.2) 0%, rgba(13,17,23,0) 60%, rgba(13, 17, 23, 0) 100%);
    background-position: 115% 0%;
    background-size: 44% 100%;
    background-repeat: no-repeat;
    content: "";
    height: 800px;
    width: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: -50%;
    z-index: -1;
}

[data-bs-theme=dark] .gradient-bg:after {
    background-image: radial-gradient(circle, rgba(110,64,201,0.2) 0%, rgba(13,17,23,0) 70%, rgba(13, 17, 23, 0) 100%);
    background-position: 10% 0%;
    background-size: 40% 100%;
    background-repeat: no-repeat;
    content: "";
    height: 700px;
    width: 100%;
    display: block;
    position: absolute;
    left: -10%;
    bottom: -20%;
    z-index: -1;
}

@media (max-width: 992px) {
    [data-bs-theme=dark] .home-hero.gradient-bg:before {
        background-size: 63% 100%;
        top: -39%;
    }

    .mobile-column-reverse {
        order: 3;
    }
}

@media (max-width: 768px) {
    [data-bs-theme=dark] .home-hero.gradient-bg:before {
        display: none;
    }
}

[data-bs-theme=dark] .gradient-bg-green:before {
    background-image: radial-gradient(circle, rgba(0,172,149,0.15) 0%, rgba(13,17,23,0) 70%, rgba(13, 17, 23, 0) 100%);
    background-position: center center;
    background-size: 40% 100%;
    background-repeat: no-repeat;
    content: "";
    height: 700px;
    width: 100%;
    display: block;
    position: absolute;
    right: 0;
    bottom: -35px;
    z-index: -1;
}

[data-bs-theme=dark] .gradient-bg-blue:before {
    background-image: radial-gradient(circle, rgba(70, 114, 254, 0.25) 0%, rgba(13,17,23,0) 70%, rgba(13, 17, 23, 0) 100%);
    background-position: center center;
    background-size: 60% 100%;
    background-repeat: no-repeat;
    content: "";
    height: 700px;
    width: 100%;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

[data-bs-theme=dark] .gradient-bg-pink:before {
    background-image: radial-gradient(circle, rgba(247, 120, 186, 0.15) 0%, rgba(13,17,23,0) 70%, rgba(13, 17, 23, 0) 100%);
    background-position: center center;
    background-size: 40% 100%;
    background-repeat: no-repeat;
    content: "";
    height: 700px;
    width: 100%;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

[data-bs-theme=dark] .gradient-bg-purple:before {
    background-image: radial-gradient(circle, rgba(110, 64, 201, 0.15) 0%, rgba(13,17,23,0) 70%, rgba(13, 17, 23, 0) 100%);
    background-position: center center;
    background-size: 40% 100%;
    background-repeat: no-repeat;
    content: "";
    height: 700px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

[data-bs-theme=dark] .gradient-bg-orange:before {
    background-image: radial-gradient(circle, rgba(188, 140, 64, 0.15) 0%, rgba(13,17,23,0) 70%, rgba(13, 17, 23, 0) 100%);
    background-position: center center;
    background-size: 40% 100%;
    background-repeat: no-repeat;
    content: "";
    height: 700px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.circle-spin-bg-wrapper {
    position: relative;
}

.circle-spin-bg-wrapper .circle-spin-bg {
    width: 35%;
    position: absolute;
    top: 35%;
    right: -5%;
    opacity: 0.75;
}

.circle-spin-bg-wrapper .bg-object {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.circle-spin-bg .circle-1 {
    height: 161.8px;
    width: 161.8px;
    border: 2px dashed rgba(56,191,172,0.25);
    border-radius: 50%;
}

.circle-spin-bg .circle-2 {
    height: 323.6px;
    width: 323.6px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: relative;
    animation: orbit 150s linear infinite;
}

.circle-spin-bg .circle-2:before {
    content: "\f245";
    display: block;
    position: absolute;
    color: #fff;
    left: -10px;
    top: calc(50% - 10px);
    font-family: 'FONT AWESOME 5 PRO';
    font-size: 2em;
    transform: rotate(90deg);
}

.circle-spin-bg .circle-2:after {
    content: "\f109";
    display: block;
    position: absolute;
    color: #fff;
    right: -10px;
    top: calc(50% - 70px);
    font-family: 'FONT AWESOME 5 PRO';
    font-size: 2em;
    transform: rotate(240deg);
}

.circle-spin-bg .circle-3 {
    height: 485.4px;
    width: 485.4px;
    border: 2px dashed rgba(56,191,172,0.25);
    border-radius: 50%;
    animation: orbit 125s linear infinite;
}

.circle-spin-bg .circle-3:before {
    content: "\f291";
    display: block;
    position: absolute;
    color: #00AC95;
    left: -10px;
    top: calc(50% - 85px);
    font-family: 'FONT AWESOME 5 PRO';
    font-size: 2em;
    transform: rotate(93deg);
}

.circle-spin-bg .circle-3:after {
    content: "\f8cc";
    display: block;
    position: absolute;
    color: #00AC95;
    right: -10px;
    top: calc(50% - 60px);
    font-family: 'FONT AWESOME 5 PRO';
    font-size: 2em;
    transform: rotate(-100deg);
}

.circle-spin-bg .circle-4 {
    height: 647.2px;
    width: 647.2px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    animation: orbit 130s linear infinite;
}

.circle-spin-bg .circle-4:before {
    content: "\f646";
    display: block;
    position: absolute;
    color: #fff;
    left: -10px;
    top: calc(50% - 100px);
    font-family: 'FONT AWESOME 5 PRO';
    font-size: 2em;
    transform: rotate(10deg);
}

.circle-spin-bg .circle-4:after {
    content: "\f468";
    display: block;
    position: absolute;
    color: #fff;
    right: -10px;
    top: calc(50% - 100px);
    font-family: 'FONT AWESOME 5 PRO';
    font-size: 2em;
    transform: rotate(-100deg);
}

.circle-spin-bg .circle-5 {
    height: 809px;
    width: 809px;
    border: 2px dashed rgba(56,191,172,0.25);
    border-radius: 50%;
    animation: orbit 110s linear infinite;
}

.circle-spin-bg .circle-5:before {
    content: "\e4e5";
    display: block;
    position: absolute;
    color: #00AC95;
    left: -10px;
    top: calc(50% - 100px);
    font-family: 'FONT AWESOME 5 PRO';
    font-size: 2em;
    transform: rotate(90deg);
}

.circle-spin-bg .circle-5:after {
    content: "\f013";
    display: block;
    position: absolute;
    color: #00AC95;
    right: -10px;
    top: calc(50% - 100px);
    font-family: 'FONT AWESOME 5 PRO';
    font-size: 2em;
    transform: rotate(-90deg);
}

.circle-spin-bg .circle-6 {
    height: 970.8px;
    width: 970.8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    animation: orbit 400s linear infinite;
}

.circle-spin-bg .circle-6:before {
    content: "\f46d";
    display: block;
    position: absolute;
    color: #fff;
    left: -10px;
    top: calc(50% - 100px);
    font-family: 'FONT AWESOME 5 PRO';
    font-size: 2em;
    transform: rotate(-90deg);
}

.circle-spin-bg .circle-6:after {
    content: "\f82d";
    display: block;
    position: absolute;
    color: #fff;
    left: -10px;
    top: calc(50% - 100px);
    font-family: 'FONT AWESOME 5 PRO';
    font-size: 2em;
    transform: rotate(-90deg);
}

.circle-spin-bg .circle-7 {
    height: 1132.6px;
    width: 1132.6px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    animation: orbit 20s linear infinite;
}

.circle-spin-bg .circle-7:before {
    content: "";
    display: block;
    position: absolute;
    background: #00AC95;
    height: 20px;
    width: 20px;
    left: -10px;
    top: calc(50% - 15px);
    border-radius: 100%;
}

.circle-spin-bg .circle-7:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    height: 20px;
    width: 20px;
    right: -10px;
    top: calc(50% - 15px);
    border-radius: 100%;
}

.circle-spin-bg .circle-8 {
    height: 1294.4px;
    width: 1294.4px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    animation: orbit 21s linear infinite;
}

.circle-spin-bg .circle-8:before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    height: 20px;
    width: 20px;
    left: -10px;
    top: calc(50% - 15px);
    border-radius: 100%;
}

.circle-spin-bg .circle-8:after {
    content: "";
    display: block;
    position: absolute;
    background: #00AC95;
    height: 20px;
    width: 20px;
    right: -10px;
    top: calc(50% - 15px);
    border-radius: 100%;
}

[data-bs-theme=light] .circle-spin-bg .circle-2:before,
[data-bs-theme=light] .circle-spin-bg .circle-2:after,
[data-bs-theme=light] .circle-spin-bg .circle-4:before,
[data-bs-theme=light] .circle-spin-bg .circle-4::after,
[data-bs-theme=light] .circle-spin-bg .circle-6:before,
[data-bs-theme=light] .circle-spin-bg .circle-6::after {
    color: #848d97;
}

[data-bs-theme=light] .circle-spin-bg .circle-1,
[data-bs-theme=light] .circle-spin-bg .circle-2,
[data-bs-theme=light] .circle-spin-bg .circle-3,
[data-bs-theme=light] .circle-spin-bg .circle-4,
[data-bs-theme=light] .circle-spin-bg .circle-5,
[data-bs-theme=light] .circle-spin-bg .circle-6,
[data-bs-theme=light] .circle-spin-bg .circle-7,
[data-bs-theme=light] .circle-spin-bg .circle-8 {
    border: 1px solid rgba(0,0,0, 0.2);
}

@keyframes orbit {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* home styles */
.home-hero {
    background-repeat: no-repeat;
    background-position: 114% 14%;
    background-size: 40%;
}

@media (min-width: 992px) {
    .m-img-above {
        margin-top: -100px;
    }
}


/* animation line */
@media (min-width: 769px) {
    .cat-tag {
        margin-left: -24px;
    }
}

.animo-scrolsiky {
    position: relative;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
}

.animo-scrolsiky::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    height: 100%;
    width: 2px;
    background: linear-gradient(rgb(110, 64, 201) 70%, rgb(13, 185, 166) 100%);
    transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1);
    transform: scaleY(0);
    transform-origin: 0 0;
}

.animo-scrolsiky.i-tag::after {
    top: 55px;
}

.first.animo-scrolsiky {
    margin-top: 20px;
    overflow-y: unset;
}

.first.animo-scrolsiky::after {
    transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 0.5s;
    top: 4rem;
}

.animo-green.animo-scrolsiky::after {
    background: #00AC95;
}

.animo-green-end.animo-scrolsiky::after {
    background: #00AC95;
    background-image: linear-gradient(#00AC95 70%, #2f60fd 90%);
}

.animo-blue.animo-scrolsiky::after {
    background: #2f60fd;
}

.animo-blue-end.animo-scrolsiky::after {
    background: #2f60fd;
    background-image: linear-gradient(#2f60fd 60%, #f85cad 80%);
}

.animo-pink.animo-scrolsiky::after {
    background: #f85cad;
}

.animo-pink-end.animo-scrolsiky::after {
    background: #f85cad;
    background-image: linear-gradient(#f85cad 85%, #6E40C9 90%);
}

.animo-purple.animo-scrolsiky::after {
    background: #6E40C9;
}

.animo-purple-end.animo-scrolsiky::after {
    background: #6E40C9;
    background-image: linear-gradient(#6E40C9 60%, #f3a21d 90%);
}

.animo-orange.animo-scrolsiky::after {
    background: #f3a21d;
}

.animo-orange-end.animo-scrolsiky::after {
    background: #f3a21d;
    background-image: linear-gradient( #f3a21d 20%, #6E40C9 40%);
}

.animo-scrolsiky i {
    margin: auto;
    font-size: 2rem;
    position: relative;
    text-align: center;
    display: block;
}

.first.animo-scrolsiky i {
    font-size: 3rem;
    margin-top: 10px;
}

.animo-scrolsiky.inview::after {
    transform: scaleY(1);
}

@media (max-width: 768px) {
    .circle-spin-bg-wrapper {
        display: none;
    }
}

.home-arrow-down {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    max-width: 64px;
    margin: auto;
}

header nav .border-start,
header nav .border-top,
header nav .border-end,
header nav .border-bottom
{
	border-color:	#dee2e6 !important;
}

.platform-box h4 {
	color: var(--body-text-color) !important;
}

.platform-box .card {
	background: #fff !important;
	border: 1px solid #dee2e6 !important;
}