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

 html,
 body {
   overflow-x: hidden;
   font-family: 'Inter', sans-serif;
   background: #f8fafc;
 }

 h1,
 h2,
 h3,
 h4 {
   font-family: 'Playfair Display', serif;
 }

 /* =========================
       NAVBAR
    ========================== */

 .navbar {

   position: fixed;
   top: 0;
   left: 0;

   width: 100%;

   z-index: 999;

   padding: 18px 0;

   transition: .4s ease;
 }

 .navbar.scrolled {

   background: rgba(15, 23, 42, .82);

   backdrop-filter: blur(16px);

   box-shadow: 0 10px 35px rgba(0, 0, 0, .12);
 }

 .navbar-brand {

   color: #fff;
   font-size: 34px;
   font-weight: 800;
 }

 .navbar-brand span {
   color: #06b6d4;
 }

 .nav-link {

   color: #fff !important;

   margin-left: 22px;

   font-weight: 500;

   transition: .3s;
 }

 .nav-link:hover {
   color: #67e8f9 !important;
 }

 .nav-btn {

   background: linear-gradient(135deg, #2563eb, #06b6d4);

   color: #fff;

   border: none;

   padding: 14px 28px;

   border-radius: 50px;

   font-weight: 600;

   margin-left: 25px;

   transition: .4s;

   box-shadow: 0 15px 35px rgba(37, 99, 235, .35);
 }

 .nav-btn:hover {
   transform: translateY(-4px);
 }

 /* =========================
       HERO SECTION
    ========================== */

 .hero {

   min-height: 100vh;

   background:
     linear-gradient(rgba(15, 23, 42, .82), rgba(15, 23, 42, .82)),
     url('https://images.unsplash.com/photo-1579154204601-01588f351e67?q=80&w=1600&auto=format&fit=crop');

   background-size: cover;
   background-position: center;

   display: flex;
   align-items: center;

   position: relative;

   padding-top: 120px;

   overflow: hidden;
 }

 /* Gradient Blobs */

 .blob {

   position: absolute;

   border-radius: 50%;

   filter: blur(120px);

   opacity: .18;
 }

 .blob1 {

   width: 320px;
   height: 320px;

   background: #2563eb;

   top: -100px;
   left: -100px;
 }

 .blob2 {

   width: 280px;
   height: 280px;

   background: #06b6d4;

   bottom: -100px;
   right: -100px;
 }

 .hero-content {
   position: relative;
   z-index: 2;
 }

 .hero-subtitle {

   color: #67e8f9;

   letter-spacing: 2px;

   text-transform: uppercase;

   font-size: 14px;

   font-weight: 700;

   margin-bottom: 22px;
 }

 .hero-title {

   color: #fff;

   font-size: 72px;

   line-height: 1.12;

   font-weight: 800;

   margin-bottom: 28px;
 }

 .hero-title span {
   color: #06b6d4;
 }

 .hero-text {

   color: #cbd5e1;

   font-size: 18px;

   line-height: 1.9;

   max-width: 650px;

   margin-bottom: 42px;
 }

 .hero-buttons {

   display: flex;
   gap: 20px;
   flex-wrap: wrap;
 }

 .primary-btn {

   background: linear-gradient(135deg, #2563eb, #06b6d4);

   color: #fff;

   border: none;

   padding: 18px 36px;

   border-radius: 50px;

   font-weight: 700;

   transition: .4s;

   box-shadow: 0 15px 35px rgba(37, 99, 235, .35);
 }

 .primary-btn:hover {
   transform: translateY(-5px);
 }

 .outline-btn {

   background: transparent;

   color: #fff;

   border: 1px solid rgba(255, 255, 255, .2);

   padding: 18px 36px;

   border-radius: 50px;

   backdrop-filter: blur(10px);

   font-weight: 600;

   transition: .4s;
 }

 .outline-btn:hover {

   background: #fff;

   color: #0f172a;
 }

 /* =========================
       HERO STATS
    ========================== */

 .hero-stats {

   margin-top: 60px;

   display: flex;
   gap: 25px;
   flex-wrap: wrap;
 }

 .stat-box {

   background: rgba(255, 255, 255, .08);

   border: 1px solid rgba(255, 255, 255, .1);

   backdrop-filter: blur(12px);

   padding: 22px 28px;

   border-radius: 24px;

   min-width: 180px;
 }

 .stat-box h3 {

   color: #fff;

   font-size: 34px;

   margin-bottom: 6px;
 }

 .stat-box p {

   color: #cbd5e1;

   margin: 0;
 }

 /* =========================
       MOBILE NAVBAR
    ========================== */

 @media(max-width:992px) {

   .navbar {

     background: rgba(15, 23, 42, .9);

     backdrop-filter: blur(12px);
   }

   .navbar-collapse {

     background: rgba(15, 23, 42, .96);

     padding: 25px;

     border-radius: 24px;

     margin-top: 15px;
   }

   .nav-link {

     margin-left: 0;

     padding: 12px 0;
   }

   .nav-btn {

     margin-left: 0;

     margin-top: 15px;

     width: 100%;
   }
 }

 /* =========================
       RESPONSIVE
    ========================== */

 @media(max-width:768px) {

   .hero {

     padding-top: 140px;
     padding-bottom: 80px;

     min-height: auto;
   }

   .hero-title {
     font-size: 46px;
   }

   .hero-text {
     font-size: 16px;
   }

   .hero-buttons {
     flex-direction: column;
   }

   .primary-btn,
   .outline-btn {
     width: 100%;
   }

   .hero-stats {
     flex-direction: column;
   }

   .stat-box {
     width: 100%;
   }

 }

 /* =========================
   SERVICES SECTION
========================= */

 .services-section {

   padding: 110px 0;

   background: #ffffff;

   position: relative;
 }

 .section-subtitle {

   color: #06b6d4;

   text-transform: uppercase;

   letter-spacing: 2px;

   font-size: 14px;

   font-weight: 700;
 }

 .section-title {

   font-size: 54px;

   line-height: 1.3;

   color: #0f172a;

   margin-top: 15px;

   font-weight: 800;
 }

 /* Cards */

 .service-card {

   background: #ffffff;

   padding: 45px 35px;

   border-radius: 30px;

   border: 1px solid #e2e8f0;

   transition: .4s;

   height: 100%;

   position: relative;

   overflow: hidden;

   box-shadow: 0 15px 40px rgba(15, 23, 42, .05);
 }

 .service-card::before {

   content: '';

   position: absolute;

   width: 220px;
   height: 220px;

   background: rgba(6, 182, 212, .08);

   border-radius: 50%;

   top: -100px;
   right: -100px;
 }

 .service-card:hover {

   transform: translateY(-10px);

   box-shadow: 0 25px 60px rgba(37, 99, 235, .15);
 }

 .service-icon {

   width: 85px;
   height: 85px;

   background: linear-gradient(135deg, #2563eb, #06b6d4);

   color: #fff;

   display: flex;
   align-items: center;
   justify-content: center;

   border-radius: 24px;

   font-size: 34px;

   margin-bottom: 30px;

   box-shadow: 0 15px 35px rgba(37, 99, 235, .25);
 }

 .service-card h3 {

   font-size: 30px;

   color: #0f172a;

   margin-bottom: 18px;
 }

 .service-card p {

   color: #64748b;

   line-height: 1.9;

   margin-bottom: 25px;
 }

 .service-card a {

   text-decoration: none;

   color: #2563eb;

   font-weight: 700;
 }

 .service-card a i {

   margin-left: 6px;

   transition: .3s;
 }

 .service-card:hover a i {
   margin-left: 12px;
 }

 /* Responsive */

 @media(max-width:768px) {

   .services-section {
     padding: 80px 0;
   }

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

   .service-card {
     padding: 35px 25px;
   }

 }

 /* =========================
   WHY CHOOSE SECTION
========================= */

 .why-section {

   padding: 110px 0;

   background: #f8fafc;

   position: relative;
 }

 .why-text {

   color: #64748b;

   line-height: 1.9;

   margin-bottom: 40px;
 }

 /* Features */

 .why-features {

   display: flex;
   flex-direction: column;

   gap: 25px;
 }

 .feature-box {

   display: flex;

   gap: 22px;

   background: #ffffff;

   padding: 28px;

   border-radius: 26px;

   border: 1px solid #e2e8f0;

   transition: .4s;

   box-shadow: 0 10px 30px rgba(15, 23, 42, .05);
 }

 .feature-box:hover {

   transform: translateY(-6px);

   box-shadow: 0 20px 50px rgba(37, 99, 235, .12);
 }

 .feature-icon {

   min-width: 72px;
   height: 72px;

   background: linear-gradient(135deg, #2563eb, #06b6d4);

   color: #fff;

   border-radius: 22px;

   display: flex;
   align-items: center;
   justify-content: center;

   font-size: 28px;

   box-shadow: 0 15px 35px rgba(37, 99, 235, .25);
 }

 .feature-box h4 {

   color: #0f172a;

   margin-bottom: 10px;

   font-size: 24px;
 }

 .feature-box p {

   color: #64748b;

   line-height: 1.8;

   margin: 0;
 }

 /* Right Image */

 .why-image {

   position: relative;
 }

 .why-image img {

   width: 100%;

   border-radius: 34px;

   object-fit: cover;

   box-shadow: 0 20px 60px rgba(15, 23, 42, .12);
 }

 /* Floating Experience Card */

 .experience-card {

   position: absolute;

   bottom: 30px;
   left: 30px;

   background: rgba(255, 255, 255, .92);

   backdrop-filter: blur(14px);

   padding: 28px 32px;

   border-radius: 28px;

   max-width: 260px;

   box-shadow: 0 15px 40px rgba(15, 23, 42, .12);
 }

 .experience-card h3 {

   font-size: 52px;

   color: #2563eb;

   margin-bottom: 10px;
 }

 .experience-card p {

   margin: 0;

   color: #475569;

   line-height: 1.7;
 }

 /* Responsive */

 @media(max-width:768px) {

   .why-section {
     padding: 80px 0;
   }

   .feature-box {
     flex-direction: column;
   }

   .feature-icon {
     min-width: 65px;
     width: 65px;
     height: 65px;
   }

   .experience-card {

     position: relative;

     left: auto;
     bottom: auto;

     margin-top: 25px;

     max-width: 100%;
   }

 }

 /* =========================
   SPECIALISTS SECTION
========================= */

 .specialists-section {

   padding: 110px 0;

   background: #ffffff;

   position: relative;
 }

 /* Doctor Card */

 .doctor-card {

   background: #f8fafc;

   border-radius: 32px;

   overflow: hidden;

   border: 1px solid #e2e8f0;

   transition: .4s;

   height: 100%;

   box-shadow: 0 15px 40px rgba(15, 23, 42, .05);
 }

 .doctor-card:hover {

   transform: translateY(-10px);

   box-shadow: 0 25px 60px rgba(37, 99, 235, .15);
 }

 /* Image */

 .doctor-image {

   overflow: hidden;
 }

 .doctor-image img {

   width: 100%;

   height: 380px;

   object-fit: cover;

   transition: .5s;
 }

 .doctor-card:hover .doctor-image img {

   transform: scale(1.08);
 }

 /* Content */

 .doctor-content {

   padding: 32px;
 }

 .doctor-content h3 {

   color: #0f172a;

   margin-bottom: 8px;

   font-size: 30px;
 }

 .doctor-content span {

   color: #06b6d4;

   font-weight: 700;

   display: block;

   margin-bottom: 18px;
 }

 .doctor-content p {

   color: #64748b;

   line-height: 1.9;

   margin-bottom: 25px;
 }

 /* Social Icons */

 .doctor-socials {

   display: flex;

   gap: 15px;
 }

 .doctor-socials a {

   width: 44px;
   height: 44px;

   background: #ffffff;

   color: #2563eb;

   border-radius: 50%;

   display: flex;
   align-items: center;
   justify-content: center;

   text-decoration: none;

   transition: .3s;
 }

 .doctor-socials a:hover {

   background: #06b6d4;

   color: #fff;
 }

 /* Responsive */

 @media(max-width:768px) {

   .specialists-section {
     padding: 80px 0;
   }

   .doctor-image img {
     height: 320px;
   }

   .doctor-content {
     padding: 28px 24px;
   }

   .doctor-content h3 {
     font-size: 26px;
   }

 }

 /* =========================
   PROCESS TIMELINE SECTION
========================= */

 .process-section {

   padding: 110px 0;

   background: #ffffff;

   position: relative;
 }

 /* Timeline Wrapper */

 .process-wrapper {

   display: grid;

   grid-template-columns: repeat(5, 1fr);

   gap: 25px;

   position: relative;
 }

 /* Horizontal Line */

 .process-wrapper::before {

   content: '';

   position: absolute;

   top: 70px;
   left: 0;

   width: 100%;
   height: 4px;

   background: linear-gradient(to right, #2563eb, #06b6d4);

   border-radius: 20px;

   z-index: 0;
 }

 /* Cards */

 .process-card {

   position: relative;

   background: #f8fafc;

   padding: 35px 25px;

   border-radius: 28px;

   text-align: center;

   border: 1px solid #e2e8f0;

   transition: .4s;

   z-index: 2;
 }

 .process-card:hover {

   transform: translateY(-10px);

   box-shadow: 0 20px 50px rgba(37, 99, 235, .12);
 }

 /* Number */

 .process-number {

   position: absolute;

   top: 18px;
   right: 22px;

   font-size: 18px;

   font-weight: 800;

   color: #cbd5e1;
 }

 /* Icon */

 .process-icon {

   width: 90px;
   height: 90px;

   margin: auto;

   background: linear-gradient(135deg, #2563eb, #06b6d4);

   color: #fff;

   border-radius: 28px;

   display: flex;
   align-items: center;
   justify-content: center;

   font-size: 34px;

   margin-bottom: 28px;

   box-shadow: 0 15px 35px rgba(37, 99, 235, .25);
 }

 .process-card h3 {

   font-size: 26px;

   color: #0f172a;

   margin-bottom: 18px;
 }

 .process-card p {

   color: #64748b;

   line-height: 1.9;

   margin: 0;
 }

 /* Responsive */

 @media(max-width:992px) {

   .process-wrapper {

     grid-template-columns: repeat(2, 1fr);
   }

   .process-wrapper::before {
     display: none;
   }

 }

 @media(max-width:768px) {

   .process-section {
     padding: 80px 0;
   }

   .process-wrapper {

     grid-template-columns: 1fr;
   }

   .process-card {
     padding: 32px 24px;
   }

   .process-card h3 {
     font-size: 22px;
   }

 }

 /* =========================
   STATS SECTION
========================= */

 .stats-section {

   padding: 110px 0;

   background: #f8fafc;

   position: relative;
 }

 /* Cards */

 .stats-card {

   background: #ffffff;

   padding: 45px 30px;

   border-radius: 30px;

   text-align: center;

   border: 1px solid #e2e8f0;

   transition: .4s;

   height: 100%;

   position: relative;

   overflow: hidden;

   box-shadow: 0 15px 40px rgba(15, 23, 42, .05);
 }

 .stats-card::before {

   content: '';

   position: absolute;

   width: 220px;
   height: 220px;

   background: rgba(6, 182, 212, .08);

   border-radius: 50%;

   top: -110px;
   right: -110px;
 }

 .stats-card:hover {

   transform: translateY(-10px);

   box-shadow: 0 25px 60px rgba(37, 99, 235, .15);
 }

 /* Icon */

 .stats-icon {

   width: 85px;
   height: 85px;

   margin: auto;

   background: linear-gradient(135deg, #2563eb, #06b6d4);

   color: #fff;

   border-radius: 26px;

   display: flex;
   align-items: center;
   justify-content: center;

   font-size: 34px;

   margin-bottom: 28px;

   box-shadow: 0 15px 35px rgba(37, 99, 235, .25);
 }

 /* Text */

 .stats-card h3 {

   font-size: 48px;

   color: #0f172a;

   margin-bottom: 12px;

   font-weight: 800;
 }

 .stats-card p {

   color: #64748b;

   margin: 0;

   font-size: 17px;

   font-weight: 500;
 }

 /* Responsive */

 @media(max-width:768px) {

   .stats-section {
     padding: 80px 0;
   }

   .stats-card {
     padding: 35px 25px;
   }

   .stats-card h3 {
     font-size: 40px;
   }

 }

 /* =========================
   HOME SAMPLE SECTION
========================= */

 .home-sample-section {

   padding: 110px 0;

   background: #ffffff;

   position: relative;
 }

 /* Image */

 .sample-image {

   position: relative;
 }

 .sample-image img {

   width: 100%;

   border-radius: 34px;

   object-fit: cover;

   box-shadow: 0 20px 60px rgba(15, 23, 42, .12);
 }

 /* Floating Badge */

 .sample-badge {

   position: absolute;

   bottom: 30px;
   left: 30px;

   background: rgba(255, 255, 255, .92);

   backdrop-filter: blur(14px);

   padding: 18px 24px;

   border-radius: 24px;

   display: flex;

   align-items: center;

   gap: 14px;

   box-shadow: 0 15px 40px rgba(15, 23, 42, .12);
 }

 .sample-badge i {

   width: 52px;
   height: 52px;

   background: linear-gradient(135deg, #2563eb, #06b6d4);

   color: #fff;

   border-radius: 18px;

   display: flex;
   align-items: center;
   justify-content: center;

   font-size: 22px;
 }

 .sample-badge span {

   color: #0f172a;

   font-weight: 700;
 }

 /* Text */

 .sample-text {

   color: #64748b;

   line-height: 1.9;

   margin-bottom: 35px;
 }

 /* Features */

 .sample-features {

   display: flex;

   flex-direction: column;

   gap: 24px;

   margin-bottom: 40px;
 }

 .sample-feature {

   display: flex;

   gap: 20px;

   background: #f8fafc;

   padding: 24px;

   border-radius: 24px;

   border: 1px solid #e2e8f0;

   transition: .4s;
 }

 .sample-feature:hover {

   transform: translateY(-6px);

   box-shadow: 0 20px 50px rgba(37, 99, 235, .12);
 }

 /* Icons */

 .sample-icon {

   min-width: 68px;
   height: 68px;

   background: linear-gradient(135deg, #2563eb, #06b6d4);

   color: #fff;

   border-radius: 22px;

   display: flex;
   align-items: center;
   justify-content: center;

   font-size: 26px;

   box-shadow: 0 15px 35px rgba(37, 99, 235, .25);
 }

 /* Feature Text */

 .sample-feature h4 {

   color: #0f172a;

   margin-bottom: 10px;

   font-size: 24px;
 }

 .sample-feature p {

   color: #64748b;

   line-height: 1.8;

   margin: 0;
 }

 /* Button */

 .sample-btn {

   background: linear-gradient(135deg, #2563eb, #06b6d4);

   color: #fff;

   border: none;

   padding: 18px 36px;

   border-radius: 50px;

   font-weight: 700;

   transition: .3s;

   box-shadow: 0 15px 35px rgba(37, 99, 235, .25);
 }

 .sample-btn:hover {

   transform: translateY(-5px);
 }

 /* Responsive */

 @media(max-width:768px) {

   .home-sample-section {
     padding: 80px 0;
   }

   .sample-badge {

     position: relative;

     left: auto;
     bottom: auto;

     margin-top: 25px;

     width: 100%;
   }

   .sample-feature {
     flex-direction: column;
   }

   .sample-icon {
     min-width: 60px;
     width: 60px;
     height: 60px;
   }

 }

 /* =========================
   TESTIMONIAL SECTION
========================= */

 .testimonial-section {

   padding: 110px 0;

   background: #ffffff;

   position: relative;
 }

 /* Card */

 .testimonial-card {

   background: #f8fafc;

   padding: 35px;

   border-radius: 30px;

   border: 1px solid #e2e8f0;

   transition: .4s;

   height: 100%;

   box-shadow: 0 15px 40px rgba(15, 23, 42, .05);
 }

 .testimonial-card:hover {

   transform: translateY(-10px);

   box-shadow: 0 25px 60px rgba(37, 99, 235, .12);
 }

 /* Top */

 .testimonial-top {

   display: flex;

   align-items: center;

   gap: 18px;

   margin-bottom: 25px;
 }

 .testimonial-top img {

   width: 75px;
   height: 75px;

   border-radius: 50%;

   object-fit: cover;
 }

 .testimonial-top h4 {

   color: #0f172a;

   margin-bottom: 6px;

   font-size: 24px;
 }

 .testimonial-top span {

   color: #06b6d4;

   font-size: 14px;

   font-weight: 600;
 }

 /* Text */

 .testimonial-card p {

   color: #64748b;

   line-height: 1.9;

   margin-bottom: 25px;
 }

 /* Stars */

 .stars {

   color: #f59e0b;

   font-size: 18px;
 }

 /* Responsive */

 @media(max-width:768px) {

   .testimonial-section {
     padding: 80px 0;
   }

   .testimonial-card {
     padding: 30px 24px;
   }

   .testimonial-top h4 {
     font-size: 20px;
   }

 }

 /* =========================
   FAQ SECTION
========================= */

 .faq-section {

   padding: 110px 0;

   background: #f8fafc;

   position: relative;
 }

 /* Accordion */

 .custom-accordion .accordion-item {

   border: none;

   margin-bottom: 20px;

   border-radius: 26px !important;

   overflow: hidden;

   box-shadow: 0 10px 35px rgba(15, 23, 42, .05);
 }

 .custom-accordion .accordion-button {

   background: #ffffff;

   color: #0f172a;

   font-size: 18px;

   font-weight: 600;

   padding: 24px 28px;

   box-shadow: none !important;
 }

 .custom-accordion .accordion-button:not(.collapsed) {

   background: #ecfeff;

   color: #06b6d4;
 }

 .custom-accordion .accordion-body {

   padding: 0 28px 28px;

   color: #64748b;

   line-height: 1.9;
 }

 /* CTA CARD */

 .cta-card {

   background: linear-gradient(135deg, #2563eb, #06b6d4);

   padding: 50px 40px;

   border-radius: 34px;

   color: #fff;

   position: relative;

   overflow: hidden;

   box-shadow: 0 25px 60px rgba(37, 99, 235, .25);
 }

 .cta-card::before {

   content: '';

   position: absolute;

   width: 260px;
   height: 260px;

   background: rgba(255, 255, 255, .08);

   border-radius: 50%;

   top: -120px;
   right: -120px;
 }

 /* Badge */

 .cta-badge {

   display: inline-block;

   background: rgba(255, 255, 255, .14);

   padding: 10px 18px;

   border-radius: 50px;

   font-size: 14px;

   font-weight: 600;

   margin-bottom: 25px;
 }

 /* Text */

 .cta-card h3 {

   font-size: 42px;

   line-height: 1.3;

   margin-bottom: 20px;
 }

 .cta-card p {

   line-height: 1.9;

   color: #e0f2fe;

   margin-bottom: 35px;
 }

 /* Button */

 .cta-btn {

   background: #fff;

   color: #2563eb;

   border: none;

   padding: 18px 34px;

   border-radius: 50px;

   font-weight: 700;

   transition: .3s;
 }

 .cta-btn:hover {

   transform: translateY(-5px);
 }

 /* Responsive */

 @media(max-width:768px) {

   .faq-section {
     padding: 80px 0;
   }

   .cta-card {
     padding: 40px 28px;
   }

   .cta-card h3 {
     font-size: 34px;
   }

 }

 /* =========================
   CONTACT SECTION
========================= */

 .contact-section {

   padding: 110px 0;

   background: #ffffff;
 }

 .contact-text {

   color: #64748b;

   line-height: 1.9;

   margin-bottom: 35px;
 }

 /* Contact Info */

 .contact-info {

   display: flex;
   flex-direction: column;

   gap: 20px;
 }

 .contact-box {

   display: flex;

   align-items: center;

   gap: 20px;

   background: #f8fafc;

   padding: 24px;

   border-radius: 26px;

   border: 1px solid #e2e8f0;

   transition: .4s;
 }

 .contact-box:hover {

   transform: translateY(-6px);

   box-shadow: 0 20px 50px rgba(37, 99, 235, .12);
 }

 .contact-box i {

   width: 68px;
   height: 68px;

   background: linear-gradient(135deg, #2563eb, #06b6d4);

   color: #fff;

   border-radius: 22px;

   display: flex;
   align-items: center;
   justify-content: center;

   font-size: 26px;

   box-shadow: 0 15px 35px rgba(37, 99, 235, .25);
 }

 .contact-box h5 {

   margin-bottom: 6px;

   color: #0f172a;
 }

 .contact-box p {

   margin: 0;

   color: #64748b;
 }

 /* FORM */

 .contact-form-box {

   background: #f8fafc;

   padding: 50px;

   border-radius: 34px;

   border: 1px solid #e2e8f0;

   box-shadow: 0 15px 40px rgba(15, 23, 42, .05);
 }

 .contact-form-box h3 {

   font-size: 38px;

   margin-bottom: 35px;

   color: #0f172a;
 }

 /* Form Fields */

 .form-control {

   height: 60px;

   border: none;

   background: #ffffff;

   border-radius: 18px;

   padding: 15px 20px;

   box-shadow: none !important;
 }

 textarea.form-control {
   height: auto;
 }

 /* Button */

 .submit-btn {

   background: linear-gradient(135deg, #2563eb, #06b6d4);

   color: #fff;

   border: none;

   padding: 18px 35px;

   border-radius: 50px;

   font-weight: 700;

   transition: .3s;

   box-shadow: 0 15px 35px rgba(37, 99, 235, .25);
 }

 .submit-btn:hover {

   transform: translateY(-5px);
 }

 /* =========================
   FOOTER
========================= */

 .footer {

   background: #0f172a;

   padding: 90px 0 30px;

   color: #fff;
 }

 .footer-logo {

   font-size: 38px;

   font-weight: 800;

   text-decoration: none;

   color: #fff;
 }

 .footer-logo span {
   color: #06b6d4;
 }

 .footer-text {

   color: #cbd5e1;

   line-height: 1.9;

   margin: 25px 0;
 }

 /* Socials */

 .footer-socials {

   display: flex;

   gap: 15px;
 }

 .footer-socials a {

   width: 45px;
   height: 45px;

   background: rgba(255, 255, 255, .08);

   color: #fff;

   border-radius: 50%;

   display: flex;
   align-items: center;
   justify-content: center;

   text-decoration: none;

   transition: .3s;
 }

 .footer-socials a:hover {
   background: #06b6d4;
 }

 /* Footer Links */

 .footer h5 {

   margin-bottom: 25px;

   font-size: 22px;
 }

 .footer ul {

   list-style: none;

   padding: 0;
 }

 .footer ul li {

   margin-bottom: 14px;
 }

 .footer ul li a {

   text-decoration: none;

   color: #cbd5e1;

   transition: .3s;
 }

 .footer ul li a:hover {
   color: #06b6d4;
 }

 /* Newsletter */

 .newsletter-text {

   color: #cbd5e1;

   line-height: 1.8;
 }

 .newsletter-form {

   margin-top: 20px;
 }

 .newsletter-form input {

   width: 100%;

   height: 58px;

   border: none;

   border-radius: 18px;

   padding: 0 18px;

   margin-bottom: 15px;
 }

 .newsletter-form button {

   width: 100%;

   height: 58px;

   border: none;

   border-radius: 18px;

   background: #06b6d4;

   color: #fff;

   font-weight: 700;
 }

 /* Bottom */

 .footer-bottom {

   border-top: 1px solid rgba(255, 255, 255, .08);

   margin-top: 70px;

   padding-top: 25px;

   text-align: center;
 }

 .footer-bottom p {

   margin: 0;

   color: #94a3b8;
 }

 /* Responsive */

 @media(max-width:768px) {

   .contact-section {
     padding: 80px 0;
   }

   .contact-form-box {
     padding: 35px 25px;
   }

   .contact-form-box h3 {
     font-size: 32px;
   }

   .footer {
     padding: 70px 0 30px;
   }

 }

 /* =========================
   WHATSAPP FLOAT BUTTON
========================= */

 .whatsapp-float {

   position: fixed;

   right: 25px;
   bottom: 25px;

   width: 68px;
   height: 68px;

   background: linear-gradient(135deg, #25d366, #16a34a);

   color: #fff;

   border-radius: 50%;

   display: flex;
   align-items: center;
   justify-content: center;

   text-decoration: none;

   font-size: 34px;

   z-index: 9999;

   box-shadow: 0 15px 35px rgba(37, 211, 102, .35);

   transition: .4s ease;

   animation: whatsappPulse 2s infinite;
 }

 .whatsapp-float:hover {

   transform: translateY(-8px) scale(1.08);

   color: #fff;
 }

 /* Pulse Animation */

 @keyframes whatsappPulse {

   0% {
     box-shadow: 0 0 0 0 rgba(37, 211, 102, .5);
   }

   70% {
     box-shadow: 0 0 0 18px rgba(37, 211, 102, 0);
   }

   100% {
     box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
   }

 }

 /* Mobile */

 @media(max-width:768px) {

   .whatsapp-float {

     width: 60px;
     height: 60px;

     font-size: 30px;

     right: 18px;
     bottom: 18px;
   }

 }