.elementor-54 .elementor-element.elementor-element-4fb1129{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.69;--padding-top:125px;--padding-bottom:125px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-4fb1129:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-4fb1129 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://drishtipath.in/wp-content/uploads/2026/10/converted-2026-10-02T223616.808.webp");background-position:center center;background-size:cover;}.elementor-54 .elementor-element.elementor-element-4fb1129::before, .elementor-54 .elementor-element.elementor-element-4fb1129 > .elementor-background-video-container::before, .elementor-54 .elementor-element.elementor-element-4fb1129 > .e-con-inner > .elementor-background-video-container::before, .elementor-54 .elementor-element.elementor-element-4fb1129 > .elementor-background-slideshow::before, .elementor-54 .elementor-element.elementor-element-4fb1129 > .e-con-inner > .elementor-background-slideshow::before, .elementor-54 .elementor-element.elementor-element-4fb1129 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000A29;--background-overlay:'';}.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-54 .elementor-element.elementor-element-c58bff1{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-c58bff1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:70px;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-9889ddc{--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 10px;--row-gap:0px;--column-gap:10px;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-icon i{color:#00CDFF;transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-icon svg{fill:#00CDFF;transition:fill 0.3s;}.elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-8dcb196{--e-icon-list-icon-size:14px;--icon-vertical-align:center;--icon-vertical-offset:-1px;}.elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-text{color:#00CDFF;transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-8dcb196 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-icon i{color:#D8D8D8;transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-icon svg{fill:#D8D8D8;transition:fill 0.3s;}.elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-ed614e4{--e-icon-list-icon-size:8px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-text{color:#D8D8D8;transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-ed614e4 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-ac48012{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-54 .elementor-element.elementor-element-f875de9{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#0064A7;}.elementor-54 .elementor-element.elementor-element-f875de9 .elementor-headline{text-align:start;font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;}.elementor-54 .elementor-element.elementor-element-f875de9 .elementor-headline-plain-text{color:#1D293D;}.elementor-54 .elementor-element.elementor-element-f875de9 .elementor-headline-dynamic-text{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-54 .elementor-element.elementor-element-f875de9 .elementor-headline-dynamic-wrapper path{stroke:#FF000000;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;}.elementor-54 .elementor-element.elementor-element-eaaa23d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-54 .elementor-element.elementor-element-eaaa23d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#444444;}.elementor-54 .elementor-element.elementor-element-55360f8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-55360f8:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-55360f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5F9;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button-content-wrapper{flex-direction:row;}.elementor-54 .elementor-element.elementor-element-5a49c9e{margin:9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.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-54 .elementor-element.elementor-element-ef99e50{text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#3D3D3D;}.elementor-54 .elementor-element.elementor-element-7ee866f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-16295bc{--display:flex;--justify-content:space-between;--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-16295bc:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-16295bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-54 .elementor-element.elementor-element-0817de0{text-align:center;}.elementor-54 .elementor-element.elementor-element-0817de0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-54 .elementor-element.elementor-element-92d46b5{padding:0px 25px 0px 25px;text-align:center;}.elementor-54 .elementor-element.elementor-element-92d46b5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#303030;}.elementor-54 .elementor-element.elementor-element-8045711{--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;--justify-content:center;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-54 .elementor-element.elementor-element-419ccc7{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-54 .elementor-element.elementor-element-b23feb8{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-18ec0c1{--display:flex;--justify-content:space-between;--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-18ec0c1:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-18ec0c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-9face9b{text-align:center;}.elementor-54 .elementor-element.elementor-element-9face9b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-54 .elementor-element.elementor-element-4b2ac23{padding:0px 25px 0px 25px;text-align:center;}.elementor-54 .elementor-element.elementor-element-4b2ac23 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#303030;}.elementor-54 .elementor-element.elementor-element-4c69927{--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;--justify-content:center;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-54 .elementor-element.elementor-element-df1b3c2{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-54 .elementor-element.elementor-element-58e814c{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-33bd25e{--display:flex;--justify-content:space-between;--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-33bd25e:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-33bd25e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-0521480{text-align:center;}.elementor-54 .elementor-element.elementor-element-0521480 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-54 .elementor-element.elementor-element-382544a{padding:0px 25px 0px 25px;text-align:center;}.elementor-54 .elementor-element.elementor-element-382544a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#303030;}.elementor-54 .elementor-element.elementor-element-4227443{--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;--justify-content:center;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-54 .elementor-element.elementor-element-35fcb5c{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-54 .elementor-element.elementor-element-d1430ed{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-fe619e3{--display:flex;--justify-content:space-between;--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-fe619e3:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-fe619e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-a2ae3e1{text-align:center;}.elementor-54 .elementor-element.elementor-element-a2ae3e1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-54 .elementor-element.elementor-element-39ef39f{padding:0px 0px 0px 0px;text-align:center;}.elementor-54 .elementor-element.elementor-element-39ef39f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#303030;}.elementor-54 .elementor-element.elementor-element-86df993{--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;--justify-content:center;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-54 .elementor-element.elementor-element-4c15b87{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-54 .elementor-element.elementor-element-3ad19d9{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-ea9440c{--display:flex;--justify-content:space-between;--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-ea9440c:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-ea9440c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-51c3dc8{text-align:center;}.elementor-54 .elementor-element.elementor-element-51c3dc8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-54 .elementor-element.elementor-element-7f00386{text-align:center;}.elementor-54 .elementor-element.elementor-element-7f00386 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#303030;}.elementor-54 .elementor-element.elementor-element-e9a110b{--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;--justify-content:center;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-54 .elementor-element.elementor-element-b777246{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-54 .elementor-element.elementor-element-ab1bd86{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-c33b201{--display:flex;--justify-content:space-between;--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-c33b201:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-c33b201 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-adee709{text-align:center;}.elementor-54 .elementor-element.elementor-element-adee709 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-54 .elementor-element.elementor-element-c9e4992{text-align:center;}.elementor-54 .elementor-element.elementor-element-c9e4992 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#303030;}.elementor-54 .elementor-element.elementor-element-440ee15{--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;--justify-content:center;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-54 .elementor-element.elementor-element-ed2a3bd{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-54 .elementor-element.elementor-element-5508c2f{padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-0773c6c{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 32px;--row-gap:0px;--column-gap:32px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-f7d8269{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-516950e{--display:flex;--min-height:84vh;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-01523b8{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-ab81cdf{background-color:#EFF6FF;padding:2px 10px 2px 0px;border-radius:30px 30px 30px 30px;--e-icon-list-icon-size:20px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:1px;}.elementor-54 .elementor-element.elementor-element-ab81cdf.elementor-element{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-ab81cdf .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-ab81cdf .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-54 .elementor-element.elementor-element-ab81cdf .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-54 .elementor-element.elementor-element-ab81cdf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-54 .elementor-element.elementor-element-ab81cdf .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;}.elementor-54 .elementor-element.elementor-element-ab81cdf .elementor-icon-list-text{color:#0064A7;transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-0edccab{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#0064A7;}.elementor-54 .elementor-element.elementor-element-0edccab .elementor-headline{text-align:start;font-family:"Poppins", Sans-serif;font-size:35px;font-weight:600;}.elementor-54 .elementor-element.elementor-element-0edccab .elementor-headline-plain-text{color:#1D293D;}.elementor-54 .elementor-element.elementor-element-0edccab .elementor-headline-dynamic-text{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-54 .elementor-element.elementor-element-0edccab .elementor-headline-dynamic-wrapper path{stroke:#FF000000;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-54 .elementor-element.elementor-element-47f4d7a{--divider-border-style:solid;--divider-color:#0064A7;--divider-border-width:6px;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-47f4d7a .elementor-divider-separator{width:15%;}.elementor-54 .elementor-element.elementor-element-47f4d7a .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-54 .elementor-element.elementor-element-db76c52{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#3D3D3D;}.elementor-54 .elementor-element.elementor-element-1c4ee1a{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-963a19b{--divider-border-style:solid;--divider-color:#E6E6E6;--divider-border-width:1px;}.elementor-54 .elementor-element.elementor-element-963a19b .elementor-divider-separator{width:100%;}.elementor-54 .elementor-element.elementor-element-963a19b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-54 .elementor-element.elementor-element-e18595e{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-ad52b03{background-color:#EFF6FF;padding:2px 10px 2px 0px;border-radius:30px 30px 30px 30px;--e-icon-list-icon-size:20px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:1px;}.elementor-54 .elementor-element.elementor-element-ad52b03.elementor-element{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-ad52b03 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-ad52b03 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-54 .elementor-element.elementor-element-ad52b03 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-54 .elementor-element.elementor-element-ad52b03 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-54 .elementor-element.elementor-element-ad52b03 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;}.elementor-54 .elementor-element.elementor-element-ad52b03 .elementor-icon-list-text{color:#0064A7;transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-fc11b12{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#0064A7;}.elementor-54 .elementor-element.elementor-element-fc11b12 .elementor-headline{text-align:start;font-family:"Poppins", Sans-serif;font-size:45px;font-weight:700;}.elementor-54 .elementor-element.elementor-element-fc11b12 .elementor-headline-plain-text{color:#1D293D;}.elementor-54 .elementor-element.elementor-element-fc11b12 .elementor-headline-dynamic-text{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-54 .elementor-element.elementor-element-fc11b12 .elementor-headline-dynamic-wrapper path{stroke:#FF000000;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;}.elementor-54 .elementor-element.elementor-element-263af9e{--divider-border-style:solid;--divider-color:#0064A7;--divider-border-width:6px;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-263af9e .elementor-divider-separator{width:15%;}.elementor-54 .elementor-element.elementor-element-263af9e .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-54 .elementor-element.elementor-element-39c7747{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 501px 0px 0px;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#3D3D3D;}.elementor-54 .elementor-element.elementor-element-26943fb{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-e30d4a1{--divider-border-style:solid;--divider-color:#E6E6E6;--divider-border-width:1px;}.elementor-54 .elementor-element.elementor-element-e30d4a1 .elementor-divider-separator{width:100%;}.elementor-54 .elementor-element.elementor-element-e30d4a1 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-54 .elementor-element.elementor-element-c4f3dd5{--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 16px;--row-gap:0px;--column-gap:16px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-d05a0b7{--display:flex;--min-height:40vh;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-54 .elementor-element.elementor-element-d05a0b7:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-d05a0b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://drishtipath.in/wp-content/uploads/2026/10/Best-Femto-Lasik-laser.jpg");background-position:center center;background-size:cover;}.elementor-54 .elementor-element.elementor-element-bfb9429{--display:flex;--min-height:40vh;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-54 .elementor-element.elementor-element-bfb9429:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-bfb9429 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://drishtipath.in/wp-content/uploads/2026/10/Shedding-Light-on-Laser-Eye-Surgery_-Toledo-Lasik.jpeg");background-position:center center;background-size:cover;}.elementor-54 .elementor-element.elementor-element-21b7b47{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-21b7b47:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-21b7b47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5F9;}.elementor-54 .elementor-element.elementor-element-ef290a8{background-color:#EFF6FF;padding:2px 10px 2px 0px;border-radius:30px 30px 30px 30px;--e-icon-list-icon-size:20px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:1px;}.elementor-54 .elementor-element.elementor-element-ef290a8.elementor-element{--align-self:center;}.elementor-54 .elementor-element.elementor-element-ef290a8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-ef290a8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-54 .elementor-element.elementor-element-ef290a8 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-54 .elementor-element.elementor-element-ef290a8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-54 .elementor-element.elementor-element-ef290a8 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;}.elementor-54 .elementor-element.elementor-element-ef290a8 .elementor-icon-list-text{color:#0064A7;transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-ae3026b{margin:9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-58e0d0d{text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#3D3D3D;}.elementor-54 .elementor-element.elementor-element-a51d556{margin:9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-dfea38e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-fae0b69{background-color:#EFF6FF;padding:2px 10px 2px 0px;border-radius:30px 30px 30px 30px;--e-icon-list-icon-size:20px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:1px;}.elementor-54 .elementor-element.elementor-element-fae0b69.elementor-element{--align-self:center;}.elementor-54 .elementor-element.elementor-element-fae0b69 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-fae0b69 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-54 .elementor-element.elementor-element-fae0b69 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-54 .elementor-element.elementor-element-fae0b69 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-54 .elementor-element.elementor-element-fae0b69 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;}.elementor-54 .elementor-element.elementor-element-fae0b69 .elementor-icon-list-text{color:#0064A7;transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-aee3bbe{margin:9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-ea220fe{text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#3D3D3D;}.elementor-54 .elementor-element.elementor-element-2c11eb2{margin:9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-e10fd9c{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-29a4d62{--display:flex;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;}.elementor-54 .elementor-element.elementor-element-29a4d62:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-29a4d62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #0F172B 0%, #0F172B 100%);}.elementor-54 .elementor-element.elementor-element-29a4d62::before, .elementor-54 .elementor-element.elementor-element-29a4d62 > .elementor-background-video-container::before, .elementor-54 .elementor-element.elementor-element-29a4d62 > .e-con-inner > .elementor-background-video-container::before, .elementor-54 .elementor-element.elementor-element-29a4d62 > .elementor-background-slideshow::before, .elementor-54 .elementor-element.elementor-element-29a4d62 > .e-con-inner > .elementor-background-slideshow::before, .elementor-54 .elementor-element.elementor-element-29a4d62 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-54 .elementor-element.elementor-element-7557d39{padding:25px 25px 25px 25px;text-align:center;}.elementor-54 .elementor-element.elementor-element-7557d39 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;font-style:italic;color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-4f8f352{--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 16px;--row-gap:0px;--column-gap:16px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-1ea88a9{--display:flex;--min-height:40vh;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-54 .elementor-element.elementor-element-1ea88a9:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-1ea88a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://drishtipath.in/wp-content/uploads/2026/10/sera-retinal-treatments.jpg");background-position:center center;background-size:cover;}.elementor-54 .elementor-element.elementor-element-7b84906{--display:flex;--min-height:40vh;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-54 .elementor-element.elementor-element-7b84906:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-7b84906 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://drishtipath.in/wp-content/uploads/2026/10/diabetic-retinopathy-treatment-kochi.jpg");background-position:center center;background-size:cover;}.elementor-54 .elementor-element.elementor-element-ce41be2{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 32px;--row-gap:0px;--column-gap:32px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-4c458d9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-894205d{--display:flex;--min-height:84vh;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-1574a33{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-b8a85f3{background-color:#EFF6FF;padding:2px 10px 2px 0px;border-radius:30px 30px 30px 30px;--e-icon-list-icon-size:20px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:1px;}.elementor-54 .elementor-element.elementor-element-b8a85f3.elementor-element{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-b8a85f3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-b8a85f3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-54 .elementor-element.elementor-element-b8a85f3 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-54 .elementor-element.elementor-element-b8a85f3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-54 .elementor-element.elementor-element-b8a85f3 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;}.elementor-54 .elementor-element.elementor-element-b8a85f3 .elementor-icon-list-text{color:#0064A7;transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-8641f40{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#0064A7;}.elementor-54 .elementor-element.elementor-element-8641f40 .elementor-headline{text-align:start;font-family:"Poppins", Sans-serif;font-size:45px;font-weight:700;}.elementor-54 .elementor-element.elementor-element-8641f40 .elementor-headline-plain-text{color:#1D293D;}.elementor-54 .elementor-element.elementor-element-8641f40 .elementor-headline-dynamic-text{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-54 .elementor-element.elementor-element-8641f40 .elementor-headline-dynamic-wrapper path{stroke:#FF000000;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;}.elementor-54 .elementor-element.elementor-element-2da4af8{--divider-border-style:solid;--divider-color:#0064A7;--divider-border-width:6px;border-radius:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-2da4af8 .elementor-divider-separator{width:15%;}.elementor-54 .elementor-element.elementor-element-2da4af8 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-54 .elementor-element.elementor-element-a383614{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#3D3D3D;}.elementor-54 .elementor-element.elementor-element-d34094e{--divider-border-style:solid;--divider-color:#E6E6E6;--divider-border-width:1px;}.elementor-54 .elementor-element.elementor-element-d34094e .elementor-divider-separator{width:100%;}.elementor-54 .elementor-element.elementor-element-d34094e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-54 .elementor-element.elementor-element-bd5978b{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-bd5978b.e-con{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-923d30e{padding:2px 10px 2px 0px;--e-icon-list-icon-size:20px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:1px;}.elementor-54 .elementor-element.elementor-element-923d30e.elementor-element{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-923d30e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-923d30e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-54 .elementor-element.elementor-element-923d30e .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-54 .elementor-element.elementor-element-923d30e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-54 .elementor-element.elementor-element-923d30e .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;font-style:italic;}.elementor-54 .elementor-element.elementor-element-923d30e .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-811b5f3{--display:flex;}.elementor-54 .elementor-element.elementor-element-e58825e{background-color:#DBEAFE;padding:2px 10px 2px 0px;border-radius:30px 30px 30px 30px;--e-icon-list-icon-size:20px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-offset:1px;}.elementor-54 .elementor-element.elementor-element-e58825e.elementor-element{--align-self:center;}.elementor-54 .elementor-element.elementor-element-e58825e .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor0 );transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-e58825e .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor0 );transition:fill 0.3s;}.elementor-54 .elementor-element.elementor-element-e58825e .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-54 .elementor-element.elementor-element-e58825e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-54 .elementor-element.elementor-element-e58825e .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;}.elementor-54 .elementor-element.elementor-element-e58825e .elementor-icon-list-text{color:#0064A7;transition:color 0.3s;}.elementor-54 .elementor-element.elementor-element-5c8cf1f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-54 .elementor-element.elementor-element-b84c4b6{--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:50px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-6bceb78{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.3;--border-radius:50px 0px 0px 50px;box-shadow:0px 0px 10px 0px #000000;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-6bceb78:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-6bceb78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://drishtipath.in/wp-content/uploads/2026/09/converted-97.webp");background-position:center center;background-size:cover;}.elementor-54 .elementor-element.elementor-element-6bceb78::before, .elementor-54 .elementor-element.elementor-element-6bceb78 > .elementor-background-video-container::before, .elementor-54 .elementor-element.elementor-element-6bceb78 > .e-con-inner > .elementor-background-video-container::before, .elementor-54 .elementor-element.elementor-element-6bceb78 > .elementor-background-slideshow::before, .elementor-54 .elementor-element.elementor-element-6bceb78 > .e-con-inner > .elementor-background-slideshow::before, .elementor-54 .elementor-element.elementor-element-6bceb78 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(145deg, #00FF06 0%, #29BBF2 38%);}.elementor-54 .elementor-element.elementor-element-683672d{padding:0px 0px 0px 0px;border-radius:50px 0px 0px 50px;}.elementor-54 .elementor-element.elementor-element-683672d iframe{height:750px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-54 .elementor-element.elementor-element-c611a73{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 50px 50px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:41px;--padding-bottom:41px;--padding-left:41px;--padding-right:41px;}.elementor-54 .elementor-element.elementor-element-c611a73:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-c611a73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-54 .elementor-element.elementor-element-0a2fb11{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-54 .elementor-element.elementor-element-b3634ce{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field-group.recaptcha_v3-bottomleft, .elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-54 .elementor-element.elementor-element-b3634ce .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-54 .elementor-element.elementor-element-b3634ce .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-54 .elementor-element.elementor-element-b3634ce .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field-type-html{padding-bottom:0px;}.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-54 .elementor-element.elementor-element-b3634ce .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button[type="submit"]{color:#ffffff;}.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-54 .elementor-element.elementor-element-b3634ce .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-54 .elementor-element.elementor-element-b3634ce .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-54 .elementor-element.elementor-element-b3634ce .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(min-width:768px){.elementor-54 .elementor-element.elementor-element-d05a0b7{--width:50%;}.elementor-54 .elementor-element.elementor-element-bfb9429{--width:50%;}.elementor-54 .elementor-element.elementor-element-1ea88a9{--width:50%;}.elementor-54 .elementor-element.elementor-element-7b84906{--width:50%;}}@media(max-width:1024px){.elementor-54 .elementor-element.elementor-element-f875de9 .elementor-headline{font-size:21px;}.elementor-54 .elementor-element.elementor-element-7ee866f{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-54 .elementor-element.elementor-element-516950e{--min-height:100vh;}.elementor-54 .elementor-element.elementor-element-0edccab .elementor-headline{font-size:21px;}.elementor-54 .elementor-element.elementor-element-db76c52{font-size:10px;}.elementor-54 .elementor-element.elementor-element-fc11b12 .elementor-headline{font-size:21px;}.elementor-54 .elementor-element.elementor-element-39c7747{font-size:10px;}.elementor-54 .elementor-element.elementor-element-d05a0b7{--min-height:29vh;}.elementor-54 .elementor-element.elementor-element-bfb9429{--min-height:0vh;}.elementor-54 .elementor-element.elementor-element-1ea88a9{--min-height:29vh;}.elementor-54 .elementor-element.elementor-element-7b84906{--min-height:0vh;}.elementor-54 .elementor-element.elementor-element-894205d{--min-height:100vh;}.elementor-54 .elementor-element.elementor-element-8641f40 .elementor-headline{font-size:21px;}.elementor-54 .elementor-element.elementor-element-a383614{font-size:10px;}}@media(max-width:767px){.elementor-54 .elementor-element.elementor-element-4fb1129{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-54 .elementor-element.elementor-element-c58bff1 .elementor-heading-title{font-size:50px;line-height:0.9em;}.elementor-54 .elementor-element.elementor-element-9889ddc{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-eaaa23d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-54 .elementor-element.elementor-element-eaaa23d .elementor-heading-title{font-size:12px;}.elementor-54 .elementor-element.elementor-element-7ee866f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-54 .elementor-element.elementor-element-8045711{--gap:0px 5px;--row-gap:0px;--column-gap:5px;}.elementor-54 .elementor-element.elementor-element-4c69927{--gap:0px 5px;--row-gap:0px;--column-gap:5px;}.elementor-54 .elementor-element.elementor-element-4227443{--gap:0px 5px;--row-gap:0px;--column-gap:5px;}.elementor-54 .elementor-element.elementor-element-86df993{--gap:0px 5px;--row-gap:0px;--column-gap:5px;}.elementor-54 .elementor-element.elementor-element-e9a110b{--gap:0px 5px;--row-gap:0px;--column-gap:5px;}.elementor-54 .elementor-element.elementor-element-440ee15{--gap:0px 5px;--row-gap:0px;--column-gap:5px;}.elementor-54 .elementor-element.elementor-element-0773c6c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-516950e{--min-height:44vh;}.elementor-54 .elementor-element.elementor-element-01523b8{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-e18595e{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-c4f3dd5{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-bfb9429{--min-height:32vh;}.elementor-54 .elementor-element.elementor-element-4f8f352{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-7b84906{--min-height:32vh;}.elementor-54 .elementor-element.elementor-element-ce41be2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-894205d{--min-height:44vh;}.elementor-54 .elementor-element.elementor-element-1574a33{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-54 .elementor-element.elementor-element-e58825e{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-54 .elementor-element.elementor-element-e58825e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-54 .elementor-element.elementor-element-e58825e .elementor-icon-list-item > a{font-size:9px;}.elementor-54 .elementor-element.elementor-element-b84c4b6{--padding-top:10px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-54 .elementor-element.elementor-element-6bceb78{--border-radius:50px 50px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-683672d{border-radius:50px 50px 0px 0px;}.elementor-54 .elementor-element.elementor-element-683672d iframe{height:467px;}.elementor-54 .elementor-element.elementor-element-c611a73{--border-radius:0px 0px 50px 50px;}}/* Start custom CSS for button, class: .elementor-element-7ddb09e *//* =========================================================
   DRISHTIPATH
   ADVANCED EYE CARE — PREMIUM LUMINOUS LABEL
   Light Background / Emerald Medical Luxury
   ========================================================= */


/* =========================================================
   01 — WIDGET
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e {
    position: relative !important;
    display: inline-block !important;

    /* Premium ambient aura */
    filter: drop-shadow(
        0 8px 18px rgba(20, 150, 82, 0.10)
    );
}


