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


span.heading_color { color: #F85508;}
.menu_btn a span.elementor-button-icon { background-color: #fff; padding: 5px; border-radius: 60px;}
.menu_btn a span.elementor-button-icon svg { fill: #0D3D65;}
.header_top ul.sub-menu { background-image: -webkit-linear-gradient(-145deg, rgb(253, 200, 48) 0%, rgb(243, 115, 53) 100%); padding: 10px 20px 15px 10px !important;}
.header_top ul.sub-menu li a { padding: 10px 30px 5px 0px !important;}
.header_top { position: fixed; top: 0px;}
.header_scroll { background-color: #0d3d65d6; top: 0; background-image: -webkit-linear-gradient(-145deg, rgb(253, 200, 48) 0%, rgb(243, 115, 53) 100%);
    background-image: -ms-linear-gradient(-145deg, rgb(253, 200, 48) 0%, rgb(243, 115, 53) 100%);}
.header_scroll img {  max-width: 70px !important;}
.header_scroll ul li a { font-size: 18px !important;}
.service_box:hover h3, .service_box:hover .elementor-widget-text-editor{ color: #fff !important;}
.morden_form { text-align: center; position: relative; background-color: #fff;}
.morden_form .elementor-widget-heading { padding: 30px 0 40px; position: relative; z-index: 1; overflow: hidden;}
.morden_form:after { content: " "; position: absolute; left: -5px; top: -5px; bottom: -5px; right: -5px;  z-index: -1;
    background-image: -moz-linear-gradient(-145deg, rgb(253, 200, 48) 15%, rgb(243, 115, 53) 50%); background-image: -webkit-linear-gradient(-145deg, rgb(253, 200, 48) 15%, rgb(243, 115, 53) 50%);
    background-image: -ms-linear-gradient(-145deg, rgb(253, 200, 48) 15%, rgb(243, 115, 53) 50%); }
.morden_form .elementor-widget-heading:before { content: " "; position: absolute; z-index: -1; width: 100%; height: 600px; border-radius: 100%; bottom: 0; left: 0px;
    background-image: -moz-linear-gradient(-145deg, rgb(253, 200, 48) 50%, rgb(243, 115, 53) 75%); background-image: -webkit-linear-gradient(-145deg, rgb(253, 200, 48) 50%, rgb(243, 115, 53) 75%);
    background-image: -ms-linear-gradient(-145deg, rgb(253, 200, 48) 50%, rgb(243, 115, 53) 75%);}

/**btn**/

.service_box { display: flex; border-radius: 15px; transition: all 2s; box-shadow: 5px 5px 60px rgb(235, 235, 235), -5px -5px 60px rgb(237, 237, 237) !important;}
.service_box:hover .elementor-widget-image { display: none;}
.service_box:before { content: " "; position: absolute; margin: auto; width: 55px; height: 35px; background-color: #F85508; border-radius: 15px 0px 40px 0px;
    transition: all 0.5s;}
.service_box:hover:before { background-color: #F85508; width: 100%; height: 100%; border-radius: 15px; transition: all 0.5s;}
/****/
.coures_box:after { content: " "; position: absolute; margin: auto; width: 100%; height: 300px; bottom: 0; background-color: #ffffff; border-radius: 0px 0px 70px 0px;
    transition: all 0.5s;}
.coures_box:hover:after { background-color: #fff; width: 100%; height: 100%; border-radius: 10px 10px 70px 0px; transition: all 0.5s;}
.coures_box .elementor-widget-image { overflow: hidden;}
.coures_box .elementor-widget-image .elementor-widget-container { overflow: hidden; border-radius: 70px 5px 5px 0px;}
.service_box:hover ul li span { color: #fff !important;}
.service_single .elementor-social-icons-wrapper { display: flex; flex-direction: column; gap: 10px !important;}

/*media screen*/

@media screen and (min-width:320px) and (max-width:767px) {
.header_scroll .elementor-element.elementor-element-c654cbe .elementor-nav-menu__container.elementor-nav-menu--dropdown { margin-top: 18px !important;}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.header_scroll ul li a { font-size: 16px !important;}
}