.elementor-431 .elementor-element.elementor-element-71e9665{--display:flex;--margin-top:-11px;--margin-bottom:1px;--margin-left:1px;--margin-right:1px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-431 .elementor-element.elementor-element-2f51b03{margin:0px 1px calc(var(--kit-widget-spacing, 0px) + 1px) 1px;}.elementor-431 .elementor-element.elementor-element-2f51b03 img{width:100%;height:300px;border-style:double;border-width:3px 3px 3px 3px;border-color:#FFFFFF;border-radius:16px 16px 16px 16px;}.elementor-431 .elementor-element.elementor-element-811233a{padding:60px 0px 0px 0px;}.elementor-431 .elementor-element.elementor-element-811233a img{height:300px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:17px 17px 17px 17px;}.elementor-431 .elementor-element.elementor-element-4501298 img{height:300px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:18px 18px 18px 18px;}.elementor-431 .elementor-element.elementor-element-425d70f{padding:60px 0px 0px 0px;}.elementor-431 .elementor-element.elementor-element-425d70f img{height:300px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:18px 18px 18px 18px;}.elementor-431 .elementor-element.elementor-element-29e6845{--display:flex;--min-height:738px;--overlay-opacity:0.5;}.elementor-431 .elementor-element.elementor-element-29e6845:not(.elementor-motion-effects-element-type-background), .elementor-431 .elementor-element.elementor-element-29e6845 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hidoreintersole.com/wp-content/uploads/2026/10/7090f833-fdb7-414d-8f55-701190ffb660.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-431 .elementor-element.elementor-element-29e6845::before, .elementor-431 .elementor-element.elementor-element-29e6845 > .elementor-background-video-container::before, .elementor-431 .elementor-element.elementor-element-29e6845 > .e-con-inner > .elementor-background-video-container::before, .elementor-431 .elementor-element.elementor-element-29e6845 > .elementor-background-slideshow::before, .elementor-431 .elementor-element.elementor-element-29e6845 > .e-con-inner > .elementor-background-slideshow::before, .elementor-431 .elementor-element.elementor-element-29e6845 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-431 .elementor-element.elementor-element-aadda91{--iteration-count:infinite;width:auto;max-width:auto;margin:282px 579px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--dynamic-text-color:#9A0000;}.elementor-431 .elementor-element.elementor-element-aadda91 .elementor-headline{text-align:center;font-family:"Playball", Sans-serif;font-size:36px;font-weight:700;}.elementor-431 .elementor-element.elementor-element-aadda91 .elementor-headline-plain-text{color:#FFFFFF;}.elementor-431 .elementor-element.elementor-element-aadda91 .elementor-headline-dynamic-text{font-family:"Playball", Sans-serif;font-weight:800;line-height:35px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-431 .elementor-element.elementor-element-4aa0701{margin:0px 4px calc(var(--kit-widget-spacing, 0px) + 0px) 41px;font-family:"Roboto", Sans-serif;font-size:30px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-431 .elementor-element.elementor-element-28e4b6a .elementor-button{background-color:#FFFFFF;font-weight:500;fill:#8B0000;color:#8B0000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#A20000;border-radius:3px 3px 3px 3px;}.elementor-431 .elementor-element.elementor-element-28e4b6a .elementor-button:hover, .elementor-431 .elementor-element.elementor-element-28e4b6a .elementor-button:focus{background-color:#A20000;color:#FFFFFF;}.elementor-431 .elementor-element.elementor-element-28e4b6a{margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 37px;}.elementor-431 .elementor-element.elementor-element-28e4b6a .elementor-button:hover svg, .elementor-431 .elementor-element.elementor-element-28e4b6a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-431 .elementor-element.elementor-element-c5e8948{--display:flex;}.elementor-431 .elementor-element.elementor-element-4f38c40{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-431 .elementor-element.elementor-element-5afe673{--display:flex;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-431 .elementor-element.elementor-element-9e8ad25.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-431 .elementor-element.elementor-element-9e8ad25{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-431 .elementor-element.elementor-element-9e8ad25 .elementor-main-swiper{height:450px;width:100%;}.elementor-431 .elementor-element.elementor-element-9e8ad25 .elementor-main-swiper .swiper-slide{background-color:#FFFFFF;border-width:2px 2px 2px 2px;border-radius:38px;border-color:#FFFFFF;}.elementor-431 .elementor-element.elementor-element-9e8ad25 .elementor-swiper-button{font-size:0px;}.elementor-431 .elementor-element.elementor-element-9e8ad25 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;height:7px;width:7px;}.elementor-431 .elementor-element.elementor-element-9e8ad25 .swiper-horizontal .swiper-pagination-progressbar{height:7px;}#elementor-lightbox-slideshow-9e8ad25 .elementor-video-container{width:50%;}.elementor-431 .elementor-element.elementor-element-9e8ad25 .elementor-custom-embed-play i{color:#000000;font-size:54px;text-shadow:0px 0px 10px #4A0000;}.elementor-431 .elementor-element.elementor-element-9e8ad25 .elementor-custom-embed-play svg{fill:#000000;}.elementor-431 .elementor-element.elementor-element-dca2922.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-431 .elementor-element.elementor-element-dca2922 .elementor-main-swiper{height:452px;width:100%;}.elementor-431 .elementor-element.elementor-element-dca2922 .elementor-main-swiper .swiper-slide{border-width:2px 2px 2px 2px;border-radius:41px;border-color:#FFFFFF;}.elementor-431 .elementor-element.elementor-element-dca2922 .elementor-swiper-button{font-size:20px;}.elementor-431 .elementor-element.elementor-element-dca2922 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#000000;opacity:1;}.elementor-431 .elementor-element.elementor-element-dca2922 .elementor-custom-embed-play i{text-shadow:0px 0px 10px #000000;}.elementor-431 .elementor-element.elementor-element-27fb259.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-431 .elementor-element.elementor-element-27fb259 .elementor-main-swiper{height:445px;width:100%;}.elementor-431 .elementor-element.elementor-element-27fb259 .elementor-main-swiper .swiper-slide{border-width:2px 2px 2px 2px;border-radius:44px;border-color:#FFFFFF;}.elementor-431 .elementor-element.elementor-element-27fb259 .elementor-swiper-button{font-size:20px;}.elementor-431 .elementor-element.elementor-element-b86f39f{--display:flex;}.elementor-431 .elementor-element.elementor-element-227bec1f{--display:flex;}.elementor-431 .elementor-element.elementor-element-4d4889c2{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:88px;--padding-bottom:60px;--padding-left:5px;--padding-right:5px;}.elementor-431 .elementor-element.elementor-element-7b98e680{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:30px;}.elementor-431 .elementor-element.elementor-element-66710965{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;text-align:start;}.elementor-431 .elementor-element.elementor-element-66710965 img{width:60%;}.elementor-431 .elementor-element.elementor-element-7c07fe96{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#111111;}.elementor-431 .elementor-element.elementor-element-167b281b .elementor-repeater-item-da8f4de > a{color:#3b5998;background-color:#ffffff;border-style:solid;border-width:1px 1px 1px 1px;border-color:#eaebf1;}.elementor-431 .elementor-element.elementor-element-167b281b .elementor-repeater-item-da8f4de > a svg{fill:#3b5998;}.elementor-431 .elementor-element.elementor-element-167b281b .elementor-repeater-item-da8f4de > a:hover{background-color:rgba(59,89,152,0);box-shadow:0px 10px 10px 0px rgba(39,49,113,0.07);}.elementor-431 .elementor-element.elementor-element-167b281b .elementor-repeater-item-1399011 > a{color:#1da1f2;background-color:#ffffff;border-style:solid;border-width:1px 1px 1px 1px;border-color:#eaebf1;}.elementor-431 .elementor-element.elementor-element-167b281b .elementor-repeater-item-1399011 > a svg{fill:#1da1f2;}.elementor-431 .elementor-element.elementor-element-167b281b .elementor-repeater-item-1399011 > a:hover{background-color:rgba(29,161,242,0);box-shadow:0px 10px 10px 0px rgba(39,49,113,0.07);}.elementor-431 .elementor-element.elementor-element-167b281b .elementor-repeater-item-c8596be > a{color:#3f729b;background-color:#ffffff;border-style:solid;border-width:1px 1px 1px 1px;border-color:#eaebf1;}.elementor-431 .elementor-element.elementor-element-167b281b .elementor-repeater-item-c8596be > a svg{fill:#3f729b;}.elementor-431 .elementor-element.elementor-element-167b281b .elementor-repeater-item-c8596be > a:hover{background-color:rgba(59,89,152,0);box-shadow:0px 10px 10px 0px rgba(39,49,113,0.07);}.elementor-431 .elementor-element.elementor-element-167b281b > .elementor-widget-container{margin:0px 0px 0px -5px;}.elementor-431 .elementor-element.elementor-element-167b281b .ekit_social_media{text-align:left;}.elementor-431 .elementor-element.elementor-element-167b281b .ekit_social_media > li > a{text-align:center;text-decoration:none;border-radius:50% 50% 50% 50%;padding:0px 0px 0px 0px;width:40px;height:40px;line-height:36px;}.elementor-431 .elementor-element.elementor-element-167b281b .ekit_social_media > li{display:inline-block;margin:5px 5px 5px 5px;}.elementor-431 .elementor-element.elementor-element-6900baf4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-431 .elementor-element.elementor-element-5e050667{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-431 .elementor-element.elementor-element-5e050667 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:20px;font-weight:800;line-height:35px;color:#273171;}.elementor-431 .elementor-element.elementor-element-17beabda{margin:-52px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 181px;}.elementor-431 .elementor-element.elementor-element-17beabda .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:20px;font-weight:800;line-height:35px;color:#273171;}.elementor-431 .elementor-element.elementor-element-34616eb2{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-431 .elementor-element.elementor-element-628112a6 .ekit_page_list_content{flex-direction:row;}.elementor-431 .elementor-element.elementor-element-628112a6 .elementor-icon-list-icon{display:flex;align-items:center;justify-content:center;width:6px;}.elementor-431 .elementor-element.elementor-element-628112a6 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#ea5356;}.elementor-431 .elementor-element.elementor-element-628112a6 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#ea5356;}.elementor-431 .elementor-element.elementor-element-628112a6 .elementor-icon-list-icon i{font-size:6px;}.elementor-431 .elementor-element.elementor-element-628112a6 .elementor-icon-list-icon svg{font-size:6px;}.elementor-431 .elementor-element.elementor-element-628112a6 .elementor-icon-list-text{color:#111111;padding-left:8px;}.elementor-431 .elementor-element.elementor-element-628112a6 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#111111;}.elementor-431 .elementor-element.elementor-element-628112a6 .elementor-icon-list-item{font-family:"Lato", Sans-serif;font-size:15px;font-weight:400;line-height:40px;}.elementor-431 .elementor-element.elementor-element-628112a6 .ekit_menu_label{align-self:center;}.elementor-431 .elementor-element.elementor-element-a2dc8c9 > .elementor-widget-container{margin:4px 11px 0px 44px;padding:0px -1px 0px 8px;}.elementor-431 .elementor-element.elementor-element-a2dc8c9 .ekit_page_list_content{flex-direction:row;}.elementor-431 .elementor-element.elementor-element-a2dc8c9 .elementor-icon-list-icon{display:flex;align-items:center;justify-content:center;width:6px;}.elementor-431 .elementor-element.elementor-element-a2dc8c9 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#ea5356;}.elementor-431 .elementor-element.elementor-element-a2dc8c9 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#ea5356;}.elementor-431 .elementor-element.elementor-element-a2dc8c9 .elementor-icon-list-icon i{font-size:6px;}.elementor-431 .elementor-element.elementor-element-a2dc8c9 .elementor-icon-list-icon svg{font-size:6px;}.elementor-431 .elementor-element.elementor-element-a2dc8c9 .elementor-icon-list-text{color:#111111;padding-left:8px;}.elementor-431 .elementor-element.elementor-element-a2dc8c9 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#111111;}.elementor-431 .elementor-element.elementor-element-a2dc8c9 .elementor-icon-list-item{font-family:"Lato", Sans-serif;font-size:15px;font-weight:400;line-height:40px;}.elementor-431 .elementor-element.elementor-element-a2dc8c9 .ekit_menu_label{align-self:center;}.elementor-431 .elementor-element.elementor-element-3000a8b6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-431 .elementor-element.elementor-element-7b8936c{margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-431 .elementor-element.elementor-element-7b8936c .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:20px;font-weight:800;line-height:35px;color:#273171;}.elementor-431 .elementor-element.elementor-element-7da0d7ad{font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#111111;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit-mail-submit{background-color:#273171;border-radius:0px 25px 25px 0px;padding:13px 10px 13px 10px;margin:0px 0px 0px 0px;color:#fff;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit-mail-submit:before{background-color:#273171;}.elementor-431 .elementor-element.elementor-element-6578964e .elementskit_input_label{color:#000000;}.elementor-431 .elementor-element.elementor-element-6578964e .elementskit_inline_form{--input-gap:0px;}.elementor-431 .elementor-element.elementor-element-6578964e .elementskit_form_wraper{column-gap:0px;row-gap:0px;}.elementor-431 .elementor-element.elementor-element-6578964e .elementskit_input_element_container{gap:0px;}.elementor-431 .elementor-element.elementor-element-6578964e .elementskit_form_wraper .elementskit_input_container{flex:0 0 calc(75% - var(--input-gap, 30px) / 2);}.elementor-431 .elementor-element.elementor-element-6578964e .ekit_form_control{border-style:solid;border-width:1px 1px 1px 1px;border-color:#273171;border-radius:25px 0px 0px 25px;padding:13px 10px 13px 20px;}.elementor-431 .elementor-element.elementor-element-6578964e .elementskit_inline_form .elementskit_input_wraper:not(:last-child){margin-right:-2px;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit_form_control::-webkit-input-placeholder{color:#495057;font-size:14px;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit_form_control::-moz-placeholder{color:#495057;font-size:14px;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit_form_control:-ms-input-placeholder{color:#495057;font-size:14px;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit_form_control:-moz-placeholder{color:#495057;font-size:14px;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit_submit_input_holder{position:no;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit-mail-submit svg{fill:#fff;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit-mail-submit:hover{color:#fff;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit-mail-submit:hover svg{fill:#fff;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit-mail-submit > i, .elementor-431 .elementor-element.elementor-element-6578964e .ekit-mail-submit > i{font-size:20px;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit-mail-submit > i, .elementor-431 .elementor-element.elementor-element-6578964e .ekit-mail-submit > svg{max-width:20px;height:auto;}.elementor-431 .elementor-element.elementor-element-6578964e .elementskit_input_group_text i{color:#000000;}.elementor-431 .elementor-element.elementor-element-6578964e .elementskit_input_group_text svg{fill:#000000;max-width:20px;}.elementor-431 .elementor-element.elementor-element-6578964e .elementskit_input_group_text{font-size:20px;}.elementor-431 .elementor-element.elementor-element-6578964e .ekit-mail-message{width:100%;}.elementor-431 .elementor-element.elementor-element-137578fe{--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;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:15px;--padding-right:15px;}.elementor-431 .elementor-element.elementor-element-137578fe:not(.elementor-motion-effects-element-type-background), .elementor-431 .elementor-element.elementor-element-137578fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#780B00;}.elementor-431 .elementor-element.elementor-element-688eef76.elementor-element{--align-self:center;}.elementor-431 .elementor-element.elementor-element-688eef76 .elementskit-section-title-wraper .elementskit-section-title{color:#ffffff;margin:0px 0px 0px 0px;font-size:16px;}.elementor-431 .elementor-element.elementor-element-688eef76 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-431 .elementor-element.elementor-element-688eef76 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}@media(max-width:1024px){.elementor-431 .elementor-element.elementor-element-9e8ad25.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-431 .elementor-element.elementor-element-dca2922.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-431 .elementor-element.elementor-element-27fb259.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-431 .elementor-element.elementor-element-4d4889c2{--flex-wrap:wrap;}.elementor-431 .elementor-element.elementor-element-3000a8b6{--padding-top:40px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-431 .elementor-element.elementor-element-9e8ad25.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-431 .elementor-element.elementor-element-dca2922.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-431 .elementor-element.elementor-element-27fb259.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-431 .elementor-element.elementor-element-7b98e680{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-431 .elementor-element.elementor-element-6900baf4{--padding-top:40px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-431 .elementor-element.elementor-element-137578fe{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}}@media(min-width:768px){.elementor-431 .elementor-element.elementor-element-7b98e680{--width:35%;}.elementor-431 .elementor-element.elementor-element-6900baf4{--width:34.664%;}.elementor-431 .elementor-element.elementor-element-3000a8b6{--width:30%;}.elementor-431 .elementor-element.elementor-element-137578fe{--content-width:1120px;}}@media(max-width:1024px) and (min-width:768px){.elementor-431 .elementor-element.elementor-element-7b98e680{--width:47%;}.elementor-431 .elementor-element.elementor-element-6900baf4{--width:47%;}.elementor-431 .elementor-element.elementor-element-3000a8b6{--width:47%;}}@media(min-width:1025px){.elementor-431 .elementor-element.elementor-element-29e6845:not(.elementor-motion-effects-element-type-background), .elementor-431 .elementor-element.elementor-element-29e6845 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for image, class: .elementor-element-2f51b03 *//* ================= HIDORE HERO CARDS ================= */

/* Card base */
.hd-card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  cursor: pointer;
  /* "backwards" use kiya hai taake animation ke baad hover transform kaam kare */
  animation: hdEntrance 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) backwards;
  transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1),
              box-shadow 0.45s ease;
  will-change: transform, opacity;
}

