.elementor-18779 .elementor-element.elementor-element-1345e2f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1%;--padding-bottom:1%;--padding-left:6%;--padding-right:6%;}.elementor-18779 .elementor-element.elementor-element-1345e2f:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-1345e2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-18779 .elementor-element.elementor-element-c62ecee{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-33f3a72{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-1b4e86e{width:var( --container-widget-width, 52% );max-width:52%;--container-widget-width:52%;--container-widget-flex-grow:0;}.elementor-18779 .elementor-element.elementor-element-1b4e86e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-1b4e86e .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:2.1rem;font-weight:700;text-transform:none;line-height:2.7rem;letter-spacing:-2px;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-5466248{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-18779 .elementor-element.elementor-element-f091e94{--display:flex;--background-transition:0.3s;}.elementor-18779 .elementor-element.elementor-element-f091e94:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-f091e94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-18779 .elementor-element.elementor-element-f091e94:hover{background-color:#000000;}.elementor-18779 .elementor-element.elementor-element-413a65a{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:02%;--padding-bottom:02%;--padding-left:06%;--padding-right:06%;}.elementor-18779 .elementor-element.elementor-element-413a65a:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-413a65a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#221F18;}.elementor-18779 .elementor-element.elementor-element-52748bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-fdba38c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-6001829 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-18779 .elementor-element.elementor-element-6001829{font-family:"Space Mono", Sans-serif;font-size:0.8rem;text-transform:uppercase;color:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-3cf60dd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-3cf60dd .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-1347ed5 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-1347ed5{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-d53f4b4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-5a66eee > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-5a66eee .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-d5bbeca > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-d5bbeca{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-0089e81{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-8d011ab > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-8d011ab .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-5701567 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-5701567{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-3219e39{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-0efbe6b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-305c6d5 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-18779 .elementor-element.elementor-element-305c6d5{font-family:"Space Mono", Sans-serif;font-size:0.8rem;text-transform:uppercase;color:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-8389ea6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-8389ea6 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-ab10a13 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-ab10a13{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-7b1fa16{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-ec800d3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-ec800d3 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-c4223a6 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-c4223a6{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-41e004d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-c5eeb3a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-c5eeb3a .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-173beda > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-173beda{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-1f188f9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-9b464fb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-9b464fb .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-41748d4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-41748d4{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-2c8f8dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-e6bbdbe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-7f9f148 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-18779 .elementor-element.elementor-element-7f9f148{font-family:"Space Mono", Sans-serif;font-size:0.8rem;text-transform:uppercase;color:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-a520a5a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-a520a5a .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-9d5e889 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-9d5e889{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-08d8cda{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-1dfe065 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-1dfe065 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-097106d > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-097106d{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-d35bbf1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-e19156a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-e19156a .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-854620c > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-854620c{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-884ae6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-e84a647{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-4e26693 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-18779 .elementor-element.elementor-element-4e26693{font-family:"Space Mono", Sans-serif;font-size:0.8rem;text-transform:uppercase;color:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-a3787c7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-a3787c7 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-80d51cf > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-80d51cf{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-9cb56aa{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-997fee4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-997fee4 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-2de47ff > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-2de47ff{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-6cec146{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-3e13112 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-3e13112 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-0969590 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-0969590{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-7a63921{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-63b382a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-d434dab > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-18779 .elementor-element.elementor-element-d434dab{font-family:"Space Mono", Sans-serif;font-size:0.8rem;text-transform:uppercase;color:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-c227deb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-c227deb .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-9566373 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-9566373{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-71f8d00{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-7e23f3b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-7e23f3b .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-06ae036 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-06ae036{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-a80f2ec{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-b9a6bfe > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-b9a6bfe .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-b1d3c01 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-b1d3c01{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-652cc37{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:02%;--padding-bottom:02%;--padding-left:06%;--padding-right:06%;}.elementor-18779 .elementor-element.elementor-element-652cc37:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-652cc37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#221F18;}.elementor-18779 .elementor-element.elementor-element-f1cb216{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:015px;--padding-bottom:015px;--padding-left:015px;--padding-right:015px;}.elementor-18779 .elementor-element.elementor-element-f1cb216:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-f1cb216 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#15130E;}.elementor-18779 .elementor-element.elementor-element-564d9ac > .elementor-widget-container{padding:0% 0% 40% 0%;}.elementor-18779 .elementor-element.elementor-element-564d9ac .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-36b14e1 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-36b14e1{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:100;text-transform:uppercase;line-height:22px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-36b14e1 a:hover, .elementor-18779 .elementor-element.elementor-element-36b14e1 a:focus{color:#404040;}.elementor-18779 .elementor-element.elementor-element-fe4b1e3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:015px;--padding-bottom:015px;--padding-left:015px;--padding-right:015px;}.elementor-18779 .elementor-element.elementor-element-fe4b1e3:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-fe4b1e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#15130E;}.elementor-18779 .elementor-element.elementor-element-a3efd73 > .elementor-widget-container{padding:0% 0% 40% 0%;}.elementor-18779 .elementor-element.elementor-element-a3efd73 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-c3d9d73 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-c3d9d73{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:100;text-transform:uppercase;line-height:22px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-c3d9d73 a:hover, .elementor-18779 .elementor-element.elementor-element-c3d9d73 a:focus{color:#404040;}.elementor-18779 .elementor-element.elementor-element-97ad99e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:015px;--padding-bottom:015px;--padding-left:015px;--padding-right:015px;}.elementor-18779 .elementor-element.elementor-element-97ad99e:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-97ad99e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#15130E;}.elementor-18779 .elementor-element.elementor-element-c28db03 > .elementor-widget-container{padding:0% 0% 40% 0%;}.elementor-18779 .elementor-element.elementor-element-c28db03 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-b60772c > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-b60772c{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:100;text-transform:uppercase;line-height:22px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-b60772c a:hover, .elementor-18779 .elementor-element.elementor-element-b60772c a:focus{color:#404040;}.elementor-18779 .elementor-element.elementor-element-4dc3d43{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:015px;--padding-bottom:015px;--padding-left:015px;--padding-right:015px;}.elementor-18779 .elementor-element.elementor-element-4dc3d43:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-4dc3d43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#15130E;}.elementor-18779 .elementor-element.elementor-element-240a715 > .elementor-widget-container{padding:0% 0% 40% 0%;}.elementor-18779 .elementor-element.elementor-element-240a715 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-3939eec > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-3939eec{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:100;text-transform:uppercase;line-height:22px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-3939eec a:hover, .elementor-18779 .elementor-element.elementor-element-3939eec a:focus{color:#404040;}.elementor-18779 .elementor-element.elementor-element-a720889{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:02%;--padding-bottom:02%;--padding-left:06%;--padding-right:06%;}.elementor-18779 .elementor-element.elementor-element-a720889:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-a720889 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#221F18;}.elementor-18779 .elementor-element.elementor-element-930101e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-59b69f8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-d5270c1 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-18779 .elementor-element.elementor-element-d5270c1{font-family:"Space Mono", Sans-serif;font-size:0.8rem;text-transform:uppercase;color:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-2f02c76 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-2f02c76 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-553670b > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-553670b{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-fa2afba{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-390bdf3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-390bdf3 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-f03d8d1 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-f03d8d1{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-1ae309c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-b538298 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-b538298 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-40922d4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-40922d4{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-927db81{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-32eb799 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-32eb799 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-f7a0fd9 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-f7a0fd9{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-4ed353b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-e74e678{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-77ca932 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-18779 .elementor-element.elementor-element-77ca932{font-family:"Space Mono", Sans-serif;font-size:0.8rem;text-transform:uppercase;color:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-bda01bb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-bda01bb .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-1ac3fdb > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-1ac3fdb{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-402373b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-4ae3ef6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-4ae3ef6 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-245f385 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-245f385{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-2c65f84{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-ba9d7df > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-ba9d7df .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-d52b48e > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-d52b48e{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-1687ca9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-8efbde8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-8efbde8 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-c5f5f44 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-c5f5f44{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-62d7d25{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-aea9e71{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-bf9f69d > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-18779 .elementor-element.elementor-element-bf9f69d{font-family:"Space Mono", Sans-serif;font-size:0.8rem;text-transform:uppercase;color:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-86341c4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-86341c4 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-dd7d6a7 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-dd7d6a7{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-7e04655{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-5d2e51b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-5d2e51b .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-8bc1ae4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-8bc1ae4{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-4faeb31{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-25d5d7f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-25d5d7f .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-624ec80 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-624ec80{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-e0316d8{--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;--justify-content:space-between;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-18779 .elementor-element.elementor-element-e0316d8:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-e0316d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-e149117{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-18779 .elementor-element.elementor-element-39013f4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-39013f4{font-family:"Space Mono", Sans-serif;font-size:1.5rem;font-weight:800;text-transform:none;line-height:1em;letter-spacing:-1px;word-spacing:-6px;color:var( --e-global-color-b43f44d );}.elementor-18779 .elementor-element.elementor-element-202944a > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-202944a{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:none;line-height:20px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-text );}.elementor-18779 .elementor-element.elementor-element-83454fb .elementor-button{background-color:var( --e-global-color-b43f44d );fill:var( --e-global-color-00f0505 );color:var( --e-global-color-00f0505 );border-radius:0px 0px 0px 0px;padding:7% 32% 7% 32%;}.elementor-18779 .elementor-element.elementor-element-83454fb{width:100%;max-width:100%;}.elementor-18779 .elementor-element.elementor-element-22b59d3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:02%;--padding-bottom:02%;--padding-left:06%;--padding-right:06%;}.elementor-18779 .elementor-element.elementor-element-22b59d3:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-22b59d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#221F18;}.elementor-18779 .elementor-element.elementor-element-66e2789{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-62e57c2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-b055dae > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-18779 .elementor-element.elementor-element-b055dae{font-family:"Space Mono", Sans-serif;font-size:0.8rem;text-transform:uppercase;color:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-3785e74 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-3785e74 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-f55dfe5 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-f55dfe5{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-1ff8cd3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-bbccb78 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-bbccb78 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-7856eab > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-7856eab{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-fbb8359{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-2b9d737 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-2b9d737 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-f97e8b0 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-f97e8b0{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-23dcc2e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-9a49cdf > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-9a49cdf .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-fafe10a > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-fafe10a{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-14d016b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-60ec19e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-a6c5c70 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-18779 .elementor-element.elementor-element-a6c5c70{font-family:"Space Mono", Sans-serif;font-size:0.8rem;text-transform:uppercase;color:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-7effb60 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-7effb60 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-55fa418 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-55fa418{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-9f1d4d2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-434e27e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-434e27e .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-068d325 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-068d325{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-bad99a6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-02a44a5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-02a44a5 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-fe428b7 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-fe428b7{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-cb5dd0b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-8ceaf67 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-8ceaf67 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;color:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-7899af1 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-7899af1{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:uppercase;line-height:29px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#C8C8C8;}.elementor-18779 .elementor-element.elementor-element-b3e0611{--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;--justify-content:space-between;--padding-top:9%;--padding-bottom:9%;--padding-left:9%;--padding-right:9%;}.elementor-18779 .elementor-element.elementor-element-b3e0611:not(.elementor-motion-effects-element-type-background), .elementor-18779 .elementor-element.elementor-element-b3e0611 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-2cec391{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-18779 .elementor-element.elementor-element-0873238 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18779 .elementor-element.elementor-element-0873238{font-family:"Space Mono", Sans-serif;font-size:1.5rem;font-weight:800;text-transform:none;line-height:1em;letter-spacing:-1px;word-spacing:-6px;color:var( --e-global-color-b43f44d );}.elementor-18779 .elementor-element.elementor-element-4d71fa4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-4d71fa4{font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:200;text-transform:none;line-height:20px;word-spacing:3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-text );}.elementor-18779 .elementor-element.elementor-element-0e52b0d .elementor-button{background-color:var( --e-global-color-b43f44d );fill:var( --e-global-color-00f0505 );color:var( --e-global-color-00f0505 );border-radius:0px 0px 0px 0px;padding:7% 35% 7% 35%;}.elementor-18779 .elementor-element.elementor-element-0e52b0d{width:100%;max-width:100%;}.elementor-18779 .elementor-element.elementor-element-0beb174{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:0.8rem;--n-menu-title-color-normal:var( --e-global-color-00f0505 );--n-menu-title-transition:300ms;--n-menu-icon-size:2px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-b43f44d );--n-menu-toggle-icon-color-hover:var( --e-global-color-b43f44d );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-color-active:var( --e-global-color-b43f44d );--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){background-color:#000000;}.elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){background-color:#000000;}.elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{background:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle:hover:is( [aria-expanded="true"], [aria-expanded="false"] ) > .e-n-menu-toggle-icon{background:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon{background:var( --e-global-color-cb4359b );}.elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{text-transform:uppercase;}.elementor-18779 .elementor-element.elementor-element-0beb174 {--n-menu-title-color-hover:var( --e-global-color-00f0505 );}.elementor-18779 .elementor-element.elementor-element-fe51364{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-e015c65 .elementor-button{background-color:var( --e-global-color-cb4359b );font-family:"Space Mono", Sans-serif;font-weight:600;text-transform:uppercase;fill:var( --e-global-color-b43f44d );color:var( --e-global-color-b43f44d );border-radius:0px 0px 0px 0px;padding:15px 20px 15px 20px;}.elementor-18779 .elementor-element.elementor-element-e015c65 .elementor-button:hover, .elementor-18779 .elementor-element.elementor-element-e015c65 .elementor-button:focus{background-color:#FFDE8B;color:var( --e-global-color-text );}.elementor-18779 .elementor-element.elementor-element-e015c65 > .elementor-widget-container:hover{--e-transform-translateY:-3px;}.elementor-18779 .elementor-element.elementor-element-e015c65 .elementor-button:hover svg, .elementor-18779 .elementor-element.elementor-element-e015c65 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-18779 .elementor-element.elementor-element-5466248{--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-413a65a{--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-1347ed5 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-1347ed5{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-d5bbeca > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-d5bbeca{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-5701567 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-5701567{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-ab10a13 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-ab10a13{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-c4223a6 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-c4223a6{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-173beda > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-173beda{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-41748d4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-41748d4{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-9d5e889 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-9d5e889{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-097106d > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-097106d{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-854620c > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-854620c{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-80d51cf > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-80d51cf{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-2de47ff > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-2de47ff{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-0969590 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-0969590{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-9566373 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-9566373{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-06ae036 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-06ae036{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-b1d3c01 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-b1d3c01{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-652cc37{--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-f1cb216{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18779 .elementor-element.elementor-element-564d9ac > .elementor-widget-container{padding:0% 0% 40% 0%;}.elementor-18779 .elementor-element.elementor-element-564d9ac .elementor-heading-title{font-size:1.3rem;}.elementor-18779 .elementor-element.elementor-element-36b14e1 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-36b14e1{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-fe4b1e3{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18779 .elementor-element.elementor-element-a3efd73 > .elementor-widget-container{padding:0% 0% 40% 0%;}.elementor-18779 .elementor-element.elementor-element-a3efd73 .elementor-heading-title{font-size:1.3rem;}.elementor-18779 .elementor-element.elementor-element-c3d9d73 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-c3d9d73{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-97ad99e{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18779 .elementor-element.elementor-element-c28db03 > .elementor-widget-container{padding:0% 0% 40% 0%;}.elementor-18779 .elementor-element.elementor-element-c28db03 .elementor-heading-title{font-size:1.3rem;}.elementor-18779 .elementor-element.elementor-element-b60772c > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-b60772c{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-4dc3d43{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18779 .elementor-element.elementor-element-240a715 > .elementor-widget-container{padding:0% 0% 40% 0%;}.elementor-18779 .elementor-element.elementor-element-240a715 .elementor-heading-title{font-size:1.3rem;}.elementor-18779 .elementor-element.elementor-element-3939eec > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-3939eec{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-a720889{--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-553670b > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-553670b{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-f03d8d1 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-f03d8d1{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-40922d4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-40922d4{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-f7a0fd9 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-f7a0fd9{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-1ac3fdb > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-1ac3fdb{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-245f385 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-245f385{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-d52b48e > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-d52b48e{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-c5f5f44 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-c5f5f44{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-dd7d6a7 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-dd7d6a7{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-8bc1ae4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-8bc1ae4{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-624ec80 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-624ec80{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-e0316d8{--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18779 .elementor-element.elementor-element-e149117{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-39013f4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-39013f4{font-size:1.3rem;line-height:1em;letter-spacing:-1px;word-spacing:-6px;}.elementor-18779 .elementor-element.elementor-element-202944a > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-202944a{font-size:1rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-83454fb{width:100%;max-width:100%;}.elementor-18779 .elementor-element.elementor-element-83454fb .elementor-button{border-radius:0px 0px 0px 0px;padding:7% 28% 7% 28%;}.elementor-18779 .elementor-element.elementor-element-22b59d3{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-f55dfe5 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-f55dfe5{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-7856eab > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-7856eab{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-f97e8b0 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-f97e8b0{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-fafe10a > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-fafe10a{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-55fa418 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-55fa418{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-068d325 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-068d325{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-fe428b7 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-fe428b7{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-7899af1 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-7899af1{font-size:0.8rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-b3e0611{--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18779 .elementor-element.elementor-element-2cec391{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18779 .elementor-element.elementor-element-0873238 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-0873238{font-size:1.3rem;line-height:1em;letter-spacing:-1px;word-spacing:-6px;}.elementor-18779 .elementor-element.elementor-element-4d71fa4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-4d71fa4{font-size:1rem;line-height:20px;}.elementor-18779 .elementor-element.elementor-element-0e52b0d{width:100%;max-width:100%;}.elementor-18779 .elementor-element.elementor-element-0e52b0d .elementor-button{border-radius:0px 0px 0px 0px;padding:7% 28% 7% 28%;}.elementor-18779 .elementor-element.elementor-element-0beb174{--n-menu-icon-size:2px;}}@media(max-width:1200px){.elementor-18779 .elementor-element.elementor-element-1b4e86e .elementor-heading-title{font-size:1.8rem;}.elementor-18779 .elementor-element.elementor-element-5466248{--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-413a65a{--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-3cf60dd .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-1347ed5{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-5a66eee .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-d5bbeca{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-8d011ab .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-5701567{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-8389ea6 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-ab10a13{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-ec800d3 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-c4223a6{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-c5eeb3a .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-173beda{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-9b464fb .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-41748d4{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-a520a5a .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-9d5e889{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-1dfe065 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-097106d{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-e19156a .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-854620c{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-a3787c7 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-80d51cf{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-997fee4 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-2de47ff{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-3e13112 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-0969590{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-c227deb .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-9566373{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-7e23f3b .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-06ae036{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-b9a6bfe .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-b1d3c01{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-652cc37{--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-36b14e1{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-c3d9d73{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-b60772c{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-3939eec{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-a720889{--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-2f02c76 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-553670b{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-390bdf3 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-f03d8d1{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-b538298 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-40922d4{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-32eb799 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-f7a0fd9{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-bda01bb .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-1ac3fdb{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-4ae3ef6 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-245f385{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-ba9d7df .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-d52b48e{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-8efbde8 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-c5f5f44{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-86341c4 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-dd7d6a7{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-5d2e51b .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-8bc1ae4{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-25d5d7f .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-624ec80{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-202944a{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-22b59d3{--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-3785e74 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-f55dfe5{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-bbccb78 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-7856eab{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-2b9d737 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-f97e8b0{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-9a49cdf .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-fafe10a{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-7effb60 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-55fa418{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-434e27e .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-068d325{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-02a44a5 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-fe428b7{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-8ceaf67 .elementor-heading-title{font-size:1rem;}.elementor-18779 .elementor-element.elementor-element-7899af1{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-4d71fa4{font-size:0.8rem;}.elementor-18779 .elementor-element.elementor-element-fe51364{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18779 .elementor-element.elementor-element-e015c65 .elementor-button{font-size:0.8rem;}}@media(max-width:1024px){.elementor-18779 .elementor-element.elementor-element-5466248{--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-413a65a{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-18779 .elementor-element.elementor-element-652cc37{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-18779 .elementor-element.elementor-element-a720889{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-18779 .elementor-element.elementor-element-22b59d3{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:3;}.elementor-18779 .elementor-element.elementor-element-0beb174{--n-menu-title-padding:01% 06% 01% 6%;--n-menu-toggle-icon-padding:5px 5px 5px 5px;}.elementor-18779 .elementor-element.elementor-element-e015c65{width:100%;max-width:100%;}.elementor-18779 .elementor-element.elementor-element-e015c65 .elementor-button{font-size:0.8rem;border-radius:0px 0px 0px 0px;padding:015px 10px 015px 10px;}}@media(max-width:880px){.elementor-18779 .elementor-element.elementor-element-5466248{--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-413a65a{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:7%;--padding-bottom:7%;--padding-left:7%;--padding-right:7%;}.elementor-18779 .elementor-element.elementor-element-652cc37{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:7%;--padding-bottom:7%;--padding-left:7%;--padding-right:7%;}.elementor-18779 .elementor-element.elementor-element-a720889{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:7%;--padding-bottom:7%;--padding-left:7%;--padding-right:7%;}.elementor-18779 .elementor-element.elementor-element-22b59d3{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:7%;--padding-bottom:7%;--padding-left:7%;--padding-right:7%;}}@media(max-width:767px){.elementor-18779 .elementor-element.elementor-element-33f3a72{--width:40%;}.elementor-18779 .elementor-element.elementor-element-5466248{--width:50%;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:end;}.elementor-18779 .elementor-element.elementor-element-413a65a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-1347ed5 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-d5bbeca > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-5701567 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-ab10a13 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-c4223a6 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-173beda > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-41748d4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-9d5e889 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-097106d > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-854620c > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-80d51cf > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-2de47ff > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-0969590 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-9566373 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-06ae036 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-b1d3c01 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-652cc37{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-36b14e1 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-c3d9d73 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-b60772c > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-3939eec > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-a720889{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-553670b > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-f03d8d1 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-40922d4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-f7a0fd9 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-1ac3fdb > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-245f385 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-d52b48e > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-c5f5f44 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-dd7d6a7 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-8bc1ae4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-624ec80 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-202944a > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-22b59d3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-f55dfe5 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-7856eab > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-f97e8b0 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-fafe10a > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-55fa418 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-068d325 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-fe428b7 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-7899af1 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-4d71fa4 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-18779 .elementor-element.elementor-element-0beb174{--n-menu-toggle-align:flex-end;--n-menu-title-padding:02% 06% 02% 06%;--n-menu-toggle-icon-padding:5px 5px 5px 5px;}.elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-18779 .elementor-element.elementor-element-0beb174 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:3;}}@media(min-width:768px){.elementor-18779 .elementor-element.elementor-element-33f3a72{--width:20%;}.elementor-18779 .elementor-element.elementor-element-5466248{--width:60%;}.elementor-18779 .elementor-element.elementor-element-22b59d3{--width:100%;}.elementor-18779 .elementor-element.elementor-element-fe51364{--width:20%;}}@media(max-width:1366px) and (min-width:768px){.elementor-18779 .elementor-element.elementor-element-33f3a72{--width:20%;}.elementor-18779 .elementor-element.elementor-element-5466248{--width:60%;}.elementor-18779 .elementor-element.elementor-element-fe51364{--width:20%;}}@media(max-width:1200px) and (min-width:768px){.elementor-18779 .elementor-element.elementor-element-33f3a72{--width:15%;}.elementor-18779 .elementor-element.elementor-element-5466248{--width:65%;}.elementor-18779 .elementor-element.elementor-element-fe51364{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-18779 .elementor-element.elementor-element-33f3a72{--width:18%;}.elementor-18779 .elementor-element.elementor-element-5466248{--width:64%;}.elementor-18779 .elementor-element.elementor-element-fe51364{--width:18%;}}@media(min-width:2400px){.elementor-18779 .elementor-element.elementor-element-5466248{--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-413a65a{--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-652cc37{--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-a720889{--grid-auto-flow:row;}.elementor-18779 .elementor-element.elementor-element-22b59d3{--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-fdba38c *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fdba38c {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fdba38c .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fdba38c::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d53f4b4 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-d53f4b4 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-d53f4b4 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-d53f4b4::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0089e81 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-0089e81 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-0089e81 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-0089e81::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0efbe6b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-0efbe6b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-0efbe6b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-0efbe6b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b1fa16 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-7b1fa16 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-7b1fa16 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-7b1fa16::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e004d *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-41e004d {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-41e004d .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-41e004d::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f188f9 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1f188f9 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1f188f9 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1f188f9::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6bbdbe *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08d8cda *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-08d8cda {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-08d8cda .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-08d8cda::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d35bbf1 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-d35bbf1 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-d35bbf1 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-d35bbf1::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e84a647 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e84a647 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e84a647 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e84a647::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cb56aa *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-9cb56aa {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-9cb56aa .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-9cb56aa::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cec146 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-6cec146 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-6cec146 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-6cec146::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63b382a *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-63b382a {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-63b382a .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-63b382a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71f8d00 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-71f8d00 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-71f8d00 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-71f8d00::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a80f2ec *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-a80f2ec {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-a80f2ec .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-a80f2ec::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1cb216 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-f1cb216 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe4b1e3 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97ad99e *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-97ad99e {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc3d43 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59b69f8 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-59b69f8 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-59b69f8 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-59b69f8::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa2afba *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fa2afba {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fa2afba .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fa2afba::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ae309c *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1ae309c {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1ae309c .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1ae309c::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927db81 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-927db81 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-927db81 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-927db81::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e74e678 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e74e678 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e74e678 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e74e678::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-402373b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-402373b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-402373b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-402373b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c65f84 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-2c65f84 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-2c65f84 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-2c65f84::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1687ca9 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1687ca9 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1687ca9 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1687ca9::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea9e71 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-aea9e71 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-aea9e71 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-aea9e71::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e04655 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-7e04655 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-7e04655 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-7e04655::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4faeb31 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-4faeb31 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-4faeb31 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-4faeb31::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62e57c2 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-62e57c2 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-62e57c2 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-62e57c2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ff8cd3 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbb8359 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fbb8359 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fbb8359 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fbb8359::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23dcc2e *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-23dcc2e {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-23dcc2e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-23dcc2e::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60ec19e *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-60ec19e {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-60ec19e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-60ec19e::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f1d4d2 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bad99a6 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-bad99a6 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-bad99a6 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-bad99a6::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5dd0b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdba38c *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fdba38c {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fdba38c .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fdba38c::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d53f4b4 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-d53f4b4 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-d53f4b4 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-d53f4b4::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0089e81 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-0089e81 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-0089e81 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-0089e81::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0efbe6b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-0efbe6b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-0efbe6b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-0efbe6b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b1fa16 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-7b1fa16 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-7b1fa16 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-7b1fa16::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e004d *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-41e004d {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-41e004d .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-41e004d::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f188f9 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1f188f9 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1f188f9 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1f188f9::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6bbdbe *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08d8cda *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-08d8cda {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-08d8cda .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-08d8cda::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d35bbf1 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-d35bbf1 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-d35bbf1 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-d35bbf1::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e84a647 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e84a647 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e84a647 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e84a647::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cb56aa *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-9cb56aa {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-9cb56aa .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-9cb56aa::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cec146 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-6cec146 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-6cec146 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-6cec146::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63b382a *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-63b382a {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-63b382a .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-63b382a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71f8d00 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-71f8d00 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-71f8d00 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-71f8d00::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a80f2ec *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-a80f2ec {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-a80f2ec .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-a80f2ec::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1cb216 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-f1cb216 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe4b1e3 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97ad99e *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-97ad99e {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc3d43 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59b69f8 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-59b69f8 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-59b69f8 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-59b69f8::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa2afba *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fa2afba {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fa2afba .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fa2afba::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ae309c *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1ae309c {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1ae309c .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1ae309c::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927db81 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-927db81 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-927db81 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-927db81::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e74e678 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e74e678 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e74e678 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e74e678::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-402373b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-402373b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-402373b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-402373b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c65f84 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-2c65f84 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-2c65f84 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-2c65f84::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1687ca9 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1687ca9 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1687ca9 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1687ca9::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea9e71 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-aea9e71 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-aea9e71 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-aea9e71::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e04655 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-7e04655 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-7e04655 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-7e04655::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4faeb31 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-4faeb31 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-4faeb31 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-4faeb31::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62e57c2 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-62e57c2 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-62e57c2 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-62e57c2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ff8cd3 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbb8359 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fbb8359 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fbb8359 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fbb8359::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23dcc2e *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-23dcc2e {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-23dcc2e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-23dcc2e::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60ec19e *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-60ec19e {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-60ec19e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-60ec19e::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f1d4d2 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bad99a6 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-bad99a6 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-bad99a6 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-bad99a6::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5dd0b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdba38c *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fdba38c {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fdba38c .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fdba38c::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d53f4b4 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-d53f4b4 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-d53f4b4 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-d53f4b4::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0089e81 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-0089e81 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-0089e81 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-0089e81::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0efbe6b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-0efbe6b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-0efbe6b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-0efbe6b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b1fa16 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-7b1fa16 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-7b1fa16 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-7b1fa16::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e004d *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-41e004d {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-41e004d .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-41e004d::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f188f9 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1f188f9 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1f188f9 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1f188f9::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6bbdbe *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08d8cda *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-08d8cda {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-08d8cda .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-08d8cda::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d35bbf1 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-d35bbf1 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-d35bbf1 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-d35bbf1::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e84a647 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e84a647 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e84a647 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e84a647::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cb56aa *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-9cb56aa {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-9cb56aa .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-9cb56aa::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cec146 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-6cec146 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-6cec146 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-6cec146::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63b382a *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-63b382a {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-63b382a .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-63b382a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71f8d00 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-71f8d00 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-71f8d00 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-71f8d00::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a80f2ec *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-a80f2ec {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-a80f2ec .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-a80f2ec::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1cb216 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-f1cb216 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe4b1e3 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97ad99e *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-97ad99e {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc3d43 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59b69f8 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-59b69f8 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-59b69f8 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-59b69f8::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa2afba *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fa2afba {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fa2afba .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fa2afba::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ae309c *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1ae309c {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1ae309c .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1ae309c::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927db81 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-927db81 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-927db81 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-927db81::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e74e678 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e74e678 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e74e678 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e74e678::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-402373b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-402373b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-402373b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-402373b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c65f84 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-2c65f84 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-2c65f84 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-2c65f84::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1687ca9 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1687ca9 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1687ca9 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1687ca9::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea9e71 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-aea9e71 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-aea9e71 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-aea9e71::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e04655 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-7e04655 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-7e04655 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-7e04655::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4faeb31 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-4faeb31 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-4faeb31 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-4faeb31::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62e57c2 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-62e57c2 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-62e57c2 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-62e57c2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ff8cd3 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbb8359 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fbb8359 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fbb8359 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fbb8359::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23dcc2e *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-23dcc2e {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-23dcc2e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-23dcc2e::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60ec19e *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-60ec19e {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-60ec19e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-60ec19e::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f1d4d2 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bad99a6 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-bad99a6 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-bad99a6 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-bad99a6::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5dd0b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdba38c *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fdba38c {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fdba38c .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fdba38c::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d53f4b4 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-d53f4b4 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-d53f4b4 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-d53f4b4::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0089e81 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-0089e81 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-0089e81 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-0089e81::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0efbe6b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-0efbe6b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-0efbe6b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-0efbe6b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b1fa16 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-7b1fa16 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-7b1fa16 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-7b1fa16::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e004d *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-41e004d {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-41e004d .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-41e004d::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f188f9 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1f188f9 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1f188f9 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1f188f9::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6bbdbe *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08d8cda *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-08d8cda {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-08d8cda .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-08d8cda::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d35bbf1 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-d35bbf1 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-d35bbf1 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-d35bbf1::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e84a647 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e84a647 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e84a647 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e84a647::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cb56aa *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-9cb56aa {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-9cb56aa .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-9cb56aa::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cec146 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-6cec146 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-6cec146 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-6cec146::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63b382a *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-63b382a {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-63b382a .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-63b382a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71f8d00 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-71f8d00 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-71f8d00 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-71f8d00::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a80f2ec *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-a80f2ec {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-a80f2ec .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-a80f2ec::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1cb216 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-f1cb216 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe4b1e3 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97ad99e *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-97ad99e {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc3d43 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59b69f8 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-59b69f8 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-59b69f8 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-59b69f8::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa2afba *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fa2afba {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fa2afba .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fa2afba::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ae309c *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1ae309c {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1ae309c .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1ae309c::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927db81 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-927db81 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-927db81 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-927db81::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e74e678 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e74e678 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e74e678 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e74e678::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-402373b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-402373b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-402373b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-402373b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c65f84 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-2c65f84 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-2c65f84 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-2c65f84::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1687ca9 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1687ca9 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1687ca9 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1687ca9::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea9e71 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-aea9e71 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-aea9e71 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-aea9e71::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e04655 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-7e04655 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-7e04655 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-7e04655::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4faeb31 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-4faeb31 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-4faeb31 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-4faeb31::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62e57c2 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-62e57c2 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-62e57c2 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-62e57c2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ff8cd3 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbb8359 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fbb8359 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fbb8359 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fbb8359::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23dcc2e *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-23dcc2e {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-23dcc2e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-23dcc2e::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60ec19e *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-60ec19e {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-60ec19e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-60ec19e::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f1d4d2 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bad99a6 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-bad99a6 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-bad99a6 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-bad99a6::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5dd0b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdba38c *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fdba38c {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fdba38c .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fdba38c::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d53f4b4 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-d53f4b4 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-d53f4b4 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-d53f4b4::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0089e81 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-0089e81 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-0089e81 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-0089e81::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0efbe6b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-0efbe6b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-0efbe6b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-0efbe6b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b1fa16 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-7b1fa16 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-7b1fa16 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-7b1fa16::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e004d *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-41e004d {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-41e004d .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-41e004d::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f188f9 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1f188f9 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1f188f9 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1f188f9::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6bbdbe *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08d8cda *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-08d8cda {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-08d8cda .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-08d8cda::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d35bbf1 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-d35bbf1 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-d35bbf1 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-d35bbf1::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e84a647 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e84a647 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e84a647 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e84a647::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cb56aa *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-9cb56aa {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-9cb56aa .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-9cb56aa::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cec146 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-6cec146 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-6cec146 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-6cec146::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63b382a *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-63b382a {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-63b382a .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-63b382a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71f8d00 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-71f8d00 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-71f8d00 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-71f8d00::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a80f2ec *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-a80f2ec {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-a80f2ec .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-a80f2ec::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1cb216 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-f1cb216 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe4b1e3 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97ad99e *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-97ad99e {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc3d43 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59b69f8 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-59b69f8 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-59b69f8 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-59b69f8::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa2afba *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fa2afba {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fa2afba .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fa2afba::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ae309c *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1ae309c {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1ae309c .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1ae309c::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927db81 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-927db81 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-927db81 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-927db81::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e74e678 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e74e678 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e74e678 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e74e678::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-402373b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-402373b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-402373b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-402373b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c65f84 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-2c65f84 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-2c65f84 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-2c65f84::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1687ca9 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1687ca9 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1687ca9 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1687ca9::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea9e71 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-aea9e71 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-aea9e71 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-aea9e71::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e04655 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-7e04655 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-7e04655 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-7e04655::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4faeb31 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-4faeb31 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-4faeb31 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-4faeb31::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62e57c2 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-62e57c2 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-62e57c2 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-62e57c2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ff8cd3 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbb8359 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fbb8359 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fbb8359 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fbb8359::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23dcc2e *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-23dcc2e {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-23dcc2e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-23dcc2e::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60ec19e *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-60ec19e {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-60ec19e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-60ec19e::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f1d4d2 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bad99a6 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-bad99a6 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-bad99a6 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-bad99a6::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5dd0b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdba38c *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fdba38c {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fdba38c .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fdba38c::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fdba38c:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d53f4b4 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-d53f4b4 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-d53f4b4 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-d53f4b4::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-d53f4b4:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0089e81 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-0089e81 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-0089e81 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-0089e81::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-0089e81:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0efbe6b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-0efbe6b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-0efbe6b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-0efbe6b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-0efbe6b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b1fa16 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-7b1fa16 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-7b1fa16 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-7b1fa16::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-7b1fa16:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e004d *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-41e004d {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-41e004d .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-41e004d::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-41e004d:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f188f9 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1f188f9 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1f188f9 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1f188f9::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1f188f9:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6bbdbe *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e6bbdbe:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08d8cda *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-08d8cda {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-08d8cda .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-08d8cda::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-08d8cda:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d35bbf1 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-d35bbf1 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-d35bbf1 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-d35bbf1::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-d35bbf1:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e84a647 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e84a647 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e84a647 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e84a647::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e84a647:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cb56aa *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-9cb56aa {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-9cb56aa .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-9cb56aa::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-9cb56aa:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cec146 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-6cec146 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-6cec146 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-6cec146::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-6cec146:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63b382a *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-63b382a {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-63b382a .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-63b382a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-63b382a:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71f8d00 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-71f8d00 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-71f8d00 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-71f8d00::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-71f8d00:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a80f2ec *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-a80f2ec {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-a80f2ec .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-a80f2ec::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-a80f2ec:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1cb216 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-f1cb216 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-f1cb216 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-f1cb216:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe4b1e3 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-fe4b1e3 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-fe4b1e3:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97ad99e *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-97ad99e {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-97ad99e .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-97ad99e:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc3d43 *//* --- MEGA MENU CARD (D2C) HOVER EFFECT --- */

/* 1. Container Base Setup & Smooth Transition */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 {
    background-color: #15130e; /* Default dark background */
    /* Transition for smooth background color change and smooth lift up */
    transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
}

/* 2. Hover State: Background Yellow & Card Lifts Up (Real original animation) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover {
    background-color: #ffc531 !important; /* Marigold Yellow */
    transform: translateY(-6px) !important; /* Card moves up by 6px */
}

/* 3. Heading Setup (D2C) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Heading turns Dark (#15130E) on Hover */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-heading-title {
    color: #15130E !important; 
}

/* 5. Body Text Setup (Brand, packaging...) */
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-4dc3d43 .elementor-widget-text-editor p {
    transition: color 0.3s ease !important;
}

/* 6. Body Text turns Gray on Hover */
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-widget-text-editor,
.elementor-18779 .elementor-element.elementor-element-4dc3d43:hover .elementor-widget-text-editor p {
    /* Exact original dark gray (Ink-70) with opacity for perfect blending */
    color: rgba(21, 19, 14, 0.74) !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59b69f8 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-59b69f8 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-59b69f8 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-59b69f8::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-59b69f8:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa2afba *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fa2afba {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fa2afba .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fa2afba::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fa2afba:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ae309c *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1ae309c {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1ae309c .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1ae309c::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1ae309c:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-927db81 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-927db81 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-927db81 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-927db81::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-927db81:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e74e678 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-e74e678 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-e74e678 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-e74e678::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-e74e678:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-402373b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-402373b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-402373b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-402373b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-402373b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c65f84 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-2c65f84 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-2c65f84 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-2c65f84::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-2c65f84:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1687ca9 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1687ca9 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1687ca9 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1687ca9::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1687ca9:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea9e71 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-aea9e71 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-aea9e71 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-aea9e71::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-aea9e71:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e04655 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-7e04655 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-7e04655 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-7e04655::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-7e04655:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4faeb31 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-4faeb31 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-4faeb31 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-4faeb31::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-4faeb31:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62e57c2 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-62e57c2 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-62e57c2 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-62e57c2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-62e57c2:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ff8cd3 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-1ff8cd3:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbb8359 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-fbb8359 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-fbb8359 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-fbb8359::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-fbb8359:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23dcc2e *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-23dcc2e {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-23dcc2e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-23dcc2e::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-23dcc2e:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60ec19e *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-60ec19e {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-60ec19e .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-60ec19e::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-60ec19e:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f1d4d2 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-9f1d4d2:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bad99a6 *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-bad99a6 {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-bad99a6 .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-bad99a6::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-bad99a6:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5dd0b *//* --- PREMIUM MEGA MENU HOVER EFFECT --- */

/* 1. Container Setup: Smooth transition & positioning */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b {
    position: relative;
    /* Hardware accelerated transform for buttery smooth slide */
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1) !important;
    cursor: pointer;
    padding-bottom: 8px !important; /* Bottom line ke liye space */
}

/* 2. Container Moves Right by 10px on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover {
    transform: translateX(10px) !important;
}

/* 3. Heading Transition Setup */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b .elementor-heading-title {
    transition: color 0.3s ease !important;
}

/* 4. Main Heading Turns Yellow on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover .elementor-heading-title {
    color: #ffc531 !important; 
}

/* 5. Animated Yellow Bottom Border (Industry Standard) */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%; /* Start me line ki width 0% rahegi */
    bottom: 0;
    height: 1px; /* Border thickness (ise 2px bhi kar sakte hain) */
    background-color: #ffc531;
    /* Easing math taken exactly from your original theme */
    transition: right 0.3s cubic-bezier(0.2, 0.8, 0.3, 1);
}

/* 6. Reveal Bottom Border on Hover */
.elementor-18779 .elementor-element.elementor-element-cb5dd0b:hover::after {
    right: 0; /* Hover karne par line 100% width tak draw hogi */
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-0beb174 *//* 1. Target the specific text span in the New Elementor Menu */
.elementor-18779 .elementor-element.elementor-element-0beb174 .e-n-menu-title-text {
    position: relative !important; 
    display: inline-block; /* [INDUSTRY STANDARD] Ye ensure karega ki border sirf text ki width jitna ho, pure box ki width jitna nahi */
}

/* 2. Create the hidden yellow border via Pseudo-element */
.elementor-18779 .elementor-element.elementor-element-0beb174 .e-n-menu-title-text::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px; /* Border thickness */
    bottom: -6px; /* Text aur border ke beech ka gap */
    left: 0;
    background-color: #FFD700; /* Premium Yellow (Gold) color */
    
    /* Animation initial state (Hidden) */
    transform: scaleX(0);
    transform-origin: right; /* Hover hatne par right ki taraf jayega */
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* Smooth easing */
}

/* 3. Trigger the animation on Hover, Focus, and Active (Current) state */
/* [UX BEST PRACTICE]: Parent item (.e-n-menu-item) par hover lagana behtar hai taaki user button ke aas-paas (padding area) me bhi mouse le jaye toh border animate ho jaye. */
.elementor-18779 .elementor-element.elementor-element-0beb174 .e-n-menu-item:hover .e-n-menu-title-text::after,
.elementor-18779 .elementor-element.elementor-element-0beb174 .e-n-menu-item:focus-within .e-n-menu-title-text::after,
.elementor-18779 .elementor-element.elementor-element-0beb174 .e-current .e-n-menu-title-text::after {
    transform: scaleX(1); /* Pura width cover karega */
    transform-origin: left; /* Left se right ki taraf expand hoga */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5466248 *//* 1. Target the text wrapper inside your Grid's Heading widgets */
.elementor-18779 .elementor-element.elementor-element-5466248 .elementor-heading-title {
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important; /* Prevents default browser underlines */
}

/* 2. Create the yellow line using a pseudo-element */
.elementor-18779 .elementor-element.elementor-element-5466248 .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px; /* Adjust this value to change the gap between text and line */
    width: 100%;
    height: 2px; /* Thickness of the underline */
    background-color: #FFC531; 
    
    /* 3. Animation setup */
    transform: scaleX(0); /* Hides the line initially */
    transform-origin: right; /* Makes the line retract to the right when mouse leaves */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); /* Modern, smooth easing curve */
}

/* 4. Trigger the line on hover */
.elementor-18779 .elementor-element.elementor-element-5466248 .elementor-widget-heading:hover .elementor-heading-title::after {
    transform: scaleX(1); /* Expands the line to full width */
    transform-origin: left; /* Makes the line grow from the left when mouse enters */
}

/* Optional: Keep the line permanently visible on a specific item (Active State) */
.elementor-18779 .elementor-element.elementor-element-5466248 .is-active .elementor-heading-title::after {
    transform: scaleX(1);
}/* End custom CSS */