body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-spacing: 0.05rem;
    overflow-x: hidden !important;
}
.fs-sm {
    font-size: 0.75rem;
}
.fs-lg {
    font-size: 1rem;
}
.fs-1 {
    font-size: 0.05rem !important;
}
.fs-2 {
    font-size: 0.1rem !important;
}
.fs-3 {
    font-size: 0.15rem !important;
}
.fs-4 {
    font-size: 0.2rem !important;
}
.fs-5 {
    font-size: 0.25rem !important;
}
.fs-6 {
    font-size: 0.3rem !important;
}
.fs-7 {
    font-size: 0.35rem !important;
}
.fs-8 {
    font-size: 0.4rem !important;
}
.fs-9 {
    font-size: 0.45rem !important;
}
.fs-10 {
    font-size: 0.5rem !important;
}
.fs-11 {
    font-size: 0.55rem !important;
}
.fs-12 {
    font-size: 0.6rem !important;
}
.fs-13 {
    font-size: 0.65rem !important;
}
.fs-14 {
    font-size: 0.7rem !important;
}
.fs-15 {
    font-size: 0.75rem !important;
}
.fs-16 {
    font-size: 0.8rem !important;
}
.fs-17 {
    font-size: 0.85rem !important;
}
.fs-18 {
    font-size: 0.9rem !important;
}
.fs-19 {
    font-size: 0.95rem !important;
}
.fs-20 {
    font-size: 1rem !important;
}
.fs-21 {
    font-size: 1.05rem !important;
}
.fs-22 {
    font-size: 1.1rem !important;
}
.fs-23 {
    font-size: 1.15rem !important;
}
.fs-24 {
    font-size: 1.2rem !important;
}
.fs-25 {
    font-size: 1.25rem !important;
}
.fs-26 {
    font-size: calc(1.255rem + 0.06vw) !important;
}
@media (min-width: 1200px) {
    .fs-26 {
        font-size: 1.3rem !important;
    }
}
.fs-27 {
    font-size: calc(1.26rem + 0.12vw) !important;
}
@media (min-width: 1200px) {
    .fs-27 {
        font-size: 1.35rem !important;
    }
}
.fs-28 {
    font-size: calc(1.265rem + 0.18vw) !important;
}
@media (min-width: 1200px) {
    .fs-28 {
        font-size: 1.4rem !important;
    }
}
.fs-29 {
    font-size: calc(1.27rem + 0.24vw) !important;
}
@media (min-width: 1200px) {
    .fs-29 {
        font-size: 1.45rem !important;
    }
}
.fs-30 {
    font-size: calc(1.275rem + 0.3vw) !important;
}
@media (min-width: 1200px) {
    .fs-30 {
        font-size: 1.5rem !important;
    }
}
.fs-31 {
    font-size: calc(1.28rem + 0.36vw) !important;
}
@media (min-width: 1200px) {
    .fs-31 {
        font-size: 1.55rem !important;
    }
}
.fs-32 {
    font-size: calc(1.285rem + 0.42vw) !important;
}
@media (min-width: 1200px) {
    .fs-32 {
        font-size: 1.6rem !important;
    }
}
.fs-33 {
    font-size: calc(1.29rem + 0.48vw) !important;
}
@media (min-width: 1200px) {
    .fs-33 {
        font-size: 1.65rem !important;
    }
}
.fs-34 {
    font-size: calc(1.295rem + 0.54vw) !important;
}
@media (min-width: 1200px) {
    .fs-34 {
        font-size: 1.7rem !important;
    }
}
.fs-35 {
    font-size: calc(1.3rem + 0.6vw) !important;
}
@media (min-width: 1200px) {
    .fs-35 {
        font-size: 1.75rem !important;
    }
}
.fs-36 {
    font-size: calc(1.305rem + 0.66vw) !important;
}
@media (min-width: 1200px) {
    .fs-36 {
        font-size: 1.8rem !important;
    }
}
.fs-37 {
    font-size: calc(1.31rem + 0.72vw) !important;
}
@media (min-width: 1200px) {
    .fs-37 {
        font-size: 1.85rem !important;
    }
}
.fs-38 {
    font-size: calc(1.315rem + 0.78vw) !important;
}
@media (min-width: 1200px) {
    .fs-38 {
        font-size: 1.9rem !important;
    }
}
.fs-39 {
    font-size: calc(1.32rem + 0.84vw) !important;
}
@media (min-width: 1200px) {
    .fs-39 {
        font-size: 1.95rem !important;
    }
}
.fs-40 {
    font-size: calc(1.325rem + 0.9vw) !important;
}
@media (min-width: 1200px) {
    .fs-40 {
        font-size: 2rem !important;
    }
}
.fs-41 {
    font-size: calc(1.33rem + 0.96vw) !important;
}
@media (min-width: 1200px) {
    .fs-41 {
        font-size: 2.05rem !important;
    }
}
.fs-42 {
    font-size: calc(1.335rem + 1.02vw) !important;
}
@media (min-width: 1200px) {
    .fs-42 {
        font-size: 2.1rem !important;
    }
}
.fs-43 {
    font-size: calc(1.34rem + 1.08vw) !important;
}
@media (min-width: 1200px) {
    .fs-43 {
        font-size: 2.15rem !important;
    }
}
.fs-44 {
    font-size: calc(1.345rem + 1.14vw) !important;
}
@media (min-width: 1200px) {
    .fs-44 {
        font-size: 2.2rem !important;
    }
}
.fs-45 {
    font-size: calc(1.35rem + 1.2vw) !important;
}
@media (min-width: 1200px) {
    .fs-45 {
        font-size: 2.25rem !important;
    }
}
.fs-46 {
    font-size: calc(1.355rem + 1.26vw) !important;
}
@media (min-width: 1200px) {
    .fs-46 {
        font-size: 2.3rem !important;
    }
}
.fs-47 {
    font-size: calc(1.36rem + 1.32vw) !important;
}
@media (min-width: 1200px) {
    .fs-47 {
        font-size: 2.35rem !important;
    }
}
.fs-48 {
    font-size: calc(1.365rem + 1.38vw) !important;
}
@media (min-width: 1200px) {
    .fs-48 {
        font-size: 2.4rem !important;
    }
}
.fs-49 {
    font-size: calc(1.37rem + 1.44vw) !important;
}
@media (min-width: 1200px) {
    .fs-49 {
        font-size: 2.45rem !important;
    }
}
.fs-50 {
    font-size: calc(1.375rem + 1.5vw) !important;
}
@media (min-width: 1200px) {
    .fs-50 {
        font-size: 2.5rem !important;
    }
}
.fs-51 {
    font-size: calc(1.38rem + 1.56vw) !important;
}
@media (min-width: 1200px) {
    .fs-51 {
        font-size: 2.55rem !important;
    }
}
.fs-52 {
    font-size: calc(1.385rem + 1.62vw) !important;
}
@media (min-width: 1200px) {
    .fs-52 {
        font-size: 2.6rem !important;
    }
}
.fs-53 {
    font-size: calc(1.39rem + 1.68vw) !important;
}
@media (min-width: 1200px) {
    .fs-53 {
        font-size: 2.65rem !important;
    }
}
.fs-54 {
    font-size: calc(1.395rem + 1.74vw) !important;
}
@media (min-width: 1200px) {
    .fs-54 {
        font-size: 2.7rem !important;
    }
}
.fs-55 {
    font-size: calc(1.4rem + 1.8vw) !important;
}
@media (min-width: 1200px) {
    .fs-55 {
        font-size: 2.75rem !important;
    }
}
.fs-56 {
    font-size: calc(1.405rem + 1.86vw) !important;
}
@media (min-width: 1200px) {
    .fs-56 {
        font-size: 45px!important;
    }
}
.fs-57 {
    font-size: calc(1.41rem + 1.92vw) !important;
}
@media (min-width: 1200px) {
    .fs-57 {
        font-size: 2.85rem !important;
    }
}
.fs-58 {
    font-size: calc(1.415rem + 1.98vw) !important;
}
@media (min-width: 1200px) {
    .fs-58 {
        font-size: 2.9rem !important;
    }
}
.fs-59 {
    font-size: calc(1.42rem + 2.04vw) !important;
}
@media (min-width: 1200px) {
    .fs-59 {
        font-size: 2.95rem !important;
    }
}
.fs-60 {
    font-size: calc(1.425rem + 2.1vw) !important;
}
@media (min-width: 1200px) {
    .fs-60 {
        font-size: 3rem !important;
    }
}
.fs-61 {
    font-size: calc(1.43rem + 2.16vw) !important;
}
@media (min-width: 1200px) {
    .fs-61 {
        font-size: 3.05rem !important;
    }
}
.fs-62 {
    font-size: calc(1.435rem + 2.22vw) !important;
}
@media (min-width: 1200px) {
    .fs-62 {
        font-size: 3.1rem !important;
    }
}
.fs-63 {
    font-size: calc(1.44rem + 2.28vw) !important;
}
@media (min-width: 1200px) {
    .fs-63 {
        font-size: 3.15rem !important;
    }
}
.fs-64 {
    font-size: calc(1.445rem + 2.34vw) !important;
}
@media (min-width: 1200px) {
    .fs-64 {
        font-size: 3.2rem !important;
    }
}
.fs-65 {
    font-size: calc(1.45rem + 2.4vw) !important;
}
@media (min-width: 1200px) {
    .fs-65 {
        font-size: 3.25rem !important;
    }
}
.fs-66 {
    font-size: calc(1.455rem + 2.46vw) !important;
}
@media (min-width: 1200px) {
    .fs-66 {
        font-size: 3.3rem !important;
    }
}
.fs-67 {
    font-size: calc(1.46rem + 2.52vw) !important;
}
@media (min-width: 1200px) {
    .fs-67 {
        font-size: 3.35rem !important;
    }
}
.fs-68 {
    font-size: calc(1.465rem + 2.58vw) !important;
}
@media (min-width: 1200px) {
    .fs-68 {
        font-size: 3.4rem !important;
    }
}
.fs-69 {
    font-size: calc(1.47rem + 2.64vw) !important;
}
@media (min-width: 1200px) {
    .fs-69 {
        font-size: 3.45rem !important;
    }
}
.fs-70 {
    font-size: calc(1.475rem + 2.7vw) !important;
}
@media (min-width: 1200px) {
    .fs-70 {
        font-size: 3.5rem !important;
    }
}
.fs-71 {
    font-size: calc(1.48rem + 2.76vw) !important;
}
@media (min-width: 1200px) {
    .fs-71 {
        font-size: 3.55rem !important;
    }
}
.fs-72 {
    font-size: calc(1.485rem + 2.82vw) !important;
}
@media (min-width: 1200px) {
    .fs-72 {
        font-size: 3.6rem !important;
    }
}
.fs-73 {
    font-size: calc(1.49rem + 2.88vw) !important;
}
@media (min-width: 1200px) {
    .fs-73 {
        font-size: 3.65rem !important;
    }
}
.fs-74 {
    font-size: calc(1.495rem + 2.94vw) !important;
}
@media (min-width: 1200px) {
    .fs-74 {
        font-size: 3.7rem !important;
    }
}
.fs-75 {
    font-size: calc(1.5rem + 3vw) !important;
}
@media (min-width: 1200px) {
    .fs-75 {
        font-size: 3.75rem !important;
    }
}
.fs-76 {
    font-size: calc(1.505rem + 3.06vw) !important;
}
@media (min-width: 1200px) {
    .fs-76 {
        font-size: 3.8rem !important;
    }
}
.fs-77 {
    font-size: calc(1.51rem + 3.12vw) !important;
}
@media (min-width: 1200px) {
    .fs-77 {
        font-size: 3.85rem !important;
    }
}
.fs-78 {
    font-size: calc(1.515rem + 3.18vw) !important;
}
@media (min-width: 1200px) {
    .fs-78 {
        font-size: 3.9rem !important;
    }
}
.fs-79 {
    font-size: calc(1.52rem + 3.24vw) !important;
}
@media (min-width: 1200px) {
    .fs-79 {
        font-size: 3.95rem !important;
    }
}
.fs-80 {
    font-size: calc(1.525rem + 3.3vw) !important;
}
@media (min-width: 1200px) {
    .fs-80 {
        font-size: 4rem !important;
    }
}
.fs-81 {
    font-size: calc(1.53rem + 3.36vw) !important;
}
@media (min-width: 1200px) {
    .fs-81 {
        font-size: 4.05rem !important;
    }
}
.fs-82 {
    font-size: calc(1.535rem + 3.42vw) !important;
}
@media (min-width: 1200px) {
    .fs-82 {
        font-size: 4.1rem !important;
    }
}
.fs-83 {
    font-size: calc(1.54rem + 3.48vw) !important;
}
@media (min-width: 1200px) {
    .fs-83 {
        font-size: 4.15rem !important;
    }
}
.fs-84 {
    font-size: calc(1.545rem + 3.54vw) !important;
}
@media (min-width: 1200px) {
    .fs-84 {
        font-size: 4.2rem !important;
    }
}
.fs-85 {
    font-size: calc(1.55rem + 3.6vw) !important;
}
@media (min-width: 1200px) {
    .fs-85 {
        font-size: 4.25rem !important;
    }
}
.fs-86 {
    font-size: calc(1.555rem + 3.66vw) !important;
}
@media (min-width: 1200px) {
    .fs-86 {
        font-size: 4.3rem !important;
    }
}
.fs-87 {
    font-size: calc(1.56rem + 3.72vw) !important;
}
@media (min-width: 1200px) {
    .fs-87 {
        font-size: 4.35rem !important;
    }
}
.fs-88 {
    font-size: calc(1.565rem + 3.78vw) !important;
}
@media (min-width: 1200px) {
    .fs-88 {
        font-size: 4.4rem !important;
    }
}
.fs-89 {
    font-size: calc(1.57rem + 3.84vw) !important;
}
@media (min-width: 1200px) {
    .fs-89 {
        font-size: 4.45rem !important;
    }
}
.fs-90 {
    font-size: calc(1.575rem + 3.9vw) !important;
}
@media (min-width: 1200px) {
    .fs-90 {
        font-size: 4.5rem !important;
    }
}
.fs-91 {
    font-size: calc(1.58rem + 3.96vw) !important;
}
@media (min-width: 1200px) {
    .fs-91 {
        font-size: 4.55rem !important;
    }
}
.fs-92 {
    font-size: calc(1.585rem + 4.02vw) !important;
}
@media (min-width: 1200px) {
    .fs-92 {
        font-size: 4.6rem !important;
    }
}
.fs-93 {
    font-size: calc(1.59rem + 4.08vw) !important;
}
@media (min-width: 1200px) {
    .fs-93 {
        font-size: 4.65rem !important;
    }
}
.fs-94 {
    font-size: calc(1.595rem + 4.14vw) !important;
}
@media (min-width: 1200px) {
    .fs-94 {
        font-size: 4.7rem !important;
    }
}
.fs-95 {
    font-size: calc(1.6rem + 4.2vw) !important;
}
@media (min-width: 1200px) {
    .fs-95 {
        font-size: 4.75rem !important;
    }
}
.fs-96 {
    font-size: calc(1.605rem + 4.26vw) !important;
}
@media (min-width: 1200px) {
    .fs-96 {
        font-size: 4.8rem !important;
    }
}
.fs-97 {
    font-size: calc(1.61rem + 4.32vw) !important;
}
@media (min-width: 1200px) {
    .fs-97 {
        font-size: 4.85rem !important;
    }
}
.fs-98 {
    font-size: calc(1.615rem + 4.38vw) !important;
}
@media (min-width: 1200px) {
    .fs-98 {
        font-size: 4.9rem !important;
    }
}
.fs-99 {
    font-size: calc(1.62rem + 4.44vw) !important;
}
@media (min-width: 1200px) {
    .fs-99 {
        font-size: 4.95rem !important;
    }
}
.fs-100 {
    font-size: calc(1.625rem + 4.5vw) !important;
}
@media (min-width: 1200px) {
    .fs-100 {
        font-size: 5rem !important;
    }
}
.fs-101 {
    font-size: calc(1.63rem + 4.56vw) !important;
}
@media (min-width: 1200px) {
    .fs-101 {
        font-size: 5.05rem !important;
    }
}
.fs-102 {
    font-size: calc(1.635rem + 4.62vw) !important;
}
@media (min-width: 1200px) {
    .fs-102 {
        font-size: 5.1rem !important;
    }
}
.fs-103 {
    font-size: calc(1.64rem + 4.68vw) !important;
}
@media (min-width: 1200px) {
    .fs-103 {
        font-size: 5.15rem !important;
    }
}
.fs-104 {
    font-size: calc(1.645rem + 4.74vw) !important;
}
@media (min-width: 1200px) {
    .fs-104 {
        font-size: 5.2rem !important;
    }
}
.fs-105 {
    font-size: calc(1.65rem + 4.8vw) !important;
}
@media (min-width: 1200px) {
    .fs-105 {
        font-size: 5.25rem !important;
    }
}
.fs-106 {
    font-size: calc(1.655rem + 4.86vw) !important;
}
@media (min-width: 1200px) {
    .fs-106 {
        font-size: 5.3rem !important;
    }
}
.fs-107 {
    font-size: calc(1.66rem + 4.92vw) !important;
}
@media (min-width: 1200px) {
    .fs-107 {
        font-size: 5.35rem !important;
    }
}
.fs-108 {
    font-size: calc(1.665rem + 4.98vw) !important;
}
@media (min-width: 1200px) {
    .fs-108 {
        font-size: 5.4rem !important;
    }
}
.fs-109 {
    font-size: calc(1.67rem + 5.04vw) !important;
}
@media (min-width: 1200px) {
    .fs-109 {
        font-size: 5.45rem !important;
    }
}
.fs-110 {
    font-size: calc(1.675rem + 5.1vw) !important;
}
@media (min-width: 1200px) {
    .fs-110 {
        font-size: 5.5rem !important;
    }
}
.fs-111 {
    font-size: calc(1.68rem + 5.16vw) !important;
}
@media (min-width: 1200px) {
    .fs-111 {
        font-size: 5.55rem !important;
    }
}
.fs-112 {
    font-size: calc(1.685rem + 5.22vw) !important;
}
@media (min-width: 1200px) {
    .fs-112 {
        font-size: 5.6rem !important;
    }
}
.fs-113 {
    font-size: calc(1.69rem + 5.28vw) !important;
}
@media (min-width: 1200px) {
    .fs-113 {
        font-size: 5.65rem !important;
    }
}
.fs-114 {
    font-size: calc(1.695rem + 5.34vw) !important;
}
@media (min-width: 1200px) {
    .fs-114 {
        font-size: 5.7rem !important;
    }
}
.fs-115 {
    font-size: calc(1.7rem + 5.4vw) !important;
}
@media (min-width: 1200px) {
    .fs-115 {
        font-size: 5.75rem !important;
    }
}
.fs-116 {
    font-size: calc(1.705rem + 5.46vw) !important;
}
@media (min-width: 1200px) {
    .fs-116 {
        font-size: 5.8rem !important;
    }
}
.fs-117 {
    font-size: calc(1.71rem + 5.52vw) !important;
}
@media (min-width: 1200px) {
    .fs-117 {
        font-size: 5.85rem !important;
    }
}
.fs-118 {
    font-size: calc(1.715rem + 5.58vw) !important;
}
@media (min-width: 1200px) {
    .fs-118 {
        font-size: 5.9rem !important;
    }
}
.fs-119 {
    font-size: calc(1.72rem + 5.64vw) !important;
}
@media (min-width: 1200px) {
    .fs-119 {
        font-size: 5.95rem !important;
    }
}
.fs-120 {
    font-size: calc(1.725rem + 5.7vw) !important;
}
@media (min-width: 1200px) {
    .fs-120 {
        font-size: 6rem !important;
    }
}
.fs-121 {
    font-size: calc(1.73rem + 5.76vw) !important;
}
@media (min-width: 1200px) {
    .fs-121 {
        font-size: 6.05rem !important;
    }
}
.fs-122 {
    font-size: calc(1.735rem + 5.82vw) !important;
}
@media (min-width: 1200px) {
    .fs-122 {
        font-size: 6.1rem !important;
    }
}
.fs-123 {
    font-size: calc(1.74rem + 5.88vw) !important;
}
@media (min-width: 1200px) {
    .fs-123 {
        font-size: 6.15rem !important;
    }
}
.fs-124 {
    font-size: calc(1.745rem + 5.94vw) !important;
}
@media (min-width: 1200px) {
    .fs-124 {
        font-size: 6.2rem !important;
    }
}
.fs-125 {
    font-size: calc(1.75rem + 6vw) !important;
}
@media (min-width: 1200px) {
    .fs-125 {
        font-size: 6.25rem !important;
    }
}
.fs-126 {
    font-size: calc(1.755rem + 6.06vw) !important;
}
@media (min-width: 1200px) {
    .fs-126 {
        font-size: 6.3rem !important;
    }
}
.fs-127 {
    font-size: calc(1.76rem + 6.12vw) !important;
}
@media (min-width: 1200px) {
    .fs-127 {
        font-size: 6.35rem !important;
    }
}
.fs-128 {
    font-size: calc(1.765rem + 6.18vw) !important;
}
@media (min-width: 1200px) {
    .fs-128 {
        font-size: 6.4rem !important;
    }
}
.fs-129 {
    font-size: calc(1.77rem + 6.24vw) !important;
}
@media (min-width: 1200px) {
    .fs-129 {
        font-size: 6.45rem !important;
    }
}
.fs-130 {
    font-size: calc(1.775rem + 6.3vw) !important;
}
@media (min-width: 1200px) {
    .fs-130 {
        font-size: 6.5rem !important;
    }
}
.fs-131 {
    font-size: calc(1.78rem + 6.36vw) !important;
}
@media (min-width: 1200px) {
    .fs-131 {
        font-size: 6.55rem !important;
    }
}
.fs-132 {
    font-size: calc(1.785rem + 6.42vw) !important;
}
@media (min-width: 1200px) {
    .fs-132 {
        font-size: 6.6rem !important;
    }
}
.fs-133 {
    font-size: calc(1.79rem + 6.48vw) !important;
}
@media (min-width: 1200px) {
    .fs-133 {
        font-size: 6.65rem !important;
    }
}
.fs-134 {
    font-size: calc(1.795rem + 6.54vw) !important;
}
@media (min-width: 1200px) {
    .fs-134 {
        font-size: 6.7rem !important;
    }
}
.fs-135 {
    font-size: calc(1.8rem + 6.6vw) !important;
}
@media (min-width: 1200px) {
    .fs-135 {
        font-size: 6.75rem !important;
    }
}
.fs-136 {
    font-size: calc(1.805rem + 6.66vw) !important;
}
@media (min-width: 1200px) {
    .fs-136 {
        font-size: 6.8rem !important;
    }
}
.fs-137 {
    font-size: calc(1.81rem + 6.72vw) !important;
}
@media (min-width: 1200px) {
    .fs-137 {
        font-size: 6.85rem !important;
    }
}
.fs-138 {
    font-size: calc(1.815rem + 6.78vw) !important;
}
@media (min-width: 1200px) {
    .fs-138 {
        font-size: 6.9rem !important;
    }
}
.fs-139 {
    font-size: calc(1.82rem + 6.84vw) !important;
}
@media (min-width: 1200px) {
    .fs-139 {
        font-size: 6.95rem !important;
    }
}
.fs-140 {
    font-size: calc(1.825rem + 6.9vw) !important;
}
@media (min-width: 1200px) {
    .fs-140 {
        font-size: 7rem !important;
    }
}
.fs-141 {
    font-size: calc(1.83rem + 6.96vw) !important;
}
@media (min-width: 1200px) {
    .fs-141 {
        font-size: 7.05rem !important;
    }
}
.fs-142 {
    font-size: calc(1.835rem + 7.02vw) !important;
}
@media (min-width: 1200px) {
    .fs-142 {
        font-size: 7.1rem !important;
    }
}
.fs-143 {
    font-size: calc(1.84rem + 7.08vw) !important;
}
@media (min-width: 1200px) {
    .fs-143 {
        font-size: 7.15rem !important;
    }
}
.fs-144 {
    font-size: calc(1.845rem + 7.14vw) !important;
}
@media (min-width: 1200px) {
    .fs-144 {
        font-size: 7.2rem !important;
    }
}
.fs-145 {
    font-size: calc(1.85rem + 7.2vw) !important;
}
@media (min-width: 1200px) {
    .fs-145 {
        font-size: 7.25rem !important;
    }
}
.fs-146 {
    font-size: calc(1.855rem + 7.26vw) !important;
}
@media (min-width: 1200px) {
    .fs-146 {
        font-size: 7.3rem !important;
    }
}
.fs-147 {
    font-size: calc(1.86rem + 7.32vw) !important;
}
@media (min-width: 1200px) {
    .fs-147 {
        font-size: 7.35rem !important;
    }
}
.fs-148 {
    font-size: calc(1.865rem + 7.38vw) !important;
}
@media (min-width: 1200px) {
    .fs-148 {
        font-size: 7.4rem !important;
    }
}
.fs-149 {
    font-size: calc(1.87rem + 7.44vw) !important;
}
@media (min-width: 1200px) {
    .fs-149 {
        font-size: 7.45rem !important;
    }
}
.fs-150 {
    font-size: calc(1.875rem + 7.5vw) !important;
}
@media (min-width: 1200px) {
    .fs-150 {
        font-size: 7.5rem !important;
    }
}
.fs-151 {
    font-size: calc(1.88rem + 7.56vw) !important;
}
@media (min-width: 1200px) {
    .fs-151 {
        font-size: 7.55rem !important;
    }
}
.fs-152 {
    font-size: calc(1.885rem + 7.62vw) !important;
}
@media (min-width: 1200px) {
    .fs-152 {
        font-size: 7.6rem !important;
    }
}
.fs-153 {
    font-size: calc(1.89rem + 7.68vw) !important;
}
@media (min-width: 1200px) {
    .fs-153 {
        font-size: 7.65rem !important;
    }
}
.fs-154 {
    font-size: calc(1.895rem + 7.74vw) !important;
}
@media (min-width: 1200px) {
    .fs-154 {
        font-size: 7.7rem !important;
    }
}
.fs-155 {
    font-size: calc(1.9rem + 7.8vw) !important;
}
@media (min-width: 1200px) {
    .fs-155 {
        font-size: 7.75rem !important;
    }
}
.fs-156 {
    font-size: calc(1.905rem + 7.86vw) !important;
}
@media (min-width: 1200px) {
    .fs-156 {
        font-size: 7.8rem !important;
    }
}
.fs-157 {
    font-size: calc(1.91rem + 7.92vw) !important;
}
@media (min-width: 1200px) {
    .fs-157 {
        font-size: 7.85rem !important;
    }
}
.fs-158 {
    font-size: calc(1.915rem + 7.98vw) !important;
}
@media (min-width: 1200px) {
    .fs-158 {
        font-size: 7.9rem !important;
    }
}
.fs-159 {
    font-size: calc(1.92rem + 8.04vw) !important;
}
@media (min-width: 1200px) {
    .fs-159 {
        font-size: 7.95rem !important;
    }
}
.fs-160 {
    font-size: calc(1.925rem + 8.1vw) !important;
}
@media (min-width: 1200px) {
    .fs-160 {
        font-size: 8rem !important;
    }
}
.fs-161 {
    font-size: calc(1.93rem + 8.16vw) !important;
}
@media (min-width: 1200px) {
    .fs-161 {
        font-size: 8.05rem !important;
    }
}
.fs-162 {
    font-size: calc(1.935rem + 8.22vw) !important;
}
@media (min-width: 1200px) {
    .fs-162 {
        font-size: 8.1rem !important;
    }
}
.fs-163 {
    font-size: calc(1.94rem + 8.28vw) !important;
}
@media (min-width: 1200px) {
    .fs-163 {
        font-size: 8.15rem !important;
    }
}
.fs-164 {
    font-size: calc(1.945rem + 8.34vw) !important;
}
@media (min-width: 1200px) {
    .fs-164 {
        font-size: 8.2rem !important;
    }
}
.fs-165 {
    font-size: calc(1.95rem + 8.4vw) !important;
}
@media (min-width: 1200px) {
    .fs-165 {
        font-size: 8.25rem !important;
    }
}
.fs-166 {
    font-size: calc(1.955rem + 8.46vw) !important;
}
@media (min-width: 1200px) {
    .fs-166 {
        font-size: 8.3rem !important;
    }
}
.fs-167 {
    font-size: calc(1.96rem + 8.52vw) !important;
}
@media (min-width: 1200px) {
    .fs-167 {
        font-size: 8.35rem !important;
    }
}
.fs-168 {
    font-size: calc(1.965rem + 8.58vw) !important;
}
@media (min-width: 1200px) {
    .fs-168 {
        font-size: 8.4rem !important;
    }
}
.fs-169 {
    font-size: calc(1.97rem + 8.64vw) !important;
}
@media (min-width: 1200px) {
    .fs-169 {
        font-size: 8.45rem !important;
    }
}
.fs-170 {
    font-size: calc(1.975rem + 8.7vw) !important;
}
@media (min-width: 1200px) {
    .fs-170 {
        font-size: 8.5rem !important;
    }
}
.fs-171 {
    font-size: calc(1.98rem + 8.76vw) !important;
}
@media (min-width: 1200px) {
    .fs-171 {
        font-size: 8.55rem !important;
    }
}
.fs-172 {
    font-size: calc(1.985rem + 8.82vw) !important;
}
@media (min-width: 1200px) {
    .fs-172 {
        font-size: 8.6rem !important;
    }
}
.fs-173 {
    font-size: calc(1.99rem + 8.88vw) !important;
}
@media (min-width: 1200px) {
    .fs-173 {
        font-size: 8.65rem !important;
    }
}
.fs-174 {
    font-size: calc(1.995rem + 8.94vw) !important;
}
@media (min-width: 1200px) {
    .fs-174 {
        font-size: 8.7rem !important;
    }
}
.fs-175 {
    font-size: calc(2rem + 9vw) !important;
}
@media (min-width: 1200px) {
    .fs-175 {
        font-size: 8.75rem !important;
    }
}
.fs-176 {
    font-size: calc(2.005rem + 9.06vw) !important;
}
@media (min-width: 1200px) {
    .fs-176 {
        font-size: 8.8rem !important;
    }
}
.fs-177 {
    font-size: calc(2.01rem + 9.12vw) !important;
}
@media (min-width: 1200px) {
    .fs-177 {
        font-size: 8.85rem !important;
    }
}
.fs-178 {
    font-size: calc(2.015rem + 9.18vw) !important;
}
@media (min-width: 1200px) {
    .fs-178 {
        font-size: 8.9rem !important;
    }
}
.fs-179 {
    font-size: calc(2.02rem + 9.24vw) !important;
}
@media (min-width: 1200px) {
    .fs-179 {
        font-size: 8.95rem !important;
    }
}
.fs-180 {
    font-size: calc(2.025rem + 9.3vw) !important;
}
@media (min-width: 1200px) {
    .fs-180 {
        font-size: 9rem !important;
    }
}
.fs-181 {
    font-size: calc(2.03rem + 9.36vw) !important;
}
@media (min-width: 1200px) {
    .fs-181 {
        font-size: 9.05rem !important;
    }
}
.fs-182 {
    font-size: calc(2.035rem + 9.42vw) !important;
}
@media (min-width: 1200px) {
    .fs-182 {
        font-size: 9.1rem !important;
    }
}
.fs-183 {
    font-size: calc(2.04rem + 9.48vw) !important;
}
@media (min-width: 1200px) {
    .fs-183 {
        font-size: 9.15rem !important;
    }
}
.fs-184 {
    font-size: calc(2.045rem + 9.54vw) !important;
}
@media (min-width: 1200px) {
    .fs-184 {
        font-size: 9.2rem !important;
    }
}
.fs-185 {
    font-size: calc(2.05rem + 9.6vw) !important;
}
@media (min-width: 1200px) {
    .fs-185 {
        font-size: 9.25rem !important;
    }
}
.fs-186 {
    font-size: calc(2.055rem + 9.66vw) !important;
}
@media (min-width: 1200px) {
    .fs-186 {
        font-size: 9.3rem !important;
    }
}
.fs-187 {
    font-size: calc(2.06rem + 9.72vw) !important;
}
@media (min-width: 1200px) {
    .fs-187 {
        font-size: 9.35rem !important;
    }
}
.fs-188 {
    font-size: calc(2.065rem + 9.78vw) !important;
}
@media (min-width: 1200px) {
    .fs-188 {
        font-size: 9.4rem !important;
    }
}
.fs-189 {
    font-size: calc(2.07rem + 9.84vw) !important;
}
@media (min-width: 1200px) {
    .fs-189 {
        font-size: 9.45rem !important;
    }
}
.fs-190 {
    font-size: calc(2.075rem + 9.9vw) !important;
}
@media (min-width: 1200px) {
    .fs-190 {
        font-size: 9.5rem !important;
    }
}
.fs-191 {
    font-size: calc(2.08rem + 9.96vw) !important;
}
@media (min-width: 1200px) {
    .fs-191 {
        font-size: 9.55rem !important;
    }
}
.fs-192 {
    font-size: calc(2.085rem + 10.02vw) !important;
}
@media (min-width: 1200px) {
    .fs-192 {
        font-size: 9.6rem !important;
    }
}
.fs-193 {
    font-size: calc(2.09rem + 10.08vw) !important;
}
@media (min-width: 1200px) {
    .fs-193 {
        font-size: 9.65rem !important;
    }
}
.fs-194 {
    font-size: calc(2.095rem + 10.14vw) !important;
}
@media (min-width: 1200px) {
    .fs-194 {
        font-size: 9.7rem !important;
    }
}
.fs-195 {
    font-size: calc(2.1rem + 10.2vw) !important;
}
@media (min-width: 1200px) {
    .fs-195 {
        font-size: 9.75rem !important;
    }
}
.fs-196 {
    font-size: calc(2.105rem + 10.26vw) !important;
}
@media (min-width: 1200px) {
    .fs-196 {
        font-size: 9.8rem !important;
    }
}
.fs-197 {
    font-size: calc(2.11rem + 10.32vw) !important;
}
@media (min-width: 1200px) {
    .fs-197 {
        font-size: 9.85rem !important;
    }
}
.fs-198 {
    font-size: calc(2.115rem + 10.38vw) !important;
}
@media (min-width: 1200px) {
    .fs-198 {
        font-size: 9.9rem !important;
    }
}
.fs-199 {
    font-size: calc(2.12rem + 10.44vw) !important;
}
@media (min-width: 1200px) {
    .fs-199 {
        font-size: 9.95rem !important;
    }
}
.fs-200 {
    font-size: calc(2.125rem + 10.5vw) !important;
}
@media (min-width: 1200px) {
    .fs-200 {
        font-size: 10rem !important;
    }
}
::-moz-selection {
    background: rgba(250, 183, 88, 0.7);
    color: #fff;
}
::selection {
    background: rgba(250, 183, 88, 0.7);
    color: #fff;
}
button:focus {
    outline: 0;
}
a {
    transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    a {
        transition: none;
    }
}
a.hover {
    position: relative;
}
a.hover::before {
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
}
a.hover::before {
    content: "";
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}
a.hover:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);
}
.text-reset a {
    color: #333;
    text-decoration: underline;
}
.text-reset a.active {
    color: darkorange !important;
}
.link-dark:hover, a.text-reset:hover, .text-reset a:hover {
    color: #e86b1b !important;
}
[class*="text-"] .text-reset:hover {
    color: inherit !important;
}
.link-body {
    color: #60697b;
}
.link-inverse {
    color: #cacaca;
}
.text-inverse, .link-inverse, .text-inverse a:not(.btn) {
    color: #fff;
}
.bg-dark.text-inverse, .bg-dark.link-inverse, .bg-dark.text-inverse a:not(.btn):not([class*="link-"]), [class*="offcanvas-"].text-inverse a:not(.btn):not([class*="link-"]) {
    color: #cacaca;
}
.text-inverse a:not(.btn):hover, .bg-dark.text-inverse a:not(.btn):not([class*="link-"]):hover, [class*="offcanvas-"].text-inverse a:not(.btn):not([class*="link-"]):hover {
    color: #e86b1b;
}
.text-inverse a:not(.btn):hover {
    border-color: #e86b1b;
}
.badge.bg-light {
    background: rgba(164, 174, 198, 0.2) !important;
}
.more {
    font-weight: 700;
    letter-spacing: -0.01rem;
    display: inline-block;
}
.more:after {
    font-family: "Custom";
    content: "\e902";
    padding-left: 0.3rem;
    font-size: 0.35rem;
    font-weight: normal;
    vertical-align: 0.05rem;
    letter-spacing: -0.01rem;
}
hr.double {
    background: none;
    border-style: double;
    border-color: rgba(164, 174, 198, 0.2);
}
_:default:not(:root:root), hr.double {
    border-bottom-width: 3px;
}
.divider-icon {
    border: 0;
    position: relative;
    margin: 4.5rem 0;
}
.divider-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2rem;
    color: rgba(164, 174, 198, 0.2);
}
.divider-icon:before, .divider-icon:after {
    position: absolute;
    top: 50%;
    content: "";
    border-top: 1px solid rgba(164, 174, 198, 0.2);
    width: calc(50% - 1.5rem);
}
.divider-icon:before {
    left: 0;
}
.divider-icon:after {
    right: 0;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 700;
    color: #000000;
    word-spacing: 0.1rem;
    letter-spacing: -0.01rem;
}
h1.text-uppercase, .text-uppercase.h1, h2.text-uppercase, .text-uppercase.h2, h3.text-uppercase, .text-uppercase.h3, h4.text-uppercase, .text-uppercase.h4, h5.text-uppercase, .text-uppercase.h5, h6.text-uppercase, .text-uppercase.h6 {
    letter-spacing: 0.02rem;
}
h1, .h1 {
    line-height: 1.3;
}
h2, .h2 {
    line-height: 1.35;
}
h3, .h3 {
    line-height: 1.4;
}
h4, .h4 {
    line-height: 1.45;
}
h5, .h5 {
    line-height: 1.5;
}
h6, .h6 {
    line-height: 1.55;
}
.display-1 {
    line-height: 1.2;
}
.display-2, .display-3 {
    line-height: 1.25;
}
.display-4, .display-5 {
    line-height: 1.3;
}
.display-6 {
    line-height: 1.35;
}
.ls-sm {
    letter-spacing: -0.02rem !important;
}
.ls-md {
    letter-spacing: -0.01rem !important;
}
.ls-lg {
    letter-spacing: 0.02rem !important;
}
.ls-xl {
    letter-spacing: 0.05rem !important;
}
.lead {
    line-height: 1.65;
}
.lead.fs-lg {
    font-size: 1.05rem;
    line-height: 1.6;
}
.text-primary {
    color: #e86b1b !important;
}
.text-line {
    position: relative;
    display: inline-flex;
    vertical-align: top;
    padding-left: 1.4rem;
}
.text-line:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-60%);
    left: 0;
    width: 0.75rem;
    height: 0.05rem;
    background: #e86b1b;
}
.text-line.text-blue:before {
    background-color: #3f78e0;
}
.text-line.text-purple:before {
    background-color: #747ed1;
}
.text-line.text-violet:before {
    background-color: #a07cc5;
}
.text-line.text-pink:before {
    background-color: #d16b86;
}
.text-line.text-red:before {
    background-color: #e2626b;
}
.text-line.text-orange:before {
    background-color: #f78b77;
}
.text-line.text-yellow:before {
    background-color: #e86b1b;
}
.text-line.text-green:before {
    background-color: #e86b1b;
}
.text-line.text-leaf:before {
    background-color: #7cb798;
}
.text-line.text-aqua:before {
    background-color: #54a8c7;
}
.text-line.text-navy:before {
    background-color: #343f52;
}
.text-line.text-ash:before {
    background-color: #9499a3;
}
.text-line.text-white:before {
    background-color: #fff;
}
.text-line.text-light:before {
    background-color: #fefefe;
}
.text-line.text-gray:before {
    background-color: #f6f7f9;
}
.text-line.text-dark:before {
    background-color: #262b32;
}
.text-line.text-muted:before {
    background-color: #aab0bc;
}
.underline {
    position: relative;
}
.underline:after {
    content: "";
    display: block;
    background: rgba(250, 183, 88, 0.12);
    position: absolute;
    width: calc(100% + 2.5%);
    height: 30%;
    left: -1.5%;
    bottom: 11%;
    z-index: 0;
    margin-top: 0;
    transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .underline:after {
        transition: none;
    }
}
.underline.blue:after {
    background: rgba(63, 120, 224, 0.12);
}
.underline.purple:after {
    background: rgba(116, 126, 209, 0.12);
}
.underline.violet:after {
    background: rgba(160, 124, 197, 0.12);
}
.underline.pink:after {
    background: rgba(209, 107, 134, 0.12);
}
.underline.red:after {
    background: rgba(226, 98, 107, 0.12);
}
.underline.orange:after {
    background: rgba(247, 139, 119, 0.12);
}
.underline.yellow:after {
    background: rgba(250, 183, 88, 0.12);
}
.underline.green:after {
    background: rgba(107, 190, 163, 0.12);
}
.underline.leaf:after {
    background: rgba(124, 183, 152, 0.12);
}
.underline.aqua:after {
    background: rgba(84, 168, 199, 0.12);
}
.underline.navy:after {
    background: rgba(52, 63, 82, 0.12);
}
.underline.ash:after {
    background: rgba(148, 153, 163, 0.12);
}
.underline.white:after {
    background: rgba(255, 255, 255, 0.12);
}
.underline.light:after {
    background: rgba(254, 254, 254, 0.12);
}
.underline.gray:after {
    background: rgba(246, 247, 249, 0.12);
}
.underline.dark:after {
    background: rgba(38, 43, 50, 0.12);
}
.rounded img {
    border-radius: 0.4rem;
}
@media (min-width: 992px) {
    .map.rounded-lg-start iframe, .image-wrapper.rounded-lg-start {
        border-bottom-left-radius: 0.4rem !important;
        border-top-left-radius: 0.4rem !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .image-wrapper.rounded-4-lg-start {
        border-bottom-left-radius: 0.8rem !important;
        border-top-left-radius: 0.8rem !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}
@media (max-width: 991.98px) {
    .map.rounded-top iframe, .image-wrapper.rounded-top {
        border-top-left-radius: 0.4rem !important;
        border-top-right-radius: 0.4rem !important;
    }
    .image-wrapper.rounded-4-top {
        border-top-left-radius: 0.8rem !important;
        border-top-right-radius: 0.8rem !important;
    }
    .image-wrapper.bg-cover {
        min-height: 15rem;
    }
}
figure {
    margin: 0;
    padding: 0;
}
figure img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
}
.map iframe {
    display: block;
}
.map.map-full {
    height: 100%;
    min-height: 15rem;
}
[class*="mt-n"], [class*="mb-n"] {
    position: relative;
    z-index: 3;
}
.mb-n50p {
    transform: translateY(50%);
}
.mt-n50p {
    transform: translateY(-50%);
}
@media screen and (min-width: 576px) {
    .mb-sm-n50p {
        transform: translateY(50%);
    }
    .mt-sm-n50p {
        transform: translateY(-50%);
    }
}
@media screen and (min-width: 768px) {
    .mb-md-n50p {
        transform: translateY(50%);
    }
    .mt-md-n50p {
        transform: translateY(-50%);
    }
}
@media screen and (min-width: 992px) {
    .mb-lg-n50p {
        transform: translateY(50%);
    }
    .mt-lg-n50p {
        transform: translateY(-50%);
    }
}
@media screen and (min-width: 1200px) {
    .mb-xl-n50p {
        transform: translateY(50%);
    }
    .mt-xl-n50p {
        transform: translateY(-50%);
    }
}
@media screen and (min-width: 1400px) {
    .mb-xxl-n50p {
        transform: translateY(50%);
    }
    .mt-xxl-n50p {
        transform: translateY(-50%);
    }
}
@media (max-width: 1199.98px) {
    .border-radius-lg-top {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
}
@media (min-width: 992px) {
    .position-lg-absolute {
        position: absolute !important;
    }
}
.bg-soft-primary {
    background-color: #fff3e4 !important;
}
.bg-soft-blue {
    background-color: #f1f5fd !important;
}
.bg-soft-purple {
    background-color: #f5f5fc !important;
}
.bg-soft-violet {
    background-color: #f8f5fb !important;
}
.bg-soft-pink {
    background-color: #fcf4f6 !important;
}
.bg-soft-red {
    background-color: #fdf3f4 !important;
}
.bg-soft-orange {
    background-color: #fef6f5 !important;
}
.bg-soft-green {
    background-color: #f4faf8 !important;
}
.bg-soft-leaf {
    background-color: #f5faf7 !important;
}
.bg-soft-aqua {
    background-color: #f2f8fb !important;
}
.bg-soft-navy {
    background-color: #f0f1f2 !important;
}
.bg-soft-ash {
    background-color: #f7f7f8 !important;
}
.bg-soft-gray {
    background-color: #fefeff !important;
}
.bg-soft-gray {
    background: rgba(164, 174, 198, 0.2);
}
.bg-primary {
    background: #e86b1b !important;
}
.bg-pale-primary {
    background-color: #fef3e4 !important;
}
.bg-pale-blue {
    background-color: #e0e9fa !important;
}
.bg-pale-purple {
    background-color: #e9eaf8 !important;
}
.bg-pale-violet {
    background-color: #f0eaf6 !important;
}
.bg-pale-pink {
    background-color: #f8e7ec !important;
}
.bg-pale-red {
    background-color: #fae6e7 !important;
}
.bg-pale-orange {
    background-color: #feece9 !important;
}
.bg-pale-yellow {
    background-color: #fef3e4 !important;
}
.bg-pale-green {
    background-color: #e7f5f0 !important;
}
.bg-pale-leaf {
    background-color: #eaf3ef !important;
}
.bg-pale-aqua {
    background-color: #e4f1f6 !important;
}
.bg-pale-navy {
    background-color: #dfe0e3 !important;
}
.bg-pale-ash {
    background-color: #eeeff0 !important;
}
.bg-gradient-primary {
    background: linear-gradient(180deg, #fffaf2, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-primary {
    background: linear-gradient(0deg, #fffaf2, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-blue {
    background: linear-gradient(180deg, #f1f5fd, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-blue {
    background: linear-gradient(0deg, #f1f5fd, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-purple {
    background: linear-gradient(180deg, #f5f5fc, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-purple {
    background: linear-gradient(0deg, #f5f5fc, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-violet {
    background: linear-gradient(180deg, #f8f5fb, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-violet {
    background: linear-gradient(0deg, #f8f5fb, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-pink {
    background: linear-gradient(180deg, #fcf4f6, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-pink {
    background: linear-gradient(0deg, #fcf4f6, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-red {
    background: linear-gradient(180deg, #fdf3f4, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-red {
    background: linear-gradient(0deg, #fdf3f4, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-orange {
    background: linear-gradient(180deg, #fef6f5, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-orange {
    background: linear-gradient(0deg, #fef6f5, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-green {
    background: linear-gradient(180deg, #f4faf8, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-green {
    background: linear-gradient(0deg, #f4faf8, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-leaf {
    background: linear-gradient(180deg, #f5faf7, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-leaf {
    background: linear-gradient(0deg, #f5faf7, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-aqua {
    background: linear-gradient(180deg, #f2f8fb, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-aqua {
    background: linear-gradient(0deg, #f2f8fb, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-navy {
    background: linear-gradient(180deg, #f0f1f2, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-navy {
    background: linear-gradient(0deg, #f0f1f2, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-ash {
    background: linear-gradient(180deg, #f7f7f8, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-ash {
    background: linear-gradient(0deg, #f7f7f8, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-gray {
    background: linear-gradient(180deg, #fefeff, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-gray {
    background: linear-gradient(0deg, #fefeff, rgba(255, 255, 255, 0) 100%);
}
.wrapper.bg-primary.angled.lower-start:after, .wrapper.bg-primary.angled.upper-start:before {
    border-left-color: #e86b1b;
}
.wrapper.bg-primary.angled.lower-end:after, .wrapper.bg-primary.angled.upper-end:before {
    border-right-color: #e86b1b;
}
.wrapper.bg-soft-primary.angled.lower-start:after, .wrapper.bg-soft-primary.angled.upper-start:before {
    border-left-color: #fffaf2;
}
.wrapper.bg-soft-primary.angled.lower-end:after, .wrapper.bg-soft-primary.angled.upper-end:before {
    border-right-color: #fffaf2;
}
.wrapper.bg-pale-primary.angled.lower-start:after, .wrapper.bg-pale-primary.angled.upper-start:before {
    border-left-color: #fef3e4;
}
.wrapper.bg-pale-primary.angled.lower-end:after, .wrapper.bg-pale-primary.angled.upper-end:before {
    border-right-color: #fef3e4;
}
.wrapper.bg-blue.angled.lower-start:after, .wrapper.bg-blue.angled.upper-start:before {
    border-left-color: #3f78e0;
}
.wrapper.bg-blue.angled.lower-end:after, .wrapper.bg-blue.angled.upper-end:before {
    border-right-color: #3f78e0;
}
.wrapper.bg-soft-blue.angled.lower-start:after, .wrapper.bg-soft-blue.angled.upper-start:before {
    border-left-color: #f1f5fd;
}
.wrapper.bg-soft-blue.angled.lower-end:after, .wrapper.bg-soft-blue.angled.upper-end:before {
    border-right-color: #f1f5fd;
}
.wrapper.bg-pale-blue.angled.lower-start:after, .wrapper.bg-pale-blue.angled.upper-start:before {
    border-left-color: #e0e9fa;
}
.wrapper.bg-pale-blue.angled.lower-end:after, .wrapper.bg-pale-blue.angled.upper-end:before {
    border-right-color: #e0e9fa;
}
.wrapper.bg-purple.angled.lower-start:after, .wrapper.bg-purple.angled.upper-start:before {
    border-left-color: #747ed1;
}
.wrapper.bg-purple.angled.lower-end:after, .wrapper.bg-purple.angled.upper-end:before {
    border-right-color: #747ed1;
}
.wrapper.bg-soft-purple.angled.lower-start:after, .wrapper.bg-soft-purple.angled.upper-start:before {
    border-left-color: #f5f5fc;
}
.wrapper.bg-soft-purple.angled.lower-end:after, .wrapper.bg-soft-purple.angled.upper-end:before {
    border-right-color: #f5f5fc;
}
.wrapper.bg-pale-purple.angled.lower-start:after, .wrapper.bg-pale-purple.angled.upper-start:before {
    border-left-color: #e9eaf8;
}
.wrapper.bg-pale-purple.angled.lower-end:after, .wrapper.bg-pale-purple.angled.upper-end:before {
    border-right-color: #e9eaf8;
}
.wrapper.bg-violet.angled.lower-start:after, .wrapper.bg-violet.angled.upper-start:before {
    border-left-color: #a07cc5;
}
.wrapper.bg-violet.angled.lower-end:after, .wrapper.bg-violet.angled.upper-end:before {
    border-right-color: #a07cc5;
}
.wrapper.bg-soft-violet.angled.lower-start:after, .wrapper.bg-soft-violet.angled.upper-start:before {
    border-left-color: #f8f5fb;
}
.wrapper.bg-soft-violet.angled.lower-end:after, .wrapper.bg-soft-violet.angled.upper-end:before {
    border-right-color: #f8f5fb;
}
.wrapper.bg-pale-violet.angled.lower-start:after, .wrapper.bg-pale-violet.angled.upper-start:before {
    border-left-color: #f0eaf6;
}
.wrapper.bg-pale-violet.angled.lower-end:after, .wrapper.bg-pale-violet.angled.upper-end:before {
    border-right-color: #f0eaf6;
}
.wrapper.bg-pink.angled.lower-start:after, .wrapper.bg-pink.angled.upper-start:before {
    border-left-color: #d16b86;
}
.wrapper.bg-pink.angled.lower-end:after, .wrapper.bg-pink.angled.upper-end:before {
    border-right-color: #d16b86;
}
.wrapper.bg-soft-pink.angled.lower-start:after, .wrapper.bg-soft-pink.angled.upper-start:before {
    border-left-color: #fcf4f6;
}
.wrapper.bg-soft-pink.angled.lower-end:after, .wrapper.bg-soft-pink.angled.upper-end:before {
    border-right-color: #fcf4f6;
}
.wrapper.bg-pale-pink.angled.lower-start:after, .wrapper.bg-pale-pink.angled.upper-start:before {
    border-left-color: #f8e7ec;
}
.wrapper.bg-pale-pink.angled.lower-end:after, .wrapper.bg-pale-pink.angled.upper-end:before {
    border-right-color: #f8e7ec;
}
.wrapper.bg-red.angled.lower-start:after, .wrapper.bg-red.angled.upper-start:before {
    border-left-color: #e2626b;
}
.wrapper.bg-red.angled.lower-end:after, .wrapper.bg-red.angled.upper-end:before {
    border-right-color: #e2626b;
}
.wrapper.bg-soft-red.angled.lower-start:after, .wrapper.bg-soft-red.angled.upper-start:before {
    border-left-color: #fdf3f4;
}
.wrapper.bg-soft-red.angled.lower-end:after, .wrapper.bg-soft-red.angled.upper-end:before {
    border-right-color: #fdf3f4;
}
.wrapper.bg-pale-red.angled.lower-start:after, .wrapper.bg-pale-red.angled.upper-start:before {
    border-left-color: #fae6e7;
}
.wrapper.bg-pale-red.angled.lower-end:after, .wrapper.bg-pale-red.angled.upper-end:before {
    border-right-color: #fae6e7;
}
.wrapper.bg-orange.angled.lower-start:after, .wrapper.bg-orange.angled.upper-start:before {
    border-left-color: #f78b77;
}
.wrapper.bg-orange.angled.lower-end:after, .wrapper.bg-orange.angled.upper-end:before {
    border-right-color: #f78b77;
}
.wrapper.bg-soft-orange.angled.lower-start:after, .wrapper.bg-soft-orange.angled.upper-start:before {
    border-left-color: #fef6f5;
}
.wrapper.bg-soft-orange.angled.lower-end:after, .wrapper.bg-soft-orange.angled.upper-end:before {
    border-right-color: #fef6f5;
}
.wrapper.bg-pale-orange.angled.lower-start:after, .wrapper.bg-pale-orange.angled.upper-start:before {
    border-left-color: #feece9;
}
.wrapper.bg-pale-orange.angled.lower-end:after, .wrapper.bg-pale-orange.angled.upper-end:before {
    border-right-color: #feece9;
}
.wrapper.bg-yellow.angled.lower-start:after, .wrapper.bg-yellow.angled.upper-start:before {
    border-left-color: #e86b1b;
}
.wrapper.bg-yellow.angled.lower-end:after, .wrapper.bg-yellow.angled.upper-end:before {
    border-right-color: #e86b1b;
}
.wrapper.bg-soft-yellow.angled.lower-start:after, .wrapper.bg-soft-yellow.angled.upper-start:before {
    border-left-color: #fffaf2;
}
.wrapper.bg-soft-yellow.angled.lower-end:after, .wrapper.bg-soft-yellow.angled.upper-end:before {
    border-right-color: #fffaf2;
}
.wrapper.bg-pale-yellow.angled.lower-start:after, .wrapper.bg-pale-yellow.angled.upper-start:before {
    border-left-color: #fef3e4;
}
.wrapper.bg-pale-yellow.angled.lower-end:after, .wrapper.bg-pale-yellow.angled.upper-end:before {
    border-right-color: #fef3e4;
}
.wrapper.bg-green.angled.lower-start:after, .wrapper.bg-green.angled.upper-start:before {
    border-left-color: #e86b1b;
}
.wrapper.bg-green.angled.lower-end:after, .wrapper.bg-green.angled.upper-end:before {
    border-right-color: #e86b1b;
}
.wrapper.bg-soft-green.angled.lower-start:after, .wrapper.bg-soft-green.angled.upper-start:before {
    border-left-color: #f4faf8;
}
.wrapper.bg-soft-green.angled.lower-end:after, .wrapper.bg-soft-green.angled.upper-end:before {
    border-right-color: #f4faf8;
}
.wrapper.bg-pale-green.angled.lower-start:after, .wrapper.bg-pale-green.angled.upper-start:before {
    border-left-color: #e7f5f0;
}
.wrapper.bg-pale-green.angled.lower-end:after, .wrapper.bg-pale-green.angled.upper-end:before {
    border-right-color: #e7f5f0;
}
.wrapper.bg-leaf.angled.lower-start:after, .wrapper.bg-leaf.angled.upper-start:before {
    border-left-color: #7cb798;
}
.wrapper.bg-leaf.angled.lower-end:after, .wrapper.bg-leaf.angled.upper-end:before {
    border-right-color: #7cb798;
}
.wrapper.bg-soft-leaf.angled.lower-start:after, .wrapper.bg-soft-leaf.angled.upper-start:before {
    border-left-color: #f5faf7;
}
.wrapper.bg-soft-leaf.angled.lower-end:after, .wrapper.bg-soft-leaf.angled.upper-end:before {
    border-right-color: #f5faf7;
}
.wrapper.bg-pale-leaf.angled.lower-start:after, .wrapper.bg-pale-leaf.angled.upper-start:before {
    border-left-color: #eaf3ef;
}
.wrapper.bg-pale-leaf.angled.lower-end:after, .wrapper.bg-pale-leaf.angled.upper-end:before {
    border-right-color: #eaf3ef;
}
.wrapper.bg-aqua.angled.lower-start:after, .wrapper.bg-aqua.angled.upper-start:before {
    border-left-color: #54a8c7;
}
.wrapper.bg-aqua.angled.lower-end:after, .wrapper.bg-aqua.angled.upper-end:before {
    border-right-color: #54a8c7;
}
.wrapper.bg-soft-aqua.angled.lower-start:after, .wrapper.bg-soft-aqua.angled.upper-start:before {
    border-left-color: #f2f8fb;
}
.wrapper.bg-soft-aqua.angled.lower-end:after, .wrapper.bg-soft-aqua.angled.upper-end:before {
    border-right-color: #f2f8fb;
}
.wrapper.bg-pale-aqua.angled.lower-start:after, .wrapper.bg-pale-aqua.angled.upper-start:before {
    border-left-color: #e4f1f6;
}
.wrapper.bg-pale-aqua.angled.lower-end:after, .wrapper.bg-pale-aqua.angled.upper-end:before {
    border-right-color: #e4f1f6;
}
.wrapper.bg-navy.angled.lower-start:after, .wrapper.bg-navy.angled.upper-start:before {
    border-left-color: #343f52;
}
.wrapper.bg-navy.angled.lower-end:after, .wrapper.bg-navy.angled.upper-end:before {
    border-right-color: #343f52;
}
.wrapper.bg-soft-navy.angled.lower-start:after, .wrapper.bg-soft-navy.angled.upper-start:before {
    border-left-color: #f0f1f2;
}
.wrapper.bg-soft-navy.angled.lower-end:after, .wrapper.bg-soft-navy.angled.upper-end:before {
    border-right-color: #f0f1f2;
}
.wrapper.bg-pale-navy.angled.lower-start:after, .wrapper.bg-pale-navy.angled.upper-start:before {
    border-left-color: #dfe0e3;
}
.wrapper.bg-pale-navy.angled.lower-end:after, .wrapper.bg-pale-navy.angled.upper-end:before {
    border-right-color: #dfe0e3;
}
.wrapper.bg-ash.angled.lower-start:after, .wrapper.bg-ash.angled.upper-start:before {
    border-left-color: #9499a3;
}
.wrapper.bg-ash.angled.lower-end:after, .wrapper.bg-ash.angled.upper-end:before {
    border-right-color: #9499a3;
}
.wrapper.bg-soft-ash.angled.lower-start:after, .wrapper.bg-soft-ash.angled.upper-start:before {
    border-left-color: #f7f7f8;
}
.wrapper.bg-soft-ash.angled.lower-end:after, .wrapper.bg-soft-ash.angled.upper-end:before {
    border-right-color: #f7f7f8;
}
.wrapper.bg-pale-ash.angled.lower-start:after, .wrapper.bg-pale-ash.angled.upper-start:before {
    border-left-color: #eeeff0;
}
.wrapper.bg-pale-ash.angled.lower-end:after, .wrapper.bg-pale-ash.angled.upper-end:before {
    border-right-color: #eeeff0;
}
.wrapper.bg-white.angled.lower-start:after, .wrapper.bg-white.angled.upper-start:before {
    border-left-color: #fff;
}
.wrapper.bg-white.angled.lower-end:after, .wrapper.bg-white.angled.upper-end:before {
    border-right-color: #fff;
}
.wrapper.bg-soft-white.angled.lower-start:after, .wrapper.bg-soft-white.angled.upper-start:before {
    border-left-color: white;
}
.wrapper.bg-soft-white.angled.lower-end:after, .wrapper.bg-soft-white.angled.upper-end:before {
    border-right-color: white;
}
.wrapper.bg-pale-white.angled.lower-start:after, .wrapper.bg-pale-white.angled.upper-start:before {
    border-left-color: white;
}
.wrapper.bg-pale-white.angled.lower-end:after, .wrapper.bg-pale-white.angled.upper-end:before {
    border-right-color: white;
}
.wrapper.bg-light.angled.lower-start:after, .wrapper.bg-light.angled.upper-start:before {
    border-left-color: #fefefe;
}
.wrapper.bg-light.angled.lower-end:after, .wrapper.bg-light.angled.upper-end:before {
    border-right-color: #fefefe;
}
.wrapper.bg-soft-light.angled.lower-start:after, .wrapper.bg-soft-light.angled.upper-start:before {
    border-left-color: white;
}
.wrapper.bg-soft-light.angled.lower-end:after, .wrapper.bg-soft-light.angled.upper-end:before {
    border-right-color: white;
}
.wrapper.bg-pale-light.angled.lower-start:after, .wrapper.bg-pale-light.angled.upper-start:before {
    border-left-color: white;
}
.wrapper.bg-pale-light.angled.lower-end:after, .wrapper.bg-pale-light.angled.upper-end:before {
    border-right-color: white;
}
.wrapper.bg-gray.angled.lower-start:after, .wrapper.bg-gray.angled.upper-start:before {
    border-left-color: #f6f7f9;
}
.wrapper.bg-gray.angled.lower-end:after, .wrapper.bg-gray.angled.upper-end:before {
    border-right-color: #f6f7f9;
}
.wrapper.bg-soft-gray.angled.lower-start:after, .wrapper.bg-soft-gray.angled.upper-start:before {
    border-left-color: #fefeff;
}
.wrapper.bg-soft-gray.angled.lower-end:after, .wrapper.bg-soft-gray.angled.upper-end:before {
    border-right-color: #fefeff;
}
.wrapper.bg-pale-gray.angled.lower-start:after, .wrapper.bg-pale-gray.angled.upper-start:before {
    border-left-color: #fefefe;
}
.wrapper.bg-pale-gray.angled.lower-end:after, .wrapper.bg-pale-gray.angled.upper-end:before {
    border-right-color: #fefefe;
}
.wrapper.bg-dark.angled.lower-start:after, .wrapper.bg-dark.angled.upper-start:before {
    border-left-color: #262b32;
}
.wrapper.bg-dark.angled.lower-end:after, .wrapper.bg-dark.angled.upper-end:before {
    border-right-color: #262b32;
}
.wrapper.bg-soft-dark.angled.lower-start:after, .wrapper.bg-soft-dark.angled.upper-start:before {
    border-left-color: #efeff0;
}
.wrapper.bg-soft-dark.angled.lower-end:after, .wrapper.bg-soft-dark.angled.upper-end:before {
    border-right-color: #efeff0;
}
.wrapper.bg-pale-dark.angled.lower-start:after, .wrapper.bg-pale-dark.angled.upper-start:before {
    border-left-color: #dcddde;
}
.wrapper.bg-pale-dark.angled.lower-end:after, .wrapper.bg-pale-dark.angled.upper-end:before {
    border-right-color: #dcddde;
}
.bg-soft-yellow {
    background-color: #fff8ef !important;
}
.bg-gradient-yellow {
    background: linear-gradient(180deg, #fff8ef, rgba(255, 255, 255, 0) 100%) !important;
}
.bg-gradient-reverse-yellow {
    background: linear-gradient(0deg, #fff8ef, rgba(255, 255, 255, 0) 100%) !important;
}
.wrapper.bg-soft-yellow.angled.lower-start:after, .wrapper.bg-soft-yellow.angled.upper-start:before {
    border-left-color: #fff8ef !important;
}
.wrapper.bg-soft-yellow.angled.lower-end:after, .wrapper.bg-soft-yellow.angled.upper-end:before {
    border-right-color: #fff8ef !important;
}
.bg-gradient {
    background: linear-gradient(to right, #e86b1b, #f78b77, #e2626b);
}
.link-blue {
    color: #3f78e0;
}
.link-blue:hover, .link-blue:focus {
    color: #3f78e0;
}
.link-purple {
    color: #747ed1;
}
.link-purple:hover, .link-purple:focus {
    color: #747ed1;
}
.link-violet {
    color: #a07cc5;
}
.link-violet:hover, .link-violet:focus {
    color: #a07cc5;
}
.link-pink {
    color: #d16b86;
}
.link-pink:hover, .link-pink:focus {
    color: #d16b86;
}
.link-red {
    color: #e2626b;
}
.link-red:hover, .link-red:focus {
    color: #e2626b;
}
.link-orange {
    color: #f78b77;
}
.link-orange:hover, .link-orange:focus {
    color: #f78b77;
}
.link-yellow {
    color: #e86b1b;
}
.link-yellow:hover, .link-yellow:focus {
    color: #e86b1b;
}
.link-green {
    color: #e86b1b;
}
.link-green:hover, .link-green:focus {
    color: #e86b1b;
}
.link-leaf {
    color: #7cb798;
}
.link-leaf:hover, .link-leaf:focus {
    color: #7cb798;
}
.link-aqua {
    color: #54a8c7;
}
.link-aqua:hover, .link-aqua:focus {
    color: #54a8c7;
}
.link-navy {
    color: #343f52;
}
.link-navy:hover, .link-navy:focus {
    color: #343f52;
}
.link-ash {
    color: #9499a3;
}
.link-ash:hover, .link-ash:focus {
    color: #9499a3;
}
.link-white {
    color: #fff;
}
.link-white:hover, .link-white:focus {
    color: #fff;
}
.link-light {
    color: #fefefe;
}
.link-light:hover, .link-light:focus {
    color: #fefefe;
}
.link-gray {
    color: #f6f7f9;
}
.link-gray:hover, .link-gray:focus {
    color: #f6f7f9;
}
.link-primary {
    color: #e86b1b;
}
.link-primary:hover, .link-primary:focus {
    color: #e86b1b;
}
.link-secondary {
    color: #aab0bc;
}
.link-secondary:hover, .link-secondary:focus {
    color: #aab0bc;
}
.link-success {
    color: #e86b1b;
}
.link-success:hover, .link-success:focus {
    color: #e86b1b;
}
.link-info {
    color: #54a8c7;
}
.link-info:hover, .link-info:focus {
    color: #54a8c7;
}
.link-warning {
    color: #e86b1b;
}
.link-warning:hover, .link-warning:focus {
    color: #e86b1b;
}
.link-danger {
    color: #e2626b;
}
.link-danger:hover, .link-danger:focus {
    color: #e2626b;
}
.link-dark {
    color: #343f52;
}
blockquote {
    border-left: 0.15rem solid #e86b1b;
    padding-left: 1rem;
    font-size: 0.85rem;
    line-height: 1.7;
    font-weight: 500;
}
blockquote.border-0 {
    padding-left: 0;
}
blockquote.icon {
    position: relative;
    border: 0;
    padding: 0;
}
blockquote.icon:before {
    content: "\201D";
    position: absolute;
    top: -1.5rem;
    left: -0.9rem;
    color: rgba(52, 63, 82, 0.05);
    font-size: 10rem;
    line-height: 1;
    z-index: 1;
}
blockquote.icon-top {
    padding-top: 3.75rem;
    position: relative;
}
blockquote.icon-top:before {
    content: "\201C";
    color: #aab0bc;
    opacity: 0.3;
    font-size: 6.5rem;
    font-weight: normal;
    top: 0;
    left: -0.3rem;
}
blockquote.icon-top.text-white:before {
    color: #fff;
}
blockquote.text-center.icon-top:before {
    left: 50%;
    transform: translateX(-52%);
}
.blockquote-footer {
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0.02rem;
}
.blockquote-details {
    display: flex;
    align-items: center;
    text-align: left;
}
.blockquote-details p {
    font-size: 0.8rem;
}
.blockquote-details .info {
    padding-left: 1rem;
}
.blockquote-details .icon-img img {
    width: 3.5rem !important;
}
.dropcap {
    display: block;
    float: left;
    font-size: calc(1.375rem + 1.5vw);
    line-height: 1;
    font-weight: 500;
    padding: 0;
    margin: 0.2rem 0.6rem 0 0;
}
@media (min-width: 1200px) {
    .dropcap {
        font-size: 2.5rem;
    }
}
.dropcap.rounded-circle {
    font-size: calc(1.265rem + 0.18vw);
    height: 2.3rem;
    width: 2.3rem;
    margin: 0.25rem 0.5rem 0 0;
    padding-bottom: 0.15rem;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
@media (min-width: 1200px) {
    .dropcap.rounded-circle {
        font-size: 1.4rem;
    }
}
.unordered-list {
    padding-left: 0;
    list-style: none;
}
.unordered-list li {
    position: relative;
    padding-left: 1rem;
}
.unordered-list>li:before {
    font-family: sans-serif;
    position: absolute;
    top: -0.15rem;
    left: 0;
    font-size: 1rem;
    content: "\2022";
}
.unordered-list.bullet-blue li:before {
    color: #3f78e0;
}
.unordered-list.bullet-purple li:before {
    color: #747ed1;
}
.unordered-list.bullet-violet li:before {
    color: #a07cc5;
}
.unordered-list.bullet-pink li:before {
    color: #d16b86;
}
.unordered-list.bullet-red li:before {
    color: #e2626b;
}
.unordered-list.bullet-orange li:before {
    color: #f78b77;
}
.unordered-list.bullet-yellow li:before {
    color: #e86b1b;
}
.unordered-list.bullet-green li:before {
    color: #e86b1b;
}
.unordered-list.bullet-leaf li:before {
    color: #7cb798;
}
.unordered-list.bullet-aqua li:before {
    color: #54a8c7;
}
.unordered-list.bullet-navy li:before {
    color: #343f52;
}
.unordered-list.bullet-ash li:before {
    color: #9499a3;
}
.unordered-list.bullet-white li:before {
    color: #fff;
}
.unordered-list.bullet-light li:before {
    color: #fefefe;
}
.unordered-list.bullet-gray li:before {
    color: #f6f7f9;
}
.unordered-list.bullet-dark li:before {
    color: #262b32;
}
.unordered-list.bullet-primary li:before {
    color: #e86b1b;
}
.unordered-list.bullet-secondary li:before {
    color: #aab0bc;
}
.unordered-list.bullet-success li:before {
    color: #e86b1b;
}
.unordered-list.bullet-info li:before {
    color: #54a8c7;
}
.unordered-list.bullet-warning li:before {
    color: #e86b1b;
}
.unordered-list.bullet-danger li:before {
    color: #e2626b;
}
.icon-list {
    padding-left: 0;
    list-style: none;
}
.icon-list li {
    position: relative;
    padding-left: 1.25rem;
}
.icon-list.bullet-bg li {
    padding-left: 1.5rem;
}
.icon-list.bullet-soft-blue i {
    color: #3f78e0;
}
.icon-list.bullet-soft-blue.bullet-bg i {
    background-color: #dce7f9;
}
.icon-list.bullet-bg i[class*="bullet-soft-blue"] {
    background-color: #dce7f9 !important;
    color: #3f78e0 !important;
}
.icon-list.bullet-soft-purple i {
    color: #747ed1;
}
.icon-list.bullet-soft-purple.bullet-bg i {
    background-color: #e6e8f7;
}
.icon-list.bullet-bg i[class*="bullet-soft-purple"] {
    background-color: #e6e8f7 !important;
    color: #747ed1 !important;
}
.icon-list.bullet-soft-violet i {
    color: #a07cc5;
}
.icon-list.bullet-soft-violet.bullet-bg i {
    background-color: #eee7f5;
}
.icon-list.bullet-bg i[class*="bullet-soft-violet"] {
    background-color: #eee7f5 !important;
    color: #a07cc5 !important;
}
.icon-list.bullet-soft-pink i {
    color: #d16b86;
}
.icon-list.bullet-soft-pink.bullet-bg i {
    background-color: #f7e4e9;
}
.icon-list.bullet-bg i[class*="bullet-soft-pink"] {
    background-color: #f7e4e9 !important;
    color: #d16b86 !important;
}
.icon-list.bullet-soft-red i {
    color: #e2626b;
}
.icon-list.bullet-soft-red.bullet-bg i {
    background-color: #fae3e4;
}
.icon-list.bullet-bg i[class*="bullet-soft-red"] {
    background-color: #fae3e4 !important;
    color: #e2626b !important;
}
.icon-list.bullet-soft-orange i {
    color: #f78b77;
}
.icon-list.bullet-soft-orange.bullet-bg i {
    background-color: #feeae7;
}
.icon-list.bullet-bg i[class*="bullet-soft-orange"] {
    background-color: #feeae7 !important;
    color: #f78b77 !important;
}
.icon-list.bullet-soft-green i {
    color: #e86b1b;
}
.icon-list.bullet-soft-green.bullet-bg i {
    background-color: #e4f3ee;
}
.icon-list.bullet-bg i[class*="bullet-soft-green"] {
    background-color: #e4f3ee !important;
    color: #e86b1b !important;
}
.icon-list.bullet-soft-leaf i {
    color: #7cb798;
}
.icon-list.bullet-soft-leaf.bullet-bg i {
    background-color: #e7f2ec;
}
.icon-list.bullet-bg i[class*="bullet-soft-leaf"] {
    background-color: #e7f2ec !important;
    color: #7cb798 !important;
}
.icon-list.bullet-soft-aqua i {
    color: #54a8c7;
}
.icon-list.bullet-soft-aqua.bullet-bg i {
    background-color: #e0eff5;
}
.icon-list.bullet-bg i[class*="bullet-soft-aqua"] {
    background-color: #e0eff5 !important;
    color: #54a8c7 !important;
}
.icon-list.bullet-soft-navy i {
    color: #343f52;
}
.icon-list.bullet-soft-navy.bullet-bg i {
    background-color: #dadce0;
}
.icon-list.bullet-bg i[class*="bullet-soft-navy"] {
    background-color: #dadce0 !important;
    color: #343f52 !important;
}
.icon-list.bullet-soft-ash i {
    color: #9499a3;
}
.icon-list.bullet-soft-ash.bullet-bg i {
    background-color: #ecedee;
}
.icon-list.bullet-bg i[class*="bullet-soft-ash"] {
    background-color: #ecedee !important;
    color: #9499a3 !important;
}
.icon-list.bullet-soft-white i {
    color: #fff;
}
.icon-list.bullet-soft-white.bullet-bg i {
    background-color: white;
}
.icon-list.bullet-bg i[class*="bullet-soft-white"] {
    background-color: white !important;
    color: #fff !important;
}
.icon-list.bullet-soft-light i {
    color: #fefefe;
}
.icon-list.bullet-soft-light.bullet-bg i {
    background-color: white;
}
.icon-list.bullet-bg i[class*="bullet-soft-light"] {
    background-color: white !important;
    color: #fefefe !important;
}
.icon-list.bullet-soft-gray i {
    color: #f6f7f9;
}
.icon-list.bullet-soft-gray.bullet-bg i {
    background-color: #fdfefe;
}
.icon-list.bullet-bg i[class*="bullet-soft-gray"] {
    background-color: #fdfefe !important;
    color: #f6f7f9 !important;
}
.icon-list.bullet-soft-dark i {
    color: #262b32;
}
.icon-list.bullet-soft-dark.bullet-bg i {
    background-color: #d8d9da;
}
.icon-list.bullet-bg i[class*="bullet-soft-dark"] {
    background-color: #d8d9da !important;
    color: #262b32 !important;
}
.icon-list.bullet-soft-primary i {
    color: #e86b1b;
}
.icon-list.bullet-soft-primary.bullet-bg i {
    background-color: #fef2e1;
}
.icon-list.bullet-bg i[class*="bullet-soft-primary"] {
    background-color: #fef2e1 !important;
    color: #e86b1b !important;
}
.icon-list.bullet-soft-secondary i {
    color: #aab0bc;
}
.icon-list.bullet-soft-secondary.bullet-bg i {
    background-color: #f0f1f3;
}
.icon-list.bullet-bg i[class*="bullet-soft-secondary"] {
    background-color: #f0f1f3 !important;
    color: #aab0bc !important;
}
.icon-list.bullet-soft-success i {
    color: #e86b1b;
}
.icon-list.bullet-soft-success.bullet-bg i {
    background-color: #e4f3ee;
}
.icon-list.bullet-bg i[class*="bullet-soft-success"] {
    background-color: #e4f3ee !important;
    color: #e86b1b !important;
}
.icon-list.bullet-soft-info i {
    color: #54a8c7;
}
.icon-list.bullet-soft-info.bullet-bg i {
    background-color: #e0eff5;
}
.icon-list.bullet-bg i[class*="bullet-soft-info"] {
    background-color: #e0eff5 !important;
    color: #54a8c7 !important;
}
.icon-list.bullet-soft-warning i {
    color: #e86b1b;
}
.icon-list.bullet-soft-warning.bullet-bg i {
    background-color: #fef2e1;
}
.icon-list.bullet-bg i[class*="bullet-soft-warning"] {
    background-color: #fef2e1 !important;
    color: #e86b1b !important;
}
.icon-list.bullet-soft-danger i {
    color: #e2626b;
}
.icon-list.bullet-soft-danger.bullet-bg i {
    background-color: #fae3e4;
}
.icon-list.bullet-bg i[class*="bullet-soft-danger"] {
    background-color: #fae3e4 !important;
    color: #e2626b !important;
}
.icon-list.bullet-soft-yellow i, .icon-list.bullet-bg i[class*="bullet-soft-yellow"] {
    color: #e86b1b;
}
.icon-list.bullet-soft-yellow.bullet-bg i, .icon-list.bullet-bg i[class*="bullet-soft-yellow"] {
    background-color: #feeed9;
}
.icon-list.bullet-blue i {
    color: #3f78e0;
}
.icon-list.bullet-blue.bullet-bg i {
    background-color: #3f78e0;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-blue"] {
    background-color: #3f78e0 !important;
    color: white !important;
}
.icon-list.bullet-purple i {
    color: #747ed1;
}
.icon-list.bullet-purple.bullet-bg i {
    background-color: #747ed1;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-purple"] {
    background-color: #747ed1 !important;
    color: white !important;
}
.icon-list.bullet-violet i {
    color: #a07cc5;
}
.icon-list.bullet-violet.bullet-bg i {
    background-color: #a07cc5;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-violet"] {
    background-color: #a07cc5 !important;
    color: white !important;
}
.icon-list.bullet-pink i {
    color: #d16b86;
}
.icon-list.bullet-pink.bullet-bg i {
    background-color: #d16b86;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-pink"] {
    background-color: #d16b86 !important;
    color: white !important;
}
.icon-list.bullet-red i {
    color: #e2626b;
}
.icon-list.bullet-red.bullet-bg i {
    background-color: #e2626b;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-red"] {
    background-color: #e2626b !important;
    color: white !important;
}
.icon-list.bullet-orange i {
    color: #f78b77;
}
.icon-list.bullet-orange.bullet-bg i {
    background-color: #f78b77;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-orange"] {
    background-color: #f78b77 !important;
    color: white !important;
}
.icon-list.bullet-yellow i {
    color: #e86b1b;
}
.icon-list.bullet-yellow.bullet-bg i {
    background-color: #e86b1b;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-yellow"] {
    background-color: #e86b1b !important;
    color: white !important;
}
.icon-list.bullet-green i {
    color: #e86b1b;
}
.icon-list.bullet-green.bullet-bg i {
    background-color: #e86b1b;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-green"] {
    background-color: #e86b1b !important;
    color: white !important;
}
.icon-list.bullet-leaf i {
    color: #7cb798;
}
.icon-list.bullet-leaf.bullet-bg i {
    background-color: #7cb798;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-leaf"] {
    background-color: #7cb798 !important;
    color: white !important;
}
.icon-list.bullet-aqua i {
    color: #54a8c7;
}
.icon-list.bullet-aqua.bullet-bg i {
    background-color: #54a8c7;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-aqua"] {
    background-color: #54a8c7 !important;
    color: white !important;
}
.icon-list.bullet-navy i {
    color: #343f52;
}
.icon-list.bullet-navy.bullet-bg i {
    background-color: #343f52;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-navy"] {
    background-color: #343f52 !important;
    color: white !important;
}
.icon-list.bullet-ash i {
    color: #9499a3;
}
.icon-list.bullet-ash.bullet-bg i {
    background-color: #9499a3;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-ash"] {
    background-color: #9499a3 !important;
    color: white !important;
}
.icon-list.bullet-white i {
    color: #fff !important;
}
.icon-list.bullet-white.bullet-bg i {
    background-color: #fff;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-white"] {
    background-color: #fff !important;
    color: white !important;
}
.icon-list.bullet-light i {
    color: #fefefe;
}
.icon-list.bullet-light.bullet-bg i {
    background-color: #fefefe;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-light"] {
    background-color: #fefefe !important;
    color: white !important;
}
.icon-list.bullet-gray i {
    color: #f6f7f9;
}
.icon-list.bullet-gray.bullet-bg i {
    background-color: #f6f7f9;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-gray"] {
    background-color: #f6f7f9 !important;
    color: white !important;
}
.icon-list.bullet-dark i {
    color: #262b32;
}
.icon-list.bullet-dark.bullet-bg i {
    background-color: #262b32;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-dark"] {
    background-color: #262b32 !important;
    color: white !important;
}
.icon-list.bullet-primary i {
    color: #e86b1b;
}
.icon-list.bullet-primary.bullet-bg i {
    background-color: #e86b1b;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-primary"] {
    background-color: #e86b1b !important;
    color: white !important;
}
.icon-list.bullet-secondary i {
    color: #aab0bc;
}
.icon-list.bullet-secondary.bullet-bg i {
    background-color: #aab0bc;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-secondary"] {
    background-color: #aab0bc !important;
    color: white !important;
}
.icon-list.bullet-success i {
    color: #e86b1b;
}
.icon-list.bullet-success.bullet-bg i {
    background-color: #e86b1b;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-success"] {
    background-color: #e86b1b !important;
    color: white !important;
}
.icon-list.bullet-info i {
    color: #54a8c7;
}
.icon-list.bullet-info.bullet-bg i {
    background-color: #54a8c7;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-info"] {
    background-color: #54a8c7 !important;
    color: white !important;
}
.icon-list.bullet-warning i {
    color: #e86b1b;
}
.icon-list.bullet-warning.bullet-bg i {
    background-color: #e86b1b;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-warning"] {
    background-color: #e86b1b !important;
    color: white !important;
}
.icon-list.bullet-danger i {
    color: #e2626b;
}
.icon-list.bullet-danger.bullet-bg i {
    background-color: #e2626b;
    color: #fff;
}
.icon-list.bullet-bg i[class*="bullet-danger"] {
    background-color: #e2626b !important;
    color: white !important;
}
.icon-list.bullet-white i, .icon-list.bullet-bg i.bullet-white {
    color: #e86b1b;
}
.icon-list i {
    position: absolute;
    top: -0.2rem;
    left: 0;
    font-size: 1rem;
}
.icon-list.bullet-bg i {
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    top: 0.2rem;
    font-size: 0.8rem;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    display: table;
}
.icon-list.bullet-bg i:before {
    vertical-align: middle;
    display: table-cell;
}
.widget .list-unstyled:not(.tag-list) li+li, .unordered-list li+li, .icon-list:not(.row) li+li {
    margin-top: 0.35rem;
}
.filter p {
    margin: 0 1rem 0 0;
    display: inline;
}
.filter ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}
.filter ul li {
    display: inline;
}
.filter ul li+li:before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 100%;
    margin: 0 0.8rem 0 0.5rem;
    vertical-align: 0.15rem;
    background: rgba(30, 34, 40, 0.2);
}
.filter ul li a {
    cursor: pointer;
}
.filter ul li a.active, .filter ul li a:hover {
    color: #e86b1b;
}
.filter.dark-filter ul li+li:before {
    background: rgba(255, 255, 255, 0.2);
}
.filter.dark-filter ul li a.active, .filter.dark-filter ul li a:hover {
    color: #fff;
}
.isotope-filter {
    position: relative;
    z-index: 5;
}
.image-list {
    padding: 0;
    margin: 0;
}
.image-list p, .image-list .meta {
    margin: 0;
}
.image-list:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.image-list>li {
    clear: both;
    display: block;
    overflow: hidden;
}
.image-list>li+li {
    margin-top: 1rem;
}
.image-list figure {
    float: left;
    width: 3.5rem;
    height: 3.5rem;
}
.image-list .post-content {
    margin-left: 4.25rem;
    margin-bottom: 0;
}
.tag-list li {
    display: inline-block;
    margin-right: 0.2rem;
    margin-bottom: 0.1rem;
}
.tag-list li a:before {
    font-style: normal;
    content: "#";
    font-weight: normal;
    padding-right: 0.2rem;
}
.widget .tag-list li, .blog.single .post .tag-list li {
    margin-top: 0;
    margin-bottom: 0.45rem;
}
.widget .tag-list li a {
    display: flex;
    align-items: center;
}
.meta, .post-category, .filter, .filter ul li a {
    text-transform: uppercase;
    letter-spacing: 0.02rem;
    font-size: 0.7rem;
    font-weight: 700;
    color: #aab0bc;
}
.meta {
    font-size: 0.65rem;
}
.post-category {
    margin-bottom: 0.4rem;
}
.post-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.7rem;
    color: #aab0bc;
}
.post-meta li {
    display: inline-block;
}
.post-meta li a {
    color: #aab0bc;
}
.post-meta li a:hover {
    color: #e86b1b;
    border-color: #e86b1b;
}
.post-meta li:before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 100%;
    margin: 0 0.6rem 0;
    vertical-align: 0.15rem;
    background: #aab0bc;
    opacity: 0.5;
}
.post-meta li i {
    padding-right: 0.2rem;
    vertical-align: -0.05rem;
}
.post-meta.text-white li:before {
    background: #fff;
}
.post-header .post-meta {
    font-size: 0.75rem;
}
.post-header .post-meta li:before {
    margin: 0 0.6rem 0 0.4rem;
}
.post-meta li:first-child:before, article .post-meta li.ms-auto:before {
    display: none;
}
@media (max-width: 767px) {
    .card-footer .post-meta li.post-author, .card-footer .post-meta li.post-comments span {
        display: none;
    }
    .post-header .post-meta li.post-author, .post-header .post-meta li.post-comments span, .post-header .post-meta li.post-likes span {
        display: none;
    }
    .top-strip {
        display: none !important;
    }
    .respo_vm {
        /* height: 246px !important; */
    }
    .display-4 {
        font-size: calc(0.9rem + 0.78vw) !important;
    }
    .btn-lg, .btn-group-lg>.btn {
        padding: 0.35rem 1.2rem !important;
    }
    #new_f {
        font-size: 1.3rem !important;
    }
    .dubai_s {
        height: auto !important;
    }
    .dubai_s1 {
        height: auto !important;
    }
    .dubai_s2 {
        height: auto !important;
    }
    .dubai_s3 {
        height: auto !important;
    }
    .dubai_s4 {
        height: auto !important;
    }
    .dubai_s5 {
        height: auto !important;
    }
    .new_d {
        display: none !important;
    }
    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    }
}
.glyphs {
    padding: 0;
}
.glyphs li {
    display: block;
}
.glyphs li svg {
    margin-bottom: 0.3rem;
    display: inline-block;
}
.glyphs li i:before {
    margin: 0;
    padding: 0;
    color: #343f52;
    font-size: calc(1.285rem + 0.42vw);
}
@media (min-width: 1200px) {
    .glyphs li i:before {
        font-size: 1.6rem;
    }
}
.glyphs li span {
    margin: 0;
    display: block;
}
.code-wrapper {
    margin-bottom: 1rem;
}
.code-wrapper pre {
    margin-bottom: 0;
}
.code-wrapper .card-body {
    padding: 1rem;
}
.text-gradient {
    background: linear-gradient(to right, #e86b1b, #f78b77, #fda505);
    font-weight: 800 !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-gradient.text-line:before {
    background: #e86b1b;
}
.overlap-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
@media (min-width: 768px) {
    .overlap-grid-2 .item:nth-child(1) {
        width: 70%;
        margin-top: 0;
        margin-left: 30%;
        z-index: 3;
    }
    .overlap-grid-2 .item:nth-child(2) {
        width: 55%;
        margin-top: -45%;
        margin-left: 0;
        z-index: 4;
    }
    .overlap-grid-2 .item:nth-child(3) {
        width: 60%;
        margin-top: -35%;
        margin-left: 40%;
        z-index: 2;
    }
}
@media (max-width: 767px) {
    .overlap-grid-2 .item {
        width: 100%;
    }
    .overlap-grid-2 .item+.item {
        margin-top: 1.5rem;
    }
}
input, textarea, select {
    -webkit-appearance: none !important;
}
.form-label-group {
    position: relative;
}
.form-label-group>label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    color: #959ca9;
    border: 1px solid transparent;
    transition: all 0.1s ease-in-out;
    font-size: 0.75rem;
    text-align: left;
    padding: 0.6rem 1rem;
    pointer-events: none;
}
.form-label-group .form-control::-webkit-input-placeholder {
    color: transparent;
}
.form-label-group .form-control:-ms-input-placeholder {
    color: transparent;
}
.form-label-group .form-control::-ms-input-placeholder {
    color: transparent;
}
.form-label-group .form-control::-moz-placeholder {
    color: transparent;
}
.form-label-group .form-control::placeholder {
    color: transparent !important;
}
.form-label-group .form-control:not(:placeholder-shown) {
    padding-top: calc(0.6rem + 0.6rem * (2 / 3));
    padding-bottom: calc(0.6rem / 3);
}
.form-label-group .form-control:not(:placeholder-shown)~label {
    padding-top: calc(0.6rem / 3);
    padding-bottom: calc(0.6rem / 3);
    font-size: 0.6rem;
}
form.dark-fields .form-control {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
    color: #cacaca;
}
form.dark-fields .form-control:focus {
    border-color: rgba(250, 183, 88, 0.5);
}
form.dark-fields .form-control::placeholder {
    color: #cacaca;
}
.search-form {
    position: relative;
}
.search-form .form-control {
    margin: 0;
    padding-right: 2.25rem !important;
}
.search-form:before {
    content: "\ec92";
    font-family: "Unicons";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.75rem;
    font-size: 0.9rem;
    color: #959ca9;
    z-index: 1;
}
.form-check-input {
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
}
.help-block.with-errors {
    color: #de4747;
    margin-top: 0.25rem;
}
.form-select {
    background-clip: padding-box;
}
.input-group>.form-control:focus, .input-group>.form-select:focus {
    z-index: 0;
}
.btn {
    display: inline-block;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: -0.01rem;
    color: #60697b;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 2px solid transparent;
    box-sizing: border-box;
    transform: translateY(0);
    padding: 0.4rem 1rem;
    font-size: 0.8rem;
    border-radius: 0.4rem;
    transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}
.btn:hover {
    transform: translateY(-0.15rem);
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
    color: #fff;
}
.btn.btn-white:hover, .btn[class*="btn-soft-"]:hover {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.05);
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
}
.btn-check:checked+.btn, .btn-check:active+.btn, .btn:active {
    transform: translateY(-0.15rem);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
    box-shadow: none;
}
.btn.btn-block {
    padding: 0;
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    backface-visibility: hidden;
}
.btn.btn-block:disabled, .btn.btn-block.disabled, fieldset:disabled .btn.btn-block {
    opacity: 1;
}
.btn.btn-block.btn-sm, .btn-group-sm>.btn.btn-block {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1rem;
}
.btn.btn-block.btn-lg, .btn-group-lg>.btn.btn-block {
    width: 3rem;
    height: 3rem;
    font-size: calc(1.265rem + 0.18vw);
}
@media (min-width: 1200px) {
    .btn.btn-block.btn-lg, .btn-group-lg>.btn.btn-block {
        font-size: 1.4rem;
    }
}
.btn.btn-block.btn-play {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.2rem;
}
.btn.btn-block.btn-play i {
    margin-left: 0.15rem;
}
.btn.btn-circle {
    padding: 0;
    border-radius: 100% !important;
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    backface-visibility: hidden;
}
.btn.btn-circle:disabled, .btn.btn-circle.disabled, fieldset:disabled .btn.btn-circle {
    opacity: 1;
}
.btn.btn-circle.btn-sm, .btn-group-sm>.btn.btn-circle {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 0.8rem;
}
.btn.btn-circle.btn-sm i, .btn-group-sm>.btn.btn-circle i {
    font-size: 0.85rem;
}
.btn.btn-circle.btn-lg, .btn-group-lg>.btn.btn-circle {
    width: 3rem;
    height: 3rem;
    font-size: calc(1.255rem + 0.06vw);
}
@media (min-width: 1200px) {
    .btn.btn-circle.btn-lg, .btn-group-lg>.btn.btn-circle {
        font-size: 1.3rem;
    }
}
.btn.btn-circle.btn-play {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1rem;
}
.btn.btn-circle.btn-play i {
    margin-left: 0.15rem;
}
.btn.btn-circle.btn-play:hover {
    transform: none;
}
.btn.btn-circle.counter {
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
}
.btn.btn-circle .number {
    display: table-cell;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    font-size: 1.1rem;
    font-weight: 700;
}
.input-group .btn:hover {
    transform: none;
}
.btn-blue {
    color: #fff;
    background-color: #3f78e0;
    border-color: #3f78e0;
}
.btn-blue:hover {
    color: #fff;
    background-color: #3f78e0;
    border-color: #3f78e0;
}
.btn-check:focus+.btn-blue, .btn-blue:focus {
    color: #fff;
    background-color: #3f78e0;
    border-color: #3f78e0;
}
.btn-check:checked+.btn-blue, .btn-check:active+.btn-blue, .btn-blue:active, .btn-blue.active, .show>.btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #3f78e0;
    border-color: #3769c4;
}
.btn-blue:disabled:not(.btn-circle):not(.btn-block), .btn-blue.disabled:not(.btn-circle):not(.btn-block) {
    color: #fff;
    background-color: #3f78e0;
    border-color: #3f78e0;
}
.btn-outline-blue {
    color: #3f78e0;
    border-color: #3f78e0;
}
.btn-outline-blue:hover {
    color: #fff;
    background-color: #3f78e0;
    border-color: #3f78e0;
}
.btn-check:focus+.btn-outline-blue, .btn-outline-blue:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-blue, .btn-check:active+.btn-outline-blue, .btn-outline-blue:active, .btn-outline-blue.active, .btn-outline-blue.dropdown-toggle.show {
    color: #3f78e0;
    background-color: #3f78e0;
    border-color: #3f78e0;
}
.btn-check:checked+.btn-outline-blue:focus, .btn-check:active+.btn-outline-blue:focus, .btn-outline-blue:active:focus, .btn-outline-blue.active:focus, .btn-outline-blue.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(63, 120, 224, 0.5);
}
.btn-outline-blue:disabled, .btn-outline-blue.disabled {
    color: #3f78e0;
    background-color: transparent;
}
.btn-purple {
    color: #fff;
    background-color: #747ed1;
    border-color: #747ed1;
}
.btn-purple:hover {
    color: #fff;
    background-color: #747ed1;
    border-color: #747ed1;
}
.btn-check:focus+.btn-purple, .btn-purple:focus {
    color: #fff;
    background-color: #747ed1;
    border-color: #747ed1;
}
.btn-check:checked+.btn-purple, .btn-check:active+.btn-purple, .btn-purple:active, .btn-purple.active, .show>.btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #747ed1;
    border-color: #666eb7;
}
.btn-purple:disabled:not(.btn-circle):not(.btn-block), .btn-purple.disabled:not(.btn-circle):not(.btn-block) {
    color: #fff;
    background-color: #747ed1;
    border-color: #747ed1;
}
.btn-outline-purple {
    color: #747ed1;
    border-color: #747ed1;
}
.btn-outline-purple:hover {
    color: #fff;
    background-color: #747ed1;
    border-color: #747ed1;
}
.btn-check:focus+.btn-outline-purple, .btn-outline-purple:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-purple, .btn-check:active+.btn-outline-purple, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.dropdown-toggle.show {
    color: #747ed1;
    background-color: #747ed1;
    border-color: #747ed1;
}
.btn-check:checked+.btn-outline-purple:focus, .btn-check:active+.btn-outline-purple:focus, .btn-outline-purple:active:focus, .btn-outline-purple.active:focus, .btn-outline-purple.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(116, 126, 209, 0.5);
}
.btn-outline-purple:disabled, .btn-outline-purple.disabled {
    color: #747ed1;
    background-color: transparent;
}
.btn-violet {
    color: #fff;
    background-color: #a07cc5;
    border-color: #a07cc5;
}
.btn-violet:hover {
    color: #fff;
    background-color: #a07cc5;
    border-color: #a07cc5;
}
.btn-check:focus+.btn-violet, .btn-violet:focus {
    color: #fff;
    background-color: #a07cc5;
    border-color: #a07cc5;
}
.btn-check:checked+.btn-violet, .btn-check:active+.btn-violet, .btn-violet:active, .btn-violet.active, .show>.btn-violet.dropdown-toggle {
    color: #fff;
    background-color: #a07cc5;
    border-color: #8c6dac;
}
.btn-violet:disabled:not(.btn-circle):not(.btn-block), .btn-violet.disabled:not(.btn-circle):not(.btn-block) {
    color: #fff;
    background-color: #a07cc5;
    border-color: #a07cc5;
}
.btn-outline-violet {
    color: #a07cc5;
    border-color: #a07cc5;
}
.btn-outline-violet:hover {
    color: #fff;
    background-color: #a07cc5;
    border-color: #a07cc5;
}
.btn-check:focus+.btn-outline-violet, .btn-outline-violet:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-violet, .btn-check:active+.btn-outline-violet, .btn-outline-violet:active, .btn-outline-violet.active, .btn-outline-violet.dropdown-toggle.show {
    color: #a07cc5;
    background-color: #a07cc5;
    border-color: #a07cc5;
}
.btn-check:checked+.btn-outline-violet:focus, .btn-check:active+.btn-outline-violet:focus, .btn-outline-violet:active:focus, .btn-outline-violet.active:focus, .btn-outline-violet.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(160, 124, 197, 0.5);
}
.btn-outline-violet:disabled, .btn-outline-violet.disabled {
    color: #a07cc5;
    background-color: transparent;
}
.btn-pink {
    color: #fff;
    background-color: #d16b86;
    border-color: #d16b86;
}
.btn-pink:hover {
    color: #fff;
    background-color: #d16b86;
    border-color: #d16b86;
}
.btn-check:focus+.btn-pink, .btn-pink:focus {
    color: #fff;
    background-color: #d16b86;
    border-color: #d16b86;
}
.btn-check:checked+.btn-pink, .btn-check:active+.btn-pink, .btn-pink:active, .btn-pink.active, .show>.btn-pink.dropdown-toggle {
    color: #fff;
    background-color: #d16b86;
    border-color: #b75e75;
}
.btn-pink:disabled:not(.btn-circle):not(.btn-block), .btn-pink.disabled:not(.btn-circle):not(.btn-block) {
    color: #fff;
    background-color: #d16b86;
    border-color: #d16b86;
}
.btn-outline-pink {
    color: #d16b86;
    border-color: #d16b86;
}
.btn-outline-pink:hover {
    color: #fff;
    background-color: #d16b86;
    border-color: #d16b86;
}
.btn-check:focus+.btn-outline-pink, .btn-outline-pink:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-pink, .btn-check:active+.btn-outline-pink, .btn-outline-pink:active, .btn-outline-pink.active, .btn-outline-pink.dropdown-toggle.show {
    color: #d16b86;
    background-color: #d16b86;
    border-color: #d16b86;
}
.btn-check:checked+.btn-outline-pink:focus, .btn-check:active+.btn-outline-pink:focus, .btn-outline-pink:active:focus, .btn-outline-pink.active:focus, .btn-outline-pink.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(209, 107, 134, 0.5);
}
.btn-outline-pink:disabled, .btn-outline-pink.disabled {
    color: #d16b86;
    background-color: transparent;
}
.btn-red {
    color: #fff;
    background-color: #e2626b;
    border-color: #e2626b;
}
.btn-red:hover {
    color: #fff;
    background-color: #e2626b;
    border-color: #e2626b;
}
.btn-check:focus+.btn-red, .btn-red:focus {
    color: #fff;
    background-color: #e2626b;
    border-color: #e2626b;
}
.btn-check:checked+.btn-red, .btn-check:active+.btn-red, .btn-red:active, .btn-red.active, .show>.btn-red.dropdown-toggle {
    color: #fff;
    background-color: #e2626b;
    border-color: #c6565e;
}
.btn-red:disabled:not(.btn-circle):not(.btn-block), .btn-red.disabled:not(.btn-circle):not(.btn-block) {
    color: #fff;
    background-color: #e2626b;
    border-color: #e2626b;
}
.btn-outline-red {
    color: #e2626b;
    border-color: #e2626b;
}
.btn-outline-red:hover {
    color: #fff;
    background-color: #e2626b;
    border-color: #e2626b;
}
.btn-check:focus+.btn-outline-red, .btn-outline-red:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-red, .btn-check:active+.btn-outline-red, .btn-outline-red:active, .btn-outline-red.active, .btn-outline-red.dropdown-toggle.show {
    color: #e2626b;
    background-color: #e2626b;
    border-color: #e2626b;
}
.btn-check:checked+.btn-outline-red:focus, .btn-check:active+.btn-outline-red:focus, .btn-outline-red:active:focus, .btn-outline-red.active:focus, .btn-outline-red.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(226, 98, 107, 0.5);
}
.btn-outline-red:disabled, .btn-outline-red.disabled {
    color: #e2626b;
    background-color: transparent;
}
.btn-orange {
    color: #fff;
    background-color: #f78b77;
    border-color: #f78b77;
}
.btn-orange:hover {
    color: #fff;
    background-color: #f78b77;
    border-color: #f78b77;
}
.btn-check:focus+.btn-orange, .btn-orange:focus {
    color: #fff;
    background-color: #f78b77;
    border-color: #f78b77;
}
.btn-check:checked+.btn-orange, .btn-check:active+.btn-orange, .btn-orange:active, .btn-orange.active, .show>.btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #f78b77;
    border-color: #d87a68;
}
.btn-orange:disabled:not(.btn-circle):not(.btn-block), .btn-orange.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #f78b77;
    border-color: #f78b77;
}
.btn-outline-orange {
    color: #f78b77;
    border-color: #f78b77;
}
.btn-outline-orange:hover {
    color: #fff;
    background-color: #f78b77;
    border-color: #f78b77;
}
.btn-check:focus+.btn-outline-orange, .btn-outline-orange:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-orange, .btn-check:active+.btn-outline-orange, .btn-outline-orange:active, .btn-outline-orange.active, .btn-outline-orange.dropdown-toggle.show {
    color: #f78b77;
    background-color: #f78b77;
    border-color: #f78b77;
}
.btn-check:checked+.btn-outline-orange:focus, .btn-check:active+.btn-outline-orange:focus, .btn-outline-orange:active:focus, .btn-outline-orange.active:focus, .btn-outline-orange.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(247, 139, 119, 0.5);
}
.btn-outline-orange:disabled, .btn-outline-orange.disabled {
    color: #f78b77;
    background-color: transparent;
}
.btn-yellow {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-yellow:hover {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:focus+.btn-yellow, .btn-yellow:focus {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:checked+.btn-yellow, .btn-check:active+.btn-yellow, .btn-yellow:active, .btn-yellow.active, .show>.btn-yellow.dropdown-toggle {
    color: #fff;
    background-color: #e86b1b;
    border-color: #dba04d;
}
.btn-yellow:disabled:not(.btn-circle):not(.btn-block), .btn-yellow.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-outline-yellow {
    color: #e86b1b;
    border-color: #e86b1b;
}
.btn-outline-yellow:hover {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:focus+.btn-outline-yellow, .btn-outline-yellow:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-yellow, .btn-check:active+.btn-outline-yellow, .btn-outline-yellow:active, .btn-outline-yellow.active, .btn-outline-yellow.dropdown-toggle.show {
    color: #e86b1b;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:checked+.btn-outline-yellow:focus, .btn-check:active+.btn-outline-yellow:focus, .btn-outline-yellow:active:focus, .btn-outline-yellow.active:focus, .btn-outline-yellow.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(250, 183, 88, 0.5);
}
.btn-outline-yellow:disabled, .btn-outline-yellow.disabled {
    color: #e86b1b;
    background-color: transparent;
}
.btn-green {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-green:hover {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:focus+.btn-green, .btn-green:focus {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:checked+.btn-green, .btn-check:active+.btn-green, .btn-green:active, .btn-green.active, .show>.btn-green.dropdown-toggle {
    color: #fff;
    background-color: #e86b1b;
    border-color: #5ea68f;
}
.btn-green:disabled:not(.btn-circle):not(.btn-block), .btn-green.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-outline-green {
    color: #e86b1b;
    border-color: #e86b1b;
}
.btn-outline-green:hover {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:focus+.btn-outline-green, .btn-outline-green:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-green, .btn-check:active+.btn-outline-green, .btn-outline-green:active, .btn-outline-green.active, .btn-outline-green.dropdown-toggle.show {
    color: #e86b1b;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:checked+.btn-outline-green:focus, .btn-check:active+.btn-outline-green:focus, .btn-outline-green:active:focus, .btn-outline-green.active:focus, .btn-outline-green.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(107, 190, 163, 0.5);
}
.btn-outline-green:disabled, .btn-outline-green.disabled {
    color: #e86b1b;
    background-color: transparent;
}
.btn-leaf {
    color: #fff;
    background-color: #7cb798;
    border-color: #7cb798;
}
.btn-leaf:hover {
    color: #fff;
    background-color: #7cb798;
    border-color: #7cb798;
}
.btn-check:focus+.btn-leaf, .btn-leaf:focus {
    color: #fff;
    background-color: #7cb798;
    border-color: #7cb798;
}
.btn-check:checked+.btn-leaf, .btn-check:active+.btn-leaf, .btn-leaf:active, .btn-leaf.active, .show>.btn-leaf.dropdown-toggle {
    color: #fff;
    background-color: #7cb798;
    border-color: #6da085;
}
.btn-leaf:disabled:not(.btn-circle):not(.btn-block), .btn-leaf.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #7cb798;
    border-color: #7cb798;
}
.btn-outline-leaf {
    color: #7cb798;
    border-color: #7cb798;
}
.btn-outline-leaf:hover {
    color: #fff;
    background-color: #7cb798;
    border-color: #7cb798;
}
.btn-check:focus+.btn-outline-leaf, .btn-outline-leaf:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-leaf, .btn-check:active+.btn-outline-leaf, .btn-outline-leaf:active, .btn-outline-leaf.active, .btn-outline-leaf.dropdown-toggle.show {
    color: #7cb798;
    background-color: #7cb798;
    border-color: #7cb798;
}
.btn-check:checked+.btn-outline-leaf:focus, .btn-check:active+.btn-outline-leaf:focus, .btn-outline-leaf:active:focus, .btn-outline-leaf.active:focus, .btn-outline-leaf.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(124, 183, 152, 0.5);
}
.btn-outline-leaf:disabled, .btn-outline-leaf.disabled {
    color: #7cb798;
    background-color: transparent;
}
.btn-aqua {
    color: #fff;
    background-color: #54a8c7;
    border-color: #54a8c7;
}
.btn-aqua:hover {
    color: #fff;
    background-color: #54a8c7;
    border-color: #54a8c7;
}
.btn-check:focus+.btn-aqua, .btn-aqua:focus {
    color: #fff;
    background-color: #54a8c7;
    border-color: #54a8c7;
}
.btn-check:checked+.btn-aqua, .btn-check:active+.btn-aqua, .btn-aqua:active, .btn-aqua.active, .show>.btn-aqua.dropdown-toggle {
    color: #fff;
    background-color: #54a8c7;
    border-color: #4a93ae;
}
.btn-aqua:disabled:not(.btn-circle):not(.btn-block), .btn-aqua.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #54a8c7;
    border-color: #54a8c7;
}
.btn-outline-aqua {
    color: #54a8c7;
    border-color: #54a8c7;
}
.btn-outline-aqua:hover {
    color: #fff;
    background-color: #54a8c7;
    border-color: #54a8c7;
}
.btn-check:focus+.btn-outline-aqua, .btn-outline-aqua:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-aqua, .btn-check:active+.btn-outline-aqua, .btn-outline-aqua:active, .btn-outline-aqua.active, .btn-outline-aqua.dropdown-toggle.show {
    color: #54a8c7;
    background-color: #54a8c7;
    border-color: #54a8c7;
}
.btn-check:checked+.btn-outline-aqua:focus, .btn-check:active+.btn-outline-aqua:focus, .btn-outline-aqua:active:focus, .btn-outline-aqua.active:focus, .btn-outline-aqua.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(84, 168, 199, 0.5);
}
.btn-outline-aqua:disabled, .btn-outline-aqua.disabled {
    color: #54a8c7;
    background-color: transparent;
}
.btn-navy {
    color: #fff;
    background-color: #343f52;
    border-color: #343f52;
}
.btn-navy:hover {
    color: #fff;
    background-color: #343f52;
    border-color: #343f52;
}
.btn-check:focus+.btn-navy, .btn-navy:focus {
    color: #fff;
    background-color: #343f52;
    border-color: #343f52;
}
.btn-check:checked+.btn-navy, .btn-check:active+.btn-navy, .btn-navy:active, .btn-navy.active, .show>.btn-navy.dropdown-toggle {
    color: #fff;
    background-color: #343f52;
    border-color: #2e3748;
}
.btn-navy:disabled:not(.btn-circle):not(.btn-block), .btn-navy.disabled:not(.btn-circle):not(.btn-block) {
    color: #fff;
    background-color: #343f52;
    border-color: #343f52;
}
.btn-outline-navy {
    color: #343f52;
    border-color: #343f52;
}
.btn-outline-navy:hover {
    color: #fff;
    background-color: #343f52;
    border-color: #343f52;
}
.btn-check:focus+.btn-outline-navy, .btn-outline-navy:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-navy, .btn-check:active+.btn-outline-navy, .btn-outline-navy:active, .btn-outline-navy.active, .btn-outline-navy.dropdown-toggle.show {
    color: #343f52;
    background-color: #343f52;
    border-color: #343f52;
}
.btn-check:checked+.btn-outline-navy:focus, .btn-check:active+.btn-outline-navy:focus, .btn-outline-navy:active:focus, .btn-outline-navy.active:focus, .btn-outline-navy.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(52, 63, 82, 0.5);
}
.btn-outline-navy:disabled, .btn-outline-navy.disabled {
    color: #343f52;
    background-color: transparent;
}
.btn-ash {
    color: #fff;
    background-color: #9499a3;
    border-color: #9499a3;
}
.btn-ash:hover {
    color: #fff;
    background-color: #9499a3;
    border-color: #9499a3;
}
.btn-check:focus+.btn-ash, .btn-ash:focus {
    color: #fff;
    background-color: #9499a3;
    border-color: #9499a3;
}
.btn-check:checked+.btn-ash, .btn-check:active+.btn-ash, .btn-ash:active, .btn-ash.active, .show>.btn-ash.dropdown-toggle {
    color: #fff;
    background-color: #9499a3;
    border-color: #82868f;
}
.btn-ash:disabled:not(.btn-circle):not(.btn-block), .btn-ash.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #9499a3;
    border-color: #9499a3;
}
.btn-outline-ash {
    color: #9499a3;
    border-color: #9499a3;
}
.btn-outline-ash:hover {
    color: #fff;
    background-color: #9499a3;
    border-color: #9499a3;
}
.btn-check:focus+.btn-outline-ash, .btn-outline-ash:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-ash, .btn-check:active+.btn-outline-ash, .btn-outline-ash:active, .btn-outline-ash.active, .btn-outline-ash.dropdown-toggle.show {
    color: #9499a3;
    background-color: #9499a3;
    border-color: #9499a3;
}
.btn-check:checked+.btn-outline-ash:focus, .btn-check:active+.btn-outline-ash:focus, .btn-outline-ash:active:focus, .btn-outline-ash.active:focus, .btn-outline-ash.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(148, 153, 163, 0.5);
}
.btn-outline-ash:disabled, .btn-outline-ash.disabled {
    color: #9499a3;
    background-color: transparent;
}
.btn-white {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}
.btn-white:hover {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}
.btn-check:focus+.btn-white, .btn-white:focus {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}
.btn-check:checked+.btn-white, .btn-check:active+.btn-white, .btn-white:active, .btn-white.active, .show>.btn-white.dropdown-toggle {
    color: #fff;
    background-color: #fff;
    border-color: #dfdfdf;
}
.btn-white:disabled:not(.btn-circle):not(.btn-block), .btn-white.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #fff;
    border-color: #fff;
}
.btn-outline-white {
    color: #fff;
    border-color: #fff;
}
.btn-outline-white:hover {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}
.btn-check:focus+.btn-outline-white, .btn-outline-white:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-white, .btn-check:active+.btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}
.btn-check:checked+.btn-outline-white:focus, .btn-check:active+.btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}
.btn-outline-white:disabled, .btn-outline-white.disabled {
    color: #fff;
    background-color: transparent;
}
.btn-light {
    color: #fff;
    background-color: #fefefe;
    border-color: #fefefe;
}
.btn-light:hover {
    color: #fff;
    background-color: #fefefe;
    border-color: #fefefe;
}
.btn-check:focus+.btn-light, .btn-light:focus {
    color: #fff;
    background-color: #fefefe;
    border-color: #fefefe;
}
.btn-check:checked+.btn-light, .btn-check:active+.btn-light, .btn-light:active, .btn-light.active, .show>.btn-light.dropdown-toggle {
    color: #fff;
    background-color: #fefefe;
    border-color: #dedede;
}
.btn-light:disabled:not(.btn-circle):not(.btn-block), .btn-light.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #fefefe;
    border-color: #fefefe;
}
.btn-outline-light {
    color: #fefefe;
    border-color: #fefefe;
}
.btn-outline-light:hover {
    color: #fff;
    background-color: #fefefe;
    border-color: #fefefe;
}
.btn-check:focus+.btn-outline-light, .btn-outline-light:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-light, .btn-check:active+.btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
    color: #fefefe;
    background-color: #fefefe;
    border-color: #fefefe;
}
.btn-check:checked+.btn-outline-light:focus, .btn-check:active+.btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(254, 254, 254, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
    color: #fefefe;
    background-color: transparent;
}
.btn-dark {
    color: #fff;
    background-color: #262b32;
    border-color: #262b32;
}
.btn-dark:hover {
    color: #fff;
    background-color: #262b32;
    border-color: #262b32;
}
.btn-check:focus+.btn-dark, .btn-dark:focus {
    color: #fff;
    background-color: #262b32;
    border-color: #262b32;
}
.btn-check:checked+.btn-dark, .btn-check:active+.btn-dark, .btn-dark:active, .btn-dark.active, .show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #262b32;
    border-color: #21262c;
}
.btn-dark:disabled:not(.btn-circle):not(.btn-block), .btn-dark.disabled:not(.btn-circle):not(.btn-block) {
    color: #fff;
    background-color: #262b32;
    border-color: #262b32;
}
.btn-outline-dark {
    color: #262b32;
    border-color: #262b32;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #262b32;
    border-color: #262b32;
}
.btn-check:focus+.btn-outline-dark, .btn-outline-dark:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-dark, .btn-check:active+.btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
    color: #262b32;
    background-color: #262b32;
    border-color: #262b32;
}
.btn-check:checked+.btn-outline-dark:focus, .btn-check:active+.btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(38, 43, 50, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
    color: #262b32;
    background-color: transparent;
}
.btn-primary {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-primary:hover {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:checked+.btn-primary, .btn-check:active+.btn-primary, .btn-primary:active, .btn-primary.active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #e86b1b;
    border-color: #dba04d;
}
.btn-primary:disabled:not(.btn-circle):not(.btn-block), .btn-primary.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-outline-primary {
    color: #e86b1b;
    border-color: #e86b1b;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-primary, .btn-check:active+.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #e86b1b;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:checked+.btn-outline-primary:focus, .btn-check:active+.btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(250, 183, 88, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: #e86b1b;
    background-color: transparent;
}
.btn-secondary {
    color: #fff;
    background-color: #aab0bc;
    border-color: #aab0bc;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #aab0bc;
    border-color: #aab0bc;
}
.btn-check:focus+.btn-secondary, .btn-secondary:focus {
    color: #fff;
    background-color: #aab0bc;
    border-color: #aab0bc;
}
.btn-check:checked+.btn-secondary, .btn-check:active+.btn-secondary, .btn-secondary:active, .btn-secondary.active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #aab0bc;
    border-color: #959aa5;
}
.btn-secondary:disabled:not(.btn-circle):not(.btn-block), .btn-secondary.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #aab0bc;
    border-color: #aab0bc;
}
.btn-outline-secondary {
    color: #aab0bc;
    border-color: #aab0bc;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #aab0bc;
    border-color: #aab0bc;
}
.btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-secondary, .btn-check:active+.btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
    color: #aab0bc;
    background-color: #aab0bc;
    border-color: #aab0bc;
}
.btn-check:checked+.btn-outline-secondary:focus, .btn-check:active+.btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(170, 176, 188, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
    color: #aab0bc;
    background-color: transparent;
}
.btn-success {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-success:hover {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:focus+.btn-success, .btn-success:focus {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:checked+.btn-success, .btn-check:active+.btn-success, .btn-success:active, .btn-success.active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #e86b1b;
    border-color: #5ea68f;
}
.btn-success:disabled:not(.btn-circle):not(.btn-block), .btn-success.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-outline-success {
    color: #e86b1b;
    border-color: #e86b1b;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:focus+.btn-outline-success, .btn-outline-success:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-success, .btn-check:active+.btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
    color: #e86b1b;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:checked+.btn-outline-success:focus, .btn-check:active+.btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(107, 190, 163, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
    color: #e86b1b;
    background-color: transparent;
}
.btn-info {
    color: #fff;
    background-color: #54a8c7;
    border-color: #54a8c7;
}
.btn-info:hover {
    color: #fff;
    background-color: #54a8c7;
    border-color: #54a8c7;
}
.btn-check:focus+.btn-info, .btn-info:focus {
    color: #fff;
    background-color: #54a8c7;
    border-color: #54a8c7;
}
.btn-check:checked+.btn-info, .btn-check:active+.btn-info, .btn-info:active, .btn-info.active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: green;
    border-color: green;
}
.btn-info:disabled:not(.btn-circle):not(.btn-block), .btn-info.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #54a8c7;
    border-color: #54a8c7;
}
.btn-outline-info {
    color: #54a8c7;
    border-color: #54a8c7;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #54a8c7;
    border-color: #54a8c7;
}
.btn-check:focus+.btn-outline-info, .btn-outline-info:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-info, .btn-check:active+.btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
    color: #54a8c7;
    background-color: #54a8c7;
    border-color: #54a8c7;
}
.btn-check:checked+.btn-outline-info:focus, .btn-check:active+.btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(84, 168, 199, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
    color: #54a8c7;
    background-color: transparent;
}
.btn-warning {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-warning:hover {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:focus+.btn-warning, .btn-warning:focus {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:checked+.btn-warning, .btn-check:active+.btn-warning, .btn-warning:active, .btn-warning.active, .show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #e86b1b;
    border-color: #dba04d;
}
.btn-warning:disabled:not(.btn-circle):not(.btn-block), .btn-warning.disabled:not(.btn-circle):not(.btn-block) {
    color: #343f52;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-outline-warning {
    color: #e86b1b;
    border-color: #e86b1b;
}
.btn-outline-warning:hover {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:focus+.btn-outline-warning, .btn-outline-warning:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-warning, .btn-check:active+.btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
    color: #e86b1b;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
.btn-check:checked+.btn-outline-warning:focus, .btn-check:active+.btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(250, 183, 88, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
    color: #e86b1b;
    background-color: transparent;
}
.btn-danger {
    color: #fff;
    background-color: #e2626b;
    border-color: #e2626b;
}
.btn-danger:hover {
    color: #fff;
    background-color: #e2626b;
    border-color: #e2626b;
}
.btn-check:focus+.btn-danger, .btn-danger:focus {
    color: #fff;
    background-color: #e2626b;
    border-color: #e2626b;
}
.btn-check:checked+.btn-danger, .btn-check:active+.btn-danger, .btn-danger:active, .btn-danger.active, .show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #e2626b;
    border-color: #c6565e;
}
.btn-danger:disabled:not(.btn-circle):not(.btn-block), .btn-danger.disabled:not(.btn-circle):not(.btn-block) {
    color: #fff;
    background-color: #e2626b;
    border-color: #e2626b;
}
.btn-outline-danger {
    color: #e2626b;
    border-color: #e2626b;
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #e2626b;
    border-color: #e2626b;
}
.btn-check:focus+.btn-outline-danger, .btn-outline-danger:focus {
    box-shadow: none;
}
.btn-check:checked+.btn-outline-danger, .btn-check:active+.btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
    color: #e2626b;
    background-color: #e2626b;
    border-color: #e2626b;
}
.btn-check:checked+.btn-outline-danger:focus, .btn-check:active+.btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15), 0 0 0 0.25rem rgba(226, 98, 107, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
    color: #e2626b;
    background-color: transparent;
}
.btn-white, .btn-white:focus, .btn-white:not(.btn-play):hover, .btn-outline-white:hover {
    color: #343f52;
}
.btn-white.btn-play:hover {
    color: #e86b1b;
}
.btn-soft-primary {
    background-color: #fef3e4;
    color: #e86b1b;
}
.btn-soft-primary:hover {
    color: #e86b1b;
}
.btn-soft-blue {
    background-color: #e0e9fa;
    color: #3f78e0;
}
.btn-soft-blue:hover {
    color: #3f78e0;
}
.btn-soft-purple {
    background-color: #e9eaf8;
    color: #747ed1;
}
.btn-soft-purple:hover {
    color: #747ed1;
}
.btn-soft-violet {
    background-color: #f0eaf6;
    color: #a07cc5;
}
.btn-soft-violet:hover {
    color: #a07cc5;
}
.btn-soft-pink {
    background-color: #f8e7ec;
    color: #d16b86;
}
.btn-soft-pink:hover {
    color: #d16b86;
}
.btn-soft-red {
    background-color: #fae6e7;
    color: #e2626b;
}
.btn-soft-red:hover {
    color: #e2626b;
}
.btn-soft-orange {
    background-color: #feece9;
    color: #f78b77;
}
.btn-soft-orange:hover {
    color: #f78b77;
}
.btn-soft-yellow {
    background-color: #fef3e4;
    color: #e86b1b;
}
.btn-soft-yellow:hover {
    color: #e86b1b;
}
.btn-soft-green {
    background-color: #e7f5f0;
    color: #e86b1b;
}
.btn-soft-green:hover {
    color: #e86b1b;
}
.btn-soft-leaf {
    background-color: #eaf3ef;
    color: #7cb798;
}
.btn-soft-leaf:hover {
    color: #7cb798;
}
.btn-soft-aqua {
    background-color: #e4f1f6;
    color: #54a8c7;
}
.btn-soft-aqua:hover {
    color: #54a8c7;
}
.btn-soft-navy {
    background-color: #dfe0e3;
    color: #343f52;
}
.btn-soft-navy:hover {
    color: #343f52;
}
.btn-soft-ash {
    background-color: #eeeff0;
    color: #9499a3;
}
.btn-soft-ash:hover {
    color: #9499a3;
}
.btn-soft-dark {
    background-color: #dcddde;
    color: #262b32;
}
.btn-soft-dark:hover {
    color: #262b32;
}
.btn-soft-ash {
    background-color: rgba(164, 174, 198, 0.2);
    color: #343f52;
}
.btn-soft-ash:hover {
    color: #343f52;
}
.btn-gradient {
    background: linear-gradient(to right, #e86b1b, #f78b77, #e2626b);
    color: #fff;
}
.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: none;
}
.btn-link:hover {
    color: #0a58ca;
}
.btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
}
.btn-lg, .btn-group-lg>.btn {
    padding: 0.35rem 1.1rem;
    font-size: 0.85rem;
    border-radius: 0.4rem;
}
.btn-sm, .btn-group-sm>.btn {
    padding: 0.4rem 1rem;
    font-size: 0.7rem;
    border-radius: 0.4rem;
}
.w-100.btn-icon {
    position: relative;
}
.w-100.btn-icon.btn-icon-start i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.3rem;
}
.btn-icon.btn-sm, .btn-group-sm>.btn-icon.btn {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.btn-icon i {
    vertical-align: -0.1rem;
}
.btn-icon.btn-sm i, .btn-group-sm>.btn-icon.btn i {
    font-size: 0.8rem;
}
.btn-icon-start i {
    margin-right: 0.1rem;
}
.btn-icon-end i {
    margin-left: 0.1rem;
}
.navigation .btn-icon i {
    margin: 0;
    font-size: 0.9rem;
}
.navigation .btn-icon.btn-sm i, .navigation .btn-group-sm>.btn-icon.btn i {
    vertical-align: -0.15rem;
}
.navbar .btn-sm, .navbar .btn-group-sm>.btn {
    font-size: 0.8rem;
}
.social a:not(.btn-circle) {
    font-size: 1rem;
    transition: all 200ms ease-in-out;
    transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
    .social a:not(.btn-circle) {
        transition: none;
    }
}
.social a:not(.btn-circle):hover {
    transform: translateY(-0.15rem);
}
.social a:not(.btn-circle) i {
    font-size: 1rem;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="dropbox"] {
    color: #007bdf;
}
.social a.btn-circle[class*="dropbox"] {
    color: #fff;
    background-color: #007bdf;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="dribbble"] {
    color: #d07ead;
}
.social a.btn-circle[class*="dribbble"] {
    color: #fff;
    background-color: #d07ead;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="google-drive-alt"] {
    color: #1b9f5e;
}
.social a.btn-circle[class*="google-drive-alt"] {
    color: #fff;
    background-color: #1b9f5e;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="facebook-f"] {
    color: #4470cf;
}
.social a.btn-circle[class*="facebook-f"] {
    color: #fff;
    background-color: #4470cf;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="instagram"] {
    color: #d53581;
}
.social a.btn-circle[class*="instagram"] {
    color: #fff;
    background-color: #d53581;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="line"] {
    color: #0fab10;
}
.social a.btn-circle[class*="line"] {
    color: #fff;
    background-color: #0fab10;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="facebook-messenger"] {
    color: #007ff8;
}
.social a.btn-circle[class*="facebook-messenger"] {
    color: #fff;
    background-color: #007ff8;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="black-berry"] {
    color: #272727;
}
.social a.btn-circle[class*="black-berry"] {
    color: #fff;
    background-color: #272727;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="linkedin"] {
    color: #3393c1;
}
.social a.btn-circle[class*="linkedin"] {
    color: #fff;
    background-color: #3393c1;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="intercom"] {
    color: #2e88f8;
}
.social a.btn-circle[class*="intercom"] {
    color: #fff;
    background-color: #2e88f8;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="facebook"] {
    color: #4470cf;
}
.social a.btn-circle[class*="facebook"] {
    color: #fff;
    background-color: #4470cf;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="youtube"] {
    color: #c8312b;
}
.social a.btn-circle[class*="youtube"] {
    color: #fff;
    background-color: #c8312b;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="apple"] {
    color: #1a1919;
}
.social a.btn-circle[class*="apple"] {
    color: #fff;
    background-color: #1a1919;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="visual-studio"] {
    color: #6b61be;
}
.social a.btn-circle[class*="visual-studio"] {
    color: #fff;
    background-color: #6b61be;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="twitter"] {
    color: #5daed5;
}
.social a.btn-circle[class*="twitter"] {
    color: #fff;
    background-color: #5daed5;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="snapchat-ghost"] {
    color: #f7c31a;
}
.social a.btn-circle[class*="snapchat-ghost"] {
    color: #fff;
    background-color: #f7c31a;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="slack"] {
    color: #d4135c;
}
.social a.btn-circle[class*="slack"] {
    color: #fff;
    background-color: #d4135c;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="tumblr-square"] {
    color: #5d82a4;
}
.social a.btn-circle[class*="tumblr-square"] {
    color: #fff;
    background-color: #5d82a4;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="medium-m"] {
    color: #00c364;
}
.social a.btn-circle[class*="medium-m"] {
    color: #fff;
    background-color: #00c364;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="tumblr"] {
    color: #5d82a4;
}
.social a.btn-circle[class*="tumblr"] {
    color: #fff;
    background-color: #5d82a4;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="adobe"] {
    color: #e61f26;
}
.social a.btn-circle[class*="adobe"] {
    color: #fff;
    background-color: #e61f26;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="whatsapp"] {
    color: #00a859;
}
.social a.btn-circle[class*="whatsapp"] {
    color: #fff;
    background-color: #00a859;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="500-px"] {
    color: #00a6df;
}
.social a.btn-circle[class*="500-px"] {
    color: #fff;
    background-color: #00a6df;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="snapchat-square"] {
    color: #f7c31a;
}
.social a.btn-circle[class*="snapchat-square"] {
    color: #fff;
    background-color: #f7c31a;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="behance"] {
    color: #098ffa;
}
.social a.btn-circle[class*="behance"] {
    color: #fff;
    background-color: #098ffa;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="instagram-alt"] {
    color: #d53581;
}
.social a.btn-circle[class*="instagram-alt"] {
    color: #fff;
    background-color: #d53581;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="github-alt"] {
    color: #4073a6;
}
.social a.btn-circle[class*="github-alt"] {
    color: #fff;
    background-color: #4073a6;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="linkedin-alt"] {
    color: #3393c1;
}
.social a.btn-circle[class*="linkedin-alt"] {
    color: #fff;
    background-color: #3393c1;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="slack-alt"] {
    color: #d4135c;
}
.social a.btn-circle[class*="slack-alt"] {
    color: #fff;
    background-color: #d4135c;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="google"] {
    color: #e44134;
}
.social a.btn-circle[class*="google"] {
    color: #fff;
    background-color: #e44134;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="google-play"] {
    color: #e44134;
}
.social a.btn-circle[class*="google-play"] {
    color: #fff;
    background-color: #e44134;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="google-drive"] {
    color: #1b9f5e;
}
.social a.btn-circle[class*="google-drive"] {
    color: #fff;
    background-color: #1b9f5e;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="vuejs-alt"] {
    color: #3fb37f;
}
.social a.btn-circle[class*="vuejs-alt"] {
    color: #fff;
    background-color: #3fb37f;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="google-hangouts"] {
    color: #109956;
}
.social a.btn-circle[class*="google-hangouts"] {
    color: #fff;
    background-color: #109956;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="vuejs"] {
    color: #3fb37f;
}
.social a.btn-circle[class*="vuejs"] {
    color: #fff;
    background-color: #3fb37f;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="java-script"] {
    color: #f0d91d;
}
.social a.btn-circle[class*="java-script"] {
    color: #fff;
    background-color: #f0d91d;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="paypal"] {
    color: #0089cc;
}
.social a.btn-circle[class*="paypal"] {
    color: #fff;
    background-color: #0089cc;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="reddit-alien-alt"] {
    color: #f84300;
}
.social a.btn-circle[class*="reddit-alien-alt"] {
    color: #fff;
    background-color: #f84300;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="android-alt"] {
    color: #97c03d;
}
.social a.btn-circle[class*="android-alt"] {
    color: #fff;
    background-color: #97c03d;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="github"] {
    color: #4073a6;
}
.social a.btn-circle[class*="github"] {
    color: #fff;
    background-color: #4073a6;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="android"] {
    color: #97c03d;
}
.social a.btn-circle[class*="android"] {
    color: #fff;
    background-color: #97c03d;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="amazon"] {
    color: #f79400;
}
.social a.btn-circle[class*="amazon"] {
    color: #fff;
    background-color: #f79400;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="adobe-alt"] {
    color: #e61f26;
}
.social a.btn-circle[class*="adobe-alt"] {
    color: #fff;
    background-color: #e61f26;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="master-card"] {
    color: #f0931d;
}
.social a.btn-circle[class*="master-card"] {
    color: #fff;
    background-color: #f0931d;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="opera-alt"] {
    color: #e33737;
}
.social a.btn-circle[class*="opera-alt"] {
    color: #fff;
    background-color: #e33737;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="css3-alt"] {
    color: #006db6;
}
.social a.btn-circle[class*="css3-alt"] {
    color: #fff;
    background-color: #006db6;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="opera"] {
    color: #e33737;
}
.social a.btn-circle[class*="opera"] {
    color: #fff;
    background-color: #e33737;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="css3"] {
    color: #006db6;
}
.social a.btn-circle[class*="css3"] {
    color: #fff;
    background-color: #006db6;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="twitter-alt"] {
    color: #5daed5;
}
.social a.btn-circle[class*="twitter-alt"] {
    color: #fff;
    background-color: #5daed5;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="intercom-alt"] {
    color: #2e88f8;
}
.social a.btn-circle[class*="intercom-alt"] {
    color: #fff;
    background-color: #2e88f8;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="swiggy"] {
    color: #f88a2d;
}
.social a.btn-circle[class*="swiggy"] {
    color: #fff;
    background-color: #f88a2d;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="snapchat-alt"] {
    color: #f7c31a;
}
.social a.btn-circle[class*="snapchat-alt"] {
    color: #fff;
    background-color: #f7c31a;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="tumblr-alt"] {
    color: #5d82a4;
}
.social a.btn-circle[class*="tumblr-alt"] {
    color: #fff;
    background-color: #5d82a4;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="facebook-messenger-alt"] {
    color: #007ff8;
}
.social a.btn-circle[class*="facebook-messenger-alt"] {
    color: #fff;
    background-color: #007ff8;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="bitcoin-alt"] {
    color: #f38633;
}
.social a.btn-circle[class*="bitcoin-alt"] {
    color: #fff;
    background-color: #f38633;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="google-hangouts-alt"] {
    color: #109956;
}
.social a.btn-circle[class*="google-hangouts-alt"] {
    color: #fff;
    background-color: #109956;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="blogger"] {
    color: #e86733;
}
.social a.btn-circle[class*="blogger"] {
    color: #fff;
    background-color: #e86733;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="blogger-alt"] {
    color: #e86733;
}
.social a.btn-circle[class*="blogger-alt"] {
    color: #fff;
    background-color: #e86733;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="bitcoin"] {
    color: #f38633;
}
.social a.btn-circle[class*="bitcoin"] {
    color: #fff;
    background-color: #f38633;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="behance-alt"] {
    color: #098ffa;
}
.social a.btn-circle[class*="behance-alt"] {
    color: #fff;
    background-color: #098ffa;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="apple-alt"] {
    color: #1a1919;
}
.social a.btn-circle[class*="apple-alt"] {
    color: #fff;
    background-color: #1a1919;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="react"] {
    color: #00d1f7;
}
.social a.btn-circle[class*="react"] {
    color: #fff;
    background-color: #00d1f7;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="telegram"] {
    color: #2caef0;
}
.social a.btn-circle[class*="telegram"] {
    color: #fff;
    background-color: #2caef0;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="vk-alt"] {
    color: #4f7db3;
}
.social a.btn-circle[class*="vk-alt"] {
    color: #fff;
    background-color: #4f7db3;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="vk"] {
    color: #4f7db3;
}
.social a.btn-circle[class*="vk"] {
    color: #fff;
    background-color: #4f7db3;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="skype"] {
    color: #2ebbf0;
}
.social a.btn-circle[class*="skype"] {
    color: #fff;
    background-color: #2ebbf0;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="skype-alt"] {
    color: #2ebbf0;
}
.social a.btn-circle[class*="skype-alt"] {
    color: #fff;
    background-color: #2ebbf0;
}
.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="telegram-alt"] {
    color: #2caef0;
}
.social a.btn-circle[class*="telegram-alt"] {
    color: #fff;
    background-color: #2caef0;
}
.social.social-muted a:not(.btn-circle):not([class*="link-"]) i {
    color: #343f52 !important;
}
.social.social-white a i, .social.social-white a:hover i {
    color: #fff !important;
}
.social>a {
    margin: 0 0.7rem 0 0;
}
[class*="text-end"] .social>a, .social[class*="text-end"]>a {
    margin: 0 0 0 0.7rem;
}
@media (min-width: 768px) {
    [class*="text-md-end"] .social>a, .social[class*="text-md-end"]>a {
        margin: 0 0 0 0.7rem;
    }
}
.text-center .social>a, .social.text-center>a {
    margin: 0 0.35rem;
}
@keyframes show-animation {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 0.5rem, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes hide-animation {
    0% {
        transform: translate3d(1, 1, 1);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 1);
        opacity: 0;
    }
}
@keyframes priceFade {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(80%);
        transform: translateY(80%);
    }
}
@keyframes priceShow {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes ripple-1 {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes ripple-2 {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}
@keyframes loader-scale {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.page-loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fefefe;
    z-index: 9999999;
}
.lg-outer .lg-item:after, .loader, .tp-loader.spinner, .hero-slider:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -1.25rem;
    margin-left: -1.25rem;
    background: none;
    border: 4px solid #e86b1b;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 50%;
    -webkit-animation: loader-scale 1s ease-out infinite;
    animation: loader-scale 1s ease-out infinite;
}
.hero-slider-wrapper.bg-dark .hero-slider:before, .lg-outer .lg-item:after {
    border-color: #fff;
}
.dropdown-menu {
    border: 0;
}
.dropdown-item {
    font-weight: 700;
    letter-spacing: -0.01rem;
}
.dropdown-item:hover, .dropdown-item:focus {
    outline: 0;
}
.dropdown-header {
    padding-top: 0;
    text-transform: uppercase;
    letter-spacing: 0.02rem;
}
.center-nav.fixed .navbar-nav>.nav-item.language-select>.dropdown-menu {
    margin-top: 0.75rem !important;
}
.center-nav[class*="navbar-bg-"] .navbar-nav>.nav-item.language-select>.dropdown-menu {
    margin-top: 1.25rem !important;
}
.navbar.transparent .navbar-nav>.nav-item.language-select>.dropdown-menu {
    margin-top: 1.2rem !important;
}
.navbar.transparent.fixed .navbar-nav>.nav-item.language-select>.dropdown-menu, .navbar[class*="navbar-bg-"] .navbar-nav>.nav-item.language-select>.dropdown-menu {
    margin-top: 2rem !important;
}
@media (min-width: 992px) {
    .navbar:not(.transparent) .navbar-nav>.nav-item:not(.language-select)>.dropdown-menu, .navbar.fixed .navbar-nav>.nav-item>.dropdown-menu {
        margin-top: 0.05rem !important;
    }
    .navbar.extended:not(.fixed) .navbar-nav>.nav-item.language-select>.dropdown-menu {
        margin-top: 0.95rem !important;
    }
    .navbar[class*="navbar-bg-"]:not(.fancy):not(.extended):not(.fixed) .navbar-nav>.nav-item.language-select>.dropdown-menu {
        margin-top: 2.25rem !important;
    }
    .navbar.fixed .navbar-nav>.nav-item.language-select>.dropdown-menu {
        margin-top: 1.95rem !important;
    }
}
@media (max-width: 991.98px) {
    .navbar .navbar-collapse .dropdown-menu {
        padding: 0;
        margin-top: 0;
        background: none;
    }
    .navbar .navbar-collapse .dropdown-menu .dropdown-item {
        color: #fff;
        padding-left: 1rem;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }
    .dropdown-header {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 0.5rem;
    }
}
.language-select .dropdown-menu {
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 100% !important;
    margin-top: 0;
    padding: 0.65rem 0;
    position: absolute;
}
.navbar-nav .sub-arrow {
    font-family: "Custom";
}
.navbar-nav.sm-collapsible .sub-arrow {
    top: 0;
    margin: -0.1rem 0 0 0;
    border: 0;
    border-radius: 0;
    padding: 0 2rem 0 0.5rem;
    font-size: 0.25rem;
    line-height: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.navbar-nav.sm-collapsible .sub-arrow::before, .navbar-nav.sm-collapsible .show>a>.sub-arrow::before {
    content: "\e900";
    display: table-cell;
    vertical-align: middle;
}
.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
    margin: 0 0 0 1rem;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    display: inline;
    margin-left: 0.3rem;
    vertical-align: 0.1rem;
    border: 0 !important;
    font-size: 0.25rem;
    color: #e86b1b;
}
.navbar.caret-none .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    display: none;
}
.navbar-dark .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    color: #fff;
}
.navbar-dark.transparent.banner--stick .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    color: #e86b1b;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow+.sub-arrow {
    display: none !important;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow:before {
    position: relative;
    content: "\e900";
}
.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow, .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
    font-size: 0.35rem;
    top: 0.55rem;
    right: 1.5rem;
    margin: 0;
    border: 0;
}
.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow:before, .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
    position: relative;
    content: "\e902";
}
.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {
    padding-right: 2.5rem;
}
.dropdown-toggle::after {
    font-family: "Custom";
    border: 0;
    font-size: 0.25rem;
    margin-left: 0.2rem;
    vertical-align: 0.15rem;
    content: "\e900";
    color: #e86b1b;
}
@media (max-width: 991.98px) {
    .dropdown-toggle::after {
        vertical-align: 0.2rem;
    }
}
.navbar-dark:not(.fixed) .dropdown-toggle:after, .navbar-bg-dark .dropdown-toggle:after, .btn.dropdown-toggle:after {
    color: #fff;
}
.share-dropdown .dropdown-menu {
    min-width: 6.25rem;
    margin-top: 1rem !important;
    padding-top: 0.65rem !important;
    padding-bottom: 0.65rem !important;
}
.share-dropdown .dropdown-menu[data-popper-placement^="top"] {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}
.share-dropdown .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.15rem;
    font-size: 0.7rem;
}
.share-dropdown .dropdown-menu .dropdown-item i {
    padding-right: 0.4rem;
    vertical-align: -0.1rem;
    width: 1rem;
    font-size: 0.8rem;
}
.share-dropdown .dropdown-toggle::after {
    display: none;
}
.navbar-nav, .navbar-nav>li.mega-menu {
    position: static !important;
}
.navbar-nav>li>ul.mega-menu {
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
}
@media (min-width: 992px) {
    .navbar .navbar-nav ul.show-animation {
        -webkit-animation: show-animation 0.25s;
        animation: show-animation 0.25s;
    }
    .navbar .navbar-nav ul.hide-animation {
        -webkit-animation: hide-animation 0.25s;
        animation: hide-animation 0.25s;
    }
    .navbar-nav>li>ul.mega-menu {
        margin-left: 0.75rem !important;
        margin-right: 0.75rem !important;
    }
    .mega-menu-content>.row>[class*="col-"]+[class*="col-"] {
        border-left: 1px solid rgba(164, 174, 198, 0.2);
    }
    .navbar-nav>li>ul.mega-menu .mega-menu-content {
        padding: 0.3rem 0.25rem 0.2rem;
    }
}
@media (min-width: 992px) {
    .mega-menu-img {
        background: #343f52;
    }
    .mega-menu-img .mega-menu-content {
        padding: 1rem 2rem !important;
    }
    .mega-menu-img .dropdown-item {
        padding-left: 0;
        padding-right: 0;
    }
}
.nav-link {
    letter-spacing: -0.01rem;
}
.sidebar .nav-link {
    letter-spacing: normal;
}
.navbar-other .nav-link {
    cursor: pointer;
}
@media (max-width: 991.98px) {
    .navbar .navbar-collapse .show>.nav-link, .navbar .navbar-collapse .nav-link.active, .navbar .navbar-collapse .nav-link:hover, .navbar .navbar-collapse .nav-link:focus {
        color: #fff !important;
    }
}
.nav-tabs .nav-link {
    background: #fff;
    font-size: 0.85rem;
    padding: 0.6rem 1.3rem;
}
.nav-tabs .nav-link i {
    font-size: 1rem;
}
.nav-tabs.nav-pills {
    border-color: transparent;
}
.nav-tabs.nav-pills .nav-link {
    border-color: transparent;
    display: flex;
    align-items: center;
    padding: 10px;
    font-weight: 600;
    font-size: 15px;
}
@media (max-width: 991.98px) {
    .nav-tabs.d-flex:not(.nav-pills) {
        justify-content: flex-start !important;
    }
}
@media (max-width: 767px) {
    .nav-tabs.nav-pills {
        flex-direction: column;
    }
    .nav-tabs.nav-pills .nav-item {
        margin-bottom: 1rem;
    }
    .nav-tabs.nav-pills .nav-link {
        margin-right: 0;
    }
}
.nav-tabs.nav-tabs-bg {
    border-color: transparent;
}
.nav-tabs.nav-tabs-bg .nav-link {
    padding: 1.4rem 1.2rem;
    border-radius: 0.4rem;
    border: 1px solid transparent;
    line-height: 1.25rem;
    box-shadow: none;
    background: transparent;
}
.nav-tabs.nav-tabs-bg .nav-link:first-child {
    margin-left: 0;
}
.nav-tabs.nav-tabs-bg .nav-link:last-child {
    margin-right: 0;
}
.nav-tabs.nav-tabs-bg .nav-link:hover, .nav-tabs.nav-tabs-bg .nav-link.active {
    color: #343f52;
    border-color: transparent;
    background: #fff;
    box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
}
.nav-tabs.nav-tabs-bg .nav-link p {
    margin: 0;
    font-weight: 500;
    color: #60697b;
}
.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg .nav-link:hover, .nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg .nav-link.active {
    box-shadow: 0rem 0.25rem 1.75rem rgba(30, 34, 40, 0.07);
}
.nav-tabs.flex-column.nav-tabs-bg .nav-item {
    margin-bottom: 1rem;
}
.nav-tabs.nav-justified .nav-item {
    text-align: left;
}
@media (min-width: 992px) {
    .nav-tabs.nav-justified .nav-item {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }
    .nav-tabs.nav-justified .nav-item:first-child {
        margin-left: 0;
    }
    .nav-tabs.nav-justified .nav-item:last-child {
        margin-right: 0;
    }
}
.tab-content {
    margin-top: 1.25rem;
}
.navbar {
    width: 100%;
    z-index: 1020;
}
.navbar.transparent .logo-dark {
    display: none;
}
.navbar.fixed.transparent .logo-light {
    display: none;
}
.navbar.fixed.transparent .logo-dark {
    display: inline-block;
}
.navbar .container {
    position: relative;
}
.navbar-other .nav-item .nav-link>i {
    font-size: 1.1rem;
}
.navbar .navbar-other .navbar-nav>.nav-item .nav-link {
    padding-left: 0;
    padding-right: 0;
}
.navbar .navbar-other .navbar-nav>.nav-item+.nav-item {
    margin-left: 0.8rem;
}
.navbar-bg-light {
    background: #fff;
    box-shadow: none;
}
@media (min-width: 992px) {
    .navbar.fancy.navbar-bg-light:not(.fixed), .navbar.extended.navbar-bg-light:not(.fixed) {
        background: none !important;
    }
    .navbar .nav-link {
        white-space: nowrap;
    }
}
.navbar-bg-dark {
    background: #2f353a;
}
.navbar-dark .logo-dark {
    display: none;
}
.navbar-dark.fixed .logo-light {
    display: none;
}
.navbar-dark.fixed .logo-dark {
    display: inline-block;
}
.navbar-dark:not([class*="navbar-bg-"]).fixed .btn {
    background: #e86b1b;
    border-color: #e86b1b;
    color: #fff;
}
.navbar .navbar-other .nav-link {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar .navbar-collapse .nav-link {
        padding-right: 0.6rem;
        padding-left: 0.6rem;
    }
}
@media (min-width: 992px) {
    .navbar.extended:not(.fixed) .navbar-collapse .nav-link {
        padding-top: 1.15rem;
        padding-bottom: 1.15rem;
    }
    .navbar.fancy:not(.fixed) .navbar-collapse .nav-link {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .navbar[class*="navbar-bg-"]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .navbar.transparent:not(.fixed) {
        padding-top: 0rem;
    }
    .navbar.extended .navbar-collapse-wrapper, .navbar.fancy .navbar-collapse-wrapper {
        box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
        width: 100%;
        border-radius: 0.4rem;
    }
    .navbar.extended:not(.fixed) .navbar-collapse-wrapper {
        padding: 0 1.5rem 0 0.5rem;
    }
    .navbar.fancy:not(.fixed) .navbar-collapse-wrapper {
        padding: 0 1.5rem 0 1.5rem;
        margin-top: 2.25rem;
    }
    .navbar.extended .navbar-brand {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .navbar.fixed .topbar {
        display: none !important;
    }
}
@media (max-width: 991.98px) {
    .navbar .navbar-collapse .nav-link {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        color: #fff;
    }
    .navbar-other .nav-item.language-select .nav-link {
        font-size: 1.05rem;
    }
    .navbar-other .nav-item .nav-link>i {
        font-size: calc(1.255rem + 0.06vw);
    }
}
@media (max-width: 991.98px) and (min-width: 1200px) {
    .navbar-other .nav-item .nav-link>i {
        font-size: 1.3rem;
    }
}
@media (max-width: 991.98px) {
    .navbar .navbar-brand {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }
    .navbar.fancy .navbar-collapse-wrapper {
        background: none !important;
        box-shadow: none !important;
    }
}
.navbar.fixed {
    margin: 0;
    width: 100%;
}
.banner--clone {
    position: fixed !important;
    z-index: 1008;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all 300ms ease-in-out, border 1ms linear, padding-right 0ms;
}
@media (prefers-reduced-motion: reduce) {
    .banner--clone {
        transition: none;
    }
}
.banner--stick {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    border-bottom: 0;
}
.banner--stick:not(.navbar-dark), .banner--stick.transparent {
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
    background: rgb(255 255 255 / 101%);
}
.banner--stick:not(.navbar-dark).navbar-dark .nav-link, .banner--stick.transparent.navbar-dark .nav-link {
    color: #343f52;
}
.banner--stick:not(.navbar-dark).navbar-dark .nav-link:hover, .banner--stick:not(.navbar-dark).navbar-dark .nav-link:focus, .banner--stick.transparent.navbar-dark .nav-link:hover, .banner--stick.transparent.navbar-dark .nav-link:focus {
    color: #e86b1b;
}
.banner--stick:not(.navbar-dark).navbar-dark .nav-link.disabled, .banner--stick.transparent.navbar-dark .nav-link.disabled {
    color: rgba(52, 63, 82, 0.3);
}
.navbar.fixed:not(.extended) .topbar {
    display: none !important;
}
.navbar.fixed .navbar-collapse-wrapper {
    background: none !important;
    box-shadow: none !important;
}
.offcanvas-info {
    position: fixed;
    top: 0;
    bottom: 0;
    left: auto;
    right: -15rem;
    width: 15rem;
    padding-top: 3rem;
    padding-right: 2rem;
    padding-left: 2rem;
    overflow-y: auto;
    visibility: hidden;
    background: #1e2228;
    transition-timing-function: ease-in-out;
    transition-duration: 0.3s;
    transition-property: right, visibility;
    z-index: 1041;
    align-items: start;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}
.offcanvas-info.open {
    right: 0;
    visibility: visible;
}
.offcanvas-close {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    cursor: pointer;
}
.offcanvas-nav-close {
    left: auto;
    right: 0.5rem;
}
.offcanvas-info .widget {
    margin-bottom: 2rem;
}
@media (max-width: 991.98px) {
    .offcanvas-nav {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 100%;
        left: -15rem;
        width: 15rem;
        padding-right: 0;
        padding-left: 1.5rem;
        padding-bottom: 0.5rem;
        overflow-y: auto;
        visibility: hidden;
        background: #1e2228;
        transition-timing-function: ease-in-out;
        transition-duration: 0.3s;
        transition-property: left, visibility;
        transition: left 0.3s ease-in-out, visibility 0.3s ease-in-out;
        align-items: start;
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        background-clip: padding-box;
        z-index: 1041;
    }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-nav {
        transition: none;
    }
}
@media (max-width: 991.98px) {
    .offcanvas-nav.open {
        left: 0;
        visibility: visible;
    }
    .offcanvas-header {
        padding: 3rem 0 2rem;
    }
    .offcanvas-header img {
        max-width: 100%;
        height: auto;
    }
    .navbar.fixed .offcanvas-nav.open {
        display: none !important;
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
button.plain {
    cursor: pointer;
    transition: all 200ms ease-in-out;
    vertical-align: middle;
    border: 0 none;
    background: none;
    padding: 0;
    margin: 0;
}
@media (prefers-reduced-motion: reduce) {
    button.plain {
        transition: none;
    }
}
button.plain::-moz-focus-inner {
    padding: 0;
    border: 0 none;
}
button.plain:focus {
    outline: 0;
}
button.hamburger {
    display: inline-block;
    width: 24px;
    height: 22px;
    padding: 0;
    margin-left: 4px;
}
button.hamburger:before, button.hamburger:after {
    content: "";
}
button.hamburger:before, button.hamburger span, button.hamburger:after {
    display: block;
    width: 100%;
    height: 3px;
    margin: 0 0 5px;
    transition: all 200ms ease-in-out;
    background: #343f52;
}
@media (prefers-reduced-motion: reduce) {
    button.hamburger:before, button.hamburger span, button.hamburger:after {
        transition: none;
    }
}
.inverse-text:not(.fixed) button.hamburger:before, .inverse-text:not(.fixed) button.hamburger span, .inverse-text:not(.fixed) button.hamburger:after, .navbar.position-absolute:not(.fixed) button.hamburger:before, .navbar.position-absolute:not(.fixed) button.hamburger span, .navbar.position-absolute:not(.fixed) button.hamburger:after, .navbar.navbar-bg-dark button.hamburger:before, .navbar.navbar-bg-dark button.hamburger span, .navbar.navbar-bg-dark button.hamburger:after, .navbar.transparent.navbar-dark:not(.fixed) button.hamburger:before, .navbar.transparent.navbar-dark:not(.fixed) button.hamburger span, .navbar.transparent.navbar-dark:not(.fixed) button.hamburger:after {
    background: #fff;
}
button.hamburger.animate.active span {
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
}
button.hamburger.animate.active:before {
    transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -webkit-transform: translateY(8px) rotate(45deg);
}
button.hamburger.animate.active:after {
    transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -webkit-transform: translateY(-8px) rotate(-45deg);
}
.card {
    box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
    border: 0;
   
}
.card[class*="bg-"] {
    box-shadow: none !important;
}
.card-img-top img {
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
}
.card-img-top .plyr {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
@media (max-width: 991.98px) {
    .card-md-none {
        background: none;
        border-radius: 0;
    }
    .card-md-none .card-body {
        padding: 0;
    }
}
.accordion-wrapper .card {
    margin-bottom: 1.15rem;
}
.accordion-wrapper .card.plain {
    background: none;
    border: 0;
    margin-bottom: 0;
    box-shadow: none;
}
.accordion-wrapper .card.plain .card-body {
    padding: 0 0 0 1.1rem;
}
.accordion-wrapper .card.plain .card-header {
    padding: 0 0 0.8rem 0;
}
.accordion-wrapper .card.plain .card-header button:before {
    left: 0;
}
.accordion-wrapper .card-header {
    margin-bottom: 0;
    background: none;
    border: 0;
    padding: 0.5rem 0.4rem 0.5rem;
}
.accordion-wrapper .card-header button {
    cursor: pointer;
    width: 93%;
    padding: 0 0 0 1rem;
    text-align: left;
    margin: 0;
    border: 0;
    font-size: 0.85rem;
    font-weight: 700;
    color: #f37420;
    transition: all 150ms ease-in-out;
    background: none;
}
@media (prefers-reduced-motion: reduce) {
    .accordion-wrapper .card-header button {
        transition: none;
    }
}
.accordion-wrapper .card-header button:before {
    font-family: "Custom";
    content: "\e903";
    font-size: 0.5rem;
    font-weight: normal;
    width: 1rem;
    display: inline-block;
    margin-top: 0.4rem;
    color: #e86b1b;
    position: absolute;
    right: 1.1rem;
}
.accordion-wrapper .card-header button.collapsed {
    color: #343f52;
}
.accordion-wrapper .card-header button.collapsed:before {
    content: "\e900";
}
.accordion-wrapper .card-header button:hover {
    color: darkorange;
}
.accordion-wrapper .card-body {
    padding: 0 1.25rem 0.25rem 1.5rem;
}
.swatchbook .card-img-top .col {
    height: 5rem;
}
.swatchbook .card-img-top .col:first-child {
    border-top-left-radius: 0.4rem;
}
.swatchbook .card-img-top .col:last-child {
    border-top-right-radius: 0.4rem;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 0;
    list-style: none;
    background-color: none;
    border-radius: 0;
}
.breadcrumb-item {
    display: flex;
    color: #60697b;
}
.breadcrumb-item a {
    color: inherit;
}
.breadcrumb-item a:hover {
    color: #e86b1b;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.6rem;
}
.breadcrumb-item+.breadcrumb-item::before {
    font-family: "Custom";
    display: flex;
    align-items: center;
    padding-right: 0.5rem;
    color: rgba(96, 105, 123, 0.3);
    content: "\e902";
    font-size: 0.35rem;
    padding-bottom: 0.05rem;
}
.breadcrumb.text-white .breadcrumb-item:hover, .breadcrumb.text-white .breadcrumb-item.active {
    color: #fff;
}
.breadcrumb.text-white .breadcrumb-item a {
    color: #fff;
}
.breadcrumb.text-white .breadcrumb-item a:hover {
    border-color: #fff;
}
.breadcrumb.text-white .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.5);
}
.page-link {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.65rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-link i {
    font-size: 0.9rem;
}
.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 0 solid transparent;
    border-radius: 0.25rem;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-right: 3rem;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.15rem 1rem;
}
.alert-dismissible.alert-blue .btn-close {
    color: #396cca;
}
.alert-dismissible.alert-blue .btn-close:hover {
    color: #264886;
}
.alert-dismissible.alert-purple .btn-close {
    color: #6871bc;
}
.alert-dismissible.alert-purple .btn-close:hover {
    color: #464c7d;
}
.alert-dismissible.alert-violet .btn-close {
    color: #9070b1;
}
.alert-dismissible.alert-violet .btn-close:hover {
    color: #604a76;
}
.alert-dismissible.alert-pink .btn-close {
    color: #bc6079;
}
.alert-dismissible.alert-pink .btn-close:hover {
    color: #7d4050;
}
.alert-dismissible.alert-red .btn-close {
    color: #cb5860;
}
.alert-dismissible.alert-red .btn-close:hover {
    color: #883b40;
}
.alert-dismissible.alert-orange .btn-close {
    color: #de7d6b;
}
.alert-dismissible.alert-orange .btn-close:hover {
    color: #945347;
}
.alert-dismissible.alert-yellow .btn-close {
    color: #e1a54f;
}
.alert-dismissible.alert-yellow .btn-close:hover {
    color: #966e35;
}
.alert-dismissible.alert-green .btn-close {
    color: #60ab93;
}
.alert-dismissible.alert-green .btn-close:hover {
    color: #407262;
}
.alert-dismissible.alert-leaf .btn-close {
    color: #70a589;
}
.alert-dismissible.alert-leaf .btn-close:hover {
    color: #4a6e5b;
}
.alert-dismissible.alert-aqua .btn-close {
    color: #4c97b3;
}
.alert-dismissible.alert-aqua .btn-close:hover {
    color: #326577;
}
.alert-dismissible.alert-navy .btn-close {
    color: #2f394a;
}
.alert-dismissible.alert-navy .btn-close:hover {
    color: #1f2631;
}
.alert-dismissible.alert-ash .btn-close {
    color: #858a93;
}
.alert-dismissible.alert-ash .btn-close:hover {
    color: #595c62;
}
.alert-dismissible.alert-white .btn-close {
    color: #e6e6e6;
}
.alert-dismissible.alert-white .btn-close:hover {
    color: #999999;
}
.alert-dismissible.alert-light .btn-close {
    color: #e5e5e5;
}
.alert-dismissible.alert-light .btn-close:hover {
    color: #989898;
}
.alert-dismissible.alert-gray .btn-close {
    color: #dddee0;
}
.alert-dismissible.alert-gray .btn-close:hover {
    color: #949495;
}
.alert-dismissible.alert-dark .btn-close {
    color: #22272d;
}
.alert-dismissible.alert-dark .btn-close:hover {
    color: #171a1e;
}
.alert-dismissible.alert-primary .btn-close {
    color: #e1a54f;
}
.alert-dismissible.alert-primary .btn-close:hover {
    color: #966e35;
}
.alert-dismissible.alert-secondary .btn-close {
    color: #999ea9;
}
.alert-dismissible.alert-secondary .btn-close:hover {
    color: #666a71;
}
.alert-dismissible.alert-success .btn-close {
    color: #60ab93;
}
.alert-dismissible.alert-success .btn-close:hover {
    color: #407262;
}
.alert-dismissible.alert-info .btn-close {
    color: #4c97b3;
}
.alert-dismissible.alert-info .btn-close:hover {
    color: #326577;
}
.alert-dismissible.alert-warning .btn-close {
    color: #e1a54f;
}
.alert-dismissible.alert-warning .btn-close:hover {
    color: #966e35;
}
.alert-dismissible.alert-danger .btn-close {
    color: #cb5860;
}
.alert-dismissible.alert-danger .btn-close:hover {
    color: #883b40;
}
.alert-icon {
    padding-left: 2.5rem;
}
.alert-icon i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0.8rem 1rem;
    font-size: 1rem;
}
.alert-blue {
    color: #2c549d;
    background-color: #c5d7f6;
    border-color: #c5d7f6;
}
.alert-blue .alert-link {
    color: #23437e;
}
.alert-purple {
    color: #515892;
    background-color: #d5d8f1;
    border-color: #d5d8f1;
}
.alert-purple .alert-link {
    color: #414675;
}
.alert-violet {
    color: #70578a;
    background-color: #e3d8ee;
    border-color: #e3d8ee;
}
.alert-violet .alert-link {
    color: #5a466e;
}
.alert-pink {
    color: #924b5e;
    background-color: #f1d3db;
    border-color: #f1d3db;
}
.alert-pink .alert-link {
    color: #753c4b;
}
.alert-red {
    color: #9e454b;
    background-color: #f6d0d3;
    border-color: #f6d0d3;
}
.alert-red .alert-link {
    color: #7e373c;
}
.alert-orange {
    color: #ad6153;
    background-color: #fddcd6;
    border-color: #fddcd6;
}
.alert-orange .alert-link {
    color: #8a4e42;
}
.alert-yellow {
    color: #af803e;
    background-color: #fee9cd;
    border-color: #fee9cd;
}
.alert-yellow .alert-link {
    color: #8c6632;
}
.alert-green {
    color: #4b8572;
    background-color: #d3ece3;
    border-color: #d3ece3;
}
.alert-green .alert-link {
    color: #3c6a5b;
}
.alert-leaf {
    color: #57806a;
    background-color: #d8e9e0;
    border-color: #d8e9e0;
}
.alert-leaf .alert-link {
    color: #466655;
}
.alert-aqua {
    color: #3b768b;
    background-color: #cce5ee;
    border-color: #cce5ee;
}
.alert-aqua .alert-link {
    color: #2f5e6f;
}
.alert-navy {
    color: #242c39;
    background-color: #c2c5cb;
    border-color: #c2c5cb;
}
.alert-navy .alert-link {
    color: #1d232e;
}
.alert-ash {
    color: #686b72;
    background-color: #dfe0e3;
    border-color: #dfe0e3;
}
.alert-ash .alert-link {
    color: #53565b;
}
.alert-white {
    color: #b3b3b3;
    background-color: white;
    border-color: white;
}
.alert-white .alert-link {
    color: #8f8f8f;
}
.alert-light {
    color: #b2b2b2;
    background-color: white;
    border-color: white;
}
.alert-light .alert-link {
    color: #8e8e8e;
}
.alert-gray {
    color: #acadae;
    background-color: #fcfdfd;
    border-color: #fcfdfd;
}
.alert-gray .alert-link {
    color: #8a8a8b;
}
.alert-dark {
    color: #1b1e23;
    background-color: #bebfc2;
    border-color: #bebfc2;
}
.alert-dark .alert-link {
    color: #16181c;
}
.alert-primary {
    color: #af803e;
    background-color: #fee9cd;
    border-color: #fee9cd;
}
.alert-primary .alert-link {
    color: #8c6632;
}
.alert-secondary {
    color: #777b84;
    background-color: #e6e7eb;
    border-color: #e6e7eb;
}
.alert-secondary .alert-link {
    color: #5f626a;
}
.alert-success {
    color: #4b8572;
    background-color: #d3ece3;
    border-color: #d3ece3;
}
.alert-success .alert-link {
    color: #3c6a5b;
}
.alert-info {
    color: #3b768b;
    background-color: #cce5ee;
    border-color: #cce5ee;
}
.alert-info .alert-link {
    color: #2f5e6f;
}
.alert-warning {
    color: #af803e;
    background-color: #fee9cd;
    border-color: #fee9cd;
}
.alert-warning .alert-link {
    color: #8c6632;
}
.alert-danger {
    color: #9e454b;
    background-color: #f6d0d3;
    border-color: #f6d0d3;
}
.alert-danger .alert-link {
    color: #7e373c;
}
.alert[class*="bg-"] {
    padding: 0.8rem 0;
}
.alert[class*="bg-"] .alert-inner {
    padding-right: 3rem;
}
.alert[class*="bg-"].alert-dismissible .btn-close {
    padding-top: 0;
    padding-bottom: 0;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.8);
}
.alert[class*="bg-"].alert-dismissible .btn-close:hover {
    color: #fff;
}
@media (max-width: 767px) {
    .alert[class*="bg-"].alert-dismissible .btn-close {
        padding-right: 0.5rem;
    }
    .accordion-wrapper .card-header button:before{
        right: 0.1rem;
    }
}
.progress-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.progress-list p {
    margin-bottom: 0.25rem;
}
.progress-list li {
    margin-bottom: 1rem;
}
.progress-list .progressbar svg, .progress-list .progressbar svg path {
    border-radius: 1rem;
}
.progress-list .progressbar svg path:first-child {
    stroke: rgba(30, 34, 40, 0.06);
}
.progress-list .progressbar.blue svg path:last-child {
    stroke: #3f78e0;
}
.progress-list .progressbar.purple svg path:last-child {
    stroke: #747ed1;
}
.progress-list .progressbar.violet svg path:last-child {
    stroke: #a07cc5;
}
.progress-list .progressbar.pink svg path:last-child {
    stroke: #d16b86;
}
.progress-list .progressbar.red svg path:last-child {
    stroke: #e2626b;
}
.progress-list .progressbar.orange svg path:last-child {
    stroke: #f78b77;
}
.progress-list .progressbar.yellow svg path:last-child {
    stroke: #e86b1b;
}
.progress-list .progressbar.green svg path:last-child {
    stroke: #e86b1b;
}
.progress-list .progressbar.leaf svg path:last-child {
    stroke: #7cb798;
}
.progress-list .progressbar.aqua svg path:last-child {
    stroke: #54a8c7;
}
.progress-list .progressbar.navy svg path:last-child {
    stroke: #343f52;
}
.progress-list .progressbar.ash svg path:last-child {
    stroke: #9499a3;
}
.progress-list .progressbar.white svg path:last-child {
    stroke: #fff;
}
.progress-list .progressbar.light svg path:last-child {
    stroke: #fefefe;
}
.progress-list .progressbar.gray svg path:last-child {
    stroke: #f6f7f9;
}
.progress-list .progressbar.dark svg path:last-child {
    stroke: #262b32;
}
.progress-list .progressbar.primary svg path:last-child {
    stroke: #e86b1b;
}
.progress-list .progressbar.secondary svg path:last-child {
    stroke: #aab0bc;
}
.progress-list .progressbar.success svg path:last-child {
    stroke: #e86b1b;
}
.progress-list .progressbar.info svg path:last-child {
    stroke: #54a8c7;
}
.progress-list .progressbar.warning svg path:last-child {
    stroke: #e86b1b;
}
.progress-list .progressbar.danger svg path:last-child {
    stroke: #e2626b;
}
.progress-list .progressbar.soft-blue svg path:last-child {
    stroke: #8caeec;
}
.progress-list .progressbar.soft-purple svg path:last-child {
    stroke: #acb2e3;
}
.progress-list .progressbar.soft-violet svg path:last-child {
    stroke: #c6b0dc;
}
.progress-list .progressbar.soft-pink svg path:last-child {
    stroke: #e3a6b6;
}
.progress-list .progressbar.soft-red svg path:last-child {
    stroke: #eea1a6;
}
.progress-list .progressbar.soft-orange svg path:last-child {
    stroke: #fab9ad;
}
.progress-list .progressbar.soft-yellow svg path:last-child {
    stroke: #fcd49b;
}
.progress-list .progressbar.soft-green svg path:last-child {
    stroke: #a6d8c8;
}
.progress-list .progressbar.soft-leaf svg path:last-child {
    stroke: #b0d4c1;
}
.progress-list .progressbar.soft-aqua svg path:last-child {
    stroke: #98cbdd;
}
.progress-list .progressbar.soft-navy svg path:last-child {
    stroke: #858c97;
}
.progress-list .progressbar.soft-ash svg path:last-child {
    stroke: #bfc2c8;
}
.progress-list .progressbar.soft-white svg path:last-child {
    stroke: white;
}
.progress-list .progressbar.soft-light svg path:last-child {
    stroke: #fefefe;
}
.progress-list .progressbar.soft-gray svg path:last-child {
    stroke: #fafafb;
}
.progress-list .progressbar.soft-dark svg path:last-child {
    stroke: #7d8084;
}
.progress-list .progressbar.soft-primary svg path:last-child {
    stroke: #fcd49b;
}
.progress-list .progressbar.soft-secondary svg path:last-child {
    stroke: #ccd0d7;
}
.progress-list .progressbar.soft-success svg path:last-child {
    stroke: #a6d8c8;
}
.progress-list .progressbar.soft-info svg path:last-child {
    stroke: #98cbdd;
}
.progress-list .progressbar.soft-warning svg path:last-child {
    stroke: #fcd49b;
}
.progress-list .progressbar.soft-danger svg path:last-child {
    stroke: #eea1a6;
}
.progress-list .progressbar.line {
    position: relative;
}
.progress-list .progressbar.line svg {
    height: 0.3rem;
}
@media (min-width: 576px) {
    .progress-wrap.active-progress {
        opacity: 1;
    }
}
.progress-wrap {
    position: fixed;
    right: 1.5rem;
    bottom: 4.5rem;
    width: 2.3rem;
    height: 2.3rem;
    cursor: pointer;
    display: block;
    border-radius: 100%;
    box-shadow: inset 0 0 0 0.1rem rgba(128, 130, 134, 0.25);
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.75rem);
    transition: all 200ms linear, margin-right 0ms;
}
@media (prefers-reduced-motion: reduce) {
    .progress-wrap {
        transition: none;
    }
}
.progress-wrap.active-progress {
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap:after {
    position: absolute;
    font-family: "Unicons";
    content: "\e93e";
    text-align: center;
    line-height: 2.3rem;
    font-size: 1.2rem;
    color: #e86b1b;
    left: 0;
    top: 0;
    height: 2.3rem;
    width: 2.3rem;
    cursor: pointer;
    display: block;
    z-index: 1;
    transition: all 200ms linear;
}
@media (prefers-reduced-motion: reduce) {
    .progress-wrap:after {
        transition: none;
    }
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: #e86b1b;
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear;
}
@media (prefers-reduced-motion: reduce) {
    .progress-wrap svg.progress-circle path {
        transition: none;
    }
}
.btn-close {
    padding: 0 0;
    color: rgba(30, 34, 40, 0.3);
    background: none;
    border: 0;
    line-height: 1;
    transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .btn-close {
        transition: none;
    }
}
.btn-close:before {
    font-family: "Unicons";
    content: "\ecef";
    font-size: 1.2rem;
    width: 1.2rem;
    height: 1.2rem;
}
.btn-close:hover {
    color: rgba(30, 34, 40, 0.5);
    text-decoration: none;
}
.btn-close:focus {
    outline: none;
}
.btn-close:disabled, .btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: 0.25;
}
.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.modal .btn-close {
    position: absolute;
    top: 0.7rem;
    right: 0.5rem;
}
[class*="offcanvas-"] .btn-close {
    color: rgba(30, 34, 40, 0.8);
}
[class*="offcanvas-"] .btn-close:hover {
    color: #1e2228;
}
.modal.fade.modal-bottom-center .modal-dialog {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
@media (min-width: 576px) {
    .modal.fade.modal-bottom-center .modal-dialog {
        margin: 1.75rem auto;
    }
}
@media (max-width: 767.98px) {
    .modal.fade.modal-bottom-center .modal-dialog {
        width: calc(100% - (0.5rem * 2));
    }
}
.tooltip {
    font-weight: 500;
}
.has-tooltip:focus {
    outline: 0;
}
.has-popover:focus {
    outline: 0;
}
.popover-header {
    padding: 1rem 1.25rem 0.25rem;
    border: 0;
    font-size: 1rem;
}
.popover-body {
    padding: 0 1.25rem 1rem;
}
.owl-carousel {
    margin-bottom: 1.5rem;
}
.owl-carousel .owl-stage-outer {
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
.owl-carousel.clients .owl-stage {
    display: flex;
    align-items: center;
}
.owl-carousel .owl-nav {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    line-height: 1;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.7);
    color: #343f52;
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
    font-size: 1.2rem;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    border-radius: 100%;
    text-shadow: none;
    transition: all 200ms ease-in-out;
    pointer-events: all;
}
@media (prefers-reduced-motion: reduce) {
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        transition: none;
    }
}
.owl-carousel .owl-nav button.owl-next.disabled, .owl-carousel .owl-nav button.owl-prev.disabled {
    background: rgba(255, 255, 255, 0.7);
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
    background: rgba(255, 255, 255, 0.9);
}
.owl-carousel .owl-nav button.owl-prev {
    left: 1rem;
}
.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 1rem;
}
.owl-carousel .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 2rem;
    line-height: 1;
}
.owl-carousel .owl-dots .owl-dot span {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.3rem;
    background: #aab0bc;
    opacity: 0.5;
    display: block;
    -webkit-backface-visibility: visible;
    transition: all 200ms ease-in-out;
    border-radius: 100%;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    border: 3px solid transparent;
}
@media (prefers-reduced-motion: reduce) {
    .owl-carousel .owl-dots .owl-dot span {
        transition: none;
    }
}
.owl-carousel .owl-dots .owl-dot:hover span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.owl-carousel .owl-dots .owl-dot.active span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background: none;
    border-color: #aab0bc;
}
.owl-carousel .item figure .item-link {
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: 1rem;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    color: #343f52;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
    font-size: 1rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
.owl-carousel .item figure .item-link:hover {
    background: rgba(255, 255, 255, 0.9);
}
.owl-carousel .item:hover figure .item-link {
    opacity: 1;
    right: 1rem;
}
.owl-carousel.dots-start .owl-dots {
    text-align: left;
    justify-content: flex-start;
}
.owl-carousel.dots-over {
    margin: 0;
}
.owl-carousel.dots-over .owl-dots {
    bottom: 1rem;
}
.owl-carousel.dots-over .owl-dots .owl-dot span {
    background: #e86b1b;
    opacity: 1;
    box-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.02);
}
.owl-carousel.dots-over .owl-dots .owl-dot.active span {
    background: none;
    border-color: #e86b1b;
}
.owl-carousel.dots-dark .owl-dots .owl-dot span {
    background: #fff;
}
.owl-carousel.dots-dark .owl-dots .owl-dot.active span {
    background: none;
    border-color: #fff;
}
.owl-carousel.gap-small .owl-dots {
    margin-top: 1rem;
}
.owl-carousel.nav-dark .owl-nav button, .owl-carousel.nav-dark .item figure .item-link {
    background: rgba(250, 183, 88, 0.9) !important;
    color: #fff !important;
}
.owl-carousel.nav-dark .owl-nav button.disabled, .owl-carousel.nav-dark .item figure .item-link.disabled {
    background: rgba(250, 183, 88, 0.9) !important;
}
.owl-carousel.nav-dark .owl-nav button:hover, .owl-carousel.nav-dark .item figure .item-link:hover {
    background: #e86b1b !important;
}
@media (max-width: 767px) {
    .owl-carousel .owl-dots {
        margin-top: 1.25rem;
    }
}
.item-inner {
    padding: 1rem 0.75rem;
}
.owl-slider-nav .item {
    opacity: 0.5;
}
.owl-slider-nav .current .item {
    opacity: 1;
}
.hero-slider-wrapper {
    position: relative;
    min-height: 600px;
}
.hero-slider-wrapper .hero-slider .owl-slide {
    position: relative;
    height: 600px;
    background-size: cover;
    background-position: center center;
}
.hero-slider-wrapper .hero-slider .owl-slide.bg-overlay-300:before {
    background: rgba(30, 34, 40, 0.3);
}
.hero-slider-wrapper .hero-slider .owl-slide.bg-overlay [class*="container"] * {
    position: relative;
    z-index: 3;
}
.icon-svg, .icon-svg.icon-svg-lg {
    width: 3rem;
    height: 3rem;
}
.icon-svg.icon-svg-md {
    width: 2.6rem;
    height: 2.6rem;
}
.icon-svg.icon-svg-sm {
    width: 2.2rem;
    height: 2.2rem;
}
.svg-fill {
    fill: #fcd49b;
}
.svg-stroke {
    fill: #36496d;
}
.text-blue .svg-fill {
    fill: #8caeec;
}
.text-purple .svg-fill {
    fill: #acb2e3;
}
.text-violet .svg-fill {
    fill: #c6b0dc;
}
.text-pink .svg-fill {
    fill: #e3a6b6;
}
.text-red .svg-fill {
    fill: #eea1a6;
}
.text-orange .svg-fill {
    fill: #fab9ad;
}
.text-yellow .svg-fill {
    fill: #fcd49b;
}
.text-green .svg-fill {
    fill: #a6d8c8;
}
.text-leaf .svg-fill {
    fill: #b0d4c1;
}
.text-aqua .svg-fill {
    fill: #98cbdd;
}
.text-navy .svg-fill {
    fill: #858c97;
}
.text-ash .svg-fill {
    fill: #bfc2c8;
}
.text-white .svg-fill {
    fill: white;
}
.text-light .svg-fill {
    fill: #fefefe;
}
.text-gray .svg-fill {
    fill: #fafafb;
}
.text-dark .svg-fill {
    fill: #7d8084;
}
.text-primary .svg-fill {
    fill: #fcd49b;
}
.text-secondary .svg-fill {
    fill: #ccd0d7;
}
.text-success .svg-fill {
    fill: #a6d8c8;
}
.text-info .svg-fill {
    fill: #98cbdd;
}
.text-warning .svg-fill {
    fill: #fcd49b;
}
.text-danger .svg-fill {
    fill: #eea1a6;
}
.ratings {
    display: inline-block;
    position: relative;
    width: 10rem;
    height: 0.8rem;
}
.ratings:after {
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    color: #fcc032;
    content: "\2605\2605\2605\2605\2605";
    overflow: hidden;
}
.ratings.one:after {
    content: "\2605";
}
.ratings.two:after {
    content: "\2605\2605";
}
.ratings.three:after {
    content: "\2605\2605\2605";
}
.ratings.four:after {
    content: "\2605\2605\2605\2605";
}
.custom-control .ratings {
    height: 0.9rem;
}
@font-face {
    font-family: "Unicons";
    src: url("../../fonts/unicons/Unicons.eot?muc7dc");
    src: url("../../fonts/unicons/Unicons.eot?muc7dc#iefix") format("embedded-opentype"), url("../../fonts/unicons/Unicons.ttf?muc7dc") format("truetype"), url("../../fonts/unicons/Unicons.woff?muc7dc") format("woff"), url("../../fonts/unicons/Unicons.svg?muc7dc#Unicons") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Custom";
    src: url("../../fonts/custom/Custom.eot?z33z5m");
    src: url("../../fonts/custom/Custom.eot?z33z5m#iefix") format("embedded-opentype"), url("../../fonts/custom/Custom.ttf?z33z5m") format("truetype"), url("../../fonts/custom/Custom.woff?z33z5m") format("woff"), url("../../fonts/custom/Custom.svg?z33z5m#Custom") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
[class^="uil-"], [class*=" uil-"], [class^="icn-"], [class*=" icn-"] {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-spacing: normal;
}
[class^="uil-"], [class*=" uil-"] {
    font-family: "Unicons" !important;
}
[class^="icn-"], [class*=" icn-"] {
    font-family: "Custom" !important;
}
.icn-caret-down:before {
    content: "\e900";
}
.icn-caret-left:before {
    content: "\e901";
}
.icn-caret-right:before {
    content: "\e902";
}
.icn-caret-up:before {
    content: "\e903";
}
.icn-comment-line:before {
    content: "\e904";
}
.uil-plus-0:before {
    content: "\e900";
}
.uil-plus-3:before {
    content: "\e901";
}
.uil-plus-6:before {
    content: "\e902";
}
.uil-plus-10:before {
    content: "\e903";
}
.uil-plus-12:before {
    content: "\e904";
}
.uil-plus-13:before {
    content: "\e905";
}
.uil-plus-16:before {
    content: "\e906";
}
.uil-plus-17:before {
    content: "\e907";
}
.uil-plus-18:before {
    content: "\e908";
}
.uil-plus-21:before {
    content: "\e909";
}
.uil-500-px:before {
    content: "\e90a";
}
.uil-abacus:before {
    content: "\e90b";
}
.uil-accessible-icon-alt:before {
    content: "\e90c";
}
.uil-adjust-circle:before {
    content: "\e90d";
}
.uil-adjust-alt:before {
    content: "\e90e";
}
.uil-adobe-alt:before {
    content: "\e90f";
}
.uil-adjust:before {
    content: "\e910";
}
.uil-align-center:before {
    content: "\e911";
}
.uil-align-center-v:before {
    content: "\e912";
}
.uil-align-center-alt:before {
    content: "\e913";
}
.uil-align-alt:before {
    content: "\e914";
}
.uil-arrow-break:before {
    content: "\e915";
}
.uil-archway:before {
    content: "\e916";
}
.uil-align-center-justify:before {
    content: "\e917";
}
.uil-align-center-h:before {
    content: "\e918";
}
.uil-archive-alt:before {
    content: "\e919";
}
.uil-apple-alt:before {
    content: "\e91a";
}
.uil-annoyed:before {
    content: "\e91b";
}
.uil-angle-up:before {
    content: "\e91c";
}
.uil-angle-right:before {
    content: "\e91d";
}
.uil-angle-down:before {
    content: "\e91e";
}
.uil-angle-double-right:before {
    content: "\e91f";
}
.uil-angle-double-left:before {
    content: "\e920";
}
.uil-arrows-merge:before {
    content: "\e921";
}
.uil-arrows-maximize:before {
    content: "\e922";
}
.uil-angle-right-b:before {
    content: "\e923";
}
.uil-arrow-resize-diagonal:before {
    content: "\e924";
}
.uil-arrow-random:before {
    content: "\e925";
}
.uil-angle-left:before {
    content: "\e926";
}
.uil-annoyed-alt:before {
    content: "\e927";
}
.uil-ball:before {
    content: "\e928";
}
.uil-balance-scale:before {
    content: "\e929";
}
.uil-backward:before {
    content: "\e92a";
}
.uil-backspace:before {
    content: "\e92b";
}
.uil-award-alt:before {
    content: "\e92c";
}
.uil-atom:before {
    content: "\e92d";
}
.uil-auto-flash:before {
    content: "\e92e";
}
.uil-bell-slash:before {
    content: "\e92f";
}
.uil-bell-school:before {
    content: "\e930";
}
.uil-behance:before {
    content: "\e931";
}
.uil-behance-alt:before {
    content: "\e932";
}
.uil-bed:before {
    content: "\e933";
}
.uil-blogger:before {
    content: "\e934";
}
.uil-bluetooth-b:before {
    content: "\e935";
}
.uil-bold:before {
    content: "\e936";
}
.uil-bolt-alt:before {
    content: "\e937";
}
.uil-bolt-slash:before {
    content: "\e938";
}
.uil-bolt:before {
    content: "\e939";
}
.uil-blogger-alt:before {
    content: "\e93a";
}
.uil-black-berry:before {
    content: "\e93b";
}
.uil-atm-card:before {
    content: "\e93c";
}
.uil-arrows-h-alt:before {
    content: "\e93d";
}
.uil-arrow-up:before {
    content: "\e93e";
}
.uil-arrow-up-right:before {
    content: "\e93f";
}
.uil-bookmark:before {
    content: "\e940";
}
.uil-book:before {
    content: "\e941";
}
.uil-book-reader:before {
    content: "\e942";
}
.uil-book-open:before {
    content: "\e943";
}
.uil-border-top:before {
    content: "\e944";
}
.uil-border-right:before {
    content: "\e945";
}
.uil-arrows-left-down:before {
    content: "\e946";
}
.uil-arrows-h:before {
    content: "\e947";
}
.uil-bookmark-full:before {
    content: "\e948";
}
.uil-bitcoin:before {
    content: "\e949";
}
.uil-bitcoin-circle:before {
    content: "\e94a";
}
.uil-bitcoin-bold:before {
    content: "\e94b";
}
.uil-bus:before {
    content: "\e94c";
}
.uil-bus-alt:before {
    content: "\e94d";
}
.uil-bullseye:before {
    content: "\e94e";
}
.uil-building:before {
    content: "\e94f";
}
.uil-calendar-slash:before {
    content: "\e950";
}
.uil-calculator-alt:before {
    content: "\e951";
}
.uil-calcualtor:before {
    content: "\e952";
}
.uil-camera-slash:before {
    content: "\e953";
}
.uil-camera-plus:before {
    content: "\e954";
}
.uil-calendar-alt:before {
    content: "\e955";
}
.uil-bitcoin-alt:before {
    content: "\e956";
}
.uil-calculator:before {
    content: "\e957";
}
.uil-car-slash:before {
    content: "\e958";
}
.uil-car-sideview:before {
    content: "\e959";
}
.uil-bill:before {
    content: "\e95a";
}
.uil-bell:before {
    content: "\e95b";
}
.uil-capture:before {
    content: "\e95c";
}
.uil-camera-change:before {
    content: "\e95d";
}
.uil-calling:before {
    content: "\e95e";
}
.uil-capsule:before {
    content: "\e95f";
}
.uil-bug:before {
    content: "\e960";
}
.uil-at:before {
    content: "\e961";
}
.uil-asterisk:before {
    content: "\e962";
}
.uil-angle-double-up:before {
    content: "\e963";
}
.uil-chart-down:before {
    content: "\e964";
}
.uil-calender:before {
    content: "\e965";
}
.uil-chart-bar:before {
    content: "\e966";
}
.uil-assistive-listening-systems:before {
    content: "\e967";
}
.uil-arrows-v:before {
    content: "\e968";
}
.uil-brush-alt:before {
    content: "\e969";
}
.uil-bring-front:before {
    content: "\e96a";
}
.uil-brightness-minus:before {
    content: "\e96b";
}
.uil-brightness-low:before {
    content: "\e96c";
}
.uil-bright:before {
    content: "\e96d";
}
.uil-briefcase:before {
    content: "\e96e";
}
.uil-circle:before {
    content: "\e96f";
}
.uil-circle-layer:before {
    content: "\e970";
}
.uil-check:before {
    content: "\e971";
}
.uil-book-medical:before {
    content: "\e972";
}
.uil-book-alt:before {
    content: "\e973";
}
.uil-check-square:before {
    content: "\e974";
}
.uil-brightness-half:before {
    content: "\e975";
}
.uil-brightness-empty:before {
    content: "\e976";
}
.uil-bring-bottom:before {
    content: "\e977";
}
.uil-border-out:before {
    content: "\e978";
}
.uil-border-horizontal:before {
    content: "\e979";
}
.uil-border-bottom:before {
    content: "\e97a";
}
.uil-border-alt:before {
    content: "\e97b";
}
.uil-briefcase-alt:before {
    content: "\e97c";
}
.uil-box:before {
    content: "\e97d";
}
.uil-check-circle:before {
    content: "\e97e";
}
.uil-chart-bar-alt:before {
    content: "\e97f";
}
.uil-celsius:before {
    content: "\e980";
}
.uil-cell:before {
    content: "\e981";
}
.uil-boombox:before {
    content: "\e982";
}
.uil-border-clear:before {
    content: "\e983";
}
.uil-bowling-ball:before {
    content: "\e984";
}
.uil-border-left:before {
    content: "\e985";
}
.uil-brightness:before {
    content: "\e986";
}
.uil-brightness-plus:before {
    content: "\e987";
}
.uil-cloud-exclamation:before {
    content: "\e988";
}
.uil-cart:before {
    content: "\e989";
}
.uil-cloud-drizzle:before {
    content: "\e98a";
}
.uil-cloud-download:before {
    content: "\e98b";
}
.uil-border-inner:before {
    content: "\e98c";
}
.uil-books:before {
    content: "\e98d";
}
.uil-chat:before {
    content: "\e98e";
}
.uil-chat-info:before {
    content: "\e98f";
}
.uil-chat-bubble-user:before {
    content: "\e990";
}
.uil-cloud-rain-sun:before {
    content: "\e991";
}
.uil-cloud-database-tree:before {
    content: "\e992";
}
.uil-cloud-data-connection:before {
    content: "\e993";
}
.uil-border-vertical:before {
    content: "\e994";
}
.uil-cloud-computing:before {
    content: "\e995";
}
.uil-caret-right:before {
    content: "\e996";
}
.uil-cloud-check:before {
    content: "\e997";
}
.uil-card-atm:before {
    content: "\e998";
}
.uil-cloud-bookmark:before {
    content: "\e999";
}
.uil-car:before {
    content: "\e99a";
}
.uil-cloud-block:before {
    content: "\e99b";
}
.uil-cloud-sun-rain:before {
    content: "\e99c";
}
.uil-cloud-sun-tear:before {
    content: "\e99d";
}
.uil-cloud-sun-rain-alt:before {
    content: "\e99e";
}
.uil-cloud-sun-meatball:before {
    content: "\e99f";
}
.uil-cloud-unlock:before {
    content: "\e9a0";
}
.uil-cloud-times:before {
    content: "\e9a1";
}
.uil-cloud-sun-hail:before {
    content: "\e9a2";
}
.uil-cloud-upload:before {
    content: "\e9a3";
}
.uil-cloud-wifi:before {
    content: "\e9a4";
}
.uil-cloud-wind:before {
    content: "\e9a5";
}
.uil-car-wash:before {
    content: "\e9a6";
}
.uil-closed-captioning:before {
    content: "\e9a7";
}
.uil-cloud-slash:before {
    content: "\e9a8";
}
.uil-club:before {
    content: "\e9a9";
}
.uil-cloud-showers-heavy:before {
    content: "\e9aa";
}
.uil-cloud-showers-alt:before {
    content: "\e9ab";
}
.uil-cloud-shield:before {
    content: "\e9ac";
}
.uil-cloud:before {
    content: "\e9ad";
}
.uil-clock:before {
    content: "\e9ae";
}
.uil-cloud-set:before {
    content: "\e9af";
}
.uil-cloud-share:before {
    content: "\e9b0";
}
.uil-clouds:before {
    content: "\e9b1";
}
.uil-clock-two:before {
    content: "\e9b2";
}
.uil-clock-three:before {
    content: "\e9b3";
}
.uil-chart:before {
    content: "\e9b4";
}
.uil-clock-ten:before {
    content: "\e9b5";
}
.uil-cloud-rain:before {
    content: "\e9b6";
}
.uil-baby-carriage:before {
    content: "\e9b7";
}
.uil-bed-double:before {
    content: "\e9b8";
}
.uil-arrow:before {
    content: "\e9b9";
}
.uil-clock-seven:before {
    content: "\e9ba";
}
.uil-cloud-moon:before {
    content: "\e9bb";
}
.uil-cloud-sun:before {
    content: "\e9bc";
}
.uil-backpack:before {
    content: "\e9bd";
}
.uil-basketball:before {
    content: "\e9be";
}
.uil-battery-empty:before {
    content: "\e9bf";
}
.uil-cloud-question:before {
    content: "\e9c0";
}
.uil-bars:before {
    content: "\e9c1";
}
.uil-cloud-moon-rain:before {
    content: "\e9c2";
}
.uil-battery-bolt:before {
    content: "\e9c3";
}
.uil-cloud-moon-hail:before {
    content: "\e9c4";
}
.uil-ban:before {
    content: "\e9c5";
}
.uil-arrow-up-left:before {
    content: "\e9c6";
}
.uil-basketball-hoop:before {
    content: "\e9c7";
}
.uil-cloud-meatball:before {
    content: "\e9c8";
}
.uil-arrow-to-bottom:before {
    content: "\e9c9";
}
.uil-arrow-to-right:before {
    content: "\e9ca";
}
.uil-cloud-lock:before {
    content: "\e9cb";
}
.uil-arrows-up-right:before {
    content: "\e9cc";
}
.uil-arrows-v-alt:before {
    content: "\e9cd";
}
.uil-bus-school:before {
    content: "\e9ce";
}
.uil-baseball-ball:before {
    content: "\e9cf";
}
.uil-arrows-shrink-v:before {
    content: "\e9d0";
}
.uil-cloud-info:before {
    content: "\e9d1";
}
.uil-arrow-right:before {
    content: "\e9d2";
}
.uil-cloud-hail:before {
    content: "\e9d3";
}
.uil-cancel:before {
    content: "\e9d4";
}
.uil-camera:before {
    content: "\e9d5";
}
.uil-chart-pie:before {
    content: "\e9d6";
}
.uil-clock-nine:before {
    content: "\e9d7";
}
.uil-chart-pie-alt:before {
    content: "\e9d8";
}
.uil-bath:before {
    content: "\e9d9";
}
.uil-bag:before {
    content: "\e9da";
}
.uil-ankh:before {
    content: "\e9db";
}
.uil-angry:before {
    content: "\e9dc";
}
.uil-chart-line:before {
    content: "\e9dd";
}
.uil-clock-five:before {
    content: "\e9de";
}
.uil-clock-eight:before {
    content: "\e9df";
}
.uil-bag-slash:before {
    content: "\e9e0";
}
.uil-bag-alt:before {
    content: "\e9e1";
}
.uil-clipboard:before {
    content: "\e9e2";
}
.uil-clipboard-notes:before {
    content: "\e9e3";
}
.uil-arrows-shrink-h:before {
    content: "\e9e4";
}
.uil-arrows-resize:before {
    content: "\e9e5";
}
.uil-chart-growth:before {
    content: "\e9e6";
}
.uil-clipboard-blank:before {
    content: "\e9e7";
}
.uil-arrows-right-down:before {
    content: "\e9e8";
}
.uil-chart-growth-alt:before {
    content: "\e9e9";
}
.uil-clipboard-alt:before {
    content: "\e9ea";
}
.uil-arrows-resize-h:before {
    content: "\e9eb";
}
.uil-arrows-resize-v:before {
    content: "\e9ec";
}
.uil-airplay:before {
    content: "\e9ed";
}
.uil-angle-double-down:before {
    content: "\e9ee";
}
.uil-android-alt:before {
    content: "\e9ef";
}
.uil-android-phone-slash:before {
    content: "\e9f0";
}
.uil-clapper-board:before {
    content: "\e9f1";
}
.uil-circuit:before {
    content: "\e9f2";
}
.uil-align:before {
    content: "\e9f3";
}
.uil-align-letter-right:before {
    content: "\e9f4";
}
.uil-amazon:before {
    content: "\e9f5";
}
.uil-align-left-justify:before {
    content: "\e9f6";
}
.uil-arrow-left:before {
    content: "\e9f7";
}
.uil-align-justify:before {
    content: "\e9f8";
}
.uil-arrow-growth:before {
    content: "\e9f9";
}
.uil-arrow-from-right:before {
    content: "\e9fa";
}
.uil-arrow-from-top:before {
    content: "\e9fb";
}
.uil-align-left:before {
    content: "\e9fc";
}
.uil-android:before {
    content: "\e9fd";
}
.uil-adobe:before {
    content: "\e9fe";
}
.uil-arrow-down:before {
    content: "\e9ff";
}
.uil-adjust-half:before {
    content: "\ea00";
}
.uil-award:before {
    content: "\ea01";
}
.uil-arrow-down-left:before {
    content: "\ea02";
}
.uil-anchor:before {
    content: "\ea03";
}
.uil-arrow-compress-h:before {
    content: "\ea04";
}
.uil-analytics:before {
    content: "\ea05";
}
.uil-analysis:before {
    content: "\ea06";
}
.uil-apps:before {
    content: "\ea07";
}
.uil-archive:before {
    content: "\ea08";
}
.uil-apple:before {
    content: "\ea09";
}
.uil-arrow-circle-up:before {
    content: "\ea0a";
}
.uil-arrow-circle-right:before {
    content: "\ea0b";
}
.uil-align-right:before {
    content: "\ea0c";
}
.uil-align-right-justify:before {
    content: "\ea0d";
}
.uil-cloud-moon-showers:before {
    content: "\ea0e";
}
.uil-arrow-circle-left:before {
    content: "\ea0f";
}
.uil-arrow-circle-down:before {
    content: "\ea10";
}
.uil-code:before {
    content: "\ea11";
}
.uil-coins:before {
    content: "\ea12";
}
.uil-coffee:before {
    content: "\ea13";
}
.uil-columns:before {
    content: "\ea14";
}
.uil-comment-alt-block:before {
    content: "\ea15";
}
.uil-comment-alt-dots:before {
    content: "\ea16";
}
.uil-comment-alt-chart-lines:before {
    content: "\ea17";
}
.uil-comment-alt-download:before {
    content: "\ea18";
}
.uil-comment-alt-edit:before {
    content: "\ea19";
}
.uil-comment-alt-exclamation:before {
    content: "\ea1a";
}
.uil-comment-alt-check:before {
    content: "\ea1b";
}
.uil-comment-alt-heart:before {
    content: "\ea1c";
}
.uil-comment-alt-image:before {
    content: "\ea1d";
}
.uil-comment-alt-info:before {
    content: "\ea1e";
}
.uil-comment-alt-lines:before {
    content: "\ea1f";
}
.uil-comment-alt-lock:before {
    content: "\ea20";
}
.uil-comment-alt-medical:before {
    content: "\ea21";
}
.uil-comment-alt-message:before {
    content: "\ea22";
}
.uil-comment-alt-notes:before {
    content: "\ea23";
}
.uil-comment-alt-plus:before {
    content: "\ea24";
}
.uil-comment-alt-question:before {
    content: "\ea25";
}
.uil-comment-alt-redo:before {
    content: "\ea26";
}
.uil-comment-alt-search:before {
    content: "\ea27";
}
.uil-comment-alt-share:before {
    content: "\ea28";
}
.uil-comment-alt-shield:before {
    content: "\ea29";
}
.uil-comment-alt-slash:before {
    content: "\ea2a";
}
.uil-comment-alt-upload:before {
    content: "\ea2b";
}
.uil-comment-alt-verify:before {
    content: "\ea2c";
}
.uil-comment-alt:before {
    content: "\ea2d";
}
.uil-comment-block:before {
    content: "\ea2e";
}
.uil-comment-chart-line:before {
    content: "\ea2f";
}
.uil-comment-check:before {
    content: "\ea30";
}
.uil-comment-dots:before {
    content: "\ea31";
}
.uil-comment-download:before {
    content: "\ea32";
}
.uil-comment-edit:before {
    content: "\ea33";
}
.uil-comment-exclamation:before {
    content: "\ea34";
}
.uil-comment-heart:before {
    content: "\ea35";
}
.uil-comment-image:before {
    content: "\ea36";
}
.uil-comment-info-alt:before {
    content: "\ea37";
}
.uil-comment-info:before {
    content: "\ea38";
}
.uil-comment-lines:before {
    content: "\ea39";
}
.uil-comment-lock:before {
    content: "\ea3a";
}
.uil-comment-medical:before {
    content: "\ea3b";
}
.uil-comment-message:before {
    content: "\ea3c";
}
.uil-comment-notes:before {
    content: "\ea3d";
}
.uil-comment-plus:before {
    content: "\ea3e";
}
.uil-comment-question:before {
    content: "\ea3f";
}
.uil-comment-redo:before {
    content: "\ea40";
}
.uil-comment-search:before {
    content: "\ea41";
}
.uil-comment-share:before {
    content: "\ea42";
}
.uil-comment-shield:before {
    content: "\ea43";
}
.uil-comment-slash:before {
    content: "\ea44";
}
.uil-comment-upload:before {
    content: "\ea45";
}
.uil-comment-verify:before {
    content: "\ea46";
}
.uil-comment:before {
    content: "\ea47";
}
.uil-comments-alt:before {
    content: "\ea48";
}
.uil-comments:before {
    content: "\ea49";
}
.uil-commnet-alt-slash:before {
    content: "\ea4a";
}
.uil-compact-disc:before {
    content: "\ea4b";
}
.uil-compass:before {
    content: "\ea4c";
}
.uil-compress-alt-left:before {
    content: "\ea4d";
}
.uil-compress-alt:before {
    content: "\ea4e";
}
.uil-compress-arrows:before {
    content: "\ea4f";
}
.uil-compress-lines:before {
    content: "\ea50";
}
.uil-compress-point:before {
    content: "\ea51";
}
.uil-compress-v:before {
    content: "\ea52";
}
.uil-compress:before {
    content: "\ea53";
}
.uil-computer-mouse:before {
    content: "\ea54";
}
.uil-confused:before {
    content: "\ea55";
}
.uil-constructor:before {
    content: "\ea56";
}
.uil-copy-alt:before {
    content: "\ea57";
}
.uil-copy-landscape:before {
    content: "\ea58";
}
.uil-copy:before {
    content: "\ea59";
}
.uil-copyright:before {
    content: "\ea5a";
}
.uil-corner-down-left:before {
    content: "\ea5b";
}
.uil-corner-down-right-alt:before {
    content: "\ea5c";
}
.uil-corner-down-right:before {
    content: "\ea5d";
}
.uil-corner-right-down:before {
    content: "\ea5e";
}
.uil-corner-left-down:before {
    content: "\ea5f";
}
.uil-corner-up-left-alt:before {
    content: "\ea60";
}
.uil-corner-up-left:before {
    content: "\ea61";
}
.uil-corner-up-right-alt:before {
    content: "\ea62";
}
.uil-corner-up-right:before {
    content: "\ea63";
}
.uil-creative-commons-pd-alt:before {
    content: "\ea64";
}
.uil-creative-commons-pd:before {
    content: "\ea65";
}
.uil-crockery:before {
    content: "\ea66";
}
.uil-crop-alt-rotate-left:before {
    content: "\ea67";
}
.uil-crop-alt-rotate-right:before {
    content: "\ea68";
}
.uil-crop-alt:before {
    content: "\ea69";
}
.uil-crosshair-alt:before {
    content: "\ea6a";
}
.uil-crosshair:before {
    content: "\ea6b";
}
.uil-cube:before {
    content: "\ea6c";
}
.uil-dashboard:before {
    content: "\ea6d";
}
.uil-crosshairs:before {
    content: "\ea6e";
}
.uil-database:before {
    content: "\ea6f";
}
.uil-desert:before {
    content: "\ea70";
}
.uil-desktop-alt-slash:before {
    content: "\ea71";
}
.uil-database-alt:before {
    content: "\ea72";
}
.uil-data-sharing:before {
    content: "\ea73";
}
.uil-desktop-slash:before {
    content: "\ea74";
}
.uil-desktop:before {
    content: "\ea75";
}
.uil-dialpad-alt:before {
    content: "\ea76";
}
.uil-desktop-cloud-alt:before {
    content: "\ea77";
}
.uil-desktop-alt:before {
    content: "\ea78";
}
.uil-diary:before {
    content: "\ea79";
}
.uil-dice-five:before {
    content: "\ea7a";
}
.uil-diary-alt:before {
    content: "\ea7b";
}
.uil-dice-four:before {
    content: "\ea7c";
}
.uil-diamond:before {
    content: "\ea7d";
}
.uil-dialpad:before {
    content: "\ea7e";
}
.uil-dice-two:before {
    content: "\ea7f";
}
.uil-direction:before {
    content: "\ea80";
}
.uil-directions:before {
    content: "\ea81";
}
.uil-dice-three:before {
    content: "\ea82";
}
.uil-dice-six:before {
    content: "\ea83";
}
.uil-document-layout-center:before {
    content: "\ea84";
}
.uil-dice-one:before {
    content: "\ea85";
}
.uil-dna:before {
    content: "\ea86";
}
.uil-dizzy-meh:before {
    content: "\ea87";
}
.uil-dollar-sign:before {
    content: "\ea88";
}
.uil-down-arrow:before {
    content: "\ea89";
}
.uil-dollar-sign-alt:before {
    content: "\ea8a";
}
.uil-dollar-alt:before {
    content: "\ea8b";
}
.uil-document:before {
    content: "\ea8c";
}
.uil-document-layout-right:before {
    content: "\ea8d";
}
.uil-document-layout-left:before {
    content: "\ea8e";
}
.uil-edit-alt:before {
    content: "\ea8f";
}
.uil-edit:before {
    content: "\ea90";
}
.uil-ellipsis-h:before {
    content: "\ea91";
}
.uil-ellipsis-v:before {
    content: "\ea92";
}
.uil-emoji:before {
    content: "\ea93";
}
.uil-enter:before {
    content: "\ea94";
}
.uil-entry:before {
    content: "\ea95";
}
.uil-envelope-add:before {
    content: "\ea96";
}
.uil-envelope-alt:before {
    content: "\ea97";
}
.uil-envelope-block:before {
    content: "\ea98";
}
.uil-ear:before {
    content: "\ea99";
}
.uil-dumbbell:before {
    content: "\ea9a";
}
.uil-dropbox:before {
    content: "\ea9b";
}
.uil-dribbble:before {
    content: "\ea9c";
}
.uil-envelope-exclamation:before {
    content: "\ea9d";
}
.uil-download-alt:before {
    content: "\ea9e";
}
.uil-envelope-edit:before {
    content: "\ea9f";
}
.uil-envelope-heart:before {
    content: "\eaa0";
}
.uil-drill:before {
    content: "\eaa1";
}
.uil-envelope-download-alt:before {
    content: "\eaa2";
}
.uil-envelope-info:before {
    content: "\eaa3";
}
.uil-envelope-lock:before {
    content: "\eaa4";
}
.uil-envelope-check:before {
    content: "\eaa5";
}
.uil-envelope-minus:before {
    content: "\eaa6";
}
.uil-envelope-open:before {
    content: "\eaa7";
}
.uil-envelope-bookmark:before {
    content: "\eaa8";
}
.uil-envelope-question:before {
    content: "\eaa9";
}
.uil-envelope-receive:before {
    content: "\eaaa";
}
.uil-envelope-redo:before {
    content: "\eaab";
}
.uil-envelope-search:before {
    content: "\eaac";
}
.uil-envelope-send:before {
    content: "\eaad";
}
.uil-envelope-share:before {
    content: "\eaae";
}
.uil-envelope-shield:before {
    content: "\eaaf";
}
.uil-envelope-star:before {
    content: "\eab0";
}
.uil-envelope-times:before {
    content: "\eab1";
}
.uil-envelope-upload-alt:before {
    content: "\eab2";
}
.uil-envelope-upload:before {
    content: "\eab3";
}
.uil-envelope:before {
    content: "\eab4";
}
.uil-envelopes:before {
    content: "\eab5";
}
.uil-equal-circle:before {
    content: "\eab6";
}
.uil-euro-circle:before {
    content: "\eab7";
}
.uil-euro:before {
    content: "\eab8";
}
.uil-exchange-alt:before {
    content: "\eab9";
}
.uil-exchange:before {
    content: "\eaba";
}
.uil-exclamation-circle:before {
    content: "\eabb";
}
.uil-exclamation-octagon:before {
    content: "\eabc";
}
.uil-exclude:before {
    content: "\eabd";
}
.uil-exit:before {
    content: "\eabe";
}
.uil-expand-alt:before {
    content: "\eabf";
}
.uil-expand-arrows-alt:before {
    content: "\eac0";
}
.uil-expand-arrows:before {
    content: "\eac1";
}
.uil-exclamation-triangle:before {
    content: "\eac2";
}
.uil-expand-right:before {
    content: "\eac3";
}
.uil-expand-left:before {
    content: "\eac4";
}
.uil-expand-from-corner:before {
    content: "\eac5";
}
.uil-external-link-alt:before {
    content: "\eac6";
}
.uil-eye-slash:before {
    content: "\eac7";
}
.uil-eye:before {
    content: "\eac8";
}
.uil-exposure-increase:before {
    content: "\eac9";
}
.uil-exposure-alt:before {
    content: "\eaca";
}
.uil-export:before {
    content: "\eacb";
}
.uil-facebook:before {
    content: "\eacc";
}
.uil-facebook-messenger:before {
    content: "\eacd";
}
.uil-facebook-messenger-alt:before {
    content: "\eace";
}
.uil-facebook-f:before {
    content: "\eacf";
}
.uil-file-alt:before {
    content: "\ead0";
}
.uil-fast-mail:before {
    content: "\ead1";
}
.uil-feedback:before {
    content: "\ead2";
}
.uil-favorite:before {
    content: "\ead3";
}
.uil-fast-mail-alt:before {
    content: "\ead4";
}
.uil-fahrenheit:before {
    content: "\ead5";
}
.uil-cloud-showers:before {
    content: "\ead6";
}
.uil-cloud-moon-meatball:before {
    content: "\ead7";
}
.uil-cloud-redo:before {
    content: "\ead8";
}
.uil-cloud-heart:before {
    content: "\ead9";
}
.uil-ambulance:before {
    content: "\eada";
}
.uil-arrow-down-right:before {
    content: "\eadb";
}
.uil-envelope-download:before {
    content: "\eadc";
}
.uil-cog:before {
    content: "\eadd";
}
.uil-file-block-alt:before {
    content: "\eade";
}
.uil-file-blank:before {
    content: "\eadf";
}
.uil-file-bookmark-alt:before {
    content: "\eae0";
}
.uil-file-check-alt:before {
    content: "\eae1";
}
.uil-file-check:before {
    content: "\eae2";
}
.uil-file-contract-dollar:before {
    content: "\eae3";
}
.uil-file-copy-alt:before {
    content: "\eae4";
}
.uil-file-download-alt:before {
    content: "\eae5";
}
.uil-file-download:before {
    content: "\eae6";
}
.uil-file-edit-alt:before {
    content: "\eae7";
}
.uil-file-exclamation-alt:before {
    content: "\eae8";
}
.uil-file-exclamation:before {
    content: "\eae9";
}
.uil-file-heart:before {
    content: "\eaea";
}
.uil-file-info-alt:before {
    content: "\eaeb";
}
.uil-file-landscape-alt:before {
    content: "\eaec";
}
.uil-file-landscape:before {
    content: "\eaed";
}
.uil-file-lanscape-slash:before {
    content: "\eaee";
}
.uil-file-lock-alt:before {
    content: "\eaef";
}
.uil-file-medical-alt:before {
    content: "\eaf0";
}
.uil-file-medical:before {
    content: "\eaf1";
}
.uil-file-minus-alt:before {
    content: "\eaf2";
}
.uil-file-minus:before {
    content: "\eaf3";
}
.uil-file-network:before {
    content: "\eaf4";
}
.uil-file-plus-alt:before {
    content: "\eaf5";
}
.uil-file-question-alt:before {
    content: "\eaf6";
}
.uil-file-plus:before {
    content: "\eaf7";
}
.uil-file-question:before {
    content: "\eaf8";
}
.uil-file-redo-alt:before {
    content: "\eaf9";
}
.uil-file-search-alt:before {
    content: "\eafa";
}
.uil-file-share-alt:before {
    content: "\eafb";
}
.uil-file-shield-alt:before {
    content: "\eafc";
}
.uil-file-slash:before {
    content: "\eafd";
}
.uil-file-times-alt:before {
    content: "\eafe";
}
.uil-file-times:before {
    content: "\eaff";
}
.uil-file-upload-alt:before {
    content: "\eb00";
}
.uil-file-upload:before {
    content: "\eb01";
}
.uil-file:before {
    content: "\eb02";
}
.uil-files-landscapes:before {
    content: "\eb03";
}
.uil-files-landscapes-alt:before {
    content: "\eb04";
}
.uil-film:before {
    content: "\eb05";
}
.uil-filter-slash:before {
    content: "\eb06";
}
.uil-filter:before {
    content: "\eb07";
}
.uil-fire:before {
    content: "\eb08";
}
.uil-flask-potion:before {
    content: "\eb09";
}
.uil-flask:before {
    content: "\eb0a";
}
.uil-flip-h-alt:before {
    content: "\eb0b";
}
.uil-flip-h:before {
    content: "\eb0c";
}
.uil-flip-v-alt:before {
    content: "\eb0d";
}
.uil-flip-v:before {
    content: "\eb0e";
}
.uil-flower:before {
    content: "\eb0f";
}
.uil-focus-add:before {
    content: "\eb10";
}
.uil-focus-target:before {
    content: "\eb11";
}
.uil-focus:before {
    content: "\eb12";
}
.uil-folder-check:before {
    content: "\eb13";
}
.uil-folder-download:before {
    content: "\eb14";
}
.uil-folder-exclamation:before {
    content: "\eb15";
}
.uil-folder-heart:before {
    content: "\eb16";
}
.uil-folder-info:before {
    content: "\eb17";
}
.uil-folder-lock:before {
    content: "\eb18";
}
.uil-folder-medical:before {
    content: "\eb19";
}
.uil-folder-minus:before {
    content: "\eb1a";
}
.uil-folder-network:before {
    content: "\eb1b";
}
.uil-folder-plus:before {
    content: "\eb1c";
}
.uil-folder-question:before {
    content: "\eb1d";
}
.uil-folder-slash:before {
    content: "\eb1e";
}
.uil-folder-times:before {
    content: "\eb1f";
}
.uil-folder-upload:before {
    content: "\eb20";
}
.uil-folder:before {
    content: "\eb21";
}
.uil-food:before {
    content: "\eb22";
}
.uil-football-american:before {
    content: "\eb23";
}
.uil-football-ball:before {
    content: "\eb24";
}
.uil-football:before {
    content: "\eb25";
}
.uil-forecastcloud-moon-tear:before {
    content: "\eb26";
}
.uil-forwaded-call:before {
    content: "\eb27";
}
.uil-forward:before {
    content: "\eb28";
}
.uil-frown:before {
    content: "\eb29";
}
.uil-game-structure:before {
    content: "\eb2a";
}
.uil-game:before {
    content: "\eb2b";
}
.uil-gift:before {
    content: "\eb2c";
}
.uil-github-alt:before {
    content: "\eb2d";
}
.uil-github:before {
    content: "\eb2e";
}
.uil-glass-martini-alt:before {
    content: "\eb2f";
}
.uil-glass-martini-alt-slash:before {
    content: "\eb30";
}
.uil-glass-martini:before {
    content: "\eb31";
}
.uil-glass-tea:before {
    content: "\eb32";
}
.uil-glass:before {
    content: "\eb33";
}
.uil-globe:before {
    content: "\eb34";
}
.uil-gold:before {
    content: "\eb35";
}
.uil-google-drive-alt:before {
    content: "\eb36";
}
.uil-google-drive:before {
    content: "\eb37";
}
.uil-google-hangouts-alt:before {
    content: "\eb38";
}
.uil-google-hangouts:before {
    content: "\eb39";
}
.uil-google-play:before {
    content: "\eb3a";
}
.uil-google:before {
    content: "\eb3b";
}
.uil-graduation-hat:before {
    content: "\eb3c";
}
.uil-graph-bar:before {
    content: "\eb3d";
}
.uil-grid:before {
    content: "\eb3e";
}
.uil-grids:before {
    content: "\eb3f";
}
.uil-grin-tongue-wink-alt:before {
    content: "\eb40";
}
.uil-grin-tongue-wink:before {
    content: "\eb41";
}
.uil-grin:before {
    content: "\eb42";
}
.uil-grip-horizontal-line:before {
    content: "\eb43";
}
.uil-hdd:before {
    content: "\eb44";
}
.uil-headphones-alt:before {
    content: "\eb45";
}
.uil-headphones:before {
    content: "\eb46";
}
.uil-heart-alt:before {
    content: "\eb47";
}
.uil-heart-medical:before {
    content: "\eb48";
}
.uil-heart-rate:before {
    content: "\eb49";
}
.uil-heart-sign:before {
    content: "\eb4a";
}
.uil-heart:before {
    content: "\eb4b";
}
.uil-heartbeat:before {
    content: "\eb4c";
}
.uil-history-alt:before {
    content: "\eb4d";
}
.uil-history:before {
    content: "\eb4e";
}
.uil-home-alt:before {
    content: "\eb4f";
}
.uil-home:before {
    content: "\eb50";
}
.uil-horizontal-align-center:before {
    content: "\eb51";
}
.uil-horizontal-align-left:before {
    content: "\eb52";
}
.uil-horizontal-align-right:before {
    content: "\eb53";
}
.uil-horizontal-distribution-center:before {
    content: "\eb54";
}
.uil-horizontal-distribution-left:before {
    content: "\eb55";
}
.uil-horizontal-distribution-right:before {
    content: "\eb56";
}
.uil-hourglass:before {
    content: "\eb57";
}
.uil-css3-alt:before {
    content: "\eb58";
}
.uil-css3:before {
    content: "\eb59";
}
.uil-hunting:before {
    content: "\eb5a";
}
.uil-image-alt-slash:before {
    content: "\eb5b";
}
.uil-image-block:before {
    content: "\eb5c";
}
.uil-image-broken:before {
    content: "\eb5d";
}
.uil-image-check:before {
    content: "\eb5e";
}
.uil-image-download:before {
    content: "\eb5f";
}
.uil-image-edit:before {
    content: "\eb60";
}
.uil-image-lock:before {
    content: "\eb61";
}
.uil-image-minus:before {
    content: "\eb62";
}
.uil-image-plus:before {
    content: "\eb63";
}
.uil-image-question:before {
    content: "\eb64";
}
.uil-image-redo:before {
    content: "\eb65";
}
.uil-image-resize-landscape:before {
    content: "\eb66";
}
.uil-image-resize-square:before {
    content: "\eb67";
}
.uil-image-search:before {
    content: "\eb68";
}
.uil-image-share:before {
    content: "\eb69";
}
.uil-image-shield:before {
    content: "\eb6a";
}
.uil-image-slash:before {
    content: "\eb6b";
}
.uil-image-times:before {
    content: "\eb6c";
}
.uil-image-upload:before {
    content: "\eb6d";
}
.uil-image-v:before {
    content: "\eb6e";
}
.uil-image:before {
    content: "\eb6f";
}
.uil-images:before {
    content: "\eb70";
}
.uil-import:before {
    content: "\eb71";
}
.uil-incoming-call:before {
    content: "\eb72";
}
.uil-info-circle:before {
    content: "\eb73";
}
.uil-instagram-alt:before {
    content: "\eb74";
}
.uil-instagram:before {
    content: "\eb75";
}
.uil-intercom-alt:before {
    content: "\eb76";
}
.uil-intercom:before {
    content: "\eb77";
}
.uil-invoice:before {
    content: "\eb78";
}
.uil-italic:before {
    content: "\eb79";
}
.uil-jackhammer:before {
    content: "\eb7a";
}
.uil-java-script:before {
    content: "\eb7b";
}
.uil-kayak:before {
    content: "\eb7c";
}
.uil-key-skeleton-alt:before {
    content: "\eb7d";
}
.uil-key-skeleton:before {
    content: "\eb7e";
}
.uil-keyboard-alt:before {
    content: "\eb7f";
}
.uil-keyboard-hide:before {
    content: "\eb80";
}
.uil-keyboard-show:before {
    content: "\eb81";
}
.uil-keyboard:before {
    content: "\eb82";
}
.uil-keyhole-circle:before {
    content: "\eb83";
}
.uil-keyhole-square-full:before {
    content: "\eb84";
}
.uil-keyhole-square:before {
    content: "\eb85";
}
.uil-kid:before {
    content: "\eb86";
}
.uil-label-alt:before {
    content: "\eb87";
}
.uil-label:before {
    content: "\eb88";
}
.uil-lamp:before {
    content: "\eb89";
}
.uil-laptop-cloud:before {
    content: "\eb8a";
}
.uil-laptop:before {
    content: "\eb8b";
}
.uil-laughing:before {
    content: "\eb8c";
}
.uil-layer-group:before {
    content: "\eb8d";
}
.uil-layers-alt:before {
    content: "\eb8e";
}
.uil-layers-slash:before {
    content: "\eb8f";
}
.uil-layers:before {
    content: "\eb90";
}
.uil-left-arrow-from-left:before {
    content: "\eb91";
}
.uil-left-arrow-to-left:before {
    content: "\eb92";
}
.uil-left-indent:before {
    content: "\eb93";
}
.uil-left-to-right-text-direction:before {
    content: "\eb94";
}
.uil-life-ring:before {
    content: "\eb95";
}
.uil-lightbulb-alt:before {
    content: "\eb96";
}
.uil-lightbulb:before {
    content: "\eb97";
}
.uil-line-alt:before {
    content: "\eb98";
}
.uil-line-spacing:before {
    content: "\eb99";
}
.uil-line:before {
    content: "\eb9a";
}
.uil-link-alt:before {
    content: "\eb9b";
}
.uil-link-broken:before {
    content: "\eb9c";
}
.uil-link-h:before {
    content: "\eb9d";
}
.uil-link:before {
    content: "\eb9e";
}
.uil-linkedin-alt:before {
    content: "\eb9f";
}
.uil-left-indent-alt:before {
    content: "\eba0";
}
.uil-list-ul:before {
    content: "\eba1";
}
.uil-location-arrow-alt:before {
    content: "\eba2";
}
.uil-location-arrow:before {
    content: "\eba3";
}
.uil-layer-group-slash:before {
    content: "\eba4";
}
.uil-location-pin-alt:before {
    content: "\eba5";
}
.uil-list-ui-alt:before {
    content: "\eba6";
}
.uil-location-point:before {
    content: "\eba7";
}
.uil-linkedin:before {
    content: "\eba8";
}
.uil-lock-access:before {
    content: "\eba9";
}
.uil-location:before {
    content: "\ebaa";
}
.uil-lock-alt:before {
    content: "\ebab";
}
.uil-lock-open-alt:before {
    content: "\ebac";
}
.uil-lock-slash:before {
    content: "\ebad";
}
.uil-mailbox-alt:before {
    content: "\ebae";
}
.uil-lock:before {
    content: "\ebaf";
}
.uil-mailbox:before {
    content: "\ebb0";
}
.uil-map-marker-alt:before {
    content: "\ebb1";
}
.uil-map-marker-edit:before {
    content: "\ebb2";
}
.uil-map-marker-info:before {
    content: "\ebb3";
}
.uil-map-marker-minus:before {
    content: "\ebb4";
}
.uil-map-marker-plus:before {
    content: "\ebb5";
}
.uil-map-marker-question:before {
    content: "\ebb6";
}
.uil-map-marker-shield:before {
    content: "\ebb7";
}
.uil-map-marker-slash:before {
    content: "\ebb8";
}
.uil-map-marker:before {
    content: "\ebb9";
}
.uil-map-pin-alt:before {
    content: "\ebba";
}
.uil-map-pin:before {
    content: "\ebbb";
}
.uil-map:before {
    content: "\ebbc";
}
.uil-mars:before {
    content: "\ebbd";
}
.uil-master-card:before {
    content: "\ebbe";
}
.uil-maximize-left:before {
    content: "\ebbf";
}
.uil-medal:before {
    content: "\ebc0";
}
.uil-medical-drip:before {
    content: "\ebc1";
}
.uil-medical-square-full:before {
    content: "\ebc2";
}
.uil-medical-square:before {
    content: "\ebc3";
}
.uil-medical:before {
    content: "\ebc4";
}
.uil-medium-m:before {
    content: "\ebc5";
}
.uil-medkit:before {
    content: "\ebc6";
}
.uil-meeting-board:before {
    content: "\ebc7";
}
.uil-megaphone:before {
    content: "\ebc8";
}
.uil-meh-alt:before {
    content: "\ebc9";
}
.uil-meh-closed-eye:before {
    content: "\ebca";
}
.uil-meh:before {
    content: "\ebcb";
}
.uil-message:before {
    content: "\ebcc";
}
.uil-metro:before {
    content: "\ebcd";
}
.uil-microphone-slash:before {
    content: "\ebce";
}
.uil-microphone:before {
    content: "\ebcf";
}
.uil-minus-circle:before {
    content: "\ebd0";
}
.uil-minus-path:before {
    content: "\ebd1";
}
.uil-minus-square-full:before {
    content: "\ebd2";
}
.uil-minus-square:before {
    content: "\ebd3";
}
.uil-minus:before {
    content: "\ebd4";
}
.uil-missed-call:before {
    content: "\ebd5";
}
.uil-mobey-bill-slash:before {
    content: "\ebd6";
}
.uil-mobile-android-alt:before {
    content: "\ebd7";
}
.uil-mobile-android:before {
    content: "\ebd8";
}
.uil-mobile-vibrate:before {
    content: "\ebd9";
}
.uil-modem:before {
    content: "\ebda";
}
.uil-money-bill-stack:before {
    content: "\ebdb";
}
.uil-money-bill:before {
    content: "\ebdc";
}
.uil-money-insert:before {
    content: "\ebdd";
}
.uil-money-stack:before {
    content: "\ebde";
}
.uil-money-withdraw:before {
    content: "\ebdf";
}
.uil-money-withdrawal:before {
    content: "\ebe0";
}
.uil-moneybag-alt:before {
    content: "\ebe1";
}
.uil-moneybag:before {
    content: "\ebe2";
}
.uil-monitor-heart-rate:before {
    content: "\ebe3";
}
.uil-monitor:before {
    content: "\ebe4";
}
.uil-moon-eclipse:before {
    content: "\ebe5";
}
.uil-moon:before {
    content: "\ebe6";
}
.uil-moonset:before {
    content: "\ebe7";
}
.uil-mountains-sun:before {
    content: "\ebe8";
}
.uil-mountains:before {
    content: "\ebe9";
}
.uil-mouse-alt:before {
    content: "\ebea";
}
.uil-mouse:before {
    content: "\ebeb";
}
.uil-multiply:before {
    content: "\ebec";
}
.uil-music-note:before {
    content: "\ebed";
}
.uil-music-tune-slash:before {
    content: "\ebee";
}
.uil-music:before {
    content: "\ebef";
}
.uil-n-a:before {
    content: "\ebf0";
}
.uil-navigator:before {
    content: "\ebf1";
}
.uil-nerd:before {
    content: "\ebf2";
}
.uil-newspaper:before {
    content: "\ebf3";
}
.uil-ninja:before {
    content: "\ebf4";
}
.uil-no-entry:before {
    content: "\ebf5";
}
.uil-notebooks:before {
    content: "\ebf6";
}
.uil-notes:before {
    content: "\ebf7";
}
.uil-object-group:before {
    content: "\ebf8";
}
.uil-object-ungroup:before {
    content: "\ebf9";
}
.uil-octagon:before {
    content: "\ebfa";
}
.uil-opera-alt:before {
    content: "\ebfb";
}
.uil-opera:before {
    content: "\ebfc";
}
.uil-outgoing-call:before {
    content: "\ebfd";
}
.uil-package:before {
    content: "\ebfe";
}
.uil-padlock:before {
    content: "\ebff";
}
.uil-paint-tool:before {
    content: "\ec00";
}
.uil-palette:before {
    content: "\ec01";
}
.uil-panorama-h-alt:before {
    content: "\ec02";
}
.uil-panorama-h:before {
    content: "\ec03";
}
.uil-panorama-v:before {
    content: "\ec04";
}
.uil-paperclip:before {
    content: "\ec05";
}
.uil-paragraph:before {
    content: "\ec06";
}
.uil-parcel:before {
    content: "\ec07";
}
.uil-parking-square:before {
    content: "\ec08";
}
.uil-pathfinder-unite:before {
    content: "\ec09";
}
.uil-pathfinder:before {
    content: "\ec0a";
}
.uil-pause-circle:before {
    content: "\ec0b";
}
.uil-pause:before {
    content: "\ec0c";
}
.uil-paypal:before {
    content: "\ec0d";
}
.uil-pen:before {
    content: "\ec0e";
}
.uil-pentagon:before {
    content: "\ec0f";
}
.uil-percentage:before {
    content: "\ec10";
}
.uil-phone-alt:before {
    content: "\ec11";
}
.uil-phone-pause:before {
    content: "\ec12";
}
.uil-phone-slash:before {
    content: "\ec13";
}
.uil-phone-times:before {
    content: "\ec14";
}
.uil-phone-volume:before {
    content: "\ec15";
}
.uil-phone:before {
    content: "\ec16";
}
.uil-picture:before {
    content: "\ec17";
}
.uil-plane-departure:before {
    content: "\ec18";
}
.uil-plane-fly:before {
    content: "\ec19";
}
.uil-plane:before {
    content: "\ec1a";
}
.uil-play-circle:before {
    content: "\ec1b";
}
.uil-plane-arrival:before {
    content: "\ec1c";
}
.uil-plus-circle:before {
    content: "\ec1d";
}
.uil-plus-square:before {
    content: "\ec1e";
}
.uil-plus10:before {
    content: "\ec1f";
}
.uil-polygon:before {
    content: "\ec20";
}
.uil-podium:before {
    content: "\ec21";
}
.uil-presentation-lines-alt:before {
    content: "\ec22";
}
.uil-presentation-line:before {
    content: "\ec23";
}
.uil-previous:before {
    content: "\ec24";
}
.uil-presentation:before {
    content: "\ec25";
}
.uil-pound:before {
    content: "\ec26";
}
.uil-postcard:before {
    content: "\ec27";
}
.uil-pound-circle:before {
    content: "\ec28";
}
.uil-post-stamp:before {
    content: "\ec29";
}
.uil-registered:before {
    content: "\ec2a";
}
.uil-refresh:before {
    content: "\ec2b";
}
.uil-right-to-left-text-direction:before {
    content: "\ec2c";
}
.uil-record-audio:before {
    content: "\ec2d";
}
.uil-receipt:before {
    content: "\ec2e";
}
.uil-question-circle:before {
    content: "\ec2f";
}
.uil-puzzle-piece:before {
    content: "\ec30";
}
.uil-pump:before {
    content: "\ec31";
}
.uil-sad-squint:before {
    content: "\ec32";
}
.uil-sad-crying:before {
    content: "\ec33";
}
.uil-sad-cry:before {
    content: "\ec34";
}
.uil-receipt-alt:before {
    content: "\ec35";
}
.uil-raindrops:before {
    content: "\ec36";
}
.uil-raindrops-alt:before {
    content: "\ec37";
}
.uil-sad-dizzy:before {
    content: "\ec38";
}
.uil-presentation-play:before {
    content: "\ec39";
}
.uil-presentation-times:before {
    content: "\ec3a";
}
.uil-shopping-cart-alt:before {
    content: "\ec3b";
}
.uil-shovel:before {
    content: "\ec3c";
}
.uil-smile-wink-alt:before {
    content: "\ec3d";
}
.uil-shopping-trolley:before {
    content: "\ec3e";
}
.uil-smile-squint-wink:before {
    content: "\ec3f";
}
.uil-smile-beam:before {
    content: "\ec40";
}
.uil-sliders-v:before {
    content: "\ec41";
}
.uil-presentation-minus:before {
    content: "\ec42";
}
.uil-smile-squint-wink-alt:before {
    content: "\ec43";
}
.uil-smile-dizzy:before {
    content: "\ec44";
}
.uil-swatchbook:before {
    content: "\ec45";
}
.uil-sliders-v-alt:before {
    content: "\ec46";
}
.uil-surprise:before {
    content: "\ec47";
}
.uil-sun:before {
    content: "\ec48";
}
.uil-sunset:before {
    content: "\ec49";
}
.uil-suitcase:before {
    content: "\ec4a";
}
.uil-slack:before {
    content: "\ec4b";
}
.uil-shield-check:before {
    content: "\ec4c";
}
.uil-shield-exclamation:before {
    content: "\ec4d";
}
.uil-rss:before {
    content: "\ec4e";
}
.uil-ruler:before {
    content: "\ec4f";
}
.uil-ruler-combined:before {
    content: "\ec50";
}
.uil-suitcase-alt:before {
    content: "\ec51";
}
.uil-store-alt:before {
    content: "\ec52";
}
.uil-stop-circle:before {
    content: "\ec53";
}
.uil-step-backward:before {
    content: "\ec54";
}
.uil-step-forward:before {
    content: "\ec55";
}
.uil-rss-interface:before {
    content: "\ec56";
}
.uil-react:before {
    content: "\ec57";
}
.uil-rss-alt:before {
    content: "\ec58";
}
.uil-redo:before {
    content: "\ec59";
}
.uil-right-indent-alt:before {
    content: "\ec5a";
}
.uil-reddit-alien-alt:before {
    content: "\ec5b";
}
.uil-step-backward-circle:before {
    content: "\ec5c";
}
.uil-spin:before {
    content: "\ec5d";
}
.uil-spade:before {
    content: "\ec5e";
}
.uil-space-key:before {
    content: "\ec5f";
}
.uil-restaurant:before {
    content: "\ec60";
}
.uil-snowflake:before {
    content: "\ec61";
}
.uil-repeat:before {
    content: "\ec62";
}
.uil-snowflake-alt:before {
    content: "\ec63";
}
.uil-snapchat-ghost:before {
    content: "\ec64";
}
.uil-smile-wink:before {
    content: "\ec65";
}
.uil-smile:before {
    content: "\ec66";
}
.uil-raddit-alien-alt:before {
    content: "\ec67";
}
.uil-rainbow:before {
    content: "\ec68";
}
.uil-rotate-360:before {
    content: "\ec69";
}
.uil-rope-way:before {
    content: "\ec6a";
}
.uil-snapchat-alt:before {
    content: "\ec6b";
}
.uil-sperms:before {
    content: "\ec6c";
}
.uil-stopwatch:before {
    content: "\ec6d";
}
.uil-robot:before {
    content: "\ec6e";
}
.uil-signal:before {
    content: "\ec6f";
}
.uil-silence:before {
    content: "\ec70";
}
.uil-silent-squint:before {
    content: "\ec71";
}
.uil-square:before {
    content: "\ec72";
}
.uil-signal-alt:before {
    content: "\ec73";
}
.uil-square-shape:before {
    content: "\ec74";
}
.uil-star-half-alt:before {
    content: "\ec75";
}
.uil-squint:before {
    content: "\ec76";
}
.uil-shopping-basket:before {
    content: "\ec77";
}
.uil-slack-alt:before {
    content: "\ec78";
}
.uil-skype:before {
    content: "\ec79";
}
.uil-square-full:before {
    content: "\ec7a";
}
.uil-sorting:before {
    content: "\ec7b";
}
.uil-sort:before {
    content: "\ec7c";
}
.uil-sort-amount-up:before {
    content: "\ec7d";
}
.uil-skip-forward-circle:before {
    content: "\ec7e";
}
.uil-skype-alt:before {
    content: "\ec7f";
}
.uil-skip-forward-alt:before {
    content: "\ec80";
}
.uil-skip-forward:before {
    content: "\ec81";
}
.uil-sitemap:before {
    content: "\ec82";
}
.uil-sort-amount-down:before {
    content: "\ec83";
}
.uil-sim-card:before {
    content: "\ec84";
}
.uil-snow-flake:before {
    content: "\ec85";
}
.uil-sport:before {
    content: "\ec86";
}
.uil-servers:before {
    content: "\ec87";
}
.uil-snapchat-square:before {
    content: "\ec88";
}
.uil-sign-alt:before {
    content: "\ec89";
}
.uil-sign-in-alt:before {
    content: "\ec8a";
}
.uil-server-connection:before {
    content: "\ec8b";
}
.uil-shuffle:before {
    content: "\ec8c";
}
.uil-shutter:before {
    content: "\ec8d";
}
.uil-shrink:before {
    content: "\ec8e";
}
.uil-server:before {
    content: "\ec8f";
}
.uil-server-alt:before {
    content: "\ec90";
}
.uil-selfie:before {
    content: "\ec91";
}
.uil-search:before {
    content: "\ec92";
}
.uil-shutter-alt:before {
    content: "\ec93";
}
.uil-sigma:before {
    content: "\ec94";
}
.uil-server-network:before {
    content: "\ec95";
}
.uil-search-plus:before {
    content: "\ec96";
}
.uil-search-alt:before {
    content: "\ec97";
}
.uil-scroll:before {
    content: "\ec98";
}
.uil-sick:before {
    content: "\ec99";
}
.uil-subway-alt:before {
    content: "\ec9a";
}
.uil-subway:before {
    content: "\ec9b";
}
.uil-search-minus:before {
    content: "\ec9c";
}
.uil-scroll-h:before {
    content: "\ec9d";
}
.uil-screw:before {
    content: "\ec9e";
}
.uil-signal-alt-3:before {
    content: "\ec9f";
}
.uil-sign-right:before {
    content: "\eca0";
}
.uil-sign-out-alt:before {
    content: "\eca1";
}
.uil-schedule:before {
    content: "\eca2";
}
.uil-science:before {
    content: "\eca3";
}
.uil-sign-left:before {
    content: "\eca4";
}
.uil-scenery:before {
    content: "\eca5";
}
.uil-scaling-right:before {
    content: "\eca6";
}
.uil-presentation-edit:before {
    content: "\eca7";
}
.uil-presentation-check:before {
    content: "\eca8";
}
.uil-processor:before {
    content: "\eca9";
}
.uil-process:before {
    content: "\ecaa";
}
.uil-presentation-plus:before {
    content: "\ecab";
}
.uil-scaling-left:before {
    content: "\ecac";
}
.uil-sad:before {
    content: "\ecad";
}
.uil-print-slash:before {
    content: "\ecae";
}
.uil-print:before {
    content: "\ecaf";
}
.uil-share-alt:before {
    content: "\ecb0";
}
.uil-pricetag-alt:before {
    content: "\ecb1";
}
.uil-subject:before {
    content: "\ecb2";
}
.uil-servicemark:before {
    content: "\ecb3";
}
.uil-streering:before {
    content: "\ecb4";
}
.uil-plug:before {
    content: "\ecb5";
}
.uil-prescription-bottle:before {
    content: "\ecb6";
}
.uil-store:before {
    content: "\ecb7";
}
.uil-power:before {
    content: "\ecb8";
}
.uil-stretcher:before {
    content: "\ecb9";
}
.uil-shop:before {
    content: "\ecba";
}
.uil-play:before {
    content: "\ecbb";
}
.uil-shield:before {
    content: "\ecbc";
}
.uil-ship:before {
    content: "\ecbd";
}
.uil-shield-slash:before {
    content: "\ecbe";
}
.uil-shield-question:before {
    content: "\ecbf";
}
.uil-swiggy:before {
    content: "\ecc0";
}
.uil-swimmer:before {
    content: "\ecc1";
}
.uil-symbol:before {
    content: "\ecc2";
}
.uil-sync-exclamation:before {
    content: "\ecc3";
}
.uil-sync-slash:before {
    content: "\ecc4";
}
.uil-sync:before {
    content: "\ecc5";
}
.uil-syringe:before {
    content: "\ecc6";
}
.uil-table:before {
    content: "\ecc7";
}
.uil-tablet:before {
    content: "\ecc8";
}
.uil-tablets:before {
    content: "\ecc9";
}
.uil-tachometer-fast:before {
    content: "\ecca";
}
.uil-tag-alt:before {
    content: "\eccb";
}
.uil-tag:before {
    content: "\eccc";
}
.uil-tape:before {
    content: "\eccd";
}
.uil-taxi:before {
    content: "\ecce";
}
.uil-tear:before {
    content: "\eccf";
}
.uil-technology:before {
    content: "\ecd0";
}
.uil-telegram-alt:before {
    content: "\ecd1";
}
.uil-telegram:before {
    content: "\ecd2";
}
.uil-telescope:before {
    content: "\ecd3";
}
.uil-temperature-empty:before {
    content: "\ecd4";
}
.uil-temperature-half:before {
    content: "\ecd5";
}
.uil-temperature-plus:before {
    content: "\ecd6";
}
.uil-temperature-minus:before {
    content: "\ecd7";
}
.uil-temperature-quarter:before {
    content: "\ecd8";
}
.uil-temperature:before {
    content: "\ecd9";
}
.uil-temperature-three-quarter:before {
    content: "\ecda";
}
.uil-text-fields:before {
    content: "\ecdb";
}
.uil-text-size:before {
    content: "\ecdc";
}
.uil-text-strike-through:before {
    content: "\ecdd";
}
.uil-text:before {
    content: "\ecde";
}
.uil-th-large:before {
    content: "\ecdf";
}
.uil-th-slash:before {
    content: "\ece0";
}
.uil-th:before {
    content: "\ece1";
}
.uil-step-backward-alt:before {
    content: "\ece2";
}
.uil-stopwatch-slash:before {
    content: "\ece3";
}
.uil-star:before {
    content: "\ece4";
}
.uil-server-network-alt:before {
    content: "\ece5";
}
.uil-thermometer:before {
    content: "\ece6";
}
.uil-thumbs-down:before {
    content: "\ece7";
}
.uil-thumbs-up:before {
    content: "\ece8";
}
.uil-thunderstorm-moon:before {
    content: "\ece9";
}
.uil-thunderstorm-sun:before {
    content: "\ecea";
}
.uil-thunderstorm:before {
    content: "\eceb";
}
.uil-ticket:before {
    content: "\ecec";
}
.uil-times-circle:before {
    content: "\eced";
}
.uil-times-square:before {
    content: "\ecee";
}
.uil-times:before {
    content: "\ecef";
}
.uil-toggle-on:before {
    content: "\ecf0";
}
.uil-toggle-off:before {
    content: "\ecf1";
}
.uil-top-arrow-from-top:before {
    content: "\ecf2";
}
.uil-top-arrow-to-top:before {
    content: "\ecf3";
}
.uil-tornado:before {
    content: "\ecf4";
}
.uil-trademark-circle:before {
    content: "\ecf5";
}
.uil-trademark:before {
    content: "\ecf6";
}
.uil-traffic-barrier:before {
    content: "\ecf7";
}
.uil-trash-alt:before {
    content: "\ecf8";
}
.uil-trash:before {
    content: "\ecf9";
}
.uil-trophy:before {
    content: "\ecfa";
}
.uil-trees:before {
    content: "\ecfb";
}
.uil-trowel:before {
    content: "\ecfc";
}
.uil-truck-case:before {
    content: "\ecfd";
}
.uil-triangle:before {
    content: "\ecfe";
}
.uil-truck-loading:before {
    content: "\ecff";
}
.uil-truck:before {
    content: "\ed00";
}
.uil-tumblr-alt:before {
    content: "\ed01";
}
.uil-tumblr-square:before {
    content: "\ed02";
}
.uil-tumblr:before {
    content: "\ed03";
}
.uil-tv-retro-slash:before {
    content: "\ed04";
}
.uil-tv-retro:before {
    content: "\ed05";
}
.uil-twitter-alt:before {
    content: "\ed06";
}
.uil-umbrella:before {
    content: "\ed07";
}
.uil-unamused:before {
    content: "\ed08";
}
.uil-underline:before {
    content: "\ed09";
}
.uil-twitter:before {
    content: "\ed0a";
}
.uil-university:before {
    content: "\ed0b";
}
.uil-unlock-alt:before {
    content: "\ed0c";
}
.uil-unlock:before {
    content: "\ed0d";
}
.uil-upload-alt:before {
    content: "\ed0e";
}
.uil-upload:before {
    content: "\ed0f";
}
.uil-usd-circle:before {
    content: "\ed10";
}
.uil-usd-square:before {
    content: "\ed11";
}
.uil-user-check:before {
    content: "\ed12";
}
.uil-user-circle:before {
    content: "\ed13";
}
.uil-user-hard-hat:before {
    content: "\ed14";
}
.uil-user-exclamation:before {
    content: "\ed15";
}
.uil-user-minus:before {
    content: "\ed16";
}
.uil-user-plus:before {
    content: "\ed17";
}
.uil-user-square:before {
    content: "\ed18";
}
.uil-user-times:before {
    content: "\ed19";
}
.uil-user:before {
    content: "\ed1a";
}
.uil-users-alt:before {
    content: "\ed1b";
}
.uil-utensils-alt:before {
    content: "\ed1c";
}
.uil-utensils:before {
    content: "\ed1d";
}
.uil-vector-square-alt:before {
    content: "\ed1e";
}
.uil-vector-square:before {
    content: "\ed1f";
}
.uil-venus:before {
    content: "\ed20";
}
.uil-vertical-align-bottom:before {
    content: "\ed21";
}
.uil-vertical-align-center:before {
    content: "\ed22";
}
.uil-vertical-align-top:before {
    content: "\ed23";
}
.uil-vertical-distribute-bottom:before {
    content: "\ed24";
}
.uil-vertical-distribution-center:before {
    content: "\ed25";
}
.uil-vertical-distribution-top:before {
    content: "\ed26";
}
.uil-video-slash:before {
    content: "\ed27";
}
.uil-video:before {
    content: "\ed28";
}
.uil-visual-studio:before {
    content: "\ed29";
}
.uil-vk-alt:before {
    content: "\ed2a";
}
.uil-vk:before {
    content: "\ed2b";
}
.uil-voicemail-rectangle:before {
    content: "\ed2c";
}
.uil-voicemail:before {
    content: "\ed2d";
}
.uil-volleyball:before {
    content: "\ed2e";
}
.uil-volume-down:before {
    content: "\ed2f";
}
.uil-volume-mute:before {
    content: "\ed30";
}
.uil-volume-off:before {
    content: "\ed31";
}
.uil-volume-up:before {
    content: "\ed32";
}
.uil-volume:before {
    content: "\ed33";
}
.uil-vuejs-alt:before {
    content: "\ed34";
}
.uil-wall:before {
    content: "\ed35";
}
.uil-wallet:before {
    content: "\ed36";
}
.uil-water-drop-slash:before {
    content: "\ed37";
}
.uil-watch:before {
    content: "\ed38";
}
.uil-watch-alt:before {
    content: "\ed39";
}
.uil-web-grid-alt:before {
    content: "\ed3a";
}
.uil-water:before {
    content: "\ed3b";
}
.uil-water-glass:before {
    content: "\ed3c";
}
.uil-webcam:before {
    content: "\ed3d";
}
.uil-web-section:before {
    content: "\ed3e";
}
.uil-vuejs:before {
    content: "\ed3f";
}
.uil-wheel-barrow:before {
    content: "\ed40";
}
.uil-web-grid:before {
    content: "\ed41";
}
.uil-web-section-alt:before {
    content: "\ed42";
}
.uil-wifi-slash:before {
    content: "\ed43";
}
.uil-wifi:before {
    content: "\ed44";
}
.uil-wifi-router:before {
    content: "\ed45";
}
.uil-wheelchair:before {
    content: "\ed46";
}
.uil-wind-moon:before {
    content: "\ed47";
}
.uil-wheelchair-alt:before {
    content: "\ed48";
}
.uil-wind-sun:before {
    content: "\ed49";
}
.uil-window-maximize:before {
    content: "\ed4a";
}
.uil-window-grid:before {
    content: "\ed4b";
}
.uil-window-restore:before {
    content: "\ed4c";
}
.uil-window-section:before {
    content: "\ed4d";
}
.uil-weight:before {
    content: "\ed4e";
}
.uil-window:before {
    content: "\ed4f";
}
.uil-windsock:before {
    content: "\ed50";
}
.uil-wrap-text:before {
    content: "\ed51";
}
.uil-wrench:before {
    content: "\ed52";
}
.uil-whatsapp:before {
    content: "\ed53";
}
.uil-yellow:before {
    content: "\ed54";
}
.uil-yen-circle:before {
    content: "\ed55";
}
.uil-yen:before {
    content: "\ed56";
}
.uil-yin-yang:before {
    content: "\ed57";
}
.uil-youtube-alt:before {
    content: "\ed58";
}
.uil-youtube:before {
    content: "\ed59";
}
.uil-wind:before {
    content: "\ed5a";
}
.counter-wrapper p {
    margin-bottom: 0;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
}
.counter-wrapper .counter {
    font-size: calc(1.325rem + 0.9vw);
    letter-spacing: normal;
    line-height: 1;
    margin-bottom: 0.5rem;
}
@media (min-width: 1200px) {
    .counter-wrapper .counter {
        font-size: 2rem;
    }
}
.counter-wrapper .counter.counter-lg {
    font-size: calc(1.345rem + 1.14vw);
}
@media (min-width: 1200px) {
    .counter-wrapper .counter.counter-lg {
        font-size: 2.2rem;
    }
}
.counter-wrapper .card-body {
    padding: 1.5rem;
}
.counter-wrapper .icon-bg {
    margin: 0 auto;
}
html, body {
    height: 100%;
}
body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.content-wrapper, footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.content-wrapper {
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.overlay {
    position: relative;
    text-align: center;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}
figure.overlay img {
    opacity: 1;
    width: 100%;
    max-width: 100%;
    vertical-align: top;
    position: relative;
}
.overlay figcaption, .overlay .figcaption {
    padding: 0.5rem;
    z-index: 5;
    pointer-events: none;
}
.overlay * {
    transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
    .overlay * {
        transition: none;
    }
}
.overlay img {
    transition: none;
}
.overlay:not(.caption-overlay) i {
    display: block;
    font-size: calc(1.265rem + 0.18vw);
}
@media (min-width: 1200px) {
    .overlay:not(.caption-overlay) i {
        font-size: 1.4rem;
    }
}
.overlay a, .overlay span.bg {
    position: relative;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    cursor: pointer !important;
}
.overlay span.bg {
    opacity: 0;
    z-index: 4;
    position: absolute;
    width: 100%;
    height: 100%;
}
.overlay span.bg {
    background: rgba(30, 34, 40, 0.6);
}
.overlay.color span.bg {
    background: rgba(250, 183, 88, 0.7);
}
.overlay.light span.bg {
    background: rgba(255, 255, 255, 0.6);
}
.overlay:hover span.bg {
    opacity: 1;
    transition: opacity 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .overlay:hover span.bg {
        transition: none;
    }
}
.overlay * {
    color: #fff !important;
}
.overlay.light * {
    color: #343f52 !important;
}
.overlay img {
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: top;
}
.overlay1 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.overlay1 figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0.75rem 1rem;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    text-align: center;
}
.overlay1 .from-top {
    position: absolute;
    padding: 0.75rem 1rem;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%);
}
.overlay1:hover figcaption, .overlay1:hover .figcaption {
    opacity: 1;
}
.overlay1:hover figcaption *, .overlay1:hover .figcaption * {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.overlay2 * {
    position: absolute;
    left: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}
.overlay2>* {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
}
.overlay2 figcaption {
    height: 100%;
    opacity: 0;
}
.overlay2 img {
    position: relative;
}
.overlay2 .from-top {
    bottom: 50%;
    padding: 0 1rem;
    -webkit-transform: translate3d(0%, -100%, 0);
    transform: translate3d(0%, -100%, 0);
}
.overlay2 .from-bottom {
    top: 50%;
    padding: 0 1rem;
    -webkit-transform: translate3d(0%, 100%, 0);
    transform: translate3d(0%, 100%, 0);
}
.overlay2:hover * {
    opacity: 1;
}
.overlay2:hover figcaption * {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
}
.hover-scale {
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}
.hover-scale img {
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.hover-scale:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.itooltip-inner {
    padding: 0.7rem 1rem;
    box-shadow: var(--shadow);
    animation: 0.15s linear fadein;
    border-radius: 0.4rem;
}
.itooltip-inner, .itooltip-light.itooltip-inner {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
    color: inherit;
}
.itooltip-dark.itooltip-inner {
    background: rgba(30, 34, 40, 0.9);
}
.itooltip-color.itooltip-inner {
    background: rgba(250, 183, 88, 0.9);
}
.itooltip-primary.itooltip-inner {
    background: rgba(250, 183, 88, 0.9);
}
.itooltip-blue.itooltip-inner {
    background: rgba(63, 120, 224, 0.9);
}
.itooltip-purple.itooltip-inner {
    background: rgba(116, 126, 209, 0.9);
}
.itooltip-violet.itooltip-inner {
    background: rgba(160, 124, 197, 0.9);
}
.itooltip-pink.itooltip-inner {
    background: rgba(209, 107, 134, 0.9);
}
.itooltip-red.itooltip-inner {
    background: rgba(226, 98, 107, 0.9);
}
.itooltip-orange.itooltip-inner {
    background: rgba(247, 139, 119, 0.9);
}
.itooltip-yellow.itooltip-inner {
    background: rgba(250, 183, 88, 0.9);
}
.itooltip-green.itooltip-inner {
    background: rgba(107, 190, 163, 0.9);
}
.itooltip-leaf.itooltip-inner {
    background: rgba(124, 183, 152, 0.9);
}
.itooltip-aqua.itooltip-inner {
    background: rgba(84, 168, 199, 0.9);
}
.itooltip-navy.itooltip-inner {
    background: rgba(52, 63, 82, 0.9);
}
.itooltip-ash.itooltip-inner {
    background: rgba(148, 153, 163, 0.9);
}
.itooltip-white.itooltip-inner {
    background: rgba(255, 255, 255, 0.9);
}
.itooltip-light.itooltip-inner {
    background: rgba(254, 254, 254, 0.9);
}
.itooltip-gray.itooltip-inner {
    background: rgba(246, 247, 249, 0.9);
}
.itooltip-secondary.itooltip-inner {
    background: rgba(170, 176, 188, 0.9);
}
.itooltip-success.itooltip-inner {
    background: rgba(107, 190, 163, 0.9);
}
.itooltip-info.itooltip-inner {
    background: rgba(84, 168, 199, 0.9);
}
.itooltip-warning.itooltip-inner {
    background: rgba(250, 183, 88, 0.9);
}
.itooltip-danger.itooltip-inner {
    background: rgba(226, 98, 107, 0.9);
}
[class*="itooltip-"]:not(.itooltip-light).itooltip-inner * {
    color: #fff;
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.lift {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translateY(0);
    transition: all 0.3s ease;
}
.teaminfo .teaminfotitle {
    padding: 50px 20px 50px 20px;
    text-align: center;
}
@media (max-width: 767px) {
    .teamimg .item {
        width: 50%;
    }
    .teaminfo .teaminfotitle {
        padding: 20px 10px 10px 10px;
        text-align: center;
    }
}
.accordion-wrapper .card {
    box-shadow: rgb(100 100 111 / 2%) 0px 7px 29px 0px !important;
}
.achivements .lift {
    box-shadow: 0rem 0.25rem 1.25rem rgb(52 63 82 / 10%);
    border: 1px solid orange;
}
.lift:hover {
    transform: translateY(-0.4rem);
    box-shadow: 0rem 0.25rem 1.25rem rgba(52, 63, 82, 0.1);
}
.img-blob img {
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: auto;
    width: 100%;
    max-width: 100%;
    -webkit-mask-size: auto auto;
    -webkit-mask-image: url(../../img/blob.svg);
    mask-image: url(../../img/blob.svg);
}
.lg-backdrop {
    background: rgba(30, 34, 40, 0.9);
}
.lg-outer .lg-img-wrap {
    padding: 0.5rem;
}
.lg-outer .lg-item {
    background: none;
}
.lg-outer .lg-item.lg-complete:after {
    display: none;
}
.lg-outer .lg-toolbar {
    background: none;
}
.lg-image, .lg-object {
    border-radius: 0.4rem !important;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
    border: 0;
    background: rgba(30, 34, 40, 0.4);
    color: #fff;
    font-size: 1.2rem;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    border-radius: 100%;
    margin-top: 0;
    padding: 0;
    box-shadow: none;
    transition: all 200ms ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lg-toolbar .lg-icon.lg-close {
    border: 0;
    background: rgba(30, 34, 40, 0.4);
    color: #fff;
    font-size: 1.2rem;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    border-radius: 100%;
    margin-top: 0;
    padding: 0;
    box-shadow: none;
    transition: all 200ms ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.lg-toolbar .lg-icon:hover {
    background: rgba(30, 34, 40, 0.6);
}
.lg-actions .lg-next:hover {
    background: rgba(30, 34, 40, 0.6);
}
.lg-actions .lg-prev:hover {
    background: rgba(30, 34, 40, 0.6);
}
.lg-actions .lg-prev:before {
    font-family: "Unicons";
}
.lg-actions .lg-next:before {
    font-family: "Unicons";
}
.lg-toolbar .lg-icon.lg-close:after {
    font-family: "Unicons";
}
.lg-actions .lg-prev:before {
    content: "\e9f7";
}
.lg-actions .lg-next:before {
    content: "\e9d2";
}
.lg-toolbar .lg-icon.lg-close:after {
    content: "\ecef";
}
.lg-actions .lg-prev {
    left: 1rem;
}
.lg-actions .lg-prev:after {
    display: none;
}
.lg-actions .lg-next {
    right: 1rem;
}
.lg-toolbar .lg-icon.lg-close {
    margin-right: 1rem;
    margin-top: 1rem;
}
.lg-dropdown {
    z-index: 3051;
}
.lg-sub-html {
    padding: 0.5rem 0.5rem 1rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(30, 34, 40, 0.4) 100%);
}
.lg-sub-html p {
    font-size: 0.8rem;
    color: #fff;
    margin: 0;
}
.lg-sub-html h5, .lg-sub-html .h5 {
    color: #fff;
    margin-bottom: 0.2rem;
}
video.player {
    max-width: 100%;
}
.plyr {
    border-radius: 0.4rem;
    position: relative;
    z-index: 2;
}
.plyr__control--overlaid {
    border: 0;
    padding: 1.25rem;
    background: #fff;
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
    color: #343f52;
}
.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
    background: #fff !important;
    color: #e86b1b !important;
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
    transition: all 200ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
        transition: none;
    }
}
.plyr--video .plyr__controls {
    background: linear-gradient(transparent, rgba(30, 34, 40, 0.2));
}
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus, .plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded="true"] {
    background: #e86b1b;
}
.plyr--full-ui input[type="range"] {
    color: #e86b1b;
}
.plyr__control--overlaid::before, .plyr__control--overlaid::after, .btn-circle.ripple::before, .btn-circle.ripple::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: #fff;
    opacity: 0.8;
    animation: ripple-1 2s infinite ease-in-out;
    z-index: -1;
}
.plyr__control--overlaid::after, .btn-circle.ripple::after {
    opacity: 0.6;
    animation: ripple-2 2s infinite ease-in-out;
    animation-delay: 0.5s;
}
.btn-blue.btn-circle.ripple::before, .btn-blue.btn-circle.ripple::after {
    background: #3f78e0;
}
.btn-purple.btn-circle.ripple::before, .btn-purple.btn-circle.ripple::after {
    background: #747ed1;
}
.btn-violet.btn-circle.ripple::before, .btn-violet.btn-circle.ripple::after {
    background: #a07cc5;
}
.btn-pink.btn-circle.ripple::before, .btn-pink.btn-circle.ripple::after {
    background: #d16b86;
}
.btn-red.btn-circle.ripple::before, .btn-red.btn-circle.ripple::after {
    background: #e2626b;
}
.btn-orange.btn-circle.ripple::before, .btn-orange.btn-circle.ripple::after {
    background: #f78b77;
}
.btn-yellow.btn-circle.ripple::before, .btn-yellow.btn-circle.ripple::after {
    background: #e86b1b;
}
.btn-green.btn-circle.ripple::before, .btn-green.btn-circle.ripple::after {
    background: #e86b1b;
}
.btn-leaf.btn-circle.ripple::before, .btn-leaf.btn-circle.ripple::after {
    background: #7cb798;
}
.btn-aqua.btn-circle.ripple::before, .btn-aqua.btn-circle.ripple::after {
    background: #54a8c7;
}
.btn-navy.btn-circle.ripple::before, .btn-navy.btn-circle.ripple::after {
    background: #343f52;
}
.btn-ash.btn-circle.ripple::before, .btn-ash.btn-circle.ripple::after {
    background: #9499a3;
}
.btn-white.btn-circle.ripple::before, .btn-white.btn-circle.ripple::after {
    background: #fff;
}
.btn-light.btn-circle.ripple::before, .btn-light.btn-circle.ripple::after {
    background: #fefefe;
}
.btn-dark.btn-circle.ripple::before, .btn-dark.btn-circle.ripple::after {
    background: #343f52;
}
.btn-primary.btn-circle.ripple::before, .btn-primary.btn-circle.ripple::after {
    background: #e86b1b;
}
.btn-secondary.btn-circle.ripple::before, .btn-secondary.btn-circle.ripple::after {
    background: #aab0bc;
}
.btn-success.btn-circle.ripple::before, .btn-success.btn-circle.ripple::after {
    background: #e86b1b;
}
.btn-info.btn-circle.ripple::before, .btn-info.btn-circle.ripple::after {
    background: #54a8c7;
}
.btn-warning.btn-circle.ripple::before, .btn-warning.btn-circle.ripple::after {
    background: #e86b1b;
}
.btn-danger.btn-circle.ripple::before, .btn-danger.btn-circle.ripple::after {
    background: #e2626b;
}
.btn-gray.btn-circle.ripple::before, .btn-gray.btn-circle.ripple::after {
    background: #aab0bc;
}
.btn-soft-primary.btn-circle.ripple::before, .btn-soft-primary.btn-circle.ripple::after {
    background-color: #fef3e4;
}
.btn-soft-blue.btn-circle.ripple::before, .btn-soft-blue.btn-circle.ripple::after {
    background-color: #e0e9fa;
}
.btn-soft-purple.btn-circle.ripple::before, .btn-soft-purple.btn-circle.ripple::after {
    background-color: #e9eaf8;
}
.btn-soft-violet.btn-circle.ripple::before, .btn-soft-violet.btn-circle.ripple::after {
    background-color: #f0eaf6;
}
.btn-soft-pink.btn-circle.ripple::before, .btn-soft-pink.btn-circle.ripple::after {
    background-color: #f8e7ec;
}
.btn-soft-red.btn-circle.ripple::before, .btn-soft-red.btn-circle.ripple::after {
    background-color: #fae6e7;
}
.btn-soft-orange.btn-circle.ripple::before, .btn-soft-orange.btn-circle.ripple::after {
    background-color: #feece9;
}
.btn-soft-yellow.btn-circle.ripple::before, .btn-soft-yellow.btn-circle.ripple::after {
    background-color: #fef3e4;
}
.btn-soft-green.btn-circle.ripple::before, .btn-soft-green.btn-circle.ripple::after {
    background-color: #e7f5f0;
}
.btn-soft-leaf.btn-circle.ripple::before, .btn-soft-leaf.btn-circle.ripple::after {
    background-color: #eaf3ef;
}
.btn-soft-aqua.btn-circle.ripple::before, .btn-soft-aqua.btn-circle.ripple::after {
    background-color: #e4f1f6;
}
.btn-soft-navy.btn-circle.ripple::before, .btn-soft-navy.btn-circle.ripple::after {
    background-color: #dfe0e3;
}
.btn-soft-ash.btn-circle.ripple::before, .btn-soft-ash.btn-circle.ripple::after {
    background-color: #eeeff0;
}
.btn-soft-dark.btn-circle.ripple::before, .btn-soft-dark.btn-circle.ripple::after {
    background-color: #dcddde;
}
.pricing-wrapper [class*="col-"] {
    z-index: 1;
}
.pricing-wrapper [class*="col-"].popular {
    z-index: 3 !important;
}
.pricing-wrapper [class*="col-"] .pricing.card .card-body {
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
}
.pricing-wrapper [class*="col-"] .pricing.card .card-body .icon {
    margin-bottom: 0.75rem;
}
.pricing-wrapper [class*="col-"] .pricing.card .card-body .card-title {
    margin: 0 0 1.75rem 0;
    padding: 0;
}
.pricing-wrapper [class*="col-"] .pricing.card .prices {
    padding: 0;
    margin: 0;
    line-height: 1;
    background: none;
    font-weight: normal;
    position: relative;
    height: 3rem;
}
.pricing-wrapper [class*="col-"] .pricing.card .prices .price-value {
    font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
    .pricing-wrapper [class*="col-"] .pricing.card .prices .price-value {
        font-size: 3rem;
    }
}
.pricing-wrapper [class*="col-"] .pricing.card .prices .price-currency {
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 0.2rem;
    padding-top: 0.4rem;
}
.pricing-wrapper [class*="col-"] .pricing.card .prices .price-duration {
    font-size: 0.8rem;
    font-weight: 500;
    color: #60697b;
    margin-top: auto;
    margin-bottom: 0.25rem;
}
.pricing-wrapper [class*="col-"] .pricing.card .prices .price-duration:before {
    content: "/";
    padding-right: 0.25rem;
    padding-left: 0.1rem;
}
.pricing-wrapper [class*="col-"] .pricing.card .prices .price {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
}
.pricing-wrapper [class*="col-"] .pricing.card .prices .price-hidden {
    display: none;
}
.pricing-wrapper [class*="col-"] .pricing.card .prices .price-show {
    -webkit-animation: priceShow 0.6s forwards;
    animation: priceShow 0.6s forwards;
}
.pricing-wrapper [class*="col-"] .pricing.card .prices .price-hide {
    -webkit-animation: priceFade 0.6s forwards;
    animation: priceFade 0.6s forwards;
}
.pricing-switcher-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.pricing-switcher-wrapper p:last-child {
    position: relative;
}
.pricing-switcher-wrapper p:last-child .badge {
    position: absolute;
    top: -1rem;
    right: -2rem;
}
.pricing-switchers {
    width: 2rem;
    height: 1rem;
    clear: both;
    text-align: center;
    position: relative;
    background-color: rgba(30, 34, 40, 0.07);
    border-radius: 1.5rem;
    border: 0.2rem solid transparent;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.pricing-switchers .pricing-switcher {
    cursor: pointer;
    width: 100%;
    float: left;
    height: 1rem;
    line-height: 1rem;
    position: relative;
    z-index: 888;
    transition: 0.3s ease-in-out;
    text-transform: uppercase;
}
.pricing-switchers .pricing-switcher:nth-child(1).pricing-switcher-active~.switcher-button {
    left: 0;
}
.pricing-switchers .pricing-switcher:nth-child(2).pricing-switcher-active~.switcher-button {
    left: 50%;
}
.pricing-switchers .switcher-button {
    height: 1rem;
    width: 1rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 555;
    margin: 0;
    border: none;
    transition: 0.3s ease-in-out;
    border-radius: 100%;
}
.pricing-switchers .pricing-switcher.pricing-switcher-active {
    color: #fff;
}
.switcher-dark .pricing-switchers {
    background-color: rgba(255, 255, 255, 0.06);
}
@media (min-width: 992px) {
    .pricing-wrapper .popular .pricing.card {
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin-top: -1rem;
    }
}
@media (min-width: 992px) {
    .process-wrapper.line [class*="col-"] {
        position: relative;
    }
    .process-wrapper.line [class*="col-"]:after {
        width: 100%;
        position: absolute;
        content: "";
        height: 1px;
        background: none;
        border-top: 1px solid rgba(250, 183, 88, 0.8);
        top: 1.5rem;
        z-index: 1;
        left: 3rem;
    }
    .process-wrapper.line [class*="col-"]:last-child:after {
        display: none;
    }
    .process-wrapper.line.text-center [class*="col-"]:before, .process-wrapper.line.text-center [class*="col-"]:after {
        width: 50%;
        position: absolute;
        content: "";
        height: 1px;
        background: rgba(164, 174, 198, 0.2);
        border: 0;
        top: 1.5rem;
        z-index: 1;
        left: 0;
    }
    .process-wrapper.line.text-center [class*="col-"]:after {
        right: 0;
        left: auto;
    }
    .process-wrapper.line.text-center [class*="col-"]:first-child:before, .process-wrapper.line.text-center [class*="col-"]:last-child:after {
        display: none;
    }
}
.process-wrapper.line .btn-circle {
    position: relative;
    z-index: 2;
    border: 3px solid #e86b1b !important;
}
.projects-tiles .project:first-child {
    margin-top: 0;
}
@media (min-width: 768px) {
    .projects-tiles .project {
        margin-top: 10rem;
    }
    .projects-tiles .project-details {
        padding: 2rem;
        padding-bottom: 1rem;
    }
}
@media (max-width: 767px) {
    .projects-tiles .project {
        margin-top: 5rem;
    }
}
.projects-overflow .project-details {
    width: 100%;
}
.projects-overflow .item {
    position: relative;
    margin-top: 2.5rem;
}
.projects-overflow .item:first-child {
    margin-top: 0;
}
@media (min-width: 1200px) {
    .projects-overflow .project-details {
        max-width: 24rem;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .projects-overflow .project-details {
        max-width: 20rem;
    }
}
@media (min-width: 992px) {
    .projects-overflow .project-details {
        position: absolute;
    }
    .projects-overflow .item {
        margin-top: 10rem;
    }
}
@media (max-width: 991.98px) {
    .projects-overflow .project {
        box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04) !important;
        border-radius: 0.4rem !important;
    }
    .projects-overflow .project figure img {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .projects-overflow .project-details .card {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        box-shadow: none !important;
    }
}
.projects-overflow2 .project-image {
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.projects-overflow2 .item {
    position: relative;
    margin-top: 2.5rem;
}
.projects-overflow2 .item .card {
    z-index: 1;
}
.projects-overflow2 .item .card .card-body {
    padding: 4rem;
}
.projects-overflow2 .item:first-child {
    margin-top: 0;
}
@media (min-width: 1400px) {
    .projects-overflow2 .project-image {
        max-width: 30rem;
    }
}
@media (min-width: 1200px) {
    .projects-overflow2 .project-image {
        max-width: 30rem;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .projects-overflow2 .project-image {
        max-width: 25rem;
    }
}
.shape.rellax {
    position: absolute;
}
.shape.rellax {
    z-index: 1;
}
.position-relative .shape.rellax+figure {
    position: relative;
    z-index: 2;
}
.bg-dot, .bg-line {
    opacity: 0.3;
}
.bg-dot {
    background-size: 0.75rem 0.75rem;
}
.bg-dot.blue {
    background-image: radial-gradient(#3f78e0 2px, transparent 2.5px);
}
.bg-dot.purple {
    background-image: radial-gradient(#747ed1 2px, transparent 2.5px);
}
.bg-dot.violet {
    background-image: radial-gradient(#a07cc5 2px, transparent 2.5px);
}
.bg-dot.pink {
    background-image: radial-gradient(#d16b86 2px, transparent 2.5px);
}
.bg-dot.red {
    background-image: radial-gradient(#e2626b 2px, transparent 2.5px);
}
.bg-dot.orange {
    background-image: radial-gradient(#f78b77 2px, transparent 2.5px);
}
.bg-dot.yellow {
    background-image: radial-gradient(#e86b1b 2px, transparent 2.5px);
}
.bg-dot.green {
    background-image: radial-gradient(#e86b1b 2px, transparent 2.5px);
}
.bg-dot.leaf {
    background-image: radial-gradient(#7cb798 2px, transparent 2.5px);
}
.bg-dot.aqua {
    background-image: radial-gradient(#54a8c7 2px, transparent 2.5px);
}
.bg-dot.navy {
    background-image: radial-gradient(#343f52 2px, transparent 2.5px);
}
.bg-dot.ash {
    background-image: radial-gradient(#9499a3 2px, transparent 2.5px);
}
.bg-dot.white {
    background-image: radial-gradient(#fff 2px, transparent 2.5px);
}
.bg-dot.light {
    background-image: radial-gradient(#fefefe 2px, transparent 2.5px);
}
.bg-dot.gray {
    background-image: radial-gradient(#f6f7f9 2px, transparent 2.5px);
}
.bg-dot.dark {
    background-image: radial-gradient(#262b32 2px, transparent 2.5px);
}
.bg-dot.primary {
    background-image: radial-gradient(#e86b1b 2px, transparent 2.5px);
}
.bg-dot.secondary {
    background-image: radial-gradient(#aab0bc 2px, transparent 2.5px);
}
.bg-dot.success {
    background-image: radial-gradient(#e86b1b 2px, transparent 2.5px);
}
.bg-dot.info {
    background-image: radial-gradient(#54a8c7 2px, transparent 2.5px);
}
.bg-dot.warning {
    background-image: radial-gradient(#e86b1b 2px, transparent 2.5px);
}
.bg-dot.danger {
    background-image: radial-gradient(#e2626b 2px, transparent 2.5px);
}
.bg-line.blue {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #3f78e0 1.6px, #3f78e0 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.purple {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #747ed1 1.6px, #747ed1 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.violet {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #a07cc5 1.6px, #a07cc5 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.pink {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #d16b86 1.6px, #d16b86 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.red {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #e2626b 1.6px, #e2626b 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.orange {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #f78b77 1.6px, #f78b77 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.yellow {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #e86b1b 1.6px, #e86b1b 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.green {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #e86b1b 1.6px, #e86b1b 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.leaf {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #7cb798 1.6px, #7cb798 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.aqua {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #54a8c7 1.6px, #54a8c7 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.navy {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #343f52 1.6px, #343f52 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.ash {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #9499a3 1.6px, #9499a3 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.white {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #fff 1.6px, #fff 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.light {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #fefefe 1.6px, #fefefe 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.gray {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #f6f7f9 1.6px, #f6f7f9 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.dark {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #262b32 1.6px, #262b32 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.primary {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #e86b1b 1.6px, #e86b1b 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.secondary {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #aab0bc 1.6px, #aab0bc 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.success {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #e86b1b 1.6px, #e86b1b 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.info {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #54a8c7 1.6px, #54a8c7 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.warning {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #e86b1b 1.6px, #e86b1b 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
.bg-line.danger {
    background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #e2626b 1.6px, #e2626b 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
}
@media (max-width: 575.98px) {
    .shape {
        display: none;
    }
}
.classic-view .post {
    margin-bottom: 2rem;
}
.classic-view .post-header {
    margin-bottom: 0.9rem;
}
.blog.single .post {
    margin-bottom: 0;
}
.post-content {
    position: relative;
}
@media (min-width: 768px) {
    .classic-view article .card-body {
        padding: 2rem 2.5rem 1.25rem;
    }
    .classic-view article .card-footer {
        padding: 1.25rem 2.5rem 1.25rem;
    }
    .blog.single .card-body {
        padding: 1.8rem 2rem 1.8rem;
    }
    .grid-view article .card-body {
        padding: 0.75rem 0.75rem 1rem 0.75rem;
    }
    .grid-view article .card-footer {
        padding: 1.25rem 1.75rem 1.25rem;
    }
}
@media (max-width: 767px) {
    .classic-view article .card-body, .grid-view article .card-body {
        padding-bottom: 1rem;
    }
}
aside .widget+.widget {
    margin-top: 2.5rem;
}
footer [class*="col-"] .widget+.widget {
    margin-top: 1rem;
}
.sticky-sidebar {
    position: sticky;
    top: 0;
    height: 100%;
}
.sidebar nav .nav-link {
    font-weight: 500;
    padding: 0;
}
.sidebar nav .nav-link.active {
    color: #e86b1b !important;
}
#comments {
    margin: 0;
    position: relative;
}
#comments ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments ol.commentlist li.comment {
    margin-top: 2rem;
}
#comments ol.commentlist li.comment:first-child {
    margin: 0;
}
#comments ul.children {
    margin: 2rem 0 0 0;
    overflow: inherit;
    padding: 0 0 0 3.5rem;
    list-style: none;
}
#comments ul.children li.comment {
    position: relative;
}
#comments ul.children li.comment:before {
    display: block;
    font-family: "Custom";
    content: "\e904";
    font-size: calc(1.325rem + 0.9vw);
    position: absolute;
    left: -2rem;
    top: -1.25rem;
    color: rgba(164, 174, 198, 0.25);
}
@media (min-width: 1200px) {
    #comments ul.children li.comment:before {
        font-size: 2rem;
    }
}
#comments .comment-author, #comments .post-meta {
    margin: 0;
}
#comments .comment-author {
    margin-bottom: 0.2rem;
}
.author-info h6, .author-info .h6 {
    margin-bottom: 0.2rem;
}
#comments .comment-header {
    margin-bottom: 0.5rem;
}
#comments .post-meta li:before {
    margin: 0 0.6rem 0 0.4rem;
}
.user-avatar {
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
    position: relative;
    border-radius: 100%;
}
@media (max-width: 767px) {
    #comments .user-avatar {
        display: none;
    }
    #comments ul.children {
        padding-left: 1.5rem;
    }
    #comments ul.children li.comment:before {
        display: none;
    }
}
.wrapper-border {
    border-bottom: 1px solid rgba(164, 174, 198, 0.2);
}
.wrapper-border.bg-dark {
    border-color: rgba(255, 255, 255, 0.08);
}
footer.bg-dark {
    background: #21262c !important;
}
.image-wrapper {
    background: no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 0;
}
.image-wrapper:not(.mobile) {
    background-attachment: fixed !important;
}
.image-wrapper.bg-auto {
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
}
.image-wrapper.bg-full {
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
}
.image-wrapper.bg-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
}
.image-wrapper.bg-top {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
}
.image-wrapper.bg-overlay:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgb(30 34 40 / 76%);
}
.image-wrapper.bg-overlay-100:before {
    background: rgba(30, 34, 40, 0.1);
}
.image-wrapper.bg-overlay-200:before {
    background: rgba(30, 34, 40, 0.2);
}
.image-wrapper.bg-overlay-300:before {
    background: rgba(30, 34, 40, 0.3);
}
.image-wrapper.bg-overlay-400:before {
    background: rgba(30, 34, 40, 0.4);
}
.image-wrapper.bg-overlay:not(.bg-content) *, .image-wrapper.bg-overlay.bg-content .content {
    position: relative;
    z-index: 2;
}
.image-wrapper.card:before {
    border-radius: 0.4rem !important;
}
@media (max-width: 991.98px) {
    .image-wrapper.bg-full {
        background-size: cover !important;
        margin-top: 30px !important;
    }
}
@media (max-width: 767px) {
    .bg-map {
        background: none !important;
    }
}
.video-wrapper-inner {
    height: 30rem;
    width: 100%;
}
.video-wrapper {
    position: relative;
}
.video-wrapper .content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(30, 34, 40, 0.5);
}
.video-wrapper video {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: baseline;
    background-size: cover;
}
video::-webkit-media-controls {
    display: none !important;
}
.wrapper.angled {
    position: relative;
    border: 0;
}
.wrapper.angled:before, .wrapper.angled:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    z-index: 0;
    border: 0 solid transparent;
}
.wrapper.angled.lower-end:after {
    border-right-color: transparent;
    border-right-width: 100vw;
    border-bottom-width: 4rem;
    bottom: -4rem;
}
.wrapper.angled.lower-start:after {
    border-left-color: transparent;
    border-left-width: 100vw;
    border-bottom-width: 4rem;
    bottom: -4rem;
}
.wrapper.angled.upper-end:before {
    border-right-color: transparent;
    border-right-width: 100vw;
    border-top-width: 4rem;
    top: -4rem;
}
.wrapper.angled.upper-start:before {
    border-left-color: transparent;
    border-left-width: 100vw;
    border-top-width: 4rem;
    top: -4rem;
}
footer.bg-dark.angled.lower-end:after, footer.bg-dark.angled.upper-end:before {
    border-right-color: #21262c !important;
}
footer.bg-dark.angled.lower-start:after, footer.bg-dark.angled.upper-start:before {
    border-left-color: #21262c !important;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.ratio {
    position: relative;
    width: 100%;
}
.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}
.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}
@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bg-soft-primary {
    background-color: #fff8ef !important;
}
.bg-gradient-primary {
    background: linear-gradient(180deg, #fff8ef, rgba(255, 255, 255, 0) 100%) !important;
}
.bg-gradient-reverse-primary {
    background: linear-gradient(0deg, #fff8ef, rgba(255, 255, 255, 0) 100%) !important;
}
.wrapper.bg-soft-primary.angled.lower-start:after, .wrapper.bg-soft-primary.angled.upper-start:before {
    border-left-color: #fff8ef !important;
}
.wrapper.bg-soft-primary.angled.lower-end:after, .wrapper.bg-soft-primary.angled.upper-end:before {
    border-right-color: #fff8ef !important;
}
#comapny-profile-button {
    margin: 0 0 30px 10px !important;
    padding-left: 5px;
    padding-right: 5px;
    position: fixed !important;
    z-index: 1;
    bottom: 75px !important;
    text-align: center !important;
    height: 50px;
    min-width: 50px;
    border-radius: 25px;
    visibility: visible;
    transition: none !important;
    background-color: #e86b1b;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    left: 0px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
#comapny-profile-button i {
    color: #fff;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wa-widget-send-button {
    margin: 0 0 30px 10px !important;
    padding-left: 5px;
    padding-right: 5px;
    position: fixed !important;
    z-index: 1;
    bottom: 0 !important;
    text-align: center !important;
    height: 50px;
    min-width: 50px;
    border-radius: 25px;
    visibility: visible;
    transition: none !important;
    background-color: #4dc247;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    left: 0px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
#wa-widget-send-button1 img {
    margin: 0 0 100px 10px !important;
    padding-left: 5px;
    padding-right: 5px;
    position: fixed !important;
    z-index: 1;
    bottom: 2px !important;
    text-align: center !important;
    height: 65px!Important;
    min-width: 50px;
    border-radius: 0;
    visibility: visible;
    transition: none !important;
    background-color: orange;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    left: 0px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wa-messenger-svg-whatsapp {
    fill: white;
    width: 30px;
    height: 30px;
    stroke: none;
}
:root {
    --star-size: 20px;
    --star-color: #fff;
    --star-background: #fc0;
}
.Stars {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    line-height: 1;
}
.Stars::before {
    content: "★★★★★";
    letter-spacing: 3px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.desktop-slider {
    display: block;
}
.mobile-slider {
    display: none;
}
.team-desktop {
    display: block;
}
.team-mobile {
    display: none;
}
@media (max-width: 767px) {
    .desktop-slider {
        display: none;
    }
    .mobile-slider {
        display: block;
    }
    .team-desktop {
        display: none;
    }
    .team-mobile {
        display: block;
    }
}
.indent {
    text-indent: 50px;
}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1024;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 1001;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
#loader-wrapper .loader-section.section-left {
    left: 0;
}
#loader-wrapper .loader-section.section-right {
    right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}
.no-js #loader-wrapper {
    display: none;
}
.no-js h1 {
    color: #222222;
}
#content {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 80%;
    max-width: 978px;
}
.services {
    box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    height: 100%;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e86b1b;
    border-radius: 5px;
}
.panel-default {
    border-color: #e86b1b;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #e86b1b;
    border-color: #ddd;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid #e86b1b;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-body {
    padding: 15px;
}
.panel-default.panel-heading {
    color: #333;
    background-color: #e86b1b;
    border-color: #ddd;
}
.frontend img {
    background-color: #ffefda;
    padding: 10px;
    width: 100%;
    height: 90px;
    object-fit: contain;
}
@media (max-width: 767px) {
    .frontend img {
        background-color: #ffefda;
        padding: 10px;
        width: auto !important;
        height: auto !important;
    }
    .col-panel {
        width: 50%;
    }
    .col-extra {
        display: none;
    }
}
.sectors img {
    width: 100%;
}
.features {
    padding: 30px 0;
}
.features.light-brown {
    background-color: #faf8f5;
}
.features h2.section-title {
    color: #333333;
    font-size: 22px;
    margin: 0;
    text-align: center;
}
.features .v-tabs .v-tab-head a, .features .v-tabs a.v-tab-head {
    color: #292929;
    cursor: pointer;
    display: block;
    padding: 15px 30px 15px 15px;
    border-right: 1px solid #e86b1b;
    margin: 0;
    text-align: right;
}
.features .v-tabs .v-tab-head a.active, .features .v-tabs .v-tab-head a:hover, .features .v-tabs a.v-tab-head.active, .features .v-tabs a.v-tab-head:hover {
    font-weight: bold;
    text-decoration: none;
}
.features .v-tabs .v-tab-head a {
    position: relative;
    display: block;
}
.features .v-tabs .v-tab-head a.active::after, .features .v-tabs .v-tab-head a.active::before {
    content: "";
    border-style: solid;
    border-width: 15px;
    position: absolute;
    right: 0;
    top: 15px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}
.features .v-tabs .v-tab-head a.active::before {
    border-color: #e86b1b transparent transparent;
}
.features .v-tabs .v-tab-head a.active::after {
    margin-right: -1px;
    border-color: #faf8f5 transparent transparent;
}
.features .v-tabs a.v-tab-head {
    border: none;
    padding: 15px 0;
    text-align: left;
    position: relative;
}
.features .v-tabs a.v-tab-head:after {
    color: #e2dcd6;
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.features .v-tabs a.v-tab-head.active::after {
    color: #3c6;
    content: "";
}
.features .v-tabs .v-tab-pane {
    padding: 0 15px;
}
.features .v-tabs .v-tab-pane ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.features .v-tabs .v-tab-pane ul li {
    border-bottom: 1px solid #e2dcd6;
    color: #292929;
    font-size: 16px;
    padding: 15px 0;
}
.features .v-tabs .v-tab-pane ul li i {
    color: #4c81b6;
    cursor: pointer;
    font-size: 14px;
}
.features .v-tabs .v-tab-pane .in {
    border-top: none;
    padding-top: 0;
}
.features .v-tabs .v-tab-pane .popover {
    border: 1px solid #014d7e !important;
    border-radius: 0;
    width: auto;
    margin: 10px 0 0 0;
    max-width: 276px;
    left: auto;
    box-shadow: none;
}
.features .v-tabs .v-tab-pane .popover.bottom .arrow {
    border-bottom-color: #014d7e;
}
.features .v-tabs .v-tab-pane .popover .popover-content {
    font-size: 14px;
    padding: 15px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .home_card {
        height: auto;
    }
    .mobile_white {
        display: none !important;
    }
    .mb-34 {
        margin-bottom: -35px !important;
    }
    .respo_cirule {
        display: none !important;
    }
    .seo_card {
        height: auto !important;
    }
    .member-outer-blk1 {
        height: auto !important;
    }
    .features.light-brown {
        border-top: 0 none;
    }
    .features h2.section-title {
        font-size: 32px;
    }
    .features .v-tabs .v-tab-pane .in {
        border-top: 1px solid #ddd;
        border-bottom: 2px solid #ddd;
    }
    .features .popover {
        margin: 10px 5% 0;
        max-width: none;
        width: 90%;
    }
}
.customercare {
    position: fixed;
    width: 68px;
    height: 70px;
    bottom: 146px;
    right: 20px;
    background-color: #fff8ef;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    border: 2px solid #e86b1b;
    z-index: 1024;
}
.my-customercare {
    margin-top: 10px;
}
.bounce {
    animation: bounce 2s infinite;
}
@keyframes bounce {
    0%, 25%, 50%, 75%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-12px);
    }
}
.csimg img {
    width: 100%;
    object-fit: contain;
}
.vm {
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #e86b1b;
}
.hireservice {
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #e86b1b;
}
.hireservicednet {
    padding: 15px;
    border-radius: 15px;
    height: 350px;
    border: 1px solid #e86b1b;
}
.hireserviceandriod {
    padding: 15px;
    border-radius: 15px;
    height: 350px;
    border: 1px solid #e86b1b;
}
.hireservicelaravel {
    padding: 15px;
    border-radius: 15px;
    height: 300px;
    border: 1px solid #e86b1b;
}
.hireserviceios {
    padding: 15px;
    border-radius: 15px;
    height: 320px;
    border: 1px solid #e86b1b;
}
.hireservicech {
    padding: 15px;
    border-radius: 15px;
    height: 330px;
    border: 1px solid #e86b1b;
}
.hireservicepython {
    padding: 15px;
    border-radius: 15px;
    height: 320px;
    border: 1px solid #e86b1b;
}
.hireserviceml {
    padding: 15px;
    border-radius: 15px;
    height: 350px;
    border: 1px solid #e86b1b;
}
.hireserviceci {
    padding: 15px;
    border-radius: 15px;
    height: 350px;
    border: 1px solid #e86b1b;
}
.hireservicedme {
    padding: 15px;
    border-radius: 15px;
    height: 300px;
    border: 1px solid #e86b1b;
}
.hireserviceSEOE {
    padding: 15px;
    border-radius: 15px;
    height: 320px;
    border: 1px solid #e86b1b;
}
.hireservicepwa {
    padding: 15px;
    border-radius: 15px;
    height: 250px;
    border: 1px solid #e86b1b;
}
.whychoose {
    box-shadow: rgb(201 142 54 / 20%) 0px 2px 8px 0px;
    padding: 10px;
    margin-bottom: 20px;
    height: 150px;
}
.wrapper-border-right {
    border-right: 1px solid rgba(164, 174, 198, 0.2);
}
.hireexpertise {
    padding: 20px;
}
.fixedsidefrm {
    position: fixed;
    top: 80px;
    z-index: 1024;
}
.solution {
    border: 1px solid rgb(251 166 17 / 96%) !important;
    height: 420px;
}
.hireservicevuejs {
    padding: 15px;
    border-radius: 15px;
    height: 340px;
    border: 1px solid #e86b1b;
}
.hireserviceic {
    padding: 15px;
    border-radius: 15px;
    height: 400px;
    border: 1px solid #e86b1b;
}
.hireservicemern {
    padding: 15px;
    border-radius: 15px;
    height: 410px;
    border: 1px solid #e86b1b;
}
@media (max-width: 767px) {
    .fixedsidefrm {
        position: relative;
        z-index: 1024;
    }
    .hireservicednet {
        height: auto !important;
    }
    .hireserviceandriod {
        height: auto !important;
    }
    .hireservicelaravel {
        height: auto !important;
    }
    .hireserviceios {
        height: auto !important;
    }
    .hireserviceios {
        height: auto !important;
    }
    .hireservicech {
        height: auto !important;
    }
    .hireservicepython {
        height: auto !important;
    }
    .hireserviceml {
        height: auto !important;
    }
    .hireserviceci {
        height: auto !important;
    }
    .hireservicedme {
        height: auto !important;
    }
    .hireserviceSEOE {
        height: auto !important;
    }
    .hireservicepwa {
        height: auto !important;
    }
    .hireservicevuejs {
        height: auto !important;
    }
    .hireserviceic {
        height: auto !important;
    }
    .hireservicemern {
        height: auto !important;
    }
}
.allhd .card-body {
    background: #fff !important;
    border-radius: 15px;
}
.allhd {
    background: #e86b1b !important;
    padding: 2px !important;
    border-radius: 15px !important;
}
.allhd .card-body p {
    overflow: hidden;
    height: 150px;
}
.allhd .card-body h5 {
    overflow: hidden;
    height: 55px;
}
.bcap {
    border-radius: 15px;
    height: 280px;
}
.pmodel {
    height: 370px;
}
@media (max-width: 767px) {
    .pmodel {
        height: auto !important;
    }
}
.list-group.vertical-steps {
    padding-left: 10px;
    list-style-type: none;
    margin-top: 20px;
}
.list-group.vertical-steps .list-group-item {
    border: none;
    border-left: 3px solid #ece5dd;
    box-sizing: border-box;
    border-radius: 0;
    counter-increment: step-counter;
    padding-left: 13px;
    padding-right: 0px;
    padding-bottom: 50px;
    padding-top: 0px;
}
.list-group.vertical-steps .list-group-item.active {
    background-color: transparent;
    color: inherit;
}
.list-group.vertical-steps .list-group-item:last-child {
    border-left: 3px solid transparent;
    padding-bottom: 0;
}
.list-group.vertical-steps .list-group-item::before {
    border-radius: 50%;
    background-color: #ece5dd;
    color: #555;
    content: counter(step-counter);
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-left: -35px;
    text-align: center;
    width: 40px;
}
.list-group.vertical-steps .list-group-item .groupinfo {
    display: block;
    overflow: hidden;
    padding-top: 2px;
    padding-left: 22px;
}
.list-group.vertical-steps .list-group-item.active::before {
    background-color: #e3a25f;
    color: #fff;
}
.list-group.vertical-steps .list-group-item.completed {
    border-left: 3px dashed #e3a25f;
}
.list-group.vertical-steps .list-group-item.completed::before {
    background-color: #ff8c00;
    color: #fff;
}
.list-group.vertical-steps .list-group-item.completed:last-child {
    border-left: 3px solid transparent;
}
.honeycomb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    padding: 0;
    transform: translateY(15.375px);
    margin-bottom: 30px;
}
.honeycomb-cell {
    flex: 0 1 180px;
    max-width: 180px;
    height: 110.5px;
    margin: 65.4761904762px 14.5px -53px;
    position: relative;
    padding: 0.5em;
    text-align: center;
    z-index: 1;
}
.honeycomb-cell__title {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 1.75em;
    transition: opacity 350ms;
}
.honeycomb-cell__title>small {
    font-weight: 300;
    margin-top: 0.25em;
}
.honeycomb-cell__image {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    padding: 25px;
}
.honeycomb-cell::before, .honeycomb-cell::after {
    content: "";
}
.honeycomb-cell::before, .honeycomb-cell::after, .honeycomb-cell__image {
    top: -50%;
    left: 0;
    width: 100%;
    height: 150%;
    display: block;
    position: absolute;
    background: #fff;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    z-index: -1;
}
.honeycomb-cell::before {
    background: #f7a01e;
    transform: scale(1.055);
}
.honeycomb-cell::after {
    background: #f9c086;
    opacity: 0.2;
    transition: opacity 350ms;
}
.honeycomb-cell:hover .honeycomb-cell__title {
    opacity: 0;
}
.honeycomb-cell:hover::before {
    background: #e86b1b;
}
.honeycomb-cell:hover::after {
    opacity: 0;
}
.honeycomb__placeholder {
    display: none;
    opacity: 0;
    width: 250px;
    margin: 0 12.5px;
}
@media (max-width: 550px) {
    .honeycomb-cell {
        margin: 81.25px 25px;
    }
}
@media (min-width: 550px) and (max-width: 825px) {
    .honeycomb-cell:nth-child(3n) {
        margin-right: calc(50% - 125px);
        margin-left: calc(50% - 125px);
    }
    .honeycomb__placeholder:nth-child(3n + 5) {
        display: block;
    }
}
@media (min-width: 825px) and (max-width: 1100px) {
    .honeycomb-cell:nth-child(5n + 4) {
        margin-left: calc(50% - 275px);
    }
    .honeycomb-cell:nth-child(5n + 5) {
        margin-right: calc(50% - 275px);
    }
    .honeycomb__placeholder:nth-child(5n), .honeycomb__placeholder:nth-child(5n + 3) {
        display: block;
    }
}
@media (min-width: 1100px) {
    .honeycomb-cell:nth-child(7n + 5) {
        margin-left: calc(50% - 400px);
    }
    .honeycomb-cell:nth-child(7n + 7), .honeycomb-cell:nth-child(7n + 5):nth-last-child(2) {
        margin-right: calc(50% - 400px);
    }
    .honeycomb__placeholder:nth-child(7n + 7), .honeycomb__placeholder:nth-child(7n + 9), .honeycomb__placeholder:nth-child(7n + 11) {
        display: block;
    }
}
.aboutbcomeapartner {
    border-left: 10px solid orange !important;
    border-radius: 0px !important;
}
.counter-wrapper .aboutbcomeapartner .card-body {
    padding: 1.2rem !important;
}
.baptxt {
    margin-top: 380px;
}
@media (max-width: 767px) {
    .baptxt {
        margin-top: 0px !important;
    }
}
.madcard {
    height: 360px;
}
.wdcard {
    height: 388px;
}
@media (max-width: 767px) {
    .madcard {
        height: auto !important;
    }
    .wdcard {
        height: auto !important;
    }
    .support {
        height: auto !important;
    }
}
.support {
    height: 200px;
}
.solution-pages-outer-blk h2 {
}
.solution-pages-outer-blk hr {
    margin: 0px 0 10px;
}
.solution-pages-list-blk ul {
    margin: 0px;
    padding: 0;
}
.solution-pages-list-blk li {
    display: block;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
}
.solution-pages-list-blk li:last-child {
    border-bottom: none;
}
.mr-t15 {
    margin: 15px 0;
}
.mr-t20 {
    margin: 20px 0;
}
.pd-b30 {
    padding-bottom: 30px;
}
.uiux-section .images:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70px;
    height: 70px;
    background: #ffffff;
    margin: -35px 0px 0px -35px;
    border-radius: 50%;
    z-index: 2;
}
.uiux-section .images {
    position: relative;
}
.inner-box {
    position: relative;
    display: block;
    padding: 30px 20px 30px;
    text-align: center;
    background: #ffffff;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 7%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    height: 390px;
}
.inner-box:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid #473080;
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.service-block h3 {
    position: relative;
    color: #222222;
    text-transform: capitalize;
    margin: 0 0 12px;
}
.service-block .text {
    position: relative;
    display: block;
    color: #222222;
}
.icon-box {
    width: 100px;
    height: 100px;
    background-color: #fff8ef;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    border: 2px solid #e86b1b;
    margin: 0 auto;
    padding: 22px 0 0 0;
}
.advantages-title {
    margin-top: 15px;
    font-size: 18px;
    line-height: 29px;
    height: 50px;
    overflow: hidden;
}
.inner-box p {
    margin-top: 15px;
    font-size: 16px;
}
.section-title {
    font-size: 46px;
    text-transform: capitalize;
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 1.2;
}
.brand-strategy-conten {
    position: relative;
    z-index: 1;
}
.form-cloud {
    padding-top: 25px !important;
    padding-right: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 25px !important;
    background-color: #ffffff !important;
    box-shadow: 0 10px 50px rgb(4 75 194 / 10%);
    border: 1px solid rgba(88, 136, 247, 0.1);
    border-bottom: 4px solid #e86b1b;
    border-radius: 15px;
}
.ideas-reality-blk {
    background-color: #fff9f1;
    padding: 20px;
}
.ideas-reality-img-blk {
    background-color: #90c6e8;
    padding: 20px;
}
.pd-0 {
    padding: 0px;
}
.fs-16.text-uppercase.text-muted {
    margin-bottom: 0px;
}
.brand-inner-box {
    position: relative;
    display: block;
    padding: 30px 20px 30px;
    text-align: left;
    background: #ffffff;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 7%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    min-height: 292px;
}
.brand-middle-blk {
    background-color: #fae6e7;
    text-align: center;
    padding: 20px;
    border: 10px solid #fff;
    padding: 20px 10px 0;
    box-shadow: 0px 10px 8px #d1d1d1;
    margin-top: 36px;
}
.brand-conten {
    font-size: 16px;
    text-align: justify;
    margin-right: 25px;
}
.brand-img img {
    margin-bottom: 10px;
}
.solution-pages-list-blk p {
    margin-bottom: 0px;
}
.solution-pages-list-blk h5 {
    margin-bottom: 0px;
}
.design-process-inner-box .icon-box {
    width: 75px;
    height: 75px;
    background: transparent;
    border: navajowhite;
}
.advantages-title {
    text-align: center;
    line-height: 20px;
}
.design-process-inner-box p {
    text-align: center;
}
.bulk-left-side p {
    text-align: justify;
}
.bulk-right-side p {
    text-align: justify;
}
.form-cloud.min-height {
    min-height: 200px;
    text-align: justify;
    line-height: 24px;
}
.form-cloud.min-height h5.display-9 {
    margin-bottom: 7px;
}
.form-cloud.height {
    min-height: 280px;
    text-align: justify;
    line-height: 24px;
}
.cyber-ourter-blk {
    padding: 20px;
    background: #fff;
    box-shadow: 0rem 0.25rem 1.75rem rgb(30 34 40 / 7%) !important;
}
.cyber-img {
    text-align: center;
}
.cyber-ourter-blk.min-height {
    min-height: 520px;
}
.display-9.mt-3.mb-1 {
    height: 52px;
    overflow: hidden;
}
.border-right {
    border-right: 1px solid #ddd;
    position: relative;
    z-index: 1;
}
.strategy-outer-blk p {
    text-align: justify;
    padding: 0 20px 0 0;
}
.strategy-outer-blk {
    padding: 25px !important;
    background-color: #ffffff !important;
    box-shadow: 0 10px 50px rgb(4 75 194 / 10%);
    border: 1px solid rgba(88, 136, 247, 0.1);
    border-bottom: 4px solid #e86b1b;
    border-radius: 15px;
    margin-bottom: 25px;
}
.strategy-outer-blk.min-height {
    min-height: 310px;
}
.country-outer-blk {
    background: #2a3443;
    padding: 5px;
    text-align: center;
    border-radius: 8px;
}
.flag-circle {
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background: #fff;
    text-align: center;
    display: inline-block;
    margin-bottom: 5px;
}
.country-name {
    color: #fff;
    line-height: 16px;
    font-size: 14px;
}
.country-name span {
    color: #aabbcc;
}
.country-outer-blk.min-height {
    min-height: 85px;
}
.height-blk.hireservicevuejs {
    height: 175px;
    text-align: left;
}
.display-9.mr-b5 {
    margin-bottom: 2px;
}
.height-increase.hireservicevuejs {
    height: 158px;
    text-align: left;
}
.cyber-height-blk {
    height: 242px;
    text-align: left;
}
.mr-t5 {
    margin: 10px 0;
}
.whatsapp-height-blk {
    height: 410px;
    text-align: left;
}
.rounded.whatsapp-img.mb-0 img {
    padding: 0px 0 0;
}
.strategy-height-blk.hireservicevuejs {
    height: 380px;
    margin-bottom: 20px;
}
.research-height-blk {
    height: 280px;
    text-align: left;
}
.cyber-sort-conten p {
    margin-bottom: 0px;
}
.cyber-sort-conten h5 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cyber-ourter-blk.min-height {
    min-height: 500px;
    border: 1px solid #ddd;
}
.hosting-outer-blk {
    text-align: center;
}
.hosting-outer-blk h6.display-9 {
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
}
.hosting-plan-blk ul {
    margin: 0px;
    padding: 0px;
    position: relative;
}
.hosting-plan-blk li {
    padding: 5px 0;
    font-size: 16px;
    border-bottom: 1px dashed rgb(218, 218, 218);
    display: block;
}
.hosting-plan-blk li:last-child {
    border-bottom: none;
}
.plan-title {
    position: absolute;
    top: -21px;
    left: 15px;
    right: 15px;
    text-align: center;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #e86b1b;
    padding: 5px 0 0;
}
.shared-hosting-ouetr-blk {
    padding: 20px 10px;
    border-radius: 15px;
    border: 1px solid #e86b1b;
    background-color: #fff8ef !important;
    position: relative;
}
.hosting-price {
    font-size: 48px;
    text-align: center;
    color: #ff8c00;
    text-align: center;
}
.price__symbol {
    font-size: 24px;
    color: #343f52;
    vertical-align: super;
}
.pt-title {
    font-size: 24px;
}
.hosting-price small {
    color: #000;
}
.cpanel-list {
    margin: 0px;
    padding: 0px;
}
.cpanel-list li {
    display: inline-block;
    padding: 8px 26px 8px 0;
}
.mr-b40 {
    margin-bottom: 40px;
}
.vps-hosting-height-blk {
    height: 425px;
    text-align: left;
}
.doamin-outer-blk {
    border: 1px solid #ddd;
    text-align: center;
    padding: 15px;
    height: 150px;
}
.doamin-registration-blk {
    padding: 15px;
    border-radius: 15px;
    height: 250px;
    border: 1px solid #e86b1b;
}
.cloud-hosting-height-blk {
    height: 460px;
    text-align: center;
}
.cloud-solution-blk {
    height: 300px;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #e86b1b;
}
.cloud-logo img {
    width: 35%;
    display: block;
    margin: 0 auto;
}
@media (max-width: 479px) {
    .cloud-solution-blk {
        height: auto;
    }
    .country-outer-blk.min-height {
        min-height: 85px;
        margin-bottom: 10px;
    }
    .cloud-hosting-height-blk {
        height: auto;
    }
    .doamin-registration-blk {
        height: auto;
    }
    .vps-hosting-height-blk {
        height: auto;
    }
    .cyber-ourter-blk.min-height {
        height: auto;
    }
    .form-cloud.height {
        height: auto;
    }
    .hireservicevuejs {
        height: auto !important;
        margin-bottom: 20px;
    }
    .shared-hosting-ouetr-blk {
        margin-bottom: 30px;
    }
}
#new_f {
    font-size: 1.9rem;
}
.dubai_m {
    margin-top: 30px;
}
.dubai_d {
    color: #000;
    padding: 24px 20px;
    border-radius: 25px;
}
.post2 {
    display: inline-block;
    padding: 20px;
    background: #ffffff;
    margin: 35px 0px 30px 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
}
.dubai_s {
    height: 486px;
}
.dubai_s1 {
    height: 464px;
}
.dubai_s2 {
    height: 425px;
}
.dubai_s3 {
    height: 505px;
}
.dubai_s4 {
    height: 430px;
}
.dubai_s5 {
    height: 436px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .card.shadow-lg.madcard {
        height: auto;
    }
    .wdcard {
        height: 390px;
    }
    .project .item .sheet {
        margin: 0 auto;
    }
    .digital_class2 {
        width: 60%;
    }
    .digital_class1 {
        display: flex;
        justify-content: center;
    }
    .digital_class3 {
        width: 50%;
    }
    .digital_class3 {
        display: flex;
        justify-content: center;
    }
    .tab_view_card {
        height: 485px;
    }
    .tab_view_card1 {
        height: 730px;
    }
    .cloud-solution-blk {
        height: auto;
    }
    .cloudnew1 {
        height: 580px;
    }
    .doamin-outer-blk {
        height: 217px;
    }
    .resnew1 {
        height: 440px;
    }
    .cyber-ourter-blk.min-height1 {
        min-height: 561px;
    }
    .cyber-height-blk1 {
        height: 375px;
    }
    .hireservicevuejs {
        height: auto;
    }
    .member-outer-blk1 {
        height: 193px;
    }
}
.member-outer-blk1 {
    height: 111px;
    width: 100%;
    text-align: center;
}
#custom-search-input {
    padding: 0;
    width: 600px;
    margin: 40px auto 0;
    position: relative;
}
#custom-search-input .search-query {
    width: 100%;
    height: 50px;
    padding-left: 20px;
    border: 0;
    font-size: 16px;
    font-family: "THICCCBOI", sans-serif;
    color: #333;
    width: 100%;
    border: 1px solid #e86b1b;
}
#custom-search-input input[type="submit"] {
    position: absolute;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    right: -1px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    top: 0;
    border: 0;
    padding: 0 25px;
    height: 50px;
    cursor: pointer;
    outline: 0;
    background-color: #e86b1b;
}
#custom-search-input .search-query:focus-visible {
    outline: none;
}
.listinfo-bottm li:first-child {
    width: 55%;
    padding-left: 0px;
}
.listinfo-bottm li {
    display: inline-flex;
    width: 45%;
    margin: 0px;
    padding: 0px;
    float: left;
    border-right: 2px solid #bbb;
    padding-left: 10px;
}
.listinfo-bottm li img {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin: 0px 8px 0px 0px;
}
.bottm-infolist {
    margin: 0px 0px 0px 0px;
}
.bottm-infolist h5 {
    color: #29323c !important;
}
.bottm-infolist h5 {
    font-size: 14px;
    line-height: 1.3;
    margin: 0px;
    font-weight: 600;
}
.bottm-infolist p {
    margin: 0px !important;
}
ul.listinfo-bottm {
    padding: 14px !important;
}
@media only screen and (max-width: 47.875em) {
    #custom-search-input {
        width: 100% !important;
    }
}
.SEO_ser1 {
    height: 570px !important;
}
.seo_card {
    height: 163px;
}
.home_card {
    height: 115px;
}
@media (min-width: 375px) and (max-width: 991px) {
    .mart-os-card p {
        text-indent: 0 !important;
        text-align: justify;
        margin-top: 10px;
    }
    .mart-os-card .card-body {
        height: auto !important;
    }
    .fineye-text p {
        text-indent: 0 !important;
        text-align: justify;
        margin-top: 10px;
    }
    .fin-eye-card .card-body {
        height: auto !important;
    }
    .mart-os-choose {
        height: auto !important;
    }
    .fine-eye-choose {
        height: auto !important;
    }
}
.mart-os-card .card-body {
    height: 180px;
}
.fin-eye-card .card-body {
    height: 220px;
}
.fine-eye-choose {
    height: 100%;
}
.mart-os-choose {
    height: 310px;
}
.mart-bullet {
    justify-content: center;
    margin: auto;
}
.prod-plus-choose {
    height: 319px;
}
@media (min-width: 375px) and (max-width: 991px) {
    .shop-ko-card .card-body {
        height: auto !important;
    }
    .shop-ko-choose {
        height: auto !important;
    }
}
.shop-ko-card .card-body {
    height: 240px;
}
.shop-ko-choose {
    height: 340px;
}
@media (min-width: 375px) and (max-width: 991px) {
    .true-leads-card .card-body {
        height: auto !important;
    }
    .home_card {
        height: auto;
    }
}
.true-leads-card .card-body {
    height: 240px;
}
.unordered-list1:before {
    content: "" !important;
}
.unordered-list1 .unordered-list1 {
    padding-left: 0rem !important;
}
.thank_you_s {
    justify-content: center;
}
.footer_social {
    height: 30px !important;
}
.sectors_served {
    height: 150px !important;
    object-fit: contain !important;
}
hr.logo {
    margin: 1.5rem 0;
    color: rgba(164, 174, 198, 0.2);
    background-color: currentColor;
    border: 0;
    opacity: 1;
}
#cookieNotice {
    bottom: -16px !important;
    display: block;
    z-index: 99999 !important;
    color: black;
    width: 100%;
    position: fixed !important;
    margin-top: 0px !important;
    padding: 13px;
    background-color: #F7DDB9 !important;
}
.cookies_h4 {
    color: white;
    line-height: 0.45;
    font-size: 18px;
}
.cookies_p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #343F52;
}
.cookies_cross {
    display: flex;
}
.cookies_cross_p {
    margin-top: 4px;
    cursor: pointer;
}
.cross_p {
    font-size: 19px;
    font-weight: 700;
}
.cookies_privacy {
    font-weight: 700;
    text-decoration: underline;
    color: #343F52;
}
.cookies_privacy:hover {
    color: #343F52 !important;
}
.logo_list {
    display: flex;
    gap: 50px;
    margin-left: -40px;
}
.mobile_repo {
    margin-top: 100px;
}
.homeBanner .img {
    margin: 0;
    max-width: 655px;
    margin-left: auto;
    transform: translate(0, 0);
    text-align: right;
}
.homeBanner.contact_wrapper .img>img {
    width: auto;
    max-width: fit-content;
    transform: translateX(0);
}
.homeBanner.contact_wrapper .img>img {
    width: auto;
    max-width: fit-content;
    transform: translateX(0);
}
.logo_list li {
    display: flex;
    flex-direction: column;
}
@media (max-width: 480px) {
    .logo_list {
        gap: 0;
        flex-direction: column;
    }
    .mobile_repo {
        margin-top: 50px;
    }
}
@media (max-width: 767px) {
    .homeBanner .img>img {
        max-width: 100%;
    }
}
@media (max-width: 991px) {
    .request_logo {
        justify-content: center;
        display: flex;
    }
    .homeBanner .img>img {
        max-width: 500px;
        transform: translateX(0);
    }
    .homeBanner .img {
        margin: 0 auto 30px;
    }
    .homeBanner .img {
        text-align: center;
    }
    .homeBanner .img {
        text-align: center;
    }
    .logo_list {
        justify-content: center;
        margin: 0 auto;
    }
}
@media (max-width: 1199px) {
    .homeBanner .img>img {
        max-width: 100%;
    }
    .homeBanner .img {
        padding: 0;
    }
}
@media (max-width: 1600px) {
    .homeBanner .img {
        text-align: center;
    }
}
.book-consultnts {
    -webkit-transform: translateX(0%) scale(-1);
    transform: translateX(0%) scale(-1);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    z-index: 9;
    position: fixed;
    top: 50%;
    left: 0%;
    white-space: nowrap;
    color: #545454;
    font-size: 16px;
    background: #fff;
    margin: 0px 0px 0px 20px;
}
#book-free-consultation {
    position: absolute !important;
    margin: 0px 0px 0px 0px !important;
    left: 12px !important;
    top: 50% !important;
    z-index: 9;
    display: inline-block;
    padding: 20px 0px !important;
    width: auto !important;
    transform: translate(-50%, -50%);
    border-radius: 5px 0px 0px 5px;
    text-transform: inherit;
}
a#book-free-consultation p {
    margin-left: 5px;
}
.footer_social1 {
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.SEO_ser2 {
    height: 500px !important;
}
img.wowlogo {
    max-width: 200px;
}
@media (max-width: 991px){
    .offcanvas-nav {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 15rem;
        padding-right: 0;
        padding-left: 1.5rem;
        padding-bottom: 0.5rem;
        overflow-y: auto;
        visibility: hidden;
        background: #1e2228;
        transition-timing-function: ease-in-out;
        transition-duration: 0.3s;
        transition-property: left, visibility;
        transition: left 0.3s ease-in-out, visibility 0.3s ease-in-out;
        align-items: start;
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        background-clip: padding-box;
        z-index: 1041;
    }
    .offcanvas-nav.open {
        right: 0;
        visibility: visible;
        left: auto;
    }
    .offcanvas-header {
        padding: 1rem 0 2rem;
    }
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
   
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(164, 174, 198, 0.2);
    border-radius: 0.4rem;
    /* height: 100%; */
}
.btn-navy {
    color: #fff;
    background-color: #e86b1b;
    border-color: #e86b1b;
}
@media(max-width:768px){
    .btn-navy {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: fit-content 
    }
}
.btn-close:before {
    font-family: "Unicons";
    content: "\ecef";
    font-size: 1.7em;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 15px;
    margin-top: 34px;
}
.w-f-content{
    width: fit-content;
}
#main {
    margin: 50px 0;
}
#main #faq .card {
    margin-bottom: 30px;
    border: 0;
}
#main #faq .card .card-header {
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 2px;
    padding: 0;
}
#main #faq .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    background: #FFE472;
    color: #222;
    padding: 20px;
}
#main #faq .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
}
#main #faq .card .card-header .btn-header-link.collapsed {
    background: #A541BB;
    color: #fff;
}
#main #faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f106";
}
#main #faq .card .collapsing {
    background: #FFE472;
    line-height: 30px;
}
#main #faq .card .collapse {
    border: 0;
}
#main #faq .card .collapse.show {
    background: #FFE472;
    line-height: 30px;
    color: #222;
}
.btn-close {
    padding: 0 0;
    color: rgba(30, 34, 40, 0.3);
    background: none;
    border: 0;
    margin-top: 11px;
    line-height: 1;
    font-size: 20px;
    transition: all 200ms ease-in-out;
}
.nav-inner-logo {
    position: relative;
    width: 200px;
    margin-top: -20px;
    margin-left: -20px;
}
.main-bg{
    background: #FFF9F1;
    padding: 80px 0;
}
@media(max-width:568px){
    .btn {
        font-size: 16px!important;
        padding: 5px 10px!important;
        margin: 0 auto;
    }
}
.banner-img{
    margin: auto;
    display: block;
    height:400px;
    width: auto!important;
    object-fit: contain ;
}
@media(max-width:567px){
    .banner-img{
        height:250px;
        margin-bottom: 15px;
        object-fit: contain ;
        
    }
    .main-bg{
        padding-top: 30px;
    }
}
@media(min-width:568px) and (max-width:992px){
    .banner-img{
        height:300px;
    }
    .main-bg{
        padding-top: 40px;
    }
    .main-bg h2{
        font-size: 24px!important;
    }
    .main-bg h1{
        font-size: 24px!important;
    }
    .main-bg .lead{
        font-size: 17px!important;
    }
}
@media(max-width:1199px){
    .banner-img{
        object-fit: contain;
    }
}
.owl-carousel .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0 0.3rem;
    background: #e86b1b!important;
    opacity: 0.5;
    display: block;
    -webkit-backface-visibility: visible;
    transition: all 200ms ease-in-out;
    border-radius: 100%;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    border: 3px solid transparent;
}
.owl-carousel .owl-dots .owl-dot.active span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background: transparent!important;
    border-color:#e86b1b!important;

}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 17px;
}
.min-h600{
    min-height:600px
}
 .wetitle{
    font-size: 1rem;
    font-family: 'THICCCBOI', sans-serif;
  
}
 
.mr-16-sty{
    margin-right: 16px;
}
a.wform-poweredby-container img {
    height: 15px !important;
    width: 14px !important;
}
.why-animate::before {
    content: "";
    position: absolute;
    top: 115% !important;
    left: 60% !important;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    border: 2px dashed rgba(232, 107, 27, 0.25);
    transform: translate(-50%, -50%);
    animation: rotateCircle 20s linear infinite;
}
.social>a {
    margin: 0px;
    display: flex;
    margin: 0px 5px;
    border-radius: 7px;
    padding: 0px  !important;
    border: 1px solid #b3b3b300  !important;
    width: 24px  !important;
    height: 62px  !important;
    align-items: center;
}
/*======================================================================*/
.bi-section * { box-sizing: border-box; margin: 0; padding: 0; }
.bi-section {
    /* font-family: 'Poppins', sans-serif; */
    background: #fef3ec;
    padding: 62px 24px;
}

.bi-wrapper {
  max-width: 1080px;
  margin: auto;
}

/* HEADER */
.bi-header { text-align: center; margin-bottom: 60px; }

.bi-header-top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.bi-hline { width: 40px; height: 1px; background: #555; }

.bi-header h2 {
  /* font-size: 20px; */
  /* font-weight: 700; */
  /* letter-spacing: 6px; */
  text-transform: uppercase;
  color: #1c2b45;
}

.bi-sub {
  /* font-size: 10.5px; */
  /* letter-spacing: 6px; */
  /* text-transform: uppercase; */
  color: #96aac0;
  margin-top: 3px;
}

/* GRID */
.bi-grid {
  display: flex;
  align-items: center;
}

/* ITEM */
.bi-item { flex: 1; display: flex; }

.bi-card-outer {
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-left: 0px;
}
.bi-circle {
    position: absolute;
    width: 55px;
    height: 55px;
    background: #e86b1b;
    border-radius: 50%;
    top: 11px;
    left: -18px;
}

.bi-card {
    background: #fff;
    border-radius: 8px;
    padding: 12px 9px;
    box-shadow: 6px 8px 28px rgba(0,0,0,0.09);
    position: relative;
    z-index: 2;
}
/* TOP */
.bi-top-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.bi-icon-box {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(232,107,27,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bi-icon-box svg {
  width: 22px;
  height: 22px;
  stroke: #e86b1b;
  fill: none;
  stroke-width: 2;
}

.bi-opt-label {
    font-size: 18px;
    font-weight: 700;
    /* text-transform: uppercase; */
    color: #1c2b45;
    margin-bottom: 4px;
}

.bi-opt-text {
    font-size: 16px;
    color: #333333;
    /* line-height: 1.8; */
}

/* DASH */
.bi-dashes { display: flex; gap: 5px; margin-top: 14px; }
.bi-d1 { width: 26px; height: 3px; background: #e86b1b; }
.bi-d2 { width: 14px; height: 3px; background: rgba(232,107,27,0.25); }

/* ARROW */
.bi-arrow {
  width: 28px;
  display: flex;
  justify-content: center;
  gap: 2px;
}

.bi-arrow i {
  width: 7px;
  height: 7px;
  border-top: 2.5px solid #e86b1b;
  border-right: 2.5px solid #e86b1b;
  transform: rotate(45deg);
}

/* RESPONSIVE */
@media (max-width: 860px) {
  .bi-grid { flex-wrap: wrap; gap: 40px 20px; }
  .bi-item { flex: 0 0 48%; }
  .bi-arrow { display: none; }
}

@media (max-width: 520px) {
  .bi-item { flex: 100%; }
}

/* ========================= */
/* ================= */
/* HERO */
.ba-hero-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 2;
}

.ba-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
  overflow: hidden;
  background: #ffffff;
}

.ba-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 80% at 65% 50%, rgba(232,102,10,0.18) 0%, transparent 70%),
              radial-gradient(ellipse 40% 40% at 20% 80%, rgba(232,102,10,0.08) 0%, transparent 60%);
}

.ba-hero-grid-overlay {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(232,102,10,0.06) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(232,102,10,0.06) 1px, transparent 1px);
  background-size: 60px 60px;
}

.ba-hero-content {
    max-width: 700px;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
}

.ba-hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(232,102,10,0.15);
  border: 1px solid rgba(232,102,10,0.3);
  color: var(--orange-light);
  padding: 6px 16px;
  border-radius: 100px;
  font-size: 13px;
  letter-spacing: 0.5px;
  margin-bottom: 28px;
  animation: ba-fadeSlideUp 0.6s ease both;
}

.ba-hero-tag::before {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--orange-light);
  border-radius: 50%;
  animation: ba-pulse 2s ease infinite;
}

@keyframes ba-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.7); }
}

.ba-hero h1 {
  font-size: clamp(44px, 5vw, 68px);
  line-height: 1.05;
  color: #1c1308;
  margin-bottom: 24px;
  animation: ba-fadeSlideUp 0.6s 0.1s ease both;
}

.ba-hero h1 em {
  font-style: normal;
  color: var(--orange-light);
}

.ba-hero-desc {
  font-size: 18px;
  line-height: 1.7;
  color: #000000;
  margin-bottom: 19px;
  animation: ba-fadeSlideUp 0.6s 0.2s ease both;
}

@keyframes ba-fadeSlideUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
.business-banner {
    display: inline-block;
    position: relative;
    padding: 12px 28px;
    font-size: 54px;
    font-weight: 700;
    color: #d35400;
    border: 2px solid #d35400;
    background: #ffffff;
}
/* Corner squares */
.business-banner::before, .business-banner::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: -6px;
    top: 34px;
    background: #d35400;
}

/* Top-left & bottom-right */
.business-banner::before {
    top: 34px;
    left: -6px;
    box-shadow: calc(100% + 2px) 0 #d35400,     /* top-right */
    0 calc(100% + 2px) #d35400,     /* bottom-left */
    calc(100% + 2px) calc(100% + 2px) #d35400;
}
/* ======counter========== */
/* STATS BAND */
.ba-stats-band {
    background: #ffffff;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 17px 6px;
    display: grid;
    border-bottom: 2px solid #e86b1b;
    /* border-radius: 10px; */
    border-top: 2px solid #e86b1b;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px;
}
.ba-stat {
  text-align: center;
  padding: 20px;
  border-right: 1px solid var(--border);
}

.ba-stat:last-child {
  border-right: none;
}

.ba-stat-num {
    /* font-family: 'Syne', sans-serif; */
    font-size: 42px;
    font-weight: 800;
    color: #e86b1b;
    line-height: 1;
    margin-bottom: 6px;
}
.ba-stat-label {
    font-size: 18px;
    color: #e86b1b;
    font-weight: 500;
}
.ba-stat {
    border-right: 1px solid #f374204d !important;
}
.no-border{
     border-right: none !important;
}

/* ===================================================================== */
/* ========================
   SECTION 3 — PROBLEMS WE SOLVE
   Prefix: pws-
======================== */

.pws-section {
    position: relative;
    background: #ffffff;
    padding: 60px 0;
    overflow: hidden;
}
.pws-bg-glow {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  height: 400px;
  background: radial-gradient(ellipse at center, rgba(255, 90, 0, 0.12) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* Header */
.pws-header {
  text-align: center;
  margin-bottom: 64px;
  position: relative;
  z-index: 1;
}

.pws-eyebrow {
  display: inline-block;
  
  /* font-size: 11px; */
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #ff5a00;
  border: 1px solid rgba(255, 90, 0, 0.35);
  padding: 6px 16px;
  border-radius: 2px;
  margin-bottom: 20px;
}

.pws-title {

  font-weight: 700;
  color: #f0ece4;
  line-height: 1.15;
  margin: 0 0 18px;
  letter-spacing: -0.02em;
}

.pws-title-accent {
  color: #ff5a00;
  font-style: italic;
}

.pws-subtitle {
  /* font-size: 16px; */
  color: #7a7572;
  max-width: 520px;
  margin: 0 auto;
  line-height: 1.7;
}

/* Grid */
.pws-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(255, 90, 0, 0.15);
  border: 1px solid rgba(255, 90, 0, 0.15);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* Cards */
.pws-card {
    background: #e86b1b00;
    padding: 19px 29px;
    position: relative;
    transition: background 0.3s ease;
}

.pws-card:hover {
    background: #e86b1b00;
}

.pws-card--accent {
    background: #e86b1b;
}

.pws-card--accent:hover {
    background: #f37420;
}

.pws-card-number {
    font-size: 20px;
    color: rgb(232 107 27);
    letter-spacing: 0.15em;
    margin-bottom: 4px;
}
.pws-card-icon {
    width: 51px;
    height: 51px;
    background: rgb(255 255 255);
    border: 1px solid rgba(255, 90, 0, 0.2);
    border-radius: 3px;
    display: flex;
    /* font-size: 20px; */
    align-items: center;
    justify-content: center;
    color: #ff5a00;
    margin-bottom: 12px;
    transition: background 0.3s ease, border-color 0.3s ease;
}
.pws-card:hover .pws-card-icon {
  background: rgba(255, 90, 0, 0.14);
  border-color: rgba(255, 90, 0, 0.4);
}
.pws-card:hover .whit-hover {
    background: rgb(255 255 255);
    border-color: rgba(255, 90, 0, 0.4);
}

.pws-card-title {
    /* font-size: 18px; */
    font-weight: 600;
    color: #21201e;
    line-height: 1.35;
    margin: 0px 0 7px;
    letter-spacing: -0.01em;
}
.pws-card-desc {
    /* font-size: 14px; */
    color: #000000;
    /* line-height: 1.75; */
    margin: 0 0 8px;
}
/* Solution block */
.pws-solution {
    border-top: 2px solid rgb(255 90 0 / 36%);
    padding-top: 12px;
}
.pws-solution-label {
    /* font-size: 10px; */
    letter-spacing: 0.11em;
    /* text-transform: none; */
    color: #ff5a00;
    margin-bottom: 10px;
}
.pws-solution-text {
    /* font-size: 14px; */
    color: #000000;
    line-height: 1.7;
    margin: 0;
}

/* Responsive */
@media (max-width: 960px) {
  .pws-grid {
    grid-template-columns: 1fr;
  }
  .pws-section {
    padding: 72px 0;
  }
}

@media (max-width: 600px) {
  .pws-card {
    padding: 32px 24px;
  }
  .pws-header {
    margin-bottom: 44px;
  }
}
.wc-new {
    color: white;
}
.pws-solution.bod-top {
    border-top: 2px solid #ffffff7d;
}

/* ================================================================== */
/* ── Reset scope ── */
.s4-section *,
.s4-section *::before,
.s4-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
 
/* ── Section shell ── */
.s4-section {
    position: relative;
    background: #ffefe338;
    padding: 61px 24px;
    overflow: hidden;
}
 
/* ── Background grid ── */
.s4-bg-grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgb(0 0 0 / 4%) 1px, #00000000 1px), linear-gradient(90deg, rgb(0 0 0 / 3%) 1px, #00000000 1px);
    background-size: 60px 60px;
    pointer-events: none;
}
 
/* ── Orbs ── */
.s4-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  opacity: 0.35;
}
.s4-orb--1 {
    width: 520px;
    height: 520px;
    background: radial-gradient(circle, #f37420 0%, transparent 70%);
    top: -120px;
    left: -100px;
}
.s4-orb--2 {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, #f37420 0%, transparent 70%);
    bottom: -80px;
    right: -80px;
}
 
/* ── Container ── */
.s4-container {
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
}
 
/* ── Header ── */
.s4-header {
  text-align: center;
  margin-bottom: 72px;
}
 
.s4-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #00d4aa;
  background: rgba(0, 212, 170, 0.08);
  border: 1px solid rgba(0, 212, 170, 0.2);
  border-radius: 100px;
  padding: 6px 16px;
  margin-bottom: 28px;
}
 
.s4-eyebrow__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00d4aa;
  animation: s4-pulse 2s ease-in-out infinite;
}
 
@keyframes s4-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.7); }
}
 
.s4-heading {
 
  font-size: clamp(36px, 5.5vw, 64px);
  font-weight: 800;
  line-height: 1.1;
  color: #ffffff;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
}
 
.s4-heading__accent {
  background: linear-gradient(135deg, #7c5cf7 0%, #00d4aa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
 
.s4-desc {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255,255,255,0.5);
  max-width: 560px;
  margin: 0 auto;
  font-weight: 300;
}
 
/* ── Cards grid ── */
.s4-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding: 0px 20px;
    align-items: stretch;
}
 
@media (max-width: 900px) {
  .s4-cards {
    grid-template-columns: 1fr;
    max-width: 520px;
    margin: 0 auto;
  }
}
 
/* ── Base card ── */
.s4-card {
    position: relative;
    background: rgb(255 230 217);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    padding: 40px 18px;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
    transition: border-color 0.3s ease, transform 0.3s ease;
    cursor: default;
}
 
.s4-card:hover {
  border-color: rgba(255,255,255,0.18);
  transform: translateY(-6px);
}
 
/* ── Featured card overrides ── */
.s4-card--featured {
    background: rgb(255 230 217);
    border-color: rgb(243 116 32 / 0%);
}
 
.s4-card--featured:hover {
  border-color: none !important;
}
 
.s4-card__glow {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgb(232 107 27 / 63%) 0%, transparent 70%);
    pointer-events: none;
}
.s4-card__featured-badge {
  position: absolute;
  top: 28px;
  right: 28px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #7c5cf7;
  background: rgba(124, 92, 247, 0.15);
  border: 1px solid rgba(124, 92, 247, 0.3);
  border-radius: 100px;
  padding: 4px 12px;
}
 
/* ── Card number ── */
.s4-card__number {
    font-size: 13px;
    font-weight: 700;
    color: rgb(232 107 27);
    letter-spacing: 0.1em;
    margin-bottom: 3px;
}
 
/* ── Icon ── */
.s4-card__icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  transition: background 0.3s ease;
}
 
.s4-card--1 .s4-card__icon-wrap { color: #00d4aa; }
.s4-card--2 .s4-card__icon-wrap { color: #7c5cf7; background: rgba(124,92,247,0.12); border-color: rgba(124,92,247,0.25); }
.s4-card--3 .s4-card__icon-wrap { color: #f5a623; }
 
.s4-card:hover .s4-card__icon-wrap {
  background: rgba(255,255,255,0.09);
}
 
.s4-card__icon {
  width: 28px;
  height: 28px;
}
 
.s4-card__title {
    /* font-family: 'Syne', sans-serif; */
    font-size: 22px;
    font-weight: 700;
    color: #242020;
    line-height: 1.2;
    margin-bottom: 14px;
    letter-spacing: -0.01em;
}
/* ── Body text ── */
.s4-card__body {
    /* font-size: 14.5px; */
    /* line-height: 1.65; */
    color: rgb(0 0 0);
    /* font-weight: 300; */
    margin-bottom: 28px;
}
 
/* ── Feature list ── */
.s4-card__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0px;
    flex: 1;
}
.s4-card__list-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    /* font-size: 14px; */
    color: rgb(0 0 0);
    line-height: 1.5;
}
.s4-card__list-bullet {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: 6px;
}
 
.s4-card--1 .s4-card__list-bullet {
    background: #e86b1b;
}
.s4-card--2 .s4-card__list-bullet { background: #e86b1b; }
.s4-card--3 .s4-card__list-bullet { background:#e86b1b; }
 
/* ── Card footer ── */
.s4-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.07);
}
 
.s4-card__tag {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 100px;
}
 
.s4-card--1 .s4-card__tag {
  color: #00d4aa;
  background: rgba(0, 212, 170, 0.1);
  border: 1px solid rgba(0, 212, 170, 0.2);
}
.s4-card--2 .s4-card__tag {
  color: #a78bfa;
  background: rgba(124, 92, 247, 0.1);
  border: 1px solid rgba(124, 92, 247, 0.2);
}
.s4-card--3 .s4-card__tag {
  color: #f5a623;
  background: rgba(245, 166, 35, 0.1);
  border: 1px solid rgba(245, 166, 35, 0.2);
}
 
.s4-card__arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.4);
  transition: all 0.25s ease;
}
 
.s4-card__arrow svg {
  width: 16px;
  height: 16px;
}
 
.s4-card:hover .s4-card__arrow {
  border-color: rgba(255,255,255,0.3);
  color: #ffffff;
  background: rgba(255,255,255,0.06);
}
 
/* ── Decorative side line on cards 1 & 3 ── */
.s4-card__line {
  position: absolute;
  top: 40px;
  left: 0;
  width: 3px;
  height: 60px;
  border-radius: 0 4px 4px 0;
}
 
.s4-card--1 .s4-card__line {
    background: linear-gradient(180deg, #f37420, transparent);
}
.s4-card--3 .s4-card__line { background: linear-gradient(180deg, #f37420, transparent); }
 
/* ── Card entrance animations ── */
.s4-card {
  animation: s4-fadeUp 0.65s ease both;
}
.s4-card--1 { animation-delay: 0.1s; }
.s4-card--2 { animation-delay: 0.22s; }
.s4-card--3 { animation-delay: 0.34s; }
 
@keyframes s4-fadeUp {
  from { opacity: 0; transform: translateY(32px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================================================================== */

/* ============================================================================================================= */
.s7-section *, .s7-section *::before, .s7-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
 
.s7-section {
    position: relative;
    background: #ffffff;
    padding: 60px 24px;
    overflow: hidden;
    /* font-family: 'Manrope', sans-serif; */
}
.s7-bg-noise {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  background-size: 200px;
  pointer-events: none;
}
 
.s7-bg-gradient {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 55% 60% at 80% 50%, rgba(234,88,12,0.14) 0%, transparent 70%),
    radial-gradient(ellipse 35% 40% at 15% 80%, rgba(251,146,60,0.06) 0%, transparent 60%);
  pointer-events: none;
}
 
.s7-bg-ring {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.s7-bg-ring--1 {
  width: 680px; height: 680px;
  top: 50%; right: -180px;
  transform: translateY(-50%);
  border: 1px solid rgba(234,88,12,0.1);
}
.s7-bg-ring--2 {
  width: 480px; height: 480px;
  top: 50%; right: -80px;
  transform: translateY(-50%);
  border: 1px solid rgba(234,88,12,0.06);
}
 
.s7-bg-stripe {
  position: absolute;
  top: 0; left: 0;
  width: 3px; height: 100%;
  background: linear-gradient(180deg, transparent 0%, #ea580c 25%, #fb923c 65%, transparent 100%);
  opacity: 0.55;
}
 
.s7-container {
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}
 
@media (max-width: 860px) {
  .s7-container { grid-template-columns: 1fr; gap: 56px; }
}
 
/* ── COPY ── */
.s7-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #f97316;
  margin-bottom: 30px;
}
.s7-eyebrow__icon { width: 16px; height: 16px; color: #f97316; display: flex; }
.s7-eyebrow__icon svg { width: 100%; height: 100%; }
.s7-heading {
    /* font-family: 'Bebas Neue', sans-serif; */
    font-size: clamp(54px, 5.5vw, 80px);
    line-height: 0.96;
    letter-spacing: 0.025em;
    color: #000000;
    text-transform: capitalize;
    margin-bottom: 26px;
}
.s7-heading__em {
  font-style: normal;
  color: #ea580c;
  position: relative;
  display: inline-block;
}
 
.s7-heading__em::after {
  content: '';
  position: absolute;
  left: 0; bottom: 2px;
  width: 100%; height: 3px;
  background: linear-gradient(90deg, #ea580c 60%, transparent);
  border-radius: 2px;
}
 
.s7-desc {
  font-size: 15px;
  line-height: 1.78;
  color: rgba(255,255,255,0.42);
  font-weight: 300;
  max-width: 400px;
  margin-bottom: 32px;
}
 
.s7-divider {
  width: 44px; height: 2px;
  background: linear-gradient(90deg, #ea580c, transparent);
  border-radius: 2px;
  margin-bottom: 22px;
}
 
.s7-footnote {
    font-size: 17px;
    line-height: 1.65;
    color: rgb(0 0 0);
    margin-bottom: 11px;
    /* max-width: 320px; */
}
 
/* ── STATS ── */
.s7-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
 
.s7-stat {
    position: relative;
    background: rgb(232 107 27 / 23%);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 18px;
    padding: 26px 22px 20px;
    overflow: hidden;
    transition: border-color 0.3s, background 0.3s, transform 0.3s;
    animation: s7-up 0.65s ease both;
}
.s7-stat:hover {
  background: rgba(234,88,12,0.07);
  border-color: rgba(234,88,12,0.32);
  transform: translateY(-5px);
}
 
.s7-stat--1 { animation-delay: 0.10s; }
.s7-stat--2 { animation-delay: 0.20s; }
.s7-stat--3 { animation-delay: 0.30s; }
.s7-stat--4 { animation-delay: 0.40s; }
 
@keyframes s7-up {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
 
/* Ghost number */
.s7-stat__ghost {
  position: absolute;
  right: -6px; top: -10px;
  /* font-family: 'Bebas Neue', sans-serif; */
  font-size: 90px;
  line-height: 1;
  color: rgba(234,88,12,0.055);
  pointer-events: none;
  user-select: none;
  letter-spacing: -0.02em;
}
 
/* Top row */
.s7-stat__top {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
}
 
.s7-stat__arrow {
  width: 22px; height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.s7-stat__arrow svg { width: 11px; height: 11px; }
 
.s7-stat__arrow--up {
  background: rgba(34,197,94,0.12);
  color: #4ade80;
}
.s7-stat__arrow--down {
  background: rgba(249,115,22,0.15);
  color: #fb923c;
}
 
.s7-stat__label {
    /* font-size: 16px; */
    /* font-weight: 500; */
    color: rgb(0 0 0);
    /* letter-spacing: 0.01em; */
    /* line-height: 1.3; */
}
/* Value */
.s7-stat__value {
    /* font-family: 'Bebas Neue', sans-serif; */
    font-size: clamp(46px, 4.5vw, 60px);
    line-height: 1;
    color: #e86b1b;
    letter-spacing: 0.01em;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}
.s7-stat__unit {
  font-size: 0.5em;
  color: #ea580c;
  margin-left: 1px;
}
 
/* Bar */
.s7-stat__bar {
  height: 3px;
  background: rgba(255,255,255,0.07);
  border-radius: 2px;
  overflow: hidden;
}
 
.s7-stat__bar-fill {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #c2410c, #f97316, #fdba74);
  border-radius: 2px;
  animation: s7-bar 1.4s cubic-bezier(0.4,0,0.2,1) forwards;
  animation-delay: 0.6s;
}
 
.s7-stat--1 .s7-stat__bar-fill { animation-delay: 0.60s; }
.s7-stat--2 .s7-stat__bar-fill { animation-delay: 0.75s; }
.s7-stat--3 .s7-stat__bar-fill { animation-delay: 0.90s; }
.s7-stat--4 .s7-stat__bar-fill { animation-delay: 1.05s; }
 
@keyframes s7-bar {
  from { width: 0; }
  to   { width: var(--w, 0%); }
}
 
.s7-stat:hover .s7-stat__bar-fill {
  background: linear-gradient(90deg, #ea580c, #fb923c, #fed7aa);
}
/* ============================== */
 .value-section {
    background: var(--white);
  }

  .value-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin-top: 64px;
  }

  .value-content .section-desc { max-width: 100%; margin-bottom: 32px; }

  .value-points { display: flex; flex-direction: column; gap: 20px; }

  .value-point {
    display: flex; gap: 16px; align-items: flex-start;
    padding: 20px 24px;
    border: 1px solid var(--border);
    border-radius: 12px;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
  .value-point:hover {
    border-color: rgba(232,102,10,0.3);
    box-shadow: 0 4px 20px rgba(232,102,10,0.08);
  }

  .vp-icon {
    width: 44px; height: 44px; flex-shrink: 0;
    background: var(--orange-pale); border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px;
  }

  .vp-text strong {
    display: block;
    /* font-family: 'Syne', sans-serif; */
    font-size: 15px; font-weight: 700;
    color: var(--dark); margin-bottom: 4px;
  }
  .vp-text p {
    font-size: 14px; line-height: 1.6;
    color: var(--mid); font-weight: 300;
  }

.value-visual {
    background: #ffe6d900;
    border-radius: 20px;
    padding: 24px 25px;
    position: relative;
    border: 5px solid #ffe6d9;
    overflow: hidden;
}
  .value-visual::before {
    content: '';
    position: absolute; top: -40px; right: -40px;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(232,102,10,0.2) 0%, transparent 70%);
    border-radius: 50%;
  }

.vv-title {
    /* font-family: 'Syne', sans-serif; */
    font-size: 26px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 11px;
}

  .before-after {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .ba-col { }

.ba-label {
    font-size: 20px;
    font-weight: 600;
    /* text-transform: uppercase; */
    /* text-transform: uppercase; */
    margin-bottom: 10px;
}
  .ba-label.before {
    color: rgb(0 0 0);
}
  .ba-label.after { color: var(--orange-light); }
.ba-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.ba-item.before-item {
    color: rgb(74 69 69 / 82%);
}
  .ba-item.after-item {
    color: rgb(0 0 0);
}

  .ba-item::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
  }
 .before-item::before {
    background: rgb(232 107 27);
}
  .after-item::before {
    background: #e86b1b;
}

  .ba-divider {
    width: 1px; background: rgba(255,255,255,0.1);
    position: absolute; top: 48px; left: 50%;
    bottom: 48px;
  }
  @media (max-width: 767.98px) {
  .ba-stats-band {
   
    display: block !important;
   
}
.ba-stat {
    border-bottom: 1px solid #f374204d !important;
}
.no-border {
    border: none !important;
}
.ba-hero-content {
    max-width: 700px;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.business-banner {
    display: inline-block;
    position: relative;
    padding: 11px 7px;
    font-size: 29px;
    font-weight: 700;
    color: #d35400;
    border: 2px solid #d35400;
    background: #ffffff;
}
.ba-hero h1 {
    font-size: clamp(37px, 5vw, 68px);
    line-height: 1.05;
    color: #1c1308;
    margin-bottom: 18px;
    animation: ba-fadeSlideUp 0.6s 0.1s ease both;
}
.business-banner::before {
    top: 19px;
    left: -6px;
    box-shadow: calc(100% + 2px) 0 #d35400,     /* top-right */
    0 calc(100% + 2px) #d35400,     /* bottom-left */
    calc(100% + 2px) calc(100% + 2px) #d35400;
}
.business-banner::before, .business-banner::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: -6px;
    top: 19px;
    background: #d35400;
}
.pws-section {
    padding: 72px 0px 0px 0px;
}
  }

/*==========================================*/
.read-more-brand{
    border: 2px solid #e86b1b;
    background: white;
    color: #e86b1b;
    margin-bottom: 22px;
}

.read-more-brand:hover{
      background:#e86b1b ;
    color: white;
}
/* ======================================== */
/* =========================================== */
  /* ── SECTION ── */
    .sh-section {
      position: relative;
      width: 100%;
      min-height: 100vh;
      background: var(--sh-white);
      overflow: hidden;
      display: flex;
      align-items: center;
    }
 
    /* ── BACKGROUND SHAPES ── */
    .sh-bg-blob {
      position: absolute;
      top: -120px;
      right: -180px;
      width: 680px;
      height: 680px;
      background: radial-gradient(ellipse at 60% 40%, #FFDCC8 0%, #FFE8D6 40%, transparent 72%);
      border-radius: 50%;
      z-index: 0;
      animation: sh-breathe 7s ease-in-out infinite alternate;
    }
 
    .sh-bg-blob-2 {
      position: absolute;
      bottom: -80px;
      left: -100px;
      width: 380px;
      height: 380px;
      background: radial-gradient(ellipse, #FFEEE3 0%, transparent 70%);
      border-radius: 50%;
      z-index: 0;
    }
 
    .sh-bg-dots {
      position: absolute;
      inset: 0;
      background-image: radial-gradient(circle, #FFD0B0 1px, transparent 1px);
      background-size: 36px 36px;
      opacity: 0.45;
      z-index: 0;
    }
 
    .sh-bg-arc {
      position: absolute;
      top: 0;
      right: 0;
      width: 520px;
      height: 520px;
      background: conic-gradient(from 160deg at 100% 0%, var(--sh-orange) 0deg, var(--sh-orange-mid) 55deg, transparent 90deg);
      opacity: 0.08;
      z-index: 0;
    }
 
    @keyframes sh-breathe {
      from { transform: scale(1)    rotate(-3deg); }
      to   { transform: scale(1.08) rotate(3deg);  }
    }
 
    /* ── CONTAINER ── */
    .sh-container {
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: 1180px;
      margin: 0 auto;
      padding: 100px 48px 80px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px;
      align-items: center;
    }
 
    /* ── LEFT CONTENT ── */
    .sh-content {
      display: flex;
      flex-direction: column;
      gap: 24px;
    }
 
    .sh-sublabel {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      width: fit-content;
      animation: sh-up 0.6s ease both;
    }
 
    .sh-sublabel-line {
      width: 32px;
      height: 2px;
      background: var(--sh-orange);
      border-radius: 2px;
    }
 
    .sh-sublabel-text {
      font-size: 13px;
      font-weight: 600;
      color: var(--sh-orange);
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }
 
    .sh-heading {
      font-family: var(--sh-font-display);
      font-size: clamp(34px, 4vw, 56px);
      font-weight: 800;
      line-height: 1.1;
      color: var(--sh-text-dark);
      animation: sh-up 0.65s 0.1s ease both;
    }
 
    .sh-heading mark {
      background: none;
      color: var(--sh-orange);
      position: relative;
      display: inline;
    }
 
    .sh-heading mark::after {
      content: '';
      position: absolute;
      bottom: -6px;
      left: 0;
      width: 100%;
      height: 6px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8'%3E%3Cpath d='M0 6 Q15 1 30 6 Q45 11 60 6 Q75 1 90 6 Q105 11 120 6' stroke='%23FF5C00' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x center / 80px 6px;
      opacity: 0.55;
    }
 
    .sh-desc {
      font-size: 17px;
      line-height: 1.8;
      color: var(--sh-text-mid);
      max-width: 500px;
      animation: sh-up 0.65s 0.2s ease both;
    }
 
    .sh-desc strong {
      color: var(--sh-text-dark);
      font-weight: 600;
    }
 
    .sh-cta-row {
      display: flex;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
      animation: sh-up 0.65s 0.3s ease both;
    }
 
    .sh-btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 15px 32px;
      background: var(--sh-orange);
      color: white;
      font-family: var(--sh-font-body);
      font-size: 15px;
      font-weight: 600;
      border-radius: 12px;
      text-decoration: none;
      box-shadow: 0 6px 24px rgba(255,92,0,0.32);
      transition: transform 0.22s, box-shadow 0.22s, background 0.22s;
      position: relative;
      overflow: hidden;
    }
 
    .sh-btn-primary::before {
      content: '';
      position: absolute;
      top: 0; left: -100%;
      width: 100%; height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
      transition: left 0.4s;
    }
 
    .sh-btn-primary:hover {
      background: #E84A00;
      transform: translateY(-3px);
      box-shadow: 0 12px 32px rgba(255,92,0,0.42);
    }
 
    .sh-btn-primary:hover::before { left: 100%; }
 
    .sh-btn-ghost {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 15px 28px;
      background: transparent;
      color: var(--sh-text-dark);
      font-family: var(--sh-font-body);
      font-size: 15px;
      font-weight: 500;
      border-radius: 12px;
      border: 1.5px solid var(--sh-border);
      text-decoration: none;
      transition: border-color 0.22s, color 0.22s, background 0.22s;
    }
 
    .sh-btn-ghost:hover {
      border-color: var(--sh-orange);
      color: var(--sh-orange);
      background: var(--sh-orange-xlight);
    }
 
    .sh-badges {
      display: flex;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;
      animation: sh-up 0.65s 0.4s ease both;
    }
 
    .sh-badge {
      display: flex;
      align-items: center;
      gap: 6px;
    }
 
    .sh-badge-icon {
      width: 16px;
      height: 16px;
      color: var(--sh-orange);
    }
 
    .sh-badge-text {
      font-size: 13px;
      font-weight: 500;
      color: var(--sh-text-light);
    }
 
    .sh-badge-sep {
      width: 4px;
      height: 4px;
      background: var(--sh-border);
      border-radius: 50%;
    }
 
    /* ── RIGHT VISUAL ── */
    .sh-visual {
      position: relative;
      animation: sh-right 0.8s 0.2s ease both;
    }
 
    .sh-card-hero {
      background: linear-gradient(140deg, var(--sh-orange) 0%, #FF8040 100%);
      border-radius: 24px;
      padding: 40px 36px;
      color: white;
      position: relative;
      overflow: hidden;
      box-shadow: 0 24px 60px rgba(255,92,0,0.28), 0 4px 12px rgba(255,92,0,0.15);
    }
 
    .sh-card-hero::before {
      content: '';
      position: absolute;
      top: -60px; right: -60px;
      width: 220px; height: 220px;
      background: rgba(255,255,255,0.12);
      border-radius: 50%;
    }
 
    .sh-card-hero::after {
      content: '';
      position: absolute;
      bottom: -40px; left: -30px;
      width: 160px; height: 160px;
      background: rgba(255,255,255,0.07);
      border-radius: 50%;
    }
 
    .sh-card-hero-tag {
      display: inline-block;
      background: rgba(255,255,255,0.22);
      border: 1px solid rgba(255,255,255,0.3);
      border-radius: 6px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 5px 12px;
      margin-bottom: 20px;
    }
 
    .sh-card-hero-uptime {
      font-family: var(--sh-font-display);
      font-size: 64px;
      font-weight: 800;
      line-height: 1;
      margin-bottom: 6px;
    }
 
    .sh-card-hero-label {
      font-size: 15px;
      font-weight: 500;
      opacity: 0.85;
      margin-bottom: 28px;
    }
 
    .sh-card-hero-bar-bg {
      width: 100%;
      height: 6px;
      background: rgba(255,255,255,0.25);
      border-radius: 100px;
      margin-bottom: 28px;
      overflow: hidden;
    }
 
    .sh-card-hero-bar-fill {
      height: 100%;
      background: white;
      border-radius: 100px;
      animation: sh-grow 1.4s 0.8s ease both;
    }
 
    @keyframes sh-grow {
      from { width: 0; }
      to   { width: 99.9%; }
    }
 
    .sh-card-hero-row {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 12px;
      position: relative;
      z-index: 1;
    }
 
    .sh-card-stat {
      background: rgba(255,255,255,0.15);
      border: 1px solid rgba(255,255,255,0.25);
      border-radius: 12px;
      padding: 14px 10px;
      text-align: center;
    }
 
    .sh-card-stat-num {
      font-family: var(--sh-font-display);
      font-size: 20px;
      font-weight: 800;
      display: block;
      margin-bottom: 3px;
    }
 
    .sh-card-stat-lbl {
      font-size: 11px;
      opacity: 0.8;
      font-weight: 500;
    }
 
    /* Floating white mini cards */
    .sh-float-card {
      position: absolute;
      background: var(--sh-white);
      border-radius: 14px;
      padding: 14px 18px;
      display: flex;
      align-items: center;
      gap: 12px;
      box-shadow: 0 12px 40px rgba(0,0,0,0.1);
      border: 1px solid var(--sh-border);
      white-space: nowrap;
    }
 
    .sh-float-card-icon {
      width: 36px;
      height: 36px;
      background: var(--sh-orange-light);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
 
    .sh-float-card-icon svg {
      width: 18px;
      height: 18px;
      color: var(--sh-orange);
    }
 
    .sh-float-card-name {
      font-size: 13px;
      font-weight: 600;
      color: var(--sh-text-dark);
    }
 
    .sh-float-card-sub {
      font-size: 11px;
      color: var(--sh-text-light);
      margin-top: 1px;
    }
 
    .sh-float-1 {
      top: -22px;
      left: -28px;
      animation: sh-float1 4s ease-in-out infinite;
    }
 
    .sh-float-2 {
      bottom: -22px;
      right: -20px;
      animation: sh-float2 4.5s ease-in-out infinite;
    }
 
    @keyframes sh-float1 {
      0%, 100% { transform: translateY(0);  }
      50%       { transform: translateY(-8px); }
    }
    @keyframes sh-float2 {
      0%, 100% { transform: translateY(0); }
      50%       { transform: translateY(8px); }
    }
 
    @keyframes sh-up {
      from { opacity: 0; transform: translateY(20px); }
      to   { opacity: 1; transform: translateY(0);    }
    }
    @keyframes sh-right {
      from { opacity: 0; transform: translateX(36px); }
      to   { opacity: 1; transform: translateX(0);    }
    }
 
    /* ── RESPONSIVE ── */
    @media (max-width: 900px) {
      .sh-container {
        grid-template-columns: 1fr;
        padding: 80px 28px 60px;
        gap: 56px;
      }
      .sh-visual { order: -1; }
    }
 
    @media (max-width: 480px) {
      .sh-cta-row { flex-direction: column; align-items: flex-start; }
      .sh-btn-primary, .sh-btn-ghost { width: 100%; justify-content: center; }
      .sh-card-hero-uptime { font-size: 48px; }
      .sh-float-card { display: none; }
    }
    /* ================================================ */
 /* ============================================
   HOSTING BANNER — SCOPED STYLES
   All classes prefixed with hb-
============================================ */
 

.hb-section {
    --hb-orange: #FF5A00;
    --hb-orange-light: #FF7A2E;
    --hb-orange-pale: #FFF3EC;
    --hb-orange-glow: rgba(255, 90, 0, 0.18);
    --hb-white: #FFFFFF;
    --hb-off-white: #FAFAFA;
    --hb-text-dark: #1A1A1A;
    --hb-text-mid: #444444;
    --hb-text-muted: #888888;
    --hb-border: rgba(255, 90, 0, 0.15);
    --hb-card-shadow: 0 32px 80px rgba(255, 90, 0, 0.14), 0 8px 24px rgba(0,0,0,0.08);
    --hb-radius: 20px;
    /* --hb-font-head: 'Bricolage Grotesque', sans-serif; */
    /* --hb-font-body: 'Plus Jakarta Sans', sans-serif; */
    position: relative;
    overflow: hidden;
    background: var(--hb-white);
    padding: 36px 0 80px;
    font-family: var(--hb-font-body);
}
 
/* ---- Background ---- */
.hb-bg-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,90,0,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,90,0,0.05) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 40%, transparent 100%);
  pointer-events: none;
}
 
.hb-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  animation: hb-float 8s ease-in-out infinite alternate;
}
.hb-orb--1 {
  width: 520px; height: 520px;
  background: radial-gradient(circle, rgba(255,90,0,0.18), transparent 70%);
  top: -120px; right: -80px;
}
.hb-orb--2 {
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(255,122,46,0.12), transparent 70%);
  bottom: -60px; left: 10%;
  animation-delay: -4s;
}
 
@keyframes hb-float {
  from { transform: translateY(0) scale(1); }
  to   { transform: translateY(-30px) scale(1.05); }
}
 
/* ---- Container ---- */
.hb-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
 
/* ============ LEFT CONTENT ============ */
.hb-content {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
 
/* Tag */
.hb-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--hb-orange-pale);
    border: 1px solid rgba(255,90,0,0.25);
    color: #e86b1b;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 4px 14px;
    border-radius: 100px;
    width: fit-content;
    animation: hb-fade-up 0.6s ease both;
}
.hb-tag__dot {
  width: 7px; height: 7px;
  background: var(--hb-orange);
  border-radius: 50%;
  animation: hb-pulse 1.8s ease-in-out infinite;
}
@keyframes hb-pulse {
  0%,100% { opacity:1; transform:scale(1); }
  50%      { opacity:0.5; transform:scale(1.4); }
}
 
/* Heading */
.hb-heading {
    font-family: var(--hb-font-head);
    font-size: clamp(32px, 4vw, 54px);
    font-weight: 700;
    line-height: 1.12;
    color: var(--hb-text-dark);
    margin: 0;
    animation: hb-fade-up 0.6s 0.1s ease both;
}
.hb-heading__accent {
    position: relative;
    display: inline-block;
    background: linear-gradient(135deg, #e86b1b 0%, #573723ed 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.hb-heading__accent::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--hb-orange), #FF9A00);
  border-radius: 4px;
  opacity: 0.4;
}
 
/* Description */
.hb-description {
  font-size: 17px;
  line-height: 1.7;
  color: var(--hb-text-mid);
  margin: 0;
  max-width: 500px;
  animation: hb-fade-up 0.6s 0.2s ease both;
}
 
/* Buttons */
.hb-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: hb-fade-up 0.6s 0.3s ease both;
}
.hb-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}
.hb-btn--primary {
  background: var(--hb-orange);
  color: #fff;
  box-shadow: 0 4px 20px rgba(255,90,0,0.35);
}
.hb-btn--primary::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);
  opacity: 0;
  transition: opacity 0.25s;
}
.hb-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(255,90,0,0.45); }
.hb-btn--primary:hover::before { opacity: 1; }
.hb-btn__icon { width: 18px; height: 18px; transition: transform 0.25s; }
.hb-btn--primary:hover .hb-btn__icon { transform: translateX(4px); }
 
.hb-btn--ghost {
  background: transparent;
  color: var(--hb-orange);
  border: 2px solid rgba(255,90,0,0.3);
}
.hb-btn--ghost:hover {
  background: var(--hb-orange-pale);
  border-color: var(--hb-orange);
  transform: translateY(-2px);
}
 
/* Stats */
.hb-stats {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-top: 8px;
  animation: hb-fade-up 0.6s 0.4s ease both;
}
.hb-stat { display: flex; flex-direction: column; gap: 2px; }
.hb-stat__value {
  font-family: var(--hb-font-head);
  font-size: 28px;
  font-weight: 800;
  color: var(--hb-text-dark);
  line-height: 1;
}
.hb-stat__unit { font-size: 18px; color: var(--hb-orange); }
.hb-stat__label { font-size: 12px; color: var(--hb-text-muted); font-weight: 500; letter-spacing: 0.03em; }
.hb-stat__divider { width: 1px; height: 36px; background: var(--hb-border); }
 
/* ============ RIGHT VISUAL ============ */
.hb-visual {
  position: relative;
  animation: hb-fade-up 0.7s 0.2s ease both;
}
 
/* Main Card */
.hb-card {
  background: var(--hb-white);
  border: 1px solid rgba(255,90,0,0.12);
  border-radius: var(--hb-radius);
  box-shadow: var(--hb-card-shadow);
  overflow: hidden;
  position: relative;
  z-index: 2;
}
 
.hb-card__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: linear-gradient(135deg, #fff8f4, #fff);
  border-bottom: 1px solid rgba(255,90,0,0.1);
}
.hb-card__dots { display: flex; gap: 6px; }
.hb-card__dots span {
  width: 11px; height: 11px; border-radius: 50%;
  background: #eee;
}
.hb-card__dots span:nth-child(1) { background: #FF5F57; }
.hb-card__dots span:nth-child(2) { background: #FEBC2E; }
.hb-card__dots span:nth-child(3) { background: #28C840; }
.hb-card__url {
  flex: 1;
  font-size: 12px;
  color: var(--hb-text-muted);
  background: rgba(0,0,0,0.04);
  padding: 4px 12px;
  border-radius: 6px;
  text-align: center;
}
.hb-card__live {
  display: flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 700;
  color: #16a34a; letter-spacing: 0.04em;
}
.hb-card__live-dot {
  width: 7px; height: 7px;
  background: #16a34a; border-radius: 50%;
  animation: hb-pulse 1.4s ease-in-out infinite;
}
 
.hb-card__body { padding: 24px; display: flex; flex-direction: column; gap: 22px; }
 
/* Uptime */
.hb-uptime { display: flex; flex-direction: column; gap: 10px; }
.hb-uptime__label {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 13px; font-weight: 600; color: var(--hb-text-dark);
}
.hb-uptime__pct { color: var(--hb-orange); font-weight: 800; font-size: 15px; }
.hb-uptime__bars { display: flex; gap: 3px; }
.hb-uptime__bar {
  flex: 1; height: 28px; border-radius: 4px;
  transition: transform 0.2s;
}
.hb-uptime__bar--up {
    background: linear-gradient(to top, #e86b1b, #ffaa6bab);
}
.hb-uptime__bar--down { background: #e5e7eb; }
.hb-uptime__bar:hover { transform: scaleY(1.1); }
 
/* Features */
.hb-features { display: flex; flex-direction: column; gap: 12px; }
.hb-feature {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: var(--hb-off-white);
  border: 1px solid rgba(255,90,0,0.08);
  border-radius: 12px;
  transition: all 0.2s;
}
.hb-feature:hover {
  border-color: rgba(255,90,0,0.25);
  box-shadow: 0 2px 12px rgba(255,90,0,0.08);
  transform: translateX(4px);
}
.hb-feature__icon {
  width: 38px; height: 38px;
  background: var(--hb-orange-pale);
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  color: var(--hb-orange);
}
.hb-feature__icon svg { width: 18px; height: 18px; }
.hb-feature__text { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.hb-feature__name { font-size: 13px; font-weight: 700; color: var(--hb-text-dark); }
.hb-feature__sub  { font-size: 11px; color: var(--hb-text-muted); }
.hb-feature__badge {
  font-size: 10px; font-weight: 700;
  color: #16a34a;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  padding: 3px 8px;
  border-radius: 100px;
  letter-spacing: 0.04em;
}
 
/* Price Strip */
.hb-price-strip {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #e86b1b, #f15c00);
    border-radius: 14px;
    padding: 16px 20px;
    color: #ffffff;
}
.hb-price-strip__label { font-size: 12px; font-weight: 500; opacity: 0.85; }
.hb-price-strip__amount {
  font-family: var(--hb-font-head);
  font-size: 28px; font-weight: 800; line-height: 1;
}
.hb-price-strip__amount small { font-size: 13px; font-weight: 500; opacity: 0.8; margin-left: 2px; }
.hb-price-strip__cta {
  margin-left: auto;
  background: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.35);
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 8px;
  backdrop-filter: blur(6px);
  transition: all 0.2s;
  white-space: nowrap;
}
.hb-price-strip__cta:hover { background: rgba(255,255,255,0.3); transform: translateX(3px); }
 
/* Floating Badges */
.hb-badge {
  position: absolute;
  display: flex; align-items: center; gap: 7px;
  background: #fff;
  border: 1px solid var(--hb-border);
  border-radius: 100px;
  padding: 8px 16px;
  font-size: 12px; font-weight: 700;
  color: var(--hb-text-dark);
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  z-index: 3;
  animation: hb-badge-float 4s ease-in-out infinite alternate;
}
.hb-badge svg { width: 14px; height: 14px; color: var(--hb-orange); }
.hb-badge--tl { top: -18px; left: -22px; animation-delay: 0s; }
.hb-badge--br { bottom: 24px; right: -22px; animation-delay: -2s; }
 
@keyframes hb-badge-float {
  from { transform: translateY(0); }
  to   { transform: translateY(-8px); }
}
 
/* Entry Animations */
@keyframes hb-fade-up {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
 
/* ============ RESPONSIVE ============ */
@media (max-width: 960px) {
  .hb-container {
    grid-template-columns: 1fr;
    gap: 48px;
    text-align: center;
  }
  .hb-tag { margin: 0 auto; }
  .hb-description { margin: 0 auto; }
  .hb-actions { justify-content: center; }
  .hb-stats { justify-content: center; }
  .hb-visual { max-width: 520px; margin: 0 auto; }
  .hb-badge--tl { left: 0; }
  .hb-badge--br { right: 0; }
}
 
@media (max-width: 480px) {
  .hb-section { padding: 64px 0 56px; }
  .hb-heading { font-size: 28px; }
  .hb-badge { display: none; }
  .hb-btn { padding: 12px 20px; font-size: 14px; }
}
/* ============================================================
   CHALLENGES WE SOLVE — SECTION 3
   All classes prefixed: cws-
   Theme: White & Orange
============================================================ */
 

.cws-section {
    --cws-orange: #FF5A00;
    --cws-orange-deep: #E04E00;
    --cws-orange-light: #FF7A2E;
    --cws-orange-pale: #FFF4EE;
    --cws-orange-glow: rgba(255, 90, 0, 0.12);
    --cws-white: #FFFFFF;
    --cws-off: #FAFAFA;
    --cws-dark: #111111;
    --cws-mid: #444444;
    --cws-muted: #888888;
    --cws-border: rgba(255, 90, 0, 0.13);
    position: relative;
    overflow: hidden;
    background: var(--cws-off);
    padding: 60px 0 60px;
    font-family: var(--cws-font-body);
}
 
/* ---- BG Decorations ---- */
.cws-bg-dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,90,0,0.09) 1.5px, transparent 1.5px);
  background-size: 32px 32px;
  pointer-events: none;
  mask-image: radial-gradient(ellipse 90% 80% at 50% 50%, #000 50%, transparent 100%);
}
 
.cws-bg-slice {
  position: absolute;
  top: -120px;
  right: -200px;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(255,90,0,0.10) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
 
/* ---- Container ---- */
.cws-container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    flex-direction: column;
    /* gap: 60px; */
}
 
/* ============ HEADER ============ */
.cws-header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  animation: cws-fade-up 0.6s ease both;
}
 
.cws-subbadge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--cws-white);
  border: 1.5px solid var(--cws-border);
  color: var(--cws-orange);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 7px 16px 7px 10px;
  border-radius: 100px;
  box-shadow: 0 2px 12px rgba(255,90,0,0.08);
}
 
.cws-subbadge__icon {
  width: 26px; height: 26px;
  background: var(--cws-orange-pale);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  color: var(--cws-orange);
}
.cws-subbadge__icon svg { width: 13px; height: 13px; }
 
.cws-heading {
  font-family: var(--cws-font-head);
  font-size: clamp(32px, 4.5vw, 54px);
  font-weight: 800;
  line-height: 1.1;
  color: var(--cws-dark);
  margin: 0;
}
 
.cws-heading__highlight {
  position: relative;
  display: inline-block;
  background: linear-gradient(130deg, var(--cws-orange) 0%, #FF9B00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cws-heading__highlight::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -6px;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--cws-orange), #FF9B00);
  opacity: 0.35;
}
 
.cws-subtext {
  font-size: 17px;
  color: var(--cws-mid);
  line-height: 1.7;
  max-width: 540px;
  margin: 0;
}
.cws-subtext strong { color: var(--cws-orange); font-weight: 700; }
 
/* ============ GRID ============ */
.cws-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
 
/* ============ CARD ============ */
.cws-card {
    background: var(--cws-white);
    border: 1.5px solid rgba(255,90,0,0.10);
    border-radius: 22px;
    padding: 17px 30px 17px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    animation: cws-fade-up 0.55s var(--cws-delay, 0s) ease both;
    box-shadow: 0 2px 20px rgba(0,0,0,0.04);
}
 
/* Hover corner accent */
.cws-card::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 120px; height: 120px;
  background: radial-gradient(circle at top right, rgba(255,90,0,0.07), transparent 70%);
  border-radius: 0 22px 0 0;
  transition: opacity 0.3s;
  opacity: 0;
}
.cws-card:hover::before { opacity: 1; }
 
.cws-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 56px rgba(255,90,0,0.12), 0 4px 16px rgba(0,0,0,0.06);
  border-color: rgba(255,90,0,0.28);
}
 
/* Card Top Row */
.cws-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.cws-card__num {
    font-family: var(--cws-font-head);
    font-size: 13px;
    font-weight: 800;
    color: rgb(232 107 27);
    letter-spacing: 0.08em;
    background: #fff1ea;
    padding: 4px 10px;
    border-radius: 100px;
}
 
.cws-card__icon-wrap {
  width: 48px; height: 48px;
  background: linear-gradient(135deg, var(--cws-orange-pale), #FFECE0);
  border: 1.5px solid rgba(255,90,0,0.18);
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  color: var(--cws-orange);
  transition: background 0.3s, transform 0.3s;
}
.cws-card__icon-wrap svg { width: 22px; height: 22px; }
.cws-card:hover .cws-card__icon-wrap {
    background: linear-gradient(135deg, #e86b1b, var(--cws-orange-light));
    color: #fff;
    transform: rotate(-6deg) scale(1.08);
}
 
/* Title */
.cws-card__title {
  font-family: var(--cws-font-head);
  font-size: 20px;
  font-weight: 700;
  color: var(--cws-dark);
  margin: 0;
  line-height: 1.25;
}
 
/* Body */
.cws-card__body {
    /* font-size: 14.5px; */
    /* line-height: 1.75; */
    color: #393333;
    margin: 0;
}
 
/* Pill */
.cws-card__pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 16px;
    font-weight: 600;
    color: #e86b1b;
    background: #ffeadb;
    border: 1px solid #faefe9;
    padding: 4px 12px;
    border-radius: 100px;
    width: fit-content;
    letter-spacing: 0.03em;
}
.cws-card__pill-dot {
    width: 7px;
    height: 7px;
    background: #e86b1b;
    border-radius: 50%;
    animation: cws-pulse 1.6s ease-in-out infinite;
}
 
/* Progress Bar */
.cws-card__bar-wrap { display: flex; flex-direction: column; gap: 7px; margin-top: 4px; }
.cws-card__bar-label {
  display: flex; justify-content: space-between;
  font-size: 12px; font-weight: 600; color: var(--cws-muted);
}
.cws-card__bar-val { color: var(--cws-orange); font-weight: 800; }
.cws-card__track {
  height: 8px;
  background: rgba(255,90,0,0.1);
  border-radius: 100px;
  overflow: hidden;
}
.cws-card__fill {
  height: 100%;
  width: var(--cws-fill, 0%);
  background: linear-gradient(90deg, var(--cws-orange), #FF9B00);
  border-radius: 100px;
  animation: cws-bar-grow 1.2s ease both;
}
 
@keyframes cws-bar-grow {
  from { width: 0%; }
  to   { width: var(--cws-fill); }
}
 
/* Scale Steps (Card 03) */
.cws-card__scale-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.cws-scale-step {
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  background: var(--cws-orange-pale);
  color: var(--cws-orange);
  border: 1.5px solid rgba(255,90,0,0.2);
  transition: all 0.2s;
}
.cws-scale-step--active {
  background: var(--cws-orange);
  color: #fff;
  border-color: var(--cws-orange);
}
.cws-card:hover .cws-scale-step--active {
  background: var(--cws-orange-deep);
}
.cws-scale-arrow {
  color: var(--cws-orange);
  font-size: 16px;
  font-weight: 700;
  opacity: 0.5;
}
 
/* Security Tags (Card 04) */
.cws-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.cws-tag {
  font-size: 11.5px;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 8px;
  background: var(--cws-orange-pale);
  color: var(--cws-orange);
  border: 1px solid rgba(255,90,0,0.18);
  letter-spacing: 0.03em;
  transition: all 0.2s;
}
.cws-card:hover .cws-tag {
    background: #e86b1b;
    color: #fff;
    border-color: var(--cws-orange);
}
 
/* ============ CTA STRIP ============ */
.cws-cta-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: linear-gradient(135deg, var(--cws-orange) 0%, #FF8C00 100%);
  border-radius: 20px;
  padding: 28px 36px;
  flex-wrap: wrap;
  box-shadow: 0 12px 40px rgba(255,90,0,0.28);
  position: relative;
  overflow: hidden;
  animation: cws-fade-up 0.6s 0.4s ease both;
}
 
/* Shimmer effect */
.cws-cta-strip::after {
  content: '';
  position: absolute;
  top: -60%; left: -20%;
  width: 50%; height: 200%;
  background: rgba(255,255,255,0.07);
  transform: skewX(-20deg);
  pointer-events: none;
}
 
.cws-cta-strip__text {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  font-family: var(--cws-font-head);
}
.cws-cta-strip__emoji { font-size: 24px; }
 
.cws-cta-strip__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: var(--cws-orange);
  font-size: 14px;
  font-weight: 800;
  padding: 13px 26px;
  border-radius: 12px;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.25s;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}
.cws-cta-strip__btn svg { width: 18px; height: 18px; transition: transform 0.25s; }
.cws-cta-strip__btn:hover {
  background: var(--cws-dark);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0,0,0,0.18);
}
.cws-cta-strip__btn:hover svg { transform: translateX(4px); }
 
/* ============ ANIMATIONS ============ */
@keyframes cws-fade-up {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
 
@keyframes cws-pulse {
  0%,100% { opacity:1; transform:scale(1); }
  50%      { opacity:0.5; transform:scale(1.5); }
}
 
/* ============ RESPONSIVE ============ */
@media (max-width: 900px) {
  .cws-grid { grid-template-columns: 1fr; }
  .cws-cta-strip { flex-direction: column; text-align: center; }
}
 
@media (max-width: 600px) {
  .cws-section { padding: 72px 0 64px; }
  .cws-card { padding: 24px 20px 22px; }
  .cws-heading { font-size: 28px; }
  .cws-cta-strip { padding: 24px 20px; }
  .cws-cta-strip__text { font-size: 15px; flex-direction: column; gap: 6px; }
}
/* ====================================================== *//* ====================================================== */
/* ====================================================== *//* ====================================================== */
/* ====================================================== *//* ====================================================== */
/* ====================================================== *//* ====================================================== */
/* ====================================================== *//* ====================================================== */
/* ── RESET & SCOPE ── */
  .csb-section *,
  .csb-section *::before,
  .csb-section *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
 
  /* ── TOKENS ── */
  .csb-section {
    --csb-orange:        #FF6B1A;
    --csb-orange-light:  #FF8C42;
    --csb-orange-pale:   #FFF0E6;
    --csb-orange-glow:   rgba(255, 107, 26, 0.18);
    --csb-white:         #FFFFFF;
    --csb-off-white:     #FDF8F5;
    --csb-ink:           #1A0A00;
    --csb-ink-mid:       #4A2E1A;
    --csb-ink-soft:      #7A5A40;
    --csb-border:        rgba(255, 107, 26, 0.15);
   
  }
 
  /* ── SECTION WRAPPER ── */
  .csb-section {
    position: relative;
    width: 100%;
    background: var(--csb-off-white);
    overflow: hidden;
    padding: 100px 0 80px;
   
  }
 
  /* ── BACKGROUND GEOMETRY ── */
  .csb-bg-canvas {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
  }
 
  /* Large soft orb – top right */
  .csb-bg-canvas::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -120px;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 140, 66, 0.22) 0%, transparent 70%);
    animation: csb-pulse 6s ease-in-out infinite;
  }
 
  /* Small orb – bottom left */
  .csb-bg-canvas::after {
    content: '';
    position: absolute;
    bottom: -80px;
    left: -60px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 107, 26, 0.12) 0%, transparent 70%);
    animation: csb-pulse 8s ease-in-out infinite reverse;
  }
 
  /* Diagonal accent stripe */
  .csb-bg-stripe {
    position: absolute;
    top: 0; right: 0;
    width: 45%;
    height: 100%;
    background: linear-gradient(135deg,
      transparent 0%,
      rgba(255, 107, 26, 0.04) 40%,
      rgba(255, 140, 66, 0.08) 100%
    );
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    pointer-events: none;
    z-index: 0;
  }
 
  /* Dot grid pattern */
  .csb-bg-dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 107, 26, 0.12) 1.2px, transparent 1.2px);
    background-size: 36px 36px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.6;
  }
 
  /* ── CONTAINER ── */
  .csb-container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
  }
 
  /* ── LEFT CONTENT ── */
  .csb-content {}
 
  /* Sub-label */
  .csb-sub-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--csb-orange-pale);
    border: 1px solid var(--csb-border);
    border-radius: 100px;
    padding: 6px 16px 6px 10px;
    margin-bottom: 24px;
    animation: csb-fade-up 0.6s ease both;
  }
 
  .csb-sub-label-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--csb-orange);
    box-shadow: 0 0 0 3px rgba(255,107,26,0.25);
    animation: csb-dot-ping 2s ease infinite;
  }
 
  .csb-sub-label-text {
   
  
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--csb-orange);
  }
 
.csb-heading {
    color: var(--csb-ink);
    margin-bottom: 27px;
    font-size: 55px;
    line-height: normal;
    animation: csb-fade-up 0.6s 0.1s ease both;
}
  .csb-heading-accent {
    position: relative;
    display: inline-block;
    color: var(--csb-orange);
  }
 
  /* Underline squiggle */
  .csb-heading-accent::after {
    content: '';
    position: absolute;
    left: 0; bottom: -4px;
    width: 100%; height: 4px;
    background: linear-gradient(90deg, var(--csb-orange), var(--csb-orange-light));
    border-radius: 2px;
    transform: scaleX(0);
    transform-origin: left;
    animation: csb-underline-grow 0.5s 0.8s ease forwards;
  }
 
  /* Description */
.csb-description {
    color: var(--csb-ink-mid);
    max-width: 500px;
    margin-bottom: 16px;
    animation: csb-fade-up 0.6s 0.2s ease both;
}
 
  .csb-description strong {
    font-weight: 500;
    color: var(--csb-ink);
  }
 
  /* CTA Buttons */
  .csb-cta-row {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    animation: csb-fade-up 0.6s 0.3s ease both;
  }
 
  .csb-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--csb-orange), var(--csb-orange-light));
    color: var(--csb-white);
   
    padding: 14px 28px;
    border-radius: 12px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(255, 107, 26, 0.35), 0 2px 6px rgba(255,107,26,0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    overflow: hidden;
  }
 
  .csb-btn-primary::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);
    opacity: 0;
    transition: opacity 0.2s;
  }
 
  .csb-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(255, 107, 26, 0.45);
  }
  .csb-btn-primary:hover::before { opacity: 1; }
 
  .csb-btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: var(--csb-orange);
  
    padding: 13px 24px;
    border-radius: 12px;
    border: 1.5px solid var(--csb-orange);
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
  }
 
  .csb-btn-ghost:hover {
    background: var(--csb-orange-pale);
    transform: translateY(-2px);
  }
 
  .csb-btn-icon {
    width: 16px; height: 16px;
    fill: currentColor;
    flex-shrink: 0;
  }
 
  /* Stats row */
  .csb-stats-row {
    display: flex;
    gap: 32px;
    margin-top: 48px;
    animation: csb-fade-up 0.6s 0.4s ease both;
  }
 
  .csb-stat {}
 
  .csb-stat-num {

    color: var(--csb-orange);
  
  }
 
  .csb-stat-label {
 
    margin-top: 4px;

  }
 
  .csb-stat-divider {
    width: 1px;
    background: var(--csb-border);
    align-self: stretch;
  }
 
  /* ── RIGHT VISUAL PANEL ── */
  .csb-visual-panel {
    position: relative;
    animation: csb-fade-up 0.7s 0.25s ease both;
  }
 
  /* Main card */
  .csb-card-main {
    background: var(--csb-white);
    border: 1px solid rgba(255,107,26,0.12);
    border-radius: 24px;
    padding: 36px;
    box-shadow: 0 24px 64px rgba(255, 107, 26, 0.10), 0 4px 16px rgba(0,0,0,0.04);
    position: relative;
    overflow: hidden;
  }
 
  .csb-card-main::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--csb-orange), var(--csb-orange-light), #FFB347);
    border-radius: 24px 24px 0 0;
  }
 
  /* Cloud icon group */
  .csb-icon-cluster {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
  }
 
  .csb-cloud-icon {
    width: 54px; height: 54px;
    background: linear-gradient(135deg, var(--csb-orange), var(--csb-orange-light));
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(255,107,26,0.3);
    animation: csb-icon-float 4s ease-in-out infinite;
  }
 
  .csb-cloud-icon svg {
    width: 28px; height: 28px;
    fill: white;
  }
 
  .csb-icon-label {}
 
  .csb-icon-label-main {

    color: var(--csb-ink);
  }
 
  .csb-icon-label-sub {
  
    color: var(--csb-ink-soft);
    margin-top: 2px;
  }
 
  /* Provider logos row */
  .csb-providers {
    display: flex;
    gap: 10px;
    margin-bottom: 28px;
    flex-wrap: wrap;
  }
 
  .csb-provider-chip {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 100px;
    border: 1px solid rgba(255,107,26,0.15);
    background: var(--csb-off-white);
   
    color: var(--csb-ink-mid);
    transition: border-color 0.2s, background 0.2s;
    cursor: default;
  }
 
  .csb-provider-chip:hover {
    border-color: var(--csb-orange);
    background: var(--csb-orange-pale);
    color: var(--csb-orange);
  }
 
  .csb-provider-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
  }
  .csb-pd-aws   { background: #FF9900; }
  .csb-pd-azure { background: #0078D4; }
  .csb-pd-gcp   { background: #34A853; }
 
  /* Feature list */
  .csb-feature-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
.csb-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14.5px;
    color: #000000c4;
    /* line-height: 1.5; */
    animation: csb-fade-up 0.5s ease both;
}
  .csb-feature-item:nth-child(1) { animation-delay: 0.5s; }
  .csb-feature-item:nth-child(2) { animation-delay: 0.6s; }
  .csb-feature-item:nth-child(3) { animation-delay: 0.7s; }
  .csb-feature-item:nth-child(4) { animation-delay: 0.8s; }
 
  .csb-feature-check {
    flex-shrink: 0;
    width: 20px; height: 20px;
    border-radius: 6px;
    background: var(--csb-orange-pale);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
  }
 
  .csb-feature-check svg {
    width: 11px; height: 11px;
    stroke: var(--csb-orange);
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
 
  /* Floating badge – top right of card */
.csb-badge-float {
    position: absolute;
    top: -37px;
    right: 14px;
    background: #e86b1b;
    color: var(--csb-white);
    font-family: var(--csb-font-head);
    font-size: 11px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 100px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 4px 14px rgba(26,10,0,0.2);
    animation: csb-badge-bounce 3s ease-in-out infinite;
}
  .csb-badge-float-live {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 2px rgba(34,197,94,0.3);
    animation: csb-dot-ping 1.5s ease infinite;
  }
 
  /* Floating mini card – bottom left */
.csb-mini-card {
    position: absolute;
    bottom: 357px;
    left: -75px;
    background: var(--csb-white);
    border: 1px solid rgba(255,107,26,0.12);
    border-radius: 16px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 12px 36px rgba(255,107,26,0.12);
    animation: csb-mini-float 5s ease-in-out infinite;
    min-width: 170px;
}
 
  .csb-mini-icon {
    width: 36px; height: 36px;
    background: linear-gradient(135deg, #FFF0E6, #FFD9B8);
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .csb-mini-icon svg { width: 18px; height: 18px; fill: var(--csb-orange); }
 
  .csb-mini-text-top {
    font-family: var(--csb-font-head);
    font-size: 13px;
    font-weight: 700;
    color: var(--csb-ink);
  }
  .csb-mini-text-bot {
    font-size: 11px;
    color: var(--csb-ink-soft);
    margin-top: 1px;
  }
 
  /* ── ANIMATIONS ── */
  @keyframes csb-fade-up {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
  }
 
  @keyframes csb-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50%       { transform: scale(1.08); opacity: 0.75; }
  }
 
  @keyframes csb-dot-ping {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255,107,26,0.4); }
    50%       { box-shadow: 0 0 0 5px rgba(255,107,26,0); }
  }
 
  @keyframes csb-icon-float {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-6px); }
  }
 
  @keyframes csb-mini-float {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50%       { transform: translateY(-8px) rotate(1deg); }
  }
 
  @keyframes csb-badge-bounce {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-4px); }
  }
 
  @keyframes csb-underline-grow {
    to { transform: scaleX(1); }
  }
 
  /* Number counter animation */
  @keyframes csb-count-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
  }
 
  /* ── RESPONSIVE ── */
  @media (max-width: 900px) {
    .csb-container {
      grid-template-columns: 1fr;
      gap: 48px;
    }
 
    .csb-visual-panel {
      order: -1;
    }
 
    .csb-mini-card {
      left: auto;
      right: -10px;
      bottom: -14px;
    }
  }
 
  @media (max-width: 480px) {
    .csb-section { padding: 72px 0 60px; }
    .csb-container { padding: 0 20px; }
    .csb-stats-row { gap: 20px; }
    .csb-cta-row { flex-direction: column; }
    .csb-btn-primary, .csb-btn-ghost { justify-content: center; }
  }
  /* ======================================================================== *//* ======================================================================== */
/* ======================================================================== *//* ======================================================================== */
/* ======================================================================== *//* ======================================================================== */
/* ======================================================================== *//* ======================================================================== */
/* ======================================================================== *//* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
  .wow-db__section {
  --wow-orange: #FF6B1A;
  --wow-orange-light: #FF8C42;
  --wow-orange-pale: #FFF0E6;
  --wow-orange-glow: rgba(255, 107, 26, 0.15);
  --wow-white: #FFFFFF;
  --wow-off-white: #FDF8F5;
  --wow-text: #1A1A1A;
  --wow-text-muted: #6B6B6B;
  --wow-border: rgba(255, 107, 26, 0.15);
  --wow-shadow: 0 20px 60px rgba(255, 107, 26, 0.12);
}

/* =====================
   SECTION BASE
===================== */
.wow-db__section {
  position: relative;
  background: linear-gradient(135deg, #FFFBF8 0%, #FFF5EC 50%, #FFFBF8 100%);
  padding: 90px 0 100px;
  overflow: hidden;

}

/* =====================
   BACKGROUND
===================== */
.wow-db__bg-wrap {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.wow-db__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(70px);
  opacity: 0.45;
}

.wow-db__orb--1 {
  width: 420px; height: 420px;
  background: radial-gradient(circle, #FFCBA0, transparent 70%);
  top: -100px; right: -80px;
  animation: wow-db-drift1 8s ease-in-out infinite;
}

.wow-db__orb--2 {
  width: 300px; height: 300px;
  background: radial-gradient(circle, #FF6B1A33, transparent 70%);
  bottom: -60px; left: 10%;
  animation: wow-db-drift2 10s ease-in-out infinite;
}

.wow-db__orb--3 {
  width: 200px; height: 200px;
  background: radial-gradient(circle, #FFB07C55, transparent 70%);
  top: 40%; left: 40%;
  animation: wow-db-drift1 12s ease-in-out infinite reverse;
}

.wow-db__grid-lines {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 107, 26, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 107, 26, 0.04) 1px, transparent 1px);
  background-size: 50px 50px;
}

@keyframes wow-db-drift1 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(20px, -30px) scale(1.08); }
}
@keyframes wow-db-drift2 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(-15px, 20px) scale(1.05); }
}

/* =====================
   FLOATING PILLS
===================== */
.wow-db__floaters {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

.wow-db__pill {
  position: absolute;
 
  font-weight: 700;
  font-size: 13px;
  color: var(--wow-orange);
  background: rgba(255, 107, 26, 0.08);
  border: 1px solid rgba(255, 107, 26, 0.2);
  border-radius: 20px;
  padding: 5px 14px;
  backdrop-filter: blur(4px);
  opacity: 0.7;
}

.wow-db__pill--1 { top: 12%; left: 5%; animation: wow-db-float 6s ease-in-out infinite; }
.wow-db__pill--2 { top: 25%; right: 5%; animation: wow-db-float 8s ease-in-out infinite 1s; }
.wow-db__pill--3 { bottom: 30%; left: 3%; animation: wow-db-float 7s ease-in-out infinite 0.5s; }
.wow-db__pill--4 { top: 60%; right: 8%; animation: wow-db-float 9s ease-in-out infinite 2s; }
.wow-db__pill--5 { bottom: 15%; right: 15%; animation: wow-db-float 6.5s ease-in-out infinite 1.5s; }
.wow-db__pill--6 { top: 8%; left: 40%; animation: wow-db-float 7.5s ease-in-out infinite 0.8s; }

@keyframes wow-db-float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-14px); }
}

/* =====================
   CONTAINER
===================== */
.wow-db__container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
}

.wow-db__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* =====================
   CONTENT (LEFT)
===================== */
.wow-db__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wow-orange-pale);
  border: 1px solid rgba(255, 107, 26, 0.25);
  border-radius: 30px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--wow-orange);
  letter-spacing: 0.3px;
  margin-bottom: 22px;
  animation: wow-db-fadein 0.6s ease both;
}

.wow-db__badge-dot {
  width: 7px; height: 7px;
  background: var(--wow-orange);
  border-radius: 50%;
  animation: wow-db-pulse 2s ease-in-out infinite;
}

@keyframes wow-db-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 107, 26, 0.5); }
  50% { box-shadow: 0 0 0 5px rgba(255, 107, 26, 0); }
}

.wow-db__heading {
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 800;
    line-height: 1.15;
    color: var(--wow-text);
    margin: 0 0 20px;
    animation: wow-db-fadein 0.7s ease 0.1s both;
}
.wow-db__highlight {
    color: #e86b1b;
    position: relative;
    display: inline-block;
}

.wow-db__highlight::after {
  content: '';
  position: absolute;
  bottom: 2px; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--wow-orange), var(--wow-orange-light));
  border-radius: 2px;
  opacity: 0.4;
}

.wow-db__desc {
    /* font-size: 17px; */
    line-height: 1.75;
    color: #000000;
    margin: 0 0 32px;
    max-width: 480px;
    animation: wow-db-fadein 0.7s ease 0.2s both;
}

.wow-db__desc strong {
  color: var(--wow-text);
  font-weight: 600;
}

/* =====================
   BUTTONS
===================== */
.wow-db__actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 40px;
  animation: wow-db-fadein 0.7s ease 0.3s both;
}

.wow-db__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;

  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

.wow-db__btn--primary {
  background: linear-gradient(135deg, var(--wow-orange), var(--wow-orange-light));
  color: #fff;
  box-shadow: 0 6px 24px rgba(255, 107, 26, 0.35);
}

.wow-db__btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(255, 107, 26, 0.45);
}

.wow-db__btn--primary svg {
  transition: transform 0.3s ease;
}

.wow-db__btn--primary:hover svg {
  transform: translateX(4px);
}

.wow-db__btn--ghost {
  background: transparent;
  color: var(--wow-orange);
  border: 2px solid rgba(255, 107, 26, 0.3);
}

.wow-db__btn--ghost:hover {
  background: var(--wow-orange-pale);
  border-color: var(--wow-orange);
  transform: translateY(-2px);
}

/* =====================
   STATS
===================== */
.wow-db__stats {
  display: flex;
  align-items: center;
  gap: 24px;
  animation: wow-db-fadein 0.7s ease 0.4s both;
}

.wow-db__stat {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.wow-db__stat-num {
  font-family: 'Syne', sans-serif;
  font-size: 24px;
  font-weight: 800;
  color: var(--wow-orange);
}

.wow-db__stat-label {
  font-size: 12px;
  color: var(--wow-text-muted);
  font-weight: 400;
  white-space: nowrap;
}

.wow-db__stat-divider {
  width: 1px;
  height: 36px;
  background: var(--wow-border);
}

/* =====================
   VISUAL (RIGHT)
===================== */
.wow-db__visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: wow-db-fadein 0.8s ease 0.2s both;
}

.wow-db__ring {
  position: absolute;
  border-radius: 50%;
  border: 1px dashed rgba(255, 107, 26, 0.15);
  pointer-events: none;
}

.wow-db__ring--1 {
  width: 360px; height: 360px;
  animation: wow-db-spin 30s linear infinite;
}

.wow-db__ring--2 {
  width: 460px; height: 460px;
  animation: wow-db-spin 45s linear infinite reverse;
  border-style: dotted;
  opacity: 0.6;
}

@keyframes wow-db-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* =====================
   DOMAIN CARD
===================== */
.wow-db__card {
    position: relative;
    background: #FFFFFF;
    border: 1px solid rgba(255, 107, 26, 0.12);
    border-radius: 24px;
    padding: 28px;
    width: 100%;
    max-width: 546px;
    box-shadow: 0 4px 24px rgba(255, 107, 26, 0.08),
    0 20px 60px rgba(255, 107, 26, 0.06),
    0 0 0 1px rgba(255,255,255,0.8) inset;
    animation: wow-db-floatcard 5s ease-in-out infinite;
    z-index: 2;
}
@keyframes wow-db-floatcard {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

.wow-db__card-glow {
  position: absolute;
  top: -2px; left: 20px; right: 20px;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--wow-orange), transparent);
  border-radius: 0 0 4px 4px;
}

.wow-db__card-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.wow-db__card-icon {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, #e86b1b, #FF8C42);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
    box-shadow: 0 4px 14px rgba(255, 107, 26, 0.4);
}
.wow-db__card-label {
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--wow-text);
}

/* =====================
   SEARCH BAR
===================== */
.wow-db__search-bar {
  display: flex;
  align-items: center;
  background: #FFF8F4;
  border: 1.5px solid rgba(255, 107, 26, 0.2);
  border-radius: 12px;
  padding: 11px 14px;
  gap: 4px;
  margin-bottom: 16px;
  transition: border-color 0.3s;
}

.wow-db__search-bar:focus-within {
  border-color: var(--wow-orange);
}

.wow-db__search-text {

  font-size: 14px;
  color: var(--wow-text);
  min-width: 60px;
  flex: 1;
}

.wow-db__cursor {
  color: var(--wow-orange);
  font-weight: 300;
  animation: wow-db-blink 1s step-end infinite;
}

@keyframes wow-db-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.wow-db__search-btn {
    background: linear-gradient(135deg, #e86b1b, #e86e1f);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
    box-shadow: 0 3px 10px rgba(255, 107, 26, 0.35);
}
.wow-db__search-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(255, 107, 26, 0.45);
}

/* =====================
   RESULTS
===================== */
.wow-db__results {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 18px;
}

.wow-db__result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  border-radius: 10px;
  background: #FAFAFA;
  border: 1px solid #F0F0F0;
  animation: wow-db-slidein 0.5s ease both;
}

.wow-db__result:nth-child(1) { animation-delay: 0.5s; }
.wow-db__result:nth-child(2) { animation-delay: 0.7s; }
.wow-db__result:nth-child(3) { animation-delay: 0.9s; }

@keyframes wow-db-slidein {
  from { opacity: 0; transform: translateX(10px); }
  to { opacity: 1; transform: translateX(0); }
}

.wow-db__result-name {
  font-size: 14px;
  color: #555;
  
}

.wow-db__result-name strong {
  color: var(--wow-text);
  font-weight: 600;
}

.wow-db__result-badge {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
  font-family: 'Syne', sans-serif;
  letter-spacing: 0.2px;
}

.wow-db__result-badge--green {
  background: #EDFBF0;
  color: #22A94F;
  border: 1px solid #BEF0CC;
}

.wow-db__result-badge--red {
  background: #FFF0F0;
  color: #D94444;
  border: 1px solid #FFD0D0;
}

/* =====================
   CARD FOOTER
===================== */
.wow-db__card-footer {
  border-top: 1px solid #F0F0F0;
  padding-top: 14px;
}

.wow-db__trust {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--wow-text-muted);
}

.wow-db__trust svg {
  color: var(--wow-orange);
  flex-shrink: 0;
}

/* =====================
   FADEIN KEYFRAME
===================== */
@keyframes wow-db-fadein {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* =====================
   RESPONSIVE
===================== */
@media (max-width: 900px) {
  .wow-db__inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .wow-db__visual {
    order: -1;
  }
  .wow-db__ring--1, .wow-db__ring--2 {
    display: none;
  }
  .wow-db__pill--1, .wow-db__pill--3, .wow-db__pill--5 {
    display: none;
  }
}

@media (max-width: 480px) {
  .wow-db__section {
    padding: 60px 0 70px;
  }
  .wow-db__actions {
    flex-direction: column;
  }
  .wow-db__btn {
    justify-content: center;
  }
  .wow-db__stats {
    gap: 16px;
  }
  .wow-db__stat-num {
    font-size: 20px;
  }
}
/* ================================================================================================== */
/* ================================================================================================== */
/* ================================================================================================== */
/* ================================================================================================== */
/* ================================================================================================== */
/* ================================================================================================== */
/* ================================================================================================== */
/* ================================================================================================== */
 /* === SCOPED TO .bsms-* ONLY — ZERO CONFLICT WITH OTHER STYLES === */
 
.bsms-section {
    position: relative;
    background: #fde5d6;
    overflow: hidden;
    padding: 80px 0 90px;
}
 
  /* Soft radial glow bg */
  .bsms-section::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -180px;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255,107,0,0.12) 0%, transparent 70%);
    pointer-events: none;
    animation: bsms-pulse 5s ease-in-out infinite;
  }
  .bsms-section::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -140px;
    width: 480px;
    height: 480px;
    background: radial-gradient(circle, rgba(255,140,50,0.09) 0%, transparent 70%);
    pointer-events: none;
    animation: bsms-pulse 7s ease-in-out infinite reverse;
  }
 
  @keyframes bsms-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.08); opacity: 0.7; }
  }
 
  /* Floating dots background */
  .bsms-dots-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
  }
  .bsms-dot {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 107, 0, 0.15);
    animation: bsms-float linear infinite;
  }
  @keyframes bsms-float {
    0% { transform: translateY(0) scale(1); opacity: 0.6; }
    50% { opacity: 1; }
    100% { transform: translateY(-120px) scale(0.6); opacity: 0; }
  }
 
  .bsms-container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 60px;
  }
 
  /* === LEFT CONTENT === */
  .bsms-left {
    opacity: 0;
    transform: translateX(-40px);
    animation: bsms-slide-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.15s forwards;
  }
 
  .bsms-sub-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 107, 0, 0.1);
    border: 1px solid rgba(255, 107, 0, 0.25);
    color: #d45a00;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 22px;
  }
  .bsms-sub-tag span.bsms-dot-live {
    width: 7px;
    height: 7px;
    background: #ff6b00;
    border-radius: 50%;
    display: inline-block;
    animation: bsms-blink 1.4s ease-in-out infinite;
  }
  @keyframes bsms-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
  }
 
.bsms-heading {
    font-size: 4.5vw;
    font-weight: 700;
    line-height: 0.96;
    color: #1a1a1a;
    margin: 0 0 20px;
    letter-spacing: -0.02em;
}
 .bsms-heading .bsms-highlight {
    color: #e86b1b;
    position: relative;
    display: inline-block;
}
  .bsms-heading .bsms-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, #ff6b00, #ff9d4d);
    border-radius: 2px;
    animation: bsms-underline 0.9s ease 1s forwards;
  }
  @keyframes bsms-underline {
    to { width: 100%; }
  }
 
.bsms-desc {
    font-size: 17px;
    line-height: 1.75;
    color: #000000;
    margin: 0 0 32px;
    max-width: 480px;
}
 
  .bsms-cta-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }
 
  .bsms-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ff6b00;
    color: #fff;
   
    font-size: 15px;
    font-weight: 700;
    padding: 14px 28px;
    border-radius: 12px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.22s, transform 0.18s, box-shadow 0.22s;
    box-shadow: 0 6px 24px rgba(255, 107, 0, 0.28);
    position: relative;
    overflow: hidden;
  }
  .bsms-btn-primary::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
    transform: translateX(-100%);
    transition: transform 0.4s;
  }
  .bsms-btn-primary:hover::before { transform: translateX(100%); }
  .bsms-btn-primary:hover {
    background: #e55e00;
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(255, 107, 0, 0.38);
  }
  .bsms-btn-primary:active { transform: translateY(0); }
 
  .bsms-btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 22px;
    border-radius: 12px;
    text-decoration: none;
    border: 1.5px solid #ddd;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s, background 0.2s;
  }
  .bsms-btn-secondary:hover {
    border-color: #ff6b00;
    color: #ff6b00;
    background: rgba(255, 107, 0, 0.04);
  }
 
  .bsms-stats-row {
    display: flex;
    gap: 28px;
    margin-top: 36px;
    flex-wrap: wrap;
  }
  .bsms-stat-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .bsms-stat-num {
    
    font-size: 22px;
    font-weight: 800;
    color: #ff6b00;
    line-height: 1.1;
  }
  .bsms-stat-label {
    font-size: 12px;
    color: #999;
    font-weight: 500;
    letter-spacing: 0.03em;
  }
  .bsms-stat-divider {
    width: 1px;
    background: #e8e2db;
    align-self: stretch;
  }
 
  /* === RIGHT VISUAL === */
  .bsms-right {
    opacity: 0;
    transform: translateX(40px);
    animation: bsms-slide-in-r 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards;
  }
 
  @keyframes bsms-slide-in {
    to { opacity: 1; transform: translateX(0); }
  }
  @keyframes bsms-slide-in-r {
    to { opacity: 1; transform: translateX(0); }
  }
 
  /* === DASHBOARD CARD === */
  .bsms-dashboard {
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.05);
    overflow: hidden;
    border: 1px solid #f0ebe5;
  }
 
.bsms-dash-topbar {
    background: #e86b1b;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
  .bsms-dash-title {
  
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .bsms-dash-live-badge {
    background: rgba(255,255,255,0.2);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 100px;
    letter-spacing: 0.06em;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .bsms-dash-live-dot {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    animation: bsms-blink 1s ease infinite;
  }
  .bsms-dash-dots {
    display: flex;
    gap: 5px;
  }
  .bsms-dash-dot-ctrl {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.35);
  }
 
  .bsms-dash-body {
    padding: 20px;
  }
 
  /* Campaign row */
  .bsms-campaign-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
  }
  .bsms-campaign-name {

    font-size: 13px;
    font-weight: 700;
    color: #1a1a1a;
  }
  .bsms-campaign-meta {
    font-size: 11px;
    color: #aaa;
    margin-top: 2px;
  }
  .bsms-campaign-status {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #fff4ec;
    border: 1px solid rgba(255,107,0,0.2);
    color: #e05a00;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 100px;

  }
 
  /* Progress bar */
  .bsms-prog-label-row {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #aaa;
    margin-bottom: 6px;
  
  }
  .bsms-prog-label-row span:last-child { color: #ff6b00; font-weight: 700; }
  .bsms-progress-track {
    height: 8px;
    background: #f5f0eb;
    border-radius: 100px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .bsms-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #ff6b00, #ffab5e);
    border-radius: 100px;
    width: 0%;
    animation: bsms-prog-grow 2.5s cubic-bezier(0.4,0,0.2,1) 0.8s forwards;
  }
  @keyframes bsms-prog-grow {
    to { width: 73%; }
  }
 
  /* Stats grid */
  .bsms-dash-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 20px;
  }
  .bsms-dash-stat {
    background: #fdf8f4;
    border-radius: 12px;
    padding: 12px 10px;
    text-align: center;
    border: 1px solid #f3ede7;
  }
  .bsms-dash-stat-num {
   
    font-size: 18px;
    font-weight: 800;
    color: #1a1a1a;
    line-height: 1;
    margin-bottom: 4px;
  }
  .bsms-dash-stat-num.bsms-clr-orange { color: #ff6b00; }
  .bsms-dash-stat-num.bsms-clr-green { color: #16a34a; }
  .bsms-dash-stat-lbl {
    font-size: 10px;
    color: #bbb;
    font-weight: 500;
    letter-spacing: 0.03em;
  }
 
  /* Live log */
  .bsms-log-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .bsms-log-title {
  
    font-size: 11px;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.07em;
  }
  .bsms-log-count {
    font-size: 10px;
    color: #ff6b00;
    font-weight: 700;
   
  }
  .bsms-log-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    max-height: 148px;
    overflow: hidden;
  }
  .bsms-log-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    background: #fdfaf7;
    border-radius: 10px;
    border: 1px solid #f3ede7;
    opacity: 0;
    transform: translateX(20px);
  }
  .bsms-log-row:nth-child(1) { animation: bsms-row-in 0.4s ease 1.2s forwards; }
  .bsms-log-row:nth-child(2) { animation: bsms-row-in 0.4s ease 1.9s forwards; }
  .bsms-log-row:nth-child(3) { animation: bsms-row-in 0.4s ease 2.6s forwards; }
  .bsms-log-row:nth-child(4) { animation: bsms-row-in 0.4s ease 3.3s forwards; }
 
  @keyframes bsms-row-in {
    to { opacity: 1; transform: translateX(0); }
  }
 
  .bsms-log-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 800;
 
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .bsms-av1 { background: linear-gradient(135deg,#ff6b00,#ff9d4d); }
  .bsms-av2 { background: linear-gradient(135deg,#6366f1,#818cf8); }
  .bsms-av3 { background: linear-gradient(135deg,#0ea5e9,#38bdf8); }
  .bsms-av4 { background: linear-gradient(135deg,#16a34a,#4ade80); }
 
  .bsms-log-info { flex: 1; min-width: 0; }
  .bsms-log-name {
  
    font-size: 11.5px;
    font-weight: 700;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bsms-log-number {
    font-size: 10px;
    color: #bbb;
    margin-top: 1px;
  }
  .bsms-log-tick {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #dcfce7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .bsms-log-tick svg { display: block; }
 
  /* Signal wave SVG visual */
  .bsms-signal-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 6px 0 4px;
  }
  .bsms-signal-bar {
    width: 4px;
    border-radius: 2px;
    background: #ff6b00;
    animation: bsms-signal-wave 1.2s ease-in-out infinite;
  }
  .bsms-signal-bar:nth-child(1) { height: 10px; animation-delay: 0s; }
  .bsms-signal-bar:nth-child(2) { height: 18px; animation-delay: 0.15s; }
  .bsms-signal-bar:nth-child(3) { height: 26px; animation-delay: 0.3s; }
  .bsms-signal-bar:nth-child(4) { height: 18px; animation-delay: 0.45s; }
  .bsms-signal-bar:nth-child(5) { height: 10px; animation-delay: 0.6s; }
 
  @keyframes bsms-signal-wave {
    0%, 100% { opacity: 0.3; transform: scaleY(0.6); }
    50% { opacity: 1; transform: scaleY(1); }
  }
 
  /* Features row */
  .bsms-features {
    background: #fff;
    border-top: 1px solid #f0e9e3;
    padding: 28px 0;
  }
  .bsms-features-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
  }
  .bsms-feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0;
    animation: bsms-fade-up 0.5s ease forwards;
  }
  .bsms-feature-item:nth-child(1) { animation-delay: 0.5s; }
  .bsms-feature-item:nth-child(2) { animation-delay: 0.65s; }
  .bsms-feature-item:nth-child(3) { animation-delay: 0.8s; }
  .bsms-feature-item:nth-child(4) { animation-delay: 0.95s; }
  .bsms-feature-item:nth-child(5) { animation-delay: 1.1s; }
 
  @keyframes bsms-fade-up {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
  }
 
  .bsms-feature-icon-wrap {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(255, 107, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    flex-shrink: 0;
  }
  .bsms-feature-text {
  
    font-size: 13px;
    font-weight: 600;
    color: #333;
  }
  .bsms-feature-divider {
    width: 1px;
    height: 32px;
    background: #ede7e0;
  }
 
  /* Responsive */
  @media (max-width: 900px) {
    .bsms-container {
      grid-template-columns: 1fr;
      gap: 40px;
      text-align: center;
    }
    .bsms-desc { max-width: 100%; }
    .bsms-cta-row { justify-content: center; }
    .bsms-stats-row { justify-content: center; }
  }
  @media (max-width: 600px) {
    .bsms-section { padding: 56px 0 64px; }
    .bsms-features-inner { flex-direction: column; align-items: flex-start; }
    .bsms-feature-divider { display: none; }
  }
  .ctasection {
    font-style: normal;
    color: #ea580c;
    position: relative;
    display: inline-block;
}
.ctasection::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #ea580c 60%, transparent);
    border-radius: 2px;
}
h3.display-4.mb-4.text-center.fontfoor-cta {
    font-size: 56px;
}
/* ======================================================================== *//* ======================================================================== */
/* ======================================================================== *//* ======================================================================== */
/* ======================================================================== *//* ======================================================================== */
/* ======================================================================== *//* ======================================================================== */
/* ======================================================================== *//* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
/* ======================================================================== */
.wam-section {
    position: relative;
    background: #fffaf6;
    overflow: hidden;
    padding: 86px 0 96px;

  }
 
  /* ── Background texture: subtle dot grid ── */
  .wam-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,107,0,0.08) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    z-index: 0;
  }
 
  /* ── Warm glow blobs ── */
  .wam-blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    filter: blur(80px);
  }
  .wam-blob-1 {
    width: 420px; height: 420px;
    background: rgba(255, 107, 0, 0.10);
    top: -80px; right: -60px;
    animation: wam-blob-drift 9s ease-in-out infinite;
  }
  .wam-blob-2 {
    width: 300px; height: 300px;
    background: rgba(255, 180, 80, 0.09);
    bottom: -60px; left: 10%;
    animation: wam-blob-drift 12s ease-in-out infinite reverse;
  }
  @keyframes wam-blob-drift {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50%       { transform: translate(20px, -20px) scale(1.07); }
  }
 
  /* ── Container ── */
  .wam-container {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 28px;
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 64px;
  }
 
  /* ============================================
     LEFT — TEXT CONTENT
  ============================================ */
  .wam-left {
    opacity: 0;
    transform: translateY(28px);
    animation: wam-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.1s forwards;
  }
  @keyframes wam-rise {
    to { opacity: 1; transform: translateY(0); }
  }
 
  /* Sub-tag pill */
  .wam-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1.5px solid rgba(255,107,0,0.22);
    border-radius: 100px;
    padding: 6px 16px 6px 8px;
    margin-bottom: 26px;
    box-shadow: 0 2px 12px rgba(255,107,0,0.07);
  }
  .wam-pill-icon {
    width: 26px; height: 26px;
    background: #25D366;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .wam-pill-icon svg { display: block; }
  .wam-pill-text {

    font-size: 12px;
    font-weight: 600;
    color: #c75400;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
 
  /* Heading */
  .wam-heading {
   
    font-size: clamp(32px, 4.2vw, 54px);
    font-weight: 700;
    line-height: 1.1;
    color: #1c1008;
    margin: 0 0 22px;
    letter-spacing: -0.03em;
  }
  .wam-heading .wam-word-wrap {
    display: inline-block;
    overflow: hidden;
  }
  .wam-heading .wam-word {
    display: inline-block;
    opacity: 0;
    transform: translateY(100%);
    animation: wam-word-reveal 0.55s cubic-bezier(0.22,1,0.36,1) forwards;
  }
  .wam-heading .wam-word:nth-child(1)  { animation-delay: 0.25s; }
  .wam-heading .wam-word:nth-child(2)  { animation-delay: 0.35s; }
  .wam-heading .wam-word:nth-child(3)  { animation-delay: 0.45s; }
  .wam-heading .wam-word:nth-child(4)  { animation-delay: 0.55s; }
  .wam-heading .wam-word:nth-child(5)  { animation-delay: 0.65s; }
  @keyframes wam-word-reveal {
    to { opacity: 1; transform: translateY(0); }
  }
 
  .wam-heading .wam-accent {
    color: #ff6b00;
    position: relative;
    font-style: italic;
  }
  /* Animated underline squiggle */
  .wam-heading .wam-accent::after {
    content: '';
    position: absolute;
    left: 0; bottom: -4px;
    width: 0; height: 3px;
    background: linear-gradient(90deg, #ff6b00, #ffb347);
    border-radius: 2px;
    animation: wam-squig 0.7s ease 1.1s forwards;
  }
  @keyframes wam-squig { to { width: 100%; } }
 
  /* Description */
  .wam-desc {
    font-size: 15.5px;
    line-height: 1.8;
    color: #6b5b4e;
    margin: 0 0 34px;
    max-width: 500px;
  }
 
  /* CTA row */
  .wam-cta-row {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
 
  .wam-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: #ff6b00;
    color: #fff;
   
    font-size: 14.5px;
    font-weight: 600;
    padding: 14px 30px;
    border-radius: 14px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    box-shadow: 0 8px 28px rgba(255,107,0,0.30), inset 0 1px 0 rgba(255,255,255,0.18);
    transition: transform 0.18s, box-shadow 0.22s, background 0.2s;
    position: relative;
    overflow: hidden;
  }
  .wam-btn-primary::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.12) 0%, transparent 60%);
    pointer-events: none;
  }
  .wam-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 38px rgba(255,107,0,0.38);
    background: #f06000;
  }
 
  .wam-btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: #5a3e30;

    font-size: 14.5px;
    font-weight: 600;
    padding: 13px 22px;
    border-radius: 14px;
    text-decoration: none;
    border: 1.5px solid #e8ddd5;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s, background 0.2s;
  }
  .wam-btn-ghost:hover {
    border-color: #ff6b00;
    color: #ff6b00;
    background: rgba(255,107,0,0.03);
  }
 
  /* Trust row */
  .wam-trust-row {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
  }
  .wam-trust-avatars {
    display: flex;
    align-items: center;
  }
  .wam-trust-av {
    width: 32px; height: 32px;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 11px;
    font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    margin-left: -8px;

  }
  .wam-trust-av:first-child { margin-left: 0; }
  .wam-av-c1 { background: linear-gradient(135deg,#ff6b00,#ffb347); }
  .wam-av-c2 { background: linear-gradient(135deg,#6366f1,#a78bfa); }
  .wam-av-c3 { background: linear-gradient(135deg,#0ea5e9,#38bdf8); }
  .wam-av-c4 { background: linear-gradient(135deg,#16a34a,#4ade80); }
  .wam-trust-text {
    font-size: 12.5px;
    color: #9b7e6e;
    line-height: 1.4;
  }
  .wam-trust-text strong {
    display: block;
    color: #3d2a1f;
    font-weight: 700;
    font-size: 13px;
  }
 
  /* ============================================
     RIGHT — CONVERSATION THREAD VISUAL
  ============================================ */
  .wam-right {
    opacity: 0;
    transform: translateY(28px);
    animation: wam-rise 0.75s cubic-bezier(0.22,1,0.36,1) 0.3s forwards;
  }
 
  .wam-chat-shell {
    background: #fff;
    border-radius: 28px;
    box-shadow:
      0 24px 72px rgba(60,30,0,0.12),
      0 2px 8px rgba(60,30,0,0.05),
      0 0 0 1px rgba(255,107,0,0.06);
    overflow: hidden;
    position: relative;
  }
 
  /* Chat header */
.wam-chat-header {
    background: linear-gradient(135deg, #e86b1b 0%, #ae4908 100%);
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}
  .wam-chat-back {
    color: rgba(255,255,255,0.8);
    display: flex; align-items: center;
  }
  .wam-chat-brand-avatar {
    width: 40px; height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    border: 2px solid rgba(255,255,255,0.3);
  }
  .wam-chat-brand-info { flex: 1; }
  .wam-chat-brand-name {

    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
  }
  .wam-chat-brand-status {
    font-size: 11px;
    color: rgba(255,255,255,0.8);
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
  }
  .wam-online-dot {
    width: 6px; height: 6px;
    background: #a8ffb0;
    border-radius: 50%;
    animation: wam-blink 1.4s ease infinite;
  }
  @keyframes wam-blink { 0%,100%{opacity:1} 50%{opacity:0.3} }
 
  .wam-chat-icons {
    display: flex; gap: 14px;
    color: rgba(255,255,255,0.85);
  }
 
  /* Chat body */
.wam-chat-body {
    background: #fdf6ee;
    padding: 20px 18px;
    min-height: 330px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
}
 
  /* Watermark pattern inside chat */
  .wam-chat-body::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(
      45deg,
      rgba(255,107,0,0.025) 0px,
      rgba(255,107,0,0.025) 1px,
      transparent 1px,
      transparent 18px
    );
    pointer-events: none;
  }
 
  /* Date chip */
  .wam-chat-date {
    text-align: center;
    font-size: 11px;
    color: #b8916e;
    background: rgba(255,200,150,0.2);
    border-radius: 100px;
    padding: 4px 14px;
    align-self: center;
    font-weight: 500;
  }
 
  /* Message bubbles */
  .wam-bubble-wrap {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    opacity: 0;
    transform: translateY(12px);
  }
  .wam-bubble-wrap.wam-incoming { justify-content: flex-start; }
  .wam-bubble-wrap.wam-outgoing { justify-content: flex-end; }
 
  .wam-bubble-wrap:nth-child(2) { animation: wam-bubble-in 0.45s cubic-bezier(0.34,1.56,0.64,1) 0.9s forwards; }
  .wam-bubble-wrap:nth-child(3) { animation: wam-bubble-in 0.45s cubic-bezier(0.34,1.56,0.64,1) 1.7s forwards; }
  .wam-bubble-wrap:nth-child(4) { animation: wam-bubble-in 0.45s cubic-bezier(0.34,1.56,0.64,1) 2.5s forwards; }
  .wam-bubble-wrap:nth-child(5) { animation: wam-bubble-in 0.45s cubic-bezier(0.34,1.56,0.64,1) 3.3s forwards; }
  .wam-bubble-wrap:nth-child(6) { animation: wam-bubble-in 0.45s cubic-bezier(0.34,1.56,0.64,1) 4.1s forwards; }
 
  @keyframes wam-bubble-in {
    to { opacity: 1; transform: translateY(0); }
  }
 
  .wam-mini-avatar {
    width: 28px; height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg,#ff6b00,#ffb347);
    display: flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: 800; color: #fff;
    flex-shrink: 0;
   
  }
 
  .wam-bubble {
    padding: 10px 14px;
    border-radius: 18px;
    font-size: 12.5px;
    line-height: 1.55;
    max-width: 78%;
    position: relative;
  }
  .wam-incoming .wam-bubble {
    background: #fff;
    color: #3d2a1f;
    border-bottom-left-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  }
.wam-outgoing .wam-bubble {
    background: linear-gradient(135deg, #e86b1b, #ca550c);
    color: #fff;
    border-bottom-right-radius: 4px;
    box-shadow: 0 4px 16px rgba(255,107,0,0.25);
}
  .wam-bubble strong {
    font-weight: 700;
    display: block;
    margin-bottom: 3px;
  }
  .wam-bubble-meta {
    font-size: 10px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end;
  }
  .wam-incoming .wam-bubble-meta { color: #c0956c; }
  .wam-outgoing .wam-bubble-meta { color: rgba(255,255,255,0.72); }
 
  /* Promo card bubble */
  .wam-promo-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    max-width: 82%;
    box-shadow: 0 4px 18px rgba(0,0,0,0.09);
    border: 1px solid #f0e6de;
  }
.wam-promo-card-img {
    height: 70px;
    background: linear-gradient(135deg, #f37420 0%, #c7530b 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
  .wam-promo-card-img::after {
    
    font-size: 36px;
    position: absolute;
    right: 16px; top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
  }
  .wam-promo-card-label {
    
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 0 16px;
    letter-spacing: -0.02em;
  }
  .wam-promo-card-body {
    padding: 10px 14px 12px;
  }
  .wam-promo-card-title {
    font-size: 12.5px;
    font-weight: 700;
    color: #1c1008;
    margin-bottom: 3px;

  }
  .wam-promo-card-sub {
    font-size: 11px;
    color: #9b7e6e;
  }
  .wam-promo-card-btn {
    display: block;
    background: #ff6b00;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    padding: 9px;
   
    text-decoration: none;
    margin: 8px 14px 12px;
    border-radius: 8px;
  }
 
  /* Typing indicator */
  .wam-typing {
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0;
    animation: wam-bubble-in 0.4s ease 5s forwards;
  }
  .wam-typing-bubble {
    background: #fff;
    border-radius: 18px 18px 18px 4px;
    padding: 11px 16px;
    display: flex;
    gap: 4px;
    align-items: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  }
  .wam-typing-dot {
    width: 7px; height: 7px;
    background: #d4a87a;
    border-radius: 50%;
    animation: wam-type-bounce 1.2s ease-in-out infinite;
  }
  .wam-typing-dot:nth-child(2) { animation-delay: 0.2s; }
  .wam-typing-dot:nth-child(3) { animation-delay: 0.4s; }
  @keyframes wam-type-bounce {
    0%,80%,100% { transform: translateY(0); background: #d4a87a; }
    40% { transform: translateY(-6px); background: #ff6b00; }
  }
 
  /* Chat footer */
  .wam-chat-footer {
    background: #fff;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid #f5ece4;
  }
  .wam-chat-input {
    flex: 1;
    background: #fdf6ee;
    border: 1px solid #f0e4d8;
    border-radius: 24px;
    padding: 9px 16px;
    font-size: 12px;
    color: #b89a84;
    
    pointer-events: none;
  }
  .wam-chat-send {
    width: 36px; height: 36px;
    background: #ff6b00;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(255,107,0,0.3);
  }
 
  /* ============================================
     BOTTOM FEATURES STRIP
  ============================================ */
  .wam-strip {
    background: #fff;
    border-top: 1px solid #f0e8e0;
    padding: 26px 0;
  }
  .wam-strip-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
  }
  .wam-strip-item {
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0;
    animation: wam-rise 0.5s ease forwards;
  }
  .wam-strip-item:nth-child(1) { animation-delay: 0.4s; }
  .wam-strip-item:nth-child(2) { animation-delay: 0.55s; }
  .wam-strip-item:nth-child(3) { animation-delay: 0.7s; }
  .wam-strip-item:nth-child(4) { animation-delay: 0.85s; }
  .wam-strip-item:nth-child(5) { animation-delay: 1.0s; }
 
  .wam-strip-icon {
    width: 38px; height: 38px;
    border-radius: 10px;
    background: #fff4ec;
    display: flex; align-items: center; justify-content: center;
    font-size: 17px;
    flex-shrink: 0;
    border: 1px solid rgba(255,107,0,0.1);
  }
  .wam-strip-label {

    font-size: 13px;
    font-weight: 600;
    color: #3d2a1f;
  }
  .wam-strip-sep {
    width: 1px; height: 30px;
    background: #ede0d6;
  }
 
  /* Responsive */
  @media (max-width: 920px) {
    .wam-container {
      grid-template-columns: 1fr;
      gap: 44px;
      text-align: center;
    }
    .wam-desc { max-width: 100%; }
    .wam-cta-row { justify-content: center; }
    .wam-trust-row { justify-content: center; }
    .wam-pill { margin-left: auto; margin-right: auto; }
  }
  @media (max-width: 600px) {
    .wam-section { padding: 56px 0 64px; }
    .wam-strip-inner { flex-direction: column; align-items: flex-start; }
    .wam-strip-sep { display: none; }
    .wam-heading { font-size: 30px; }
  }
  /* ========================================================================================================/
  ================================================================== */
   
.wow-banner-section {
    width: 100%;
    padding: 60px 0 60px;
    background: #fde5d6;
}
.wow-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
 
.wow-banner-wrap {
 
  background: linear-gradient(135deg, #fff7f0 0%, #ffffff 60%, #fff3e8 100%);
  border-radius: 24px;
  padding: 64px 56px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  border: 1px solid #ffe0c0;
  min-height: 460px;
}
 
/* --- Background Decorations --- */
.wow-dot-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.35;
  background-image: radial-gradient(circle, #f97316 1px, transparent 1px);
  background-size: 32px 32px;
  z-index: 0;
}
 
.wow-bg-circle-1 {
  position: absolute;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,140,0,0.08) 0%, transparent 70%);
  top: -120px;
  right: -100px;
  pointer-events: none;
  z-index: 0;
  animation: wow-pulse 4s ease-in-out infinite;
}
 
.wow-bg-circle-2 {
  position: absolute;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,165,50,0.09) 0%, transparent 70%);
  bottom: -80px;
  left: 40px;
  pointer-events: none;
  z-index: 0;
  animation: wow-pulse 5.5s ease-in-out infinite reverse;
}
 
/* --- Left Content --- */
.wow-left {
  flex: 1;
  z-index: 2;
  animation: wow-fadein 0.7s ease both;
}
 
.wow-sub-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff3e6;
  border: 1px solid #ffd4a0;
  color: #c2500a;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 20px;
  animation: wow-badge-in 0.6s 0.2s ease both;
}
 
.wow-sub-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f97316;
  display: inline-block;
  animation: wow-pulse 1.5s ease-in-out infinite;
}
 
.wow-headline {
    font-size: 80px;
    font-weight: 700;
    line-height: 0.96;
    color: #000000;
    /* letter-spacing: 0.025em; */
    margin: 0 0 18px;
    animation: wow-fadein 0.7s 0.15s ease both;
}
 
.wow-gradient-text {
  background: linear-gradient(90deg, #f97316, #fb923c, #f59e0b, #f97316);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: wow-shimmer 2.5s linear infinite;
}
 
.wow-desc {
  font-size: 15.5px;
  color: #555;
  line-height: 1.75;
  max-width: 440px;
  margin: 0 0 30px;
  animation: wow-fadein 0.7s 0.25s ease both;
}
 
.wow-cta-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
  animation: wow-fadein 0.7s 0.35s ease both;
}
 
.wow-btn-primary {
  background: linear-gradient(135deg, #f97316, #ea580c);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 20px rgba(249, 115, 22, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
 
.wow-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(249, 115, 22, 0.45);
}
 
.wow-btn-secondary {
  background: transparent;
  color: #f97316;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 24px;
  border-radius: 10px;
  border: 1.5px solid #f97316;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
 
.wow-btn-secondary:hover {
  background: #fff3e6;
}
 
.wow-stats-row {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-top: 34px;
  flex-wrap: wrap;
  animation: wow-fadein 0.7s 0.45s ease both;
}
 
.wow-stat {
  display: flex;
  flex-direction: column;
}
 
.wow-stat-num {
  font-size: 24px;
  font-weight: 800;
  color: #f97316;
  line-height: 1.1;
}
 
.wow-stat-lbl {
  font-size: 11px;
  color: #888;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-top: 3px;
}
 
.wow-stat-divider {
  width: 1px;
  height: 36px;
  background: #e8d5c4;
}
 
/* --- Right Card --- */
.wow-right {
  flex: 0 0 300px;
  z-index: 2;
  animation: wow-float 3.5s ease-in-out infinite;
}
 
.wow-card-wrapper {
  position: relative;
}
 
.wow-card-main {
  background: #fff;
  border-radius: 18px;
  padding: 24px 22px 18px;
  box-shadow: 0 8px 40px rgba(249, 115, 22, 0.13), 0 2px 12px rgba(0, 0, 0, 0.06);
  border: 1px solid #ffe5cc;
}
 
.wow-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
 
.wow-card-logo {
  font-size: 14px;
  font-weight: 800;
  color: #f97316;
  letter-spacing: 0.03em;
}
 
.wow-logo-dark {
  color: #333;
  font-weight: 500;
}
 
.wow-card-badge {
  background: #fff3e6;
  color: #ea580c;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 100px;
  border: 1px solid #ffd4a0;
}
 
.wow-email-preview {
  background: #fffaf5;
  border-radius: 10px;
  border: 1px solid #ffe5cc;
  padding: 12px 14px;
  margin-bottom: 12px;
}
 
.wow-ep-subject {
  font-size: 11px;
  font-weight: 700;
  color: #333;
  margin-bottom: 8px;
}
 
.wow-ep-bar-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
 
.wow-ep-bar-label {
  font-size: 10px;
  color: #888;
  width: 58px;
  flex-shrink: 0;
}
 
.wow-ep-bar {
  flex: 1;
  height: 6px;
  border-radius: 4px;
  background: #ffe5cc;
  overflow: hidden;
  position: relative;
}
 
.wow-ep-bar-fill {
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, #f97316, #fb923c);
  animation: wow-grow 1.8s ease-out both;
}
 
.wow-ep-bar-val {
  font-size: 10px;
  font-weight: 700;
  color: #f97316;
  width: 28px;
  text-align: right;
}
 
.wow-card-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
 
.wow-metric-box {
  background: #fff7f0;
  border-radius: 9px;
  padding: 10px 12px;
  border: 1px solid #ffe5cc;
}
 
.wow-metric-val {
  font-size: 20px;
  font-weight: 800;
  color: #f97316;
  line-height: 1;
}
 
.wow-metric-lbl {
  font-size: 10px;
  color: #999;
  margin-top: 4px;
}
 
.wow-roi-strip {
  background: linear-gradient(135deg, #f97316, #ea580c);
  border-radius: 9px;
  padding: 11px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.wow-roi-label {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
}
 
.wow-roi-val {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
}
 
/* --- Floating Tags --- */
.wow-floating-tag {
  position: absolute;
  background: #fff;
  border: 1px solid #ffe5cc;
  border-radius: 10px;
  padding: 8px 12px;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.14);
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 700;
  color: #333;
  white-space: nowrap;
  z-index: 3;
}
 
.wow-tag-1 {
  top: -14px;
  right: -18px;
  animation: wow-float 4s ease-in-out infinite;
  animation-delay: 0.4s;
}
 
.wow-tag-2 {
  bottom: -14px;
  left: -18px;
  animation: wow-float 4s ease-in-out infinite;
  animation-delay: 1.2s;
}
 
.wow-tag-icon {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: linear-gradient(135deg, #f97316, #fb923c);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
}
 
/* =======================================
   Animations (all prefixed wow-)
======================================= */
@keyframes wow-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.06); opacity: 0.7; }
}
 
@keyframes wow-float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
 
@keyframes wow-fadein {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
 
@keyframes wow-badge-in {
  from { opacity: 0; transform: scale(0.85); }
  to { opacity: 1; transform: scale(1); }
}
 
@keyframes wow-shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}
 
@keyframes wow-grow {
  from { width: 0; }
}
 
/* =======================================
   Responsive — Mobile
======================================= */
@media (max-width: 900px) {
  .wow-banner-wrap {
    flex-direction: column;
    padding: 40px 28px;
    text-align: center;
  }
  .wow-headline { font-size: 34px; }
  .wow-desc { max-width: 100%; }
  .wow-cta-row { justify-content: center; }
  .wow-stats-row { justify-content: center; }
  .wow-right { flex: 0 0 auto; width: 100%; max-width: 300px; margin: 0 auto; }
  .wow-tag-1, .wow-tag-2 { display: none; }
}
 
@media (max-width: 480px) {
  .wow-banner-wrap { padding: 32px 18px; border-radius: 16px; }
  .wow-headline { font-size: 28px; }
  .wow-stat-num { font-size: 20px; }
}
/* ============================================================ */
/* RIGHT VISUAL */
  .wow-cyber-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    animation: wow-fadein 0.8s 0.2s ease both;
  }

  .wow-shield-wrap {
    position: relative;
    width: 340px;
    height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Rotating rings */
  .wow-ring {
    position: absolute;
    border-radius: 50%;
    border: 1.5px solid rgba(255,94,26,0.18);
  }
  .wow-ring-1 {
    width: 300px; height: 300px;
    animation: wow-spin 18s linear infinite;
    border-top-color: rgba(255,94,26,0.5);
    border-right-color: rgba(255,94,26,0.25);
  }
  .wow-ring-2 {
    width: 240px; height: 240px;
    animation: wow-spin 12s linear infinite reverse;
    border-bottom-color: rgba(255,94,26,0.4);
    border-left-color: rgba(255,94,26,0.2);
  }
  .wow-ring-3 {
    width: 180px; height: 180px;
    animation: wow-spin 8s linear infinite;
    border-top-color: rgba(255,94,26,0.35);
  }
  @keyframes wow-spin {
    to { transform: rotate(360deg); }
  }

  /* Dots on ring */
  .wow-ring-1::before, .wow-ring-2::after, .wow-ring-3::before {
    content: '';
    position: absolute;
    width: 8px; height: 8px;
    background: var(--wow-orange);
    border-radius: 50%;
    top: -4px; left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 10px var(--wow-orange);
  }

  /* Main shield */
  .wow-shield-core {
    position: relative;
    z-index: 3;
    width: 110px;
    height: 110px;
    background: linear-gradient(145deg, #fff 0%, #ffe8db 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
      0 0 0 12px rgba(255,94,26,0.08),
      0 0 0 24px rgba(255,94,26,0.04),
      0 20px 60px rgba(255,94,26,0.3);
    animation: wow-shield-pulse 3s ease-in-out infinite;
  }
  @keyframes wow-shield-pulse {
    0%,100% { box-shadow: 0 0 0 12px rgba(255,94,26,0.08), 0 0 0 24px rgba(255,94,26,0.04), 0 20px 60px rgba(255,94,26,0.3); }
    50% { box-shadow: 0 0 0 18px rgba(255,94,26,0.1), 0 0 0 36px rgba(255,94,26,0.04), 0 20px 80px rgba(255,94,26,0.4); }
  }

  .wow-shield-svg {
    width: 52px;
    height: 52px;
    color: var(--wow-orange);
  }

  /* Floating cards */
  .wow-float-card {
    position: absolute;
    background: #fff;
    border: 1px solid rgba(255,94,26,0.15);
    border-radius: 12px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--wow-text-dark);
    box-shadow: 0 8px 32px rgba(255,94,26,0.12);
    white-space: nowrap;
    z-index: 4;
  }
  .wow-float-icon {
    width: 28px; height: 28px;
    background: rgba(255,94,26,0.1);
    border-radius: 7px;
    display: flex; align-items: center; justify-content: center;
    color: var(--wow-orange);
    font-size: 14px;
    flex-shrink: 0;
  }
  .wow-fc-1 { top: 30px; left: -20px; animation: wow-float-a 4s ease-in-out infinite; }
  .wow-fc-2 { bottom: 50px; right: -30px; animation: wow-float-b 5s ease-in-out infinite; }
  .wow-fc-3 { bottom: 10px; left: 0px; animation: wow-float-a 3.5s ease-in-out infinite 1s; }

  @keyframes wow-float-a {
    0%,100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
  }
  @keyframes wow-float-b {
    0%,100% { transform: translateY(0px); }
    50% { transform: translateY(10px); }
  }

  .wow-fc-status {
    display: flex; flex-direction: column; line-height: 1.3;
  }
  .wow-fc-label { font-size: 0.68rem; color: #999; font-weight: 400; }
  .wow-fc-val { font-size: 0.8rem; font-weight: 600; color: var(--wow-text-dark); }
  .wow-green { color: #22c55e; }

  /* Scan line animation */
  .wow-scan-line {
    position: absolute;
    width: 100%; height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,94,26,0.5), transparent);
    top: 0;
    z-index: 5;
    border-radius: 9999px;
    animation: wow-scan 3s ease-in-out infinite;
  }
  @keyframes wow-scan {
    0% { top: 0%; opacity: 0.8; }
    100% { top: 100%; opacity: 0; }
  }

  @keyframes wow-fadein {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* Responsive */
  @media (max-width: 768px) {
    .wow-cyber-container {
      grid-template-columns: 1fr;
      padding: 60px 24px;
      text-align: center;
      gap: 48px;
    }
    .wow-cyber-desc { max-width: 100%; }
    .wow-cyber-actions { justify-content: center; }
    .wow-cyber-stats { justify-content: center; }
    .wow-cyber-badge { margin: 0 auto 28px; }
    .wow-cyber-visual { min-height: 320px; }
  }
  /* ====================================================================== */
.dr-fail {
  background: var(--dr-text);
  padding: 0px 0 60px;
  position: relative;
  overflow: hidden;
}
.dr-fail::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 60% 80% at 80% 50%,
    rgba(232, 107, 27, 0.12) 0%,
    transparent 70%
  );
}

.dr-fail__inner {
  position: relative;
  z-index: 1;
}

.dr-fail__heading {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 800;
  color: var(--dr-white);
  letter-spacing: -0.03em;
  margin-bottom: 50px;
  max-width: 600px;
}
.dr-fail__heading em {
  font-style: normal;
  color: var(--dr-orange);
}

.dr-fail__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.dr-fail__item {
  padding: 36px 28px;
  border-radius: 16px;
  background: rgb(255 255 255);
  border: 3px solid rgb(232 107 27 / 16%);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}
.dr-fail__item:hover {
  background: rgba(232, 107, 27, 0.12);
  border-color: rgba(232, 107, 27, 0.3);
  transform: translateY(-4px);
}
.dr-fail__item-num {
  font-size: 3rem;
  font-weight: 900;
  color: rgba(232, 107, 27, 0.2);
  line-height: 1;
  margin-bottom: 16px;
}
.dr-fail__item-text {
  /* font-size: 1rem; */
  /* font-weight: 600; */
  color: rgb(0 0 0 / 85%);
  line-height: 1.4;
}
/* ==========================================================/ */

.sv4 {
    background: #fff2e9;
    padding: 34px 0 47px;
    overflow: hidden;
}
.sv4-inner {
    /* max-width: 1100px; */
    margin: 0 auto;
    padding: 0px 0px;
}

.sv4-tag {
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #e8560a;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.sv4-tag::before {
  content: "";
  width: 28px;
  height: 1.5px;
  background: #e8560a;
  display: block;
}

.sv4-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 72px;
  gap: 32px;
  flex-wrap: wrap;
}
.sv4-h {
    font-size: 54px;
    font-weight: 700;
    color: #111;
    letter-spacing: 0.025em;
    line-height: 1.08;
    margin: 0;
    max-width: 674px;
}
.sv4-h em {
    font-style: normal;
    /* font-weight: 200; */
    color: #e8560a;
    /* display: block; */
}
.sv4-sub {
    font-size: 17px;
    /* color: #999; */
    line-height: 1.7;
    max-width: 272px;
}

.sv4-ticker-wrap {
    overflow: hidden;
    /* border-top: 1px solid #f0f0f0; */
    /* border-bottom: 1px solid #f0f0f0; */
    padding: 14px 0;
    border-radius: 5px;
    margin-bottom: 0;
    background-color: #e86b1b;
}
.sv4-ticker {
  display: flex;
  gap: 0;
  white-space: nowrap;
  animation: sv4scroll 18s linear infinite;
}
.sv4-ticker-item {
    font-size: 17px;
    /* font-weight: 300; */
    /* font-style: italic; */
    color: #ffffff;
    padding: 0 32px;
    border-right: 1px solid #eee;
    flex-shrink: 0;
}
.sv4-ticker-item span {
    color: #ffffff;
    margin-right: 8px;
}
@keyframes sv4scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.sv4-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  min-height: 520px;
  border-top: 1px solid #111;
}

.sv4-svc {
  border-right: 1px solid #eee;
  padding: 40px 32px 36px;
  display: flex;
  flex-direction: column;
  gap: 0;
  cursor: pointer;
  transition: background 0.3s;
  position: relative;
  overflow: hidden;
}
.sv4-svc:last-child {
  border-right: none;
}
.sv4-svc::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #e8560a;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.sv4-svc:hover::after,
.sv4-svc.sv4-on::after {
  transform: scaleX(1);
}
.sv4-svc:hover,
.sv4-svc.sv4-on {
  background: #fffaf7;
}

.sv4-svc-n {
    font-size: 21px;
    font-weight: 900;
    /* font-style: italic; */
    color: #e86b1b;
    margin-bottom: 28px;
    display: block;
}
.sv4-svc-icon {
  font-size: 26px;
  color: #e8560a;
  margin-bottom: 20px;
}
.sv4-svc-title {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    line-height: 1.2;
    margin-bottom: 16px;
}
.sv4-svc-desc {
    /* font-size: 13.5px; */
    /* color: #888; */
    line-height: 1.72;
    flex: 1;
}
.sv4-svc-pill {
  display: inline-block;
  margin-top: 24px;
  align-self: flex-start;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #e8560a;
  border: 1px solid #e8560a;
  padding: 5px 14px;
  border-radius: 20px;
  font-weight: 500;
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.3s,
    transform 0.3s;
}
.sv4-svc:hover .sv4-svc-pill,
.sv4-svc.sv4-on .sv4-svc-pill {
  opacity: 1;
  transform: translateY(0);
}

.sv4-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-top: 1px solid #00000030;
}
.sv4-bottom-svc {
    border-right: 1px solid #cfcfcf;
    padding: 36px 32px 40px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: background 0.3s;
}
.sv4-bottom-svc:last-child {
  border-right: none;
}
.sv4-bottom-svc::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #e8560a;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.sv4-bottom-svc:hover::after {
  transform: scaleX(1);
}
.sv4-bottom-svc:hover {
    background: #ffffff;
}

.sv4-bottom-svc .sv4-svc-n {
  margin-bottom: 0px;
}

.sv4-cta-band {
  background: #111;
  padding: 28px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 0;
  flex-wrap: wrap;
}
.sv4-cta-text {

  font-size: 20px;
  font-weight: 800;
  color: #fff;
}
.sv4-cta-text em {
  font-style: italic;
  font-weight: 200;
  color: #e8560a;
}
.sv4-cta-btn {
  background: #e8560a;
  color: #fff;
  border: none;
  padding: 12px 28px;
 
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.04em;
  cursor: pointer;
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.2s;
  flex-shrink: 0;
}
.sv4-cta-btn:hover {
  background: #c44608;
}
.sv4-cta-btn i {
  font-size: 15px;
}
  .dr-process {
    padding: 60px 0 60px;
    background: var(--dr-offwhite);
    overflow: hidden;
}

    .dr-process__head {
      text-align: center;
      margin-bottom: 80px;
    }
    .dr-process__heading {
      font-size: clamp(1.9rem, 3.5vw, 2.8rem);
      font-weight: 800;
      color: var(--dr-text);
      letter-spacing: -0.03em;
      margin: 14px 0;
    }

    .dr-process__track {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 0;
      position: relative;
    }
.dr-process__track::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 10%;
    right: 10%;
    height: 2px;
    background: linear-gradient(90deg, #e86b1b, rgba(232, 107, 27, 0.2));
    z-index: 0;
}
    .dr-process__step {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      position: relative;
      z-index: 1;
      padding: 0 12px;
    }

.dr-process__step-num {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: #e86b1b;
    border: 3px solid var(--dr-gray-200);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--dr-gray-400);
    margin-bottom: 24px;
    transition: all 0.4s ease;
    position: relative;
}
 .dr-process__step:hover .dr-process__step-num {
    background: #ffd962;
    border-color: #000000;
    transform: scale(1.08);
}

    .dr-process__step-title {
      font-size: 1rem;
      font-weight: 700;
      color: var(--dr-text);
      margin-bottom: 12px;
    }
.dr-process__step-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-left: 0px !important;
}
.dr-process__step-list li {
    font-size: 17px;
    color: black;
    padding: 3px 10px;
    background: #f6c9ac9c;
    border-radius: 100px;
    border: 1px solid var(--dr-gray-200);
}
section.wrapper.bg-light.pt-5.pb-7.drsfaq {
    background-color: #fff2e9 !important;
}
@media (max-width: 768px) {
  .sv4-h {
    font-size: 39px;
    font-weight: 700;
    color: #111;
    letter-spacing: 0.025em;
    line-height: 1.08;
    margin: 0;
    max-width: 674px;
}
.dr-fail__grid {
    display: block;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    /* margin-bottom: 10px; */
}
.dr-fail__item {
   padding: 20px 28px;
    margin-bottom: 10px;
  
}
.hb-heading {
   
    font-size: 38px;
  
}
.sv4-bottom {
    display: block;
    grid-template-columns: 1fr 1fr 1fr;
    /* border-top: 1px solid #00000030; */
}
.sv4-bottom-svc {
    border-right: 1px solid #cfcfcf00;
    padding: 36px 32px 40px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: background 0.3s;
}
.dr-process__track {
    display: block;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    position: relative;
}
.s7-heading {
    /* font-family: 'Bebas Neue', sans-serif; */
    font-size: 41px !important;
}
h3.display-4.mb-4.text-center.fontfoor-cta {
    font-size: 39px !important;
}
.hb-heading {
  
    font-size: 39px !important;
   
}
.sv4-head {
  
    margin-bottom: 6px !important;
  
}
.cws-grid {
    display: block !important;
}
.sv4-bottom {
    display: block !important;
    
}
}
/* ================================ */

  /* ── RIGHT: 3D floating card scene ── */
  .cim2__visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    animation: c2-up 0.7s 0.15s ease both;
  }
 
  /* Central cloud hub circle */
  .cim2__hub {
    position: absolute;
    width: 88px; height: 88px;
    border-radius: 50%;
    background: var(--cim2-orange);
    display: flex; align-items: center; justify-content: center;
    z-index: 10;
    box-shadow: 0 0 0 14px rgba(242,101,34,0.10), 0 0 0 28px rgba(242,101,34,0.05);
    animation: c2-hub-in 0.8s 0.4s cubic-bezier(0.34,1.56,0.64,1) both;
  }
  .cim2__hub svg { width: 38px; height: 38px; color: #fff; }
 
  /* Orbit ring */
  .cim2__orbit-ring {
    position: absolute;
    width: 320px; height: 320px;
    border-radius: 50%;
    border: 1px dashed rgba(242,101,34,0.22);
    animation: c2-spin 28s linear infinite;
  }
 
  /* SVG connector lines container */
  .cim2__connectors {
    position: absolute;
    width: 420px; height: 420px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
 
  /* Cloud provider cards — 3D perspective effect */
  .cim2__card {
    position: absolute;
    width: 148px;
    background: var(--cim2-white);
    border-radius: 16px;
    padding: 18px 16px 14px;
    box-shadow:
      0 2px 0 0 rgba(0,0,0,0.06),
      0 6px 18px rgba(0,0,0,0.08),
      0 1px 3px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.07);
    transform: perspective(600px) rotateY(0deg) rotateX(2deg);
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: default;
    z-index: 5;
  }
  .cim2__card:hover {
    transform: perspective(600px) rotateY(-4deg) rotateX(0deg) translateY(-4px);
    box-shadow:
      0 2px 0 0 rgba(0,0,0,0.08),
      0 14px 32px rgba(0,0,0,0.13),
      0 1px 3px rgba(0,0,0,0.05);
  }
 
  /* Card positions around hub */
  .cim2__card--aws  { top: 20px;  left: 50%; transform: translateX(-50%) perspective(600px) rotateX(2deg); animation: c2-card-in 0.6s 0.7s cubic-bezier(0.34,1.56,0.64,1) both; }
  .cim2__card--az   { top: 50%;  right: 0;  transform: translateY(-50%) perspective(600px) rotateY(-4deg) rotateX(1deg); animation: c2-card-in 0.6s 0.85s cubic-bezier(0.34,1.56,0.64,1) both; float-delay: 0.2s; }
  .cim2__card--gcp  { bottom: 20px; left: 50%; transform: translateX(-50%) perspective(600px) rotateX(-2deg); animation: c2-card-in 0.6s 1s cubic-bezier(0.34,1.56,0.64,1) both; }
  .cim2__card--sec  { top: 50%;  left: 0;   transform: translateY(-50%) perspective(600px) rotateY(4deg) rotateX(1deg); animation: c2-card-in 0.6s 1.1s cubic-bezier(0.34,1.56,0.64,1) both; }
 
  /* Hover overrides per card */
  .cim2__card--aws:hover  { transform: translateX(-50%) perspective(600px) rotateX(0deg) translateY(-5px); }
  .cim2__card--az:hover   { transform: translateY(-50%) perspective(600px) rotateY(-2deg) rotateX(0deg) translateX(-4px); }
  .cim2__card--gcp:hover  { transform: translateX(-50%) perspective(600px) rotateX(0deg) translateY(4px); }
  .cim2__card--sec:hover  { transform: translateY(-50%) perspective(600px) rotateY(2deg) rotateX(0deg) translateX(4px); }
 
  /* Card float animations */
  .cim2__card--aws { animation: c2-card-in 0.6s 0.7s cubic-bezier(0.34,1.56,0.64,1) both, c2-float-y 5s 1.3s ease-in-out infinite; }
  .cim2__card--az  { animation: c2-card-in 0.6s 0.85s cubic-bezier(0.34,1.56,0.64,1) both, c2-float-x 5.5s 1.5s ease-in-out infinite; }
  .cim2__card--gcp { animation: c2-card-in 0.6s 1s cubic-bezier(0.34,1.56,0.64,1) both, c2-float-y 4.8s 1.7s ease-in-out infinite reverse; }
  .cim2__card--sec { animation: c2-card-in 0.6s 1.1s cubic-bezier(0.34,1.56,0.64,1) both, c2-float-x 5.2s 1.2s ease-in-out infinite reverse; }
 
  .cim2__card__logo {
    width: 36px; height: 36px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.3px;
  }
  .cim2__card__logo--aws { background: #FFF3DC; color: #CC7A00; }
  .cim2__card__logo--az  { background: #E8F3FF; color: #0063B2; }
  .cim2__card__logo--gcp { background: #EAF0FF; color: #1A56DB; }
  .cim2__card__logo--sec { background: var(--cim2-orange-pale); color: var(--cim2-orange); }
 
  .cim2__card__logo svg { width: 20px; height: 20px; }
 
  .cim2__card__name {
    font-family: var(--cim2-font-h);
    font-size: 13px;
    font-weight: 700;
    color: var(--cim2-ink);
    margin-bottom: 3px;
    display: block;
  }
  .cim2__card__sub {
    font-size: 11px;
    color: var(--cim2-ink-3);
    display: block;
    margin-bottom: 10px;
  }
  .cim2__card__pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 100px;
  }
  .cim2__pill--green { background: #EDFBF4; color: #0F7A4B; }
  .cim2__pill--blue  { background: #E8F3FF; color: #0063B2; }
  .cim2__pill--ora   { background: var(--cim2-orange-pale); color: var(--cim2-orange); }
  .cim2__pill-dot {
    width: 5px; height: 5px;
    border-radius: 50%;
    background: currentColor;
    animation: c2-pulse 1.8s infinite;
  }
 
  /* Success rate badge floating */
  .cim2__badge {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--cim2-white);
    border: 1px solid rgba(242,101,34,0.2);
    border-radius: 12px;
    padding: 10px 14px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    z-index: 20;
    animation: c2-card-in 0.7s 1.3s cubic-bezier(0.34,1.56,0.64,1) both, c2-float-y 6s 2s ease-in-out infinite;
  }
  .cim2__badge--stat {
    bottom: 0px; right: -8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
  .cim2__badge__num {
    font-family: var(--cim2-font-h);
    font-size: 22px;
    font-weight: 700;
    color: var(--cim2-orange);
    line-height: 1;
  }
  .cim2__badge__lbl {
    font-size: 10px;
    font-weight: 500;
    color: var(--cim2-ink-3);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
 
  /* ── Keyframes ── */
  @keyframes c2-up {
    from { opacity:0; transform: translateY(20px); }
    to   { opacity:1; transform: translateY(0); }
  }
  @keyframes c2-pulse {
    0%,100% { opacity:1; transform: scale(1); }
    50%      { opacity:0.5; transform: scale(1.4); }
  }
  @keyframes c2-hub-in {
    from { opacity:0; transform: scale(0.5); }
    to   { opacity:1; transform: scale(1); }
  }
  @keyframes c2-card-in {
    from { opacity:0; transform: scale(0.7) translateY(10px); }
    to   { opacity:1; }
  }
  @keyframes c2-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
  }
  @keyframes c2-float-y {
    0%,100% { translate: 0 0; }
    50%      { translate: 0 -8px; }
  }
  @keyframes c2-float-x {
    0%,100% { translate: 0 0; }
    50%      { translate: -6px 0; }
  }
  @keyframes c2-draw {
    from { stroke-dashoffset: 300; }
    to   { stroke-dashoffset: 0; }
  }
 
  /* ── Responsive ── */
  @media (max-width: 900px) {
    .cim2__container { grid-template-columns: 1fr; gap: 48px; }
  .cim2__visual {
    /* order: -1; */
    min-height: 380px;
}
  }
  @media (max-width: 560px) {
    .cim2__section { padding: 60px 0 70px; }
    .cim2__container { padding: 0 20px; }
    .cim2__card { width: 126px; padding: 14px 12px 10px; }
    .cim2__card--aws { top: 10px; }
    .cim2__card--gcp { bottom: 10px; }
    .cim2__orbit-ring { width: 270px; height: 270px; }
  }
  
  /* ========================================================================================= */
   /* ── Section ── */
  .cis__section {
    position: relative;
    background: var(--cis-off);
    overflow: hidden;
    padding: 88px 0 96px;
    font-family: var(--cis-b);
  }
 
  /* ── Layered background: subtle grid lines ── */
  .cis__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
  /* Horizontal lines */
  .cis__bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
      repeating-linear-gradient(
        0deg,
        transparent,
        transparent 59px,
        rgba(242,101,34,0.05) 59px,
        rgba(242,101,34,0.05) 60px
      ),
      repeating-linear-gradient(
        90deg,
        transparent,
        transparent 79px,
        rgba(242,101,34,0.04) 79px,
        rgba(242,101,34,0.04) 80px
      );
  }
  /* Large warm glow top-right */
  .cis__bg::after {
    content: '';
    position: absolute;
    top: -200px; right: -200px;
    width: 640px; height: 640px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(242,101,34,0.10) 0%, transparent 65%);
  }
 
  /* Second glow bottom-left */
  .cis__bg-glow2 {
    position: absolute;
    bottom: -120px; left: -80px;
    width: 400px; height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(242,101,34,0.06) 0%, transparent 65%);
    pointer-events: none;
  }
 
  /* ── Container ── */
  .cis__wrap {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 55% 45%;
    gap: 0;
    align-items: center;
  }
 
  /* ════ LEFT ════ */
 
  .cis__left {
    padding-right: 40px;
  }
 
  /* Sub tag */
  .cis__sub {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 28px;
    animation: cis-up 0.5s ease both;
  }
  .cis__sub-line {
    width: 28px; height: 2px;
    background: var(--cis-o);
    border-radius: 2px;
  }
  .cis__sub-text {
    font-family: var(--cis-h);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--cis-o);
  }
 
  /* Heading */
  .cis__h1 {
    font-family: var(--cis-h);
    font-size: clamp(34px, 3.6vw, 56px);
    font-weight: 800;
    line-height: 1.08;
    color: var(--cis-ink);
    margin: 0 0 24px;
    animation: cis-up 0.55s 0.08s ease both;
  }
  /* Accent word with orange fill + underline bar */
  .cis__h1-accent {
    position: relative;
    color: var(--cis-o);
    white-space: nowrap;
  }
  .cis__h1-accent::before {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 2px;
    height: 8px;
    background: rgba(242,101,34,0.12);
    border-radius: 2px;
    z-index: -1;
  }
 
  /* Description */
  .cis__p {
    font-size: 16.5px;
    line-height: 1.78;
    color: var(--cis-ink2);
    margin: 0 0 40px;
    max-width: 500px;
    font-weight: 300;
    animation: cis-up 0.55s 0.16s ease both;
  }
 
  /* CTA row */
  .cis__cta-row {
    display: flex;
    align-items: center;
    gap: 20px;
    animation: cis-up 0.55s 0.24s ease both;
  }
 
  .cis__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--cis-o);
    color: #fff;
    font-family: var(--cis-b);
    font-size: 15px;
    font-weight: 500;
    padding: 15px 30px;
    border-radius: 8px;
    text-decoration: none;
    border: none; cursor: pointer;
    transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 20px rgba(242,101,34,0.30), 0 1px 3px rgba(0,0,0,0.08);
  }
  .cis__btn:hover {
    background: var(--cis-o-lt);
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(242,101,34,0.38);
  }
  .cis__btn svg { transition: transform 0.2s; }
  .cis__btn:hover svg { transform: translateX(4px); }
 
  .cis__link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 500;
    color: var(--cis-ink2);
    text-decoration: none;
    transition: color 0.2s;
  }
  .cis__link:hover { color: var(--cis-o); }
  .cis__link svg { transition: transform 0.2s; }
  .cis__link:hover svg { transform: translateX(3px); }
 
  /* Trust strip */
  .cis__trust {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 44px;
    padding-top: 32px;
    border-top: 1px solid var(--cis-o-line);
    animation: cis-up 0.55s 0.32s ease both;
  }
  .cis__trust-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .cis__trust-num {
    font-family: var(--cis-h);
    font-size: 22px;
    font-weight: 700;
    color: var(--cis-ink);
    line-height: 1;
  }
  .cis__trust-lbl {
    font-size: 11px;
    font-weight: 400;
    color: var(--cis-ink3);
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .cis__trust-div {
    width: 1px; height: 28px;
    background: var(--cis-o-line);
  }
 
  /* ════ RIGHT: Isometric-style infrastructure stack ════ */
 
  .cis__right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 460px;
    animation: cis-up 0.6s 0.1s ease both;
  }
 
  /* ── Isometric stack of layer cards ── */
  .cis__stack {
    position: relative;
    width: 320px;
    height: 380px;
  }
 
  /* Each layer card */
  .cis__layer {
    position: absolute;
    left: 0; right: 0;
    background: var(--cis-white);
    border-radius: 14px;
    border: 1px solid rgba(242,101,34,0.13);
    box-shadow: 0 4px 24px rgba(0,0,0,0.06), 0 1px 4px rgba(0,0,0,0.04);
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: transform 0.3s, box-shadow 0.3s;
  }
  .cis__layer:hover {
    transform: translateY(-3px) translateX(3px);
    box-shadow: 0 10px 32px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.05);
  }
 
  /* Stagger positions for depth illusion */
  .cis__layer--1 { top: 0;   z-index: 5; animation: cis-layer 0.5s 0.5s cubic-bezier(0.34,1.56,0.64,1) both; }
  .cis__layer--2 { top: 88px;  z-index: 4; animation: cis-layer 0.5s 0.65s cubic-bezier(0.34,1.56,0.64,1) both; }
  .cis__layer--3 { top: 176px; z-index: 3; animation: cis-layer 0.5s 0.80s cubic-bezier(0.34,1.56,0.64,1) both; }
  .cis__layer--4 { top: 264px; z-index: 2; animation: cis-layer 0.5s 0.95s cubic-bezier(0.34,1.56,0.64,1) both; }
 
  /* Depth shadow bars under each card */
  .cis__layer::after {
    content: '';
    position: absolute;
    left: 8px; right: -8px;
    bottom: -8px;
    height: 100%;
    border-radius: 14px;
    background: rgba(242,101,34,0.05);
    border: 1px solid rgba(242,101,34,0.08);
    z-index: -1;
  }
  .cis__layer::before {
    content: '';
    position: absolute;
    left: 16px; right: -16px;
    bottom: -16px;
    height: 100%;
    border-radius: 14px;
    background: rgba(242,101,34,0.025);
    border: 1px solid rgba(242,101,34,0.05);
    z-index: -2;
  }
 
  /* Layer icon box */
  .cis__layer-icon {
    width: 42px; height: 42px;
    border-radius: 10px;
    flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
  }
  .cis__layer-icon svg { width: 22px; height: 22px; }
 
  .cis__li--ora   { background: var(--cis-o-pale); }
  .cis__li--blue  { background: #EEF4FF; }
  .cis__li--green { background: #EDFBF3; }
  .cis__li--gray  { background: #F4F3F0; }
 
  .cis__li--ora svg   { color: var(--cis-o); }
  .cis__li--blue svg  { color: #2563EB; }
  .cis__li--green svg { color: #059669; }
  .cis__li--gray svg  { color: #6B6A64; }
 
  .cis__layer-body { flex: 1; min-width: 0; }
  .cis__layer-name {
    font-family: var(--cis-h);
    font-size: 14px;
    font-weight: 700;
    color: var(--cis-ink);
    display: block;
    margin-bottom: 2px;
  }
  .cis__layer-desc {
    font-size: 11.5px;
    color: var(--cis-ink3);
    display: block;
  }
 
  /* Status badge */
  .cis__layer-status {
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 9px;
    border-radius: 100px;
    letter-spacing: 0.03em;
    display: flex; align-items: center; gap: 4px;
  }
  .cis__ls--active  { background: #EDFBF3; color: #059669; }
  .cis__ls--ora     { background: var(--cis-o-pale); color: var(--cis-o); }
  .cis__ls-dot {
    width: 5px; height: 5px;
    border-radius: 50%;
    background: currentColor;
    animation: cis-pulse 2s infinite;
  }
 
  /* Floating badge: uptime */
  .cis__float-badge {
    position: absolute;
    background: var(--cis-white);
    border: 1px solid var(--cis-o-line);
    border-radius: 12px;
    padding: 12px 16px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    z-index: 20;
    white-space: nowrap;
  }
  .cis__float-badge--tl {
    top: -10px; left: -42px;
    animation: cis-layer 0.6s 1.1s cubic-bezier(0.34,1.56,0.64,1) both, cis-bob 5s 1.7s ease-in-out infinite;
  }
  .cis__float-badge--br {
    bottom: 30px; right: -36px;
    animation: cis-layer 0.6s 1.25s cubic-bezier(0.34,1.56,0.64,1) both, cis-bob 5.5s 2s ease-in-out infinite reverse;
  }
  .cis__fb-num {
    font-family: var(--cis-h);
    font-size: 20px;
    font-weight: 800;
    color: var(--cis-o);
    display: block;
    line-height: 1;
  }
  .cis__fb-lbl {
    font-size: 10px;
    color: var(--cis-ink3);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: block;
    margin-top: 3px;
  }
 
  /* ── Keyframes ── */
  @keyframes cis-up {
    from { opacity:0; transform: translateY(22px); }
    to   { opacity:1; transform: translateY(0); }
  }
  @keyframes cis-layer {
    from { opacity:0; transform: scale(0.88) translateY(12px); }
    to   { opacity:1; transform: scale(1) translateY(0); }
  }
  @keyframes cis-pulse {
    0%,100% { opacity:1; transform:scale(1); }
    50%      { opacity:0.4; transform:scale(1.5); }
  }
  @keyframes cis-bob {
    0%,100% { transform: translateY(0); }
    50%      { transform: translateY(-7px); }
  }
 
  /* ── Responsive ── */
  @media (max-width: 960px) {
    .cis__wrap { grid-template-columns: 1fr; gap: 56px; }

    .cis__left  { padding-right: 0; }
    .cis__float-badge--tl { left: -12px; }
    .cis__float-badge--br { right: -12px; }
  }
  @media (max-width: 560px) {
    .cis__section { padding: 64px 0 72px; }
    .cis__wrap  { padding: 0 20px; }
    .cis__stack { width: 280px; }
    .cis__trust { gap: 16px; }
    .cis__cta-row { flex-direction: column; align-items: flex-start; }
  }
  /* ========================================================== */
 
 
  /* ════ RIGHT: Monitoring Dashboard ════ */
  .cis__right {
    position: relative;
    display: flex; align-items: center; justify-content: center;
    min-height: 460px;
    animation: cis-up 0.6s 0.1s ease both;
  }
 
  /* Main dashboard panel */
  .cis__dash {
    width: 100%;
    max-width: 400px;
    background: var(--cis-white);
    border: 1px solid rgba(242,101,34,0.14);
    border-radius: 18px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
    overflow: hidden;
  }
 
  /* Dashboard top bar */
  .cis__dash-bar {
    background: var(--cis-ink);
    padding: 12px 18px;
    display: flex; align-items: center; gap: 10px;
  }
  .cis__dash-dots {
    display: flex; gap: 5px;
  }
  .cis__dash-dots span {
    width: 9px; height: 9px; border-radius: 50%;
  }
  .cis__dash-dots span:nth-child(1) { background: #FF5F57; }
  .cis__dash-dots span:nth-child(2) { background: #FEBC2E; }
  .cis__dash-dots span:nth-child(3) { background: #28C840; }
  .cis__dash-title {
    font-family: var(--cis-b); font-size: 12px; font-weight: 400;
    color: rgba(255,255,255,0.5); margin-left: 4px;
  }
  .cis__dash-live {
    margin-left: auto;
    display: flex; align-items: center; gap: 5px;
    font-size: 10px; font-weight: 600; color: #28C840;
    text-transform: uppercase; letter-spacing: 0.06em;
  }
  .cis__live-dot {
    width: 6px; height: 6px; border-radius: 50%;
    background: #28C840;
    animation: cis-pulse 1.8s infinite;
  }
 
  .cis__dash-body { padding: 20px 18px 18px; }
 
  /* Top stat row */
  .cis__stat-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 18px;
  }
  .cis__stat-box {
    background: var(--cis-off);
    border: 1px solid rgba(242,101,34,0.10);
    border-radius: 10px;
    padding: 12px 10px;
    text-align: center;
  }
  .cis__stat-val {
    font-family: var(--cis-h);
    font-size: 20px; font-weight: 700;
    color: var(--cis-ink); line-height: 1;
    display: block; margin-bottom: 4px;
  }
  .cis__stat-val--ora { color: var(--cis-o); }
  .cis__stat-val--grn {
    color: #f37420;
}
  .cis__stat-lbl {
    font-size: 10px; color: var(--cis-ink3);
    text-transform: uppercase; letter-spacing: 0.05em;
    font-weight: 400;
  }
 
  /* Section label */
  .cis__sec-lbl {
    font-size: 10px; font-weight: 600; color: var(--cis-ink3);
    text-transform: uppercase; letter-spacing: 0.08em;
    margin-bottom: 8px; display: block;
  }
 
  /* Sparkline chart area */
  .cis__chart {
    background: var(--cis-off);
    border: 1px solid rgba(242,101,34,0.10);
    border-radius: 10px;
    padding: 12px 12px 8px;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
  }
  .cis__chart-hdr {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 10px;
  }
  .cis__chart-name {
    font-size: 12px; font-weight: 500; color: var(--cis-ink2);
  }
  .cis__chart-pct {
    font-family: var(--cis-h);
    font-size: 16px; font-weight: 700; color: var(--cis-o);
  }
 
  /* SVG sparkline */
  .cis__sparkline {
    width: 100%; height: 52px; display: block;
  }
  .cis__spark-path {
    fill: none;
    stroke: var(--cis-o);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    animation: cis-draw 1.6s 0.8s cubic-bezier(0.22,1,0.36,1) forwards;
  }
  .cis__spark-fill {
    fill: url(#cis-grad);
    opacity: 0;
    animation: cis-fadein 0.6s 2s ease forwards;
  }
.cis__spark-path--b {
    stroke: #f37420;
    animation-delay: 1s;
}
  .cis__spark-fill--b {
    fill: url(#cis-grad-b);
    animation-delay: 2.2s;
  }
 
  /* X-axis labels */
  .cis__chart-axis {
    display: flex; justify-content: space-between;
    padding: 0 2px;
  }
  .cis__chart-axis span {
    font-size: 9px; color: var(--cis-ink3);
  }
 
  /* Service status list */
  .cis__services { display: flex; flex-direction: column; gap: 7px; }
  .cis__svc {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 12px;
    background: var(--cis-off);
    border: 1px solid rgba(242,101,34,0.08);
    border-radius: 8px;
  }
  .cis__svc-dot {
    width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;
  }
 .cis__svc-dot--grn {
    background: #e86b1b;
    animation: cis-pulse 2s infinite;
}
  .cis__svc-dot--ora { background: var(--cis-o); animation: cis-pulse 2.3s infinite; }
  .cis__svc-name { font-size: 12px; font-weight: 500; color: var(--cis-ink2); flex: 1; }
  .cis__svc-ping { font-family: var(--cis-h); font-size: 12px; font-weight: 700; color: var(--cis-ink); }
  .cis__svc-tag {
    font-size: 9px; font-weight: 600;
    padding: 2px 7px; border-radius: 100px;
    text-transform: uppercase; letter-spacing: 0.04em;
  }
  .cis__tag--op {
    background: #fde4d5;
    color: #f37420;
}
  .cis__tag--wa  { background: var(--cis-o-pale); color: var(--cis-o); }
 
  /* Floating alert badge */
.cis__alert-badge {
    position: absolute;
    top: -14px;
    left: -20px;
    background: #fde4d5;
    border: 1px solid var(--cis-o-line);
    border-radius: 12px;
    padding: 10px 14px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 10;
    animation: cis-popin 0.6s 1.4s cubic-bezier(0.34,1.56,0.64,1) both, cis-bob 5s 2s ease-in-out infinite;
}
  .cis__ab-icon {
    width: 32px; height: 32px;
    background: var(--cis-o-pale);
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .cis__ab-icon svg { width: 16px; height: 16px; color: var(--cis-o); }
  .cis__ab-text { display: flex; flex-direction: column; gap: 1px; }
  .cis__ab-val {
    font-family: var(--cis-h); font-size: 15px; font-weight: 700;
    color: var(--cis-ink); line-height: 1;
  }
  .cis__ab-lbl { font-size: 10px; color: var(--cis-ink3); }
 
  /* Animations */
  @keyframes cis-up {
    from { opacity:0; transform: translateY(20px); }
    to   { opacity:1; transform: translateY(0); }
  }
  @keyframes cis-pulse {
    0%,100% { opacity:1; transform:scale(1); }
    50%      { opacity:0.4; transform:scale(1.5); }
  }
  @keyframes cis-draw {
    to { stroke-dashoffset: 0; }
  }
  @keyframes cis-fadein {
    to { opacity: 0.18; }
  }
  @keyframes cis-popin {
    from { opacity:0; transform: scale(0.8) translateY(6px); }
    to   { opacity:1; transform: scale(1) translateY(0); }
  }
  @keyframes cis-bob {
    0%,100% { transform: translateY(0); }
    50%      { transform: translateY(-7px); }
  }
 
  /* Responsive */
  @media (max-width: 960px) {
    .cis__wrap { grid-template-columns: 1fr; gap: 56px; }
    
    .cis__left { padding-right: 0; }
    .cis__alert-badge { left: -8px; }
  }
  @media (max-width: 560px) {
    .cis__section { padding: 64px 0 72px; }
    .cis__wrap { padding: 0 20px; }
    .cis__trust { gap: 16px; }
    .cis__cta-row { flex-direction: column; align-items: flex-start; }
  }
  @media (max-width: 768px) {
    .mumbai-services-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 30px;
}
}