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

.hero-img-shape-1 {
    z-index: 2;
    top: -350px;
    right: 44.3%;
}
.shape-mockup {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}
.logo-icon-wrap .logo-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    margin-top: -3px;
    margin-bottom: 0;
    border: 1px solid #768382;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    line-height: 97px;
}
.logo-icon-wrap .logo-icon img {
    width: 49px;
}
.logo-icon-wrap__text {
    display: inline-block;
    min-height: 120px;
    min-width: 120px;
    border-radius: 50%;
    z-index: 1;
    font-size: 13px;
    font-family: var(--title-font);
    font-weight: 500;
    color: #fff;
    text-align: center;
    background: rgba(49, 78, 82, 0.368627451);
    border: 2px solid #768382;
    -webkit-backdrop-filter: blur(8.1px);
    backdrop-filter: blur(8.1px);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    animation: spin 10s infinite alternate-reverse;
}
.logo-icon-wrap__text span {
    --rotate-letter: 18deg;
    min-height: 62px;
    position: absolute;
    min-width: 62px;
    left: 13px;
    top: -4px;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: rotate(var(--rotate-letter));
    transform: rotate(var(--rotate-letter));
}
.logo-icon-wrap__text span.char2 {
    transform: rotate(calc(18deg * 2));
}
.logo-icon-wrap__text span.char2 {
    transform: rotate(calc(18deg * 3));
}
.menus_items ul.sub-menu li {
    border-bottom: 1px solid #fff;
}
.menus_items ul.sub-menu li:last-child {
    border: none;
}
@keyframes spin {
	0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}