.elementor-44 .elementor-element.elementor-element-256005a{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-2634012{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:10%;--padding-left:4%;--padding-right:4%;}.elementor-44 .elementor-element.elementor-element-0e44c94{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-44 .elementor-element.elementor-element-e5626a8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-a1cd527{--display:flex;}.elementor-44 .elementor-element.elementor-element-a1cd527.e-con{--align-self:center;}.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-44 .elementor-element.elementor-element-f8eacb5{text-align:start;}.elementor-44 .elementor-element.elementor-element-f8eacb5 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:40px;font-weight:300;line-height:48px;color:#F8380C;}.elementor-44 .elementor-element.elementor-element-4688a48{text-align:start;}.elementor-44 .elementor-element.elementor-element-4688a48 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:60px;font-weight:700;line-height:70px;color:#0F2239;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-43f482f{color:#7A7A7A;}.elementor-44 .elementor-element.elementor-element-7fcd65e{--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;--overlay-opacity:0.09;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:37%;--padding-left:0%;--padding-right:0%;}.elementor-44 .elementor-element.elementor-element-7fcd65e:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-7fcd65e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F2239;}.elementor-44 .elementor-element.elementor-element-7fcd65e::before, .elementor-44 .elementor-element.elementor-element-7fcd65e > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-7fcd65e > .e-con-inner > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-7fcd65e > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-7fcd65e > .e-con-inner > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-7fcd65e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0F2239;background-image:url("https://vitthalpilescenter.com/wp-content/uploads/2026/07/counter-below.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-44 .elementor-element.elementor-element-92ef3e0{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:15px 15px 15px 15px;--margin-top:-7%;--margin-bottom:0%;--margin-left:5%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;--z-index:2;}.elementor-44 .elementor-element.elementor-element-92ef3e0:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-92ef3e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vitthalpilescenter.com/wp-content/uploads/2026/07/counter-bg_1.png");}.elementor-44 .elementor-element.elementor-element-6d9a18b{--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;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF33;--border-color:#FFFFFF33;--padding-top:20%;--padding-bottom:20%;--padding-left:0%;--padding-right:2%;}.elementor-44 .elementor-element.elementor-element-d829238{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-d829238 .elementskit-funfact .funfact-icon img{margin-bottom:10px;}.elementor-44 .elementor-element.elementor-element-d829238 .elementskit-funfact-icon{font-size:40px;}.elementor-44 .elementor-element.elementor-element-d829238 .funfact-icon svg{font-size:40px;}.elementor-44 .elementor-element.elementor-element-d829238 .elementskit-funfact-icon, .elementor-44 .elementor-element.elementor-element-d829238 .elementskit-funfact svg{margin-bottom:15px;padding:0px;transform:rotate(0deg);}.elementor-44 .elementor-element.elementor-element-d829238 .elementskit-funfact{justify-content:center;display:flex;}.elementor-44 .elementor-element.elementor-element-d829238 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;font-family:"Jost", Sans-serif;font-size:50px;font-weight:700;margin-bottom:13px;}.elementor-44 .elementor-element.elementor-element-d829238 .elementskit-funfact .funfact-title{color:#FFFFFF;font-family:"Jost", Sans-serif;font-size:20px;}.elementor-44 .elementor-element.elementor-element-1ca73ac{--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;border-style:none;--border-style:none;--padding-top:20%;--padding-bottom:20%;--padding-left:0%;--padding-right:2%;}.elementor-44 .elementor-element.elementor-element-076d39b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-076d39b .elementskit-funfact .funfact-icon img{margin-bottom:10px;}.elementor-44 .elementor-element.elementor-element-076d39b .elementskit-funfact-icon{font-size:40px;}.elementor-44 .elementor-element.elementor-element-076d39b .funfact-icon svg{font-size:40px;}.elementor-44 .elementor-element.elementor-element-076d39b .elementskit-funfact-icon, .elementor-44 .elementor-element.elementor-element-076d39b .elementskit-funfact svg{margin-bottom:15px;padding:0px;transform:rotate(0deg);}.elementor-44 .elementor-element.elementor-element-076d39b .elementskit-funfact{justify-content:center;display:flex;}.elementor-44 .elementor-element.elementor-element-076d39b .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;font-family:"Jost", Sans-serif;font-size:50px;font-weight:700;margin-bottom:13px;}.elementor-44 .elementor-element.elementor-element-076d39b .elementskit-funfact .funfact-title{color:#FFFFFF;font-family:"Jost", Sans-serif;font-size:20px;}.elementor-44 .elementor-element.elementor-element-747db23{--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;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF33;--border-color:#FFFFFF33;--padding-top:20%;--padding-bottom:20%;--padding-left:0%;--padding-right:2%;}.elementor-44 .elementor-element.elementor-element-471029a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-471029a .elementskit-funfact .funfact-icon img{margin-bottom:10px;}.elementor-44 .elementor-element.elementor-element-471029a .elementskit-funfact-icon{font-size:40px;}.elementor-44 .elementor-element.elementor-element-471029a .funfact-icon svg{font-size:40px;}.elementor-44 .elementor-element.elementor-element-471029a .elementskit-funfact-icon, .elementor-44 .elementor-element.elementor-element-471029a .elementskit-funfact svg{margin-bottom:15px;padding:0px;transform:rotate(0deg);}.elementor-44 .elementor-element.elementor-element-471029a .elementskit-funfact{justify-content:center;display:flex;}.elementor-44 .elementor-element.elementor-element-471029a .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;font-family:"Jost", Sans-serif;font-size:50px;font-weight:700;margin-bottom:13px;}.elementor-44 .elementor-element.elementor-element-471029a .elementskit-funfact .funfact-title{color:#FFFFFF;font-family:"Jost", Sans-serif;font-size:20px;}.elementor-44 .elementor-element.elementor-element-3730463{--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;border-style:none;--border-style:none;--padding-top:20%;--padding-bottom:20%;--padding-left:0%;--padding-right:2%;}.elementor-44 .elementor-element.elementor-element-0d154b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-0d154b5 .elementskit-funfact .funfact-icon img{margin-bottom:10px;}.elementor-44 .elementor-element.elementor-element-0d154b5 .elementskit-funfact-icon{font-size:40px;}.elementor-44 .elementor-element.elementor-element-0d154b5 .funfact-icon svg{font-size:40px;}.elementor-44 .elementor-element.elementor-element-0d154b5 .elementskit-funfact-icon, .elementor-44 .elementor-element.elementor-element-0d154b5 .elementskit-funfact svg{margin-bottom:15px;padding:0px;transform:rotate(0deg);}.elementor-44 .elementor-element.elementor-element-0d154b5 .elementskit-funfact{justify-content:center;display:flex;}.elementor-44 .elementor-element.elementor-element-0d154b5 .elementskit-funfact .funfact-content .number-percentage-wraper{color:#FFFFFF;font-family:"Jost", Sans-serif;font-size:50px;font-weight:700;margin-bottom:13px;}.elementor-44 .elementor-element.elementor-element-0d154b5 .elementskit-funfact .funfact-title{color:#FFFFFF;font-family:"Jost", Sans-serif;font-size:20px;}.elementor-44 .elementor-element.elementor-element-b420ac5{--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.5;--margin-top:-26%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:04%;--padding-right:04%;}.elementor-44 .elementor-element.elementor-element-b420ac5:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-b420ac5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-44 .elementor-element.elementor-element-b420ac5::before, .elementor-44 .elementor-element.elementor-element-b420ac5 > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-b420ac5 > .e-con-inner > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-b420ac5 > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-b420ac5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-b420ac5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-44 .elementor-element.elementor-element-2313f56{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-c32fd89{--display:flex;}.elementor-44 .elementor-element.elementor-element-e63e93f{text-align:center;}.elementor-44 .elementor-element.elementor-element-e63e93f .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:600;color:#F8380C;}.elementor-44 .elementor-element.elementor-element-a96293b{text-align:center;color:#FFFFFF;}.elementor-44 .elementor-element.elementor-element-577177c{--display:flex;}.elementor-44 .elementor-element.elementor-element-8d91c87{text-align:center;}.elementor-44 .elementor-element.elementor-element-8d91c87 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:600;color:#F8380C;}.elementor-44 .elementor-element.elementor-element-2e97a20{text-align:center;color:#FFFFFF;}.elementor-44 .elementor-element.elementor-element-86c1295{--display:flex;}.elementor-44 .elementor-element.elementor-element-25a7e99{text-align:center;}.elementor-44 .elementor-element.elementor-element-25a7e99 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:600;color:#F8380C;}.elementor-44 .elementor-element.elementor-element-63ad1d0{text-align:center;color:#FFFFFF;}.elementor-44 .elementor-element.elementor-element-026a71f{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-44 .elementor-element.elementor-element-a60aaa8{--display:flex;}.elementor-44 .elementor-element.elementor-element-6293c3f.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-a8ea27d{--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;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-44 .elementor-element.elementor-element-a8ea27d:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-a8ea27d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-44 .elementor-element.elementor-element-a829260{text-align:start;}.elementor-44 .elementor-element.elementor-element-a829260 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:40px;font-weight:300;line-height:48px;color:#F8380C;}.elementor-44 .elementor-element.elementor-element-fa26873{text-align:start;}.elementor-44 .elementor-element.elementor-element-fa26873 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:60px;font-weight:700;line-height:70px;color:#0F2239;}.elementor-44 .elementor-element.elementor-element-37e64ad{--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:20px 30px;--row-gap:20px;--column-gap:30px;--padding-top:04%;--padding-bottom:15%;--padding-left:04%;--padding-right:04%;}.elementor-44 .elementor-element.elementor-element-37e64ad:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-37e64ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-44 .elementor-element.elementor-element-717e464{--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;--border-radius:10px 10px 10px 10px;}.elementor-44 .elementor-element.elementor-element-717e464:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-717e464 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-44 .elementor-element.elementor-element-1aca756.ekit-equal-height-enable,
					.elementor-44 .elementor-element.elementor-element-1aca756.ekit-equal-height-enable > div,
					.elementor-44 .elementor-element.elementor-element-1aca756.ekit-equal-height-enable .ekit-wid-con,
					.elementor-44 .elementor-element.elementor-element-1aca756.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box .elementskit-btn{background-color:#02010100;padding:0px 0px 0px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;line-height:11px;color:#F8380C;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-box-header{border-radius:6% 6% 6% 6%;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-box-header img{border-radius:6% 6% 6% 6%;padding:4% 4% 0% 4%;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box  .elementskit-box-header img{opacity:1;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box.elementskit-thumb-card >  img{opacity:1;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box:hover  .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box.elementskit-thumb-card:hover >  img{opacity:1;transform:scale(1.1);}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box .elementskit-box-body{padding:3% 04% 3% 4%;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box .elementskit-info-box-title{margin:0px 0px 20px 0px;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-size:24px;font-weight:600;line-height:34px;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box .elementskit-info-box-title {color:#0F2239;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box .elementskit-info-box-title a{color:#0F2239;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box .elementskit-info-box-title svg path{stroke:#0F2239;fill:#0F2239;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box:hover .elementskit-info-box-title {color:#0F2239;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box:hover .elementskit-info-box-title a{color:#0F2239;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box:hover .elementskit-info-box-title svg path{stroke:#0F2239;fill:#0F2239;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:28px;}.elementor-44 .elementor-element.elementor-element-1aca756 .elementskit-info-image-box .elementskit-btn svg path{stroke:#F8380C;fill:#F8380C;}.elementor-44 .elementor-element.elementor-element-d4589d4{--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;--border-radius:10px 10px 10px 10px;}.elementor-44 .elementor-element.elementor-element-d4589d4:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-d4589d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-44 .elementor-element.elementor-element-4e9c7f7.ekit-equal-height-enable,
					.elementor-44 .elementor-element.elementor-element-4e9c7f7.ekit-equal-height-enable > div,
					.elementor-44 .elementor-element.elementor-element-4e9c7f7.ekit-equal-height-enable .ekit-wid-con,
					.elementor-44 .elementor-element.elementor-element-4e9c7f7.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box .elementskit-btn{background-color:#02010100;padding:0px 0px 0px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;line-height:11px;color:#F8380C;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-box-header{border-radius:6% 6% 6% 6%;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-box-header img{border-radius:6% 6% 6% 6%;padding:4% 4% 0% 4%;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box  .elementskit-box-header img{opacity:1;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box.elementskit-thumb-card >  img{opacity:1;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box:hover  .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box.elementskit-thumb-card:hover >  img{opacity:1;transform:scale(1.1);}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box .elementskit-box-body{padding:3% 04% 3% 4%;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box .elementskit-info-box-title{margin:0px 0px 20px 0px;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-size:24px;font-weight:600;line-height:34px;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box .elementskit-info-box-title {color:#0F2239;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box .elementskit-info-box-title a{color:#0F2239;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box .elementskit-info-box-title svg path{stroke:#0F2239;fill:#0F2239;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box:hover .elementskit-info-box-title {color:#0F2239;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box:hover .elementskit-info-box-title a{color:#0F2239;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box:hover .elementskit-info-box-title svg path{stroke:#0F2239;fill:#0F2239;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:28px;}.elementor-44 .elementor-element.elementor-element-4e9c7f7 .elementskit-info-image-box .elementskit-btn svg path{stroke:#F8380C;fill:#F8380C;}.elementor-44 .elementor-element.elementor-element-e64526c{--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;--border-radius:10px 10px 10px 10px;}.elementor-44 .elementor-element.elementor-element-e64526c:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-e64526c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-44 .elementor-element.elementor-element-b9411d3.ekit-equal-height-enable,
					.elementor-44 .elementor-element.elementor-element-b9411d3.ekit-equal-height-enable > div,
					.elementor-44 .elementor-element.elementor-element-b9411d3.ekit-equal-height-enable .ekit-wid-con,
					.elementor-44 .elementor-element.elementor-element-b9411d3.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box .elementskit-btn{background-color:#02010100;padding:0px 0px 0px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;line-height:11px;color:#F8380C;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-box-header{border-radius:6% 6% 6% 6%;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-box-header img{border-radius:6% 6% 6% 6%;padding:4% 4% 0% 4%;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box  .elementskit-box-header img{opacity:1;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box.elementskit-thumb-card >  img{opacity:1;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box:hover  .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box.elementskit-thumb-card:hover >  img{opacity:1;transform:scale(1.1);}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box .elementskit-box-body{padding:3% 04% 3% 4%;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box .elementskit-info-box-title{margin:0px 0px 20px 0px;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-size:24px;font-weight:600;line-height:34px;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box .elementskit-info-box-title {color:#0F2239;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box .elementskit-info-box-title a{color:#0F2239;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box .elementskit-info-box-title svg path{stroke:#0F2239;fill:#0F2239;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box:hover .elementskit-info-box-title {color:#0F2239;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box:hover .elementskit-info-box-title a{color:#0F2239;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box:hover .elementskit-info-box-title svg path{stroke:#0F2239;fill:#0F2239;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:28px;}.elementor-44 .elementor-element.elementor-element-b9411d3 .elementskit-info-image-box .elementskit-btn svg path{stroke:#F8380C;fill:#F8380C;}.elementor-44 .elementor-element.elementor-element-5cc12c7{--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-44 .elementor-element.elementor-element-1c1d98b{--display:flex;}.elementor-44 .elementor-element.elementor-element-87cdf61{margin:-150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-87cdf61.elementor-element{--align-self:center;}.elementor-44 .elementor-element.elementor-element-9e6506a{--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:0%;--padding-bottom:0%;--padding-left:04%;--padding-right:04%;}.elementor-44 .elementor-element.elementor-element-b5e1faa{text-align:start;}.elementor-44 .elementor-element.elementor-element-b5e1faa .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:40px;font-weight:300;line-height:48px;color:#F8380C;}.elementor-44 .elementor-element.elementor-element-68844c6{text-align:start;}.elementor-44 .elementor-element.elementor-element-68844c6 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:60px;font-weight:700;line-height:70px;color:#0F2239;}.elementor-44 .elementor-element.elementor-element-6bc734f{--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-44 .elementor-element.elementor-element-5417baf{--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-44 .elementor-element.elementor-element-8f88cd2{--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-44 .elementor-element.elementor-element-711141e{--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-44 .elementor-element.elementor-element-92cec11{--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-44 .elementor-element.elementor-element-67ff6f0{--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-44 .elementor-element.elementor-element-cf5b448{--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-44 .elementor-element.elementor-element-72e9ea4{--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-44 .elementor-element.elementor-element-c9762df{--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-44 .elementor-element.elementor-element-80775a0{--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-44 .elementor-element.elementor-element-445e15c{--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-44 .elementor-element.elementor-element-7850415{text-align:start;}.elementor-44 .elementor-element.elementor-element-7850415 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:40px;font-weight:300;line-height:48px;color:#F8380C;}.elementor-44 .elementor-element.elementor-element-c1e8296{text-align:start;}.elementor-44 .elementor-element.elementor-element-c1e8296 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:60px;font-weight:700;line-height:70px;color:#0F2239;}.elementor-44 .elementor-element.elementor-element-fd78b5b{--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(max-width:1024px){.elementor-44 .elementor-element.elementor-element-92ef3e0{--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-2313f56{--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-026a71f{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-44 .elementor-element.elementor-element-0e44c94{--width:50%;}.elementor-44 .elementor-element.elementor-element-a1cd527{--width:50%;}.elementor-44 .elementor-element.elementor-element-92ef3e0{--width:90%;}.elementor-44 .elementor-element.elementor-element-6d9a18b{--width:100%;}.elementor-44 .elementor-element.elementor-element-1ca73ac{--width:100%;}.elementor-44 .elementor-element.elementor-element-747db23{--width:100%;}.elementor-44 .elementor-element.elementor-element-3730463{--width:100%;}.elementor-44 .elementor-element.elementor-element-717e464{--width:50%;}.elementor-44 .elementor-element.elementor-element-d4589d4{--width:50%;}.elementor-44 .elementor-element.elementor-element-e64526c{--width:50%;}.elementor-44 .elementor-element.elementor-element-5417baf{--width:25%;}.elementor-44 .elementor-element.elementor-element-8f88cd2{--width:25%;}.elementor-44 .elementor-element.elementor-element-711141e{--width:25%;}.elementor-44 .elementor-element.elementor-element-92cec11{--width:25%;}.elementor-44 .elementor-element.elementor-element-cf5b448{--width:25%;}.elementor-44 .elementor-element.elementor-element-72e9ea4{--width:25%;}.elementor-44 .elementor-element.elementor-element-c9762df{--width:25%;}.elementor-44 .elementor-element.elementor-element-80775a0{--width:25%;}}@media(max-width:767px){.elementor-44 .elementor-element.elementor-element-f8eacb5 .elementor-heading-title{font-size:25px;}.elementor-44 .elementor-element.elementor-element-4688a48 .elementor-heading-title{font-size:34px;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-7fcd65e{--margin-top:4%;--margin-bottom:26%;--margin-left:0%;--margin-right:0%;--padding-top:6%;--padding-bottom:6%;--padding-left:0%;--padding-right:0%;}.elementor-44 .elementor-element.elementor-element-92ef3e0{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0%;--margin-bottom:0%;--margin-left:4%;--margin-right:4%;}.elementor-44 .elementor-element.elementor-element-d829238 .elementskit-funfact .funfact-content .number-percentage-wraper{font-size:30px;}.elementor-44 .elementor-element.elementor-element-076d39b .elementskit-funfact .funfact-content .number-percentage-wraper{font-size:30px;}.elementor-44 .elementor-element.elementor-element-471029a .elementskit-funfact .funfact-content .number-percentage-wraper{font-size:30px;}.elementor-44 .elementor-element.elementor-element-0d154b5 .elementskit-funfact .funfact-content .number-percentage-wraper{font-size:30px;}.elementor-44 .elementor-element.elementor-element-b420ac5::before, .elementor-44 .elementor-element.elementor-element-b420ac5 > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-b420ac5 > .e-con-inner > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-b420ac5 > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-b420ac5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-b420ac5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://vitthalpilescenter.com/wp-content/uploads/2026/07/counter-below.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-44 .elementor-element.elementor-element-b420ac5{--overlay-opacity:0.5;--padding-top:20%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-44 .elementor-element.elementor-element-2313f56{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-026a71f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-a829260{text-align:center;}.elementor-44 .elementor-element.elementor-element-a829260 .elementor-heading-title{font-size:25px;}.elementor-44 .elementor-element.elementor-element-fa26873{text-align:center;}.elementor-44 .elementor-element.elementor-element-fa26873 .elementor-heading-title{font-size:34px;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-87cdf61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-b5e1faa{text-align:center;}.elementor-44 .elementor-element.elementor-element-b5e1faa .elementor-heading-title{font-size:25px;line-height:1em;}.elementor-44 .elementor-element.elementor-element-68844c6{text-align:center;}.elementor-44 .elementor-element.elementor-element-68844c6 .elementor-heading-title{font-size:34px;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-8f88cd2{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-44 .elementor-element.elementor-element-711141e{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-44 .elementor-element.elementor-element-92cec11{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-44 .elementor-element.elementor-element-7850415{text-align:center;}.elementor-44 .elementor-element.elementor-element-7850415 .elementor-heading-title{font-size:25px;line-height:1em;}.elementor-44 .elementor-element.elementor-element-c1e8296{text-align:center;}.elementor-44 .elementor-element.elementor-element-c1e8296 .elementor-heading-title{font-size:34px;line-height:1.1em;}}/* Start custom CSS for html, class: .elementor-element-56c1fcc */#hero .btn-group a.th-btn,
#hero .btn-group a.th-btn.style4,
a.th-btn,
button.th-btn,
.vs-btn,
.theme-btn,
.btn {
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    
    /* Forces identical vertical height, alignment, and spacing */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    height: 56px !important; /* Set your preferred height */
    padding: 0 35px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    letter-spacing: 0.5px !important;
    box-sizing: border-box !important;
    transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s ease-in-out !important;
}

/* --------------------------------------------------------------------------
   2. DEFAULT COLOR CONFIGURATIONS (NOT HOVERED)
   -------------------------------------------------------------------------- */

/* First Button (Filled) */
#hero .btn-group a.th-btn:not(.style4),
a.th-btn:not(.style4) {
    background-color: #FF3600 !important; /* Exact Orange theme color */
    color: #ffffff !important;
    border: 2px solid #FF3600 !important;
}

/* Second Button (Outline / Style4) */
#hero .btn-group a.th-btn.style4,
a.th-btn.style4 {
    background-color: transparent !important;
    color: #FF3600 !important; /* Forces the text to be orange */
    border: 2px solid #FF3600 !important; /* Matches border to orange */
}

/* --------------------------------------------------------------------------
   3. SMOOTH DIAGONAL HOVER SLIDE (FIXED LINE GLITCH)
   -------------------------------------------------------------------------- */

/* Setup pseudo-layers with "scale" to completely hide the line when not hovered */
#hero .btn-group a.th-btn::before,
#hero .btn-group a.th-btn::after,
#hero .btn-group a.th-btn.style4::before,
#hero .btn-group a.th-btn.style4::after,
a.th-btn::before,
a.th-btn::after,
button.th-btn::before,
button.th-btn::after,
.vs-btn::before,
.vs-btn::after,
.theme-btn::before,
.theme-btn::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 120% !important; /* Slightly wider than the button */
    height: 350% !important; /* Tall enough to cover rotated height */
    background-color: #0F2239 !important; /* Dark Blue Hover Background */
    z-index: -1 !important;
    
    /* Using scaleY(0) instead of height: 0% completely eliminates the visible line artifact */
    transform: translate(-50%, -50%) rotate(45deg) scaleY(0) !important;
    transform-origin: center !important;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
    opacity: 0 !important;
    display: block !important;
}

/* Hover parent states */
#hero .btn-group a.th-btn:hover,
#hero .btn-group a.th-btn.style4:hover,
a.th-btn:hover,
button.th-btn:hover,
.vs-btn:hover,
.theme-btn:hover,
.btn:hover {
    color: #ffffff !important; /* Turns both button texts white on hover */
    background-color: transparent !important; /* Keeps parent body clear to reveal animation */
    border-color: #0F2239 !important; /* Turns borders dark blue on hover */
}

/* Expand the sliding layer cleanly on hover */
#hero .btn-group a.th-btn:hover::before,
#hero .btn-group a.th-btn:hover::after,
#hero .btn-group a.th-btn.style4:hover::before,
#hero .btn-group a.th-btn.style4:hover::after,
a.th-btn:hover::before,
a.th-btn:hover::after,
button.th-btn:hover::before,
button.th-btn:hover::after,
.vs-btn:hover::before,
.vs-btn:hover::after,
.theme-btn:hover::before,
.theme-btn:hover::after {
    transform: translate(-50%, -50%) rotate(45deg) scaleY(1) !important;
    opacity: 1 !important;
}


/* --------------------------------------------------------------------------
   4. KILL THE TRANSITION FLASH & LOCK HEIGHTS
   -------------------------------------------------------------------------- */
#hero.th-hero-wrapper {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 850px !important;
    background-color: #0F2239 !important;
}

#hero .th-hero-slide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 1s ease-in-out, visibility 1s ease-in-out !important;
    z-index: 1 !important;
}

#hero .th-hero-slide.active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 3 !important;
}


/* --------------------------------------------------------------------------
   5. ABSOLUTE WATERMARK CONTAINMENT
   -------------------------------------------------------------------------- */
#hero .hero-style15 {
    position: relative !important;
    max-width: 690px !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 60px !important;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .15) !important;
    overflow: hidden !important;
}

#hero .hero-style15{
    position:relative !important;
    overflow:hidden !important;
}

#hero .hero-style15 .shadow-text{
    position:absolute !important;
    top:15px !important;
    left:40px !important;

    font-size:70px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    letter-spacing:2px !important;

    color:rgba(15,34,57,.06) !important;

    z-index:1 !important;
    pointer-events:none !important;
    user-select:none !important;
    white-space:nowrap !important;
}

#hero .hero-style15 > *:not(.shadow-text){
    position:relative;
    z-index:2;
}

/* --------------------------------------------------------------------------
   6. RESPONSIVE LOCKDOWNS
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
    #hero .hero-style15 .shadow-text { 
        font-size:45px !important; 
        top: 10px !important; 
    }
}

@media (max-width: 991px) {
    #hero.th-hero-wrapper, 
    #hero .th-hero-slide { 
        height: 700px !important; 
    }
    #hero .hero-style15 .shadow-text { 
        font-size: 55px !important; 
        top: 8px !important; 
    }
}

@media (max-width: 575px) {
    #hero.th-hero-wrapper, 
    #hero .th-hero-slide { 
        height: 620px !important; 
    }
    #hero .hero-style15 .shadow-text { 
        font-size: 34px !important; 
        top: 5px !important; 
    }
}
/* ==========================================================
   MOBILE HERO FIX
   Add this at the END of your CSS
========================================================== */

