:root {
    --forex-blue: #12225C;
    --fxtm-green: #a4e22d;
}

.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--forex-blue);
    --bs-btn-border-color: var(--forex-blue);
    --bs-btn-hover-color: var(--forex-blue);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--forex-blue);
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--forex-blue);
    --bs-btn-active-border-color: var(--forex-blue);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--forex-blue);
    --bs-btn-disabled-border-color: var(--forex-blue);
}

.btn-success {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--fxtm-green);
    --bs-btn-border-color: var(--fxtm-green);
    --bs-btn-hover-color: var(--fxtm-green);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--fxtm-green);
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--fxtm-green);
    --bs-btn-active-border-color: var(--fxtm-green);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--fxtm-green);
    --bs-btn-disabled-border-color: var(--fxtm-green);
}

header {
    box-shadow: 0 1px 5px 0 #939393;
}

.nav-link {
    font-weight: 800;
}

.nav-link.active {
    --bs-navbar-active-color: var(--forex-blue);
}

.banner-bg {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 451px;
}

.banner-bg-1 {
    background-image: url("/static/home/images/sb-bg_2.jpg");
}

.banner-bg-2 {
    background-image: url('/static/home/images/offer-desk_0.jpg');
}

.carousel-control-next, .carousel-control-prev {
    width: 10%;
}

.banner-bg-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: linear-gradient(260deg, #0F111300 40%, #000000 76%);
    opacity: 0.73;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.banner h1 {
    line-height: 4rem;
}

.banner h5 {
    line-height: 2rem;
}

.btn-section-header {
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(280deg, #d52274 0%, #f44d29 100%);
    border-radius: 5px 5px 5px 5px;
    font-size: 13px;
    padding: 10px 20px;
}

.text-orange {
    color: var(--forex-blue);
}

img {
    max-width: 100%;
}

.why-chose ul li {

}

.why-chose ul li::marker {
    color: var(--forex-blue);
}

@keyframes elementor-animation-buzz-out {
    10% {
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        transform: translateX(1px) rotate(0);
    }
    100% {
        transform: translateX(-1px) rotate(0);
    }
}

.btn-section-header:hover {
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(280deg, #f44d29 0%, #f2295b 100%);
    animation-name: elementor-animation-buzz-out;
    animation-duration: .75s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

.why-chose-item {
    /*border: 2px solid #f44d29;*/
    border-radius: 15px;
    transition: all .2s ease-in-out;
}

.why-chose-item:hover {
    box-shadow: 0 0 3px 1px #f44d29;
}

.clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp-1 {
    -webkit-line-clamp: 1;
}

.clamp-2 {
    -webkit-line-clamp: 2;
}

.clamp-3 {
    -webkit-line-clamp: 3;
}

.post-item {
    color: black;
    transition: all .2s ease-in-out;
}

.post-item h6 {
    transition: color .2s ease-in-out;
}

.post-item:hover {
    box-shadow: 0 0 6px 1px #ff452182!important;
}

.post-item:hover h6{
    color: var(--forex-blue);
}

footer p {
    font-size: 12px;
    margin-bottom: .3rem;
}

@media screen and (min-width: 992px) {
    .banner-bg {
        padding: 70px 0;
        height: 590px;
    }
}

.navbar-brand img {
    height: 42px;
}