:root {
    --primary: #392d6a;
    --secondary: #defe5d;
    --white: #fff;
    --white-2: #e8e8e8;
    --white-3: #e2e2e2;
    --black: #000000;
    --black-2: #060606;
    --black-3: #232323;
    --gray: #555555;
    --gray-2: #999999;
    --green: #3248f2;
    /* --green:#FFF; */
    --green-2: #09002e;
    --green-3: #120837;
    --green-4: #251f41;
    --green-5: #48339d;
    --muted: #a8b2c2;
    --aes: #262262;
    --bg: #0b0f14;
    --text: #eef3f8;
    --muted: #a8b2c2;
    --accent: #00d1b8;
    --border: rgba(255, 255, 255, 0.1);
    --font-unbounded: "Unbounded", sans-serif;
    --font-inter: "Inter", sans-serif;
}
.logo__slider-area {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: var(--green-5);
}
.logo__slider-area-2 {
    /* background-color: var(--black); */
    background-color: #060606;
}
.text__slider.style-2 .text {
    -webkit-text-stroke: 1px #3f3f3f;
}
.dark .sec-title,
.fontWhite {
    color: var(--white) !important;
}
.dark .portfolio__top .sec-sub-title {
    color: var(--white);
}
.service__area {
    background-color: var(--aes);
}
.cxu-btn-primary {
    background-color: var(--aes);
}
.footer__widget {
    border-inline-end: 1px solid #121212;
}
.footer__btm-wrapper {
    background-color: #121212;
}
.modal__btn {
    background-color: #defe5d00;
}
.modal__btn .icon {
    background-color: #121212;
}
.dark .cxu__service.style-1 .service-item:hover .services li {
    color: #392d6a;
}
.imageCxu {
    background: hsl(var(--h), var(--s), calc(var(--l) + 35%));
    filter: blur(10rem);
}
.service__area {
    background: linear-gradient(to top, #4824da 0%, #050505 100%);
}
.cxu-btn-primary {
    background-color: #4824da;
}

.cta__area .modal__btn .icon {
    background-color: #4824da;
}
.cxu__service.style-1 .service-item:hover .link a {
    background-color: #4724d7;
}
.cxu-btn-border::after {
    background-color: #5025ff;
}
.cxu-btn-border::before {
    background-color: #5025ff;
}
.cxu-btn-border:hover {
    background-color: #4724d8;
    border-color: #4724d8;
}
.cxu--portfolio.style-1 .title:hover {
    color: #4724d8;
}
.cxu--portfolio .navigation .btn-next:hover,
.cxu--portfolio .navigation .btn-prev:hover {
    background-color: #4724d8;
    border-color: #4724d8;
}

.cxu-btn-primary {
    background: linear-gradient(to left, #4824dab5 0%, #2c1a77a6 100%);
}
.cxu-btn-primary::before {
    background-color: #4824dab5;
}

.dark .contact__left .icon-box .text a {
    color: #fff;
}
.contact__left .icon-box .icon {
    background-color: #4824dab5;
}
@media (max-width: 767px) {
    .hero__shape {
        position: unset;
    }
}

.mean-container {
    background: linear-gradient(to left, #4824da 0%, #080417 0%, #2c1a77 100%);
}
.mean-container .mean-nav ul li a {
    border-color: rgb(70, 41, 192);
}
.open__menu {
    border: 1px solid #191818;
}
.mean-container .mean-nav ul li.mean-last a {
    border-bottom: 1px solid rgb(70, 41, 192);
}
.cta__area {
    text-align: center;
    background-color: #060606;
    position: relative;
}

.cta__area-2 .cxu-btn-primary {
    background-color: #ffffffa3;
}
cxu-btn-primary {
    background: linear-gradient(to left, #aaa9a9 0%, #392d6a9c 100%);
}
.footer__btm-wrapper {
    background: linear-gradient(to left, #000210 0%, #2c1a77a6 100%);
}
.award__area {
    background: linear-gradient(to top, #4824da 0%, #060606 70%);
}
.dark .about-inner__right .title {
    color: #fff;
}
.counter__area-4 {
    background-color: #321a9a91;
}
.dark .cxu__service.style-2 .service-item {
    background: linear-gradient(to top, #4824da4f 0%, #060606 70%);
}
.cxu__service.style-2 .service-item {
    border-radius: 5px;
}
.cxu__service.style-2 .icon {
    background-color: #222224;
}
.cxu__service.style-2 .service-item:hover {
    background: linear-gradient(to top, #4824da4f 0%, #2f09cc 70%) !important;
}
.cta__area {
    background-color: #000;
}
.cta__area-2 .cxu-btn-primary {
    color: #20125c;
}
.dark .portfolio__details .title {
    color: #fff;
}
.dark .portfolio__details .info p {
    color: #fff;
}
.dark .portfolio__details .info p strong {
    color: #9b9fa3;
}
.cxu--portfolio .thumb:hover {
    transform: scalex(1.02) scaleY(1.02);
    transform-style: preserve-3d;
    transition: opacity 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.cxu-navigation.style-1 .text a:hover {
    color: #defe5d;
}
.dark .main-menu ul li a:hover {
    color: #bfb0ff;
}
.main-menu ul li a::after {
    background-color: #defe5d;
}
@media (max-width: 480px) {
    .cxu__service.style-1 .hover-img {
        display: none;
    }
    .img-hide {
        display: none;
    }
    .about__img .modal__btn {
        height: 10px;
        margin-top: 30px;
        position: relative;
        top: 70px;
        margin-bottom: 50px;
    }
}
.wrap .btn {
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: transparent;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.wrap .btn.active {
  background: var(--accent);
  color: #001211;
  border-color: var(--accent);
}
.wrap {
  max-width: 960px;
  margin: 28px auto 64px;
  padding: 0 20px;
  line-height: 1.8;
  color: var(--text);
}
.wrap ul{
  padding-left: 2rem;
}
.wrap ul li{
  list-style: circle;
}
.wrap .panel {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.03),
    rgba(255, 255, 255, 0.02)
  );
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 26px;
}
.wrap h2 {
  margin: 0 0 8px;
  font-size: 28px;
}
.wrap h3 {
  margin: 24px 0 8px;
  font-size: 20px;
}
.wrap .meta {
  color: var(--muted);
  font-size: 14px;
  margin-bottom: 14px;
}
.wrap .muted {
  color: var(--muted);
}
.wrap a {
  color: var(--accent);
}