/* =========================================================
   02 — MAIN BUTTON
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button {

    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 200px;

    height: 44px;

    padding: 0 20px !important;

    gap: 9px;

    border-radius: 999px !important;

    /* Elegant medical glass surface */
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f3fff7 35%,
            #dffff0 68%,
            #effff5 100%
        ) !important;

    color: #075b32 !important;

    border:
        1px solid rgba(57, 190, 112, 0.48) !important;

    box-shadow:

        /* external depth */
        0 7px 20px rgba(12, 110, 62, 0.10),

        /* soft green aura */
        0 0 20px rgba(48, 211, 113, 0.10),

        /* glass highlight */
        inset 0 1px 0 rgba(255,255,255,0.98),

        /* lower glass edge */
        inset 0 -1px 0 rgba(31, 150, 82, 0.08);

    overflow: hidden !important;

    isolation: isolate !important;

    transform: translateZ(0);

    animation:
        dpCareGlow 5s ease-in-out infinite;

    transition:
        box-shadow .45s ease,
        border-color .45s ease;
}


/* =========================================================
   03 — PREMIUM INNER GLASS EDGE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button::before {

    content: "";

    position: absolute;

    inset: 1px;

    border-radius: inherit;

    border:
        1px solid rgba(255,255,255,0.90);

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0.42),
            transparent 32%,
            transparent 68%,
            rgba(255,255,255,0.20)
        );

    pointer-events: none;

    z-index: 1;

    opacity: .9;
}


/* =========================================================
   04 — SLOW PREMIUM LIGHT SWEEP
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button::after {

    content: "";

    position: absolute;

    top: -100%;
    left: -140%;

    width: 38%;
    height: 300%;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 38%,
            rgba(255,255,255,0.12) 45%,
            rgba(255,255,255,0.78) 50%,
            rgba(255,255,255,0.12) 55%,
            transparent 62%,
            transparent 100%
        );

    transform: skewX(-22deg);

    pointer-events: none;

    z-index: 5;

    animation:
        dpCareShine 6.5s ease-in-out infinite;
}


/* =========================================================
   05 — CONTENT WRAPPER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button-content-wrapper {

    position: relative;

    z-index: 10;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    gap: 9px !important;

    width: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;
}


/* =========================================================
   06 — TEXT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button-text {

    position: relative;

    z-index: 10;

    display: inline-flex;

    align-items: center;

    color: #075b32 !important;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: .45px;

    line-height: 1.1;

    white-space: nowrap;

    text-shadow:
        0 1px 0 rgba(255,255,255,.8);
}


/* =========================================================
   07 — PREMIUM ICON BADGE
   THIS FIXES THE WHITE ICON PROBLEM
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button-icon {

    position: relative !important;

    z-index: 12 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 27px !important;
    height: 27px !important;

    min-width: 27px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;

    /* Deep emerald badge */
    background:
        linear-gradient(
            145deg,
            #159b50,
            #087238
        ) !important;

    color: #ffffff !important;

    border:
        1px solid rgba(255,255,255,0.72) !important;

    box-shadow:

        0 3px 9px rgba(7, 104, 52, 0.22),

        0 0 0 3px rgba(36, 185, 94, 0.08),

        inset 0 1px 1px rgba(255,255,255,0.38),

        inset 0 -2px 4px rgba(0,70,30,0.12);

    line-height: 1 !important;

    transition:
        box-shadow .4s ease,
        transform .4s ease;
}


/* =========================================================
   08 — ICON SVG
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button-icon svg {

    display: block !important;

    width: 14px !important;
    height: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    fill: none !important;

    stroke: #ffffff !important;

    stroke-width: 2 !important;

    filter:
        drop-shadow(
            0 1px 1px rgba(0,0,0,.12)
        );

    transition:
        transform .45s cubic-bezier(.22,1,.36,1);
}


/* =========================================================
   09 — FONT ICON SUPPORT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100%;
    height: 100%;

    color: #ffffff !important;

    font-size: 13px;

    line-height: 1;
}


/* =========================================================
   10 — ICON OUTER HALO
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button-icon::before {

    content: "";

    position: absolute;

    inset: -4px;

    border-radius: 50%;

    border:
        1px solid rgba(21,155,80,0.18);

    box-shadow:
        0 0 8px rgba(36,185,94,0.10);

    pointer-events: none;

    animation:
        dpIconHalo 3.5s ease-in-out infinite;
}


/* =========================================================
   11 — ICON INNER HIGHLIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button-icon::after {

    content: "";

    position: absolute;

    width: 7px;
    height: 4px;

    top: 4px;
    left: 6px;

    border-radius: 99px;

    background:
        rgba(255,255,255,0.38);

    filter: blur(.4px);

    pointer-events: none;
}


/* =========================================================
   12 — VERY SUBTLE HOVER
   NO MOVEMENT OF THE LABEL
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button:hover {

    transform: none !important;

    border-color:
        rgba(31, 170, 91, 0.62) !important;

    box-shadow:

        0 9px 24px rgba(12,110,62,0.12),

        0 0 25px rgba(48,211,113,0.13),

        inset 0 1px 0 rgba(255,255,255,1),

        inset 0 -1px 0 rgba(31,150,82,0.08);
}


/* =========================================================
   13 — ICON HOVER
   SUBTLE PREMIUM RESPONSE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button:hover .elementor-button-icon {

    transform:
        scale(1.07);

    box-shadow:

        0 4px 12px rgba(7,104,52,0.25),

        0 0 0 4px rgba(36,185,94,0.10),

        0 0 16px rgba(36,185,94,0.18),

        inset 0 1px 1px rgba(255,255,255,0.45);
}


.elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button:hover
.elementor-button-icon svg {

    transform:
        scale(1.08);
}


/* =========================================================
   14 — SLOW LUMINOUS BREATHING
   ========================================================= */

@keyframes dpCareGlow {

    0%,
    100% {

        box-shadow:

            0 7px 20px rgba(12,110,62,0.09),

            0 0 18px rgba(48,211,113,0.08),

            inset 0 1px 0 rgba(255,255,255,0.98),

            inset 0 -1px 0 rgba(31,150,82,0.07);
    }

    50% {

        box-shadow:

            0 8px 23px rgba(12,110,62,0.12),

            0 0 27px rgba(48,211,113,0.14),

            0 0 42px rgba(48,211,113,0.05),

            inset 0 1px 0 rgba(255,255,255,1),

            inset 0 -1px 0 rgba(31,150,82,0.06);
    }
}


/* =========================================================
   15 — LIGHT SWEEP ANIMATION
   ========================================================= */

@keyframes dpCareShine {

    0% {

        left: -140%;
    }

    18% {

        left: 150%;
    }

    100% {

        left: 150%;
    }
}


/* =========================================================
   16 — ICON HALO
   ========================================================= */

@keyframes dpIconHalo {

    0%,
    100% {

        transform: scale(.92);

        opacity: .55;
    }

    50% {

        transform: scale(1.05);

        opacity: 1;
    }
}


/* =========================================================
   17 — MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button {

        min-width: 160px;

        height: 40px;

        padding: 0 17px !important;
    }

    .elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button-text {

        font-size: 13px;

        letter-spacing: .3px;
    }

    .elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button-icon {

        width: 25px !important;
        height: 25px !important;

        min-width: 25px !important;
    }

    .elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button-icon svg {

        width: 13px !important;
        height: 13px !important;
    }
}


/* =========================================================
   18 — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button,
    .elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button::after,
    .elementor-54 .elementor-element.elementor-element-7ddb09e .elementor-button-icon::before {

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-419ccc7 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM GREEN BUTTON
   Elementor Button Widget

   • Premium Medical Green
   • Icon Right
   • 14px Typography
   • Luxury Shine
   • Premium Hover
   • Elementor Compatible
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button {

    position: relative !important;

    isolation: isolate !important;

    display: inline-flex !important;

    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    vertical-align: middle !important;

    border-radius: 13px !important;


    /* ========================================================
       PREMIUM GREEN SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #075b32 0%,
            #087a43 28%,
            #0b9653 58%,
            #29b96d 82%,
            #08723e 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       PREMIUM BORDER
       ======================================================== */

    border:
        1px solid rgba(150, 245, 190, 0.72) !important;


    /* ========================================================
       TEXT COLOR
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(5, 100, 48, 0.22),

        0 3px 8px rgba(5, 100, 48, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,55,25,0.13) !important;


    /* ========================================================
       SMOOTH INTERACTION
       ======================================================== */

    transform:
        translate3d(0,0,0);

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        box-shadow .45s ease,

        background-position .6s ease,

        border-color .4s ease,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.22) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.13),
            transparent 35%,
            transparent 70%,
            rgba(255,255,255,0.05)
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;

    opacity: 1 !important;

    transition:
        border-color .4s ease,
        opacity .4s ease !important;
}


/* ============================================================
   5. PREMIUM LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button::after {

    content: "" !important;

    position: absolute !important;

    top: -120% !important;

    left: -130% !important;

    width: 48% !important;

    height: 340% !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.06) 42%,
            rgba(255,255,255,0.72) 50%,
            rgba(255,255,255,0.08) 58%,
            transparent 66%,
            transparent 100%
        ) !important;

    transform:
        skewX(-22deg) !important;

    pointer-events: none !important;

    z-index: 8 !important;

    transition:
        left .9s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   6. ELEMENTOR CONTENT WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button-content-wrapper {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    position: relative !important;

    z-index: 10 !important;
}


/* ============================================================
   7. BUTTON TEXT
   TEXT ON LEFT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button-text {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    order: 2 !important;

    position: relative !important;

    z-index: 10 !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        letter-spacing .4s ease !important;
}


/* ============================================================
   8. ICON
   ICON ON RIGHT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button-icon {

    position: relative !important;

    z-index: 11 !important;

    order: 1 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;


    /* Smaller icon container */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;


    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;


    /* Premium white icon badge */

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #effff5
        ) !important;


    color: #087a43 !important;


    box-shadow:

        0 4px 11px rgba(0,70,35,0.20),

        inset 0 1px 2px rgba(255,255,255,0.95) !important;


    line-height: 1 !important;

    transition:

        transform .55s cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   9. SVG ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button-icon svg {

    display: block !important;

    width: 13px !important;

    height: 13px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: currentColor !important;

    fill: currentColor !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   10. FONT AWESOME / I ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   11. ICON OUTER RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(95,235,150,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #08703c 0%,
            #09934d 28%,
            #16ad60 58%,
            #42cf82 82%,
            #087c43 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(190,255,215,0.95) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(5,100,48,0.30),

        0 7px 18px rgba(10,150,75,0.18),

        0 0 28px rgba(30,205,105,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button:hover::before {

    border-color:
        rgba(255,255,255,0.68) !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.05);
}


/* ============================================================
   14. LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #29b96d,
            #08723e
        ) !important;


    box-shadow:

        0 6px 15px rgba(0,80,38,0.28),

        0 0 16px rgba(65,220,125,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button:hover
.elementor-button-icon::before {

    transform:
        scale(1) !important;

    opacity: 1 !important;

    border-color:
        rgba(255,255,255,0.60) !important;
}


/* ============================================================
   19. ACTIVE / CLICK
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,100,48,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(15,160,80,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,100,48,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button,
    .elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button *,
    .elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button::before,
    .elementor-54 .elementor-element.elementor-element-419ccc7 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b23feb8 *//* ============================================================
   DRISHTIPATH
   PREMIUM SECONDARY BUTTON
   Elementor Button Widget

   • Medical Blue / Glass White
   • Icon Right
   • 14px Typography
   • Premium Border
   • Elegant Hover
   • Elementor Compatible
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN SECONDARY BUTTON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button {

    position: relative !important;

    isolation: isolate !important;

    display: inline-flex !important;

    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    vertical-align: middle !important;

    min-height: 46px !important;

    padding: 9px 16px !important;

    border-radius: 13px !important;


    /* ========================================================
       PREMIUM LIGHT BLUE / WHITE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5fbff 42%,
            #eaf7ff 72%,
            #ffffff 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BLUE PREMIUM BORDER
       ======================================================== */

    border:
        1px solid rgba(8,120,201,0.38) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #075b99 !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 8px 22px rgba(8,120,201,0.10),

        0 2px 7px rgba(8,120,201,0.06),

        inset 0 1px 0 rgba(255,255,255,0.98),

        inset 0 -5px 14px rgba(8,120,201,0.035) !important;


    transform:
        translate3d(0,0,0);

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        box-shadow .45s ease,

        background-position .6s ease,

        border-color .4s ease,

        color .35s ease,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER BORDER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.90) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.65),
            transparent 40%,
            rgba(8,120,201,0.025)
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;

    transition:
        border-color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   5. PREMIUM LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button::after {

    content: "" !important;

    position: absolute !important;

    top: -120% !important;

    left: -130% !important;

    width: 45% !important;

    height: 340% !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.10) 42%,
            rgba(255,255,255,0.90) 50%,
            rgba(255,255,255,0.12) 58%,
            transparent 66%,
            transparent 100%
        ) !important;

    transform:
        skewX(-22deg) !important;

    pointer-events: none !important;

    z-index: 8 !important;

    transition:
        left .9s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   6. ELEMENTOR CONTENT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button-content-wrapper {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    position: relative !important;

    z-index: 10 !important;
}


