:root{
  --tg-primary-color:#9333ea;
  --tg-secondary-color:#26163c;
  --tg-body-font-color:#6d7688;
  --tg-heading-font-color:#26163c;
  --tg-paragraph-color:#6d7688;
  --tg-section-background:#f7f2ff;
  --tg-blue:#1f6fff;
  --tg-metallic-blue:#5b5cf6;
  --tg-cornflower-blue:#d6e3ff;
  --tg-steel-blue:#b7bfd3;
  --tg-lavender:#eef4ff;
  --tg-gray:#f8f5ff;
  --tg-gray-two:#f3f7ff;
  --tg-gray-three:#a7b0c2;
  --tg-gray-four:#667085;
  --tg-border-color:#eadcf8;
  --cr-grad:linear-gradient(135deg,#ff9a00 0%,#ff6b11 18%,#ff5a4f 36%,#ec1f9b 58%,#9333ea 80%,#1f6fff 100%);
  --cr-grad-dark:linear-gradient(135deg,#26163c 0%,#4c1d95 55%,#1f6fff 100%);
  --cr-soft:linear-gradient(180deg,#fff8f1 0%,#fff4fb 48%,#eef5ff 100%);
  --cr-soft-card:linear-gradient(180deg,rgba(255,255,255,.98) 0%, rgba(255,249,252,.98) 52%, rgba(242,247,255,.98) 100%);
  --cr-shadow:0 18px 45px rgba(64,35,122,.10);
  --cr-shadow-strong:0 24px 60px rgba(64,35,122,.14);
}

body{
  color:var(--tg-body-font-color);
}

::selection{
  background:#ec1f9b;
  color:#fff;
}

a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover{
  color:#ec1f9b;
}

.btn{
  background:var(--cr-grad);
  box-shadow:0 14px 28px rgba(147,51,234,.18);
}
.btn::before{
  background:rgba(255,255,255,.18);
}
.btn:hover{
  filter:brightness(.98);
}
.transparent-btn,
.transparent-btn-two{
  border-color:#9333ea;
  color:#9333ea;
}
.transparent-btn-two:hover{
  background:var(--cr-grad);
  border-color:transparent;
}
.btn-three:hover,
.cta-inner-wrap-three .btn-three:hover,
.header-action .header-btn .btn:hover{
  background:var(--cr-grad);
  border-color:transparent;
  color:#fff;
}
.header-action .header-btn .btn{
  background:var(--cr-grad);
  color:#fff;
  box-shadow:0 12px 24px rgba(147,51,234,.14);
}

.scroll-top{
  background:var(--cr-grad);
  border-radius:12px;
  box-shadow:0 10px 24px rgba(147,51,234,.18);
}
.scroll-top:hover{
  background:var(--cr-grad-dark);
}

.header-style-six .menu-area,
.header-style-two .menu-area,
.header-style-four .menu-area,
.sticky-menu,
.menu-area{
  border-bottom:1px solid rgba(234,220,248,.8);
}
.sticky-menu{
  box-shadow:0 14px 35px rgba(64,35,122,.10);
}

.navbar-wrap > ul > li.active > a,
.navbar-wrap > ul > li:hover > a,
.navbar-wrap ul li .sub-menu > li.active > a,
.navbar-wrap ul li .sub-menu li a:hover,
.header-contact a:hover,
.header-social .list-wrap li a:hover,
.header-action ul li.header-search a:hover,
.breadcrumb-content .breadcrumb-item a:hover{
  color:#ec1f9b;
}
.navbar-wrap > ul > li.menu-item-has-children:hover > a::after,
.navbar-wrap > ul > li.menu-item-has-children.active > a::after,
.navbar-wrap ul li .sub-menu li a::before{
  color:#ec1f9b;
  background:#ec1f9b;
}
.navbar-wrap ul li .sub-menu{
  border-color:#f0e5fa;
  box-shadow:0 18px 42px rgba(64,35,122,.10);
}

.slider-content .sub-title,
.banner-content-two .sub-title,
.banner-content-four .sub-title,
.section-title .sub-title,
.section-title-two span,
.section-title-three .sub-title{
  color:#2956d8;
}
.section-title .sub-title::before,
.footer-widget .fw-title::before{
  background:var(--cr-grad);
}
.section-title-two span{
  background:#eef4ff;
  border:1px solid #bfd3ff;
  box-shadow:0 8px 18px rgba(31,111,255,.08);
}
.section-title .title,
.section-title-two .title,
.breadcrumb-content .title,
h1,h2,h3,h4,h5,h6{
  color:#26163c;
}
.section-title p,
.about-content p,
.about-content-three p,
.features-content p,
.services-content p,
.testimonial-content p,
.contact-content p,
.blog-post-content p,
.breadcrumb-content .breadcrumb-item a,
.copyright-text p{
  color:#6d7688;
}

/* cards & blocks */
.features-item,
.features-item-three,
.services-item,
.services-item-two,
.project-item,
.project-item-wrap,
.pricing-box,
.testimonial-item,
.testimonial-item-wrap,
.team-item,
.team-item-three,
.contact-form,
.contact-info-item,
.services-widget,
.services-sidebar-contact,
.services-brochure-wrap,
.blog-post-item,
.blog-sidebar,
.comment-respond,
.faq-content .accordion-item,
.about-content-two,
.request-content-right{
  background:var(--cr-soft-card);
  border:1px solid var(--tg-border-color);
  box-shadow:var(--cr-shadow);
}

.pricing-box.active,
.services-item:hover,
.features-item-three:hover,
.team-item-three:hover,
.project-item:hover{
  box-shadow:var(--cr-shadow-strong);
}

.features-icon-three,
.contact-info-item .icon,
.footer-info .list-wrap li .icon,
.team-social .list-wrap li a:hover,
.team-social-three .list-wrap li a:hover,
.footer-social .list-wrap li a:hover,
.services-item .icon,
.services-item-two .icon,
.about-list-two .list-wrap li i,
.pricing-price .price,
.pricing-box.active .pricing-btn .btn,
.accordion-button:not(.collapsed)::after{
  color:#ec1f9b;
}

/* soft icon backgrounds */
.features-icon-three,
.contact-info-item .icon,
.services-widget-form,
.services-sidebar-contact,
.footer-social .list-wrap li a,
.team-social .list-wrap li a,
.team-social-three .list-wrap li a{
  background-color:#fff;
}

/* accordion / form */
.accordion-item,
.accordion-button,
input,
textarea,
select,
.form-grp input,
.form-grp textarea,
.contact-form .form-grp input,
.contact-form .form-grp textarea,
.services-widget-form .form-grp input,
.services-widget-form .form-grp textarea{
  border-color:var(--tg-border-color) !important;
}
.contact-form .form-grp input:focus,
.contact-form .form-grp textarea:focus,
.services-widget-form .form-grp input:focus,
.services-widget-form .form-grp textarea:focus,
input:focus,
textarea:focus,
select:focus{
  border-color:#ec1f9b !important;
  box-shadow:0 0 0 4px rgba(236,31,155,.08) !important;
}
.submit-btn,
.request-btn .btn,
.pricing-btn .btn,
.download-btn,
.view-all-btn .btn{
  background:var(--cr-grad);
  color:#fff;
}
.submit-btn:hover,
.download-btn:hover{
  background:var(--cr-grad-dark);
  color:#fff;
}

/* footer / dark areas */
.footer-area,
.footer-area-three,
.footer-bg,
.footer-bg-two{
  position:relative;
}
.footer-area::before,
.footer-area-three::before,
.footer-bg::before,
.footer-bg-two::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(38,22,60,.92) 0%, rgba(76,29,149,.90) 48%, rgba(31,111,255,.86) 100%);
  pointer-events:none;
}
.footer-area > .container,
.footer-area-three > .container,
.footer-bg > .container,
.footer-bg-two > .container{
  position:relative;
  z-index:1;
}
.footer-top,
.footer-bottom,
.footer-bottom-two,
.footer-bottom-three{
  position:relative;
  z-index:1;
}
.footer-social .list-wrap li a{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);
}
.footer-social .list-wrap li a:hover{
  background:var(--cr-grad);
}
.footer-widget .fw-title,
.footer-link .list-wrap li a:hover,
.footer-info .list-wrap li .content a:hover,
.footer-info .list-wrap li .content p span,
.footer-bottom .f-logo a{
  color:#fff;
}
.footer-info .list-wrap li .content a,
.footer-info .list-wrap li .content p,
.footer-link .list-wrap li a,
.footer-top-three .footer-content > p,
.copyright-text p,
.footer-newsletter p,
.footer-newsletter span{
  color:rgba(255,255,255,.78);
}
.footer-bottom{
  border-top-color:rgba(255,255,255,.14);
}