/* Stagger: ek ke baad ek entrance */
.hd-delay-1 { animation-delay: 0.1s; }
.hd-delay-2 { animation-delay: 0.3s; }
.hd-delay-3 { animation-delay: 0.5s; }
.hd-delay-4 { animation-delay: 0.7s; }

/* Entrance animation */
@keyframes hdEntrance {
  0% {
    opacity: 0;
    transform: translateY(60px) scale(0.92);
    filter: blur(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* Image zoom transition */
.hd-card img {
  display: block;
  width: 100%;
  transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
              filter 0.5s ease;
}

/* Shine sweep layer */
.hd-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, 0.45) 50%,
    transparent 100%
  );
  transform: skewX(-20deg);
  pointer-events: none;
  z-index: 2;
}

/* ---------- HOVER ---------- */
.hd-card:hover {
  transform: translateY(-14px) scale(1.03);
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.22);
  z-index: 5;
}

.hd-card:hover img {
  transform: scale(1.1) rotate(-1deg);
  filter: brightness(1.05) contrast(1.05);
}

.hd-card:hover::after {
  left: 140%;
  transition: left 0.9s ease;
}

/* Mobile par hover halka rakhein */
@media (max-width: 767px) {
  .hd-card:hover {
    transform: translateY(-6px) scale(1.01);
  }
}

/* Jo users motion kam chahte hain unke liye */
@media (prefers-reduced-motion: reduce) {
  .hd-card,
  .hd-card img,
  .hd-card::after {
    animation: none !important;
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-811233a *//* ================= HIDORE HERO CARDS ================= */

/* Card base */
.hd-card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  cursor: pointer;
  /* "backwards" use kiya hai taake animation ke baad hover transform kaam kare */
  animation: hdEntrance 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) backwards;
  transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1),
              box-shadow 0.45s ease;
  will-change: transform, opacity;
}

/* Stagger: ek ke baad ek entrance */
.hd-delay-1 { animation-delay: 0.1s; }
.hd-delay-2 { animation-delay: 0.3s; }
.hd-delay-3 { animation-delay: 0.5s; }
.hd-delay-4 { animation-delay: 0.7s; }

/* Entrance animation */
@keyframes hdEntrance {
  0% {
    opacity: 0;
    transform: translateY(60px) scale(0.92);
    filter: blur(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* Image zoom transition */
.hd-card img {
  display: block;
  width: 100%;
  transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
              filter 0.5s ease;
}

/* Shine sweep layer */
.hd-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, 0.45) 50%,
    transparent 100%
  );
  transform: skewX(-20deg);
  pointer-events: none;
  z-index: 2;
}

