.elementor-639 .elementor-element.elementor-element-e8be605{--display:flex;}@media(max-width:767px){.elementor-639 .elementor-element.elementor-element-e8be605{--content-width:500px;}}/* Start custom CSS for html, class: .elementor-element-be5dc50 *//* Custom Round Logo for Elementor */
.custom-round-logo img {
    width: 130px !important;      /* Aap apni zaroorat ke hisaab se size change kar sakte hain */
    height: 130px !important;     /* Dhyan rahe: Width aur Height bilkul same honi chahiye */
    border-radius: 50% !important; /* Isse image perfect gol banegi */
    object-fit: contain !important; /* Contain lagane se image side se katega nahi */
    background-color: #ffffff !important; /* Andar ka background white rakhega */
    padding: 8px !important;      /* Logo aur border ke beech thoda space dega */
    border: 4px solid #f5c400 !important; /* Aapka theme wala golden border */
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important; /* Thoda sa 3D shadow effect */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8be605 *//* LOGO ROUND FIX */
        .profile-img { 
            width: 130px; 
            height: 130px; 
            
            /* Shapes it into a perfect circle */
            border-radius: 30%; 
            
            /* Border styling */
            border: 4px solid #f5c400; 
            background: #ffffff; 
            
            /* Centers the logo halfway over the hero image */
            margin-top: -65px; 
            
            /* Ensures the image fills the circle without distortion */
            object-fit: cover; 
            object-position: center; /* Keeps the center of the image visible */
            
            /* Removes padding so the image covers the whole circle area inside the border */
            padding: 0; 
            
            box-shadow: 0 5px 15px rgba(0,0,0,0.5);
            position: relative;
            z-index: 2;
        }/* End custom CSS */