.elementor-1266 .elementor-element.elementor-element-8990520{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.67;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-1266 .elementor-element.elementor-element-8990520:not(.elementor-motion-effects-element-type-background), .elementor-1266 .elementor-element.elementor-element-8990520 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vitthalpilescenter.com/wp-content/uploads/2026/07/breadcrumb.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1266 .elementor-element.elementor-element-8990520::before, .elementor-1266 .elementor-element.elementor-element-8990520 > .elementor-background-video-container::before, .elementor-1266 .elementor-element.elementor-element-8990520 > .e-con-inner > .elementor-background-video-container::before, .elementor-1266 .elementor-element.elementor-element-8990520 > .elementor-background-slideshow::before, .elementor-1266 .elementor-element.elementor-element-8990520 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1266 .elementor-element.elementor-element-8990520 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0F2239;background-image:url("https://vitthalpilescenter.com/wp-content/uploads/2026/07/breadcumb_shape_1_1.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1266 .elementor-element.elementor-element-36d2187{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1266 .elementor-element.elementor-element-36d2187 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:48px;font-weight:600;color:#FFFFFF;}.elementor-1266 .elementor-element.elementor-element-9f6b687{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-1266 .elementor-element.elementor-element-9f6b687 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-1266 .elementor-element.elementor-element-207151b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:04%;--padding-bottom:0%;--padding-left:04%;--padding-right:04%;}.elementor-1266 .elementor-element.elementor-element-3765581{text-align:start;}.elementor-1266 .elementor-element.elementor-element-3765581 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:40px;font-weight:300;line-height:48px;color:#F8380C;}.elementor-1266 .elementor-element.elementor-element-a9d46c7{text-align:start;}.elementor-1266 .elementor-element.elementor-element-a9d46c7 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:60px;font-weight:700;line-height:70px;color:#0F2239;}.elementor-1266 .elementor-element.elementor-element-43f0779{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:04%;--padding-bottom:04%;--padding-left:04%;--padding-right:04%;}.elementor-1266 .elementor-element.elementor-element-19fa2d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1266 .elementor-element.elementor-element-6807071{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1266 .elementor-element.elementor-element-eb3e6d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1266 .elementor-element.elementor-element-0e9cade{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1266 .elementor-element.elementor-element-19fa2d4{--width:25%;}.elementor-1266 .elementor-element.elementor-element-6807071{--width:25%;}.elementor-1266 .elementor-element.elementor-element-eb3e6d8{--width:25%;}.elementor-1266 .elementor-element.elementor-element-0e9cade{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-1ca1b35 *//* ==========================================================================
   FORCED OVERFLOW CARD AND BUTTON ELEVATION BREAKOUT
   ========================================================================== */

/* 1. Main Structural Anchor Container */
.doctor-card {
    position: relative !important;
    width: 100%;
    max-width: 340px; 
    background-color: #ffffff !important;
    border-radius: 16px !important;
    overflow: visible !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    font-family: 'Poppins', 'Montserrat', sans-serif !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.doctor-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important;
}

/* 2. Top Image Content Box */
.doc-image-wrap {
    position: relative !important;
    width: 100%;
    background-color: #F1F5F9 !important; 
    border-radius: 16px 16px 0 0 !important;
    overflow: visible !important; 
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

.doc-image-wrap img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 16px 16px 0 0 !important; 
}

/* 3. Floating Social Interface Stack Elevation Group */
.doc-social-stack {
    position: absolute !important;
    right: 20px !important;
    
    /* Anchored down precisely on the line intersection */
    bottom: -23px !important; 
    
    display: flex !important;
    
    /* FIXED: Restored standard top-to-bottom column format */
    flex-direction: column !important; 
    
    align-items: center !important;
    gap: 12px !important;
    z-index: 99999 !important; 

    /* Hidden by default until card hover action triggers */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: all 0.4s ease-in-out !important;
}

/* 4. Text Content Card Box */
.doc-info-content {
    position: relative !important;
    z-index: 10 !important; 
    padding: 15px 25px 10px 25px !important; 
    background-color: #ffffff !important;
    border-radius: 0 0 16px 16px !important;
}


/* ==========================================================================
   BUTTON CONFIGURATIONS, COLORS & SPEEDS
   ========================================================================== */

.doc-social-stack .social-btn,
.doc-social-stack .social-trigger-btn {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* White social links layout configuration */
.doc-social-stack .social-btn {
    background-color: #ffffff !important;
    color: #FF3600 !important; 
    font-size: 16px !important;
    
    /* Prepares individual elements to pop upwards smoothly */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(20px) scale(0.8) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Orange main action trigger button configuration */
.doc-social-stack .social-trigger-btn {
    background-color: #FF3600 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    
    /* FIXED: Removed order mutation rule entirely */
}

/* ==========================================================================
   HOVER ACTIONS: REVEAL ENTIRE STACK
   ========================================================================== */

/* Reveal the container stack area */
.doctor-card:hover .doc-social-stack {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Transition layers display rules activation */
.doctor-card:hover .social-btn {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

/* Balanced timing curves activation for linear reveal animation */
.doctor-card:hover .social-btn:nth-child(1) { transition-delay: 0.2s !important; }
.doctor-card:hover .social-btn:nth-child(2) { transition-delay: 0.1s !important; }
.doctor-card:hover .social-btn:nth-child(3) { transition-delay: 0s !important; }

/* Rotates icon inside the orange main circle trigger node from '+' into a 'x' symbol */
.doctor-card:hover .social-trigger-btn i {
    transform: rotate(135deg) !important;
    transition: transform 0.4s ease !important;
}

.doc-social-stack .social-trigger-btn i {
    transition: transform 0.4s ease !important;
}

.doc-social-stack .social-btn:hover {
    background-color: #0F2239 !important; 
    color: #ffffff !important;
}

/* Typography styles configuration */
.doc-name {
    margin: 0 0 6px 0 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0F2239 !important;
    letter-spacing: -0.3px !important;
}

.doc-qualification {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #FF3600 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9bbb85e *//* ==========================================================================
   FORCED OVERFLOW CARD AND BUTTON ELEVATION BREAKOUT
   ========================================================================== */

/* 1. Main Structural Anchor Container */
.doctor-card {
    position: relative !important;
    width: 100%;
    max-width: 340px; 
    background-color: #ffffff !important;
    border-radius: 16px !important;
    overflow: visible !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    font-family: 'Poppins', 'Montserrat', sans-serif !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.doctor-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important;
}

/* 2. Top Image Content Box */
.doc-image-wrap {
    position: relative !important;
    width: 100%;
    background-color: #F1F5F9 !important; 
    border-radius: 16px 16px 0 0 !important;
    overflow: visible !important; 
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

.doc-image-wrap img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 16px 16px 0 0 !important; 
}

/* 3. Floating Social Interface Stack Elevation Group */
.doc-social-stack {
    position: absolute !important;
    right: 20px !important;
    
    /* Anchored down precisely on the line intersection */
    bottom: -23px !important; 
    
    display: flex !important;
    
    /* FIXED: Restored standard top-to-bottom column format */
    flex-direction: column !important; 
    
    align-items: center !important;
    gap: 12px !important;
    z-index: 99999 !important; 

    /* Hidden by default until card hover action triggers */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: all 0.4s ease-in-out !important;
}

/* 4. Text Content Card Box */
.doc-info-content {
    position: relative !important;
    z-index: 10 !important; 
    padding: 15px 25px 10px 25px !important; 
    background-color: #ffffff !important;
    border-radius: 0 0 16px 16px !important;
}


/* ==========================================================================
   BUTTON CONFIGURATIONS, COLORS & SPEEDS
   ========================================================================== */

.doc-social-stack .social-btn,
.doc-social-stack .social-trigger-btn {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* White social links layout configuration */
.doc-social-stack .social-btn {
    background-color: #ffffff !important;
    color: #FF3600 !important; 
    font-size: 16px !important;
    
    /* Prepares individual elements to pop upwards smoothly */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(20px) scale(0.8) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Orange main action trigger button configuration */
.doc-social-stack .social-trigger-btn {
    background-color: #FF3600 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    
    /* FIXED: Removed order mutation rule entirely */
}

/* ==========================================================================
   HOVER ACTIONS: REVEAL ENTIRE STACK
   ========================================================================== */

/* Reveal the container stack area */
.doctor-card:hover .doc-social-stack {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Transition layers display rules activation */
.doctor-card:hover .social-btn {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

/* Balanced timing curves activation for linear reveal animation */
.doctor-card:hover .social-btn:nth-child(1) { transition-delay: 0.2s !important; }
.doctor-card:hover .social-btn:nth-child(2) { transition-delay: 0.1s !important; }
.doctor-card:hover .social-btn:nth-child(3) { transition-delay: 0s !important; }

/* Rotates icon inside the orange main circle trigger node from '+' into a 'x' symbol */
.doctor-card:hover .social-trigger-btn i {
    transform: rotate(135deg) !important;
    transition: transform 0.4s ease !important;
}

.doc-social-stack .social-trigger-btn i {
    transition: transform 0.4s ease !important;
}

.doc-social-stack .social-btn:hover {
    background-color: #0F2239 !important; 
    color: #ffffff !important;
}

/* Typography styles configuration */
.doc-name {
    margin: 0 0 6px 0 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0F2239 !important;
    letter-spacing: -0.3px !important;
}

.doc-qualification {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #FF3600 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3de30d5 *//* ==========================================================================
   FORCED OVERFLOW CARD AND BUTTON ELEVATION BREAKOUT
   ========================================================================== */

/* 1. Main Structural Anchor Container */
.doctor-card {
    position: relative !important;
    width: 100%;
    max-width: 340px; 
    background-color: #ffffff !important;
    border-radius: 16px !important;
    overflow: visible !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    font-family: 'Poppins', 'Montserrat', sans-serif !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.doctor-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important;
}

/* 2. Top Image Content Box */
.doc-image-wrap {
    position: relative !important;
    width: 100%;
    background-color: #F1F5F9 !important; 
    border-radius: 16px 16px 0 0 !important;
    overflow: visible !important; 
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

.doc-image-wrap img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 16px 16px 0 0 !important; 
}

/* 3. Floating Social Interface Stack Elevation Group */
.doc-social-stack {
    position: absolute !important;
    right: 20px !important;
    
    /* Anchored down precisely on the line intersection */
    bottom: -23px !important; 
    
    display: flex !important;
    
    /* FIXED: Restored standard top-to-bottom column format */
    flex-direction: column !important; 
    
    align-items: center !important;
    gap: 12px !important;
    z-index: 99999 !important; 

    /* Hidden by default until card hover action triggers */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: all 0.4s ease-in-out !important;
}

/* 4. Text Content Card Box */
.doc-info-content {
    position: relative !important;
    z-index: 10 !important; 
    padding: 15px 25px 10px 25px !important; 
    background-color: #ffffff !important;
    border-radius: 0 0 16px 16px !important;
}


/* ==========================================================================
   BUTTON CONFIGURATIONS, COLORS & SPEEDS
   ========================================================================== */

.doc-social-stack .social-btn,
.doc-social-stack .social-trigger-btn {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* White social links layout configuration */
.doc-social-stack .social-btn {
    background-color: #ffffff !important;
    color: #FF3600 !important; 
    font-size: 16px !important;
    
    /* Prepares individual elements to pop upwards smoothly */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(20px) scale(0.8) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Orange main action trigger button configuration */
.doc-social-stack .social-trigger-btn {
    background-color: #FF3600 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    
    /* FIXED: Removed order mutation rule entirely */
}

/* ==========================================================================
   HOVER ACTIONS: REVEAL ENTIRE STACK
   ========================================================================== */

/* Reveal the container stack area */
.doctor-card:hover .doc-social-stack {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Transition layers display rules activation */
.doctor-card:hover .social-btn {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

/* Balanced timing curves activation for linear reveal animation */
.doctor-card:hover .social-btn:nth-child(1) { transition-delay: 0.2s !important; }
.doctor-card:hover .social-btn:nth-child(2) { transition-delay: 0.1s !important; }
.doctor-card:hover .social-btn:nth-child(3) { transition-delay: 0s !important; }

/* Rotates icon inside the orange main circle trigger node from '+' into a 'x' symbol */
.doctor-card:hover .social-trigger-btn i {
    transform: rotate(135deg) !important;
    transition: transform 0.4s ease !important;
}

.doc-social-stack .social-trigger-btn i {
    transition: transform 0.4s ease !important;
}

.doc-social-stack .social-btn:hover {
    background-color: #0F2239 !important; 
    color: #ffffff !important;
}

/* Typography styles configuration */
.doc-name {
    margin: 0 0 6px 0 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0F2239 !important;
    letter-spacing: -0.3px !important;
}

.doc-qualification {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #FF3600 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-03b4a57 *//* ==========================================================================
   FORCED OVERFLOW CARD AND BUTTON ELEVATION BREAKOUT
   ========================================================================== */

/* 1. Main Structural Anchor Container */
.doctor-card {
    position: relative !important;
    width: 100%;
    max-width: 340px; 
    background-color: #ffffff !important;
    border-radius: 16px !important;
    overflow: visible !important; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    font-family: 'Poppins', 'Montserrat', sans-serif !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.doctor-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important;
}

/* 2. Top Image Content Box */
.doc-image-wrap {
    position: relative !important;
    width: 100%;
    background-color: #F1F5F9 !important; 
    border-radius: 16px 16px 0 0 !important;
    overflow: visible !important; 
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

.doc-image-wrap img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 16px 16px 0 0 !important; 
}

/* 3. Floating Social Interface Stack Elevation Group */
.doc-social-stack {
    position: absolute !important;
    right: 20px !important;
    
    /* Anchored down precisely on the line intersection */
    bottom: -23px !important; 
    
    display: flex !important;
    
    /* FIXED: Restored standard top-to-bottom column format */
    flex-direction: column !important; 
    
    align-items: center !important;
    gap: 12px !important;
    z-index: 99999 !important; 

    /* Hidden by default until card hover action triggers */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: all 0.4s ease-in-out !important;
}

/* 4. Text Content Card Box */
.doc-info-content {
    position: relative !important;
    z-index: 10 !important; 
    padding: 15px 25px 10px 25px !important; 
    background-color: #ffffff !important;
    border-radius: 0 0 16px 16px !important;
}


/* ==========================================================================
   BUTTON CONFIGURATIONS, COLORS & SPEEDS
   ========================================================================== */

.doc-social-stack .social-btn,
.doc-social-stack .social-trigger-btn {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* White social links layout configuration */
.doc-social-stack .social-btn {
    background-color: #ffffff !important;
    color: #FF3600 !important; 
    font-size: 16px !important;
    
    /* Prepares individual elements to pop upwards smoothly */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(20px) scale(0.8) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Orange main action trigger button configuration */
.doc-social-stack .social-trigger-btn {
    background-color: #FF3600 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    
    /* FIXED: Removed order mutation rule entirely */
}

/* ==========================================================================
   HOVER ACTIONS: REVEAL ENTIRE STACK
   ========================================================================== */

/* Reveal the container stack area */
.doctor-card:hover .doc-social-stack {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Transition layers display rules activation */
.doctor-card:hover .social-btn {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

/* Balanced timing curves activation for linear reveal animation */
.doctor-card:hover .social-btn:nth-child(1) { transition-delay: 0.2s !important; }
.doctor-card:hover .social-btn:nth-child(2) { transition-delay: 0.1s !important; }
.doctor-card:hover .social-btn:nth-child(3) { transition-delay: 0s !important; }

/* Rotates icon inside the orange main circle trigger node from '+' into a 'x' symbol */
.doctor-card:hover .social-trigger-btn i {
    transform: rotate(135deg) !important;
    transition: transform 0.4s ease !important;
}

.doc-social-stack .social-trigger-btn i {
    transition: transform 0.4s ease !important;
}

.doc-social-stack .social-btn:hover {
    background-color: #0F2239 !important; 
    color: #ffffff !important;
}

/* Typography styles configuration */
.doc-name {
    margin: 0 0 6px 0 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0F2239 !important;
    letter-spacing: -0.3px !important;
}

.doc-qualification {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #FF3600 !important;
}/* End custom CSS */