/* ============================================================
   7. TEXT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button-text {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    order: 1 !important;

    position: relative !important;

    z-index: 10 !important;

    color: #075b99 !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        color .35s ease,

        letter-spacing .4s ease !important;
}


/* ============================================================
   8. ICON — RIGHT SIDE
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button-icon {

    position: relative !important;

    z-index: 11 !important;

    order: 2 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;


    /* ========================================================
       BLUE ICON BADGE
       ======================================================== */

    background:
        linear-gradient(
            145deg,
            #eaf7ff,
            #d9efff
        ) !important;

    color: #0878c9 !important;


    border:
        1px solid rgba(8,120,201,0.15) !important;


    box-shadow:

        0 4px 11px rgba(8,120,201,0.13),

        inset 0 1px 2px rgba(255,255,255,0.95) !important;


    line-height: 1 !important;

    transition:

        transform .55s cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease,

        border-color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   9. SVG ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button-icon svg {

    display: block !important;

    width: 13px !important;

    height: 13px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: currentColor !important;

    fill: currentColor !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   10. FONT AWESOME / ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   11. ICON OUTER RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(8,120,201,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #0878c9 0%,
            #0789d4 35%,
            #25a3e6 65%,
            #0874bd 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(125,215,255,0.95) !important;


    color: #ffffff !important;

    filter:
        brightness(1.03) !important;


    box-shadow:

        0 20px 42px rgba(8,120,201,0.26),

        0 7px 18px rgba(8,120,201,0.16),

        0 0 28px rgba(30,165,230,0.16),

        inset 0 1px 0 rgba(255,255,255,0.42) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button:hover::before {

    border-color:
        rgba(255,255,255,0.55) !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.08);
}


/* ============================================================
   14. LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button:hover .elementor-button-text {

    color: #ffffff !important;

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #0878c9 !important;


    background:
        linear-gradient(
            145deg,
            #ffffff,
            #eaf8ff
        ) !important;


    border-color:
        rgba(255,255,255,0.75) !important;


    box-shadow:

        0 6px 15px rgba(0,65,120,0.20),

        0 0 16px rgba(80,195,245,0.28),

        inset 0 1px 0 rgba(255,255,255,1) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button:hover
.elementor-button-icon::before {

    transform:
        scale(1) !important;

    opacity: 1 !important;

    border-color:
        rgba(8,120,201,0.40) !important;
}


/* ============================================================
   19. ACTIVE / CLICK
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(8,120,201,0.18) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.16),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(8,120,201,0.22) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button {

        max-width: 100% !important;

        min-height: 44px !important;
    }


    .elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button,
    .elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button *,
    .elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button::before,
    .elementor-54 .elementor-element.elementor-element-b23feb8 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16295bc *//* =========================================================
   DRISHTIPATH — PREMIUM EYE SERVICE CARD
   Apply this CSS to the OUTER CARD CONTAINER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc {
    /* -------------------------
       CARD VARIABLES
       ------------------------- */
    --card-radius: 20px;
    --card-border: rgba(45, 128, 205, 0.22);
    --card-blue: #0878c9;
    --card-cyan: #36bdf5;
    --card-green: #079653;
    --card-shadow:
        0 10px 30px rgba(12, 43, 72, 0.08),
        0 25px 60px rgba(12, 77, 125, 0.08);

    position: relative;
    isolation: isolate;
    overflow: hidden;

    border-radius: var(--card-radius);
    border: 1px solid var(--card-border);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.98) 0%,
            rgba(249,253,255,0.98) 55%,
            rgba(241,249,253,0.98) 100%
        );

    box-shadow: var(--card-shadow);

    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;

    transition:
        transform 0.65s cubic-bezier(.16,1,.3,1),
        box-shadow 0.65s cubic-bezier(.16,1,.3,1),
        border-color 0.5s ease;

    /* Allows the card to breathe */
    will-change: transform;
}


/* =========================================================
   PREMIUM OUTER GLOW
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc::before {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: -2;

    border-radius: inherit;

    background:
        linear-gradient(
            135deg,
            rgba(8,120,201,0.00) 0%,
            rgba(8,120,201,0.20) 28%,
            rgba(53,189,245,0.35) 50%,
            rgba(7,150,83,0.18) 72%,
            rgba(8,120,201,0.00) 100%
        );

    opacity: 0.35;

    filter: blur(10px);

    transform: scale(0.97);

    transition:
        opacity 0.6s ease,
        transform 0.7s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   INNER GLASS LAYER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;

    border-radius: calc(var(--card-radius) - 1px);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.72),
            rgba(255,255,255,0.18)
        );

    pointer-events: none;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc:hover {
    transform: translate3d(0, -10px, 0);

    border-color: rgba(24, 145, 219, 0.48);

    box-shadow:
        0 18px 40px rgba(12, 55, 90, 0.13),
        0 35px 80px rgba(8, 112, 178, 0.13),
        0 0 0 1px rgba(71, 190, 241, 0.08);
}

.elementor-54 .elementor-element.elementor-element-16295bc:hover::before {
    opacity: 0.85;
    transform: scale(1.015);
}


/* =========================================================
   TOP PREMIUM LIGHT LINE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc > .e-con-inner::before,
.elementor-54 .elementor-element.elementor-element-16295bc > .elementor-element-populated::before {
    content: "";
    position: absolute;

    top: 0;
    left: 8%;
    width: 84%;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(54,189,245,0.85),
            rgba(7,150,83,0.75),
            rgba(54,189,245,0.85),
            transparent
        );

    opacity: 0.45;

    transform: scaleX(0.65);

    transition:
        transform 0.7s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-16295bc:hover > .e-con-inner::before,
.elementor-54 .elementor-element.elementor-element-16295bc:hover > .elementor-element-populated::before {
    transform: scaleX(1);
    opacity: 1;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-image {
    position: relative;
    overflow: hidden;

    border-radius:
        var(--card-radius)
        var(--card-radius)
        0
        0;

    transform: translateZ(0);
}


/* Image itself */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-image img {
    display: block;
    width: 100%;

    transform:
        scale(1)
        translate3d(0,0,0);

    filter:
        saturate(1)
        contrast(1);

    transition:
        transform 0.9s cubic-bezier(.16,1,.3,1),
        filter 0.7s ease;
}


/* Premium image zoom */

.elementor-54 .elementor-element.elementor-element-16295bc:hover .elementor-widget-image img {
    transform:
        scale(1.055)
        translate3d(0,-2px,0);

    filter:
        saturate(1.08)
        contrast(1.025);
}


/* =========================================================
   IMAGE LIGHT SWEEP
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-image::after {
    content: "";

    position: absolute;
    top: -20%;
    left: -80%;

    width: 45%;
    height: 150%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.48),
            transparent
        );

    transform: skewX(-18deg);

    opacity: 0;

    pointer-events: none;

    transition:
        left 0.9s cubic-bezier(.16,1,.3,1),
        opacity 0.3s ease;
}

.elementor-54 .elementor-element.elementor-element-16295bc:hover .elementor-widget-image::after {
    left: 140%;
    opacity: 1;
}


/* =========================================================
   IMAGE BOTTOM DEPTH
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-image::before {
    content: "";

    position: absolute;
    z-index: 2;

    left: 0;
    right: 0;
    bottom: 0;

    height: 30%;

    background:
        linear-gradient(
            to top,
            rgba(3,35,60,0.14),
            transparent
        );

    opacity: 0;

    transition: opacity 0.5s ease;

    pointer-events: none;
}

.elementor-54 .elementor-element.elementor-element-16295bc:hover .elementor-widget-image::before {
    opacity: 1;
}


/* =========================================================
   HEADING
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-heading {
    position: relative;
    z-index: 3;

    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1);
}

.elementor-54 .elementor-element.elementor-element-16295bc:hover .elementor-widget-heading {
    transform: translate3d(0,-2px,0);
}


/* Heading underline accent */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-heading .elementor-heading-title {
    position: relative;
    display: inline-block;
}


/* Tiny premium accent underneath heading */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-heading .elementor-heading-title::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -8px;

    width: 0;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--card-blue),
            var(--card-cyan),
            var(--card-green)
        );

    transform: translateX(-50%);

    opacity: 0;

    transition:
        width 0.55s cubic-bezier(.16,1,.3,1),
        opacity 0.4s ease;
}

.elementor-54 .elementor-element.elementor-element-16295bc:hover
.elementor-widget-heading
.elementor-heading-title::after {
    width: 42px;
    opacity: 1;
}


/* =========================================================
   DESCRIPTION / TEXT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-text-editor {
    position: relative;
    z-index: 3;

    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-16295bc:hover .elementor-widget-text-editor {
    transform: translate3d(0,-1px,0);
}


/* =========================================================
   CONTENT DEPTH
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-text-editor {
    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}


/* =========================================================
   BUTTON CONTAINER
   IMPORTANT:
   We DO NOT STYLE THE BUTTONS THEMSELVES.
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-button {
    position: relative;
    z-index: 5;
}


/* Give the button row a little premium separation */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-element:has(.elementor-widget-button) {
    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1);
}

.elementor-54 .elementor-element.elementor-element-16295bc:hover .elementor-element:has(.elementor-widget-button) {
    transform: translate3d(0,-2px,0);
}


/* =========================================================
   FLOATING AMBIENT LIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc {
    background-image:
        radial-gradient(
            circle at 10% 92%,
            rgba(8,120,201,0.055),
            transparent 34%
        ),
        radial-gradient(
            circle at 92% 8%,
            rgba(7,150,83,0.045),
            transparent 32%
        );
}


/* =========================================================
   PREMIUM CORNER LIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc > .e-con-inner {
    position: relative;
}


/* Small glowing corner detail */

.elementor-54 .elementor-element.elementor-element-16295bc > .e-con-inner::after {
    content: "";

    position: absolute;

    right: 15px;
    top: 15px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: rgba(54,189,245,0.55);

    box-shadow:
        0 0 0 4px rgba(54,189,245,0.07),
        0 0 14px rgba(54,189,245,0.28);

    opacity: 0.35;

    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-16295bc:hover > .e-con-inner::after {
    opacity: 1;
    transform: scale(1.35);
}


/* =========================================================
   CARD CONTENT MICRO-MOTION
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-image,
.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-text-editor,
.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-button {
    backface-visibility: hidden;
}


/* =========================================================
   SUBTLE HOVER SHINE ACROSS ENTIRE CARD
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-container {
    position: relative;
}


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

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-16295bc {
        border-radius: 17px;

        transform: none;

        box-shadow:
            0 8px 25px rgba(12,43,72,0.08);
    }

    .elementor-54 .elementor-element.elementor-element-16295bc:hover {
        transform: translate3d(0,-5px,0);

        box-shadow:
            0 15px 35px rgba(12,55,90,0.12),
            0 25px 50px rgba(8,112,178,0.08);
    }

    .elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-image img {
        transform: scale(1);
    }

    .elementor-54 .elementor-element.elementor-element-16295bc:hover .elementor-widget-image img {
        transform: scale(1.035);
    }

    .elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-heading .elementor-heading-title::after {
        display: none;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-54 .elementor-element.elementor-element-16295bc:hover {
        transform: translate3d(0,-7px,0);
    }

    .elementor-54 .elementor-element.elementor-element-16295bc:hover .elementor-widget-image img {
        transform: scale(1.045);
    }
}


/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-16295bc,
    .elementor-54 .elementor-element.elementor-element-16295bc::before,
    .elementor-54 .elementor-element.elementor-element-16295bc::after,
    .elementor-54 .elementor-element.elementor-element-16295bc img,
    .elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-heading,
    .elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-text-editor,
    .elementor-54 .elementor-element.elementor-element-16295bc .elementor-widget-button {
        transition: none !important;
        animation: none !important;
    }

    .elementor-54 .elementor-element.elementor-element-16295bc:hover {
        transform: none !important;
    }

    .elementor-54 .elementor-element.elementor-element-16295bc:hover .elementor-widget-image img {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df1b3c2 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM GREEN BUTTON
   Elementor Button Widget

   • Premium Medical Green
   • Icon Right
   • 14px Typography
   • Luxury Shine
   • Premium Hover
   • Elementor Compatible
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button {

    position: relative !important;

    isolation: isolate !important;

    display: inline-flex !important;

    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    vertical-align: middle !important;

    border-radius: 13px !important;


    /* ========================================================
       PREMIUM GREEN SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #075b32 0%,
            #087a43 28%,
            #0b9653 58%,
            #29b96d 82%,
            #08723e 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       PREMIUM BORDER
       ======================================================== */

    border:
        1px solid rgba(150, 245, 190, 0.72) !important;


    /* ========================================================
       TEXT COLOR
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(5, 100, 48, 0.22),

        0 3px 8px rgba(5, 100, 48, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,55,25,0.13) !important;


    /* ========================================================
       SMOOTH INTERACTION
       ======================================================== */

    transform:
        translate3d(0,0,0);

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        box-shadow .45s ease,

        background-position .6s ease,

        border-color .4s ease,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.22) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.13),
            transparent 35%,
            transparent 70%,
            rgba(255,255,255,0.05)
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;

    opacity: 1 !important;

    transition:
        border-color .4s ease,
        opacity .4s ease !important;
}


/* ============================================================
   5. PREMIUM LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button::after {

    content: "" !important;

    position: absolute !important;

    top: -120% !important;

    left: -130% !important;

    width: 48% !important;

    height: 340% !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.06) 42%,
            rgba(255,255,255,0.72) 50%,
            rgba(255,255,255,0.08) 58%,
            transparent 66%,
            transparent 100%
        ) !important;

    transform:
        skewX(-22deg) !important;

    pointer-events: none !important;

    z-index: 8 !important;

    transition:
        left .9s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   6. ELEMENTOR CONTENT WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button-content-wrapper {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    position: relative !important;

    z-index: 10 !important;
}


/* ============================================================
   7. BUTTON TEXT
   TEXT ON LEFT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button-text {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    order: 2 !important;

    position: relative !important;

    z-index: 10 !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        letter-spacing .4s ease !important;
}


/* ============================================================
   8. ICON
   ICON ON RIGHT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button-icon {

    position: relative !important;

    z-index: 11 !important;

    order: 1 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;


    /* Smaller icon container */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;


    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;


    /* Premium white icon badge */

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #effff5
        ) !important;


    color: #087a43 !important;


    box-shadow:

        0 4px 11px rgba(0,70,35,0.20),

        inset 0 1px 2px rgba(255,255,255,0.95) !important;


    line-height: 1 !important;

    transition:

        transform .55s cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   9. SVG ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button-icon svg {

    display: block !important;

    width: 13px !important;

    height: 13px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: currentColor !important;

    fill: currentColor !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   10. FONT AWESOME / I ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   11. ICON OUTER RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(95,235,150,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #08703c 0%,
            #09934d 28%,
            #16ad60 58%,
            #42cf82 82%,
            #087c43 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(190,255,215,0.95) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(5,100,48,0.30),

        0 7px 18px rgba(10,150,75,0.18),

        0 0 28px rgba(30,205,105,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button:hover::before {

    border-color:
        rgba(255,255,255,0.68) !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.05);
}


/* ============================================================
   14. LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #29b96d,
            #08723e
        ) !important;


    box-shadow:

        0 6px 15px rgba(0,80,38,0.28),

        0 0 16px rgba(65,220,125,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button:hover
.elementor-button-icon::before {

    transform:
        scale(1) !important;

    opacity: 1 !important;

    border-color:
        rgba(255,255,255,0.60) !important;
}


/* ============================================================
   19. ACTIVE / CLICK
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,100,48,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(15,160,80,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,100,48,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button,
    .elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button *,
    .elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button::before,
    .elementor-54 .elementor-element.elementor-element-df1b3c2 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-58e814c *//* ============================================================
   DRISHTIPATH
   PREMIUM SECONDARY BUTTON
   Elementor Button Widget

   • Medical Blue / Glass White
   • Icon Right
   • 14px Typography
   • Premium Border
   • Elegant Hover
   • Elementor Compatible
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN SECONDARY BUTTON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button {

    position: relative !important;

    isolation: isolate !important;

    display: inline-flex !important;

    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    vertical-align: middle !important;

    min-height: 46px !important;

    padding: 9px 16px !important;

    border-radius: 13px !important;


    /* ========================================================
       PREMIUM LIGHT BLUE / WHITE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5fbff 42%,
            #eaf7ff 72%,
            #ffffff 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BLUE PREMIUM BORDER
       ======================================================== */

    border:
        1px solid rgba(8,120,201,0.38) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #075b99 !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 8px 22px rgba(8,120,201,0.10),

        0 2px 7px rgba(8,120,201,0.06),

        inset 0 1px 0 rgba(255,255,255,0.98),

        inset 0 -5px 14px rgba(8,120,201,0.035) !important;


    transform:
        translate3d(0,0,0);

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        box-shadow .45s ease,

        background-position .6s ease,

        border-color .4s ease,

        color .35s ease,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER BORDER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.90) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.65),
            transparent 40%,
            rgba(8,120,201,0.025)
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;

    transition:
        border-color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   5. PREMIUM LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button::after {

    content: "" !important;

    position: absolute !important;

    top: -120% !important;

    left: -130% !important;

    width: 45% !important;

    height: 340% !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.10) 42%,
            rgba(255,255,255,0.90) 50%,
            rgba(255,255,255,0.12) 58%,
            transparent 66%,
            transparent 100%
        ) !important;

    transform:
        skewX(-22deg) !important;

    pointer-events: none !important;

    z-index: 8 !important;

    transition:
        left .9s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   6. ELEMENTOR CONTENT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button-content-wrapper {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    position: relative !important;

    z-index: 10 !important;
}


/* ============================================================
   7. TEXT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button-text {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    order: 1 !important;

    position: relative !important;

    z-index: 10 !important;

    color: #075b99 !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        color .35s ease,

        letter-spacing .4s ease !important;
}


/* ============================================================
   8. ICON — RIGHT SIDE
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button-icon {

    position: relative !important;

    z-index: 11 !important;

    order: 2 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;


    /* ========================================================
       BLUE ICON BADGE
       ======================================================== */

    background:
        linear-gradient(
            145deg,
            #eaf7ff,
            #d9efff
        ) !important;

    color: #0878c9 !important;


    border:
        1px solid rgba(8,120,201,0.15) !important;


    box-shadow:

        0 4px 11px rgba(8,120,201,0.13),

        inset 0 1px 2px rgba(255,255,255,0.95) !important;


    line-height: 1 !important;

    transition:

        transform .55s cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease,

        border-color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   9. SVG ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button-icon svg {

    display: block !important;

    width: 13px !important;

    height: 13px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: currentColor !important;

    fill: currentColor !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   10. FONT AWESOME / ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   11. ICON OUTER RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(8,120,201,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #0878c9 0%,
            #0789d4 35%,
            #25a3e6 65%,
            #0874bd 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(125,215,255,0.95) !important;


    color: #ffffff !important;

    filter:
        brightness(1.03) !important;


    box-shadow:

        0 20px 42px rgba(8,120,201,0.26),

        0 7px 18px rgba(8,120,201,0.16),

        0 0 28px rgba(30,165,230,0.16),

        inset 0 1px 0 rgba(255,255,255,0.42) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button:hover::before {

    border-color:
        rgba(255,255,255,0.55) !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.08);
}


/* ============================================================
   14. LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button:hover .elementor-button-text {

    color: #ffffff !important;

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #0878c9 !important;


    background:
        linear-gradient(
            145deg,
            #ffffff,
            #eaf8ff
        ) !important;


    border-color:
        rgba(255,255,255,0.75) !important;


    box-shadow:

        0 6px 15px rgba(0,65,120,0.20),

        0 0 16px rgba(80,195,245,0.28),

        inset 0 1px 0 rgba(255,255,255,1) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button:hover
.elementor-button-icon::before {

    transform:
        scale(1) !important;

    opacity: 1 !important;

    border-color:
        rgba(8,120,201,0.40) !important;
}


/* ============================================================
   19. ACTIVE / CLICK
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(8,120,201,0.18) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-58e814c .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.16),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(8,120,201,0.22) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-58e814c .elementor-button {

        max-width: 100% !important;

        min-height: 44px !important;
    }


    .elementor-54 .elementor-element.elementor-element-58e814c .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-54 .elementor-element.elementor-element-58e814c .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-54 .elementor-element.elementor-element-58e814c .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-54 .elementor-element.elementor-element-58e814c .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-54 .elementor-element.elementor-element-58e814c .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-54 .elementor-element.elementor-element-58e814c .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-58e814c .elementor-button,
    .elementor-54 .elementor-element.elementor-element-58e814c .elementor-button *,
    .elementor-54 .elementor-element.elementor-element-58e814c .elementor-button::before,
    .elementor-54 .elementor-element.elementor-element-58e814c .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18ec0c1 *//* =========================================================
   DRISHTIPATH — PREMIUM EYE SERVICE CARD
   Apply this CSS to the OUTER CARD CONTAINER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 {
    /* -------------------------
       CARD VARIABLES
       ------------------------- */
    --card-radius: 20px;
    --card-border: rgba(45, 128, 205, 0.22);
    --card-blue: #0878c9;
    --card-cyan: #36bdf5;
    --card-green: #079653;
    --card-shadow:
        0 10px 30px rgba(12, 43, 72, 0.08),
        0 25px 60px rgba(12, 77, 125, 0.08);

    position: relative;
    isolation: isolate;
    overflow: hidden;

    border-radius: var(--card-radius);
    border: 1px solid var(--card-border);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.98) 0%,
            rgba(249,253,255,0.98) 55%,
            rgba(241,249,253,0.98) 100%
        );

    box-shadow: var(--card-shadow);

    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;

    transition:
        transform 0.65s cubic-bezier(.16,1,.3,1),
        box-shadow 0.65s cubic-bezier(.16,1,.3,1),
        border-color 0.5s ease;

    /* Allows the card to breathe */
    will-change: transform;
}


/* =========================================================
   PREMIUM OUTER GLOW
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1::before {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: -2;

    border-radius: inherit;

    background:
        linear-gradient(
            135deg,
            rgba(8,120,201,0.00) 0%,
            rgba(8,120,201,0.20) 28%,
            rgba(53,189,245,0.35) 50%,
            rgba(7,150,83,0.18) 72%,
            rgba(8,120,201,0.00) 100%
        );

    opacity: 0.35;

    filter: blur(10px);

    transform: scale(0.97);

    transition:
        opacity 0.6s ease,
        transform 0.7s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   INNER GLASS LAYER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;

    border-radius: calc(var(--card-radius) - 1px);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.72),
            rgba(255,255,255,0.18)
        );

    pointer-events: none;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1:hover {
    transform: translate3d(0, -10px, 0);

    border-color: rgba(24, 145, 219, 0.48);

    box-shadow:
        0 18px 40px rgba(12, 55, 90, 0.13),
        0 35px 80px rgba(8, 112, 178, 0.13),
        0 0 0 1px rgba(71, 190, 241, 0.08);
}

.elementor-54 .elementor-element.elementor-element-18ec0c1:hover::before {
    opacity: 0.85;
    transform: scale(1.015);
}


/* =========================================================
   TOP PREMIUM LIGHT LINE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 > .e-con-inner::before,
.elementor-54 .elementor-element.elementor-element-18ec0c1 > .elementor-element-populated::before {
    content: "";
    position: absolute;

    top: 0;
    left: 8%;
    width: 84%;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(54,189,245,0.85),
            rgba(7,150,83,0.75),
            rgba(54,189,245,0.85),
            transparent
        );

    opacity: 0.45;

    transform: scaleX(0.65);

    transition:
        transform 0.7s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-18ec0c1:hover > .e-con-inner::before,
.elementor-54 .elementor-element.elementor-element-18ec0c1:hover > .elementor-element-populated::before {
    transform: scaleX(1);
    opacity: 1;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-image {
    position: relative;
    overflow: hidden;

    border-radius:
        var(--card-radius)
        var(--card-radius)
        0
        0;

    transform: translateZ(0);
}


/* Image itself */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-image img {
    display: block;
    width: 100%;

    transform:
        scale(1)
        translate3d(0,0,0);

    filter:
        saturate(1)
        contrast(1);

    transition:
        transform 0.9s cubic-bezier(.16,1,.3,1),
        filter 0.7s ease;
}


/* Premium image zoom */

.elementor-54 .elementor-element.elementor-element-18ec0c1:hover .elementor-widget-image img {
    transform:
        scale(1.055)
        translate3d(0,-2px,0);

    filter:
        saturate(1.08)
        contrast(1.025);
}


/* =========================================================
   IMAGE LIGHT SWEEP
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-image::after {
    content: "";

    position: absolute;
    top: -20%;
    left: -80%;

    width: 45%;
    height: 150%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.48),
            transparent
        );

    transform: skewX(-18deg);

    opacity: 0;

    pointer-events: none;

    transition:
        left 0.9s cubic-bezier(.16,1,.3,1),
        opacity 0.3s ease;
}

.elementor-54 .elementor-element.elementor-element-18ec0c1:hover .elementor-widget-image::after {
    left: 140%;
    opacity: 1;
}


/* =========================================================
   IMAGE BOTTOM DEPTH
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-image::before {
    content: "";

    position: absolute;
    z-index: 2;

    left: 0;
    right: 0;
    bottom: 0;

    height: 30%;

    background:
        linear-gradient(
            to top,
            rgba(3,35,60,0.14),
            transparent
        );

    opacity: 0;

    transition: opacity 0.5s ease;

    pointer-events: none;
}

.elementor-54 .elementor-element.elementor-element-18ec0c1:hover .elementor-widget-image::before {
    opacity: 1;
}


/* =========================================================
   HEADING
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-heading {
    position: relative;
    z-index: 3;

    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1);
}

.elementor-54 .elementor-element.elementor-element-18ec0c1:hover .elementor-widget-heading {
    transform: translate3d(0,-2px,0);
}


/* Heading underline accent */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-heading .elementor-heading-title {
    position: relative;
    display: inline-block;
}


/* Tiny premium accent underneath heading */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-heading .elementor-heading-title::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -8px;

    width: 0;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--card-blue),
            var(--card-cyan),
            var(--card-green)
        );

    transform: translateX(-50%);

    opacity: 0;

    transition:
        width 0.55s cubic-bezier(.16,1,.3,1),
        opacity 0.4s ease;
}

.elementor-54 .elementor-element.elementor-element-18ec0c1:hover
.elementor-widget-heading
.elementor-heading-title::after {
    width: 42px;
    opacity: 1;
}


/* =========================================================
   DESCRIPTION / TEXT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-text-editor {
    position: relative;
    z-index: 3;

    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-18ec0c1:hover .elementor-widget-text-editor {
    transform: translate3d(0,-1px,0);
}


/* =========================================================
   CONTENT DEPTH
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-text-editor {
    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}


/* =========================================================
   BUTTON CONTAINER
   IMPORTANT:
   We DO NOT STYLE THE BUTTONS THEMSELVES.
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-button {
    position: relative;
    z-index: 5;
}


/* Give the button row a little premium separation */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-element:has(.elementor-widget-button) {
    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1);
}

.elementor-54 .elementor-element.elementor-element-18ec0c1:hover .elementor-element:has(.elementor-widget-button) {
    transform: translate3d(0,-2px,0);
}


/* =========================================================
   FLOATING AMBIENT LIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 {
    background-image:
        radial-gradient(
            circle at 10% 92%,
            rgba(8,120,201,0.055),
            transparent 34%
        ),
        radial-gradient(
            circle at 92% 8%,
            rgba(7,150,83,0.045),
            transparent 32%
        );
}


/* =========================================================
   PREMIUM CORNER LIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 > .e-con-inner {
    position: relative;
}


/* Small glowing corner detail */

.elementor-54 .elementor-element.elementor-element-18ec0c1 > .e-con-inner::after {
    content: "";

    position: absolute;

    right: 15px;
    top: 15px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: rgba(54,189,245,0.55);

    box-shadow:
        0 0 0 4px rgba(54,189,245,0.07),
        0 0 14px rgba(54,189,245,0.28);

    opacity: 0.35;

    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-18ec0c1:hover > .e-con-inner::after {
    opacity: 1;
    transform: scale(1.35);
}


/* =========================================================
   CARD CONTENT MICRO-MOTION
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-image,
.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-text-editor,
.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-button {
    backface-visibility: hidden;
}


/* =========================================================
   SUBTLE HOVER SHINE ACROSS ENTIRE CARD
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-container {
    position: relative;
}


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

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-18ec0c1 {
        border-radius: 17px;

        transform: none;

        box-shadow:
            0 8px 25px rgba(12,43,72,0.08);
    }

    .elementor-54 .elementor-element.elementor-element-18ec0c1:hover {
        transform: translate3d(0,-5px,0);

        box-shadow:
            0 15px 35px rgba(12,55,90,0.12),
            0 25px 50px rgba(8,112,178,0.08);
    }

    .elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-image img {
        transform: scale(1);
    }

    .elementor-54 .elementor-element.elementor-element-18ec0c1:hover .elementor-widget-image img {
        transform: scale(1.035);
    }

    .elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-heading .elementor-heading-title::after {
        display: none;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-54 .elementor-element.elementor-element-18ec0c1:hover {
        transform: translate3d(0,-7px,0);
    }

    .elementor-54 .elementor-element.elementor-element-18ec0c1:hover .elementor-widget-image img {
        transform: scale(1.045);
    }
}


/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-18ec0c1,
    .elementor-54 .elementor-element.elementor-element-18ec0c1::before,
    .elementor-54 .elementor-element.elementor-element-18ec0c1::after,
    .elementor-54 .elementor-element.elementor-element-18ec0c1 img,
    .elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-heading,
    .elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-text-editor,
    .elementor-54 .elementor-element.elementor-element-18ec0c1 .elementor-widget-button {
        transition: none !important;
        animation: none !important;
    }

    .elementor-54 .elementor-element.elementor-element-18ec0c1:hover {
        transform: none !important;
    }

    .elementor-54 .elementor-element.elementor-element-18ec0c1:hover .elementor-widget-image img {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-35fcb5c *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM GREEN BUTTON
   Elementor Button Widget

   • Premium Medical Green
   • Icon Right
   • 14px Typography
   • Luxury Shine
   • Premium Hover
   • Elementor Compatible
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button {

    position: relative !important;

    isolation: isolate !important;

    display: inline-flex !important;

    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    vertical-align: middle !important;

    border-radius: 13px !important;


    /* ========================================================
       PREMIUM GREEN SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #075b32 0%,
            #087a43 28%,
            #0b9653 58%,
            #29b96d 82%,
            #08723e 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       PREMIUM BORDER
       ======================================================== */

    border:
        1px solid rgba(150, 245, 190, 0.72) !important;


    /* ========================================================
       TEXT COLOR
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(5, 100, 48, 0.22),

        0 3px 8px rgba(5, 100, 48, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,55,25,0.13) !important;


    /* ========================================================
       SMOOTH INTERACTION
       ======================================================== */

    transform:
        translate3d(0,0,0);

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        box-shadow .45s ease,

        background-position .6s ease,

        border-color .4s ease,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.22) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.13),
            transparent 35%,
            transparent 70%,
            rgba(255,255,255,0.05)
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;

    opacity: 1 !important;

    transition:
        border-color .4s ease,
        opacity .4s ease !important;
}


/* ============================================================
   5. PREMIUM LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button::after {

    content: "" !important;

    position: absolute !important;

    top: -120% !important;

    left: -130% !important;

    width: 48% !important;

    height: 340% !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.06) 42%,
            rgba(255,255,255,0.72) 50%,
            rgba(255,255,255,0.08) 58%,
            transparent 66%,
            transparent 100%
        ) !important;

    transform:
        skewX(-22deg) !important;

    pointer-events: none !important;

    z-index: 8 !important;

    transition:
        left .9s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   6. ELEMENTOR CONTENT WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button-content-wrapper {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    position: relative !important;

    z-index: 10 !important;
}


/* ============================================================
   7. BUTTON TEXT
   TEXT ON LEFT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button-text {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    order: 2 !important;

    position: relative !important;

    z-index: 10 !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        letter-spacing .4s ease !important;
}


/* ============================================================
   8. ICON
   ICON ON RIGHT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button-icon {

    position: relative !important;

    z-index: 11 !important;

    order: 1 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;


    /* Smaller icon container */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;


    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;


    /* Premium white icon badge */

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #effff5
        ) !important;


    color: #087a43 !important;


    box-shadow:

        0 4px 11px rgba(0,70,35,0.20),

        inset 0 1px 2px rgba(255,255,255,0.95) !important;


    line-height: 1 !important;

    transition:

        transform .55s cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   9. SVG ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button-icon svg {

    display: block !important;

    width: 13px !important;

    height: 13px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: currentColor !important;

    fill: currentColor !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   10. FONT AWESOME / I ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   11. ICON OUTER RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(95,235,150,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #08703c 0%,
            #09934d 28%,
            #16ad60 58%,
            #42cf82 82%,
            #087c43 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(190,255,215,0.95) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(5,100,48,0.30),

        0 7px 18px rgba(10,150,75,0.18),

        0 0 28px rgba(30,205,105,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button:hover::before {

    border-color:
        rgba(255,255,255,0.68) !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.05);
}


/* ============================================================
   14. LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #29b96d,
            #08723e
        ) !important;


    box-shadow:

        0 6px 15px rgba(0,80,38,0.28),

        0 0 16px rgba(65,220,125,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button:hover
.elementor-button-icon::before {

    transform:
        scale(1) !important;

    opacity: 1 !important;

    border-color:
        rgba(255,255,255,0.60) !important;
}


/* ============================================================
   19. ACTIVE / CLICK
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,100,48,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(15,160,80,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,100,48,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button,
    .elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button *,
    .elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button::before,
    .elementor-54 .elementor-element.elementor-element-35fcb5c .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d1430ed *//* ============================================================
   DRISHTIPATH
   PREMIUM SECONDARY BUTTON
   Elementor Button Widget

   • Medical Blue / Glass White
   • Icon Right
   • 14px Typography
   • Premium Border
   • Elegant Hover
   • Elementor Compatible
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN SECONDARY BUTTON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button {

    position: relative !important;

    isolation: isolate !important;

    display: inline-flex !important;

    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    vertical-align: middle !important;

    min-height: 46px !important;

    padding: 9px 16px !important;

    border-radius: 13px !important;


    /* ========================================================
       PREMIUM LIGHT BLUE / WHITE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5fbff 42%,
            #eaf7ff 72%,
            #ffffff 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BLUE PREMIUM BORDER
       ======================================================== */

    border:
        1px solid rgba(8,120,201,0.38) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #075b99 !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 8px 22px rgba(8,120,201,0.10),

        0 2px 7px rgba(8,120,201,0.06),

        inset 0 1px 0 rgba(255,255,255,0.98),

        inset 0 -5px 14px rgba(8,120,201,0.035) !important;


    transform:
        translate3d(0,0,0);

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        box-shadow .45s ease,

        background-position .6s ease,

        border-color .4s ease,

        color .35s ease,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER BORDER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.90) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.65),
            transparent 40%,
            rgba(8,120,201,0.025)
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;

    transition:
        border-color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   5. PREMIUM LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button::after {

    content: "" !important;

    position: absolute !important;

    top: -120% !important;

    left: -130% !important;

    width: 45% !important;

    height: 340% !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.10) 42%,
            rgba(255,255,255,0.90) 50%,
            rgba(255,255,255,0.12) 58%,
            transparent 66%,
            transparent 100%
        ) !important;

    transform:
        skewX(-22deg) !important;

    pointer-events: none !important;

    z-index: 8 !important;

    transition:
        left .9s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   6. ELEMENTOR CONTENT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button-content-wrapper {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    position: relative !important;

    z-index: 10 !important;
}


