@font-face {
            font-family: 'HelveticaNeue'; /* Custom name for the font */
            src: url('assets/helvetica-neue-5/HelveticaNeueBlack.otf') format('opentype'); /* Path to your .otf font */
            font-weight: normal; /* Optional: specify weight */
            font-style: normal; /* Optional: specify style */
        }
        
        @font-face {
            font-family: 'HelveticaNeue-Medium'; /* Custom name for the font */
            src: url('assets/helvetica-neue-5/HelveticaNeueMedium.otf') format('opentype'); /* Path to your .otf font */
            font-weight: normal; /* Optional: specify weight */
            font-style: normal; /* Optional: specify style */
        }
        
        @font-face {
            font-family: 'HelveticaNeue-Italic'; /* Custom name for the font */
            src: url('assets/helvetica-neue-5/HelveticaNeueMediumItalic.otf') format('opentype'); /* Path to your .otf font */
            font-weight: normal; /* Optional: specify weight */
            font-style: normal; /* Optional: specify style */
        }
        
        @font-face {
            font-family: 'HelveticaNeue-Light'; /* Custom name for the font */
            src: url('assets/helvetica-neue-5/HelveticaNeueLight.otf') format('opentype'); /* Path to your .otf font */
            font-weight: normal; /* Optional: specify weight */
            font-style: normal; /* Optional: specify style */
        }
        
        @font-face {
            font-family: 'HelveticaNeue-LightItalic'; /* Custom name for the font */
            src: url('assets/helvetica-neue-5/HelveticaNeueLightItalic.otf') format('opentype'); /* Path to your .otf font */
            font-weight: normal; /* Optional: specify weight */
            font-style: normal; /* Optional: specify style */
        }
        
        /* ============================== */
        /*         CSS VARIABLES          */
        /* ============================== */
        
        /* Light Theme Variables */
        :root {
            /* Backgrounds */
            --background-color: #fff;
            --header-background: #ffffff;
            --button-background: #ffffff;
            --button-hover-background: #000000;
            --ad-background: #D5ED9F;
            --overlay-background: rgba(255, 255, 255, 0.9);
            --card-background: #ffffff; /* Added for blog-card background */
        
            /* Text */
            --text-color: #000000;
            --link-color: #000000;
            --link-hover-color: #333333;
            --button-text-color: #000000;
            --button-hover-text-color: #ffffff;
            --border-color: #AEAEAE;
            --meta-text-color: #454545;
            --read-more-color: #333333;
            --excerpt-color: #454545; /* Added for .excerpt */
        
            /* Miscellaneous */
            --underline-color: #000000;
        }
        
        /* Dark Theme Variables */
        .dark-theme {
            /* Backgrounds */
            --background-color: #141516FF;
            --header-background: #1f1f1f;
            --button-background: #1f1f1f;
            --button-hover-background: #ffffff;
            --ad-background: #333333;
            --overlay-background: rgba(0, 0, 0, 0.7);
            --card-background: #1f1f1f; /* Updated for dark theme blog-card background */
        
            /* Text */
            --text-color: #ffffff;
            --link-color: #ffffff;
            --link-hover-color: #dddddd;
            --button-text-color: #ffffff;
            --button-hover-text-color: #000000;
            --border-color: #333333;
            --meta-text-color: #dddddd;
            --read-more-color: #ffffff;
            --excerpt-color: #dddddd; /* Updated for .excerpt in dark theme */
        
            /* Miscellaneous */
            --underline-color: #ffffff;
        }
        
        /* ============================== */
        /*         GLOBAL STYLES         */
        /* ============================== */
        
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
          
             
        }

        html {
            scroll-behavior: smooth;
            overflow-x: hidden;
        }
        
        
        body {
            background-color: var(--background-color);
            
            font-family: "Poppins";
            color: var(--text-color);
               overflow-x: hidden;
        }

        .header h1{
          font-family: "Poppins";
          font-size: 3em;
          color: #333;

        }
        
        /* ============================== */
        /*            HEADER              */
        /* ============================== */
        


        .sticky-header {
          position: fixed;
          top: 10px; /* Keeps the header 10px below the top */
          left: 50%; /* Centers the header horizontally */
          transform: translateX(-50%); /* Adjusts the position to truly center the header */
          width: 80%; /* Makes the header 80% of the width of the viewport */
          margin: 0 auto;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 1rem 2rem;
          backdrop-filter: blur(5px);
          background: rgba(255, 255, 255, 0.8); /* Slightly transparent for visibility */
          border-radius: 12px; /* Adds rounded corners */
          border-bottom: 2px solid #ddd; /* Optional: Adds a subtle border under the header */
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
          z-index: 1000; /* Ensure it stays on top of other content */
          height: 62px;
        }
        
        .logo {
          font-size: 1.5rem;
          font-weight: bold;
          color: #3a3a3a;
        }
        
        nav ul {
          display: flex;
          list-style: none;
          gap: 1.5rem;
        }
        
        nav ul li a {
          text-decoration: none;
          color: #3a3a3a;
          font-weight: 500;
        }
        
        .cta-buttons {
          display: flex;
          align-items: center;
          gap: 1rem;
        }
        
        .cta {
          background-color: #d4f50b;
          color: #3a3a3a;
          padding: 0.5rem 1rem;
          border: none;
          border-radius: 15px;
          cursor: pointer;
          font-weight: bold;
        }
        
        .cart-icon {
          font-size: 1.5rem;
          color: #3a3a3a;
        }
        
        
        
              /* Hamburger menu button */
              .hamburger-menu {
                display: none;
                font-size: 2rem;
                color: #3a3a3a;
                cursor: pointer;
              }
              
              /* Overlay menu */
              .menu-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                backdrop-filter: blur(10px);
                background: rgba(255, 255, 255, 0.8);
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                transform: translateX(-100%);
                transition: transform 0.4s ease;
                z-index: 1000;
              }
              
              .menu-overlay ul {
                list-style: none;
                text-align: center;
              }
              
              .menu-overlay ul li {
                margin: 1rem 0;
              }
              
              .menu-overlay ul li a {
                text-decoration: none;
                font-size: 1.5rem;
                color: #3a3a3a;
              }
              
              /* Close button inside the overlay */
              .close-btn {
                position: absolute;
                top: 1.5rem;
                right: 2rem;
                font-size: 2rem;
                background: none;
                border: none;
                cursor: pointer;
                color: #3a3a3a;
              }
              
              /* Show hamburger menu on smaller screens */
              @media (max-width: 768px) {
        
                .sticky-header{width: 90%;
                height: auto;}
        
                nav ul {
                  display: none;
                }
                .cta-buttons {
                  display: none;
                }
                .hamburger-menu {
                  display: block;
                  margin: auto 0;
                }
              }
              
              /* Active class to open the overlay */
              .menu-overlay.open {
                transform: translateX(0);
              }
        
        /* ============================== */
        /*       CONTACT HERO STYLES      */
        /* ============================== */
        
        .contact-hero {
            display: flex;
            flex-direction: row;
        }
        
        /* ============================== */
        /*         GENERAL STYLES        */
        /* ============================== */
        
        .no-text-decoration {
            text-decoration: none;
            font-family: "Poppins";
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 12px;
            margin-top: 115px;
        }
        
       
        
        .see-posts {
            color: var(--text-color);
            text-decoration: none;
            font-weight: 500;
        }
        
        .main-content {
            display: flex;
            margin-top: 20px;
            zoom: 134%;
        }
        
        .main-post {
            flex: 2;
            margin-right: 20px;
        }
        
        .image-container {
            position: relative;
        }
        
        .main-image,
        .small-image {
            width: 100%;
            border-radius: 10px;
        }
        
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 15px;
            box-sizing: border-box;
          
        }
        
        .date-category {
            display: flex;
            gap: 10px;
        }
        
        .date, .category {
            background-color: var(--overlay-background);
            padding: 5px 10px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 500;
        }
        
        .overlay h2 {
            background-color: var(--overlay-background);
            padding: 10px;
            border-radius: 10px;
            font-size: 1.5rem;
            margin-top: 10px;
            line-height: 1.3;
            font-family: "HelveticaNeue-Light";
            width: 50%;
        }
        
        .sidebar {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        /* ============================== */
        /*             ADS               */
        /* ============================== */
        
        .ad {
            background-color: var(--ad-background);
            padding: 20px;
            border-radius: 10px;
            text-align: right;
        }
        
        .ad-1 {
            text-align: left;
        }
        
        .ad-1 span {
            border: 1px solid var(--text-color);
            padding: 2px 11px;
            border-radius: 20px;
        }
        
        .ad h3 {
            font-size: 1.1rem;
            width: 70%;
            font-family: 'HelveticaNeue-Light';
            margin: 20px 0;
            text-align: left;
        }
        
        .ad p {
            margin-bottom: 20px;
            font-size: 2rem;
            font-family: 'HelveticaNeue-Light';
            text-align: left;
            background-color: var(--button-hover-background); /* Changed to variable */
            color: var(--button-hover-text-color); /* Changed to variable */
            border-radius: 8px;
            padding: 16px;
        }
        
        .ad a {
            text-decoration: none;
            color: var(--link-color);
            position: relative;
        }
        
        .ad a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px; /* Thickness of the underline */
            background-color: var(--underline-color); /* Color of the underline */
            left: 0;
            bottom: -2px; /* Position the underline slightly below the text */
            transition: width 0.3s ease; /* Smooth transition effect */
        }
        
        .ad a:hover::after {
            width: 100%; /* Expands underline on hover */
        }
        
       
        
        .main-post-link {
            text-decoration: none;
            color: inherit;
            display: flex;
            flex: 2;
            height: fit-content;
        }
        
        .small-post {
            position: relative;
            display: inline-block;
        }
        
        .small-post-image-container {
            position: relative;
            width: 100%;
        }
        
        .small-image {
            width: 100%;
            height: 100%;
        }
        
        .small-post-tag {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: var(--overlay-background);
            color: white;
            padding: 5px 7px;
            border-radius: 22px;
            font-family: 'HelveticaNeue-Light';
        }
        
        .see-all-picks {
            position: absolute;
            bottom: 10px;
            right: 10px;
            background-color: var(--overlay-background);
            color: white;
            padding: 5px 10px;
            border-radius: 5px;
            text-decoration: none;
            font-family: 'HelveticaNeue-Light', sans-serif;
            font-weight: bold;
            display: block;
            margin-top: 10px;
            text-align: center;
            transition: background-color 0.3s ease, color 0.3s ease, padding-right 0.3s ease;
            padding-right: 35px; /* Added more padding to make space for arrow */
        }
        
        .see-all-picks::after {
            content: '→';
            font-size: 1.2rem;
            position: absolute;
            top: 50%;
            right: 10px; /* Adjust the position of the arrow */
            transform: translateY(-50%);
            margin-left: 10px; /* Space between the text and arrow */
            transition: right 0.3s ease;
        }
        
        .see-all-picks:hover {
            background-color: rgba(0, 0, 0, 0.9);
            color: #bbb;
            padding-right: 40px; /* Adjusted padding on hover */
        }
        
        .see-all-picks:hover::after {
            right: 5px;
        }
        
        /* ============================== */
        /*          SMALL POSTS           */
        /* ============================== */
        
        .small-posts-container-1 {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
        
        /* ============================== */
        /*         BLOG LISTING           */
        /* ============================== */
        
        .blog-list {
            font-family: 'HelveticaNeue-Light';
            display: grid;
            gap: 20px;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            max-width: 1200px;
            width: 100%;
            padding: 20px;
            justify-content: center;
        }
        
        /* Blog Card */
        .blog-card {
            border-radius: 14px;
            overflow: hidden;
            border: 1px solid #333;
            background-color: var(--card-background);
            transition: all 0.3s ease;
            height: auto;
          
        }
        
        .blog-card:hover {
            box-shadow: 4px 4px 0 0 #333;
            border-radius: 15px;
        }
        
        /* Image Styling */
        .blog-card img {
         
          width: 100%;
          height: auto;
          display: block;
          border-bottom: 2px dashed;
               
        }
        
        /* Blog Content */
        .blog-content {
            padding: 15px;
        }
        
        .blog-content h2 {
            font-size: 1.5em;
            margin: 20px 0;
        }
        
        .blog-content .blog-meta {
            font-size: 0.9em;
            color: var(--meta-text-color);
            margin-bottom: 15px;
        }
        
        .blog-content p.blog-excerpt {
            margin-bottom: 10px;
            color: var(--excerpt-color); /* Changed to variable */
        }

        .blog-post-section{
          
          padding: 55px 0;
        }
        
        .read-more {
            text-decoration: none;
            color: var(--read-more-color);
            position: relative;
        }
        
        .read-more::after {
            content: '';
            position: absolute;
            width: 0;
            height: 1px; /* Thickness of the underline */
            background-color: var(--underline-color); /* Color of the underline */
            left: 0;
            bottom: -2px; /* Position the underline slightly below the text */
            transition: width 0.3s ease; /* Smooth transition effect */
        }
        
        .read-more:hover::after {
            width: 100%; /* Expands underline on hover */
        }
        
        /* ============================== */
        /*          RESPONSIVE            */
        /* ============================== */
        
        @media (max-width: 600px) {
            .blog-list {
             
                margin: 0 auto;
            }
        
            .blog-card {
                width: 100%;
            }
        
            .main-blog article {
                margin: 0 auto;
                width: 90%;
            }

         


            .nav {
                display: flex;
                display: none;
            }

           
}
                
        #meta-t {
            font-family: "HelveticaNeue-Light";
            font-size: 16px;
            color: var(--meta-text-color);
        }
        
        #meta-t a {
            text-decoration: none;
            font-weight: bold;
            color: var(--link-color);
            font-family: "HelveticaNeue-LightItalic";
        }
        
        #meta-t img {
            width: 38px;
            height: auto;
            border: 1px solid var(--text-color);
            border-radius: 21px;
            margin: 4px 0;
        }
        
        #title {
            text-decoration: none;
            color: var(--link-color);
            font-family: "HelveticaNeue-Light";
        }
        
        .excerpt {
            color: var(--excerpt-color);
            font-size: 15px;
            margin: 22px 0;
        }
        
        .main-blog article {
            margin: 0 auto;
            width: 70%;
        }
        
        .post-info {
            display: flex;
            flex-direction: column;
            align-items: baseline;
            padding: 0;
            justify-content: space-around;
            height: 18em;
        }
        
        .post-info h2, 
        .post-info span, 
        .post-info p {
            font-family: "HelveticaNeue-Light";
        }
        
        .blog-posts-main {
            display: flex;
        }

        #theme-toggle {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    background-color: var(--button-background);
    color: var(--button-text-color);
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-family: "HelveticaNeue-Light";
}

