/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* -------------------------------------------------------------------
   SLIDE MENU
------------------------------------------------------------------- */
#slide-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  z-index: 500;
  transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

#slide-menu.show {
  right: 0;
}

/* Block scroll when menu is opened */
body.show {
  overflow: hidden;
}

/* -------------------------------------------------------------------
   BUTTON ARROW
------------------------------------------------------------------- */
.icon-arrow-wrapper {
  height: 40px;
  max-height: 40px;
  min-height: 40px;
  border-radius: 100px;
  transform: translateZ(0);
}

.icon-btn {
  height: 16px;
  width: 16px;
  transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.button-wrapper:hover .icon-btn {
  transform: translate(45px, -45px);
}

.icon-btn-sec {
  height: 16px;
  width: 16px;
  position: absolute;
  transform: translate(-25px, 25px);
  transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.button-wrapper:hover .icon-btn-sec {
  transform: translate(0px, 0px);
}

/* -------------------------------------------------------------------
   SECTION PADDING & RESPONSIVE
------------------------------------------------------------------- */
.padding-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media screen and (max-width: 1250px) {
  .padding-section {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .padding-section {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .full-width-button-mobile a {
    width: 100%;
  }
}

/* -------------------------------------------------------------------
   ANIMATIONS
------------------------------------------------------------------- */
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}

.floating-up {
  animation: float 6s ease-in-out infinite;
}

/* -------------------------------------------------------------------
   GENERAL UTILITY & MISC STYLES
------------------------------------------------------------------- */
.flex-row {
  display: flex;
  flex-direction: row;
}

.logo-gallery .gallery {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.faq-border .elementor-toggle .elementor-tab-title {
  border: 1px solid;
}

.icon-button svg {
  height: 14px;
}

.icon-start .elementor-icon-list-icon {
  align-self: start;
}

p.elementor-heading-title {
  margin-bottom: 0;
}

.scroll-logo {
  transition-timing-function: linear !important;
}

.elementor-widget-text-editor p:last-child {
  margin-bottom: 0 !important;
}

.full-height-image {
  height: 100% !important;
}

/* Overflow images in cards */
.card-overflow-image {
  height: 100%;
  margin-top: -5%;
  margin-bottom: -5%;
  margin-left: -20%;
}
.card-overflow-image img {
  height: 100%;
  object-fit: cover;
}

/* Gold list styles */
.gold-list ul {
  list-style: none; 
  padding-inline-start: 0;
}

.gold-list li {
  display: flex;
}

.gold-list ul li::before {
  content: "\2022";  /* Unicode bullet */
  color: var(--e-global-color-accent);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: 0;
  flex-shrink: 0;
}

.elementor-icon-wrapper {
  display: flex;
}

/* Button goes full width */
.full-width-button a {
  width: 100%;
}

/* -------------------------------------------------------------------
   LOGO CAROUSEL
------------------------------------------------------------------- */
.logo-carousel .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.logo-carousel img {
  height: 50px;
  object-fit: contain;
  border-radius: 0;
}

.elementor-button-icon {
  display: flex;
}