/* ---------- HOVER ---------- */
.hd-card:hover {
  transform: translateY(-14px) scale(1.03);
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.22);
  z-index: 5;
}

.hd-card:hover img {
  transform: scale(1.1) rotate(-1deg);
  filter: brightness(1.05) contrast(1.05);
}

.hd-card:hover::after {
  left: 140%;
  transition: left 0.9s ease;
}

/* Mobile par hover halka rakhein */
@media (max-width: 767px) {
  .hd-card:hover {
    transform: translateY(-6px) scale(1.01);
  }
}

/* Jo users motion kam chahte hain unke liye */
@media (prefers-reduced-motion: reduce) {
  .hd-card,
  .hd-card img,
  .hd-card::after {
    animation: none !important;
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4501298 *//* ================= HIDORE HERO CARDS ================= */

/* Card base */
.hd-card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  cursor: pointer;
  /* "backwards" use kiya hai taake animation ke baad hover transform kaam kare */
  animation: hdEntrance 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) backwards;
  transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1),
              box-shadow 0.45s ease;
  will-change: transform, opacity;
}

/* Stagger: ek ke baad ek entrance */
.hd-delay-1 { animation-delay: 0.1s; }
.hd-delay-2 { animation-delay: 0.3s; }
.hd-delay-3 { animation-delay: 0.5s; }
.hd-delay-4 { animation-delay: 0.7s; }