#theme-toggle:hover {
    background-color: var(--button-hover-background);
    color: var(--button-hover-text-color);
}
        


/* Tablet */
@media (max-width: 700px) {
    .nav ul {
        gap: 15px;
    }

    .main-content {
        flex-direction: column;
    }

    .main-post {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .blog-list {
        grid-template-columns: repeat(2, 1fr);
    }

  
}

/* Mobile */
@media (max-width: 700px) {

.overlay {

    width: 175%;
}
   

    .container {
        padding: 18px;
    }

    .main-content {
        flex-direction: column;
    }

    .main-post {
        margin: 0 0 20px 0;
    }

    .sidebar {
        flex-direction: column;
        margin: 0;
    }

    .blog-list {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .ad {
        padding: 15px;
    }

    .small-posts-container-1, .small-posts-container-2 {
        flex-direction: column;
        gap: 10px;
    }
}



.all-posts-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #333;
}

.all-posts-title {
    font-family: 'HelveticaNeue-Medium', sans-serif;
    font-size: 2rem;
    margin: 0;
}

.see-more-link {
    font-family: 'HelveticaNeue-Light', sans-serif;
    font-size: 1rem;
    color: var(--link-color);
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding-right: 25px;
}

.see-more-link::after {
    content: '→';
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: right 0.3s ease, color 0.3s ease;
}

.see-more-link:hover::after {
    right: -5px;
}

.see-more-link:hover {
    color: #bbb;
}


.faq-heading {
    text-align: center;
    font-size: 2em;
    color: #333333;
    margin-bottom: 20px;
  }

  .faq-section{
    display: flex;
    justify-content: space-between;

  }

  .faq-img-container {
    display: flex;
    justify-content: center;  /* Centers the image horizontally */
    align-items: center;      /* Centers the image vertically */
    height: auto;            /* Set a fixed height for the container, or adjust as needed */
    width: 100%              /* Full width */
  }
  
  .faq-img-container img {
    max-width: 100%;          /* Ensures the image does not exceed the container's width */
    max-height: 100%;         /* Ensures the image does not exceed the container's height */
    object-fit: contain;      /* Ensures the image maintains its aspect ratio without stretching */
  }
  
  


  .faq-container {
    width: 85%;
    max-width: 960px;
    display: flex
;
flex-direction: column;
justify-content: center;
margin: 20px;
padding: 30px;
  }

  .faq-item {
    border: 1px solid #000;
    border-radius: 10px;
    margin: 10px 0;
    overflow: hidden;
    transition: all 0.3s ease;
    
  }

  .faq-question {
    padding: 10px 20px;
    cursor: pointer;
    color: #000;
    display: flex
;
    justify-content: space-between;
    align-items: center;
    font-size: 1em;
  }

  .faq-answer {
    max-height: 0;
    padding: 0 20px;
    overflow: hidden;
    background-color: #ffffff;
    transition: max-height 0.3s ease, padding 0.3s ease;
    color: #333;
    font-size: 1em;
    border-radius: 0 0 10px 10px;
  }

  .faq-answer p {
    margin: 10px 0;
  }

  .faq-item.active .faq-answer {
    max-height: 280px;
    padding: 0px 20px;
    
  }

  .faq-item.active{
    border: 2px solid #000;
    box-shadow: 6px 6px 0px 0px black; /* Extra black border effect */
  }

  .faq-item.active .faq-question {
    color: #000;
    font-weight: 500;
    
  }

  

  .faq-item.active .faq-question::after {
    content: '-';
   
  }

  .faq-question::after {
    content: '+';
    font-size: 1.5em;
    color: #000;
  }

  /* For screens smaller than 1200px (laptops) */
@media (max-width: 1200px) {
.faq-section {
flex-direction: column;
align-items: center;
}

.faq-container {
width: 80%;
}
}

/* For screens smaller than 768px (tablets and smaller laptops) */
@media (max-width: 768px) {
.faq-section {
flex-direction: column-reverse;
align-items: center;
}

.faq-container {
width: 90%;
padding: 20px;
}

.faq-item {
margin: 8px 0;
}

.faq-img-container img {
width: 100%;
height: auto;
}
}

/* For screens smaller than 480px (smartphones) */
@media (max-width: 480px) {
.faq-heading {
font-size: 1.5em;
margin-bottom: 15px;
}

.faq-container {
width: 100%;
padding: 15px;
}

.faq-item {
margin: 5px 0;
}

.faq-question {
font-size: 0.9em;
}

.faq-answer p {
font-size: 0.9em;
}
}

  /* faq styles end */



  .hr-animate-roll {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 90%;
    margin: 115px auto;
  }

  .hr-animate-roll p {
    margin: 0;
  }

  .hr-animate-roll hr {
    flex-grow: 1;
    border: 1px solid #666;
    margin: 0;
    transform: scaleX(0); /* Starts hidden */
    transform-origin: left; /* Animates from the left edge */
    transition: transform 0.5s ease;
    
  }

  .hr-animate-roll.active hr {
    transform: scaleX(1); /* Fully extends */
  }


      /*footer */

      footer {
        box-sizing: border-box;
        color: #333; /* Darker text color for light theme */
        background-color: #fff; /* Light background color */
        display: inline-flex;
        width: 100%;
        margin-top: 50px;
        padding: 20px 0; /* Add padding for better layout */
      }
      
      .footer-container_1 {
        margin: 25px;
        width: 50%
      }
      
      .footer-container_1 h4 {
        font-family: 'Lora';
        font-size: 64px;
        color: #333; /* Darker color for headings */
        margin: 25px;
      }
      
      .footer-container_1 p {
        font-size: 14px;
        color: #666; /* Medium gray for secondary text */
        margin-left: 25px;
        margin-right: 25px;
        margin-bottom: 15px;
        margin-top: 15px;
      }
      
      .footer-container_1_experts_box img {
        width: 45px;
        height: auto;
        margin-right: 22px;
        border-radius: 50%;
        border: 1px solid #333; /* Darker border color */
      }
      
      .footer-container_1_experts_box {
        margin: 25px;
      }
      
      .footer-container_1_foot {
        margin: 25px;
        display: inline-flex;
      }
      
      .footer-container_1_foot_rect {
        width: 2px;
        height: 18px;
        background-color: #333;
      }
      
      .footer-container_1_foot a {
        font-size: 10px;
        margin: 5px;
        margin-top: 0px;
        color: #333;
        cursor: pointer;
        margin-left: 17px;
      }
      
      .footer-container_2 {
        display: inline-flex;
        flex-direction: column;
        width: 33.33333%;
        margin-top: 70px;
      }
      
      .footer-container_2 h6 {
        font-family: "Lora";
        font-size: 25px;
        color: #555; /* Slightly lighter color for subheadings */
        margin-bottom: 10px;
      }
      
      .footer-container_2 a {
        font-size: 20px;
        text-decoration: none;
        cursor: pointer;
        color: #333; /* Darker link color */
      }
      
      .footer-container_3 .email-form-container {
        display: none;
        position: relative;
        width: 91%;
        margin: 0 auto;
        padding: 20px;
        border-radius: 5px;
        background-color: #fff; /* White background for email form */
        box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Light shadow for subtle separation */
      }
      
      .footer-container_3 p {
        font-family: 'Lora';
        font-size: 21px;
        color: #333; /* Darker color for form text */
        margin: 10px;
      }
      
      .footer-submit-btn {
        margin-left: 10px;
        padding: 10px 20px;
        border: none;
        background-color: #333; /* Darker button background */
        color: white; /* Light text on button */
        border-radius: 5px;
        cursor: pointer;
      }
      
      .schedule-meeting {
        border-radius: 8px;
        background-color: #E9FF62; /* Darker background */
        color: black;
        transition: background-color 0.3s ease;
        padding: 5px 24px;
        padding-top: 0;
        text-decoration: none;
      }
      
      .schedule-meeting:hover {
        background-color: #000; /* Slightly lighter shade on hover */
        color: #fff;
      }
      
      .schedule-meeting svg {
        transition: transform 0.3s ease;
      }
      
      .schedule-meeting:hover svg {
        transform: rotate(44deg);
        fill: #fff;
      }

      a{
        text-decoration: none;
      }
      
      @media only screen and (max-width: 600px) {
        footer {
          display: inline-flex;
          flex-direction: column;
          margin-top: 50px;
          zoom: 100%;
        }
      
        .footer-container_1,
        .footer-container_2,
        .footer-container_3 {
          width: 100%;
          margin: 15px 0;
        }
      
        .footer-container_1 h4 {
          font-size: 62px;
          margin: 10px 0;
          text-align: center;
        }
      
        .footer-container_1 p {
          margin: 10px 20px;
          font-size: 12px;
          text-align: center;
        }
      
        .footer-container_1_experts_box {
          margin: 0 auto;
          display: flex;
          justify-content: center;
        }
      
        .footer-container_1_experts_box img {
          width: 24px;
          margin-right: 10px;
          height: 24px;
        }
      
        .footer-container_1_foot {
          display: flex;
          text-align: center;
          margin: 15px 0;
          justify-content: space-evenly;
        }
      
        .footer-container_1_foot_rect {
          display: none;
        } 
        .footer-container_1_foot a {
          font-size: 12px;
          margin: 5px;
        }
      
        .footer-container_2 h6 {
          font-size: 18px;
          margin-bottom: 5px;
        }
      
        .footer-container_2 a {
          font-size: 16px;
          margin-bottom: 5px;
        }
      
        .footer-container_3 .email-form-container {
          padding: 10px;
        }
      
        .footer-container_3 p {
          font-size: 16px;
          margin: 5px 0;
        }
      
        .footer-submit-btn {
          padding: 8px 16px;
          font-size: 14px;
          margin: 0 auto;
        }
      
        .newletter-signup-form {
          flex-direction: column;
          align-items: center;
        }
      
        .footer-container_2 {
          margin: 10px;
        }
        .email-input {
          width: 100%;
          margin-bottom: 10px;
        }
      }


      /* footer style end*/