:root{
      --primary:#8d5fd3;
      --secondary:#6fd2d4;
      --light-purple:#f7f2ff;
      --light-pink:#fff5f7;
      --light-blue:#eefbfb;
      --dark:#1f2340;
      --text:#5d6475;
    }
    
    a
    {
        text-decoration:none;    
    }

    *{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    body{
      font-family:'DM Sans', sans-serif;
      color:var(--text);
      background:#fff;
      overflow-x:hidden;
    }

    h1,h2,h3,h4,h5{
      font-family:'Playfair Display', serif;
      color:var(--dark);
    }

    section{
      padding:50px 0;
    }

    .navbar{
      padding:20px 0;
      background:#fff;
    }

    .navbar-brand{
      font-weight:700;
      color:var(--dark);
      font-size:28px;
    }

    .navbar-brand span{
      color:var(--primary);
    }

    .nav-link{
      color:var(--dark);
      font-weight:500;
      margin:0 10px;
    }

    .appointment-btn
    {
      background: linear-gradient(135deg,var(--primary),#b184f0);
      padding: 10px 20px;
      color: #fff;
      border-radius: 5px;
      text-decoration: none;
    }

    .btn-main{
      background:linear-gradient(135deg,var(--primary),#b184f0);
      color:#fff;
      padding:14px 28px;
      border-radius:5px;
      border:none;
      font-weight:600;
      text-decoration:none;
      transition:.3s;
      display:inline-block;
    }

    .btn-main:hover{
      transform:translateY(-2px);
      color:#fff;
    }

    /* HERO */

    .hero{
      background:#fdfcf7;
      position:relative;
    }

    .hero h1{
      font-size:68px;
      line-height:1.1;
      margin-bottom:25px;
    }

    .hero h1 span{
      color:var(--primary);
    }

    .hero p{
      font-size:18px;
      line-height:1.8;
      margin-bottom:35px;
      max-width:600px;
    }

    .hero-image img{
      width:100%;
      border-radius:30px;
    }

    .feature-box{
      text-align:center;
      
    }

    .feature-icon{
      width:80px;
      height:80px;
      border-radius:50%;
      background:var(--light-purple);
      display:flex;
      align-items:center;
      justify-content:center;
      margin:auto auto 15px;
      font-size:32px;
      color:var(--primary);
    }

    .feature-box h6{
      font-weight:700;
      color:var(--dark);
    }

    /* ABOUT */

    .about{
      background:#fff;
    }

    .section-tag{
      color:var(--primary);
      font-weight:700;
      letter-spacing:1px;
      margin-bottom:0px;
      text-transform:uppercase;
      font-size:14px;
    }

    .section-title{
      font-size:34px;
      line-height:1.3;
      margin-bottom:25px;
    }

    .about-img img{
      border-radius:25px;
      width:100%;
    }

    .check-list{
      list-style:none;
      padding:0;
    }

    .check-list li{
      margin-bottom:15px;
      font-weight:500;
    }

    .check-list i{
      color:var(--primary);
      margin-right:10px;
    }

    /* SERVICES */

    .services{
      background:linear-gradient(to bottom,#fff,#fbf9ff);
    }

    .service-card{
      background:#fff;
      border-radius:22px;
      padding:35px 25px;
      height:100%;
      border:1px solid #f0e8ff;
      transition:.4s;
      text-align:center;
    }

    .service-card:hover{
      transform:translateY(-10px);
      box-shadow:0 20px 40px rgba(141,95,211,.12);
    }

    .service-icon{
      width:90px;
      height:90px;
      margin:auto auto 20px;
      border-radius:50%;
      background:var(--light-purple);
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:36px;
      color:var(--primary);
    }

    .service-card h5{
      margin-bottom:15px;
    }

    /* APPROACH */

    .approach{
      background:var(--light-blue);
    }

    .step-card{
      background:#fff;
      padding:30px 20px;
      border-radius:22px;
      text-align:center;
      height:100%;
    }

    .step-number{
      width:60px;
      height:60px;
      border-radius:50%;
      background:var(--light-purple);
      color:var(--primary);
      display:flex;
      align-items:center;
      justify-content:center;
      margin:auto auto 15px;
      font-weight:700;
      font-size:22px;
    }

    /* EXPERTISE */

    .expertise{
      background:linear-gradient(135deg,#f9f4ff,#fff);
    }

    .expert-box{
      text-align:center;
      padding:30px;
    }

    .expert-icon{
      font-size:42px;
      color:var(--primary);
      margin-bottom:20px;
    }

    /* TESTIMONIAL */

    .testimonial{
      background:#fff;
    }

    .testimonial-card{
      background:#fff;
      border-radius:22px;
      padding:35px;
      box-shadow:0 10px 30px rgba(0,0,0,.06);
      height:100%;
    }

    .stars{
      color:#ffc107;
      margin-bottom:15px;
    }

    /* CONTACT */

    .contact{
      background:linear-gradient(to right,#faf7ff,#fff);
    }

    .contact-box{
      background:#fff;
      padding:40px;
      border-radius:25px;
      box-shadow:0 15px 40px rgba(0,0,0,.05);
    }

    .form-control{
      height:56px;
      border-radius:14px;
      border:1px solid #e6dfff;
      margin-bottom:20px;
    }

    textarea.form-control{
      height:140px;
    }

    footer{
      background:#1e2140;
      color:#fff;
      padding:25px 0;
      text-align:center;
    }

    @media(max-width:991px){

      .hero{
        text-align:center;
      }

      .hero h1{
        font-size:48px;
      }

      .section-title{
        font-size:38px;
      }

      .hero-image{
        margin-top:40px;
      }

    }

    @media(max-width:576px){

      .hero h1{
        font-size:38px;
      }

      .section-title{
        font-size:30px;
      }

    }