.elementor-21 .elementor-element.elementor-element-cbe3ef2{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-21 .elementor-element.elementor-element-cbe3ef2:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-cbe3ef2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/55.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-cbe3ef2::before, .elementor-21 .elementor-element.elementor-element-cbe3ef2 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-cbe3ef2 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-cbe3ef2 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-cbe3ef2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-cbe3ef2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-ec8e20d );--background-overlay:'';}.elementor-21 .elementor-element.elementor-element-d2d6108{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;text-align:center;}.elementor-21 .elementor-element.elementor-element-d2d6108 .elementor-heading-title{font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-cc4e3fc );}.elementor-21 .elementor-element.elementor-element-17de77f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-21 .elementor-element.elementor-element-ebc5d86{text-align:center;}.elementor-21 .elementor-element.elementor-element-00519e3{--divider-border-style:solid;--divider-color:var( --e-global-color-652765d );--divider-border-width:1.5px;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-21 .elementor-element.elementor-element-00519e3 .elementor-divider-separator{width:24%;margin:0 auto;margin-center:0;}.elementor-21 .elementor-element.elementor-element-00519e3 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-21 .elementor-element.elementor-element-00519e3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-00519e3.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-00519e3.elementor-view-default .elementor-icon{color:var( --e-global-color-3ca2e02 );border-color:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-00519e3.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-00519e3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-e426005{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-0a1c884.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-21 .elementor-element.elementor-element-0a1c884.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-21 .elementor-element.elementor-element-0a1c884.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-0a1c884 .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-4e0fb2e );}.elementor-21 .elementor-element.elementor-element-0a1c884 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-21 .elementor-element.elementor-element-eeddc6c.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-21 .elementor-element.elementor-element-eeddc6c.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-21 .elementor-element.elementor-element-eeddc6c.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-eeddc6c .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-4e0fb2e );}.elementor-21 .elementor-element.elementor-element-eeddc6c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-21 .elementor-element.elementor-element-9f6823b.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-21 .elementor-element.elementor-element-9f6823b.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-21 .elementor-element.elementor-element-9f6823b.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-9f6823b .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-4e0fb2e );}.elementor-21 .elementor-element.elementor-element-9f6823b .elementor-image-box-img img{transition-duration:0.3s;}.elementor-21 .elementor-element.elementor-element-0fa5503.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-21 .elementor-element.elementor-element-0fa5503.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-21 .elementor-element.elementor-element-0fa5503.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-0fa5503 .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-4e0fb2e );}.elementor-21 .elementor-element.elementor-element-0fa5503 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-21 .elementor-element.elementor-element-353c66a.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-21 .elementor-element.elementor-element-353c66a.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-21 .elementor-element.elementor-element-353c66a.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-353c66a .elementor-image-box-title{margin-bottom:0px;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-4e0fb2e );}.elementor-21 .elementor-element.elementor-element-353c66a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-21 .elementor-element.elementor-element-99bd2ff{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-21 .elementor-element.elementor-element-99bd2ff:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-99bd2ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e9fda4f );}.elementor-21 .elementor-element.elementor-element-27a4efc{--divider-border-style:solid;--divider-color:var( --e-global-color-652765d );--divider-border-width:1.5px;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-21 .elementor-element.elementor-element-27a4efc .elementor-divider-separator{width:24%;margin:0 auto;margin-center:0;}.elementor-21 .elementor-element.elementor-element-27a4efc .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-21 .elementor-element.elementor-element-27a4efc.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-27a4efc.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-27a4efc.elementor-view-default .elementor-icon{color:var( --e-global-color-3ca2e02 );border-color:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-27a4efc.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-27a4efc.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-6eb6fb2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-0aeb7f9{--display:flex;--min-height:550px;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-0aeb7f9:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-0aeb7f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/pool-deck-accomo.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-b77e549{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-d65f509{--display:flex;--min-height:550px;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-d65f509:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-d65f509 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/pavalion.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-24cc417{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-7d333b3{--display:flex;--min-height:550px;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-7d333b3:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-7d333b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/banquet.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-8827b9e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-bc83e7c{--display:flex;--min-height:550px;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-bc83e7c:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-bc83e7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/balllrooom.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-a7a1acb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-3596cec{--display:flex;--min-height:550px;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-3596cec:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-3596cec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/lobby-bar.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-0ab54fb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-ae031bc{--display:flex;--min-height:550px;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-ae031bc:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-ae031bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/signature-dining-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-71b467a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-50px;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-50px;--e-n-carousel-arrow-next-top-align:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:32px;--e-n-carousel-arrow-normal-color:var( --e-global-color-3ca2e02 );--e-n-carousel-arrow-hover-color:var( --e-global-color-652765d );}.elementor-21 .elementor-element.elementor-element-368b785 .elementor-button{fill:var( --e-global-color-3869b38 );color:var( --e-global-color-3869b38 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-3869b38 );border-radius:50px 50px 50px 50px;}.elementor-21 .elementor-element.elementor-element-7ebd01e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 40px;--row-gap:20px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-21 .elementor-element.elementor-element-7ebd01e:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-7ebd01e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1A2F;}.elementor-21 .elementor-element.elementor-element-68ff677{--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-21 .elementor-element.elementor-element-f64be5e{--divider-border-style:solid;--divider-color:var( --e-global-color-652765d );--divider-border-width:1.5px;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-21 .elementor-element.elementor-element-f64be5e .elementor-divider-separator{width:85%;margin:0 auto;margin-left:0;}.elementor-21 .elementor-element.elementor-element-f64be5e .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-21 .elementor-element.elementor-element-f64be5e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-f64be5e.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-f64be5e.elementor-view-default .elementor-icon{color:var( --e-global-color-3ca2e02 );border-color:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-f64be5e.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-f64be5e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-2547a8e{width:var( --container-widget-width, 650px );max-width:650px;--container-widget-width:650px;--container-widget-flex-grow:0;line-height:1.4em;color:#FFFFFFC9;}.elementor-21 .elementor-element.elementor-element-32761dd{--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-21 .elementor-element.elementor-element-980bf9b img{max-width:100%;border-radius:12px 12px 12px 12px;}.elementor-21 .elementor-element.elementor-element-14ab773{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-21 .elementor-element.elementor-element-14ab773:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-14ab773 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e9fda4f );}.elementor-21 .elementor-element.elementor-element-71567f6 .elementor-heading-title{color:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-ba7f17a{--divider-border-style:solid;--divider-color:var( --e-global-color-652765d );--divider-border-width:1.5px;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-21 .elementor-element.elementor-element-ba7f17a .elementor-divider-separator{width:24%;margin:0 auto;margin-center:0;}.elementor-21 .elementor-element.elementor-element-ba7f17a .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-21 .elementor-element.elementor-element-ba7f17a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-ba7f17a.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-ba7f17a.elementor-view-default .elementor-icon{color:var( --e-global-color-3ca2e02 );border-color:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-ba7f17a.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-ba7f17a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-3ca2e02 );}.elementor-21 .elementor-element.elementor-element-90be74d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-1552ff5{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-1552ff5:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-1552ff5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/Building.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-1552ff5::before, .elementor-21 .elementor-element.elementor-element-1552ff5 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-1552ff5 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-1552ff5 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-1552ff5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-1552ff5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3869b38 );--background-overlay:'';}.elementor-21 .elementor-element.elementor-element-ecce4e3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-0ec9e98{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-0ec9e98:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-0ec9e98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/22.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-0ec9e98::before, .elementor-21 .elementor-element.elementor-element-0ec9e98 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-0ec9e98 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-0ec9e98 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-0ec9e98 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-0ec9e98 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3869b38 );--background-overlay:'';}.elementor-21 .elementor-element.elementor-element-c951255{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-6051472{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-6051472:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-6051472 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/33.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-6051472::before, .elementor-21 .elementor-element.elementor-element-6051472 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-6051472 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-6051472 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-6051472 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-6051472 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3869b38 );--background-overlay:'';}.elementor-21 .elementor-element.elementor-element-2c69e54{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-5ab419e{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-5ab419e:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-5ab419e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/44.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-5ab419e::before, .elementor-21 .elementor-element.elementor-element-5ab419e > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-5ab419e > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-5ab419e > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-5ab419e > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-5ab419e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3869b38 );--background-overlay:'';}.elementor-21 .elementor-element.elementor-element-c5c4aab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-60da7d7{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-60da7d7:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-60da7d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/55.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-60da7d7::before, .elementor-21 .elementor-element.elementor-element-60da7d7 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-60da7d7 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-60da7d7 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-60da7d7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-60da7d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3869b38 );--background-overlay:'';}.elementor-21 .elementor-element.elementor-element-781e5fb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-4d9b3ec{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-4d9b3ec:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-4d9b3ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sachsavenue.com/wp-content/uploads/2026/08/66.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21 .elementor-element.elementor-element-4d9b3ec::before, .elementor-21 .elementor-element.elementor-element-4d9b3ec > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-4d9b3ec > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-4d9b3ec > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-4d9b3ec > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-4d9b3ec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3869b38 );--background-overlay:'';}.elementor-21 .elementor-element.elementor-element-9b47a84{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-50px;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-50px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:30px;--e-n-carousel-arrow-normal-color:var( --e-global-color-3ca2e02 );--e-n-carousel-arrow-hover-color:var( --e-global-color-652765d );}.elementor-21 .elementor-element.elementor-element-b54f423{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-21 .elementor-element.elementor-element-b54f423 .elementor-button{fill:var( --e-global-color-3869b38 );color:var( --e-global-color-3869b38 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-3869b38 );border-radius:50px 50px 50px 50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-e426005{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-71b467a{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-next-right-position:0px;}.elementor-21 .elementor-element.elementor-element-1552ff5{--min-height:60vh;}.elementor-21 .elementor-element.elementor-element-0ec9e98{--min-height:60vh;}.elementor-21 .elementor-element.elementor-element-6051472{--min-height:60vh;}.elementor-21 .elementor-element.elementor-element-5ab419e{--min-height:60vh;}.elementor-21 .elementor-element.elementor-element-60da7d7{--min-height:60vh;}.elementor-21 .elementor-element.elementor-element-4d9b3ec{--min-height:60vh;}.elementor-21 .elementor-element.elementor-element-9b47a84{--e-n-carousel-swiper-slides-to-display:1;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-17de77f{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-21 .elementor-element.elementor-element-e426005{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-0a1c884 .elementor-image-box-img{margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-eeddc6c .elementor-image-box-img{margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-9f6823b .elementor-image-box-img{margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-0fa5503 .elementor-image-box-img{margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-353c66a .elementor-image-box-img{margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-99bd2ff{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-21 .elementor-element.elementor-element-ea2709b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-21 .elementor-element.elementor-element-71b467a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-position:-10px;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-position:-10px;}.elementor-21 .elementor-element.elementor-element-7ebd01e{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-21 .elementor-element.elementor-element-14ab773{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-21 .elementor-element.elementor-element-1552ff5{--min-height:50vh;}.elementor-21 .elementor-element.elementor-element-0ec9e98{--min-height:50vh;}.elementor-21 .elementor-element.elementor-element-6051472{--min-height:50vh;}.elementor-21 .elementor-element.elementor-element-5ab419e{--min-height:50vh;}.elementor-21 .elementor-element.elementor-element-60da7d7{--min-height:50vh;}.elementor-21 .elementor-element.elementor-element-4d9b3ec{--min-height:50vh;}.elementor-21 .elementor-element.elementor-element-9b47a84{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-next-right-position:0px;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-e426005{--content-width:1140px;}.elementor-21 .elementor-element.elementor-element-68ff677{--width:50%;}.elementor-21 .elementor-element.elementor-element-32761dd{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-0aeb7f9 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65f509 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d333b3 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc83e7c *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3596cec *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae031bc *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 423px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0aeb7f9 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65f509 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d333b3 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc83e7c *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3596cec *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae031bc *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 423px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0aeb7f9 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65f509 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d333b3 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc83e7c *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3596cec *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae031bc *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 423px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0aeb7f9 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65f509 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d333b3 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc83e7c *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3596cec *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae031bc *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 423px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0aeb7f9 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65f509 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d333b3 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc83e7c *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3596cec *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae031bc *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 423px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0aeb7f9 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65f509 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d333b3 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc83e7c *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3596cec *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae031bc *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 423px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0aeb7f9 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65f509 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d333b3 *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc83e7c *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3596cec *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 150px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae031bc *//* ==========================================
   Heading Carousel
   Scope: .heading-carousel Only
========================================== */


/* ==========================================
   Hide Original Slide Headings
========================================== */

.heading-carousel .carousel-heading {
    display: none !important;
}


/* ==========================================
   Slider Wrapper
========================================== */

.heading-carousel .swiper {
    padding-top: 70px;
}


/* ==========================================
   Pagination Wrapper
========================================== */

.heading-carousel .swiper-pagination {

    position: absolute;

    top: -10px;
    left: 0;

    width: 100%;

    transform: none;

    display: flex;
    align-items: center;
    justify-content: space-around;

    gap: 10px;

    flex-wrap: nowrap;
    overflow: hidden;

    z-index: 10;

    padding: 0;
    margin: 0;
}


/* ==========================================
   Pagination Buttons
   Normal State
========================================== */

.heading-carousel .swiper-pagination-bullet {

    position: relative;

    width: 423px;
    height: 52px;

    border: 2px solid #0A1A2F !important;
    border-radius: 50px;

    background: #0A1A2F !important;
    color: #E5C03A !important;

    opacity: 1 !important;

    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;

    text-transform: uppercase;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* ==========================================
   Pagination Button Hover
========================================== */

.heading-carousel .swiper-pagination-bullet:hover {

    background: #0A1A2F !important;

    color: #FFFFFF !important;

    border-color: #0A1A2F !important;
}


/* ==========================================
   Active Pagination Button
========================================== */

.heading-carousel .swiper-pagination-bullet-active {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;

    opacity: 1 !important;
}


/* ==========================================
   Active Pagination Button Hover
========================================== */

.heading-carousel
.swiper-pagination-bullet-active:hover {

    background: #E5C03A !important;

    color: #0A1A2F !important;

    border-color: #E5C03A !important;
}


/* ==========================================
   Active Button Indicator
========================================== */

.heading-carousel
.swiper-pagination-bullet-active::after {

    content: "";

    position: absolute;

    top: -2px;
    left: -8px;

    width: 25px;
    height: 25px;

    background: #9F821B;

    border-radius: 50%;
}


/* ==========================================
   Navigation Arrows
========================================== */

.heading-carousel .swiper-button-prev,
.heading-carousel .swiper-button-next {

    color: #B695F8;

}


/* ==========================================
   Tablet
   ≤ 1024px
========================================== */

@media (max-width: 1024px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 65px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -50px;

        gap: 15px;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 280px;

        height: 48px;

        font-size: 14px;

    }

}


/* ==========================================
   Mobile
   ≤ 767px
========================================== */

@media (max-width: 767px) {


    /* Slider Top Spacing */

    .heading-carousel .swiper {

        padding-top: 32px;

    }


    /* Pagination Layout */

    .heading-carousel .swiper-pagination {

        top: -60px;

        gap: 10px;

        flex-wrap: wrap;

        overflow: visible;

    }


    /* Pagination Buttons */

    .heading-carousel
    .swiper-pagination-bullet {

        width: 100%;

        max-width: 255px;

        height: auto;

        min-height: 45px;

        padding: 10px 15px;

        font-size: 14px;

    }


    /* Active Button Indicator */

    .heading-carousel
    .swiper-pagination-bullet-active::after {

        width: 18px;

        height: 18px;

        left: -5px;

    }

}/* End custom CSS */