.cta-footer-wrapper {
    background-color: #0b131f !important;
    background-image: url('../images/Ellipse 705.png'), url('../images/Ellipse 706-1.png');
    background-position: 1% 10%, bottom right;
    background-repeat: no-repeat, no-repeat;
    background-size: 50% auto, 100% 80%; /* Decreased height of second image */
    position: relative;
    min-height: 100vh;
    height: 100%;
    overflow: hidden;
}

 .line {
     position: relative;
     top: 70px;
     width: 30px;
      border: none;
     border-top: 2px solid grey;
 }

 /* CTA Section */
 .cta-section {
     padding: 120px 0 80px;
     text-align: left;
     position: relative;
     display: flex;
     align-items: center;
     min-height: 70vh;
 }

 .cta-section .container {
     position: relative;
     z-index: 2;
     width: 100%;
 }

 .cta-section h2 {
     font-size: 3.5rem;
     font-weight: 500;
     line-height: 1.1;
     margin-bottom: 50px;
     color: white;
     text-align: left;
 }

 .cta-section .highlight3 {
     color: #00d4aa;
     font-weight: 500;
 }

 .email-form {
     display: flex;
     align-items: center;
     gap: 20px;
     margin-bottom: 80px;
 }

 .email-input {
     flex: 1;
     max-width: 400px;
     background: transparent;
     border: none;
     border-bottom: 2px solid white;
     padding: 15px 0;
     font-size: 0.9rem;
     color: white;
     outline: none;
     transition: border-color 0.3s ease;
 }

 .email-input::placeholder {
     color: rgb(196, 193, 193);
     position: relative;
     left: 10px;
 }

 .email-input:focus {
     border-bottom-color: #00d4aa;
 }

 .submit-btn {
     width: 30px;
     height: 30px;
     background: #00d4aa;
     border: none;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: all 0.3s ease;
     position: relative;
     left: -50px;
 }

 .submit-btn:hover {
     background: #00b894;
     transform: scale(1.1);
 }

 .submit-btn i {
     color: white;
     font-size: 0.7rem;
 }

 /* Horizontal Social Icons */
 .social-icons {
     position: absolute;
     right: 130px;
     top: 65%;
     transform: translateY(-50%);
     display: flex;
     flex-direction: row;
     gap: 15px;
     z-index: 3;
 }

 .social-icon {
     width: 35px;
     height: 35px;
     background: #00d4aa;
     border: 1px solid rgba(0, 212, 170, 0.4);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #ffffff;
     text-decoration: none;
     transition: all 0.3s ease;
     backdrop-filter: blur(10px);
     font-size: 22px;
 }

 /* Facebook icon - white f on teal circular background */
 .social-icon.facebook {
     background: white !important;
     color: white !important;
     border: none;
 }

 .social-icon.facebook i {
     color: #00d4aa !important;
     font-weight: bold;
     font-size: 34.5px;
     right: -0.5px;
     position: relative;
     top: -1px;
 }

 .social-icon.facebook:hover {
     
     transform: scale(1.1);
 }

 .social-icon:hover {
     background: #00d4aa;
     color: white;
     transform: scale(1.1);
 }

 /* Separator Line */
 .line2 {
     width: 82.5%;
     text-align: center;
     border: none;
     border-top: 2px solid grey;
     margin: 0 auto;
     position: relative;
     top: -120px;
 }

 /* Footer */
 .footer {
     padding: 20px 0 40px;
     height: 100px;
 }

 .footer-content {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     gap: 40px;
     margin-bottom: 40px;
     position: relative;
     top: -100px;
 }

 .footer-section:first-child {
     grid-column: span 1;
 }

 /* logo2 styling */
 .logo2 {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-bottom: 20px;
     position: relative;
     left: -130px;
 }

 .logo2-image {
     height: 100px;
     /* Adjust height as needed */
     width: 500px;
     /* Maintains aspect ratio */
     object-fit: contain;
     /* Ensures logo scales properly */

 }

 @keyframes rotate {
     from {
         transform: rotate(0deg);
     }

     to {
         transform: rotate(360deg);
     }
 }


 .footer-section h4 {
     color: white;
     font-size: 1rem;
     margin-bottom: 10px;
     font-weight: 700;
 }

 .footer-section p {
     color: rgb(207, 204, 204);
     font-size: 0.95rem;
     line-height: 1.2;
     margin-bottom: 10px;
 }

 .footer-section a {
     color: rgb(207, 204, 204);
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .footer-section a:hover {
     color: #00d4aa;
 }


 .contact-info2 {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 5px;
     /* Reduced from 15px to 5px */
 }

 .contact-info2 i {
     color: white;
     width: 20px;
 }

 .contact-info2 span {
     color: rgb(207, 204, 204);
     font-size: 0.95rem;
     line-height: 1.2;
     /* Changed from 0.1px to 1.2 for better readability */
 }

 /* Mobile responsive */
 @media (max-width: 768px) {
     .cta-footer-wrapper {
         background-size: 70% auto, 70% auto;
     }

     .cta-section {
         padding: 80px 0 60px;
         text-align: center;
         min-height: auto;
     }

     .cta-section h2 {
         font-size: 3rem;
         margin-bottom: 40px;
         text-align: center;
     }

     .social-icons {
         position: static;
         justify-content: center;
         margin-top: 40px;
         transform: none;
         flex-wrap: wrap;
     }

     .email-form {
         flex-direction: column;
         align-items: stretch;
         gap: 20px;
         margin-bottom: 40px;
     }

     .email-input {
         max-width: none;
     }

     .submit-btn {
         align-self: center;
     }

     .footer-content {
         grid-template-columns: 1fr;
         gap: 40px;
         text-align: center;
     }

     .footer-section:first-child {
         grid-column: span 1;
     }
 }

 @media (max-width: 480px) {
     .cta-section h2 {
         font-size: 2.5rem;
     }

     .social-icons {
         gap: 10px;
     }

     .social-icon {
         width: 45px;
         height: 45px;
     }
 }