@media (max-width:991px){

    #hero.th-hero-wrapper{
        height:700px !important;
    }

    #hero .th-hero-slide{
        height:700px !important;
        align-items:center !important;
    }

    #hero .th-hero-bg img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
    }

    #hero .hero-style15{

        max-width:100% !important;

        width:100% !important;

        padding:45px !important;

        margin:0 auto !important;

    }

    #hero .hero-title{

        font-size:42px !important;

        line-height:1.2 !important;

    }

    #hero .hero-text{

        font-size:16px !important;

        line-height:1.7 !important;

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

    #hero.th-hero-wrapper{

        height:640px !important;

    }

    #hero .th-hero-slide{

        height:640px !important;

        padding:20px;

    }

    #hero .hero-style15{

        width:100% !important;

        max-width:100% !important;

        padding:28px 22px !important;

        border-radius:14px !important;

    }

    #hero .hero-style15 .shadow-text{

        display:none !important;

    }

    #hero .hero-name{

        font-size:14px !important;

        margin-bottom:10px !important;

    }

    #hero .hero-title{

        font-size:28px !important;

        line-height:1.25 !important;

        margin-bottom:14px !important;

    }

    #hero .hero-text{

        font-size:14px !important;

        line-height:1.7 !important;

        margin-bottom:22px !important;

    }

    #hero .btn-group{

        display:flex !important;

        flex-direction:column !important;

        gap:12px !important;

        width:100% !important;

    }

    #hero .btn-group .th-btn{

        width:100% !important;

        max-width:100% !important;

        height:50px !important;

        font-size:15px !important;

    }

    #hero .slider-arrow{

        display:none !important;

    }

    #hero .slider-dots-container{

        bottom:18px !important;

    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width:480px){

    #hero.th-hero-wrapper{

        height:580px !important;

    }

    #hero .th-hero-slide{

        height:580px !important;

    }

    #hero .hero-style15{

        padding:20px !important;

    }

    #hero .hero-title{

        font-size:23px !important;

        line-height:1.3 !important;

    }

    #hero .hero-text{

        font-size:13px !important;

        line-height:1.6 !important;

    }

    #hero .hero-name{

        font-size:13px !important;

    }

    #hero .btn-group .th-btn{

        height:46px !important;

        font-size:14px !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fb9fa5 *//* --------------------------------------------------------------------------
   3. HOVER ANIMATIONS & CONFIGURATIONS (DIAGONAL SLIDE FOR BOTH)
   -------------------------------------------------------------------------- */