/* Entrance animation */
@keyframes hdEntrance {
  0% {
    opacity: 0;
    transform: translateY(60px) scale(0.92);
    filter: blur(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* Image zoom transition */
.hd-card img {
  display: block;
  width: 100%;
  transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
              filter 0.5s ease;
}

/* Shine sweep layer */
.hd-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, 0.45) 50%,
    transparent 100%
  );
  transform: skewX(-20deg);
  pointer-events: none;
  z-index: 2;
}

/* ---------- HOVER ---------- */
.hd-card:hover {
  transform: translateY(-14px) scale(1.03);
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.22);
  z-index: 5;
}

.hd-card:hover img {
  transform: scale(1.1) rotate(-1deg);
  filter: brightness(1.05) contrast(1.05);
}

.hd-card:hover::after {
  left: 140%;
  transition: left 0.9s ease;
}

/* Mobile par hover halka rakhein */
@media (max-width: 767px) {
  .hd-card:hover {
    transform: translateY(-6px) scale(1.01);
  }
}

/* Jo users motion kam chahte hain unke liye */
@media (prefers-reduced-motion: reduce) {
  .hd-card,
  .hd-card img,
  .hd-card::after {
    animation: none !important;
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-425d70f *//* ================= HIDORE HERO CARDS ================= */

/* Card base */
.hd-card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  cursor: pointer;
  /* "backwards" use kiya hai taake animation ke baad hover transform kaam kare */
  animation: hdEntrance 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) backwards;
  transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1),
              box-shadow 0.45s ease;
  will-change: transform, opacity;
}

