.elementor-181 .elementor-element.elementor-element-3bcc9f4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-181 .elementor-element.elementor-element-b1b8d47{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-181 .elementor-element.elementor-element-b86ce8d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-181 .elementor-element.elementor-element-b86ce8d .elementor-menu-toggle{margin:0 auto;}.elementor-181 .elementor-element.elementor-element-b86ce8d .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-181 .elementor-element.elementor-element-b86ce8d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-181 .elementor-element.elementor-element-b86ce8d .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#02010100;}.elementor-181 .elementor-element.elementor-element-b86ce8d .elementor-nav-menu--dropdown a{padding-top:15px;padding-bottom:15px;}.elementor-181 .elementor-element.elementor-element-b86ce8d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-181 .elementor-element.elementor-element-b86ce8d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:13px !important;}.elementor-181 .elementor-element.elementor-element-d98a588{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--z-index:9999;}.elementor-181 .elementor-element.elementor-element-11c0dcf{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-5e22b88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-861f9b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 5px;}.elementor-181 .elementor-element.elementor-element-861f9b1 .elementor-menu-toggle{margin:0 auto;}.elementor-181 .elementor-element.elementor-element-861f9b1 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}.elementor-181 .elementor-element.elementor-element-7c90ebe .cpel-switcher__lang a{font-size:11px;}.elementor-181 .elementor-element.elementor-element-7c90ebe .cpel-switcher__nav{--cpel-switcher-space:15px;}.elementor-181 .elementor-element.elementor-element-7c90ebe .cpel-switcher__name{padding-left:10px;}.elementor-181 .elementor-element.elementor-element-7c90ebe .cpel-switcher__code{padding-left:10px;}body:not(.rtl) .elementor-181 .elementor-element.elementor-element-a350d1c{left:0px;}body.rtl .elementor-181 .elementor-element.elementor-element-a350d1c{right:0px;}.elementor-181 .elementor-element.elementor-element-a350d1c{top:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-181 .elementor-element.elementor-element-3bcc9f4{--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-181 .elementor-element.elementor-element-ea02978{width:auto;max-width:auto;}}/* Start custom CSS for html, class: .elementor-element-193782e */#site-logo-mobile {
    display: block;
    width: 60px;
    height: 60px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de285a2 */.elementor-181 .elementor-element.elementor-element-de285a2 .e-con-inner {
    display: none !important;
}

#lang-switcher {
    display: flex;
    justify-content: center;
}


#mobile-menu ul li::before {
    display: none !important;
}


#mobile-nav {
    position: relative;
    z-index: 1;
  }

  #open-popup {
    color: #fff;
    padding: 0.45rem 1rem;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  
  #open-popup i {
      font-size: 12px;
      margin-right: 5px;
  }

  #popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(8px);
    color: #fff;
    z-index: 99999;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
  }

  #close-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #af1e2d;
    border: none;
    border-radius: 50%;
    color: #ffffff60;
    cursor: pointer;
    height: 40px;
    width: 40px; /* Increased size for better tap area */
  }

  #close-popup:hover {
    color: #fff;
    background: #ff1515;
  }
  
  
  .logo-cont {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  
  .logo-cont a {
      width: 100px !important;
  }
  
  .logo-cont p {
    display: inline-block;
    font-size: 10px;
    font-style: italic;
    
}

   #menu-mobile-menu-sk {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
  }

   #menu-mobile-menu-sk li {
    margin: 30px 0; 
    padding: 0;
    
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    
  }
  
  
   #menu-mobile-menu-sk li a {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      
    
  }
  
   #menu-mobile-menu-sk li::before {
      display: none;
  }

  /* Prevent scrolling on the body when the popup is open */
   body.no-scroll {
    overflow: hidden;
  }
  
  
  /* Hide submenus by default */
.mobile-menu .sub-menu {
    display: none;
}

/* Show submenus when 'open' class is added */
.mobile-menu .sub-menu.open {
    display: block;
}

.mobile-menu .menu-item-has-children > a::after {
    content: '+';
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: transform 1s ease, content 0.5s ease, background 1s ease, color 1s ease;
    position: absolute;
    left: auto;
    right: 10px;
    padding-top: 1px;
}

/* Style for the - sign */
.mobile-menu .menu-item-has-children.expanded > a::after {
  content: '-';
  transform: rotate(180deg);
}

/*about us spitter*/
#about-mobile {
    min-width: 250px;
    border-radius: 10px;
    padding: 5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea02978 */.elementor-181 .elementor-element.elementor-element-ea02978 #main-cta {
    font-size: 7px !important;
    padding: 8px 8px!important;  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a37fcda */#site-logo:after {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b896708 */.elementor-181 .elementor-element.elementor-element-b896708 p {
    font-size: .6vw;
    letter-spacing: 0;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-861f9b1 */.elementor-181 .elementor-element.elementor-element-861f9b1 li:before {
    width: 22px;
    height: 22px;
    left: -5px;
    display: block;
    margin-top: 0px;
    top: 28px;
}