/* --- GENERAL PSEUDO-LAYER SETUP FOR BOTH BUTTONS --- */
#hero .btn-group a.th-btn::before,
#hero .btn-group a.th-btn::after,
a.th-btn::before,
a.th-btn::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 130% !important;
    height: 380% !important;
    z-index: -1 !important;
    transform: translate(-50%, -50%) rotate(45deg) scaleY(0) !important;
    transform-origin: center !important;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
    opacity: 0 !important;
    display: block !important;
}

/* --- BUTTON 1: SLIDING LAYER COLOR (DARK BLUE) --- */
#hero .btn-group a.th-btn:not(.style4)::before,
#hero .btn-group a.th-btn:not(.style4)::after,
a.th-btn:not(.style4)::before,
a.th-btn:not(.style4)::after {
    background-color: #0F2239 !important; 
}

/* --- BUTTON 2 (EXPLORE): SLIDING LAYER COLOR (WHITE) --- */
#hero .btn-group a.th-btn.style4::before,
#hero .btn-group a.th-btn.style4::after,
a.th-btn.style4::before,
a.th-btn.style4::after {
    background-color: #ffffff !important; 
}

/* --- HOVER INTERACTIONS --- */

/* Button 1 Hover: Turns text white, parent background clear, border dark blue */
#hero .btn-group a.th-btn:not(.style4):hover,
a.th-btn:not(.style4):hover {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: #0F2239 !important;
}