/* Stagger: ek ke baad ek entrance */
.hd-delay-1 { animation-delay: 0.1s; }
.hd-delay-2 { animation-delay: 0.3s; }
.hd-delay-3 { animation-delay: 0.5s; }
.hd-delay-4 { animation-delay: 0.7s; }

/* Entrance animation */
@keyframes hdEntrance {
  0% {
    opacity: 0;
    transform: translateY(60px) scale(0.92);
    filter: blur(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* Image zoom transition */
.hd-card img {
  display: block;
  width: 100%;
  transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
              filter 0.5s ease;
}

/* Shine sweep layer */
.hd-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, 0.45) 50%,
    transparent 100%
  );
  transform: skewX(-20deg);
  pointer-events: none;
  z-index: 2;
}

/* ---------- HOVER ---------- */
.hd-card:hover {
  transform: translateY(-14px) scale(1.03);
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.22);
  z-index: 5;
}

.hd-card:hover img {
  transform: scale(1.1) rotate(-1deg);
  filter: brightness(1.05) contrast(1.05);
}

.hd-card:hover::after {
  left: 140%;
  transition: left 0.9s ease;
}

/* Mobile par hover halka rakhein */
@media (max-width: 767px) {
  .hd-card:hover {
    transform: translateY(-6px) scale(1.01);
  }
}