/* breadcrumb / dark image sections */
.breadcrumb-area,
.breadcrumb-bg,
.request-area,
.request-bg,
.contact-area,
.contact-bg,
.counter-area,
.counter-bg,
.cta-bg,
.cta-bg02,
.cta-bg03,
.testimonial-bg,
.project-bg,
.project-bg02{
  position:relative;
}
.breadcrumb-area::before,
.request-area::before,
.contact-area::before,
.counter-area::before,
.cta-bg::before,
.cta-bg02::before,
.cta-bg03::before,
.testimonial-bg::before,
.project-bg::before,
.project-bg02::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(38,22,60,.70) 0%, rgba(147,51,234,.45) 45%, rgba(31,111,255,.32) 100%);
  pointer-events:none;
}
.breadcrumb-area > .container,
.request-area > .container,
.contact-area > .container,
.counter-area > .container,
.testimonial-area > .container,
.project-area > .container{
  position:relative;
  z-index:1;
}

/* misc accents */
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default{
  color:#2956d8;
}
.link-btn,
.view-all-btn a,
.blog-post-content .link-btn:hover,
.project-content .link-btn:hover{
  color:#ec1f9b;
}
.services-thumb .btn,
.pricing-box.active .pricing-btn .btn{
  background:var(--cr-grad);
}
.services-thumb .btn::before,
.pricing-box.active .pricing-btn .btn::before{
  background:rgba(255,255,255,.18);
}

/* give white sections a softer modern background without changing layout */
section:not(.footer-area):not(.footer-area-three):not(.breadcrumb-area):not(.request-area):not(.contact-area):not(.counter-area):not(.testimonial-area):not(.project-area):not(.services-area-five):not(.slider-area){
  background-color:transparent;
}

@media (max-width: 991px){
  .header-style-six .menu-area,
  .header-style-two .menu-area,
  .header-style-four .menu-area{
    border-bottom:none;
  }
}