.elementor-56 .elementor-element.elementor-element-055150d{--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-56 .elementor-element.elementor-element-055150d:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-055150d > .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-56 .elementor-element.elementor-element-055150d::before, .elementor-56 .elementor-element.elementor-element-055150d > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-055150d > .e-con-inner > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-055150d > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-055150d > .e-con-inner > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-055150d > .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-56 .elementor-element.elementor-element-c5fe0e0{padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-c5fe0e0 .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-56 .elementor-element.elementor-element-5f05eac{--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-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-icon i{color:#00CDFF;transition:color 0.3s;}.elementor-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-icon svg{fill:#00CDFF;transition:fill 0.3s;}.elementor-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-98f1c8e{--e-icon-list-icon-size:14px;--icon-vertical-align:center;--icon-vertical-offset:-1px;}.elementor-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-text{color:#00CDFF;transition:color 0.3s;}.elementor-56 .elementor-element.elementor-element-98f1c8e .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-icon i{color:#D8D8D8;transition:color 0.3s;}.elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-icon svg{fill:#D8D8D8;transition:fill 0.3s;}.elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-1abe53c{--e-icon-list-icon-size:8px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-text{color:#D8D8D8;transition:color 0.3s;}.elementor-56 .elementor-element.elementor-element-1abe53c .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-890b097{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-56 .elementor-element.elementor-element-76b6e8a{--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:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-64ef8db{--display:flex;}.elementor-56 .elementor-element.elementor-element-a336aad{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-56 .elementor-element.elementor-element-a336aad.elementor-element{--align-self:flex-start;}.elementor-56 .elementor-element.elementor-element-a336aad .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor0 );transition:color 0.3s;}.elementor-56 .elementor-element.elementor-element-a336aad .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor0 );transition:fill 0.3s;}.elementor-56 .elementor-element.elementor-element-a336aad .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-56 .elementor-element.elementor-element-a336aad .elementor-icon-list-item > .elementor-icon-list-text, .elementor-56 .elementor-element.elementor-element-a336aad .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;}.elementor-56 .elementor-element.elementor-element-a336aad .elementor-icon-list-text{color:#0064A7;transition:color 0.3s;}.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-56 .elementor-element.elementor-element-205ee96{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#0064A7;}.elementor-56 .elementor-element.elementor-element-205ee96 .elementor-headline{text-align:start;font-family:"Poppins", Sans-serif;font-size:33px;font-weight:700;}.elementor-56 .elementor-element.elementor-element-205ee96 .elementor-headline-plain-text{color:#1D293D;}.elementor-56 .elementor-element.elementor-element-205ee96 .elementor-headline-dynamic-text{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-56 .elementor-element.elementor-element-205ee96 .elementor-headline-dynamic-wrapper path{stroke:#FF000000;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;}.elementor-56 .elementor-element.elementor-element-1036f51{--display:flex;--justify-content:center;}.elementor-56 .elementor-element.elementor-element-1bdad43{--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:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-56 .elementor-element.elementor-element-35c0c90{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-35c0c90 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#444444;}.elementor-56 .elementor-element.elementor-element-c189155{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-56 .elementor-element.elementor-element-c189155:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-c189155 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFF6FE;}.elementor-56 .elementor-element.elementor-element-e0e92d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-56 .elementor-element.elementor-element-a364a25{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-e2c2073{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:20px;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 25px 10px 25px;}.elementor-56 .elementor-element.elementor-element-c8949fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-56 .elementor-element.elementor-element-ceef9c7{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:0px 0px 0px 0px;padding:10px 25px 10px 25px;}.elementor-56 .elementor-element.elementor-element-79c4d4c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-56 .elementor-element.elementor-element-ffc6fcb{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-6c5c97e{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:20px;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 25px 10px 25px;}.elementor-56 .elementor-element.elementor-element-5cabc5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-56 .elementor-element.elementor-element-b32a95c{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:0px 0px 0px 0px;padding:10px 25px 10px 25px;}.elementor-56 .elementor-element.elementor-element-44ba4d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-56 .elementor-element.elementor-element-b71f37e{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;}.elementor-56 .elementor-element.elementor-element-f477351{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-ada1520{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:20px;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 25px 10px 25px;}.elementor-56 .elementor-element.elementor-element-5e6c1e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-56 .elementor-element.elementor-element-76491c1{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:0px 0px 0px 0px;padding:10px 25px 10px 25px;}.elementor-56 .elementor-element.elementor-element-8a7a8b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-56 .elementor-element.elementor-element-56d15e2{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-5726699{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:20px;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 25px 10px 25px;}.elementor-56 .elementor-element.elementor-element-8143dbe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-56 .elementor-element.elementor-element-275ae92{--display:flex;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button{background-color:#FFFFFFEB;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;fill:#14396F;color:#14396F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#14396F;border-radius:0px 0px 0px 0px;padding:10px 25px 10px 25px;}.elementor-56 .elementor-element.elementor-element-2220492{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-56 .elementor-element.elementor-element-f3214f9{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;}.elementor-56 .elementor-element.elementor-element-f0d3a96{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-56 .elementor-element.elementor-element-f0d3a96.elementor-element{--align-self:center;}.elementor-56 .elementor-element.elementor-element-f0d3a96 .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor0 );transition:color 0.3s;}.elementor-56 .elementor-element.elementor-element-f0d3a96 .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor0 );transition:fill 0.3s;}.elementor-56 .elementor-element.elementor-element-f0d3a96 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-56 .elementor-element.elementor-element-f0d3a96 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-56 .elementor-element.elementor-element-f0d3a96 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;}.elementor-56 .elementor-element.elementor-element-f0d3a96 .elementor-icon-list-text{color:#0064A7;transition:color 0.3s;}.elementor-56 .elementor-element.elementor-element-0287198{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-56 .elementor-element.elementor-element-3ec7914{--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-56 .elementor-element.elementor-element-7575520{--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-56 .elementor-element.elementor-element-7575520:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-7575520 > .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-56 .elementor-element.elementor-element-7575520::before, .elementor-56 .elementor-element.elementor-element-7575520 > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-7575520 > .e-con-inner > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-7575520 > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-7575520 > .e-con-inner > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-7575520 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(145deg, #00FF06 0%, #29BBF2 38%);}.elementor-56 .elementor-element.elementor-element-9e0bcda{padding:0px 0px 0px 0px;border-radius:50px 0px 0px 50px;}.elementor-56 .elementor-element.elementor-element-9e0bcda iframe{height:750px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-56 .elementor-element.elementor-element-2111b3f{--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-56 .elementor-element.elementor-element-2111b3f:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-2111b3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-65724da{--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-56 .elementor-element.elementor-element-79e4329{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-56 .elementor-element.elementor-element-79e4329 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-56 .elementor-element.elementor-element-79e4329 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-56 .elementor-element.elementor-element-79e4329 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-56 .elementor-element.elementor-element-79e4329 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-56 .elementor-element.elementor-element-79e4329 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-field-type-html{padding-bottom:0px;}.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-56 .elementor-element.elementor-element-79e4329 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-button[type="submit"]{color:#ffffff;}.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-56 .elementor-element.elementor-element-79e4329 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-56 .elementor-element.elementor-element-79e4329 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-56 .elementor-element.elementor-element-79e4329 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(max-width:767px){.elementor-56 .elementor-element.elementor-element-055150d{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-56 .elementor-element.elementor-element-c5fe0e0 .elementor-heading-title{font-size:50px;line-height:0.9em;}.elementor-56 .elementor-element.elementor-element-5f05eac{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-56 .elementor-element.elementor-element-a336aad.elementor-element{--align-self:flex-start;}.elementor-56 .elementor-element.elementor-element-a336aad{--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-56 .elementor-element.elementor-element-a336aad .elementor-icon-list-item > .elementor-icon-list-text, .elementor-56 .elementor-element.elementor-element-a336aad .elementor-icon-list-item > a{font-size:9px;}.elementor-56 .elementor-element.elementor-element-205ee96 .elementor-headline{font-size:22px;}.elementor-56 .elementor-element.elementor-element-1036f51{--justify-content:flex-start;}.elementor-56 .elementor-element.elementor-element-1bdad43{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-56 .elementor-element.elementor-element-35c0c90{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-56 .elementor-element.elementor-element-35c0c90 .elementor-heading-title{font-size:15px;}.elementor-56 .elementor-element.elementor-element-f0d3a96{--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-56 .elementor-element.elementor-element-f0d3a96 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-56 .elementor-element.elementor-element-f0d3a96 .elementor-icon-list-item > a{font-size:9px;}.elementor-56 .elementor-element.elementor-element-7575520{--border-radius:50px 50px 0px 0px;}.elementor-56 .elementor-element.elementor-element-9e0bcda{border-radius:50px 50px 0px 0px;}.elementor-56 .elementor-element.elementor-element-9e0bcda iframe{height:467px;}.elementor-56 .elementor-element.elementor-element-2111b3f{--border-radius:0px 0px 50px 50px;}}/* Start custom CSS for button, class: .elementor-element-eaca9d5 *//* ============================================================
   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-56 .elementor-element.elementor-element-eaca9d5 {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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: #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-56 .elementor-element.elementor-element-eaca9d5 .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;


    /* 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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c8949fd *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-c8949fd {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

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

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

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

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

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

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

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


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

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

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

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

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

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

        0 0 28px rgba(20,157,225,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-icon {

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

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

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

        0 0 16px rgba(70,190,245,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:active {

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

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

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

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

        0 15px 35px rgba(5,82,145,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button {

        max-width: 100% !important;

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

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79c4d4c *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-79c4d4c {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


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

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


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

    color: #ffffff !important;


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

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

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

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

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


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon {

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


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:active {

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

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

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

        0 15px 35px rgba(145,25,40,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

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

}


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

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

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c593295 *//* ============================================================
   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-56 .elementor-element.elementor-element-c593295 {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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: #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-56 .elementor-element.elementor-element-c593295 .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;


    /* 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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5cabc5f *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-5cabc5f {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

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

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

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

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

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

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

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


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

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

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

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

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

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

        0 0 28px rgba(20,157,225,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-icon {

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

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

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

        0 0 16px rgba(70,190,245,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:active {

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

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

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

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

        0 15px 35px rgba(5,82,145,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button {

        max-width: 100% !important;

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

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-44ba4d8 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


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

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


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

    color: #ffffff !important;


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

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

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

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

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


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon {

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


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:active {

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

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

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

        0 15px 35px rgba(145,25,40,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

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

}


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

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

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eaca9d5 *//* ============================================================
   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-56 .elementor-element.elementor-element-eaca9d5 {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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: #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-56 .elementor-element.elementor-element-eaca9d5 .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;


    /* 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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c8949fd *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-c8949fd {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

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

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

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

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

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

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

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


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

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

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

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

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

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

        0 0 28px rgba(20,157,225,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-icon {

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

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

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

        0 0 16px rgba(70,190,245,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:active {

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

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

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

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

        0 15px 35px rgba(5,82,145,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button {

        max-width: 100% !important;

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

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79c4d4c *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-79c4d4c {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


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

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


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

    color: #ffffff !important;


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

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

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

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

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


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon {

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


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:active {

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

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

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

        0 15px 35px rgba(145,25,40,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

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

}


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

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

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c593295 *//* ============================================================
   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-56 .elementor-element.elementor-element-c593295 {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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: #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-56 .elementor-element.elementor-element-c593295 .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;


    /* 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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5cabc5f *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-5cabc5f {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

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

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

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

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

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

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

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


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

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

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

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

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

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

        0 0 28px rgba(20,157,225,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-icon {

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

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

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

        0 0 16px rgba(70,190,245,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:active {

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

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

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

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

        0 15px 35px rgba(5,82,145,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button {

        max-width: 100% !important;

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

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-44ba4d8 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


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

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


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

    color: #ffffff !important;


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

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

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

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

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


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon {

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


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:active {

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

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

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

        0 15px 35px rgba(145,25,40,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

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

}


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

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

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eaca9d5 *//* ============================================================
   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-56 .elementor-element.elementor-element-eaca9d5 {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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: #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-56 .elementor-element.elementor-element-eaca9d5 .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;


    /* 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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c8949fd *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-c8949fd {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

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

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

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

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

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

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

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


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

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

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

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

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

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

        0 0 28px rgba(20,157,225,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-icon {

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

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

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

        0 0 16px rgba(70,190,245,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:active {

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

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

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

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

        0 15px 35px rgba(5,82,145,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button {

        max-width: 100% !important;

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

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79c4d4c *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-79c4d4c {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


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

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


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

    color: #ffffff !important;


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

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

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

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

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


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon {

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


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:active {

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

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

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

        0 15px 35px rgba(145,25,40,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

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

}


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

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

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c593295 *//* ============================================================
   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-56 .elementor-element.elementor-element-c593295 {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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: #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-56 .elementor-element.elementor-element-c593295 .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;


    /* 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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5cabc5f *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-5cabc5f {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

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

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

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

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

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

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

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


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

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

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

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

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

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

        0 0 28px rgba(20,157,225,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-icon {

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

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

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

        0 0 16px rgba(70,190,245,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:active {

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

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

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

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

        0 15px 35px rgba(5,82,145,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button {

        max-width: 100% !important;

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

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-44ba4d8 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


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

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


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

    color: #ffffff !important;


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

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

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

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

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


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon {

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


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:active {

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

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

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

        0 15px 35px rgba(145,25,40,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

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

}


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

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

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eaca9d5 *//* ============================================================
   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-56 .elementor-element.elementor-element-eaca9d5 {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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: #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-56 .elementor-element.elementor-element-eaca9d5 .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;


    /* 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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c8949fd *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-c8949fd {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

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

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

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

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

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

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

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


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

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

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

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

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

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

        0 0 28px rgba(20,157,225,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-icon {

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

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

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

        0 0 16px rgba(70,190,245,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:active {

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

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

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

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

        0 15px 35px rgba(5,82,145,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button {

        max-width: 100% !important;

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

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79c4d4c *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-79c4d4c {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


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

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


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

    color: #ffffff !important;


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

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

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

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

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


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon {

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


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:active {

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

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

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

        0 15px 35px rgba(145,25,40,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

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

}


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

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

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c593295 *//* ============================================================
   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-56 .elementor-element.elementor-element-c593295 {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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: #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-56 .elementor-element.elementor-element-c593295 .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;


    /* 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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5cabc5f *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-5cabc5f {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

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

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

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

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

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

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

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


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

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

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

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

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

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

        0 0 28px rgba(20,157,225,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-icon {

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

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

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

        0 0 16px rgba(70,190,245,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:active {

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

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

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

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

        0 15px 35px rgba(5,82,145,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button {

        max-width: 100% !important;

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

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-44ba4d8 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


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

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


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

    color: #ffffff !important;


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

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

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

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

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


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon {

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


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:active {

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

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

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

        0 15px 35px rgba(145,25,40,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

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

}


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

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

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eaca9d5 *//* ============================================================
   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-56 .elementor-element.elementor-element-eaca9d5 {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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: #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-56 .elementor-element.elementor-element-eaca9d5 .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;


    /* 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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c8949fd *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-c8949fd {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

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

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

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

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

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

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

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


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

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

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

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

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

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

        0 0 28px rgba(20,157,225,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-icon {

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

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

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

        0 0 16px rgba(70,190,245,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:active {

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

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

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

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

        0 15px 35px rgba(5,82,145,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button {

        max-width: 100% !important;

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

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79c4d4c *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-79c4d4c {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


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

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


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

    color: #ffffff !important;


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

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

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

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

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


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon {

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


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:active {

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

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

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

        0 15px 35px rgba(145,25,40,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

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

}


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

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

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c593295 *//* ============================================================
   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-56 .elementor-element.elementor-element-c593295 {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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: #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-56 .elementor-element.elementor-element-c593295 .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;


    /* 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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5cabc5f *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-5cabc5f {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

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

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

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

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

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

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

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


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

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

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

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

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

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

        0 0 28px rgba(20,157,225,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-icon {

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

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

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

        0 0 16px rgba(70,190,245,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:active {

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

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


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

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

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

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

        0 15px 35px rgba(5,82,145,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button {

        max-width: 100% !important;

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

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-44ba4d8 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


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

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


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

    color: #ffffff !important;


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

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

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

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

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


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon {

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


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:active {

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

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


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

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

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

        0 15px 35px rgba(145,25,40,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

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

}


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

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

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eaca9d5 *//* ============================================================
   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-56 .elementor-element.elementor-element-eaca9d5 {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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: #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-56 .elementor-element.elementor-element-eaca9d5 .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;


    /* 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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c8949fd *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-c8949fd {
    position: relative !important;
}


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

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

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

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

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

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

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

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

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


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

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

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

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

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

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

        0 0 28px rgba(20,157,225,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-icon {

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

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

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

        0 0 16px rgba(70,190,245,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:active {

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

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


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

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

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

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

        0 15px 35px rgba(5,82,145,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button {

        max-width: 100% !important;

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

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

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


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

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

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79c4d4c *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


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

.elementor-56 .elementor-element.elementor-element-79c4d4c {
    position: relative !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


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

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


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

    color: #ffffff !important;


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

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

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

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

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


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover::after {

    left: 155% !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon {

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


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon svg {

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


.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon i {

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


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:active {

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

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


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

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

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

        0 15px 35px rgba(145,25,40,0.25) !important;
}


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

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button {

        max-width: 100% !important;

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


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

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

}


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

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

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c593295 *//* ============================================================
   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-56 .elementor-element.elementor-element-c593295 {
    position: relative !important;
}


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

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


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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: #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-56 .elementor-element.elementor-element-c593295 .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;


    /* 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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5cabc5f *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-44ba4d8 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eaca9d5 *//* ============================================================
   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-56 .elementor-element.elementor-element-eaca9d5 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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: #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-56 .elementor-element.elementor-element-eaca9d5 .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;


    /* 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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .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-56 .elementor-element.elementor-element-eaca9d5 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-eaca9d5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c8949fd *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .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-56 .elementor-element.elementor-element-c8949fd .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c8949fd .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-79c4d4c *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .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-56 .elementor-element.elementor-element-79c4d4c .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-79c4d4c .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c593295 *//* ============================================================
   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-56 .elementor-element.elementor-element-c593295 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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: #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-56 .elementor-element.elementor-element-c593295 .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;


    /* 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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .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-56 .elementor-element.elementor-element-c593295 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-c593295 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5cabc5f *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .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-56 .elementor-element.elementor-element-5cabc5f .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5cabc5f .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-44ba4d8 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .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-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-44ba4d8 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b71f37e *//* ============================================================
   DRISHTIPATH — PREMIUM DEPARTMENT TABS
   FINAL VERSION
   - Left aligned tab titles
   - Always visible icons
   - Smooth fade transition
   - Premium medical UI
   - Desktop / Tablet / Mobile
   ============================================================ */


/* ============================================================
   MAIN TABS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs {

    display: flex !important;

    width: 100% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfdff 55%,
            #f7fbfd 100%
        ) !important;

    border: 1px solid rgba(24,117,160,.12) !important;

    border-radius: 26px !important;

    overflow: hidden !important;

    box-shadow:
        0 25px 60px rgba(20,65,95,.10),
        0 8px 22px rgba(20,65,95,.05),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    position: relative !important;

    isolation: isolate !important;
}


/* ============================================================
   LEFT TAB AREA
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs-heading {

    position: relative !important;

    z-index: 5 !important;

    flex: 0 0 250px !important;

    width: 250px !important;

    min-width: 250px !important;

    max-width: 250px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 7px !important;

    padding: 15px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            #f3f8fb 0%,
            #f9fcfd 100%
        ) !important;

    border-right:
        1px solid #e1edf3 !important;
}


/* ============================================================
   TAB BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    width: 100% !important;

    min-height: 52px !important;

    margin: 0 !important;

    padding: 11px 14px !important;

    box-sizing: border-box !important;

    border: 1px solid transparent !important;

    border-radius: 14px !important;

    background: transparent !important;

    color: #344f66 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    text-align: left !important;

    white-space: nowrap !important;

    word-break: keep-all !important;

    cursor: pointer !important;

    overflow: hidden !important;

    transform: translate3d(0,0,0) !important;

    transition:
        background .35s ease,
        color .30s ease,
        border-color .35s ease,
        box-shadow .4s ease,
        transform .4s cubic-bezier(.22,1,.36,1) !important;
}


/* ============================================================
   TAB TITLE — HARD LEFT ALIGNMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title .e-n-tab-title-text {

    display: block !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    width: auto !important;

    text-align: left !important;

    white-space: nowrap !important;

    word-break: keep-all !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    color: inherit !important;

    line-height: 1.25 !important;
}


/* Elementor direct span protection */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title > span:not(.e-n-tab-icon) {

    flex: 1 1 auto !important;

    min-width: 0 !important;

    text-align: left !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;
}


/* ============================================================
   ICON — NORMAL
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title .e-n-tab-icon {

    position: relative !important;

    flex: 0 0 27px !important;

    width: 27px !important;

    min-width: 27px !important;

    height: 27px !important;

    margin: 0 10px 0 0 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 9px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf5f9
        ) !important;

    color: #416278 !important;

    opacity: 1 !important;

    visibility: visible !important;

    transform: scale(1) !important;

    box-shadow:
        0 2px 7px rgba(30,80,110,.06),
        inset 0 1px 0 #ffffff !important;

    transition:
        color .3s ease,
        background .3s ease,
        transform .4s cubic-bezier(.22,1,.36,1),
        box-shadow .35s ease !important;
}


/* ============================================================
   ICON SVG
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title .e-n-tab-icon svg {

    display: block !important;

    width: 16px !important;

    height: 16px !important;

    max-width: 16px !important;

    max-height: 16px !important;

    opacity: 1 !important;

    visibility: visible !important;

    color: currentColor !important;

    fill: currentColor !important;

    stroke: currentColor !important;
}


/* SVG internals */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title .e-n-tab-icon svg path,
.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title .e-n-tab-icon svg circle,
.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title .e-n-tab-icon svg line,
.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title .e-n-tab-icon svg polyline,
.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title .e-n-tab-icon svg rect {

    color: currentColor !important;

    stroke: currentColor !important;
}


/* ============================================================
   NORMAL HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title:not([aria-selected="true"]):hover {

    color: #087db7 !important;

    background:
        linear-gradient(
            105deg,
            #e8f6fc 0%,
            #f5fbfd 100%
        ) !important;

    border-color:
        rgba(24,150,200,.16) !important;

    transform:
        translate3d(5px,0,0) !important;

    box-shadow:
        0 9px 22px rgba(20,120,165,.08),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
}


/* Hover icon */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title:not([aria-selected="true"]):hover
.e-n-tab-icon {

    color: #087db7 !important;

    background:
        #ffffff !important;

    transform:
        scale(1.08) !important;

    box-shadow:
        0 5px 12px rgba(20,120,165,.12) !important;
}


/* ============================================================
   ACTIVE TAB
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"] {

    color: #ffffff !important;

    background:
        linear-gradient(
            110deg,
            #138fd1 0%,
            #159fd4 45%,
            #1dbb99 100%
        ) !important;

    border-color:
        rgba(101,235,212,.65) !important;

    transform:
        translate3d(5px,0,0) !important;

    box-shadow:
        0 14px 30px rgba(18,137,184,.22),
        0 4px 10px rgba(18,110,150,.12),
        inset 0 1px 0 rgba(255,255,255,.34) !important;
}


/* ============================================================
   ACTIVE TITLE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"]
.e-n-tab-title-text {

    color: #ffffff !important;

    text-align: left !important;
}


/* ============================================================
   ACTIVE ICON — VISIBILITY FIX
   IMPORTANT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"]
.e-n-tab-icon {

    flex: 0 0 27px !important;

    width: 27px !important;

    min-width: 27px !important;

    height: 27px !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #087db8,
            #09699d
        ) !important;

    border:
        1px solid rgba(255,255,255,.45) !important;

    opacity: 1 !important;

    visibility: visible !important;

    transform:
        scale(1.05) !important;

    box-shadow:
        0 4px 12px rgba(0,70,105,.25),
        inset 0 1px 0 rgba(255,255,255,.30) !important;
}


/* ============================================================
   ACTIVE ICON SVG — FORCE WHITE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"]
.e-n-tab-icon svg {

    color: #ffffff !important;

    fill: #ffffff !important;

    stroke: #ffffff !important;

    opacity: 1 !important;

    visibility: visible !important;

    display: block !important;
}


.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"]
.e-n-tab-icon svg path,

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"]
.e-n-tab-icon svg circle,

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"]
.e-n-tab-icon svg line,

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"]
.e-n-tab-icon svg polyline,

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"]
.e-n-tab-icon svg rect {

    color: #ffffff !important;

    stroke: #ffffff !important;
}


/* ============================================================
   ACTIVE TAB HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"]:hover {

    color: #ffffff !important;

    transform:
        translate3d(7px,-1px,0) !important;

    background:
        linear-gradient(
            110deg,
            #1695d4 0%,
            #18a6d7 45%,
            #20c0a1 100%
        ) !important;

    box-shadow:
        0 17px 35px rgba(18,137,184,.27),
        0 5px 13px rgba(18,110,150,.15),
        inset 0 1px 0 rgba(255,255,255,.38) !important;
}


/* Active hover icon stays visible */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"]:hover
.e-n-tab-icon {

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #087db8,
            #075f91
        ) !important;

    transform:
        scale(1.10) !important;

    opacity: 1 !important;

    visibility: visible !important;
}


.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"]:hover
.e-n-tab-icon svg {

    color: #ffffff !important;

    fill: #ffffff !important;

    stroke: #ffffff !important;
}


/* ============================================================
   ACTIVE LEFT ACCENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"]::before {

    content: "" !important;

    position: absolute !important;

    left: 0 !important;

    top: 9px !important;

    bottom: 9px !important;

    width: 3px !important;

    border-radius:
        0 999px 999px 0 !important;

    background: #ffffff !important;

    box-shadow:
        0 0 8px rgba(255,255,255,.65) !important;
}


/* ============================================================
   CONTENT AREA
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs-content {

    position: relative !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    padding: 34px 38px !important;

    box-sizing: border-box !important;

    background:
        #ffffff !important;

    overflow: hidden !important;
}


/* ============================================================
   CONTENT ANIMATION
   Matches your video:
   fade toward white → new content fades in
   ============================================================ */

@keyframes dpDepartmentFade {

    0% {

        opacity: 0;

        transform:
            translate3d(0,6px,0);

        filter:
            blur(2px);
    }

    35% {

        opacity: .22;

        transform:
            translate3d(0,3px,0);

        filter:
            blur(1px);
    }

    70% {

        opacity: .72;

        transform:
            translate3d(0,1px,0);

        filter:
            blur(.3px);
    }

    100% {

        opacity: 1;

        transform:
            translate3d(0,0,0);

        filter:
            blur(0);
    }
}


/* Active content */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-content.e-active {

    animation:
        dpDepartmentFade
        .72s
        cubic-bezier(.22,1,.36,1)
        both !important;
}


/* Elementor alternate state */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-content[aria-hidden="false"] {

    animation:
        dpDepartmentFade
        .72s
        cubic-bezier(.22,1,.36,1)
        both !important;
}


/* ============================================================
   CONTENT TYPOGRAPHY
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-content {

    color: #526c80 !important;

    font-family:
        "Poppins",
        sans-serif !important;

    font-size: 13px !important;

    line-height: 1.75 !important;
}


/* ============================================================
   CONTENT HEADINGS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-content h1,
.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-content h2,
.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-content h3 {

    position: relative !important;

    color: #102f4b !important;

    font-family:
        "Poppins",
        sans-serif !important;

    font-weight: 700 !important;

    padding-left: 14px !important;
}


/* Heading accent */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-content h1::before,
.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-content h2::before,
.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-content h3::before {

    content: "" !important;

    position: absolute !important;

    left: 0 !important;

    top: 4px !important;

    bottom: 4px !important;

    width: 4px !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            180deg,
            #20bd8d,
            #168ed0
        ) !important;
}


/* ============================================================
   CONTENT IMAGES
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-content img {

    max-width: 100% !important;

    height: auto !important;

    border-radius: 18px !important;

    border:
        1px solid #dce8ef !important;

    box-shadow:
        0 18px 38px rgba(20,70,100,.13),
        0 4px 12px rgba(20,70,100,.06) !important;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1),
        box-shadow .45s ease !important;
}


.elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-content img:hover {

    transform:
        translateY(-4px) scale(1.01) !important;

    box-shadow:
        0 25px 48px rgba(20,70,100,.18) !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width:1024px) and (min-width:768px) {

    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs-heading {

        flex-basis: 215px !important;

        width: 215px !important;

        min-width: 215px !important;

        max-width: 215px !important;

        padding: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title {

        min-height: 49px !important;

        padding: 10px 11px !important;

        font-size: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title .e-n-tab-icon {

        flex-basis: 24px !important;

        width: 24px !important;

        min-width: 24px !important;

        height: 24px !important;

        margin-right: 8px !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs-content {

        padding:
            27px 25px !important;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width:767px) {

    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs {

        display: block !important;

        border-radius: 19px !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs-heading {

        display: flex !important;

        flex-direction: row !important;

        flex-wrap: nowrap !important;

        width: 100% !important;

        min-width: 100% !important;

        max-width: none !important;

        padding: 8px !important;

        gap: 6px !important;

        overflow-x: auto !important;

        overflow-y: hidden !important;

        border-right: 0 !important;

        border-bottom:
            1px solid #e0edf3 !important;

        scrollbar-width: none !important;

        -webkit-overflow-scrolling: touch !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs-heading::-webkit-scrollbar {

        display: none !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title {

        flex:
            0 0 auto !important;

        width:
            max-content !important;

        min-width:
            max-content !important;

        max-width:
            none !important;

        min-height: 43px !important;

        padding:
            9px 13px !important;

        border-radius: 11px !important;

        font-size: 11px !important;

        transform: none !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title:hover {

        transform:
            translateY(-1px) !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title[aria-selected="true"] {

        transform:
            translateY(-1px) !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title .e-n-tab-icon {

        flex-basis: 22px !important;

        width: 22px !important;

        min-width: 22px !important;

        height: 22px !important;

        margin-right: 7px !important;

        border-radius: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title .e-n-tab-icon svg {

        width: 13px !important;

        height: 13px !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs-content {

        width: 100% !important;

        padding:
            23px 17px !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-content {

        font-size: 13px !important;

        line-height: 1.7 !important;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width:480px) {

    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs {

        border-radius: 16px !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title {

        min-height: 40px !important;

        padding:
            8px 11px !important;

        font-size: 10.5px !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tab-title .e-n-tab-icon {

        flex-basis: 20px !important;

        width: 20px !important;

        min-width: 20px !important;

        height: 20px !important;

        margin-right: 6px !important;
    }


    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs-content {

        padding:
            20px 14px !important;
    }

}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion:reduce) {

    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs *,
    .elementor-56 .elementor-element.elementor-element-b71f37e .e-n-tabs {

        animation: none !important;

        transition: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ba26ca9 *//* ============================================================
   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-56 .elementor-element.elementor-element-ba26ca9 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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: #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-56 .elementor-element.elementor-element-ba26ca9 .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;


    /* 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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5e6c1e3 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8a7a8b5 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2319ced *//* ============================================================
   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-56 .elementor-element.elementor-element-2319ced {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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: #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-56 .elementor-element.elementor-element-2319ced .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;


    /* 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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8143dbe *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2220492 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ba26ca9 *//* ============================================================
   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-56 .elementor-element.elementor-element-ba26ca9 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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: #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-56 .elementor-element.elementor-element-ba26ca9 .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;


    /* 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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5e6c1e3 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8a7a8b5 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2319ced *//* ============================================================
   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-56 .elementor-element.elementor-element-2319ced {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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: #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-56 .elementor-element.elementor-element-2319ced .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;


    /* 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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8143dbe *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2220492 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ba26ca9 *//* ============================================================
   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-56 .elementor-element.elementor-element-ba26ca9 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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: #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-56 .elementor-element.elementor-element-ba26ca9 .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;


    /* 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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5e6c1e3 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8a7a8b5 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2319ced *//* ============================================================
   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-56 .elementor-element.elementor-element-2319ced {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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: #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-56 .elementor-element.elementor-element-2319ced .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;


    /* 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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8143dbe *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2220492 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ba26ca9 *//* ============================================================
   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-56 .elementor-element.elementor-element-ba26ca9 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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: #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-56 .elementor-element.elementor-element-ba26ca9 .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;


    /* 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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5e6c1e3 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8a7a8b5 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2319ced *//* ============================================================
   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-56 .elementor-element.elementor-element-2319ced {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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: #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-56 .elementor-element.elementor-element-2319ced .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;


    /* 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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8143dbe *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2220492 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ba26ca9 *//* ============================================================
   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-56 .elementor-element.elementor-element-ba26ca9 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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: #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-56 .elementor-element.elementor-element-ba26ca9 .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;


    /* 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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5e6c1e3 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8a7a8b5 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2319ced *//* ============================================================
   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-56 .elementor-element.elementor-element-2319ced {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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: #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-56 .elementor-element.elementor-element-2319ced .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;


    /* 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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8143dbe *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2220492 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ba26ca9 *//* ============================================================
   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-56 .elementor-element.elementor-element-ba26ca9 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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: #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-56 .elementor-element.elementor-element-ba26ca9 .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;


    /* 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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5e6c1e3 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8a7a8b5 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2319ced *//* ============================================================
   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-56 .elementor-element.elementor-element-2319ced {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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: #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-56 .elementor-element.elementor-element-2319ced .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;


    /* 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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8143dbe *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2220492 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ba26ca9 *//* ============================================================
   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-56 .elementor-element.elementor-element-ba26ca9 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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: #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-56 .elementor-element.elementor-element-ba26ca9 .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;


    /* 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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .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-56 .elementor-element.elementor-element-ba26ca9 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-ba26ca9 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5e6c1e3 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .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-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-5e6c1e3 .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8a7a8b5 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .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-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8a7a8b5 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2319ced *//* ============================================================
   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-56 .elementor-element.elementor-element-2319ced {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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: #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-56 .elementor-element.elementor-element-2319ced .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;


    /* 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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .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-56 .elementor-element.elementor-element-2319ced .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2319ced .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8143dbe *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM BLUE BUTTON
   Elementor Button Widget
   Blue • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* Premium rounded shape */
    border-radius: 13px !important;

    /* ========================================================
       PREMIUM BLUE SURFACE
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #064f91 0%,
            #086bb5 28%,
            #087fd1 58%,
            #2499e3 82%,
            #0966ad 100%
        ) !important;

    background-size: 180% 180% !important;

    /* Border */

    border:
        1px solid rgba(153, 220, 255, 0.72) !important;

    /* Text */

    color: #ffffff !important;

    /* Premium depth */

    box-shadow:

        0 10px 25px rgba(5, 82, 145, 0.22),

        0 3px 8px rgba(5, 82, 145, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(0,35,75,0.13) !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,
        filter .4s ease !important;

    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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
   TEXT ALWAYS FIRST
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ICON NOW ON RIGHT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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;

    /* SMALLER PREMIUM ICON */

    width: 26px !important;

    height: 26px !important;

    min-width: 26px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf7ff
        ) !important;

    color: #0878c9 !important;

    box-shadow:

        0 4px 11px rgba(0,45,90,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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(105,205,255,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:
        transform .45s ease,
        opacity .4s ease,
        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM BLUE LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;

    background:
        linear-gradient(
            135deg,
            #075da3 0%,
            #0878c9 28%,
            #1594df 58%,
            #42abe8 82%,
            #0870bd 100%
        ) !important;

    background-position:
        100% 0 !important;

    border-color:
        rgba(190,235,255,0.95) !important;

    filter:
        brightness(1.04) !important;

    box-shadow:

        0 20px 42px rgba(5,82,145,0.30),

        0 7px 18px rgba(8,120,201,0.18),

        0 0 28px rgba(20,157,225,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover .elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #25a2e5,
            #0869b1
        ) !important;

    box-shadow:

        0 6px 15px rgba(0,65,120,0.28),

        0 0 16px rgba(70,190,245,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .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-56 .elementor-element.elementor-element-8143dbe .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(5,82,145,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(8,120,201,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(5,82,145,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-content-wrapper {

        gap: 7px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-text {

        font-size: 14px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button-icon i {

        font-size: 11px !important;
    }

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }
}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-8143dbe .elementor-button::after {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2220492 *//* ============================================================
   DRISHTIPATH
   SIGNATURE PREMIUM CRIMSON BUTTON
   Elementor Button Widget
   Crimson Red • Premium • Icon Right
   ============================================================ */


/* ============================================================
   1. ELEMENTOR WIDGET
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 {
    position: relative !important;
}


/* ============================================================
   2. BUTTON WRAPPER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-wrapper {
    width: fit-content !important;
    max-width: 100% !important;
}


/* ============================================================
   3. MAIN BUTTON
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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 CRIMSON / CHERRY RED
       ======================================================== */

    background:
        linear-gradient(
            135deg,
            #8f1622 0%,
            #a91b2c 22%,
            #b92134 45%,
            #c92a3c 65%,
            #d93649 82%,
            #b51f32 100%
        ) !important;

    background-size: 180% 180% !important;


    /* ========================================================
       BORDER
       ======================================================== */

    border:
        1px solid rgba(255, 190, 198, 0.82) !important;


    /* ========================================================
       TEXT
       ======================================================== */

    color: #ffffff !important;


    /* ========================================================
       PREMIUM DEPTH
       ======================================================== */

    box-shadow:

        0 10px 25px rgba(157, 24, 40, 0.22),

        0 3px 8px rgba(157, 24, 40, 0.12),

        inset 0 1px 0 rgba(255,255,255,0.30),

        inset 0 -8px 18px rgba(90,5,15,0.14) !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,

        filter .4s ease !important;


    overflow: hidden !important;

    backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   4. PREMIUM INNER EDGE
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before {

    content: "" !important;

    position: absolute !important;

    inset: 1px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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: #ffffff !important;

    font-size: 14px !important;

    line-height: 1.15 !important;

    font-weight: 700 !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 CONTAINER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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;


    /* WHITE ICON BADGE */

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 55%,
            #fff0f2 100%
        ) !important;


    color: #c5263a !important;


    box-shadow:

        0 4px 11px rgba(120,20,30,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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button-icon::before {

    content: "" !important;

    position: absolute !important;

    inset: -4px !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(255,120,135,0) !important;

    transform:
        scale(.65) !important;

    opacity: 0 !important;

    transition:

        transform .45s ease,

        opacity .4s ease,

        border-color .4s ease !important;
}


/* ============================================================
   12. HOVER — PREMIUM CRIMSON LIFT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

    transform:
        translate3d(0,-5px,0) !important;


    background:
        linear-gradient(
            135deg,
            #a01827 0%,
            #b91f32 22%,
            #c9263b 45%,
            #d83247 65%,
            #e74659 82%,
            #c12035 100%
        ) !important;


    background-position:
        100% 0 !important;


    border-color:
        rgba(255,215,220,0.98) !important;


    filter:
        brightness(1.04) !important;


    box-shadow:

        0 20px 42px rgba(145,25,40,0.30),

        0 7px 18px rgba(190,45,60,0.18),

        0 0 28px rgba(235,65,85,0.18),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   13. INNER BORDER HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:hover::after {

    left: 155% !important;
}


/* ============================================================
   15. TEXT MICRO MOVEMENT
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-text {

    transform:
        translateX(-2px) !important;

    letter-spacing:
        .25px !important;
}


/* ============================================================
   16. ICON PREMIUM HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon {

    transform:
        translate3d(3px,0,0)
        scale(1.08) !important;


    color: #ffffff !important;


    background:
        linear-gradient(
            145deg,
            #df4052 0%,
            #c02036 55%,
            #a9182b 100%
        ) !important;


    box-shadow:

        0 6px 15px rgba(120,20,30,0.28),

        0 0 16px rgba(255,90,110,0.30),

        inset 0 1px 0 rgba(255,255,255,0.40) !important;
}


/* ============================================================
   17. ICON ROTATION
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon svg {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover
.elementor-button-icon i {

    transform:
        rotate(-8deg)
        scale(1.08) !important;
}


/* ============================================================
   18. ICON RING HOVER
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .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-56 .elementor-element.elementor-element-2220492 .elementor-button:active {

    transform:
        translate3d(0,-1px,0)
        scale(.975) !important;

    box-shadow:
        0 8px 16px rgba(145,25,40,0.20) !important;
}


/* ============================================================
   20. FOCUS
   ============================================================ */

.elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:focus-visible {

    outline: none !important;

    box-shadow:

        0 0 0 3px rgba(210,45,60,0.18),

        0 0 0 6px rgba(255,255,255,0.95),

        0 15px 35px rgba(145,25,40,0.25) !important;
}


/* ============================================================
   21. MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button {

        max-width: 100% !important;

        transform:
            translate3d(0,0,0);
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-content-wrapper {

        gap: 7px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-text {

        font-size: 14px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon {

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon svg {

        width: 12px !important;

        height: 12px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button-icon i {

        font-size: 11px !important;
    }


    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button:hover {

        transform:
            translate3d(0,-3px,0) !important;
    }

}


/* ============================================================
   22. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button *,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::before,
    .elementor-56 .elementor-element.elementor-element-2220492 .elementor-button::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-f3214f9 *//* =========================================================
   DRISHTIPATH EYE HOSPITAL
   PREMIUM ELEMENTOR TABS / MOBILE ACCORDION
   FINAL CSS

   Desktop:
   - Existing tab structure remains untouched

   Mobile:
   - Elementor's native accordion behavior is preserved
   - Only accordion headers are redesigned
   - Active/open header gets premium blue/green styling
   - Content remains controlled entirely by Elementor
   ========================================================= */


/* =========================================================
   MOBILE ACCORDION ONLY
   ========================================================= */

@media (max-width: 767px) {


    /* =====================================================
       MAIN TABS CONTAINER
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tabs {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }


    /* =====================================================
       ACCORDION HEADER CONTAINER

       Elementor converts the tabs into accordion-style
       buttons on mobile. We only style the container.
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tabs-heading {

        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;

        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    /* =====================================================
       ACCORDION BUTTON
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title {

        position: relative !important;

        width: 100% !important;
        min-width: 0 !important;

        min-height: 58px !important;

        margin: 0 !important;
        padding: 10px 15px !important;

        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        flex: none !important;

        border: 1px solid rgba(24, 126, 169, 0.13) !important;

        border-radius: 15px !important;

        background:
            linear-gradient(
                135deg,
                #ffffff 0%,
                #f7fbfd 52%,
                #eef8fb 100%
            ) !important;

        color: #24455d !important;

        box-shadow:
            0 5px 16px rgba(24, 81, 107, 0.065),
            0 1px 3px rgba(24, 81, 107, 0.035),
            inset 0 1px 0 rgba(255,255,255,0.96) !important;

        overflow: hidden !important;

        cursor: pointer !important;

        transition:
            background 0.35s ease,
            border-color 0.35s ease,
            box-shadow 0.35s ease,
            color 0.35s ease,
            transform 0.30s ease !important;
    }


    /* =====================================================
       SUBTLE LEFT ACCENT
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title::before {

        content: "" !important;

        position: absolute !important;

        left: 0 !important;
        top: 10px !important;
        bottom: 10px !important;

        width: 3px !important;

        border-radius: 0 5px 5px 0 !important;

        background:
            linear-gradient(
                180deg,
                #18b98b,
                #078dcc
            ) !important;

        opacity: 0 !important;

        transform: scaleY(.45) !important;

        transform-origin: center !important;

        transition:
            opacity .35s ease,
            transform .35s ease !important;
    }


    /* =====================================================
       ICON
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-icon {

        position: relative !important;

        width: 35px !important;
        height: 35px !important;

        min-width: 35px !important;
        min-height: 35px !important;

        margin: 0 11px 0 0 !important;

        padding: 0 !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 35px !important;

        border-radius: 10px !important;

        background:
            linear-gradient(
                145deg,
                #edf8fc 0%,
                #e1f2f7 100%
            ) !important;

        color: #1380b5 !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.95),
            0 2px 7px rgba(19, 111, 145, .05) !important;

        transition:
            background .35s ease,
            color .35s ease,
            transform .35s ease,
            box-shadow .35s ease !important;
    }


    /* =====================================================
       TAB TITLE TEXT
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title-text {

        display: block !important;

        flex: 1 1 auto !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        font-family: "Poppins", sans-serif !important;

        font-size: 14px !important;

        line-height: 1.3 !important;

        font-weight: 600 !important;

        letter-spacing: -.15px !important;

        color: #294a61 !important;

        text-align: left !important;

        white-space: normal !important;

        word-break: normal !important;
    }


    /* =====================================================
       HOVER
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title:hover {

        border-color: rgba(13, 139, 181, .24) !important;

        background:
            linear-gradient(
                135deg,
                #ffffff 0%,
                #eff9fc 100%
            ) !important;

        box-shadow:
            0 9px 23px rgba(20, 100, 130, .10),
            0 2px 5px rgba(20, 100, 130, .04),
            inset 0 1px 0 rgba(255,255,255,.98) !important;

        transform: translateY(-1px) !important;
    }


    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title:hover::before {

        opacity: .55 !important;

        transform: scaleY(.7) !important;
    }


    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title:hover .e-n-tab-icon {

        background:
            linear-gradient(
                145deg,
                #e4f7fa,
                #d7eef5
            ) !important;

        color: #0785bd !important;

        transform: scale(1.045) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.95),
            0 4px 10px rgba(19, 111, 145, .08) !important;
    }


    /* =====================================================
       ACTIVE / OPEN ACCORDION
       Elementor controls aria-selected automatically.
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title[aria-selected="true"] {

        border-color: transparent !important;

        background:
            linear-gradient(
                135deg,
                #078dcc 0%,
                #0ca5ba 50%,
                #18b788 100%
            ) !important;

        color: #ffffff !important;

        box-shadow:
            0 10px 25px rgba(8, 135, 177, .20),
            0 3px 8px rgba(8, 135, 177, .08),
            inset 0 1px 0 rgba(255,255,255,.25) !important;

        transform: none !important;
    }


    /* Active left accent */

    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title[aria-selected="true"]::before {

        opacity: 1 !important;

        transform: scaleY(1) !important;

        background: #ffffff !important;
    }


    /* =====================================================
       ACTIVE TEXT
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9
    .e-n-tab-title[aria-selected="true"]
    .e-n-tab-title-text {

        color: #ffffff !important;
    }


    /* =====================================================
       ACTIVE ICON
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9
    .e-n-tab-title[aria-selected="true"]
    .e-n-tab-icon {

        background:
            rgba(255,255,255,.18) !important;

        color: #ffffff !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.28),
            0 3px 8px rgba(0,0,0,.05) !important;

        transform: none !important;
    }


    /* =====================================================
       ACCORDION CONTENT

       IMPORTANT:
       We intentionally DO NOT set display, height,
       position, opacity, or visibility.

       Elementor remains fully responsible for opening
       and closing the content.
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-content {

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        overflow: hidden !important;
    }


    /* =====================================================
       CONTENT MEDIA SAFETY
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-content img {

        max-width: 100% !important;

        height: auto !important;

        display: block !important;
    }


    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-content iframe,
    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-content video {

        max-width: 100% !important;
    }


    /* =====================================================
       CONTENT TEXT SAFETY
       ===================================================== */

    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-content h1,
    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-content h2,
    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-content h3,
    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-content h4,
    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-content h5,
    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-content h6,
    .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-content p {

        max-width: 100% !important;

        box-sizing: border-box !important;

        overflow-wrap: break-word !important;
    }


    /* =====================================================
       480px AND BELOW
       ===================================================== */

    @media (max-width: 480px) {

        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tabs-heading {

            gap: 7px !important;
        }


        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title {

            min-height: 54px !important;

            padding: 9px 13px !important;

            border-radius: 13px !important;
        }


        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title::before {

            top: 9px !important;
            bottom: 9px !important;
        }


        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-icon {

            width: 32px !important;
            height: 32px !important;

            min-width: 32px !important;
            min-height: 32px !important;

            flex-basis: 32px !important;

            margin-right: 9px !important;

            border-radius: 9px !important;
        }


        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title-text {

            font-size: 13px !important;

            line-height: 1.3 !important;
        }
    }


    /* =====================================================
       360px AND BELOW
       ===================================================== */

    @media (max-width: 360px) {

        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title {

            min-height: 51px !important;

            padding: 8px 12px !important;

            border-radius: 12px !important;
        }


        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title::before {

            top: 8px !important;
            bottom: 8px !important;
        }


        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-icon {

            width: 30px !important;
            height: 30px !important;

            min-width: 30px !important;
            min-height: 30px !important;

            flex-basis: 30px !important;

            margin-right: 8px !important;

            border-radius: 8px !important;
        }


        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title-text {

            font-size: 12px !important;
        }
    }


    /* =====================================================
       TOUCH DEVICES
       ===================================================== */

    @media (hover: none) {

        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title:hover {

            transform: none !important;
        }

        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title:hover .e-n-tab-icon {

            transform: none !important;
        }
    }


    /* =====================================================
       REDUCED MOTION
       ===================================================== */

    @media (prefers-reduced-motion: reduce) {

        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title,
        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-icon,
        .elementor-56 .elementor-element.elementor-element-f3214f9 .e-n-tab-title::before {

            transition: none !important;
        }
    }

}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-79e4329 *//* =========================================================
   DRISHTIPATH — PREMIUM ELEMENTOR FORM
   Scoped ONLY to this Elementor Form widget
   ========================================================= */


/* =========================================================
   FORM CONTAINER
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-form {

    position: relative;

    padding: 4px;

    font-family: "Poppins", sans-serif;
}


/* =========================================================
   FORM ROW / FIELD GROUP
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-field-group {

    position: relative;

    margin-bottom: 18px;
}


/* =========================================================
   LABELS
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .elementor-field::placeholder {

    color: #9aaabd !important;

    opacity: 1;

    font-weight: 400;

    transition:
        color .3s ease;
}


/* =========================================================
   TEXTAREA
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 textarea.elementor-field {

    min-height: 105px;

    resize: vertical;

    padding-top: 14px;
}


/* =========================================================
   FIELD HOVER
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .elementor-field:focus::placeholder {

    color: #b6c5d1 !important;
}


/* =========================================================
   LABEL WHEN FIELD GROUP IS ACTIVE
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-field-group:focus-within .elementor-field-label {

    color: #087bb7;
}


/* =========================================================
   SELECT FIELD
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 select.elementor-field {

    cursor: pointer;

    appearance: auto;

    -webkit-appearance: auto;
}


/* =========================================================
   FORM COLUMNS SPACING
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-form-fields-wrapper {

    margin-left: -7px;
    margin-right: -7px;
}


.elementor-56 .elementor-element.elementor-element-79e4329 .elementor-field-group {

    padding-left: 7px;
    padding-right: 7px;
}


/* =========================================================
   SUBMIT BUTTON
   PREMIUM EMERALD STYLE
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .elementor-button-text {

    position: relative;

    z-index: 3;

    color: #ffffff !important;

    line-height: 1;

    white-space: nowrap;
}


/* =========================================================
   BUTTON ARROW BADGE
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .elementor-button:active {

    transform:
        translateY(-1px)
        scale(.985);

    box-shadow:
        0 5px 13px rgba(5,116,62,.20);
}


/* =========================================================
   BUTTON FOCUS
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .elementor-button .elementor-button-icon {

    display: none !important;
}


/* =========================================================
   SUCCESS MESSAGE
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .elementor-message.elementor-message-danger {

    background:
        linear-gradient(
            135deg,
            #fff5f4,
            #fffafa
        );

    border-color:
        rgba(210,64,54,.16);

    color: #bd4036;
}


/* =========================================================
   FIELD VALIDATION ERROR
   ========================================================= */

.elementor-56 .elementor-element.elementor-element-79e4329 .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-56 .elementor-element.elementor-element-79e4329 .elementor-field-group {

        margin-bottom: 14px;
    }

    .elementor-56 .elementor-element.elementor-element-79e4329 .elementor-field-label {

        font-size: 11px;

        margin-bottom: 6px;
    }

    .elementor-56 .elementor-element.elementor-element-79e4329 .elementor-field {

        min-height: 48px;

        padding: 12px 14px;

        font-size: 12px;
    }

    .elementor-56 .elementor-element.elementor-element-79e4329 textarea.elementor-field {

        min-height: 95px;
    }

    .elementor-56 .elementor-element.elementor-element-79e4329 .elementor-button {

        width: 100%;

        min-height: 48px;

        font-size: 13px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-56 .elementor-element.elementor-element-79e4329 .elementor-field,
    .elementor-56 .elementor-element.elementor-element-79e4329 .elementor-button,
    .elementor-56 .elementor-element.elementor-element-79e4329 .elementor-button::after,
    .elementor-56 .elementor-element.elementor-element-79e4329 .elementor-button::before {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */