/* 
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
*/

/* Add your custom styles here */

header#site-header, #site-footer { display: none; }

#content .cards_main .inner_card { width: 100%; height: 400px; display: flex; align-items: center; justify-content: center; border-radius: 10px; border: 2px solid #f1a11b; background-color: rgba(0, 0, 0, 0.4); padding: 20px; text-align: center; }
#content .cards_main .inner_card:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 30%); filter: blur(10px); z-index: 1; }
#content .cards_main .inner_card>.elementor-element { position: relative; z-index: 9; }
#content .cards_main .inner_card:hover { box-shadow: 0 0 84px 0 #f1a11b; }
#content .cards_main .inner_card:hover::after { background-color: rgb(0 0 0 / 70%); }
#content .cards_main .inner_card .elementor-widget-heading .elementor-heading-title { font-size: 31px; line-height: 1.1; }

#content .content_item { display: none; position: absolute; top: 0; }
#content .content_item.active { display: flex; }

#content .cards_main .inner_card .elementor-widget-icon .elementor-icon { width: 90px; height: 90px; padding: 15px; display: flex; align-items: center; justify-content: center; }
#content .cards_main .inner_card .elementor-widget-heading { height: 100px; overflow:hidden; }

.dialog-message>.elementor-video-container { width: 100%; height: 100vh; }
.dialog-message>.elementor-video-container>.elementor-video-wrapper>iframe, 
.dialog-message>.elementor-video-container>.elementor-video-wrapper { width: 100%; height: 100%; max-height: 100%; }

#content .nav_item .elementor-button-link { font-size: 25px; }
.dialog-lightbox-widget-content .dialog-close-button { background: #c60202; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 10px; }
#content .video_title { padding-block: 15px; padding-inline: 10px; }

@media(max-width:1600px){
	#content .cards_main .inner_card .elementor-widget-heading .elementor-heading-title { font-size: 27px; }
	#content .cards_main .inner_card { height: 330px; }
	#content .cards_main .inner_card .elementor-widget-icon .elementor-icon { width: 80px; height: 80px; }
}

@media(max-width:1440px){
	#content .cards_main .inner_card .elementor-widget-heading .elementor-heading-title { font-size: 25px; }
}

@media(max-width:1366px){
	#content .cards_main .inner_card .elementor-widget-heading .elementor-heading-title { font-size: 24px; }
	#content .nav_item .elementor-button-link { font-size: 25px; }
}

@media(max-width:1280px){
	#content .cards_main .main_col { zoom: 0.9; }
}

@media(max-width:1024px){
	#content .cards_main .main_col { zoom: 0.75; }
#content .cards_main .inner_card{
	width:45%;
}
#content .cards_main .inner_card .elementor-widget-heading {
    height: auto;
  
}


}

@media(max-width:800px){
	    #content .cards_main .main_col { zoom: 0.6;     }
/*     #content .cards_main .inner_card .elementor-widget-heading .elementor-heading-title {
        font-size: 21px;
    } */
}


@media(max-width:767px){

#content .cards_main .inner_card{
width:100%;
} 
#content .nav_item .elementor-button-link {
font-size: 20px;
}
.Video_col .elementor-wrapper {
--video-aspect-ratio: 1.333 !important;
}
.Video_col1 .elementor-custom-embed-play svg  {
           width: 45px;
}
#content .cards_main .inner_card {
height: 300px;
}
.main-heading .elementor-heading-title{
font-size:21px !important;
}
.video_title1 .elementor-heading-title {
font-size:18px !important;
}

.dialog-lightbox-widget-content .dialog-close-button {
width: 35px;
height: 35px;
border-radius: 4px;
}

}