/* Button 2 Hover (Explore): Turns text dark blue, parent background clear, border white */
#hero .btn-group a.th-btn.style4:hover,
a.th-btn.style4:hover {
    color: #0F2239 !important; /* Text and arrow turn dark blue */
    background-color: transparent !important; /* Keeps parent body clear to show white slide */
    border-color: #ffffff !important; /* Border stays white */
    background-image: none !important;
}

/* Trigger Diagonal Slide Expand for Both Buttons on Hover */
#hero .btn-group a.th-btn:hover::before,
#hero .btn-group a.th-btn:hover::after,
a.th-btn:hover::before,
a.th-btn:hover::after {
    transform: translate(-50%, -50%) rotate(45deg) scaleY(1) !important;
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92ef3e0 */.counter-grid .elementor-element{
    position:relative;
}

.counter-grid .elementor-element:not(:last-child)::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:100%;
    background:rgba(255,255,255,.18);
}
.counter-grid > .e-con:not(:last-child)::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:100%;
    background:linear-gradient(
        to bottom,
        rgba(255,255,255,.08),
        rgba(255,255,255,.30),
        rgba(255,255,255,.08)
    );
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6293c3f *//* --------------------------------------------------------------------------
   3. HOVER ANIMATIONS & CONFIGURATIONS (DIAGONAL SLIDE FOR BOTH)
   -------------------------------------------------------------------------- */

