/*
Theme Name:   Hello Elementor Child
Theme URI:    https://elementor.com/
Description:  Custom Child Theme for Sunnah Marriage Coaching website, built on Hello Elementor.
Author:       Shamim Sarder
Author URI:   https://dev.sunnahmarriagecoaching.com/
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/

/* আপনার যেকোনো কাস্টম সিএসএস (CSS) কোড এরপর থেকে নিচে লিখতে পারবেন */


.menu_1 li{
    padding: 5px 10px !important;
    margin-bottom: 5px !important;
}
.menu_1 li:hover, .menu_1 .is-active{
    background: #D6D2C4;
    border-radius: 5px;
    color: #009999 !important;
}
.menu_1, .is-active .elementor-icon-list-text{
    color: var(--e-global-color-accent) !important;
}
 .menu_1, .is-active .elementor-icon-list-icon svg{
fill: var(--e-global-color-accent) !important;
}
.menu_2 .number {
	background-color: black;
	padding: 3px 7px;
	border-radius: 50%;
	color: white;
	font-size: 14px;
	margin-right: 5px;
}

.card_level img{
    max-height: 30px;
    width: auto;
    
}
.card_level .number{
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 2px;
	border-radius: 50%;
	margin-right: 10px;
	color: white !important;
}
.card_level{
	background-color: #FFFFFF45;
	border-radius: 5px;
}
/* ১. ডিফল্ট অবস্থায় ড্রপডাউনটি ইনভিসিবল এবং একটু নিচে নেমে থাকবে */
.menu_dropdown_profile { 
    /* স্মুথ অ্যানিমেশনের মূল ট্রিক */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px); /* ১০ পিক্সেল নিচে নামিয়ে রাখা */
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

/* ২. যখন মেইন প্রোফাইল ক্লাসের ওপর মাউস হোভার হবে, তখন স্মুথলি ভেসে উঠবে */
.menu_top_profile:hover .menu_dropdown_profile {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important; /* আগের পজিশনে ফিরে আসবে */
}
.menu_top_profile{
	cursor: pointer;
}