/* ============================================================
   INNOVIFY SOFT — TEAL + LAVENDER THEME
   Inspired by supplied reference: clean white UI, aqua/teal CTAs,
   soft lavender/violet feature surfaces, deep navy text.
   ============================================================ */
:root{
  --is-teal:#06dcbf;
  --is-teal-dark:#04bfa8;
  --is-teal-soft:#dffaf5;
  --is-lavender:#9a9ce0;
  --is-violet:#7f82d8;
  --is-lavender-soft:#f0f0fc;
  --is-navy:#070e22;
  --is-navy-2:#111a35;
  --is-text:#15182b;
  --is-muted:#6e7385;
  --is-white:#ffffff;
  --is-light:#f6f7f9;
  --is-border:#e8e9f1;
  --is-gradient:linear-gradient(135deg,#a8aae8 0%,#9295df 48%,#7d80d6 100%);
  --is-accent-gradient:linear-gradient(135deg,#06dcbf 0%,#2dd6c1 100%);
}

html{scroll-behavior:smooth;}
body{background:#fff;color:var(--is-text);}
a{transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease;}

/* Header — clean white like the supplied reference */
.top_bar,
.header_main_sec,
.header_navbar,
.top-fix11,
.fixed{
  background:#fff !important;
}
.header_main_sec{box-shadow:0 8px 24px rgba(7,14,34,.06);}
.fixed{box-shadow:0 8px 24px rgba(7,14,34,.10) !important;}
.navbar_custom .navbar-nav>li>a,
li.header_cta a,
ul.socialicons li a{color:var(--is-navy) !important;}
.navbar_custom .navbar-nav>li>a:hover,
.navbar_custom .navbar-nav>li>a:focus,
.navbar_custom .navbar-nav>li.active>a,
.navbar_custom .navbar-nav>li.active-nav>a,
li.header_cta a:hover,
ul.socialicons li a:hover{color:var(--is-teal-dark) !important;border-bottom-color:var(--is-teal) !important;}
.navbar_custom .dropdown-menu{border:1px solid var(--is-border);box-shadow:0 16px 40px rgba(7,14,34,.12);}
.navbar_custom .dropdown-menu>li>a:hover{background:var(--is-teal-soft) !important;color:var(--is-navy) !important;}

/* Header CTAs */
.header_btn .btn_yellow,
.header_btn .btn_blue,
a.btn_yellow,
a.btn_blue{
  background:var(--is-accent-gradient) !important;
  color:#fff !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  box-shadow:0 8px 22px rgba(6,220,191,.18);
}
.header_btn .btn_yellow:hover,
.header_btn .btn_blue:hover,
a.btn_yellow:hover,
a.btn_blue:hover{
  background:var(--is-navy) !important;
  color:#fff !important;
  transform:translateY(-1px);
}

/* Global button family */
.blue_btn,.yellow_btn,.tr_btn_blue,
.price-btn .get-started,.price-btn .live-cht,
.packages_tel,.view-del-btn .blue_btn,
button[type="submit"],input[type="submit"]{
  background:var(--is-accent-gradient) !important;
  border-color:var(--is-teal) !important;
  color:#fff !important;
}
.blue_btn:hover,.yellow_btn:hover,.tr_btn_blue:hover,
.price-btn .get-started:hover,.price-btn .live-cht:hover,
button[type="submit"]:hover,input[type="submit"]:hover{
  background:var(--is-navy) !important;
  border-color:var(--is-navy) !important;
  color:#fff !important;
}
.tr_btn{border-color:#fff !important;color:#fff !important;background:linear-gradient(to left,transparent 50%,var(--is-teal) 50%) !important;background-size:212% !important;background-position:right bottom !important;}
.tr_btn:hover{background-position:left bottom !important;border-color:var(--is-teal) !important;color:var(--is-navy) !important;}
.wht_btn{color:var(--is-teal-dark) !important;}

/* Hero / main banners — lavender-violet visual family */
.banner_main{
  background-image:linear-gradient(135deg,rgba(165,168,233,.90),rgba(126,129,217,.92)),url(../images/hero-bg.jpg) !important;
  background-blend-mode:normal !important;
}
.banner_main,[class^="banner_"],[class*=" banner_"]{
  --theme-banner-tint:rgba(137,140,222,.36);
}
.banner_logodesign,.banner_video,.banner_ecomwendisgn,.banner_webdesign,
.banner_logoanimation,.banner_packages,.banner_portfolio,.banner_seo,
.banner_smm,.banner_orm,.banner_branding,.banner_contentwriting,
.banner_mobileapp,.banner_webapp{
  background-color:#888bda !important;
  background-blend-mode:soft-light !important;
}
.banner_box h1 span,.banner_box h2 span,.banner_box h3 span{color:#fff !important;}
.banner_box h1,.banner_box h2,.banner_box h3,.banner_box h4,.banner_box p{color:#fff !important;}

/* Soft section surfaces */
.client_logo{background:var(--is-lavender-soft) !important;}
.h_service_sec,.process_sec,.price-sec,.consultation_services_sec{background-color:#fff;}
.h_service_box,.price-bx,.consultation_services_box,.card{
  border:1px solid var(--is-border);
  box-shadow:0 12px 30px rgba(7,14,34,.08) !important;
}
.h_service_box{background:#fff !important;}
.h_service_box:hover{
  background-image:linear-gradient(135deg,rgba(154,156,224,.95),rgba(127,130,216,.95)),url(../images/h-ser-img-hover.png) !important;
  background-size:cover !important;
}
.h_service_box:hover h3,.h_service_box:hover h4,.h_service_box:hover p{color:#fff !important;}

/* Portfolio / content feature backgrounds */
.portfolio_sec{
  background-color:#f2f2fb !important;
  background-blend-mode:screen !important;
}
.portfoilo_boxes .nav-tabs>li>a{border-radius:999px !important;}
.portfoilo_boxes .nav-tabs>li.active>a,
.portfoilo_boxes .nav-tabs>li>a:hover{
  background:var(--is-teal) !important;
  color:#fff !important;
  border-color:var(--is-teal) !important;
}

/* Stats / badges */
.satisfied_clients_box,
.price-bx:hover,
.review_footer,
.iconic-sec .iconic-box:hover{
  background:var(--is-gradient) !important;
}

/* CTA bands inspired by the reference lavender panel */
section.cta_sec,.cta_sec2,.cta-sec-industry{
  background-image:var(--is-gradient) !important;
  background-color:var(--is-lavender) !important;
}
section.cta_sec h2,section.cta_sec h3,section.cta_sec h4,section.cta_sec h5,
section.cta_sec p,.cta_sec2 h2,.cta_sec2 h3,.cta_sec2 p,
.cta-sec-industry h2,.cta-sec-industry p{color:#fff !important;}

/* Contact areas */
.contact_sec,.contact_section,.contact-us-sec,.contact_form_sec,
.home-contact-sec,.hp-contact-sec{
  background-color:var(--is-lavender-soft) !important;
}
.header-form-st{background:var(--is-gradient) !important;border-color:var(--is-lavender) !important;}
.header-form-st h3,.header-form-st i{color:#fff !important;}
input:focus,textarea:focus,select:focus{border-color:var(--is-teal) !important;box-shadow:0 0 0 3px rgba(6,220,191,.12) !important;outline:none !important;}

/* Packages/pricing */
.price-bx h3:before,.price-list::-webkit-scrollbar-thumb{background:var(--is-teal) !important;}
.price-bx:hover h2,.price-bx:hover h3,.price-bx:hover li,.price-bx:hover strike{color:#fff !important;}
.price-amount h2,.cmb-price-div h2{color:var(--is-navy) !important;}

/* Headings, links, accents */
.title h2,.hd-txt h2,.hd-txt h3,h1,h2,h3,h4,h5,h6{color:var(--is-navy);}
.title h2 span,.hd-txt h2 span,.hd-txt h3 span,
.clr_blue,.blue-text,.text-blue{color:var(--is-teal-dark) !important;}
a:not(.tr_btn):not(.blue_btn):not(.yellow_btn):not(.wht_btn):not(.btn_blue):not(.btn_yellow):hover{color:var(--is-teal-dark);}

/* Footer — deep navy with teal/lavender accents */
.footer{
  background-color:var(--is-navy) !important;
  background-blend-mode:multiply !important;
}
.footer,.footer p,.footer li,.footer h4,.footer h5,.footer h6,.footer a{color:#fff !important;}
.footer h4:after,.footer h5:after,.footer_bottom:before{background:var(--is-teal) !important;}
.footer ul li a:hover,.footer p a:hover{color:var(--is-teal) !important;}
.footer_bottom{background:var(--is-navy-2) !important;}

/* Floating / side contact UI */
[class*="side"].chat,[class*="floating"],[class*="journey"],.floating-form,.side-bar,
.chat_wrap,.live-chat,.fixed-side-btn{
  border-color:var(--is-teal) !important;
}

/* Common inherited legacy brand colors */
.text-primary{color:var(--is-teal-dark) !important;}
.bg-primary,.bg-info{background-color:var(--is-teal) !important;}
.border-primary{border-color:var(--is-teal) !important;}

/* Mobile */
@media(max-width:991px){
  .head_top,.mobile-top,.navbar-defult,.navbar-collapse{background:#fff !important;}
  .head_top .navbar-nav>li>a,.mobile-top .navbar-nav>li>a{color:var(--is-navy) !important;}
  .navbar-toggle{border-color:var(--is-teal) !important;background:var(--is-teal) !important;}
  .navbar-toggle .icon-bar{background:#fff !important;}
}