/* --- GENERAL PSEUDO-LAYER SETUP FOR BOTH BUTTONS --- */
#hero .btn-group a.th-btn::before,
#hero .btn-group a.th-btn::after,
a.th-btn::before,
a.th-btn::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 130% !important;
    height: 380% !important;
    z-index: -1 !important;
    transform: translate(-50%, -50%) rotate(45deg) scaleY(0) !important;
    transform-origin: center !important;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
    opacity: 0 !important;
    display: block !important;
}

/* --- BUTTON 1: SLIDING LAYER COLOR (DARK BLUE) --- */
#hero .btn-group a.th-btn:not(.style4)::before,
#hero .btn-group a.th-btn:not(.style4)::after,
a.th-btn:not(.style4)::before,
a.th-btn:not(.style4)::after {
    background-color:#ffffff !important; 
}

/* --- BUTTON 2 (EXPLORE): SLIDING LAYER COLOR (WHITE) --- */
#hero .btn-group a.th-btn.style4::before,
#hero .btn-group a.th-btn.style4::after,
a.th-btn.style4::before,
a.th-btn.style4::after {
    background-color: #ffffff !important; 
}

/* --- HOVER INTERACTIONS --- */

/* Button 1 Hover: Turns text white, parent background clear, border dark blue */
#hero .btn-group a.th-btn:not(.style4):hover,
a.th-btn:not(.style4):hover {
    color: #0F2239 !important;
    background-color: transparent !important;
    border-color: #0F2239 !important;
}

