.elementor-838 .elementor-element.elementor-element-cb059a0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-838 .elementor-element.elementor-element-cb059a0:not(.elementor-motion-effects-element-type-background), .elementor-838 .elementor-element.elementor-element-cb059a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_5 );}.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider button i,
                                .elementor-838 .elementor-element.elementor-element-eaee99b .slick-arrow i{font-size:20px;}.elementor-838 .elementor-element.elementor-element-eaee99b .slick-arrow svg{width:20px;}.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider .slick-arrow{color:#FFFFFF;background-color:#A7A7A7 !important;border-radius:0px 0px 0px 0px;}.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider .slick-arrow i{color:#FFFFFF;}.elementor-838 .elementor-element.elementor-element-eaee99b .hero-slider-controls .slick-arrow i{color:#FFFFFF;}.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider-area .hero-slider-controls .slick-arrow{color:#FFFFFF;background-color:#A7A7A7 !important;border-radius:0px 0px 0px 0px;}.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider .slick-arrow svg path{fill:#FFFFFF;}.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider .slick-arrow,.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider-area .hero-slider-controls .slick-arrow{border-style:solid;border-width:0px 0px 0px 0px;}.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider .slick-arrow:hover{color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider .slick-arrow:hover i{color:#FFFFFF;}.elementor-838 .elementor-element.elementor-element-eaee99b .hero-slider-controls .slick-arrow:hover i{color:#FFFFFF;}.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider-area .hero-slider-controls .slick-arrow:hover{color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider .slick-arrow:hover svg path{fill:#FFFFFF;}.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider .slick-arrow:hover,.elementor-838 .elementor-element.elementor-element-eaee99b .htslider-slider-area .hero-slider-controls .slick-arrow:hover{border-style:none;}.elementor-838 .elementor-element.elementor-element-2dabc44{--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;--justify-content:center;--align-items:center;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:5;}.elementor-838 .elementor-element.elementor-element-f26bc71{background-color:#000000D6;padding:20px 20px 20px 20px;border-radius:100% 100% 100% 100%;}.elementor-838 .elementor-element.elementor-element-f26bc71 img{border-style:none;border-radius:100% 100% 100% 100%;}.elementor-838 .elementor-element.elementor-element-e6fe20a{--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:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-838 .elementor-element.elementor-element-8b2e476{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-838 .elementor-element.elementor-element-8b2e476:not(.elementor-motion-effects-element-type-background), .elementor-838 .elementor-element.elementor-element-8b2e476 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CECECE;}.elementor-838 .elementor-element.elementor-element-3c5481f{background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.17);}.elementor-838 .elementor-element.elementor-element-c67aaeb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-838 .elementor-element.elementor-element-c67aaeb:not(.elementor-motion-effects-element-type-background), .elementor-838 .elementor-element.elementor-element-c67aaeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CECECE;}.elementor-838 .elementor-element.elementor-element-c0fc1fd{background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.17);}.elementor-838 .elementor-element.elementor-element-49f8b4e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-838 .elementor-element.elementor-element-49f8b4e:not(.elementor-motion-effects-element-type-background), .elementor-838 .elementor-element.elementor-element-49f8b4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CECECE;}.elementor-838 .elementor-element.elementor-element-a9f6f9e{background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.17);}.elementor-838 .elementor-element.elementor-element-26fc962{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:42px;--n-tabs-gap:25px;--n-tabs-title-font-size:20px;--n-tabs-title-color:#000000;--n-tabs-title-color-active:#000000;}.elementor-838 .elementor-element.elementor-element-26fc962 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-838 .elementor-element.elementor-element-26fc962.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;border-style:solid;border-width:5px 0px 5px 0px;border-color:var( --e-global-color-accent );}.elementor-838 .elementor-element.elementor-element-26fc962.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-838 .elementor-element.elementor-element-26fc962.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;border-style:solid;border-width:5px 0px 5px 0px;border-color:var( --e-global-color-accent );}.elementor-838 .elementor-element.elementor-element-26fc962.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:4px 0px 4px 0px;border-color:#7AB14300;}.elementor-838 .elementor-element.elementor-element-26fc962.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Lato", Sans-serif;font-weight:600;}.elementor-838 .elementor-element.elementor-element-26fc962 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}.elementor-838 .elementor-element.elementor-element-6a5e2e5{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-838 .elementor-element.elementor-element-6a5e2e5:not(.elementor-motion-effects-element-type-background), .elementor-838 .elementor-element.elementor-element-6a5e2e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-838 .elementor-element.elementor-element-6a5e2e5.e-con{--align-self:center;}.elementor-838 .elementor-element.elementor-element-04b5cbe{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-838 .elementor-element.elementor-element-69f8844{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;text-align:center;}.elementor-838 .elementor-element.elementor-element-69f8844 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:36px;font-weight:600;line-height:1.3em;}.elementor-838 .elementor-element.elementor-element-ec3ebcd{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:4px;}.elementor-838 .elementor-element.elementor-element-ec3ebcd .elementor-divider-separator{width:100px;margin:0 auto;margin-center:0;}.elementor-838 .elementor-element.elementor-element-ec3ebcd .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-838 .elementor-element.elementor-element-04d2405 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:21px;font-weight:700;text-transform:uppercase;color:#363636;}.elementor-838 .elementor-element.elementor-element-b822c42{font-family:"Lato", Sans-serif;font-size:16px;line-height:1.4em;color:#363636;}.elementor-838 .elementor-element.elementor-element-dacfcad .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:21px;font-weight:700;color:#363636;}.elementor-838 .elementor-element.elementor-element-adcaf1c{font-family:"Lato", Sans-serif;font-size:16px;line-height:1.4em;color:#363636;}.elementor-838 .elementor-element.elementor-element-adcaf1c a{color:var( --e-global-color-accent );}.elementor-838 .elementor-element.elementor-element-0efebac .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:21px;font-weight:700;color:#363636;}.elementor-838 .elementor-element.elementor-element-53d192b{font-family:"Lato", Sans-serif;font-size:16px;line-height:1.4em;color:#363636;}.elementor-838 .elementor-element.elementor-element-53d192b a{color:var( --e-global-color-accent );}.elementor-838 .elementor-element.elementor-element-4e7c302{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 13px;--e-icon-list-icon-size:14px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-item > a{font-family:"Lato", Sans-serif;font-size:16px;}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-text{color:#363636;transition:color 0.3s;}.elementor-838 .elementor-element.elementor-element-f9e5286{font-family:"Lato", Sans-serif;font-size:16px;line-height:1.4em;color:#363636;}.elementor-838 .elementor-element.elementor-element-1c74454{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-838 .elementor-element.elementor-element-d7078fa{text-align:center;}.elementor-838 .elementor-element.elementor-element-d7078fa .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;}.elementor-838 .elementor-element.elementor-element-201e4f3{text-align:center;}.elementor-838 .elementor-element.elementor-element-201e4f3 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;}.elementor-838 .elementor-element.elementor-element-6faf64e{--divider-border-style:solid;--divider-color:#7AB143;--divider-border-width:4px;}.elementor-838 .elementor-element.elementor-element-6faf64e .elementor-divider-separator{width:100px;margin:0 auto;margin-center:0;}.elementor-838 .elementor-element.elementor-element-6faf64e .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-838 .elementor-element.elementor-element-2af0ffa{text-align:center;}.elementor-838 .elementor-element.elementor-element-2af0ffa .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;}.elementor-838 .elementor-element.elementor-element-df896f7{--divider-border-style:solid;--divider-color:#7AB143;--divider-border-width:4px;}.elementor-838 .elementor-element.elementor-element-df896f7 .elementor-divider-separator{width:100px;margin:0 auto;margin-center:0;}.elementor-838 .elementor-element.elementor-element-df896f7 .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-838 .elementor-element.elementor-element-49e0b23{text-align:center;}.elementor-838 .elementor-element.elementor-element-49e0b23 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;}.elementor-838 .elementor-element.elementor-element-9561eb5{--divider-border-style:solid;--divider-color:#7AB143;--divider-border-width:4px;}.elementor-838 .elementor-element.elementor-element-9561eb5 .elementor-divider-separator{width:100px;margin:0 auto;margin-center:0;}.elementor-838 .elementor-element.elementor-element-9561eb5 .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-838 .elementor-element.elementor-element-b9df527{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:60px;--padding-bottom:00px;--padding-left:0px;--padding-right:0px;}.elementor-838 .elementor-element.elementor-element-c4fb9f1{--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-838 .elementor-element.elementor-element-67b3d46 img{height:325px;object-fit:fill;}.elementor-838 .elementor-element.elementor-element-1fa91c3{--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-838 .elementor-element.elementor-element-f6e6ce0 img{height:325px;object-fit:fill;}.elementor-838 .elementor-element.elementor-element-d4115c7{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-838 .elementor-element.elementor-element-d4115c7:not(.elementor-motion-effects-element-type-background), .elementor-838 .elementor-element.elementor-element-d4115c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#31B44C;}.elementor-838 .elementor-element.elementor-element-ae84286{text-align:center;}.elementor-838 .elementor-element.elementor-element-ae84286 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:26px;text-transform:uppercase;color:#FFFFFF;}.elementor-838 .elementor-element.elementor-element-0acf97d{--divider-border-style:solid;--divider-color:#52851F;--divider-border-width:4px;}.elementor-838 .elementor-element.elementor-element-0acf97d .elementor-divider-separator{width:100px;margin:0 auto;margin-center:0;}.elementor-838 .elementor-element.elementor-element-0acf97d .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-838 .elementor-element.elementor-element-45de23d{text-align:center;font-family:"Lato", Sans-serif;font-size:16px;line-height:1.4em;color:#FFFFFF;}.elementor-838 .elementor-element.elementor-element-45de23d a{color:#FFFFFF;}@media(min-width:768px){.elementor-838 .elementor-element.elementor-element-c4fb9f1{--width:50%;}.elementor-838 .elementor-element.elementor-element-1fa91c3{--width:50%;}}@media(max-width:1024px){.elementor-838 .elementor-element.elementor-element-cb059a0{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-838 .elementor-element.elementor-element-cb059a0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-838 .elementor-element.elementor-element-f26bc71{padding:15px 15px 15px 15px;}.elementor-838 .elementor-element.elementor-element-f26bc71 img{width:29px;}.elementor-838 .elementor-element.elementor-element-26fc962{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;}.elementor-838 .elementor-element.elementor-element-6a5e2e5{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-838 .elementor-element.elementor-element-69f8844 .elementor-heading-title{font-size:25px;}.elementor-838 .elementor-element.elementor-element-04d2405 .elementor-heading-title{font-size:18px;line-height:1.3em;}.elementor-838 .elementor-element.elementor-element-dacfcad .elementor-heading-title{font-size:18px;line-height:1.3em;}.elementor-838 .elementor-element.elementor-element-0efebac .elementor-heading-title{font-size:18px;line-height:1.3em;}.elementor-838 .elementor-element.elementor-element-4e7c302{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-838 .elementor-element.elementor-element-4e7c302 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-838 .elementor-element.elementor-element-1c74454{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-838 .elementor-element.elementor-element-d7078fa .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-838 .elementor-element.elementor-element-201e4f3 .elementor-heading-title{line-height:1.3em;}.elementor-838 .elementor-element.elementor-element-2af0ffa .elementor-heading-title{line-height:1.3em;}.elementor-838 .elementor-element.elementor-element-b9df527{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-838 .elementor-element.elementor-element-67b3d46 img{height:200px;}.elementor-838 .elementor-element.elementor-element-f6e6ce0 img{height:200px;}.elementor-838 .elementor-element.elementor-element-d4115c7{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for image, class: .elementor-element-f26bc71 *//* Image with class "bnce" */
.bnce img{
  display: inline-block;
  cursor: pointer; /* makes hand cursor */
  transform-origin: center bottom;
  transition: transform .18s ease;
  will-change: transform;
}

.bnce img:hover{
  animation: bnce-bounce 1.6s ease;
}

@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3c5481f *//* =========================================
   Make MH slider look like your 2nd screenshot
   Paste in: Appearance > Customise > Additional CSS
========================================= */

/* 1) Section box like screenshot (white box + border) */
.mhps-only{
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 24px 18px 30px;
  max-width: 1180px;          /* keeps it boxed like screenshot */
  margin: 0 auto;
}

/* 2) IMPORTANT: Swiper must not wrap */
.mhps-only .swiper-wrapper{
  display:flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.mhps-only .swiper-slide{
  flex-shrink: 0 !important;
  height: auto !important;
}

/* 3) Give space for arrows (bigger side padding like screenshot) */
.mhps-only .mhps-slider-wrap{
  position: relative;
  padding: 10px 86px;  /* more padding = arrows sit outside content */
}

/* 4) Arrows like screenshot (simple chevrons, no circle) */
.mhps-only .mhps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .7;
}

.mhps-only .mhps-prev{ left: 8px; }
.mhps-only .mhps-next{ right: 8px; }

.mhps-only .mhps-arrow span{
  font-size: 52px;
  line-height: 1;
  color: #bdbdbd;  /* light grey arrow like screenshot */
}

.mhps-only .mhps-arrow:hover{
  opacity: 1;
}
.mhps-only .mhps-arrow:hover span{
  color: #9e9e9e;
}

/* 5) Card sizing + spacing (smaller image, centered like screenshot) */
.mhps-only .mhps-card{
  text-align: center;
  padding: 0 12px;
}

/* keep images consistent + not oversized */
.mhps-only .mhps-img{
  width: 100%;
  height: 170px;            /* key: smaller than your current */
  object-fit: cover;
  display: block;
}

/* optional: add a tiny breathing space above title */
.mhps-only .mhps-title{
  margin: 16px 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.mhps-only .mhps-title a{
  color:#111;
  text-decoration:none;
}

/* description like screenshot: tight + centered */
.mhps-only .mhps-desc{
  margin: 0 auto 18px;
  max-width: 280px;
  font-size: 12.8px;
  line-height: 1.5;
  color:#333;
  min-height: 42px;
}

/* 6) Button sizing like screenshot */
.mhps-only .mhps-btn-text{
  padding: 12px 22px;
  font-size: 12px;
}
.mhps-only .mhps-btn-icon{
  width: 44px;
  height: 40px;
  font-size: 22px;
}

/* 7) Bounce + pointer (bnce) */
.mhps-only img.bnce{
  cursor: pointer;
  transform-origin: center bottom;
  will-change: transform;
}
.mhps-only img.bnce:hover{
  animation: bnce-bounce .6s ease;
}
@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* 8) Responsive */
@media (max-width: 1024px){
  .mhps-only{ max-width: 96%; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 64px; }
  .mhps-only .mhps-img{ height: 160px; }
  .mhps-only .mhps-arrow{ width: 56px; height: 110px; }
  .mhps-only .mhps-arrow span{ font-size: 44px; }
}

@media (max-width: 767px){
  .mhps-only{ padding: 18px 12px 24px; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 44px; }
  .mhps-only .mhps-img{ height: 150px; }
  .mhps-only .mhps-desc{ max-width: 92%; }
  .mhps-only .mhps-arrow span{ font-size: 38px; }
}
/* Force parent row to look boxed */
.mhps-only{
  width: min(1180px, 100%)!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c0fc1fd *//* =========================================
   Make MH slider look like your 2nd screenshot
   Paste in: Appearance > Customise > Additional CSS
========================================= */

/* 1) Section box like screenshot (white box + border) */
.mhps-only{
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 24px 18px 30px;
  max-width: 1180px;          /* keeps it boxed like screenshot */
  margin: 0 auto;
}

/* 2) IMPORTANT: Swiper must not wrap */
.mhps-only .swiper-wrapper{
  display:flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.mhps-only .swiper-slide{
  flex-shrink: 0 !important;
  height: auto !important;
}

/* 3) Give space for arrows (bigger side padding like screenshot) */
.mhps-only .mhps-slider-wrap{
  position: relative;
  padding: 10px 86px;  /* more padding = arrows sit outside content */
}

/* 4) Arrows like screenshot (simple chevrons, no circle) */
.mhps-only .mhps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .7;
}

.mhps-only .mhps-prev{ left: 8px; }
.mhps-only .mhps-next{ right: 8px; }

.mhps-only .mhps-arrow span{
  font-size: 52px;
  line-height: 1;
  color: #bdbdbd;  /* light grey arrow like screenshot */
}

.mhps-only .mhps-arrow:hover{
  opacity: 1;
}
.mhps-only .mhps-arrow:hover span{
  color: #9e9e9e;
}

/* 5) Card sizing + spacing (smaller image, centered like screenshot) */
.mhps-only .mhps-card{
  text-align: center;
  padding: 0 12px;
}

/* keep images consistent + not oversized */
.mhps-only .mhps-img{
  width: 100%;
  height: 170px;            /* key: smaller than your current */
  object-fit: cover;
  display: block;
}

/* optional: add a tiny breathing space above title */
.mhps-only .mhps-title{
  margin: 16px 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.mhps-only .mhps-title a{
  color:#111;
  text-decoration:none;
}

/* description like screenshot: tight + centered */
.mhps-only .mhps-desc{
  margin: 0 auto 18px;
  max-width: 280px;
  font-size: 12.8px;
  line-height: 1.5;
  color:#333;
  min-height: 42px;
}

/* 6) Button sizing like screenshot */
.mhps-only .mhps-btn-text{
  padding: 12px 22px;
  font-size: 12px;
}
.mhps-only .mhps-btn-icon{
  width: 44px;
  height: 40px;
  font-size: 22px;
}

/* 7) Bounce + pointer (bnce) */
.mhps-only img.bnce{
  cursor: pointer;
  transform-origin: center bottom;
  will-change: transform;
}
.mhps-only img.bnce:hover{
  animation: bnce-bounce .6s ease;
}
@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* 8) Responsive */
@media (max-width: 1024px){
  .mhps-only{ max-width: 96%; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 64px; }
  .mhps-only .mhps-img{ height: 160px; }
  .mhps-only .mhps-arrow{ width: 56px; height: 110px; }
  .mhps-only .mhps-arrow span{ font-size: 44px; }
}

@media (max-width: 767px){
  .mhps-only{ padding: 18px 12px 24px; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 44px; }
  .mhps-only .mhps-img{ height: 150px; }
  .mhps-only .mhps-desc{ max-width: 92%; }
  .mhps-only .mhps-arrow span{ font-size: 38px; }
}
/* Force parent row to look boxed */
.mhps-only{
  width: min(1180px, 100%)!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9f6f9e *//* =========================================
   Make MH slider look like your 2nd screenshot
   Paste in: Appearance > Customise > Additional CSS
========================================= */

/* 1) Section box like screenshot (white box + border) */
.mhps-only{
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 24px 18px 30px;
  max-width: 1180px;          /* keeps it boxed like screenshot */
  margin: 0 auto;
}

/* 2) IMPORTANT: Swiper must not wrap */
.mhps-only .swiper-wrapper{
  display:flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.mhps-only .swiper-slide{
  flex-shrink: 0 !important;
  height: auto !important;
}

/* 3) Give space for arrows (bigger side padding like screenshot) */
.mhps-only .mhps-slider-wrap{
  position: relative;
  padding: 10px 86px;  /* more padding = arrows sit outside content */
}

/* 4) Arrows like screenshot (simple chevrons, no circle) */
.mhps-only .mhps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .7;
}

.mhps-only .mhps-prev{ left: 8px; }
.mhps-only .mhps-next{ right: 8px; }

.mhps-only .mhps-arrow span{
  font-size: 52px;
  line-height: 1;
  color: #bdbdbd;  /* light grey arrow like screenshot */
}

.mhps-only .mhps-arrow:hover{
  opacity: 1;
}
.mhps-only .mhps-arrow:hover span{
  color: #9e9e9e;
}

/* 5) Card sizing + spacing (smaller image, centered like screenshot) */
.mhps-only .mhps-card{
  text-align: center;
  padding: 0 12px;
}

/* keep images consistent + not oversized */
.mhps-only .mhps-img{
  width: 100%;
  height: 170px;            /* key: smaller than your current */
  object-fit: cover;
  display: block;
}

/* optional: add a tiny breathing space above title */
.mhps-only .mhps-title{
  margin: 16px 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.mhps-only .mhps-title a{
  color:#111;
  text-decoration:none;
}

/* description like screenshot: tight + centered */
.mhps-only .mhps-desc{
  margin: 0 auto 18px;
  max-width: 280px;
  font-size: 12.8px;
  line-height: 1.5;
  color:#333;
  min-height: 42px;
}

/* 6) Button sizing like screenshot */
.mhps-only .mhps-btn-text{
  padding: 12px 22px;
  font-size: 12px;
}
.mhps-only .mhps-btn-icon{
  width: 44px;
  height: 40px;
  font-size: 22px;
}

/* 7) Bounce + pointer (bnce) */
.mhps-only img.bnce{
  cursor: pointer;
  transform-origin: center bottom;
  will-change: transform;
}
.mhps-only img.bnce:hover{
  animation: bnce-bounce .6s ease;
}
@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* 8) Responsive */
@media (max-width: 1024px){
  .mhps-only{ max-width: 96%; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 64px; }
  .mhps-only .mhps-img{ height: 160px; }
  .mhps-only .mhps-arrow{ width: 56px; height: 110px; }
  .mhps-only .mhps-arrow span{ font-size: 44px; }
}

@media (max-width: 767px){
  .mhps-only{ padding: 18px 12px 24px; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 44px; }
  .mhps-only .mhps-img{ height: 150px; }
  .mhps-only .mhps-desc{ max-width: 92%; }
  .mhps-only .mhps-arrow span{ font-size: 38px; }
}
/* Force parent row to look boxed */
.mhps-only{
  width: min(1180px, 100%)!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3c5481f *//* =========================================
   Make MH slider look like your 2nd screenshot
   Paste in: Appearance > Customise > Additional CSS
========================================= */

/* 1) Section box like screenshot (white box + border) */
.mhps-only{
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 24px 18px 30px;
  max-width: 1180px;          /* keeps it boxed like screenshot */
  margin: 0 auto;
}

/* 2) IMPORTANT: Swiper must not wrap */
.mhps-only .swiper-wrapper{
  display:flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.mhps-only .swiper-slide{
  flex-shrink: 0 !important;
  height: auto !important;
}

/* 3) Give space for arrows (bigger side padding like screenshot) */
.mhps-only .mhps-slider-wrap{
  position: relative;
  padding: 10px 86px;  /* more padding = arrows sit outside content */
}

/* 4) Arrows like screenshot (simple chevrons, no circle) */
.mhps-only .mhps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .7;
}

.mhps-only .mhps-prev{ left: 8px; }
.mhps-only .mhps-next{ right: 8px; }

.mhps-only .mhps-arrow span{
  font-size: 52px;
  line-height: 1;
  color: #bdbdbd;  /* light grey arrow like screenshot */
}

.mhps-only .mhps-arrow:hover{
  opacity: 1;
}
.mhps-only .mhps-arrow:hover span{
  color: #9e9e9e;
}

/* 5) Card sizing + spacing (smaller image, centered like screenshot) */
.mhps-only .mhps-card{
  text-align: center;
  padding: 0 12px;
}

/* keep images consistent + not oversized */
.mhps-only .mhps-img{
  width: 100%;
  height: 170px;            /* key: smaller than your current */
  object-fit: cover;
  display: block;
}

/* optional: add a tiny breathing space above title */
.mhps-only .mhps-title{
  margin: 16px 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.mhps-only .mhps-title a{
  color:#111;
  text-decoration:none;
}

/* description like screenshot: tight + centered */
.mhps-only .mhps-desc{
  margin: 0 auto 18px;
  max-width: 280px;
  font-size: 12.8px;
  line-height: 1.5;
  color:#333;
  min-height: 42px;
}

/* 6) Button sizing like screenshot */
.mhps-only .mhps-btn-text{
  padding: 12px 22px;
  font-size: 12px;
}
.mhps-only .mhps-btn-icon{
  width: 44px;
  height: 40px;
  font-size: 22px;
}

/* 7) Bounce + pointer (bnce) */
.mhps-only img.bnce{
  cursor: pointer;
  transform-origin: center bottom;
  will-change: transform;
}
.mhps-only img.bnce:hover{
  animation: bnce-bounce .6s ease;
}
@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* 8) Responsive */
@media (max-width: 1024px){
  .mhps-only{ max-width: 96%; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 64px; }
  .mhps-only .mhps-img{ height: 160px; }
  .mhps-only .mhps-arrow{ width: 56px; height: 110px; }
  .mhps-only .mhps-arrow span{ font-size: 44px; }
}

@media (max-width: 767px){
  .mhps-only{ padding: 18px 12px 24px; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 44px; }
  .mhps-only .mhps-img{ height: 150px; }
  .mhps-only .mhps-desc{ max-width: 92%; }
  .mhps-only .mhps-arrow span{ font-size: 38px; }
}
/* Force parent row to look boxed */
.mhps-only{
  width: min(1180px, 100%)!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c0fc1fd *//* =========================================
   Make MH slider look like your 2nd screenshot
   Paste in: Appearance > Customise > Additional CSS
========================================= */

/* 1) Section box like screenshot (white box + border) */
.mhps-only{
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 24px 18px 30px;
  max-width: 1180px;          /* keeps it boxed like screenshot */
  margin: 0 auto;
}

/* 2) IMPORTANT: Swiper must not wrap */
.mhps-only .swiper-wrapper{
  display:flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.mhps-only .swiper-slide{
  flex-shrink: 0 !important;
  height: auto !important;
}

/* 3) Give space for arrows (bigger side padding like screenshot) */
.mhps-only .mhps-slider-wrap{
  position: relative;
  padding: 10px 86px;  /* more padding = arrows sit outside content */
}

/* 4) Arrows like screenshot (simple chevrons, no circle) */
.mhps-only .mhps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .7;
}

.mhps-only .mhps-prev{ left: 8px; }
.mhps-only .mhps-next{ right: 8px; }

.mhps-only .mhps-arrow span{
  font-size: 52px;
  line-height: 1;
  color: #bdbdbd;  /* light grey arrow like screenshot */
}

.mhps-only .mhps-arrow:hover{
  opacity: 1;
}
.mhps-only .mhps-arrow:hover span{
  color: #9e9e9e;
}

/* 5) Card sizing + spacing (smaller image, centered like screenshot) */
.mhps-only .mhps-card{
  text-align: center;
  padding: 0 12px;
}

/* keep images consistent + not oversized */
.mhps-only .mhps-img{
  width: 100%;
  height: 170px;            /* key: smaller than your current */
  object-fit: cover;
  display: block;
}

/* optional: add a tiny breathing space above title */
.mhps-only .mhps-title{
  margin: 16px 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.mhps-only .mhps-title a{
  color:#111;
  text-decoration:none;
}

/* description like screenshot: tight + centered */
.mhps-only .mhps-desc{
  margin: 0 auto 18px;
  max-width: 280px;
  font-size: 12.8px;
  line-height: 1.5;
  color:#333;
  min-height: 42px;
}

/* 6) Button sizing like screenshot */
.mhps-only .mhps-btn-text{
  padding: 12px 22px;
  font-size: 12px;
}
.mhps-only .mhps-btn-icon{
  width: 44px;
  height: 40px;
  font-size: 22px;
}

/* 7) Bounce + pointer (bnce) */
.mhps-only img.bnce{
  cursor: pointer;
  transform-origin: center bottom;
  will-change: transform;
}
.mhps-only img.bnce:hover{
  animation: bnce-bounce .6s ease;
}
@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* 8) Responsive */
@media (max-width: 1024px){
  .mhps-only{ max-width: 96%; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 64px; }
  .mhps-only .mhps-img{ height: 160px; }
  .mhps-only .mhps-arrow{ width: 56px; height: 110px; }
  .mhps-only .mhps-arrow span{ font-size: 44px; }
}

@media (max-width: 767px){
  .mhps-only{ padding: 18px 12px 24px; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 44px; }
  .mhps-only .mhps-img{ height: 150px; }
  .mhps-only .mhps-desc{ max-width: 92%; }
  .mhps-only .mhps-arrow span{ font-size: 38px; }
}
/* Force parent row to look boxed */
.mhps-only{
  width: min(1180px, 100%)!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9f6f9e *//* =========================================
   Make MH slider look like your 2nd screenshot
   Paste in: Appearance > Customise > Additional CSS
========================================= */

/* 1) Section box like screenshot (white box + border) */
.mhps-only{
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 24px 18px 30px;
  max-width: 1180px;          /* keeps it boxed like screenshot */
  margin: 0 auto;
}

/* 2) IMPORTANT: Swiper must not wrap */
.mhps-only .swiper-wrapper{
  display:flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.mhps-only .swiper-slide{
  flex-shrink: 0 !important;
  height: auto !important;
}

/* 3) Give space for arrows (bigger side padding like screenshot) */
.mhps-only .mhps-slider-wrap{
  position: relative;
  padding: 10px 86px;  /* more padding = arrows sit outside content */
}

/* 4) Arrows like screenshot (simple chevrons, no circle) */
.mhps-only .mhps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .7;
}

.mhps-only .mhps-prev{ left: 8px; }
.mhps-only .mhps-next{ right: 8px; }

.mhps-only .mhps-arrow span{
  font-size: 52px;
  line-height: 1;
  color: #bdbdbd;  /* light grey arrow like screenshot */
}

.mhps-only .mhps-arrow:hover{
  opacity: 1;
}
.mhps-only .mhps-arrow:hover span{
  color: #9e9e9e;
}

/* 5) Card sizing + spacing (smaller image, centered like screenshot) */
.mhps-only .mhps-card{
  text-align: center;
  padding: 0 12px;
}

/* keep images consistent + not oversized */
.mhps-only .mhps-img{
  width: 100%;
  height: 170px;            /* key: smaller than your current */
  object-fit: cover;
  display: block;
}

/* optional: add a tiny breathing space above title */
.mhps-only .mhps-title{
  margin: 16px 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.mhps-only .mhps-title a{
  color:#111;
  text-decoration:none;
}

/* description like screenshot: tight + centered */
.mhps-only .mhps-desc{
  margin: 0 auto 18px;
  max-width: 280px;
  font-size: 12.8px;
  line-height: 1.5;
  color:#333;
  min-height: 42px;
}

/* 6) Button sizing like screenshot */
.mhps-only .mhps-btn-text{
  padding: 12px 22px;
  font-size: 12px;
}
.mhps-only .mhps-btn-icon{
  width: 44px;
  height: 40px;
  font-size: 22px;
}

/* 7) Bounce + pointer (bnce) */
.mhps-only img.bnce{
  cursor: pointer;
  transform-origin: center bottom;
  will-change: transform;
}
.mhps-only img.bnce:hover{
  animation: bnce-bounce .6s ease;
}
@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* 8) Responsive */
@media (max-width: 1024px){
  .mhps-only{ max-width: 96%; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 64px; }
  .mhps-only .mhps-img{ height: 160px; }
  .mhps-only .mhps-arrow{ width: 56px; height: 110px; }
  .mhps-only .mhps-arrow span{ font-size: 44px; }
}

@media (max-width: 767px){
  .mhps-only{ padding: 18px 12px 24px; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 44px; }
  .mhps-only .mhps-img{ height: 150px; }
  .mhps-only .mhps-desc{ max-width: 92%; }
  .mhps-only .mhps-arrow span{ font-size: 38px; }
}
/* Force parent row to look boxed */
.mhps-only{
  width: min(1180px, 100%)!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3c5481f *//* =========================================
   Make MH slider look like your 2nd screenshot
   Paste in: Appearance > Customise > Additional CSS
========================================= */

/* 1) Section box like screenshot (white box + border) */
.mhps-only{
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 24px 18px 30px;
  max-width: 1180px;          /* keeps it boxed like screenshot */
  margin: 0 auto;
}

/* 2) IMPORTANT: Swiper must not wrap */
.mhps-only .swiper-wrapper{
  display:flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.mhps-only .swiper-slide{
  flex-shrink: 0 !important;
  height: auto !important;
}

/* 3) Give space for arrows (bigger side padding like screenshot) */
.mhps-only .mhps-slider-wrap{
  position: relative;
  padding: 10px 86px;  /* more padding = arrows sit outside content */
}

/* 4) Arrows like screenshot (simple chevrons, no circle) */
.mhps-only .mhps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .7;
}

.mhps-only .mhps-prev{ left: 8px; }
.mhps-only .mhps-next{ right: 8px; }

.mhps-only .mhps-arrow span{
  font-size: 52px;
  line-height: 1;
  color: #bdbdbd;  /* light grey arrow like screenshot */
}

.mhps-only .mhps-arrow:hover{
  opacity: 1;
}
.mhps-only .mhps-arrow:hover span{
  color: #9e9e9e;
}

/* 5) Card sizing + spacing (smaller image, centered like screenshot) */
.mhps-only .mhps-card{
  text-align: center;
  padding: 0 12px;
}

/* keep images consistent + not oversized */
.mhps-only .mhps-img{
  width: 100%;
  height: 170px;            /* key: smaller than your current */
  object-fit: cover;
  display: block;
}

/* optional: add a tiny breathing space above title */
.mhps-only .mhps-title{
  margin: 16px 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.mhps-only .mhps-title a{
  color:#111;
  text-decoration:none;
}

/* description like screenshot: tight + centered */
.mhps-only .mhps-desc{
  margin: 0 auto 18px;
  max-width: 280px;
  font-size: 12.8px;
  line-height: 1.5;
  color:#333;
  min-height: 42px;
}

/* 6) Button sizing like screenshot */
.mhps-only .mhps-btn-text{
  padding: 12px 22px;
  font-size: 12px;
}
.mhps-only .mhps-btn-icon{
  width: 44px;
  height: 40px;
  font-size: 22px;
}

/* 7) Bounce + pointer (bnce) */
.mhps-only img.bnce{
  cursor: pointer;
  transform-origin: center bottom;
  will-change: transform;
}
.mhps-only img.bnce:hover{
  animation: bnce-bounce .6s ease;
}
@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* 8) Responsive */
@media (max-width: 1024px){
  .mhps-only{ max-width: 96%; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 64px; }
  .mhps-only .mhps-img{ height: 160px; }
  .mhps-only .mhps-arrow{ width: 56px; height: 110px; }
  .mhps-only .mhps-arrow span{ font-size: 44px; }
}

@media (max-width: 767px){
  .mhps-only{ padding: 18px 12px 24px; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 44px; }
  .mhps-only .mhps-img{ height: 150px; }
  .mhps-only .mhps-desc{ max-width: 92%; }
  .mhps-only .mhps-arrow span{ font-size: 38px; }
}
/* Force parent row to look boxed */
.mhps-only{
  width: min(1180px, 100%)!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c0fc1fd *//* =========================================
   Make MH slider look like your 2nd screenshot
   Paste in: Appearance > Customise > Additional CSS
========================================= */

/* 1) Section box like screenshot (white box + border) */
.mhps-only{
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 24px 18px 30px;
  max-width: 1180px;          /* keeps it boxed like screenshot */
  margin: 0 auto;
}

/* 2) IMPORTANT: Swiper must not wrap */
.mhps-only .swiper-wrapper{
  display:flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.mhps-only .swiper-slide{
  flex-shrink: 0 !important;
  height: auto !important;
}

/* 3) Give space for arrows (bigger side padding like screenshot) */
.mhps-only .mhps-slider-wrap{
  position: relative;
  padding: 10px 86px;  /* more padding = arrows sit outside content */
}

/* 4) Arrows like screenshot (simple chevrons, no circle) */
.mhps-only .mhps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .7;
}

.mhps-only .mhps-prev{ left: 8px; }
.mhps-only .mhps-next{ right: 8px; }

.mhps-only .mhps-arrow span{
  font-size: 52px;
  line-height: 1;
  color: #bdbdbd;  /* light grey arrow like screenshot */
}

.mhps-only .mhps-arrow:hover{
  opacity: 1;
}
.mhps-only .mhps-arrow:hover span{
  color: #9e9e9e;
}

/* 5) Card sizing + spacing (smaller image, centered like screenshot) */
.mhps-only .mhps-card{
  text-align: center;
  padding: 0 12px;
}

/* keep images consistent + not oversized */
.mhps-only .mhps-img{
  width: 100%;
  height: 170px;            /* key: smaller than your current */
  object-fit: cover;
  display: block;
}

/* optional: add a tiny breathing space above title */
.mhps-only .mhps-title{
  margin: 16px 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.mhps-only .mhps-title a{
  color:#111;
  text-decoration:none;
}

/* description like screenshot: tight + centered */
.mhps-only .mhps-desc{
  margin: 0 auto 18px;
  max-width: 280px;
  font-size: 12.8px;
  line-height: 1.5;
  color:#333;
  min-height: 42px;
}

/* 6) Button sizing like screenshot */
.mhps-only .mhps-btn-text{
  padding: 12px 22px;
  font-size: 12px;
}
.mhps-only .mhps-btn-icon{
  width: 44px;
  height: 40px;
  font-size: 22px;
}

/* 7) Bounce + pointer (bnce) */
.mhps-only img.bnce{
  cursor: pointer;
  transform-origin: center bottom;
  will-change: transform;
}
.mhps-only img.bnce:hover{
  animation: bnce-bounce .6s ease;
}
@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* 8) Responsive */
@media (max-width: 1024px){
  .mhps-only{ max-width: 96%; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 64px; }
  .mhps-only .mhps-img{ height: 160px; }
  .mhps-only .mhps-arrow{ width: 56px; height: 110px; }
  .mhps-only .mhps-arrow span{ font-size: 44px; }
}

@media (max-width: 767px){
  .mhps-only{ padding: 18px 12px 24px; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 44px; }
  .mhps-only .mhps-img{ height: 150px; }
  .mhps-only .mhps-desc{ max-width: 92%; }
  .mhps-only .mhps-arrow span{ font-size: 38px; }
}
/* Force parent row to look boxed */
.mhps-only{
  width: min(1180px, 100%)!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9f6f9e *//* =========================================
   Make MH slider look like your 2nd screenshot
   Paste in: Appearance > Customise > Additional CSS
========================================= */

/* 1) Section box like screenshot (white box + border) */
.mhps-only{
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 24px 18px 30px;
  max-width: 1180px;          /* keeps it boxed like screenshot */
  margin: 0 auto;
}

/* 2) IMPORTANT: Swiper must not wrap */
.mhps-only .swiper-wrapper{
  display:flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.mhps-only .swiper-slide{
  flex-shrink: 0 !important;
  height: auto !important;
}

/* 3) Give space for arrows (bigger side padding like screenshot) */
.mhps-only .mhps-slider-wrap{
  position: relative;
  padding: 10px 86px;  /* more padding = arrows sit outside content */
}

/* 4) Arrows like screenshot (simple chevrons, no circle) */
.mhps-only .mhps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .7;
}

.mhps-only .mhps-prev{ left: 8px; }
.mhps-only .mhps-next{ right: 8px; }

.mhps-only .mhps-arrow span{
  font-size: 52px;
  line-height: 1;
  color: #bdbdbd;  /* light grey arrow like screenshot */
}

.mhps-only .mhps-arrow:hover{
  opacity: 1;
}
.mhps-only .mhps-arrow:hover span{
  color: #9e9e9e;
}

/* 5) Card sizing + spacing (smaller image, centered like screenshot) */
.mhps-only .mhps-card{
  text-align: center;
  padding: 0 12px;
}

/* keep images consistent + not oversized */
.mhps-only .mhps-img{
  width: 100%;
  height: 170px;            /* key: smaller than your current */
  object-fit: cover;
  display: block;
}

/* optional: add a tiny breathing space above title */
.mhps-only .mhps-title{
  margin: 16px 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.mhps-only .mhps-title a{
  color:#111;
  text-decoration:none;
}

/* description like screenshot: tight + centered */
.mhps-only .mhps-desc{
  margin: 0 auto 18px;
  max-width: 280px;
  font-size: 12.8px;
  line-height: 1.5;
  color:#333;
  min-height: 42px;
}

/* 6) Button sizing like screenshot */
.mhps-only .mhps-btn-text{
  padding: 12px 22px;
  font-size: 12px;
}
.mhps-only .mhps-btn-icon{
  width: 44px;
  height: 40px;
  font-size: 22px;
}

/* 7) Bounce + pointer (bnce) */
.mhps-only img.bnce{
  cursor: pointer;
  transform-origin: center bottom;
  will-change: transform;
}
.mhps-only img.bnce:hover{
  animation: bnce-bounce .6s ease;
}
@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* 8) Responsive */
@media (max-width: 1024px){
  .mhps-only{ max-width: 96%; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 64px; }
  .mhps-only .mhps-img{ height: 160px; }
  .mhps-only .mhps-arrow{ width: 56px; height: 110px; }
  .mhps-only .mhps-arrow span{ font-size: 44px; }
}

@media (max-width: 767px){
  .mhps-only{ padding: 18px 12px 24px; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 44px; }
  .mhps-only .mhps-img{ height: 150px; }
  .mhps-only .mhps-desc{ max-width: 92%; }
  .mhps-only .mhps-arrow span{ font-size: 38px; }
}
/* Force parent row to look boxed */
.mhps-only{
  width: min(1180px, 100%)!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3c5481f *//* =========================================
   Make MH slider look like your 2nd screenshot
   Paste in: Appearance > Customise > Additional CSS
========================================= */

/* 1) Section box like screenshot (white box + border) */
.mhps-only{
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 24px 18px 30px;
  max-width: 1180px;          /* keeps it boxed like screenshot */
  margin: 0 auto;
}

/* 2) IMPORTANT: Swiper must not wrap */
.mhps-only .swiper-wrapper{
  display:flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.mhps-only .swiper-slide{
  flex-shrink: 0 !important;
  height: auto !important;
}

/* 3) Give space for arrows (bigger side padding like screenshot) */
.mhps-only .mhps-slider-wrap{
  position: relative;
  padding: 10px 86px;  /* more padding = arrows sit outside content */
}

/* 4) Arrows like screenshot (simple chevrons, no circle) */
.mhps-only .mhps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .7;
}

.mhps-only .mhps-prev{ left: 8px; }
.mhps-only .mhps-next{ right: 8px; }

.mhps-only .mhps-arrow span{
  font-size: 52px;
  line-height: 1;
  color: #bdbdbd;  /* light grey arrow like screenshot */
}

.mhps-only .mhps-arrow:hover{
  opacity: 1;
}
.mhps-only .mhps-arrow:hover span{
  color: #9e9e9e;
}

/* 5) Card sizing + spacing (smaller image, centered like screenshot) */
.mhps-only .mhps-card{
  text-align: center;
  padding: 0 12px;
}

/* keep images consistent + not oversized */
.mhps-only .mhps-img{
  width: 100%;
  height: 170px;            /* key: smaller than your current */
  object-fit: cover;
  display: block;
}

/* optional: add a tiny breathing space above title */
.mhps-only .mhps-title{
  margin: 16px 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.mhps-only .mhps-title a{
  color:#111;
  text-decoration:none;
}

/* description like screenshot: tight + centered */
.mhps-only .mhps-desc{
  margin: 0 auto 18px;
  max-width: 280px;
  font-size: 12.8px;
  line-height: 1.5;
  color:#333;
  min-height: 42px;
}

/* 6) Button sizing like screenshot */
.mhps-only .mhps-btn-text{
  padding: 12px 22px;
  font-size: 12px;
}
.mhps-only .mhps-btn-icon{
  width: 44px;
  height: 40px;
  font-size: 22px;
}

/* 7) Bounce + pointer (bnce) */
.mhps-only img.bnce{
  cursor: pointer;
  transform-origin: center bottom;
  will-change: transform;
}
.mhps-only img.bnce:hover{
  animation: bnce-bounce .6s ease;
}
@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* 8) Responsive */
@media (max-width: 1024px){
  .mhps-only{ max-width: 96%; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 64px; }
  .mhps-only .mhps-img{ height: 160px; }
  .mhps-only .mhps-arrow{ width: 56px; height: 110px; }
  .mhps-only .mhps-arrow span{ font-size: 44px; }
}

@media (max-width: 767px){
  .mhps-only{ padding: 18px 12px 24px; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 44px; }
  .mhps-only .mhps-img{ height: 150px; }
  .mhps-only .mhps-desc{ max-width: 92%; }
  .mhps-only .mhps-arrow span{ font-size: 38px; }
}
/* Force parent row to look boxed */
.mhps-only{
  width: min(1180px, 100%)!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c0fc1fd *//* =========================================
   Make MH slider look like your 2nd screenshot
   Paste in: Appearance > Customise > Additional CSS
========================================= */

/* 1) Section box like screenshot (white box + border) */
.mhps-only{
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 24px 18px 30px;
  max-width: 1180px;          /* keeps it boxed like screenshot */
  margin: 0 auto;
}

/* 2) IMPORTANT: Swiper must not wrap */
.mhps-only .swiper-wrapper{
  display:flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.mhps-only .swiper-slide{
  flex-shrink: 0 !important;
  height: auto !important;
}

/* 3) Give space for arrows (bigger side padding like screenshot) */
.mhps-only .mhps-slider-wrap{
  position: relative;
  padding: 10px 86px;  /* more padding = arrows sit outside content */
}

/* 4) Arrows like screenshot (simple chevrons, no circle) */
.mhps-only .mhps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .7;
}

.mhps-only .mhps-prev{ left: 8px; }
.mhps-only .mhps-next{ right: 8px; }

.mhps-only .mhps-arrow span{
  font-size: 52px;
  line-height: 1;
  color: #bdbdbd;  /* light grey arrow like screenshot */
}

.mhps-only .mhps-arrow:hover{
  opacity: 1;
}
.mhps-only .mhps-arrow:hover span{
  color: #9e9e9e;
}

/* 5) Card sizing + spacing (smaller image, centered like screenshot) */
.mhps-only .mhps-card{
  text-align: center;
  padding: 0 12px;
}

/* keep images consistent + not oversized */
.mhps-only .mhps-img{
  width: 100%;
  height: 170px;            /* key: smaller than your current */
  object-fit: cover;
  display: block;
}

/* optional: add a tiny breathing space above title */
.mhps-only .mhps-title{
  margin: 16px 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.mhps-only .mhps-title a{
  color:#111;
  text-decoration:none;
}

/* description like screenshot: tight + centered */
.mhps-only .mhps-desc{
  margin: 0 auto 18px;
  max-width: 280px;
  font-size: 12.8px;
  line-height: 1.5;
  color:#333;
  min-height: 42px;
}

/* 6) Button sizing like screenshot */
.mhps-only .mhps-btn-text{
  padding: 12px 22px;
  font-size: 12px;
}
.mhps-only .mhps-btn-icon{
  width: 44px;
  height: 40px;
  font-size: 22px;
}

/* 7) Bounce + pointer (bnce) */
.mhps-only img.bnce{
  cursor: pointer;
  transform-origin: center bottom;
  will-change: transform;
}
.mhps-only img.bnce:hover{
  animation: bnce-bounce .6s ease;
}
@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* 8) Responsive */
@media (max-width: 1024px){
  .mhps-only{ max-width: 96%; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 64px; }
  .mhps-only .mhps-img{ height: 160px; }
  .mhps-only .mhps-arrow{ width: 56px; height: 110px; }
  .mhps-only .mhps-arrow span{ font-size: 44px; }
}

@media (max-width: 767px){
  .mhps-only{ padding: 18px 12px 24px; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 44px; }
  .mhps-only .mhps-img{ height: 150px; }
  .mhps-only .mhps-desc{ max-width: 92%; }
  .mhps-only .mhps-arrow span{ font-size: 38px; }
}
/* Force parent row to look boxed */
.mhps-only{
  width: min(1180px, 100%)!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a9f6f9e *//* =========================================
   Make MH slider look like your 2nd screenshot
   Paste in: Appearance > Customise > Additional CSS
========================================= */

/* 1) Section box like screenshot (white box + border) */
.mhps-only{
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 24px 18px 30px;
  max-width: 1180px;          /* keeps it boxed like screenshot */
  margin: 0 auto;
}

/* 2) IMPORTANT: Swiper must not wrap */
.mhps-only .swiper-wrapper{
  display:flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.mhps-only .swiper-slide{
  flex-shrink: 0 !important;
  height: auto !important;
}

/* 3) Give space for arrows (bigger side padding like screenshot) */
.mhps-only .mhps-slider-wrap{
  position: relative;
  padding: 10px 86px;  /* more padding = arrows sit outside content */
}

/* 4) Arrows like screenshot (simple chevrons, no circle) */
.mhps-only .mhps-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 120px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 10;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .7;
}

.mhps-only .mhps-prev{ left: 8px; }
.mhps-only .mhps-next{ right: 8px; }

.mhps-only .mhps-arrow span{
  font-size: 52px;
  line-height: 1;
  color: #bdbdbd;  /* light grey arrow like screenshot */
}

.mhps-only .mhps-arrow:hover{
  opacity: 1;
}
.mhps-only .mhps-arrow:hover span{
  color: #9e9e9e;
}

/* 5) Card sizing + spacing (smaller image, centered like screenshot) */
.mhps-only .mhps-card{
  text-align: center;
  padding: 0 12px;
}

/* keep images consistent + not oversized */
.mhps-only .mhps-img{
  width: 100%;
  height: 170px;            /* key: smaller than your current */
  object-fit: cover;
  display: block;
}

/* optional: add a tiny breathing space above title */
.mhps-only .mhps-title{
  margin: 16px 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.mhps-only .mhps-title a{
  color:#111;
  text-decoration:none;
}

/* description like screenshot: tight + centered */
.mhps-only .mhps-desc{
  margin: 0 auto 18px;
  max-width: 280px;
  font-size: 12.8px;
  line-height: 1.5;
  color:#333;
  min-height: 42px;
}

/* 6) Button sizing like screenshot */
.mhps-only .mhps-btn-text{
  padding: 12px 22px;
  font-size: 12px;
}
.mhps-only .mhps-btn-icon{
  width: 44px;
  height: 40px;
  font-size: 22px;
}

/* 7) Bounce + pointer (bnce) */
.mhps-only img.bnce{
  cursor: pointer;
  transform-origin: center bottom;
  will-change: transform;
}
.mhps-only img.bnce:hover{
  animation: bnce-bounce .6s ease;
}
@keyframes bnce-bounce{
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-10px) scale(1.03); }
  45%  { transform: translateY(0) scale(0.98); }
  65%  { transform: translateY(-6px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}

/* 8) Responsive */
@media (max-width: 1024px){
  .mhps-only{ max-width: 96%; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 64px; }
  .mhps-only .mhps-img{ height: 160px; }
  .mhps-only .mhps-arrow{ width: 56px; height: 110px; }
  .mhps-only .mhps-arrow span{ font-size: 44px; }
}

@media (max-width: 767px){
  .mhps-only{ padding: 18px 12px 24px; }
  .mhps-only .mhps-slider-wrap{ padding: 10px 44px; }
  .mhps-only .mhps-img{ height: 150px; }
  .mhps-only .mhps-desc{ max-width: 92%; }
  .mhps-only .mhps-arrow span{ font-size: 38px; }
}
/* Force parent row to look boxed */
.mhps-only{
  width: min(1180px, 100%)!important;
}/* End custom CSS */