/* ============================================================
   7. TEXT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button-text {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    order: 1 !important;

    position: relative !important;

    z-index: 10 !important;

    color: #075b99 !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        color .35s ease,

        letter-spacing .4s ease !important;
}


/* ============================================================
   8. ICON — RIGHT SIDE
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button-icon {

    position: relative !important;

    z-index: 11 !important;

    order: 2 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;


    /* ========================================================
       BLUE ICON BADGE
       ======================================================== */

    background:
        linear-gradient(
            145deg,
            #eaf7ff,
            #d9efff
        ) !important;

    color: #0878c9 !important;


    border:
        1px solid rgba(8,120,201,0.15) !important;


    box-shadow:

        0 4px 11px rgba(8,120,201,0.13),

        inset 0 1px 2px rgba(255,255,255,0.95) !important;


    line-height: 1 !important;

    transition:

        transform .55s cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease,

        border-color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   9. SVG ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button-icon svg {

    display: block !important;

    width: 13px !important;

    height: 13px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: currentColor !important;

    fill: currentColor !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   10. FONT AWESOME / ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   11. ICON OUTER RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(8,120,201,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #0878c9 0%,
            #0789d4 35%,
            #25a3e6 65%,
            #0874bd 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(125,215,255,0.95) !important;


    color: #ffffff !important;

    filter:
        brightness(1.03) !important;


    box-shadow:

        0 20px 42px rgba(8,120,201,0.26),

        0 7px 18px rgba(8,120,201,0.16),

        0 0 28px rgba(30,165,230,0.16),

        inset 0 1px 0 rgba(255,255,255,0.42) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button:hover::before {

    border-color:
        rgba(255,255,255,0.55) !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.08);
}


/* ============================================================
   14. LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button:hover .elementor-button-text {

    color: #ffffff !important;

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #0878c9 !important;


    background:
        linear-gradient(
            145deg,
            #ffffff,
            #eaf8ff
        ) !important;


    border-color:
        rgba(255,255,255,0.75) !important;


    box-shadow:

        0 6px 15px rgba(0,65,120,0.20),

        0 0 16px rgba(80,195,245,0.28),

        inset 0 1px 0 rgba(255,255,255,1) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button:hover
.elementor-button-icon::before {

    transform:
        scale(1) !important;

    opacity: 1 !important;

    border-color:
        rgba(8,120,201,0.40) !important;
}


/* ============================================================
   19. ACTIVE / CLICK
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(8,120,201,0.18) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.16),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(8,120,201,0.22) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button {

        max-width: 100% !important;

        min-height: 44px !important;
    }


    .elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button,
    .elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button *,
    .elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button::before,
    .elementor-54 .elementor-element.elementor-element-d1430ed .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33bd25e *//* =========================================================
   DRISHTIPATH — PREMIUM EYE SERVICE CARD
   Apply this CSS to the OUTER CARD CONTAINER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e {
    /* -------------------------
       CARD VARIABLES
       ------------------------- */
    --card-radius: 20px;
    --card-border: rgba(45, 128, 205, 0.22);
    --card-blue: #0878c9;
    --card-cyan: #36bdf5;
    --card-green: #079653;
    --card-shadow:
        0 10px 30px rgba(12, 43, 72, 0.08),
        0 25px 60px rgba(12, 77, 125, 0.08);

    position: relative;
    isolation: isolate;
    overflow: hidden;

    border-radius: var(--card-radius);
    border: 1px solid var(--card-border);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.98) 0%,
            rgba(249,253,255,0.98) 55%,
            rgba(241,249,253,0.98) 100%
        );

    box-shadow: var(--card-shadow);

    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;

    transition:
        transform 0.65s cubic-bezier(.16,1,.3,1),
        box-shadow 0.65s cubic-bezier(.16,1,.3,1),
        border-color 0.5s ease;

    /* Allows the card to breathe */
    will-change: transform;
}


/* =========================================================
   PREMIUM OUTER GLOW
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e::before {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: -2;

    border-radius: inherit;

    background:
        linear-gradient(
            135deg,
            rgba(8,120,201,0.00) 0%,
            rgba(8,120,201,0.20) 28%,
            rgba(53,189,245,0.35) 50%,
            rgba(7,150,83,0.18) 72%,
            rgba(8,120,201,0.00) 100%
        );

    opacity: 0.35;

    filter: blur(10px);

    transform: scale(0.97);

    transition:
        opacity 0.6s ease,
        transform 0.7s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   INNER GLASS LAYER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;

    border-radius: calc(var(--card-radius) - 1px);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.72),
            rgba(255,255,255,0.18)
        );

    pointer-events: none;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e:hover {
    transform: translate3d(0, -10px, 0);

    border-color: rgba(24, 145, 219, 0.48);

    box-shadow:
        0 18px 40px rgba(12, 55, 90, 0.13),
        0 35px 80px rgba(8, 112, 178, 0.13),
        0 0 0 1px rgba(71, 190, 241, 0.08);
}

.elementor-54 .elementor-element.elementor-element-33bd25e:hover::before {
    opacity: 0.85;
    transform: scale(1.015);
}


/* =========================================================
   TOP PREMIUM LIGHT LINE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e > .e-con-inner::before,
.elementor-54 .elementor-element.elementor-element-33bd25e > .elementor-element-populated::before {
    content: "";
    position: absolute;

    top: 0;
    left: 8%;
    width: 84%;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(54,189,245,0.85),
            rgba(7,150,83,0.75),
            rgba(54,189,245,0.85),
            transparent
        );

    opacity: 0.45;

    transform: scaleX(0.65);

    transition:
        transform 0.7s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-33bd25e:hover > .e-con-inner::before,
.elementor-54 .elementor-element.elementor-element-33bd25e:hover > .elementor-element-populated::before {
    transform: scaleX(1);
    opacity: 1;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-image {
    position: relative;
    overflow: hidden;

    border-radius:
        var(--card-radius)
        var(--card-radius)
        0
        0;

    transform: translateZ(0);
}


/* Image itself */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-image img {
    display: block;
    width: 100%;

    transform:
        scale(1)
        translate3d(0,0,0);

    filter:
        saturate(1)
        contrast(1);

    transition:
        transform 0.9s cubic-bezier(.16,1,.3,1),
        filter 0.7s ease;
}


/* Premium image zoom */

.elementor-54 .elementor-element.elementor-element-33bd25e:hover .elementor-widget-image img {
    transform:
        scale(1.055)
        translate3d(0,-2px,0);

    filter:
        saturate(1.08)
        contrast(1.025);
}


/* =========================================================
   IMAGE LIGHT SWEEP
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-image::after {
    content: "";

    position: absolute;
    top: -20%;
    left: -80%;

    width: 45%;
    height: 150%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.48),
            transparent
        );

    transform: skewX(-18deg);

    opacity: 0;

    pointer-events: none;

    transition:
        left 0.9s cubic-bezier(.16,1,.3,1),
        opacity 0.3s ease;
}

.elementor-54 .elementor-element.elementor-element-33bd25e:hover .elementor-widget-image::after {
    left: 140%;
    opacity: 1;
}


/* =========================================================
   IMAGE BOTTOM DEPTH
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-image::before {
    content: "";

    position: absolute;
    z-index: 2;

    left: 0;
    right: 0;
    bottom: 0;

    height: 30%;

    background:
        linear-gradient(
            to top,
            rgba(3,35,60,0.14),
            transparent
        );

    opacity: 0;

    transition: opacity 0.5s ease;

    pointer-events: none;
}

.elementor-54 .elementor-element.elementor-element-33bd25e:hover .elementor-widget-image::before {
    opacity: 1;
}


/* =========================================================
   HEADING
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-heading {
    position: relative;
    z-index: 3;

    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1);
}

.elementor-54 .elementor-element.elementor-element-33bd25e:hover .elementor-widget-heading {
    transform: translate3d(0,-2px,0);
}


/* Heading underline accent */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-heading .elementor-heading-title {
    position: relative;
    display: inline-block;
}


/* Tiny premium accent underneath heading */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-heading .elementor-heading-title::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -8px;

    width: 0;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--card-blue),
            var(--card-cyan),
            var(--card-green)
        );

    transform: translateX(-50%);

    opacity: 0;

    transition:
        width 0.55s cubic-bezier(.16,1,.3,1),
        opacity 0.4s ease;
}

.elementor-54 .elementor-element.elementor-element-33bd25e:hover
.elementor-widget-heading
.elementor-heading-title::after {
    width: 42px;
    opacity: 1;
}


/* =========================================================
   DESCRIPTION / TEXT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-text-editor {
    position: relative;
    z-index: 3;

    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-33bd25e:hover .elementor-widget-text-editor {
    transform: translate3d(0,-1px,0);
}


/* =========================================================
   CONTENT DEPTH
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-text-editor {
    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}


/* =========================================================
   BUTTON CONTAINER
   IMPORTANT:
   We DO NOT STYLE THE BUTTONS THEMSELVES.
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-button {
    position: relative;
    z-index: 5;
}


/* Give the button row a little premium separation */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-element:has(.elementor-widget-button) {
    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1);
}

.elementor-54 .elementor-element.elementor-element-33bd25e:hover .elementor-element:has(.elementor-widget-button) {
    transform: translate3d(0,-2px,0);
}


/* =========================================================
   FLOATING AMBIENT LIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e {
    background-image:
        radial-gradient(
            circle at 10% 92%,
            rgba(8,120,201,0.055),
            transparent 34%
        ),
        radial-gradient(
            circle at 92% 8%,
            rgba(7,150,83,0.045),
            transparent 32%
        );
}


/* =========================================================
   PREMIUM CORNER LIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e > .e-con-inner {
    position: relative;
}


/* Small glowing corner detail */

.elementor-54 .elementor-element.elementor-element-33bd25e > .e-con-inner::after {
    content: "";

    position: absolute;

    right: 15px;
    top: 15px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: rgba(54,189,245,0.55);

    box-shadow:
        0 0 0 4px rgba(54,189,245,0.07),
        0 0 14px rgba(54,189,245,0.28);

    opacity: 0.35;

    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-33bd25e:hover > .e-con-inner::after {
    opacity: 1;
    transform: scale(1.35);
}


/* =========================================================
   CARD CONTENT MICRO-MOTION
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-image,
.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-text-editor,
.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-button {
    backface-visibility: hidden;
}


/* =========================================================
   SUBTLE HOVER SHINE ACROSS ENTIRE CARD
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-container {
    position: relative;
}


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

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-33bd25e {
        border-radius: 17px;

        transform: none;

        box-shadow:
            0 8px 25px rgba(12,43,72,0.08);
    }

    .elementor-54 .elementor-element.elementor-element-33bd25e:hover {
        transform: translate3d(0,-5px,0);

        box-shadow:
            0 15px 35px rgba(12,55,90,0.12),
            0 25px 50px rgba(8,112,178,0.08);
    }

    .elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-image img {
        transform: scale(1);
    }

    .elementor-54 .elementor-element.elementor-element-33bd25e:hover .elementor-widget-image img {
        transform: scale(1.035);
    }

    .elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-heading .elementor-heading-title::after {
        display: none;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-54 .elementor-element.elementor-element-33bd25e:hover {
        transform: translate3d(0,-7px,0);
    }

    .elementor-54 .elementor-element.elementor-element-33bd25e:hover .elementor-widget-image img {
        transform: scale(1.045);
    }
}


/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-33bd25e,
    .elementor-54 .elementor-element.elementor-element-33bd25e::before,
    .elementor-54 .elementor-element.elementor-element-33bd25e::after,
    .elementor-54 .elementor-element.elementor-element-33bd25e img,
    .elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-heading,
    .elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-text-editor,
    .elementor-54 .elementor-element.elementor-element-33bd25e .elementor-widget-button {
        transition: none !important;
        animation: none !important;
    }

    .elementor-54 .elementor-element.elementor-element-33bd25e:hover {
        transform: none !important;
    }

    .elementor-54 .elementor-element.elementor-element-33bd25e:hover .elementor-widget-image img {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c15b87 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM GREEN BUTTON
   Elementor Button Widget

   • Premium Medical Green
   • Icon Right
   • 14px Typography
   • Luxury Shine
   • Premium Hover
   • Elementor Compatible
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button {

    position: relative !important;

    isolation: isolate !important;

    display: inline-flex !important;

    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    vertical-align: middle !important;

    border-radius: 13px !important;


    /* ========================================================
       PREMIUM GREEN SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #075b32 0%,
            #087a43 28%,
            #0b9653 58%,
            #29b96d 82%,
            #08723e 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       PREMIUM BORDER
       ======================================================== */

    border:
        1px solid rgba(150, 245, 190, 0.72) !important;


    /* ========================================================
       TEXT COLOR
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(5, 100, 48, 0.22),

        0 3px 8px rgba(5, 100, 48, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,55,25,0.13) !important;


    /* ========================================================
       SMOOTH INTERACTION
       ======================================================== */

    transform:
        translate3d(0,0,0);

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        box-shadow .45s ease,

        background-position .6s ease,

        border-color .4s ease,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.22) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.13),
            transparent 35%,
            transparent 70%,
            rgba(255,255,255,0.05)
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;

    opacity: 1 !important;

    transition:
        border-color .4s ease,
        opacity .4s ease !important;
}


/* ============================================================
   5. PREMIUM LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button::after {

    content: "" !important;

    position: absolute !important;

    top: -120% !important;

    left: -130% !important;

    width: 48% !important;

    height: 340% !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.06) 42%,
            rgba(255,255,255,0.72) 50%,
            rgba(255,255,255,0.08) 58%,
            transparent 66%,
            transparent 100%
        ) !important;

    transform:
        skewX(-22deg) !important;

    pointer-events: none !important;

    z-index: 8 !important;

    transition:
        left .9s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   6. ELEMENTOR CONTENT WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button-content-wrapper {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    position: relative !important;

    z-index: 10 !important;
}


/* ============================================================
   7. BUTTON TEXT
   TEXT ON LEFT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button-text {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    order: 2 !important;

    position: relative !important;

    z-index: 10 !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        letter-spacing .4s ease !important;
}


/* ============================================================
   8. ICON
   ICON ON RIGHT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button-icon {

    position: relative !important;

    z-index: 11 !important;

    order: 1 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;


    /* Smaller icon container */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;


    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;


    /* Premium white icon badge */

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #effff5
        ) !important;


    color: #087a43 !important;


    box-shadow:

        0 4px 11px rgba(0,70,35,0.20),

        inset 0 1px 2px rgba(255,255,255,0.95) !important;


    line-height: 1 !important;

    transition:

        transform .55s cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   9. SVG ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button-icon svg {

    display: block !important;

    width: 13px !important;

    height: 13px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: currentColor !important;

    fill: currentColor !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   10. FONT AWESOME / I ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   11. ICON OUTER RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(95,235,150,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #08703c 0%,
            #09934d 28%,
            #16ad60 58%,
            #42cf82 82%,
            #087c43 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(190,255,215,0.95) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(5,100,48,0.30),

        0 7px 18px rgba(10,150,75,0.18),

        0 0 28px rgba(30,205,105,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button:hover::before {

    border-color:
        rgba(255,255,255,0.68) !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.05);
}


/* ============================================================
   14. LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #29b96d,
            #08723e
        ) !important;


    box-shadow:

        0 6px 15px rgba(0,80,38,0.28),

        0 0 16px rgba(65,220,125,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button:hover
.elementor-button-icon::before {

    transform:
        scale(1) !important;

    opacity: 1 !important;

    border-color:
        rgba(255,255,255,0.60) !important;
}


/* ============================================================
   19. ACTIVE / CLICK
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,100,48,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(15,160,80,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,100,48,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button,
    .elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button *,
    .elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button::before,
    .elementor-54 .elementor-element.elementor-element-4c15b87 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3ad19d9 *//* ============================================================
   DRISHTIPATH
   PREMIUM SECONDARY BUTTON
   Elementor Button Widget

   • Medical Blue / Glass White
   • Icon Right
   • 14px Typography
   • Premium Border
   • Elegant Hover
   • Elementor Compatible
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN SECONDARY BUTTON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button {

    position: relative !important;

    isolation: isolate !important;

    display: inline-flex !important;

    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    vertical-align: middle !important;

    min-height: 46px !important;

    padding: 9px 16px !important;

    border-radius: 13px !important;


    /* ========================================================
       PREMIUM LIGHT BLUE / WHITE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5fbff 42%,
            #eaf7ff 72%,
            #ffffff 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BLUE PREMIUM BORDER
       ======================================================== */

    border:
        1px solid rgba(8,120,201,0.38) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #075b99 !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 8px 22px rgba(8,120,201,0.10),

        0 2px 7px rgba(8,120,201,0.06),

        inset 0 1px 0 rgba(255,255,255,0.98),

        inset 0 -5px 14px rgba(8,120,201,0.035) !important;


    transform:
        translate3d(0,0,0);

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        box-shadow .45s ease,

        background-position .6s ease,

        border-color .4s ease,

        color .35s ease,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER BORDER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.90) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.65),
            transparent 40%,
            rgba(8,120,201,0.025)
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;

    transition:
        border-color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   5. PREMIUM LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button::after {

    content: "" !important;

    position: absolute !important;

    top: -120% !important;

    left: -130% !important;

    width: 45% !important;

    height: 340% !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.10) 42%,
            rgba(255,255,255,0.90) 50%,
            rgba(255,255,255,0.12) 58%,
            transparent 66%,
            transparent 100%
        ) !important;

    transform:
        skewX(-22deg) !important;

    pointer-events: none !important;

    z-index: 8 !important;

    transition:
        left .9s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   6. ELEMENTOR CONTENT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button-content-wrapper {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    position: relative !important;

    z-index: 10 !important;
}


/* ============================================================
   7. TEXT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button-text {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    order: 1 !important;

    position: relative !important;

    z-index: 10 !important;

    color: #075b99 !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        color .35s ease,

        letter-spacing .4s ease !important;
}


/* ============================================================
   8. ICON — RIGHT SIDE
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button-icon {

    position: relative !important;

    z-index: 11 !important;

    order: 2 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;


    /* ========================================================
       BLUE ICON BADGE
       ======================================================== */

    background:
        linear-gradient(
            145deg,
            #eaf7ff,
            #d9efff
        ) !important;

    color: #0878c9 !important;


    border:
        1px solid rgba(8,120,201,0.15) !important;


    box-shadow:

        0 4px 11px rgba(8,120,201,0.13),

        inset 0 1px 2px rgba(255,255,255,0.95) !important;


    line-height: 1 !important;

    transition:

        transform .55s cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease,

        border-color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   9. SVG ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button-icon svg {

    display: block !important;

    width: 13px !important;

    height: 13px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: currentColor !important;

    fill: currentColor !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   10. FONT AWESOME / ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   11. ICON OUTER RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(8,120,201,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #0878c9 0%,
            #0789d4 35%,
            #25a3e6 65%,
            #0874bd 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(125,215,255,0.95) !important;


    color: #ffffff !important;

    filter:
        brightness(1.03) !important;


    box-shadow:

        0 20px 42px rgba(8,120,201,0.26),

        0 7px 18px rgba(8,120,201,0.16),

        0 0 28px rgba(30,165,230,0.16),

        inset 0 1px 0 rgba(255,255,255,0.42) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button:hover::before {

    border-color:
        rgba(255,255,255,0.55) !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.08);
}


/* ============================================================
   14. LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button:hover .elementor-button-text {

    color: #ffffff !important;

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #0878c9 !important;


    background:
        linear-gradient(
            145deg,
            #ffffff,
            #eaf8ff
        ) !important;


    border-color:
        rgba(255,255,255,0.75) !important;


    box-shadow:

        0 6px 15px rgba(0,65,120,0.20),

        0 0 16px rgba(80,195,245,0.28),

        inset 0 1px 0 rgba(255,255,255,1) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button:hover
.elementor-button-icon::before {

    transform:
        scale(1) !important;

    opacity: 1 !important;

    border-color:
        rgba(8,120,201,0.40) !important;
}


/* ============================================================
   19. ACTIVE / CLICK
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(8,120,201,0.18) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.16),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(8,120,201,0.22) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button {

        max-width: 100% !important;

        min-height: 44px !important;
    }


    .elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button,
    .elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button *,
    .elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button::before,
    .elementor-54 .elementor-element.elementor-element-3ad19d9 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe619e3 *//* =========================================================
   DRISHTIPATH — PREMIUM EYE SERVICE CARD
   Apply this CSS to the OUTER CARD CONTAINER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 {
    /* -------------------------
       CARD VARIABLES
       ------------------------- */
    --card-radius: 20px;
    --card-border: rgba(45, 128, 205, 0.22);
    --card-blue: #0878c9;
    --card-cyan: #36bdf5;
    --card-green: #079653;
    --card-shadow:
        0 10px 30px rgba(12, 43, 72, 0.08),
        0 25px 60px rgba(12, 77, 125, 0.08);

    position: relative;
    isolation: isolate;
    overflow: hidden;

    border-radius: var(--card-radius);
    border: 1px solid var(--card-border);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.98) 0%,
            rgba(249,253,255,0.98) 55%,
            rgba(241,249,253,0.98) 100%
        );

    box-shadow: var(--card-shadow);

    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;

    transition:
        transform 0.65s cubic-bezier(.16,1,.3,1),
        box-shadow 0.65s cubic-bezier(.16,1,.3,1),
        border-color 0.5s ease;

    /* Allows the card to breathe */
    will-change: transform;
}