/* Button 2 Hover (Explore): Turns text dark blue, parent background clear, border white */
#hero .btn-group a.th-btn.style4:hover,
a.th-btn.style4:hover {
    color: #0F2239 !important; /* Text and arrow turn dark blue */
    background-color: transparent !important; /* Keeps parent body clear to show white slide */
    border-color: #ffffff !important; /* Border stays white */
    background-image: none !important;
}

/* Trigger Diagonal Slide Expand for Both Buttons on Hover */
#hero .btn-group a.th-btn:hover::before,
#hero .btn-group a.th-btn:hover::after,
a.th-btn:hover::before,
a.th-btn:hover::after {
    transform: translate(-50%, -50%) rotate(45deg) scaleY(1) !important;
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87cdf61 *//* --------------------------------------------------------------------------
   3. HOVER ANIMATIONS & CONFIGURATIONS (DIAGONAL SLIDE FOR BOTH)
   -------------------------------------------------------------------------- */

/* --- GENERAL PSEUDO-LAYER SETUP FOR BOTH BUTTONS --- */
#hero .btn-group a.th-btn::before,
#hero .btn-group a.th-btn::after,
a.th-btn::before,
a.th-btn::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 130% !important;
    height: 380% !important;
    z-index: -1 !important;
    transform: translate(-50%, -50%) rotate(45deg) scaleY(0) !important;
    transform-origin: center !important;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
    opacity: 0 !important;
    display: block !important;
}

