.elementor-2018 .elementor-element.elementor-element-e7b8bb7{--display:flex;}/* Start custom CSS for html, class: .elementor-element-2e80831 *//* Section Titles */
.section-title {
    font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.8em !important;
    letter-spacing: 0.5px !important;
    text-transform: capitalize !important;
    border-left: 4px solid #764ba2 !important;
    padding-left: 8px !important;
    margin-bottom: 12px !important;
}

/* Card Titles (Business Names, Experience Roles) */
.business-name,
.experience-role {
    font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.2em !important;
    color: #ffffff !important;
}

/* Main Header Name (Krishnamurthhy) */
.name {
    font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;
    font-weight: 700 !important;   /* heavier to stand out */
    font-size: 1.5em !important;     /* larger */
    letter-spacing: 1px !important;
    color: #ffffff !important;     /* white text in dark theme */
}

/* Smaller subtitles (Job Title, Company, Description) */
.title,
.experience-company,
.business-desc,
.experience-desc {
    font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 1em !important;
    color: inherit !important;
}

.profile-pic img {
    width: 120px;        /* adjust size */
    height: 120px;
    border-radius: 8px;  /* small rounded corners, or 0px for perfect square */
    object-fit: cover;   /* keeps aspect ratio, crops excess */
    border: 3px solid #fff; /* optional border */
    box-shadow: 0 4px 12px rgba(0,0,0,0.2); /* same style as before */
}

/* Contact Buttons Wrapper */
.contact-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    margin-top: 20px !important;
}

/* Base Button Style */
.contact-btn {
    width: 100% !important;
    padding: 14px !important;
    border-radius: 25px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    transition: all 0.3s ease !important;
    font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;
}

/* Share Button (gradient) */
.contact-btn.share {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    color: #fff !important;
    border: none !important;
}

/* Save Contact Button (outlined style) */
.contact-btn.save {
    background: #fff !important;
    color: #667eea !important;
    border: 2px solid #667eea !important;
}

/* Hover Effects */
.contact-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
}

body.light-theme .name {
    color: #212529!important;;
}

body.light-theme .title {
    color: #495057 !important;;
}

.name {
    color: #ffffff;   /* White text */
    font-weight: 700;
}

.title {
    color: #c0c0c0 !important;   /* Light gray text */
    font-weight: 500;
}

/* Light Theme Override */
body.light-theme .name {
    color: #212529 !important;   /* Dark gray (almost black) */
}

body.light-theme .title {
    color: #343a40 !important;   /* Dark gray for better readability */
}

button, .btn {
    border-radius: 50px !important;  /* Force pill/curve shape */
    padding: 10px 24px;              /* Adjust padding */
    font-weight: 600;                /* Make text bold */
    transition: all 0.3s ease;
}

button:hover, .btn:hover {
    transform: scale(1.05);          /* Subtle hover zoom */
}

/* Default (dark theme) */
body {
    background-color: #121212 !important;   /* Dark background */
    color: #ffffff!important;              /* White text */
}

/* Light Theme text colors */
body.light-theme .name {
    color: #ffffff!important;   /* Keep white for visibility */
}

body.light-theme .title {
    color: #c0c0c0!important;   /* Softer gray */
}

body.light-theme .btn {
    background-color: #f8f9fa !important;  /* Light button */
    color: #212529 !important;
}

.contact-info p,
.contact-info a,
.contact-info span {
    display: block;
    word-wrap: break-word;       /* Break long words */
    overflow-wrap: break-word;   /* Modern support */
    white-space: normal;         /* Allow text to wrap */
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 12px;              /* space between icon & text */
}

.contact-item .text {
    flex: 1;                /* allow text to use remaining space */
    min-width: 0;           /* CRUCIAL: lets flexbox shrink text */
    white-space: normal !important;    /* allow wrapping */
    overflow-wrap: anywhere;/* break long email/urls */
    word-break: break-word;
}

.elementor-icon-list-item {
    display: flex;
    align-items: flex-start;   /* icon stays at top if text wraps */
    gap: 10px;
    width: 100%;              /* take full container width */
}

.elementor-icon-list-text {
    flex: 1;
    min-width: 0;
    white-space: normal !important;   /* force text to break */
    word-break: break-all !important; /* break long words anywhere */
    overflow-wrap: anywhere !important;
    line-height: 1.6;
}

.contact-container .elementor-icon-list-item {
    margin-bottom: 8px; /* spacing between items */
}

.contact-container .elementor-icon-list-icon {
    font-size: 18px;    /* keep icon size same */
}

.contact-container .elementor-icon-list-text {
    font-size: 16px;    /* keep text size same */
}/* End custom CSS */