@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css");

/* Basic Styles */
body {
    background-color:#033067;
    color: #fff;
    font-family: 'Lexend', sans-serif;
    margin-top: 5%;


  

.content-form {
    width: 100%;
    max-width: 600px;
    margin: 50px auto;
    padding: 20px;
    color: #fff;
    text-align: center;
    font-family: Arial, sans-serif;
}
.strategy-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
   }
   .strategy-form label {
      text-align: left;
      font-size: 14px;
      margin-bottom: -21px;
   }
   .strategy-form input {
      padding: 12px;
      border: 1px solid #444;
      border-radius: 5px;
      font-size: 16px;
      color: #000;
    }
    .strategy-form span {
    color: red;
    }
.logo-img {
    width: 50px;
    height: auto;
    background-color: none;
}
  /* Animation  */
  html {
    scroll-behavior: smooth;
  }
   /* Fade-in animation */
.fade-in {
    opacity: 0;
    transition: opacity 1.5s ease-out;
}

.fade-in.active {
    opacity: 1;
}

/* Left fade-in animation */
.fade-in-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}

.fade-in-left.active {
    opacity: 1;
    transform: translateX(0);
}
  
.map-container iframe {
    width: 500px;
    height: 400px;
    border: 0;
    margin-left: 1px;
}





.inquiry-btn {
    background-color:#033067; /* Red background */
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}



/* Mobile menu icon */
 .menu-icon{
    font-size: 30px;
    color: black;
    cursor: pointer;
    display: none;
}

/* Hiding the nav links initially for mobile */
.mobile-menu {
    display: none;
    flex-direction: column;
}

.mobile-menu li {
    margin: 10px 0;
}

.col-md-9 {
    margin-left: -44px;
}
.data-11{
    color: #ff0;
}






/* Sticky Sidebar */
.sticky-sidebar {
    position: sticky;
    top: 80px;
}

.sticky-sidebar ul {
    list-style: none;
    padding: 0;
}

/* .sticky-sidebar ul li {
    margin-bottom: 20px;
} */

.sticky-sidebar ul li a {
    color: #ff0;
    text-decoration: none;
}

.sticky-sidebar ul li a:hover {
    text-decoration: underline;
}

.text {
    color: #ff0;
}

.text-1 {
    color: #ff0;
    margin-left: 76px;
    font-size: 17px;
}

.text-2 {
    color: #ff0;
    margin-left: 133px;
    font-size: 12px;
}

.p {
    margin-top: 0;
    margin-bottom: 0rem;
}

.sticky-sidebar {
    position: sticky;
    top: 80px; /* Adjust based on your layout */
    border-right: 2px solid #fff; /* White line between the sidebar and content */
    padding-right: 15px; /* Optional: Add some padding to ensure content does not touch the border */
}

/* General Form Styles */
.form-control {
    color: #fff;
}

.section-title {
    font-size: 2rem;
    font-weight: bold;
    
}

.btn-outline-light {
    background-color: whitesmoke;
    color: black;
}

.btn-outline-light:hover {
    background-color: green;
    color: white;
}

.video-example {
    margin-bottom: 20px;
}
.fill-form{
    width: 308px;
    margin-left: 263px;

}

.section-subtitle {
    color: #ff0;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
}

.find-us-container {
    text-align: center;
    
    color: yellow;
    padding: 20px;
}

.find-us-container h2 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #ffff00; /* Yellow color */
    margin-left: -576px;
}
.map-and-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

.map-container iframe {
    width: 500px;
    height: 400px;
    border: 0;
    margin-left: 1px;
}
  .form-heading{
    color: #d8ff00;
    font-size: 20px;
  }
  .form-title{
    color: darkgray;
    font-size: 40px;
  }
/* Contact information styling */
.contact-info {
        color: white;
        margin-right: -162px;
        margin-left: 513px;
        margin-top: -318px;
        font-size: 12px;
    }
    .sticky-sidebar ul li a {
        color: #ff0;
        text-decoration: none;
        font-size:17 px;
    }
    /* Submit button */
 .submit-button {
    background-color: #e60000;
    color: #fff;
    padding: 12px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    }
    .submit-button:hover {
        background-color: yellowgreen;
      }
     








/* Mobile View Adjustments */
@media (max-width: 786px) {
    
   

    .form-control {
        font-size: 1rem;
    }

    .btn-block {
        font-size: 1.2rem;
    }

    .section-title {
        font-size: 1.5rem;
        margin-left: -27px;
    }

    iframe {
        width: 100%;
        height: auto;
    }

    .sticky-sidebar {
        display: none;
    }

    .text-1, .text-2 {
        margin-left: 100px; /* Reduce the margin for mobile */
        font-size: 10px; /* Adjust the font size for mobile */
        /* font-size: 14px; */

    }
    /* Media queries for mobile responsiveness */
    

   .menu-icon {
        display: block; /* Show the mobile menu icon */
        color: black;
    }

    /* Show the mobile menu when clicked */
    
    /* Hide the inquiry button in mobile view */
    .inquiry-btn {
        display: none;
    }

    .col-md-9 {
        margin-left: 0; /* Remove margin for better alignment */
        padding: 10px; /* Add padding for mobile */
    }

    /* Ensure proper alignment of sidebar items */
    .text-1, .text-2 {
        margin-left: 45px; /* Reduce the margin for mobile */
        font-size: 14px; /* Adjust font size for mobile */
         
    }
        .p {
          margin-top: 0;
          margin-bottom: 0rem;
        }
    
        .btn-outline-light{
            margin-bottom: 27px;
        }
        
            .fill-form {
              margin-left:-4px; /* Adjust or remove margin for mobile */
            }
            find-us-wrapper {
                flex-direction: column;
                align-items: center;
            }
        
            .contact-info {
                text-align: center;
                margin-left: 27px;
            }
            .map-container {
                margin-left: 96px;
            }
            .map-and-info {
                flex-direction: column;
                align-items: center;
                margin-left: 50PX;
            }
            
        .map-container iframe {
            width: 305px;
            height: 250px;
            margin-left: -147px;
        }
        .contact-info p1 {
            margin-left: 20px;
            margin-right: 12px;
        }
        .find-us-container h2{
            margin-left: -9PX;
        }
        .section-subtitle {
            font-size: 17px;
        }
    
        
            .contact-info {
                margin-right: 0;
                margin-left: -81px;
                margin-top: 20px;
                text-align: center; /* Align center for tablets as well */
                font-size: 11px; /* Slightly larger font size than phones */
            }
        
        }

}