/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/*
    Add your custom styles here
*/
.countdown-container { display: flex;justify-content: center;gap: 20px;width: 100%;max-width:300px;margin: 0 auto;}
.minutes-container, 
.seconds-container {display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: #01A38E;  width:40%;height: 120px;color: #fff;    }
.minutes, .seconds {font-size:60px;line-height: 1em;font-weight:normal;  }
.minutes-label, .seconds-label {text-transform: capitalize;font-size: 20px;font-weight:normal;}
h1.entry-title {
    color: #17479E;
}
br.breakMob {
    display: none !important; 
}
.blinkArrow.adjustCta .elementor-button-icon {
    position: relative;
    animation: blinker 1s ease infinite;
}
@keyframes blinker {
  40% {
    opacity: 0;
  }
}
#issueSilder .elementor-swiper-button i {
    background: #fff;
    border-radius: 50%;
    padding: 7px;
    box-shadow: 0 0 5px #888;
}
@media (max-width: 1440px) {
.elementor-2061 .elementor-element.elementor-element-316e681e:not(.elementor-motion-effects-element-type-background), .elementor-2061 .elementor-element.elementor-element-316e681e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-position: bottom center;
background-size: contain;
}}


@media (max-width: 800px) {
.countdown-container{margin: 0 auto 15px;}  
.minutes-container, .seconds-container {font-size: 0.7em;width: 47%;height: 100px;}
}
@media (max-width: 767px) {
br.breakMob {
    display: block !important;}

    
}
@media (max-width: 480px) {
.minutes-container, .seconds-container {width: 35%;}
.minutes, .seconds {font-size: 50px;}
.countdown-container {margin: 0;}
}
.iframe-wrapper {position: relative;width: 100%;      height: 150px; }
.iframe-overlay {position: absolute;top: 0; left: 0; width: 100%;height: 100%;z-index: 2;background: rgba(255, 255, 255, 0);        }
.iframe-overlay:hover {    cursor: pointer;}