/* =========================================================
   PREMIUM OUTER GLOW
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3::before {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: -2;

    border-radius: inherit;

    background:
        linear-gradient(
            135deg,
            rgba(8,120,201,0.00) 0%,
            rgba(8,120,201,0.20) 28%,
            rgba(53,189,245,0.35) 50%,
            rgba(7,150,83,0.18) 72%,
            rgba(8,120,201,0.00) 100%
        );

    opacity: 0.35;

    filter: blur(10px);

    transform: scale(0.97);

    transition:
        opacity 0.6s ease,
        transform 0.7s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   INNER GLASS LAYER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;

    border-radius: calc(var(--card-radius) - 1px);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.72),
            rgba(255,255,255,0.18)
        );

    pointer-events: none;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3:hover {
    transform: translate3d(0, -10px, 0);

    border-color: rgba(24, 145, 219, 0.48);

    box-shadow:
        0 18px 40px rgba(12, 55, 90, 0.13),
        0 35px 80px rgba(8, 112, 178, 0.13),
        0 0 0 1px rgba(71, 190, 241, 0.08);
}

.elementor-54 .elementor-element.elementor-element-fe619e3:hover::before {
    opacity: 0.85;
    transform: scale(1.015);
}


/* =========================================================
   TOP PREMIUM LIGHT LINE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 > .e-con-inner::before,
.elementor-54 .elementor-element.elementor-element-fe619e3 > .elementor-element-populated::before {
    content: "";
    position: absolute;

    top: 0;
    left: 8%;
    width: 84%;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(54,189,245,0.85),
            rgba(7,150,83,0.75),
            rgba(54,189,245,0.85),
            transparent
        );

    opacity: 0.45;

    transform: scaleX(0.65);

    transition:
        transform 0.7s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-fe619e3:hover > .e-con-inner::before,
.elementor-54 .elementor-element.elementor-element-fe619e3:hover > .elementor-element-populated::before {
    transform: scaleX(1);
    opacity: 1;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-image {
    position: relative;
    overflow: hidden;

    border-radius:
        var(--card-radius)
        var(--card-radius)
        0
        0;

    transform: translateZ(0);
}


/* Image itself */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-image img {
    display: block;
    width: 100%;

    transform:
        scale(1)
        translate3d(0,0,0);

    filter:
        saturate(1)
        contrast(1);

    transition:
        transform 0.9s cubic-bezier(.16,1,.3,1),
        filter 0.7s ease;
}


/* Premium image zoom */

.elementor-54 .elementor-element.elementor-element-fe619e3:hover .elementor-widget-image img {
    transform:
        scale(1.055)
        translate3d(0,-2px,0);

    filter:
        saturate(1.08)
        contrast(1.025);
}


/* =========================================================
   IMAGE LIGHT SWEEP
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-image::after {
    content: "";

    position: absolute;
    top: -20%;
    left: -80%;

    width: 45%;
    height: 150%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.48),
            transparent
        );

    transform: skewX(-18deg);

    opacity: 0;

    pointer-events: none;

    transition:
        left 0.9s cubic-bezier(.16,1,.3,1),
        opacity 0.3s ease;
}

.elementor-54 .elementor-element.elementor-element-fe619e3:hover .elementor-widget-image::after {
    left: 140%;
    opacity: 1;
}


/* =========================================================
   IMAGE BOTTOM DEPTH
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-image::before {
    content: "";

    position: absolute;
    z-index: 2;

    left: 0;
    right: 0;
    bottom: 0;

    height: 30%;

    background:
        linear-gradient(
            to top,
            rgba(3,35,60,0.14),
            transparent
        );

    opacity: 0;

    transition: opacity 0.5s ease;

    pointer-events: none;
}

.elementor-54 .elementor-element.elementor-element-fe619e3:hover .elementor-widget-image::before {
    opacity: 1;
}


/* =========================================================
   HEADING
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-heading {
    position: relative;
    z-index: 3;

    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1);
}

.elementor-54 .elementor-element.elementor-element-fe619e3:hover .elementor-widget-heading {
    transform: translate3d(0,-2px,0);
}


/* Heading underline accent */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-heading .elementor-heading-title {
    position: relative;
    display: inline-block;
}


/* Tiny premium accent underneath heading */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-heading .elementor-heading-title::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -8px;

    width: 0;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--card-blue),
            var(--card-cyan),
            var(--card-green)
        );

    transform: translateX(-50%);

    opacity: 0;

    transition:
        width 0.55s cubic-bezier(.16,1,.3,1),
        opacity 0.4s ease;
}

.elementor-54 .elementor-element.elementor-element-fe619e3:hover
.elementor-widget-heading
.elementor-heading-title::after {
    width: 42px;
    opacity: 1;
}


/* =========================================================
   DESCRIPTION / TEXT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-text-editor {
    position: relative;
    z-index: 3;

    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-fe619e3:hover .elementor-widget-text-editor {
    transform: translate3d(0,-1px,0);
}


/* =========================================================
   CONTENT DEPTH
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-text-editor {
    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}


/* =========================================================
   BUTTON CONTAINER
   IMPORTANT:
   We DO NOT STYLE THE BUTTONS THEMSELVES.
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-button {
    position: relative;
    z-index: 5;
}


/* Give the button row a little premium separation */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-element:has(.elementor-widget-button) {
    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1);
}

.elementor-54 .elementor-element.elementor-element-fe619e3:hover .elementor-element:has(.elementor-widget-button) {
    transform: translate3d(0,-2px,0);
}


/* =========================================================
   FLOATING AMBIENT LIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 {
    background-image:
        radial-gradient(
            circle at 10% 92%,
            rgba(8,120,201,0.055),
            transparent 34%
        ),
        radial-gradient(
            circle at 92% 8%,
            rgba(7,150,83,0.045),
            transparent 32%
        );
}


/* =========================================================
   PREMIUM CORNER LIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 > .e-con-inner {
    position: relative;
}


/* Small glowing corner detail */

.elementor-54 .elementor-element.elementor-element-fe619e3 > .e-con-inner::after {
    content: "";

    position: absolute;

    right: 15px;
    top: 15px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: rgba(54,189,245,0.55);

    box-shadow:
        0 0 0 4px rgba(54,189,245,0.07),
        0 0 14px rgba(54,189,245,0.28);

    opacity: 0.35;

    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-fe619e3:hover > .e-con-inner::after {
    opacity: 1;
    transform: scale(1.35);
}


/* =========================================================
   CARD CONTENT MICRO-MOTION
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-image,
.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-text-editor,
.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-button {
    backface-visibility: hidden;
}


/* =========================================================
   SUBTLE HOVER SHINE ACROSS ENTIRE CARD
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-container {
    position: relative;
}


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

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-fe619e3 {
        border-radius: 17px;

        transform: none;

        box-shadow:
            0 8px 25px rgba(12,43,72,0.08);
    }

    .elementor-54 .elementor-element.elementor-element-fe619e3:hover {
        transform: translate3d(0,-5px,0);

        box-shadow:
            0 15px 35px rgba(12,55,90,0.12),
            0 25px 50px rgba(8,112,178,0.08);
    }

    .elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-image img {
        transform: scale(1);
    }

    .elementor-54 .elementor-element.elementor-element-fe619e3:hover .elementor-widget-image img {
        transform: scale(1.035);
    }

    .elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-heading .elementor-heading-title::after {
        display: none;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-54 .elementor-element.elementor-element-fe619e3:hover {
        transform: translate3d(0,-7px,0);
    }

    .elementor-54 .elementor-element.elementor-element-fe619e3:hover .elementor-widget-image img {
        transform: scale(1.045);
    }
}


/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-fe619e3,
    .elementor-54 .elementor-element.elementor-element-fe619e3::before,
    .elementor-54 .elementor-element.elementor-element-fe619e3::after,
    .elementor-54 .elementor-element.elementor-element-fe619e3 img,
    .elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-heading,
    .elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-text-editor,
    .elementor-54 .elementor-element.elementor-element-fe619e3 .elementor-widget-button {
        transition: none !important;
        animation: none !important;
    }

    .elementor-54 .elementor-element.elementor-element-fe619e3:hover {
        transform: none !important;
    }

    .elementor-54 .elementor-element.elementor-element-fe619e3:hover .elementor-widget-image img {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b777246 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM GREEN BUTTON
   Elementor Button Widget

   • Premium Medical Green
   • Icon Right
   • 14px Typography
   • Luxury Shine
   • Premium Hover
   • Elementor Compatible
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button {

    position: relative !important;

    isolation: isolate !important;

    display: inline-flex !important;

    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    vertical-align: middle !important;

    border-radius: 13px !important;


    /* ========================================================
       PREMIUM GREEN SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #075b32 0%,
            #087a43 28%,
            #0b9653 58%,
            #29b96d 82%,
            #08723e 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       PREMIUM BORDER
       ======================================================== */

    border:
        1px solid rgba(150, 245, 190, 0.72) !important;


    /* ========================================================
       TEXT COLOR
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(5, 100, 48, 0.22),

        0 3px 8px rgba(5, 100, 48, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,55,25,0.13) !important;


    /* ========================================================
       SMOOTH INTERACTION
       ======================================================== */

    transform:
        translate3d(0,0,0);

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        box-shadow .45s ease,

        background-position .6s ease,

        border-color .4s ease,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.22) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.13),
            transparent 35%,
            transparent 70%,
            rgba(255,255,255,0.05)
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;

    opacity: 1 !important;

    transition:
        border-color .4s ease,
        opacity .4s ease !important;
}


/* ============================================================
   5. PREMIUM LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button::after {

    content: "" !important;

    position: absolute !important;

    top: -120% !important;

    left: -130% !important;

    width: 48% !important;

    height: 340% !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.06) 42%,
            rgba(255,255,255,0.72) 50%,
            rgba(255,255,255,0.08) 58%,
            transparent 66%,
            transparent 100%
        ) !important;

    transform:
        skewX(-22deg) !important;

    pointer-events: none !important;

    z-index: 8 !important;

    transition:
        left .9s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   6. ELEMENTOR CONTENT WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button-content-wrapper {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    position: relative !important;

    z-index: 10 !important;
}


/* ============================================================
   7. BUTTON TEXT
   TEXT ON LEFT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button-text {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    order: 2 !important;

    position: relative !important;

    z-index: 10 !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        letter-spacing .4s ease !important;
}


/* ============================================================
   8. ICON
   ICON ON RIGHT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button-icon {

    position: relative !important;

    z-index: 11 !important;

    order: 1 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;


    /* Smaller icon container */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;


    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;


    /* Premium white icon badge */

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #effff5
        ) !important;


    color: #087a43 !important;


    box-shadow:

        0 4px 11px rgba(0,70,35,0.20),

        inset 0 1px 2px rgba(255,255,255,0.95) !important;


    line-height: 1 !important;

    transition:

        transform .55s cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   9. SVG ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button-icon svg {

    display: block !important;

    width: 13px !important;

    height: 13px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: currentColor !important;

    fill: currentColor !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   10. FONT AWESOME / I ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   11. ICON OUTER RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(95,235,150,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #08703c 0%,
            #09934d 28%,
            #16ad60 58%,
            #42cf82 82%,
            #087c43 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(190,255,215,0.95) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(5,100,48,0.30),

        0 7px 18px rgba(10,150,75,0.18),

        0 0 28px rgba(30,205,105,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button:hover::before {

    border-color:
        rgba(255,255,255,0.68) !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.05);
}


/* ============================================================
   14. LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #29b96d,
            #08723e
        ) !important;


    box-shadow:

        0 6px 15px rgba(0,80,38,0.28),

        0 0 16px rgba(65,220,125,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button:hover
.elementor-button-icon::before {

    transform:
        scale(1) !important;

    opacity: 1 !important;

    border-color:
        rgba(255,255,255,0.60) !important;
}


/* ============================================================
   19. ACTIVE / CLICK
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,100,48,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-b777246 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(15,160,80,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,100,48,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-b777246 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-54 .elementor-element.elementor-element-b777246 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-54 .elementor-element.elementor-element-b777246 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-54 .elementor-element.elementor-element-b777246 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-54 .elementor-element.elementor-element-b777246 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-54 .elementor-element.elementor-element-b777246 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-54 .elementor-element.elementor-element-b777246 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-b777246 .elementor-button,
    .elementor-54 .elementor-element.elementor-element-b777246 .elementor-button *,
    .elementor-54 .elementor-element.elementor-element-b777246 .elementor-button::before,
    .elementor-54 .elementor-element.elementor-element-b777246 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ab1bd86 *//* ============================================================
   DRISHTIPATH
   PREMIUM SECONDARY BUTTON
   Elementor Button Widget

   • Medical Blue / Glass White
   • Icon Right
   • 14px Typography
   • Premium Border
   • Elegant Hover
   • Elementor Compatible
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN SECONDARY BUTTON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button {

    position: relative !important;

    isolation: isolate !important;

    display: inline-flex !important;

    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    vertical-align: middle !important;

    min-height: 46px !important;

    padding: 9px 16px !important;

    border-radius: 13px !important;


    /* ========================================================
       PREMIUM LIGHT BLUE / WHITE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5fbff 42%,
            #eaf7ff 72%,
            #ffffff 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BLUE PREMIUM BORDER
       ======================================================== */

    border:
        1px solid rgba(8,120,201,0.38) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #075b99 !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 8px 22px rgba(8,120,201,0.10),

        0 2px 7px rgba(8,120,201,0.06),

        inset 0 1px 0 rgba(255,255,255,0.98),

        inset 0 -5px 14px rgba(8,120,201,0.035) !important;


    transform:
        translate3d(0,0,0);

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        box-shadow .45s ease,

        background-position .6s ease,

        border-color .4s ease,

        color .35s ease,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER BORDER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.90) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.65),
            transparent 40%,
            rgba(8,120,201,0.025)
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;

    transition:
        border-color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   5. PREMIUM LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button::after {

    content: "" !important;

    position: absolute !important;

    top: -120% !important;

    left: -130% !important;

    width: 45% !important;

    height: 340% !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.10) 42%,
            rgba(255,255,255,0.90) 50%,
            rgba(255,255,255,0.12) 58%,
            transparent 66%,
            transparent 100%
        ) !important;

    transform:
        skewX(-22deg) !important;

    pointer-events: none !important;

    z-index: 8 !important;

    transition:
        left .9s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   6. ELEMENTOR CONTENT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button-content-wrapper {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    position: relative !important;

    z-index: 10 !important;
}


/* ============================================================
   7. TEXT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button-text {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    order: 1 !important;

    position: relative !important;

    z-index: 10 !important;

    color: #075b99 !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        color .35s ease,

        letter-spacing .4s ease !important;
}


/* ============================================================
   8. ICON — RIGHT SIDE
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button-icon {

    position: relative !important;

    z-index: 11 !important;

    order: 2 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;


    /* ========================================================
       BLUE ICON BADGE
       ======================================================== */

    background:
        linear-gradient(
            145deg,
            #eaf7ff,
            #d9efff
        ) !important;

    color: #0878c9 !important;


    border:
        1px solid rgba(8,120,201,0.15) !important;


    box-shadow:

        0 4px 11px rgba(8,120,201,0.13),

        inset 0 1px 2px rgba(255,255,255,0.95) !important;


    line-height: 1 !important;

    transition:

        transform .55s cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease,

        border-color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   9. SVG ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button-icon svg {

    display: block !important;

    width: 13px !important;

    height: 13px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: currentColor !important;

    fill: currentColor !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   10. FONT AWESOME / ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   11. ICON OUTER RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(8,120,201,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #0878c9 0%,
            #0789d4 35%,
            #25a3e6 65%,
            #0874bd 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(125,215,255,0.95) !important;


    color: #ffffff !important;

    filter:
        brightness(1.03) !important;


    box-shadow:

        0 20px 42px rgba(8,120,201,0.26),

        0 7px 18px rgba(8,120,201,0.16),

        0 0 28px rgba(30,165,230,0.16),

        inset 0 1px 0 rgba(255,255,255,0.42) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button:hover::before {

    border-color:
        rgba(255,255,255,0.55) !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.08);
}


/* ============================================================
   14. LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button:hover .elementor-button-text {

    color: #ffffff !important;

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #0878c9 !important;


    background:
        linear-gradient(
            145deg,
            #ffffff,
            #eaf8ff
        ) !important;


    border-color:
        rgba(255,255,255,0.75) !important;


    box-shadow:

        0 6px 15px rgba(0,65,120,0.20),

        0 0 16px rgba(80,195,245,0.28),

        inset 0 1px 0 rgba(255,255,255,1) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button:hover
.elementor-button-icon::before {

    transform:
        scale(1) !important;

    opacity: 1 !important;

    border-color:
        rgba(8,120,201,0.40) !important;
}


/* ============================================================
   19. ACTIVE / CLICK
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(8,120,201,0.18) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.16),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(8,120,201,0.22) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button {

        max-width: 100% !important;

        min-height: 44px !important;
    }


    .elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button,
    .elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button *,
    .elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button::before,
    .elementor-54 .elementor-element.elementor-element-ab1bd86 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea9440c *//* =========================================================
   DRISHTIPATH — PREMIUM EYE SERVICE CARD
   Apply this CSS to the OUTER CARD CONTAINER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c {
    /* -------------------------
       CARD VARIABLES
       ------------------------- */
    --card-radius: 20px;
    --card-border: rgba(45, 128, 205, 0.22);
    --card-blue: #0878c9;
    --card-cyan: #36bdf5;
    --card-green: #079653;
    --card-shadow:
        0 10px 30px rgba(12, 43, 72, 0.08),
        0 25px 60px rgba(12, 77, 125, 0.08);

    position: relative;
    isolation: isolate;
    overflow: hidden;

    border-radius: var(--card-radius);
    border: 1px solid var(--card-border);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.98) 0%,
            rgba(249,253,255,0.98) 55%,
            rgba(241,249,253,0.98) 100%
        );

    box-shadow: var(--card-shadow);

    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;

    transition:
        transform 0.65s cubic-bezier(.16,1,.3,1),
        box-shadow 0.65s cubic-bezier(.16,1,.3,1),
        border-color 0.5s ease;

    /* Allows the card to breathe */
    will-change: transform;
}


