:root{
      --primary:#388af4;
      --green:#25e677;
      --dark:#111827;
      --light:#f7f9fc;
    }

    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"Roboto",sans-serif;
      color:#333;
      line-height:1.7;
    }
    h1,h2,h3,h4,h5,h6{
      font-family:"Montserrat",sans-serif;
      font-weight:600;
    }
    img{max-width:100%;height:auto}
    section{padding:80px 0}

    .navbar{
      background:#fff;
      box-shadow:0 2px 15px rgba(0,0,0,.08);
      padding:12px 0;
    }

    .navbar-brand img{max-height:55px;width:auto}
.navbar .nav-link {
    color: #222;
    font-weight: 400;
    margin: 0 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
}
    .navbar .nav-link:hover,
    .navbar .nav-link.active{color:var(--primary)}
    .dropdown-menu{border:0;box-shadow:0 10px 30px rgba(0,0,0,.12)}

    
a.btn.btn-dark {
    background: #25e677 !important;
    border: 0px !important;
    letter-spacing: 1px;
    padding: 10px 20px !important;
    color: #fff;
    border-radius: 30px !important;
    line-height: normal;
    outline: none;
    font-size: 16px !important;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-weight: 700;
}

ul.flags li p {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 0;
}

ul.flags li p img {
    width: 25px;
}

  section.contact_page input.wpcf7-form-control.has-spinner.wpcf7-submit.grad_button {
    background: #000;
    background: #25e677 !important;
    border: 0px !important;
    letter-spacing: 1px;
    padding: 10px 20px !important;
    color: #fff;
    border-radius: 30px !important;
    line-height: normal;
    outline: none;
    font-size: 18px !important;
    font-family: 'Roboto';
    transition: all .2s ease-in-out;
}
  ul.address {
  list-style: none;
  padding: 0;
  margin-top: 26px;
}
ul.address li {
  display: block;
  width: 100%;
  margin-bottom: 17px;
}
/*contact page*/
.contact_page .address li i {
    background: #0c4395;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}
.address .flags {
    padding-left: 35px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.address .flags li{
	  margin: 0 10px !important;
    width: 29.3% !important;
}

.address .flags .place {
    font-size: 14px;
    line-height: 1.4;
}

  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
    background: #fff;
    border-bottom: 1px solid #eee;
}
    :root {
      --primary-blue: #0c4395;
      --secondary-blue: #104290;
      --gradient-start: #0700dd;
      --gradient-end: #00f2ff;
      --accent-green: #25e677;
      --accent-hover: #104290;
      --dark-text: #2c3e50;
      --muted-text: #6c757d;
      --bg-light: #f8f9fa;
    }

    body {
      font-family: 'Roboto', sans-serif;
      color: var(--dark-text);
      line-height: 1.7;
      overflow-x: hidden;
    }

    h1, h2, h3, h4, h5, h6, .navbar-brand {
      font-family: 'Montserrat', sans-serif;
    }

    /* Header & Navigation */
    .navbar-custom {
      background-color: #ffffff;
      box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
      padding: 12px 0;
    }

    .navbar-custom .nav-link {
      color: #333333;
      font-weight: 500;
      padding: 8px 16px !important;
      transition: color 0.2s ease-in-out;
    }

    .navbar-custom .nav-link:hover,
    .navbar-custom .nav-link.active {
      color: var(--primary-blue);
    }

    /* Sub-Header Hero Banner */
    .hero-subhead {
      background: linear-gradient(130deg, var(--gradient-start) 0%, var(--gradient-end) 89%);
      position: relative;
      padding: 70px 0 100px;
      color: #ffffff;
    }

    .hero-subhead h1 {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 0;
    }

    .subhead-wave {
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      overflow: hidden;
      line-height: 0;
      transform: rotate(180deg);
      z-index: 2;
    }

    .subhead-wave svg {
      position: relative;
      display: block;
      width: calc(100% + 1.3px);
      height: 60px;
    }

    .subhead-wave .shape-fill {
      fill: #ffffff;
    }

    /* Section Common Styling */
    .section-padding {
      padding: 70px 0;
    }

    .section-title {
      font-size: 2.2rem;
      font-weight: 700;
      color: var(--dark-text);
      margin-bottom: 20px;
    }

    .img-custom-styled {
      border-radius: 24px;
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease;
    }

    .img-custom-styled:hover {
      transform: translateY(-5px);
    }

    /* Custom Pill Button */
    .btn-pill-green {
      background-color: var(--accent-green) !important;
      color: #ffffff !important;
      border: none;
      border-radius: 30px;
      padding: 12px 32px;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.5px;
      transition: all 0.3s ease-in-out;
      display: inline-block;
      text-decoration: none;
    }

    .btn-pill-green:hover {
      background-color: var(--accent-hover) !important;
      color: #ffffff !important;
      box-shadow: 0 8px 20px rgba(16, 66, 144, 0.25);
    }

    /* CTA Section */
    .cta-beyond-section {
    background: linear-gradient(rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.88)),url('https://aboveallmystery.com/abhishek/kvgroup-img/who-we/who_we_are_3-768x683.jpg') center/cover no-repeat;
    color: #ffffff;
    padding: 90px 0;
    text-align: center;
}

    .cta-beyond-section h3 {
      font-size: 2.2rem;
      font-weight: 700;
      margin-bottom: 20px;
    }

    .cta-beyond-section p {
      font-size: 1.1rem;
      max-width: 800px;
      margin: 0 auto 30px;
      opacity: 0.9;
    }






















        :root{
      --primary:#388af4;
      --green:#25e677;
      --dark:#111827;
      --light:#f7f9fc;
    }

    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"Roboto",sans-serif;
      color:#333;
      line-height:1.7;
    }
    h1,h2,h3,h4,h5,h6{
      font-family:"Montserrat",sans-serif;
      font-weight:600;
    }
    img{max-width:100%;height:auto}
    section{padding:80px 0}

    .navbar{
      background:#fff;
      box-shadow:0 2px 15px rgba(0,0,0,.08);
      padding:12px 0;
    }

     section.home_carousel {
    background: url(https://aboveallmystery.com/abhishek/kvgroup-img/home/banner_slide2.jpg);
    padding: 15rem 0;
    text-align: center;
    background-size: cover;
}

    .navbar-brand img{max-height:55px;width:auto}
.navbar .nav-link {
    color: #222;
    font-weight: 400;
    margin: 0 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
}
    .navbar .nav-link:hover,
    .navbar .nav-link.active{color:var(--primary)}
    .dropdown-menu{border:0;box-shadow:0 10px 30px rgba(0,0,0,.12)}

    
a.btn.btn-dark {
    background: #25e677 !important;
    border: 0px !important;
    letter-spacing: 1px;
    padding: 10px 20px !important;
    color: #fff;
    border-radius: 30px !important;
    line-height: normal;
    outline: none;
    font-size: 16px !important;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-weight: 700;
}

ul.flags li p {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 0;
}

ul.flags li p img {
    width: 25px;
}

    .hero{
      min-height:600px;
      display:flex;
      align-items:center;
      text-align:center;
      color:#fff;
      background:
        linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),
        url("https://aboveallmystery.com/abhishek/kvgroup-img/home/banner_slide2.jpg")
        center/cover no-repeat;
    }
    .hero h5{font-size:22px;letter-spacing:1px;font-weight:500}
    .hero h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:500;line-height:1.2}
    .btn-main{
      display:inline-flex;
      align-items:center;
      gap:10px;
      background:var(--green);
      color:#fff;
      border:0;
      border-radius:25px;
      padding:10px 28px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:1px;
    }
    .btn-main:hover{background:#18c968;color:#fff}

    .section-label{
      /* display:inline-block; */
      font-size:13px;
      font-weight:700;
      /* text-transform:uppercase; */
      /* color:var(--primary); */
      /* letter-spacing:1px; */
      /* margin-bottom:10px; */
      text-transform: uppercase;
      font-size: 11px;
      letter-spacing: 3px;
      margin-bottom: 0px;
    }
    .section-title{margin-bottom:20px}
    .about-img{border-radius:10px}
    .small-img{border-radius:10px;margin-top:25px}

    .digital-section{
      background:linear-gradient(135deg,#f5f8ff,#fff);
      position:relative;
      overflow:hidden;
    }
    .quote{
      border-left:4px solid var(--primary);
      padding:15px 20px;
      margin-top:25px;
      background:#fff;
      font-style:italic;
      box-shadow:0 5px 20px rgba(0,0,0,.06);
    }

    .service-card{
      height:100%;
      padding:35px 25px;
      border:1px solid #eee;
      background:#fff;
      text-align:center;
      transition:.3s;
      border-radius:10px;
    }
    .service-card:hover{
      transform:translateY(-7px);
      box-shadow:0 15px 35px rgba(0,0,0,.10);
    }
    .service-card img{
      height:70px;
      width:70px;
      object-fit:contain;
      margin-bottom:20px;
    }
    .service-card h4{font-size:19px}
    .service-card p{color:#666;font-size:15px}

    .ceo-section{background:#fafafa}
    .ceo-image{max-height:510px;object-fit:contain}

    .testimonials{
      color:#fff;
      background:
        linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
        url("https://aboveallmystery.com/abhishek/kvgroup-img/home/testimonial_bg.jpg")
        center/cover fixed no-repeat;
    }
    .testimonial-item{
      max-width:850px;
      margin:auto;
      text-align:center;
      padding:35px 25px 60px;
    }
    .testimonial-item .quote-icon{
      font-size:70px;
      line-height:.7;
      opacity:.7;
    }
    .avatar{
      width:85px;
      height:85px;
      object-fit:cover;
      border-radius:50%;
      margin:20px auto 12px;
      border:4px solid rgba(255,255,255,.7);
    }

    .tabs-section{background:#f9f9f9}
    .tab-pane{padding:35px 0}
    .tab-pane img{border-radius:10px}

    .news-card{
      min-height:280px;
      padding:30px;
      color:#fff;
      background-size:cover;
      background-position:center;
      position:relative;
      overflow:hidden;
    }
    .news-card::before{
      content:"";
      position:absolute;
      inset:0;
      background:rgba(0,0,0,.55);
    }
    .news-card > div{position:relative;z-index:1}
    .news-card h3{font-size:21px}
    .news-card p{font-size:14px}

.contact-cta {
    text-align: center;
    padding: 3rem 0;
}
    footer{
      background: #104290;
      color:#cbd5e1;
      padding:70px 0 30px;
    }
    footer h5{
      color:#fff;
      margin-bottom:20px;
      text-transform:uppercase;
    }
    footer a{color:#cbd5e1;text-decoration:none}
    footer a:hover{color:#fff}
    .footer-logo{max-width:190px;margin-bottom:20px}
    .footer-gallery{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:8px;
    }
    .footer-gallery img{
      width:100%;
      aspect-ratio:1;
      object-fit:cover;
      border-radius:4px;
    }
    .social a{
      display:inline-flex;
      width:38px;height:38px;
      align-items:center;justify-content:center;
      border:1px solid #475569;
      border-radius:50%;
      margin-right:7px;
    }
    .copyright{
      border-top:1px solid #334155;
      margin-top:40px;
      padding-top:20px;
      text-align:center;
      font-size:14px;
    }
    #toTop{
      position:fixed;
      right:20px;
      bottom:20px;
      width:45px;height:45px;
      display:none;
      align-items:center;justify-content:center;
      border:0;border-radius:50%;
      background:var(--primary);
      color:#fff;
      z-index:999;
    }

.wpb_wrapper.n:after {
    position: absolute;
    top: -35px;
    left: 30px;
    width: 70px;
    height: 56px;
    background: #fff;
    text-align: center;
    font: normal normal normal 14px / 1 FontAwesome;
    content: "\f10d";
    font-size: 56px;
    color: #25e677;
}
.company_video {
    clip: rect(0px, 0px, 0rem, 0px);
    background: url(https://aboveallmystery.com/abhishek/kvgroup-img/home/sddefault.jpg);
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
    clip-path: polygon(0% 5.21%, 49.52% 14.15%, 100% 5.21%, 100% 50%, 100% 94.79%, 50% 88.88%, 5.56% 94.44%, 0% 94.44%, 0% 50%);
    background-color: #47d2eb;
}
.raw_shapes #squareBox{
    fill: #fff;
    animation: fillSquare 0.5s linear infinite;
    animation-name: fillSquare;
    animation-fill-mode: forwards;
    animation-duration: 5s;
    fill-opacity: 0;
    stroke-width: 2px;
    stroke-dasharray: 870;
    stroke-dashoffset: 870;
    animation-direction: alternate;
}
.raw_shapes #triangleBox{
    fill: #fff;
    animation: fillTriangle 0.5s linear infinite;
    animation-name: fillTriangle;
    animation-fill-mode: forwards;
    animation-duration: 5s;
    fill-opacity: 0;
    stroke-width: 2px;
    stroke-dasharray: 870;
    stroke-dashoffset: 870;
    animation-direction: alternate;
}
.raw_shapes .pink_circle{
    position: absolute;
    right: 20px;
    bottom: 150px;
    z-index: 2;
}
.raw_shapes .triangle{
    position: absolute;
    left: 10px;
    bottom: 150px;
    z-index: 2;
}

.raw_shapes  .lapy {
    position: absolute;
    z-index: 9;
    top: 82px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    transform: rotate(-10deg);
}



.section-label + h2 {
    color: #2E354E;
    font-weight: 600;
}
    section#clients {
        padding: 0;
    }

.home_carousel h1 {
    font-weight: 700;
    font-size: 2.5rem;
}

.home_carousel h4 {
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 22px;
}


    @media(max-width:767px){
      section{padding:24px 0}
      .hero{min-height:520px}
      .hero h1{font-size:2.25rem}
      .navbar-brand img{max-height:45px}
      .row {
        margin-right: 0;
        margin-left: 0;
      }
      .home_carousel h1 {   font-size: 1.5rem;    }
      section.home_carousel {
          background-position: right;
          padding: 3rem 0;
      }
    }