.elementor-181 .elementor-element.elementor-element-861f9b1 span {
    display: inline-block;
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ca2476f */.elementor-181 .elementor-element.elementor-element-ca2476f p {
    font-size: .5vw;
    margin-top: 12px;
    font-style: italic;
    word-spacing: 0;
    opacity: .6;
}/* End custom CSS */
/* Start custom CSS for polylang-language-switcher, class: .elementor-element-7c90ebe */.elementor-181 .elementor-element.elementor-element-7c90ebe ul li::before {
    background: #00000015 ;
    width: 22px;
    height: 22px;
    left: -5px;
    display: block;
    margin-top: 0px;
    top: 16px;
}

.elementor-181 .elementor-element.elementor-element-7c90ebe li {
    margin: 0;
    padding: 0;
}

.elementor-181 .elementor-element.elementor-element-7c90ebe a {
    display: flex;
    color: var(--dark-red);
}

.cpel-switcher__name {
    padding-left: 5px !important;
}/* End custom CSS */
/* Start custom CSS */#music-container {
    position: fixed;
    bottom: 35px;
    right: 10px;
    z-index: 10;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #212121;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    width: 320px; 
    transition: width 0.8s ease, opacity 0.8s ease;
    overflow: hidden; /* Prevent overflow */
}

#custom-player {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    flex-wrap: nowrap;
    font-family: var(--base-ff);
}


#time-wrapper {
     font-size: 11px;
     display: flex;
     width: 70px;
     justify-content: space-between;
}



/*Progress bar*/
/*Volume slider style */

  #progressBar,
  #volumeSlider{ 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
    opacity: .5;
    transition: all .8s;
    background: #a7a7a7;
  }
  
  #volumeSlider {
      opacity: 1 !important;
  }

  #progressBar:focus-visible,
  #progressBar:hover {
    opacity: 1;
  }

  #progressBar:active,
  #progressBar:focus-visible {

  }

  #progressBar::-webkit-slider-thumb,
   #volumeSlider::-webkit-slider-thumb {
    width: 5px;
    height: 5px;
    aspect-ratio: 1; 
    border-radius: 50%; 
    box-shadow: 0 0 0 5px inset #f2f2f2; 
    border-image: linear-gradient(90deg, #fff 50%, #555 0) 0 1/calc(50% - 5px) 100vw/0 calc(100vw + 8px);
    -webkit-appearance: none;
    appearance: none;
    transition: 0.8s;
  }

  #progressBar::-moz-range-thumb,
   #volumeSlider::-moz-range-thumb{
    background: none;
    border-radius: 50%; 
    box-shadow: 0 0 0 5px inset #fff; 
    border-image: linear-gradient(90deg, #f2f2f2 50%, #555 0) 0 1/calc(50% - 5px) 100vw/0 calc(100vw + 8px);
    -moz-appearance: none;
    appearance: none;
    transition: 0.8s; 
  }
  

  
 


/*Volume control*/

#volumeControl {
    display: none;
}

#song-info {
    color: #fff;
    font-size: 10px;
    margin-bottom: 10px;
    text-align: left;
    font-style: italic;
    transition: opacity 0.3s ease;
}

/* Collapsed state */
#music-container.collapsed {
    width: 0px; 
    opacity: 0; 
}

#music-container.collapsed #song-info {
    opacity: 0; /* Hide the song info in collapsed state */
}

#togglePlayerBtn {
    background: none;
    border: none;
    color: #ffffffa8;
    font-size: 11px;
    cursor: pointer;
    margin-left: 10px;
    z-index: 10; 
    position: fixed;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 5px;
    transition: all .8s;
    opacity: .80;
    
    background: #af1e2d;
}

#togglePlayerBtn:hover {
    color: #fff;
    opacity: 1;
}

#togglePlayerBtn img {
    width: 20px;
    margin-right: 5px;
}

/*Play - Pause btn*/

#playPauseBtn {
    width: 100px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    padding: 3px;
    opacity: .7;
    transition: all .8s;
    font-size: 11px;
    
    
    background: #f2f2f2;
}

#playPauseBtn:hover {
    opacity: 1;
}

/*Close btn*/

#hide-btn {
    background: #af1e2d;
    border: none;
    border-radius: 50%;
    color: #ffffff60;
    cursor: pointer;
    height: 20px;
    width: 20px;
    transform: scale(.7);
    transition: all .8s;
}

#hide-btn:hover {
    color: #fff;
    background: #ff1515;
}

#hide-btn:before {
    content: 'x';
    position: absolute;
    top: 1.5px;
    left: 6.5px;
}



/* Volume Control Overlay */
#volumeControlOverlay {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    opacity: 0;
    transition: opacity 0.8s ease;
    z-index: 1001;
}

#volumeControlOverlay.hidden {
    opacity: 0;
}

#volumeSlider {
    transform: rotate(270deg);
    width: auto;
    height: 5px;
    cursor: pointer;
    bottom: 102px;
    right: -38px;
    position: absolute;
}

#muteBtn, #volumeBtn {
    background: none;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

/* Fade effect for volume control */
#volumeControlOverlay.show {
    opacity: 1;
}



/*Periodic HIDE the mute btn*/
#muteBtn {
    display: none;
    opacity: 0;
    visibility: hidden;
}


#song-info {
    padding: 10px 0 0 0;
}

#famous-quote {
    position: relative;
    font-size: 10px;
    color: #fff;
    text-align: left;
    margin-top: 10px;
    font-style: italic;
    background: #212121;
    padding: 10px;
    border-radius: 10px;
    transition: opacity 0.8s ease;
    display: flex;
    flex-direction: column;
}

#famous-quote:hover .copy-btn {
    display: block; /* Show button on hover */
}

.author-name {
    font-style: normal;
    font-size: 8px;
    opacity: .7;
}

.copy-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 12px;
    color: #fff;
    background: var(--red-dark);
    border: none;
    padding: 2px 5px;
    border-radius: 3px;
    cursor: pointer;
    display: none; /* Hidden by default */
}

.copy-btn:active {
    background: rgba(255, 255, 255, 0.5);
}

.copy-message {
    position: absolute;
    top: -20px;
    right: 10px;
    font-size: 10px;
    color: #fff;
    display: block;
}/* End custom CSS */