/* --- BUTTON 1: SLIDING LAYER COLOR (DARK BLUE) --- */
#hero .btn-group a.th-btn:not(.style4)::before,
#hero .btn-group a.th-btn:not(.style4)::after,
a.th-btn:not(.style4)::before,
a.th-btn:not(.style4)::after {
    background-color: #0F2239 !important; 
}

/* --- BUTTON 2 (EXPLORE): SLIDING LAYER COLOR (WHITE) --- */
#hero .btn-group a.th-btn.style4::before,
#hero .btn-group a.th-btn.style4::after,
a.th-btn.style4::before,
a.th-btn.style4::after {
    background-color: #ffffff !important; 
}

/* --- HOVER INTERACTIONS --- */

/* Button 1 Hover: Turns text white, parent background clear, border dark blue */
#hero .btn-group a.th-btn:not(.style4):hover,
a.th-btn:not(.style4):hover {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: #0F2239 !important;
}

/* Button 2 Hover (Explore): Turns text dark blue, parent background clear, border white */
#hero .btn-group a.th-btn.style4:hover,
a.th-btn.style4:hover {
    color: #0F2239 !important; /* Text and arrow turn dark blue */
    background-color: transparent !important; /* Keeps parent body clear to show white slide */
    border-color: #ffffff !important; /* Border stays white */
    background-image: none !important;
}

/* Trigger Diagonal Slide Expand for Both Buttons on Hover */
#hero .btn-group a.th-btn:hover::before,
#hero .btn-group a.th-btn:hover::after,
a.th-btn:hover::before,
a.th-btn:hover::after {
    transform: translate(-50%, -50%) rotate(45deg) scaleY(1) !important;
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-653d4cf *//* ==========================================================================
   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-b07b432 *//* ==========================================================================
   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-1159e58 *//* ==========================================================================
   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-4268e17 *//* ==========================================================================
   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-3756393 *//* ==========================================================================
   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-00cc4d2 *//* ==========================================================================
   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-5bdbe29 *//* ==========================================================================
   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-80c88bf *//* ==========================================================================
   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 */