/*!
Theme Name: samax
Theme URI: https://www.tisdigitech.com
Author: Tis
Author URI: https://www.tisdigitech.com
Description: Description
Version: 1.0.0
Tested up to: 6.8.2
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain:  samax
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

samax is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.


*/

.live-header{padding: 15px 0; position: fixed; z-index: 99; width: 100%; background: transparent;}
.live-header .container{    background: rgba(0, 0, 0, 0.20) !important;
    border-radius: 50px;
    
    backdrop-filter: blur(50px); padding:0px 15px;}

   .live-header .container .contact-btn{margin-right: 0!important; margin-left: 15px; width: 140px!important;}
    .live-header .container ul {padding: 0;}
     .live-header .container ul a{padding: 20px 0; display: block;}
   .live-header .container ul li ul{display: none; position: absolute; top:100%; min-width: 200px;}
      .live-header .container ul li ul li{background: #69c6ab;}
         .live-header .container ul li ul li:hover{ background-color: #87D1BB !important;}
            .live-header .container ul li ul li a{color: #000; padding: 8px 16px;}
              .live-header .container ul li:hover ul{display: block;}
               .live-header .container ul li ul li:last-child {
        border-radius: 0 0 15px 15px;
        padding: 0 0 2px 0 !important;
    }


 .contact-btn{
            width: 137px; height: 46px; margin-right: 15px; display: flex; align-items: center; justify-content: center; border-radius: 23px; background: #5BD0B3;
             color: #000; border:1px solid #000; letter-spacing: -0.16px; font-weight: 800; font-size: 16px; transition: all .3s;
           
        } 
          .contact-btn:hover{background: #fff; color: #191A1B;}
        .language-switcher {
            background-color: transparent;
            color: white;
            border: none;
            padding: 8px 12px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 16px;
            cursor: pointer;
            position: relative; font-weight: 700;
          }
      
          .language-switcher svg {
            stroke:#fff
          }

          .language-switcher span img{width: auto; height: auto;}
      
          .language-dropdown {
            position: absolute;
            top: 100%;
            right: 0;
            background: #2b2b2b;
            border-radius: 4px;
            overflow: hidden;
            display: none;
            min-width: 80px;
            z-index: 1000; 
           
          }
      
          .language-dropdown button {
            background: transparent;
            border: none;
            width: 100%;
            color: white;
            padding: 8px;
            text-align: left;
            cursor: pointer;
          }
      
          .language-dropdown button:hover {
           background: #5BD0B3;
          }
.live-header  .container .row .navbar li{margin-right: 30PX;}
           .live-header  .container .row .navbar li a

 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.17px;
    position: relative;
}
  .live-header  .container .row .navbar li a svg{stroke: #fff;}


.live-footer{background: #69c6ab !important; padding: 60px 0 45px 0;}
.footer-menu{padding-bottom: 60px; border-bottom:solid 2px rgba(0,0,0,0.2) !important}
.footer-menu ul li{margin-right: 20px;}
.footer-menu ul li a{color:#000; font-weight: 500;}
.live-footer p{color: #000; font-size: 16px;}
.live-footer span a{color: #000; font-size: 16px;}
.live-footer a svg path{
    color: #fff;
    fill: #fff;
}
.live-footer a.social{width: 36px; height: 36px; margin-right: 10px; background: #000; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.mobile-btn{
  display: none;
} 

@media only screen and (max-width:991px) {
  .mobile-btn{
    display: block; background: none !important; border: none !important; padding: 0px !important;
    box-shadow: none !important;
  } 
  .mobile-btn svg{
    fill: #fff;
    display: block;
    height: 24px;
    pointer-events: none;
    width: 24px;
  }
 .live-header nav .navbar{
  display: none !important;
 }
 .live-header .row{
  flex-wrap: nowrap; justify-content:space-between;
 }
 .live-header .row .col-lg-2{
  width: auto;
 }
 .live-header .row .col-lg-7{
  width: auto;
 }
 .live-header .row .col-lg-3{
  width: auto;
 }
 .live-header .container{
      padding: 9px 24px;
 }
  .live-header {
    padding: 10px 15px;
  }
#exampleModal .modal-dialog{
  max-width: 100%; padding: 0px 15px;
}
#exampleModal .modal-content{
  background-color: #68c4aa;
    border-radius: 15px;
    padding: 40px;
}
#exampleModal .btn-close{ position: absolute; right: 30px; top: 20px; opacity: 1;
}
#exampleModal .modal-content .navbar{
  flex-wrap: wrap;
}
#exampleModal .modal-content .navbar li{
  width: 100%; text-align: center; margin-bottom: 20px;
}
  #exampleModal .modal-content .navbar li a{
    font-size: 24px; color: #000; font-weight: bold; display: block; margin-bottom: 10px;
  }
      #exampleModal .modal-content .navbar li ul li{
        margin-bottom: 0px;
      }
    #exampleModal .modal-content .navbar li ul li a{
      font-weight: normal; font-size: 24px; display: block; margin-bottom: 5px;
    }
}