/* =========================================================
   PREMIUM OUTER GLOW
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c::before {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: -2;

    border-radius: inherit;

    background:
        linear-gradient(
            135deg,
            rgba(8,120,201,0.00) 0%,
            rgba(8,120,201,0.20) 28%,
            rgba(53,189,245,0.35) 50%,
            rgba(7,150,83,0.18) 72%,
            rgba(8,120,201,0.00) 100%
        );

    opacity: 0.35;

    filter: blur(10px);

    transform: scale(0.97);

    transition:
        opacity 0.6s ease,
        transform 0.7s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   INNER GLASS LAYER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;

    border-radius: calc(var(--card-radius) - 1px);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.72),
            rgba(255,255,255,0.18)
        );

    pointer-events: none;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c:hover {
    transform: translate3d(0, -10px, 0);

    border-color: rgba(24, 145, 219, 0.48);

    box-shadow:
        0 18px 40px rgba(12, 55, 90, 0.13),
        0 35px 80px rgba(8, 112, 178, 0.13),
        0 0 0 1px rgba(71, 190, 241, 0.08);
}

.elementor-54 .elementor-element.elementor-element-ea9440c:hover::before {
    opacity: 0.85;
    transform: scale(1.015);
}


/* =========================================================
   TOP PREMIUM LIGHT LINE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c > .e-con-inner::before,
.elementor-54 .elementor-element.elementor-element-ea9440c > .elementor-element-populated::before {
    content: "";
    position: absolute;

    top: 0;
    left: 8%;
    width: 84%;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(54,189,245,0.85),
            rgba(7,150,83,0.75),
            rgba(54,189,245,0.85),
            transparent
        );

    opacity: 0.45;

    transform: scaleX(0.65);

    transition:
        transform 0.7s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-ea9440c:hover > .e-con-inner::before,
.elementor-54 .elementor-element.elementor-element-ea9440c:hover > .elementor-element-populated::before {
    transform: scaleX(1);
    opacity: 1;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-image {
    position: relative;
    overflow: hidden;

    border-radius:
        var(--card-radius)
        var(--card-radius)
        0
        0;

    transform: translateZ(0);
}


/* Image itself */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-image img {
    display: block;
    width: 100%;

    transform:
        scale(1)
        translate3d(0,0,0);

    filter:
        saturate(1)
        contrast(1);

    transition:
        transform 0.9s cubic-bezier(.16,1,.3,1),
        filter 0.7s ease;
}


/* Premium image zoom */

.elementor-54 .elementor-element.elementor-element-ea9440c:hover .elementor-widget-image img {
    transform:
        scale(1.055)
        translate3d(0,-2px,0);

    filter:
        saturate(1.08)
        contrast(1.025);
}


/* =========================================================
   IMAGE LIGHT SWEEP
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-image::after {
    content: "";

    position: absolute;
    top: -20%;
    left: -80%;

    width: 45%;
    height: 150%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.48),
            transparent
        );

    transform: skewX(-18deg);

    opacity: 0;

    pointer-events: none;

    transition:
        left 0.9s cubic-bezier(.16,1,.3,1),
        opacity 0.3s ease;
}

.elementor-54 .elementor-element.elementor-element-ea9440c:hover .elementor-widget-image::after {
    left: 140%;
    opacity: 1;
}


/* =========================================================
   IMAGE BOTTOM DEPTH
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-image::before {
    content: "";

    position: absolute;
    z-index: 2;

    left: 0;
    right: 0;
    bottom: 0;

    height: 30%;

    background:
        linear-gradient(
            to top,
            rgba(3,35,60,0.14),
            transparent
        );

    opacity: 0;

    transition: opacity 0.5s ease;

    pointer-events: none;
}

.elementor-54 .elementor-element.elementor-element-ea9440c:hover .elementor-widget-image::before {
    opacity: 1;
}


/* =========================================================
   HEADING
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-heading {
    position: relative;
    z-index: 3;

    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1);
}

.elementor-54 .elementor-element.elementor-element-ea9440c:hover .elementor-widget-heading {
    transform: translate3d(0,-2px,0);
}


/* Heading underline accent */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-heading .elementor-heading-title {
    position: relative;
    display: inline-block;
}


/* Tiny premium accent underneath heading */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-heading .elementor-heading-title::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -8px;

    width: 0;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--card-blue),
            var(--card-cyan),
            var(--card-green)
        );

    transform: translateX(-50%);

    opacity: 0;

    transition:
        width 0.55s cubic-bezier(.16,1,.3,1),
        opacity 0.4s ease;
}

.elementor-54 .elementor-element.elementor-element-ea9440c:hover
.elementor-widget-heading
.elementor-heading-title::after {
    width: 42px;
    opacity: 1;
}


/* =========================================================
   DESCRIPTION / TEXT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-text-editor {
    position: relative;
    z-index: 3;

    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-ea9440c:hover .elementor-widget-text-editor {
    transform: translate3d(0,-1px,0);
}


/* =========================================================
   CONTENT DEPTH
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-text-editor {
    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}


/* =========================================================
   BUTTON CONTAINER
   IMPORTANT:
   We DO NOT STYLE THE BUTTONS THEMSELVES.
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-button {
    position: relative;
    z-index: 5;
}


/* Give the button row a little premium separation */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-element:has(.elementor-widget-button) {
    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1);
}

.elementor-54 .elementor-element.elementor-element-ea9440c:hover .elementor-element:has(.elementor-widget-button) {
    transform: translate3d(0,-2px,0);
}


/* =========================================================
   FLOATING AMBIENT LIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c {
    background-image:
        radial-gradient(
            circle at 10% 92%,
            rgba(8,120,201,0.055),
            transparent 34%
        ),
        radial-gradient(
            circle at 92% 8%,
            rgba(7,150,83,0.045),
            transparent 32%
        );
}


/* =========================================================
   PREMIUM CORNER LIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c > .e-con-inner {
    position: relative;
}


/* Small glowing corner detail */

.elementor-54 .elementor-element.elementor-element-ea9440c > .e-con-inner::after {
    content: "";

    position: absolute;

    right: 15px;
    top: 15px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: rgba(54,189,245,0.55);

    box-shadow:
        0 0 0 4px rgba(54,189,245,0.07),
        0 0 14px rgba(54,189,245,0.28);

    opacity: 0.35;

    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-ea9440c:hover > .e-con-inner::after {
    opacity: 1;
    transform: scale(1.35);
}


/* =========================================================
   CARD CONTENT MICRO-MOTION
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-image,
.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-text-editor,
.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-button {
    backface-visibility: hidden;
}


/* =========================================================
   SUBTLE HOVER SHINE ACROSS ENTIRE CARD
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-container {
    position: relative;
}


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

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-ea9440c {
        border-radius: 17px;

        transform: none;

        box-shadow:
            0 8px 25px rgba(12,43,72,0.08);
    }

    .elementor-54 .elementor-element.elementor-element-ea9440c:hover {
        transform: translate3d(0,-5px,0);

        box-shadow:
            0 15px 35px rgba(12,55,90,0.12),
            0 25px 50px rgba(8,112,178,0.08);
    }

    .elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-image img {
        transform: scale(1);
    }

    .elementor-54 .elementor-element.elementor-element-ea9440c:hover .elementor-widget-image img {
        transform: scale(1.035);
    }

    .elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-heading .elementor-heading-title::after {
        display: none;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-54 .elementor-element.elementor-element-ea9440c:hover {
        transform: translate3d(0,-7px,0);
    }

    .elementor-54 .elementor-element.elementor-element-ea9440c:hover .elementor-widget-image img {
        transform: scale(1.045);
    }
}


/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-ea9440c,
    .elementor-54 .elementor-element.elementor-element-ea9440c::before,
    .elementor-54 .elementor-element.elementor-element-ea9440c::after,
    .elementor-54 .elementor-element.elementor-element-ea9440c img,
    .elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-heading,
    .elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-text-editor,
    .elementor-54 .elementor-element.elementor-element-ea9440c .elementor-widget-button {
        transition: none !important;
        animation: none !important;
    }

    .elementor-54 .elementor-element.elementor-element-ea9440c:hover {
        transform: none !important;
    }

    .elementor-54 .elementor-element.elementor-element-ea9440c:hover .elementor-widget-image img {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed2a3bd *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM GREEN BUTTON
   Elementor Button Widget

   • Premium Medical Green
   • Icon Right
   • 14px Typography
   • Luxury Shine
   • Premium Hover
   • Elementor Compatible
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button {

    position: relative !important;

    isolation: isolate !important;

    display: inline-flex !important;

    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    vertical-align: middle !important;

    border-radius: 13px !important;


    /* ========================================================
       PREMIUM GREEN SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #075b32 0%,
            #087a43 28%,
            #0b9653 58%,
            #29b96d 82%,
            #08723e 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       PREMIUM BORDER
       ======================================================== */

    border:
        1px solid rgba(150, 245, 190, 0.72) !important;


    /* ========================================================
       TEXT COLOR
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(5, 100, 48, 0.22),

        0 3px 8px rgba(5, 100, 48, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,55,25,0.13) !important;


    /* ========================================================
       SMOOTH INTERACTION
       ======================================================== */

    transform:
        translate3d(0,0,0);

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        box-shadow .45s ease,

        background-position .6s ease,

        border-color .4s ease,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.22) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.13),
            transparent 35%,
            transparent 70%,
            rgba(255,255,255,0.05)
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;

    opacity: 1 !important;

    transition:
        border-color .4s ease,
        opacity .4s ease !important;
}


/* ============================================================
   5. PREMIUM LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button::after {

    content: "" !important;

    position: absolute !important;

    top: -120% !important;

    left: -130% !important;

    width: 48% !important;

    height: 340% !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.06) 42%,
            rgba(255,255,255,0.72) 50%,
            rgba(255,255,255,0.08) 58%,
            transparent 66%,
            transparent 100%
        ) !important;

    transform:
        skewX(-22deg) !important;

    pointer-events: none !important;

    z-index: 8 !important;

    transition:
        left .9s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   6. ELEMENTOR CONTENT WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button-content-wrapper {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    position: relative !important;

    z-index: 10 !important;
}


/* ============================================================
   7. BUTTON TEXT
   TEXT ON LEFT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button-text {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    order: 2 !important;

    position: relative !important;

    z-index: 10 !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        letter-spacing .4s ease !important;
}


/* ============================================================
   8. ICON
   ICON ON RIGHT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button-icon {

    position: relative !important;

    z-index: 11 !important;

    order: 1 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;


    /* Smaller icon container */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;


    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;


    /* Premium white icon badge */

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #effff5
        ) !important;


    color: #087a43 !important;


    box-shadow:

        0 4px 11px rgba(0,70,35,0.20),

        inset 0 1px 2px rgba(255,255,255,0.95) !important;


    line-height: 1 !important;

    transition:

        transform .55s cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   9. SVG ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button-icon svg {

    display: block !important;

    width: 13px !important;

    height: 13px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: currentColor !important;

    fill: currentColor !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   10. FONT AWESOME / I ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   11. ICON OUTER RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(95,235,150,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #08703c 0%,
            #09934d 28%,
            #16ad60 58%,
            #42cf82 82%,
            #087c43 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(190,255,215,0.95) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(5,100,48,0.30),

        0 7px 18px rgba(10,150,75,0.18),

        0 0 28px rgba(30,205,105,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button:hover::before {

    border-color:
        rgba(255,255,255,0.68) !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.05);
}


/* ============================================================
   14. LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #29b96d,
            #08723e
        ) !important;


    box-shadow:

        0 6px 15px rgba(0,80,38,0.28),

        0 0 16px rgba(65,220,125,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button:hover
.elementor-button-icon::before {

    transform:
        scale(1) !important;

    opacity: 1 !important;

    border-color:
        rgba(255,255,255,0.60) !important;
}


/* ============================================================
   19. ACTIVE / CLICK
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,100,48,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(15,160,80,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,100,48,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button,
    .elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button *,
    .elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button::before,
    .elementor-54 .elementor-element.elementor-element-ed2a3bd .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5508c2f *//* ============================================================
   DRISHTIPATH
   PREMIUM SECONDARY BUTTON
   Elementor Button Widget

   • Medical Blue / Glass White
   • Icon Right
   • 14px Typography
   • Premium Border
   • Elegant Hover
   • Elementor Compatible
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN SECONDARY BUTTON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button {

    position: relative !important;

    isolation: isolate !important;

    display: inline-flex !important;

    width: auto !important;
    max-width: max-content !important;

    align-items: center !important;
    justify-content: center !important;

    vertical-align: middle !important;

    min-height: 46px !important;

    padding: 9px 16px !important;

    border-radius: 13px !important;


    /* ========================================================
       PREMIUM LIGHT BLUE / WHITE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5fbff 42%,
            #eaf7ff 72%,
            #ffffff 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BLUE PREMIUM BORDER
       ======================================================== */

    border:
        1px solid rgba(8,120,201,0.38) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #075b99 !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 8px 22px rgba(8,120,201,0.10),

        0 2px 7px rgba(8,120,201,0.06),

        inset 0 1px 0 rgba(255,255,255,0.98),

        inset 0 -5px 14px rgba(8,120,201,0.035) !important;


    transform:
        translate3d(0,0,0);

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        box-shadow .45s ease,

        background-position .6s ease,

        border-color .4s ease,

        color .35s ease,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER BORDER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.90) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.65),
            transparent 40%,
            rgba(8,120,201,0.025)
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;

    transition:
        border-color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   5. PREMIUM LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button::after {

    content: "" !important;

    position: absolute !important;

    top: -120% !important;

    left: -130% !important;

    width: 45% !important;

    height: 340% !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.10) 42%,
            rgba(255,255,255,0.90) 50%,
            rgba(255,255,255,0.12) 58%,
            transparent 66%,
            transparent 100%
        ) !important;

    transform:
        skewX(-22deg) !important;

    pointer-events: none !important;

    z-index: 8 !important;

    transition:
        left .9s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   6. ELEMENTOR CONTENT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button-content-wrapper {

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1 !important;

    position: relative !important;

    z-index: 10 !important;
}


/* ============================================================
   7. TEXT
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button-text {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    order: 1 !important;

    position: relative !important;

    z-index: 10 !important;

    color: #075b99 !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.15 !important;

    white-space: nowrap !important;

    margin: 0 !important;

    padding: 0 !important;

    transition:

        transform .45s cubic-bezier(.22,1,.36,1),

        color .35s ease,

        letter-spacing .4s ease !important;
}


/* ============================================================
   8. ICON — RIGHT SIDE
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button-icon {

    position: relative !important;

    z-index: 11 !important;

    order: 2 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;


    /* ========================================================
       BLUE ICON BADGE
       ======================================================== */

    background:
        linear-gradient(
            145deg,
            #eaf7ff,
            #d9efff
        ) !important;

    color: #0878c9 !important;


    border:
        1px solid rgba(8,120,201,0.15) !important;


    box-shadow:

        0 4px 11px rgba(8,120,201,0.13),

        inset 0 1px 2px rgba(255,255,255,0.95) !important;


    line-height: 1 !important;

    transition:

        transform .55s cubic-bezier(.22,1,.36,1),

        background .4s ease,

        color .4s ease,

        border-color .4s ease,

        box-shadow .4s ease !important;
}


/* ============================================================
   9. SVG ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button-icon svg {

    display: block !important;

    width: 13px !important;

    height: 13px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: currentColor !important;

    fill: currentColor !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   10. FONT AWESOME / ICON
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button-icon i {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    color: currentColor !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   11. ICON OUTER RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(8,120,201,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. PREMIUM HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #0878c9 0%,
            #0789d4 35%,
            #25a3e6 65%,
            #0874bd 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(125,215,255,0.95) !important;


    color: #ffffff !important;

    filter:
        brightness(1.03) !important;


    box-shadow:

        0 20px 42px rgba(8,120,201,0.26),

        0 7px 18px rgba(8,120,201,0.16),

        0 0 28px rgba(30,165,230,0.16),

        inset 0 1px 0 rgba(255,255,255,0.42) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button:hover::before {

    border-color:
        rgba(255,255,255,0.55) !important;

    box-shadow:
        inset 0 0 12px rgba(255,255,255,0.08);
}


/* ============================================================
   14. LIGHT SWEEP
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button:hover .elementor-button-text {

    color: #ffffff !important;

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON HOVER
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #0878c9 !important;


    background:
        linear-gradient(
            145deg,
            #ffffff,
            #eaf8ff
        ) !important;


    border-color:
        rgba(255,255,255,0.75) !important;


    box-shadow:

        0 6px 15px rgba(0,65,120,0.20),

        0 0 16px rgba(80,195,245,0.28),

        inset 0 1px 0 rgba(255,255,255,1) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button:hover
.elementor-button-icon::before {

    transform:
        scale(1) !important;

    opacity: 1 !important;

    border-color:
        rgba(8,120,201,0.40) !important;
}


/* ============================================================
   19. ACTIVE / CLICK
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(8,120,201,0.18) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.16),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(8,120,201,0.22) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button {

        max-width: 100% !important;

        min-height: 44px !important;
    }


    .elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button,
    .elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button *,
    .elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button::before,
    .elementor-54 .elementor-element.elementor-element-5508c2f .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c33b201 *//* =========================================================
   DRISHTIPATH — PREMIUM EYE SERVICE CARD
   Apply this CSS to the OUTER CARD CONTAINER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 {
    /* -------------------------
       CARD VARIABLES
       ------------------------- */
    --card-radius: 20px;
    --card-border: rgba(45, 128, 205, 0.22);
    --card-blue: #0878c9;
    --card-cyan: #36bdf5;
    --card-green: #079653;
    --card-shadow:
        0 10px 30px rgba(12, 43, 72, 0.08),
        0 25px 60px rgba(12, 77, 125, 0.08);

    position: relative;
    isolation: isolate;
    overflow: hidden;

    border-radius: var(--card-radius);
    border: 1px solid var(--card-border);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.98) 0%,
            rgba(249,253,255,0.98) 55%,
            rgba(241,249,253,0.98) 100%
        );

    box-shadow: var(--card-shadow);

    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;

    transition:
        transform 0.65s cubic-bezier(.16,1,.3,1),
        box-shadow 0.65s cubic-bezier(.16,1,.3,1),
        border-color 0.5s ease;

    /* Allows the card to breathe */
    will-change: transform;
}


