/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.0.1751625400
Updated: 2025-07-04 10:36:40

*/

.alt-shake-btn.shake {
  animation: shakeOnly 0.6s ease;
}

@keyframes shakeOnly {
  0% { transform: translateX(0); }
  10% { transform: translateX(-5px); }
  20% { transform: translateX(5px); }
  30% { transform: translateX(-5px); }
  40% { transform: translateX(5px); }
  50% { transform: translateX(0); }
  100% { transform: translateX(0); }
}
/* .btn1 {
 animation: shakeThenPulse 2s infinite;
}
@keyframes shakeThenPulse {
  0% { transform: translateX(0); }
  10% { transform: translateX(-5px); }
  20% { transform: translateX(5px); }
  30% { transform: translateX(-5px); }
  40% { transform: translateX(5px); }
  50% { transform: translateX(0); }
} */
/* circles css  */
.first-col::after,
.first-col::before,
.fith-col::after,
.fith-col::before,
.frth-col::after,
.frth-col::before,
.snd-col::after,
.snd-col::before,
.trd-col::after,
.trd-col::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 122px
}

.first-col::before,
.trd-col::before {
    top: -8px;
    width: 243px;
    background-color: #dcdcdc00;
    border: 20px solid #f29111;
    border-bottom: none;
    border-radius: 150px 150px 0 0;
    z-index: 1
}

.first-col::after,
.fith-col::after,
.trd-col::after {
    bottom: -8px;
    width: 243px;
    background-color: transparent;
    border: 20px solid #060816;
    border-top: none;
    border-radius: 0 0 150px 150px
}

.frth-col::before,
.snd-col::before {
    top: -8px;
    width: 239px;
    background-color: #dcdcdc00;
    border: 20px solid #060816;
    border-bottom: none;
    border-radius: 150px 150px 0 0
}

.frth-col::after,
.snd-col::after {
    bottom: -8px;
    width: 238px;
    background-color: transparent;
    border: 20px solid #f29111;
    border-top: none;
    border-radius: 0 0 150px 150px;
    z-index: 1
}

.fith-col::before {
    top: -8px;
    width: 243px;
    background-color: #dcdcdc00;
    border: 20px solid #f29111;
    border-bottom: none;
    border-radius: 150px 150px 0 0
}
#hover-menu {
  display: none;
  position: absolute;
  top: 70px; 
  z-index: 999;
}

/* Show on hover of second li */
ul#menu-1-8c26ca6 li:nth-child(2):hover ~ #hover-menu {
  display: block;
}
        .map-container {
            position: relative;
            width: 800px;
            margin: 0 auto;
        }
        .world-map {
            width: 100%;
            height: auto;
            border: 1px solid #ccc;
        }
        .location-marker {
            position: absolute;
            width: 20px;
            height: 20px;
            transform: translate(-50%, -50%);
        }
        .blinking-dot {
            width: 15px;
            height: 15px;
            background-color: #FF0000;
            border-radius: 50%;
            box-shadow: 0 0 10px #FF0000;
            animation: blink 1.5s infinite;
            cursor: pointer;
        }
        @keyframes blink {
            0% { opacity: 0.3; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1.2); }
            100% { opacity: 0.3; transform: scale(0.8); }
        }
        .tooltip {
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            background: white;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
            width: 200px;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
            margin-bottom: 15px;
        }
        .location-marker:hover .tooltip {
            opacity: 1;
            visibility: visible;
            margin-bottom: 5px;
        }
        .location-link {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
        }
.elementor-tab-title {
/*     width: 100%; */
    margin: 0 10px;
	    border: 1px solid #060816 !important;
}
.elementor-widget-tabs .elementor-tab-title.elementor-active {
    background: #F29111;
    border: none !important;
}
/* .hover-box:hover::before {
    transform: scale(1.1); /* Zooms in the background image on hover */
} */
.main-timer{
	 display: flex;
}
.timer {
            display: flex;
            gap: 10px;
             font-family: "DM Sans", Sans-serif;
        }
        .timer div {
					color: #fff;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 16px;
            padding: 0px;
            text-align: center;
            backdrop-filter: blur(5px);
            width: 130px;
					height: 125px;
        }
        .timer div span {
            display: block;
            font-size: 64px;
					color:#fff;
					font-weight:500;
					margin-bottom: -15px;
        }
.premium-woo-product-gallery-images {
    display: none;
}
.cf7-two-cols {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
	    justify-content: space-around;
}
.f-name,
.l-name,
.your-email,
.company,
.job-title,
.y-phone,
.website,
.country,
.message{
    border: 1px solid black;
    border-radius: 0 !important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 30%;
    background-color: #f29111;
    color: #fff;
    border: none;
    border-radius: 50px;
}
.cf7-two-cols .cf7-col {
  width: 48%;
}

.cf7-full {
  margin-top: 20px;
}

.cf7-full textarea {
  width: 100% !important;
  min-height: 150px;
}

/* Responsive for mobile */
@media (max-width: 768px) {
  .cf7-two-cols .cf7-col {
    width: 100%;
  }
	.map-container {
            width: 100%;
        }
}