/* Jo users motion kam chahte hain unke liye */
@media (prefers-reduced-motion: reduce) {
  .hd-card,
  .hd-card img,
  .hd-card::after {
    animation: none !important;
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-28e4b6a */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Slant Button Demo</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,400&display=swap" rel="stylesheet">
<style>
  body { margin: 0; padding: 80px 40px; background: #7b7b7b; font-family: 'Roboto', Arial, sans-serif; }
:root {
  --btn-color: #871d21;        /* maroon fill / text */
  --btn-border: #5c1520;       /* border colour */
  --btn-bg: #ffffff;           /* resting background */
  --btn-skew: -15deg;          /* slant angle */
  --btn-band: 12%;             /* width of the left band at rest */
}

.btn-slant .elementor-button,   /* Elementor Button widget */
a.btn-slant,                    /* plain link */
button.btn-slant {              /* plain button */
  position: relative;
  display: inline-block;
  z-index: 1;
  overflow: hidden;
  padding: 18px 80px;
  background: var(--btn-bg) !important;
  color: var(--btn-color) !important;
  border: 1px solid var(--btn-border) !important;
  border-radius: 0 !important;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 26px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transform: skewX(var(--btn-skew));
  transition: color .4s ease;
}

/* maroon band / sweep layer */
.btn-slant .elementor-button::before,
a.btn-slant::before,
button.btn-slant::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--btn-band);
  height: 100%;
  background: var(--btn-color);
  z-index: -1;
  transition: width .4s ease;
}

/* hover */
.btn-slant .elementor-button:hover,
a.btn-slant:hover,
button.btn-slant:hover {
  color: #ffffff !important;
}
.btn-slant .elementor-button:hover::before,
a.btn-slant:hover::before,
button.btn-slant:hover::before {
  width: 100%;
}

/* keep Elementor text above the sweep layer */
.btn-slant .elementor-button-content-wrapper { position: relative; z-index: 2; }

/* optional: smaller on mobile */
@media (max-width: 767px) {
  .btn-slant .elementor-button,
  a.btn-slant,
  button.btn-slant {
    padding: 14px 50px;
    font-size: 20px;
  }
}
<\/style>
</head>
<body>

  <a href="#" class="btn-slant">View More</a>

</body>
</html>/* End custom CSS */