/* =========================================================
   PREMIUM OUTER GLOW
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201::before {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: -2;

    border-radius: inherit;

    background:
        linear-gradient(
            135deg,
            rgba(8,120,201,0.00) 0%,
            rgba(8,120,201,0.20) 28%,
            rgba(53,189,245,0.35) 50%,
            rgba(7,150,83,0.18) 72%,
            rgba(8,120,201,0.00) 100%
        );

    opacity: 0.35;

    filter: blur(10px);

    transform: scale(0.97);

    transition:
        opacity 0.6s ease,
        transform 0.7s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   INNER GLASS LAYER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;

    border-radius: calc(var(--card-radius) - 1px);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.72),
            rgba(255,255,255,0.18)
        );

    pointer-events: none;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201:hover {
    transform: translate3d(0, -10px, 0);

    border-color: rgba(24, 145, 219, 0.48);

    box-shadow:
        0 18px 40px rgba(12, 55, 90, 0.13),
        0 35px 80px rgba(8, 112, 178, 0.13),
        0 0 0 1px rgba(71, 190, 241, 0.08);
}

.elementor-54 .elementor-element.elementor-element-c33b201:hover::before {
    opacity: 0.85;
    transform: scale(1.015);
}


/* =========================================================
   TOP PREMIUM LIGHT LINE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 > .e-con-inner::before,
.elementor-54 .elementor-element.elementor-element-c33b201 > .elementor-element-populated::before {
    content: "";
    position: absolute;

    top: 0;
    left: 8%;
    width: 84%;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(54,189,245,0.85),
            rgba(7,150,83,0.75),
            rgba(54,189,245,0.85),
            transparent
        );

    opacity: 0.45;

    transform: scaleX(0.65);

    transition:
        transform 0.7s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-c33b201:hover > .e-con-inner::before,
.elementor-54 .elementor-element.elementor-element-c33b201:hover > .elementor-element-populated::before {
    transform: scaleX(1);
    opacity: 1;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-image {
    position: relative;
    overflow: hidden;

    border-radius:
        var(--card-radius)
        var(--card-radius)
        0
        0;

    transform: translateZ(0);
}


/* Image itself */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-image img {
    display: block;
    width: 100%;

    transform:
        scale(1)
        translate3d(0,0,0);

    filter:
        saturate(1)
        contrast(1);

    transition:
        transform 0.9s cubic-bezier(.16,1,.3,1),
        filter 0.7s ease;
}


/* Premium image zoom */

.elementor-54 .elementor-element.elementor-element-c33b201:hover .elementor-widget-image img {
    transform:
        scale(1.055)
        translate3d(0,-2px,0);

    filter:
        saturate(1.08)
        contrast(1.025);
}


/* =========================================================
   IMAGE LIGHT SWEEP
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-image::after {
    content: "";

    position: absolute;
    top: -20%;
    left: -80%;

    width: 45%;
    height: 150%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.48),
            transparent
        );

    transform: skewX(-18deg);

    opacity: 0;

    pointer-events: none;

    transition:
        left 0.9s cubic-bezier(.16,1,.3,1),
        opacity 0.3s ease;
}

.elementor-54 .elementor-element.elementor-element-c33b201:hover .elementor-widget-image::after {
    left: 140%;
    opacity: 1;
}


/* =========================================================
   IMAGE BOTTOM DEPTH
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-image::before {
    content: "";

    position: absolute;
    z-index: 2;

    left: 0;
    right: 0;
    bottom: 0;

    height: 30%;

    background:
        linear-gradient(
            to top,
            rgba(3,35,60,0.14),
            transparent
        );

    opacity: 0;

    transition: opacity 0.5s ease;

    pointer-events: none;
}

.elementor-54 .elementor-element.elementor-element-c33b201:hover .elementor-widget-image::before {
    opacity: 1;
}


/* =========================================================
   HEADING
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-heading {
    position: relative;
    z-index: 3;

    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1);
}

.elementor-54 .elementor-element.elementor-element-c33b201:hover .elementor-widget-heading {
    transform: translate3d(0,-2px,0);
}


/* Heading underline accent */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-heading .elementor-heading-title {
    position: relative;
    display: inline-block;
}


/* Tiny premium accent underneath heading */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-heading .elementor-heading-title::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -8px;

    width: 0;
    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--card-blue),
            var(--card-cyan),
            var(--card-green)
        );

    transform: translateX(-50%);

    opacity: 0;

    transition:
        width 0.55s cubic-bezier(.16,1,.3,1),
        opacity 0.4s ease;
}

.elementor-54 .elementor-element.elementor-element-c33b201:hover
.elementor-widget-heading
.elementor-heading-title::after {
    width: 42px;
    opacity: 1;
}


/* =========================================================
   DESCRIPTION / TEXT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-text-editor {
    position: relative;
    z-index: 3;

    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-c33b201:hover .elementor-widget-text-editor {
    transform: translate3d(0,-1px,0);
}


/* =========================================================
   CONTENT DEPTH
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-text-editor {
    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1),
        opacity 0.5s ease;
}


/* =========================================================
   BUTTON CONTAINER
   IMPORTANT:
   We DO NOT STYLE THE BUTTONS THEMSELVES.
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-button {
    position: relative;
    z-index: 5;
}


/* Give the button row a little premium separation */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-element:has(.elementor-widget-button) {
    transition:
        transform 0.6s cubic-bezier(.16,1,.3,1);
}

.elementor-54 .elementor-element.elementor-element-c33b201:hover .elementor-element:has(.elementor-widget-button) {
    transform: translate3d(0,-2px,0);
}


/* =========================================================
   FLOATING AMBIENT LIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 {
    background-image:
        radial-gradient(
            circle at 10% 92%,
            rgba(8,120,201,0.055),
            transparent 34%
        ),
        radial-gradient(
            circle at 92% 8%,
            rgba(7,150,83,0.045),
            transparent 32%
        );
}


/* =========================================================
   PREMIUM CORNER LIGHT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 > .e-con-inner {
    position: relative;
}


/* Small glowing corner detail */

.elementor-54 .elementor-element.elementor-element-c33b201 > .e-con-inner::after {
    content: "";

    position: absolute;

    right: 15px;
    top: 15px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: rgba(54,189,245,0.55);

    box-shadow:
        0 0 0 4px rgba(54,189,245,0.07),
        0 0 14px rgba(54,189,245,0.28);

    opacity: 0.35;

    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
}

.elementor-54 .elementor-element.elementor-element-c33b201:hover > .e-con-inner::after {
    opacity: 1;
    transform: scale(1.35);
}


/* =========================================================
   CARD CONTENT MICRO-MOTION
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-image,
.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-heading,
.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-text-editor,
.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-button {
    backface-visibility: hidden;
}


/* =========================================================
   SUBTLE HOVER SHINE ACROSS ENTIRE CARD
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-container {
    position: relative;
}


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

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-c33b201 {
        border-radius: 17px;

        transform: none;

        box-shadow:
            0 8px 25px rgba(12,43,72,0.08);
    }

    .elementor-54 .elementor-element.elementor-element-c33b201:hover {
        transform: translate3d(0,-5px,0);

        box-shadow:
            0 15px 35px rgba(12,55,90,0.12),
            0 25px 50px rgba(8,112,178,0.08);
    }

    .elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-image img {
        transform: scale(1);
    }

    .elementor-54 .elementor-element.elementor-element-c33b201:hover .elementor-widget-image img {
        transform: scale(1.035);
    }

    .elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-heading .elementor-heading-title::after {
        display: none;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-54 .elementor-element.elementor-element-c33b201:hover {
        transform: translate3d(0,-7px,0);
    }

    .elementor-54 .elementor-element.elementor-element-c33b201:hover .elementor-widget-image img {
        transform: scale(1.045);
    }
}


/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-c33b201,
    .elementor-54 .elementor-element.elementor-element-c33b201::before,
    .elementor-54 .elementor-element.elementor-element-c33b201::after,
    .elementor-54 .elementor-element.elementor-element-c33b201 img,
    .elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-heading,
    .elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-text-editor,
    .elementor-54 .elementor-element.elementor-element-c33b201 .elementor-widget-button {
        transition: none !important;
        animation: none !important;
    }

    .elementor-54 .elementor-element.elementor-element-c33b201:hover {
        transform: none !important;
    }

    .elementor-54 .elementor-element.elementor-element-c33b201:hover .elementor-widget-image img {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-47f4d7a */.elementor-54 .elementor-element.elementor-element-47f4d7a .elementor-divider-separator {
    border-radius: 999px !important;
    overflow: hidden;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-263af9e */.elementor-54 .elementor-element.elementor-element-263af9e .elementor-divider-separator {
    border-radius: 999px !important;
    overflow: hidden;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05a0b7 */.elementor-54 .elementor-element.elementor-element-d05a0b7 {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Background image layer */
.elementor-54 .elementor-element.elementor-element-d05a0b7::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    background: inherit;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    transform: scale(1);
    transform-origin: center center;

    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Zoom background on hover */
.elementor-54 .elementor-element.elementor-element-d05a0b7:hover::before {
    transform: scale(1.12);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfb9429 */.elementor-54 .elementor-element.elementor-element-bfb9429 {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Background image layer */
.elementor-54 .elementor-element.elementor-element-bfb9429::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    background: inherit;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    transform: scale(1);
    transform-origin: center center;

    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Zoom background on hover */
.elementor-54 .elementor-element.elementor-element-bfb9429:hover::before {
    transform: scale(1.12);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ea88a9 */.elementor-54 .elementor-element.elementor-element-1ea88a9 {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Background image layer */
.elementor-54 .elementor-element.elementor-element-1ea88a9::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    background: inherit;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    transform: scale(1);
    transform-origin: center center;

    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Zoom background on hover */
.elementor-54 .elementor-element.elementor-element-1ea88a9:hover::before {
    transform: scale(1.12);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b84906 */.elementor-54 .elementor-element.elementor-element-7b84906 {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Background image layer */
.elementor-54 .elementor-element.elementor-element-7b84906::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    background: inherit;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    transform: scale(1);
    transform-origin: center center;

    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Zoom background on hover */
.elementor-54 .elementor-element.elementor-element-7b84906:hover::before {
    transform: scale(1.12);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-2da4af8 */.elementor-54 .elementor-element.elementor-element-2da4af8 .elementor-divider-separator {
    border-radius: 999px !important;
    overflow: hidden;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-b3634ce *//* =========================================================
   DRISHTIPATH — PREMIUM ELEMENTOR FORM
   Scoped ONLY to this Elementor Form widget
   ========================================================= */


/* =========================================================
   FORM CONTAINER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-form {

    position: relative;

    padding: 4px;

    font-family: "Poppins", sans-serif;
}


/* =========================================================
   FORM ROW / FIELD GROUP
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field-group {

    position: relative;

    margin-bottom: 18px;
}


/* =========================================================
   LABELS
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field-label {

    display: block;

    margin-bottom: 7px;

    color: #183b5d;

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: .05px;

    transition:
        color .3s ease,
        transform .3s ease;
}


/* =========================================================
   INPUTS / TEXTAREA / SELECT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field {

    width: 100%;

    min-height: 50px;

    padding: 13px 16px;

    border-radius: 11px !important;

    border: 1px solid #d8e3ec !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f9fcfe 100%
        ) !important;

    color: #163b5d !important;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.5;

    outline: none !important;

    box-shadow:
        0 3px 10px rgba(18,70,105,.035),
        inset 0 1px 0 rgba(255,255,255,.95);

    transition:
        border-color .35s ease,
        box-shadow .4s cubic-bezier(.16,1,.3,1),
        background .35s ease,
        transform .35s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field::placeholder {

    color: #9aaabd !important;

    opacity: 1;

    font-weight: 400;

    transition:
        color .3s ease;
}


/* =========================================================
   TEXTAREA
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce textarea.elementor-field {

    min-height: 105px;

    resize: vertical;

    padding-top: 14px;
}


/* =========================================================
   FIELD HOVER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field:hover {

    border-color: #b7d2e4 !important;

    box-shadow:
        0 5px 16px rgba(24,101,150,.055),
        inset 0 1px 0 rgba(255,255,255,.95);
}


/* =========================================================
   FIELD FOCUS
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field:focus {

    border-color: #199ed0 !important;

    background:
        #ffffff !important;

    transform: translateY(-1px);

    box-shadow:
        0 7px 20px rgba(20,126,177,.08),
        0 0 0 3px rgba(37,170,220,.10),
        inset 0 1px 0 rgba(255,255,255,1);
}


.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field:focus::placeholder {

    color: #b6c5d1 !important;
}


/* =========================================================
   LABEL WHEN FIELD GROUP IS ACTIVE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field-group:focus-within .elementor-field-label {

    color: #087bb7;
}


/* =========================================================
   SELECT FIELD
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce select.elementor-field {

    cursor: pointer;

    appearance: auto;

    -webkit-appearance: auto;
}


/* =========================================================
   FORM COLUMNS SPACING
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-form-fields-wrapper {

    margin-left: -7px;
    margin-right: -7px;
}


.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field-group {

    padding-left: 7px;
    padding-right: 7px;
}


/* =========================================================
   SUBMIT BUTTON
   PREMIUM EMERALD STYLE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button {

    position: relative;

    min-height: 48px;

    padding: 0 17px 0 22px !important;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    overflow: hidden;

    border-radius: 11px !important;

    border: 1px solid rgba(142,245,187,.68) !important;

    background:
        linear-gradient(
            110deg,
            #075b32 0%,
            #087a43 28%,
            #0b9653 58%,
            #29b96d 82%,
            #08723e 100%
        ) !important;

    color: #ffffff !important;

    font-family: "Poppins", sans-serif;

    font-size: 13px !important;

    font-weight: 700 !important;

    letter-spacing: .05px;

    box-shadow:
        0 8px 20px rgba(5,116,62,.20),
        0 3px 7px rgba(4,91,48,.16),
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(0,0,0,.13);

    transform: translateZ(0);

    transition:
        transform .45s cubic-bezier(.16,1,.3,1),
        box-shadow .45s ease,
        border-color .35s ease;
}


/* =========================================================
   BUTTON TEXT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button-text {

    position: relative;

    z-index: 3;

    color: #ffffff !important;

    line-height: 1;

    white-space: nowrap;
}


/* =========================================================
   BUTTON ARROW BADGE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button::after {

    content: "→";

    position: relative;

    z-index: 4;

    width: 26px;
    height: 26px;

    flex: 0 0 26px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        rgba(255,255,255,.96);

    color: #087b47;

    font-family: Arial, sans-serif;

    font-size: 16px;

    font-weight: 700;

    line-height: 1;

    box-shadow:
        0 2px 7px rgba(0,0,0,.12),
        inset 0 1px 0 rgba(255,255,255,1);

    transition:
        transform .45s cubic-bezier(.16,1,.3,1),
        background .35s ease,
        color .35s ease;
}


/* =========================================================
   BUTTON LIGHT SWEEP
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button::before {

    content: "";

    position: absolute;

    z-index: 1;

    top: -60%;

    left: -65%;

    width: 25%;

    height: 220%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.24),
            transparent
        );

    transform: skewX(-18deg);

    opacity: 0;

    pointer-events: none;
}


/* =========================================================
   BUTTON HOVER
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(180,255,210,.90) !important;

    box-shadow:
        0 13px 28px rgba(5,116,62,.28),
        0 5px 10px rgba(4,91,48,.18),
        0 0 22px rgba(28,191,108,.12),
        inset 0 1px 0 rgba(255,255,255,.28);
}


.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button:hover::after {

    transform:
        translateX(2px)
        scale(1.08);

    background: #ffffff;

    color: #087a43;

    box-shadow:
        0 3px 10px rgba(0,0,0,.15);
}


.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button:hover::before {

    opacity: 1;

    animation:
        dpFormButtonShine .85s cubic-bezier(.16,1,.3,1);
}


@keyframes dpFormButtonShine {

    from {
        left: -65%;
    }

    to {
        left: 145%;
    }

}


/* =========================================================
   BUTTON ACTIVE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button:active {

    transform:
        translateY(-1px)
        scale(.985);

    box-shadow:
        0 5px 13px rgba(5,116,62,.20);
}


/* =========================================================
   BUTTON FOCUS
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:
        0 8px 20px rgba(5,116,62,.22),
        0 0 0 3px rgba(28,185,108,.18) !important;
}


/* =========================================================
   REMOVE DEFAULT ELEMENTOR BUTTON ICON IF PRESENT
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button .elementor-button-icon {

    display: none !important;
}


/* =========================================================
   SUCCESS MESSAGE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-message {

    margin-top: 14px;

    padding: 12px 15px;

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            #effbf4,
            #e5f8ed
        );

    border: 1px solid rgba(30,156,91,.16);

    color: #137542;

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    font-weight: 600;

    box-shadow:
        0 5px 16px rgba(30,156,91,.06);
}


/* =========================================================
   ERROR MESSAGE
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-message.elementor-message-danger {

    background:
        linear-gradient(
            135deg,
            #fff5f4,
            #fffafa
        );

    border-color:
        rgba(210,64,54,.16);

    color: #bd4036;
}


/* =========================================================
   FIELD VALIDATION ERROR
   ========================================================= */

.elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field.elementor-error {

    border-color: #dc645c !important;

    box-shadow:
        0 0 0 3px rgba(220,100,92,.08) !important;
}


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

@media (max-width: 767px) {

    .elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field-group {

        margin-bottom: 14px;
    }

    .elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field-label {

        font-size: 11px;

        margin-bottom: 6px;
    }

    .elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field {

        min-height: 48px;

        padding: 12px 14px;

        font-size: 12px;
    }

    .elementor-54 .elementor-element.elementor-element-b3634ce textarea.elementor-field {

        min-height: 95px;
    }

    .elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button {

        width: 100%;

        min-height: 48px;

        font-size: 13px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-54 .elementor-element.elementor-element-b3634ce .elementor-field,
    .elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button,
    .elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button::after,
    .elementor-54 .elementor-element.elementor-element-b3634ce .elementor-button::before {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */