.footer-layout2 {
      background: transparent;
      padding: 50px 0 20px 0;
    }
    .footer-about {
      margin-bottom: 30px;
    }
    .footer-about {
      display: flex;
      align-items: center; /* Align logo and text vertically */
      gap: 15px; /* Add spacing between logo and text */
    }

    .img-box img {
      width: 65%;
      height: auto;
      margin-bottom: 20px;
    }

    .text-box {
      flex: 1; /* Allow text to take remaining space */
    }

    .footer-about p {
      text-align: left;
    }
    .img-box {
      text-align: left;
      /* width: 300px; */
    }

    .newsletter p,
    .contact p {
      font-size: 1rem;
      line-height: 1.6;
    }
   

    .footer-about img {
      margin-bottom: 15px;
      width: 220px;
    }
    .support h4,
    .useful-links h4,
    .newsletter h4,
    .contact h4 {
      font-size: 22px;
      color: #0b8ec2;
    }
    .subscribe-btn {
      background-color: #0c8ec2;
      color: white;
      border: none;
      padding: 15px 20px;
    }
    .text-left p {
      color: black;
    }
    .footer-logo {
      margin-bottom: 20px;
    }
    .form-control,.form-select {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border: 2px solid #60BAD4;
    }
    .links-list {
      display: flex;
      flex-direction: column;
    }
    .links-list a {
      color: #737887;
    }
    .links-list a:hover {
      text-decoration: underline;
    }
    .newsletter-form {
      flex-direction: column;
      gap: 0;
      margin-top: 20px;
    }
    .copyright p {
      margin-bottom: 0;
      margin-top: 30px;
      font-size: 15px;
    }
    .social-icons {
      gap: 10px;
      display: flex;
      font-size: 25px;
    }
    .contact p {
      display: flex;
      align-items: start;
      gap: 8px; /* Adjust spacing between icon and text */
      margin-bottom: 5px;
    }

    .contact p i {
      min-width: 20px; /* Ensures the icon has a fixed width */
      text-align: center;
      margin-top: 5px;
    }
    .footer-wrapper .col-lg-3 {
      display: flex;
      flex-direction: column;
    }
    
    #home-section{
      background: none;
    }
    #home-xeno-main {
      position: relative;
      overflow: hidden;
    }
    #home-xeno-main-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 40px;
      left: 0;
      background: url("../img/bg/main_bg_1.jpg");
      background-size: cover;
      background-position: right;
      background-repeat: no-repeat;
    }
    .nav-item.dropdown:hover .dropdown-menu {
      display: block !important;
      margin-top: 0; /* Remove Bootstrap's default margin */
    }
    .dropdown-menu {
        display: none !important;
    }

    .main-menu .nav-item a {
      position: relative;
      padding-bottom: 5px;
      transition: all 0.3s ease;
    }

    .main-menu .nav-item a::after {
      content: "";
      position: absolute;
      width: 0;
      height: 3px;
      bottom: 20px;
      left: 50%;
      background-color: #60BAD4;
      /* background-color: #fff;  */
      transition: all 0.3s ease;
      transform: translateX(-50%);
    }
    .dropdown-item a::after {
        bottom: 0 !important;
        background: none !important;
    }

    .main-menu .nav-item a.active,
    .main-menu .nav-item a:hover {
      color: #053175; /* Change this to your preferred hover/active color */
    }

    .main-menu .nav-item a.active::after,
    .main-menu .nav-item a:hover::after {
      width: 80%;
    }
    @media (min-width: 990px) {
    .service-3d-full .service-3d_text {
         max-width: 100%; 
    }
    }
    @media (max-width: 990px) {
    .xion-col-rev{
        flex-direction:column-reverse!important;
    }
    .xion-col-inn{
        position:relative;
        z-index:2;
    }
    }
      @media(max-width:990px){
    #home-xeno-main-bg{
      opacity: 0;
    }
    .service-3d-full::before{
        opacity: 0;
    }
  }