.elementor-10 .elementor-element.elementor-element-b05ec57{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-10 .elementor-element.elementor-element-b05ec57:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-b05ec57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#19325B;}.elementor-10 .elementor-element.elementor-element-7e1ba71{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-e2f8243 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:600;color:var( --e-global-color-4315503 );}.elementor-10 .elementor-element.elementor-element-668a739{--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:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-408e5be .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-408e5be .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-408e5be{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-408e5be .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10 .elementor-element.elementor-element-408e5be .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:11px;}.elementor-10 .elementor-element.elementor-element-408e5be .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-408e5be .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFFC7;}.elementor-10 .elementor-element.elementor-element-8087db4{--grid-template-columns:repeat(0, auto);text-align:center;padding:0px 30px 0px 30px;border-style:solid;border-width:0px 3px 0px 3px;border-color:var( --e-global-color-astglobalcolor4 );--icon-size:13px;--grid-column-gap:8px;--grid-row-gap:0px;}.elementor-10 .elementor-element.elementor-element-8087db4 .elementor-social-icon{background-color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-8087db4 .elementor-social-icon i{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-8087db4 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-8087db4 .elementor-social-icon:hover{background-color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-8087db4 .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-8087db4 .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-ae5f4e0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-10 .elementor-element.elementor-element-ae5f4e0:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-ae5f4e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-10 .elementor-element.elementor-element-7ea9b4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-e8ce3c7{text-align:start;}.elementor-10 .elementor-element.elementor-element-e8ce3c7 img{width:87%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-7d51e3d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-5da99d7{--display:flex;}.elementor-10 .elementor-element.elementor-element-3110426{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-3110426:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-3110426 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-10 .elementor-element.elementor-element-257bfb1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:17px 17px 17px 17px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-257bfb1:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-257bfb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4315503 );}.elementor-10 .elementor-element.elementor-element-13df31a{--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;}.elementor-10 .elementor-element.elementor-element-5edb60c{--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;}.elementor-10 .elementor-element.elementor-element-873a298{--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;}.elementor-10 .elementor-element.elementor-element-da4c409{--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;}.elementor-10 .elementor-element.elementor-element-2d4214b{--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;}.elementor-10 .elementor-element.elementor-element-2d4214b:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-2d4214b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-10 .elementor-element.elementor-element-2b95367{--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;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:2em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-10 .elementor-element.elementor-element-2b95367:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-2b95367 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4315503 );}.elementor-10 .elementor-element.elementor-element-0a62eeb{--display:flex;}.elementor-10 .elementor-element.elementor-element-61e32dd{--display:flex;}.elementor-10 .elementor-element.elementor-element-ceff67b{text-align:center;}.elementor-10 .elementor-element.elementor-element-ceff67b .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:15px;}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-15px;}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-group > label, .elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-subgroup label{color:#19325B;}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-group .elementor-field{color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-group .elementor-field, .elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-astglobalcolor5 );border-color:var( --e-global-color-astglobalcolor4 );border-width:1px 1px 1px 1px;border-radius:11px 11px 11px 11px;}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-astglobalcolor5 );border-color:var( --e-global-color-astglobalcolor4 );border-width:1px 1px 1px 1px;border-radius:11px 11px 11px 11px;}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-astglobalcolor4 );}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:500;border-radius:20px 20px 20px 20px;}.elementor-10 .elementor-element.elementor-element-fc4f063 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-button[type="submit"]{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-10 .elementor-element.elementor-element-fc4f063 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-4315503 );color:#ffffff;}.elementor-10 .elementor-element.elementor-element-fc4f063 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-4315503 );}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-4315503 );}.elementor-10 .elementor-element.elementor-element-fc4f063 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-4315503 );}.elementor-10 .elementor-element.elementor-element-fc4f063 .e-form__buttons__wrapper__button-previous:hover{background-color:#FFFFFF;color:#D91F29;}.elementor-10 .elementor-element.elementor-element-fc4f063{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#1E1E1E;--e-form-steps-indicator-inactive-secondary-color:#FFFFFF;--e-form-steps-indicator-active-primary-color:#FFFFFF;--e-form-steps-indicator-active-secondary-color:#1E1E1E;--e-form-steps-indicator-completed-primary-color:#000000;--e-form-steps-indicator-completed-secondary-color:#FFFFFF;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-10 .elementor-element.elementor-element-2d1df3d{--display:flex;}.elementor-10 .elementor-element.elementor-element-2d1df3d:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-2d1df3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-10 .elementor-element.elementor-element-5e94ca5{--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;--border-radius:11px 11px 11px 11px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:2em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--z-index:1;}.elementor-10 .elementor-element.elementor-element-5e94ca5:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-5e94ca5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4315503 );}.elementor-10 .elementor-element.elementor-element-9fd5cde{--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;}.elementor-10 .elementor-element.elementor-element-22aa46a{width:var( --container-widget-width, 105.656% );max-width:105.656%;--container-widget-width:105.656%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-22aa46a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-f78bb66{--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;}.elementor-10 .elementor-element.elementor-element-b99ea41{width:var( --container-widget-width, 105.656% );max-width:105.656%;--container-widget-width:105.656%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-b99ea41.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-e361595{--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;}.elementor-10 .elementor-element.elementor-element-3ed8d0d{width:var( --container-widget-width, 105.656% );max-width:105.656%;--container-widget-width:105.656%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-3ed8d0d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-77e488d{--display:flex;}.elementor-10 .elementor-element.elementor-element-9bb6fa1{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:20px;--n-menu-title-font-size:16px;--n-menu-title-transition:300ms;--n-menu-title-padding:0px 0px 0px 0px;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-10 .elementor-element.elementor-element-9bb6fa1 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-10 .elementor-element.elementor-element-9bb6fa1 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-10 .elementor-element.elementor-element-9bb6fa1 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Roboto", Sans-serif;font-weight:500;text-transform:capitalize;}.elementor-10 .elementor-element.elementor-element-5174075{--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:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-38d79f7 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;fill:var( --e-global-color-4315503 );color:var( --e-global-color-4315503 );}.elementor-10 .elementor-element.elementor-element-24b7329{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10 .elementor-element.elementor-element-24b7329:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-24b7329 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4315503 );}.elementor-10 .elementor-element.elementor-element-f11dd51{--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;}.elementor-10 .elementor-element.elementor-element-5da0c66{text-align:start;}.elementor-10 .elementor-element.elementor-element-5da0c66 img{width:87%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-e7c3a14{--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;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-4ba35d7 .elementor-icon-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-4ba35d7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-4ba35d7.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-4ba35d7.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-4ba35d7.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-4ba35d7.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-7ea9b4b{--width:20%;}.elementor-10 .elementor-element.elementor-element-7d51e3d{--width:42%;}.elementor-10 .elementor-element.elementor-element-13df31a{--width:25%;}.elementor-10 .elementor-element.elementor-element-5edb60c{--width:25%;}.elementor-10 .elementor-element.elementor-element-873a298{--width:25%;}.elementor-10 .elementor-element.elementor-element-da4c409{--width:25%;}.elementor-10 .elementor-element.elementor-element-5174075{--width:40%;}.elementor-10 .elementor-element.elementor-element-f11dd51{--width:50%;}.elementor-10 .elementor-element.elementor-element-e7c3a14{--width:50%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-10 .elementor-element.elementor-element-e2f8243{text-align:center;}.elementor-10 .elementor-element.elementor-element-668a739{--justify-content:center;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-8087db4{border-width:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-24b7329{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-10 .elementor-element.elementor-element-f11dd51{--width:49%;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-5da0c66 img{width:100%;}.elementor-10 .elementor-element.elementor-element-e7c3a14{--width:50%;--justify-content:space-evenly;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-4ba35d7 .elementor-icon{font-size:21px;}.elementor-10 .elementor-element.elementor-element-4ba35d7 .elementor-icon svg{height:21px;}}/* Start custom CSS for custom_cat_widget, class: .elementor-element-f1ea392 *//* CSS variables for easy theming */ :root { --cat-list-bg: #ffffff; --cat-item-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); --cat-item-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12); --cat-accent-color: #d12a4c; --cat-text-color: #333333; --cat-span-color: #395272; --cat-active-bg: #395272; --cat-hover-gradient: linear-gradient(135deg, #d12a4c, #395272); --cat-transition: all 0.3s ease; } .custom-cat-list { list-style: none; margin: 0; padding: 0; background: var(--cat-list-bg); border-radius: 10px; /* overflow: hidden removed – we handle corners differently */ } /* Each item */ .custom-cat-list li { margin: 6px 10px; border-radius: 8px; background: var(--cat-list-bg); box-shadow: var(--cat-item-shadow); transition: var(--cat-transition); } .custom-cat-list li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--cat-text-color); font-size: 14px; border-radius: 8px; /* match li border-radius */ position: relative; transition: var(--cat-transition); } /* Hover effect – only translate if container allows (no overflow hidden) */ .custom-cat-list li:hover { transform: translateX(6px); box-shadow: var(--cat-item-shadow-hover); } .custom-cat-list li a:hover { background: var(--cat-hover-gradient); color: white; } /* Focus styles for accessibility */ .custom-cat-list li a:focus-visible { outline: 2px solid var(--cat-accent-color); outline-offset: 2px; border-radius: 8px; } /* Text span */ .custom-cat-list span { color: var(--cat-span-color); font-weight: 500; transition: var(--cat-transition); } .custom-cat-list li a:hover span { color: white; } /* Image */ .custom-cat-list img { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover img { transform: scale(1.08); } /* Left accent bar */ .custom-cat-list li a::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--cat-accent-color); opacity: 0; border-radius: 8px 0 0 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover::before { opacity: 1; } /* Active category – distinct and consistent */ .custom-cat-list li.current-cat { box-shadow: 0 6px 18px rgba(57, 82, 114, 0.25); } .custom-cat-list li.current-cat a { background: var(--cat-active-bg); color: white; } /* Current category hover – subtle change (optional) */ .custom-cat-list li.current-cat a:hover { background: color-mix(in srgb, var(--cat-active-bg) 85%, black); filter: brightness(1.05); } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { .custom-cat-list li, .custom-cat-list li a, .custom-cat-list span, .custom-cat-list img, .custom-cat-list li a::before { transition: none; } .custom-cat-list li:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for custom_cat_widget, class: .elementor-element-5a9ce34 *//* CSS variables for easy theming */ :root { --cat-list-bg: #ffffff; --cat-item-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); --cat-item-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12); --cat-accent-color: #d12a4c; --cat-text-color: #333333; --cat-span-color: #395272; --cat-active-bg: #395272; --cat-hover-gradient: linear-gradient(135deg, #d12a4c, #395272); --cat-transition: all 0.3s ease; } .custom-cat-list { list-style: none; margin: 0; padding: 0; background: var(--cat-list-bg); border-radius: 10px; /* overflow: hidden removed – we handle corners differently */ } /* Each item */ .custom-cat-list li { margin: 6px 10px; border-radius: 8px; background: var(--cat-list-bg); box-shadow: var(--cat-item-shadow); transition: var(--cat-transition); } .custom-cat-list li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--cat-text-color); font-size: 14px; border-radius: 8px; /* match li border-radius */ position: relative; transition: var(--cat-transition); } /* Hover effect – only translate if container allows (no overflow hidden) */ .custom-cat-list li:hover { transform: translateX(6px); box-shadow: var(--cat-item-shadow-hover); } .custom-cat-list li a:hover { background: var(--cat-hover-gradient); color: white; } /* Focus styles for accessibility */ .custom-cat-list li a:focus-visible { outline: 2px solid var(--cat-accent-color); outline-offset: 2px; border-radius: 8px; } /* Text span */ .custom-cat-list span { color: var(--cat-span-color); font-weight: 500; transition: var(--cat-transition); } .custom-cat-list li a:hover span { color: white; } /* Image */ .custom-cat-list img { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover img { transform: scale(1.08); } /* Left accent bar */ .custom-cat-list li a::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--cat-accent-color); opacity: 0; border-radius: 8px 0 0 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover::before { opacity: 1; } /* Active category – distinct and consistent */ .custom-cat-list li.current-cat { box-shadow: 0 6px 18px rgba(57, 82, 114, 0.25); } .custom-cat-list li.current-cat a { background: var(--cat-active-bg); color: white; } /* Current category hover – subtle change (optional) */ .custom-cat-list li.current-cat a:hover { background: color-mix(in srgb, var(--cat-active-bg) 85%, black); filter: brightness(1.05); } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { .custom-cat-list li, .custom-cat-list li a, .custom-cat-list span, .custom-cat-list img, .custom-cat-list li a::before { transition: none; } .custom-cat-list li:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-22aa46a *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-b99ea41 *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-3ed8d0d *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget, class: .elementor-element-f1ea392 *//* CSS variables for easy theming */ :root { --cat-list-bg: #ffffff; --cat-item-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); --cat-item-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12); --cat-accent-color: #d12a4c; --cat-text-color: #333333; --cat-span-color: #395272; --cat-active-bg: #395272; --cat-hover-gradient: linear-gradient(135deg, #d12a4c, #395272); --cat-transition: all 0.3s ease; } .custom-cat-list { list-style: none; margin: 0; padding: 0; background: var(--cat-list-bg); border-radius: 10px; /* overflow: hidden removed – we handle corners differently */ } /* Each item */ .custom-cat-list li { margin: 6px 10px; border-radius: 8px; background: var(--cat-list-bg); box-shadow: var(--cat-item-shadow); transition: var(--cat-transition); } .custom-cat-list li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--cat-text-color); font-size: 14px; border-radius: 8px; /* match li border-radius */ position: relative; transition: var(--cat-transition); } /* Hover effect – only translate if container allows (no overflow hidden) */ .custom-cat-list li:hover { transform: translateX(6px); box-shadow: var(--cat-item-shadow-hover); } .custom-cat-list li a:hover { background: var(--cat-hover-gradient); color: white; } /* Focus styles for accessibility */ .custom-cat-list li a:focus-visible { outline: 2px solid var(--cat-accent-color); outline-offset: 2px; border-radius: 8px; } /* Text span */ .custom-cat-list span { color: var(--cat-span-color); font-weight: 500; transition: var(--cat-transition); } .custom-cat-list li a:hover span { color: white; } /* Image */ .custom-cat-list img { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover img { transform: scale(1.08); } /* Left accent bar */ .custom-cat-list li a::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--cat-accent-color); opacity: 0; border-radius: 8px 0 0 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover::before { opacity: 1; } /* Active category – distinct and consistent */ .custom-cat-list li.current-cat { box-shadow: 0 6px 18px rgba(57, 82, 114, 0.25); } .custom-cat-list li.current-cat a { background: var(--cat-active-bg); color: white; } /* Current category hover – subtle change (optional) */ .custom-cat-list li.current-cat a:hover { background: color-mix(in srgb, var(--cat-active-bg) 85%, black); filter: brightness(1.05); } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { .custom-cat-list li, .custom-cat-list li a, .custom-cat-list span, .custom-cat-list img, .custom-cat-list li a::before { transition: none; } .custom-cat-list li:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for custom_cat_widget, class: .elementor-element-5a9ce34 *//* CSS variables for easy theming */ :root { --cat-list-bg: #ffffff; --cat-item-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); --cat-item-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12); --cat-accent-color: #d12a4c; --cat-text-color: #333333; --cat-span-color: #395272; --cat-active-bg: #395272; --cat-hover-gradient: linear-gradient(135deg, #d12a4c, #395272); --cat-transition: all 0.3s ease; } .custom-cat-list { list-style: none; margin: 0; padding: 0; background: var(--cat-list-bg); border-radius: 10px; /* overflow: hidden removed – we handle corners differently */ } /* Each item */ .custom-cat-list li { margin: 6px 10px; border-radius: 8px; background: var(--cat-list-bg); box-shadow: var(--cat-item-shadow); transition: var(--cat-transition); } .custom-cat-list li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--cat-text-color); font-size: 14px; border-radius: 8px; /* match li border-radius */ position: relative; transition: var(--cat-transition); } /* Hover effect – only translate if container allows (no overflow hidden) */ .custom-cat-list li:hover { transform: translateX(6px); box-shadow: var(--cat-item-shadow-hover); } .custom-cat-list li a:hover { background: var(--cat-hover-gradient); color: white; } /* Focus styles for accessibility */ .custom-cat-list li a:focus-visible { outline: 2px solid var(--cat-accent-color); outline-offset: 2px; border-radius: 8px; } /* Text span */ .custom-cat-list span { color: var(--cat-span-color); font-weight: 500; transition: var(--cat-transition); } .custom-cat-list li a:hover span { color: white; } /* Image */ .custom-cat-list img { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover img { transform: scale(1.08); } /* Left accent bar */ .custom-cat-list li a::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--cat-accent-color); opacity: 0; border-radius: 8px 0 0 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover::before { opacity: 1; } /* Active category – distinct and consistent */ .custom-cat-list li.current-cat { box-shadow: 0 6px 18px rgba(57, 82, 114, 0.25); } .custom-cat-list li.current-cat a { background: var(--cat-active-bg); color: white; } /* Current category hover – subtle change (optional) */ .custom-cat-list li.current-cat a:hover { background: color-mix(in srgb, var(--cat-active-bg) 85%, black); filter: brightness(1.05); } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { .custom-cat-list li, .custom-cat-list li a, .custom-cat-list span, .custom-cat-list img, .custom-cat-list li a::before { transition: none; } .custom-cat-list li:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-22aa46a *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-b99ea41 *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-3ed8d0d *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget, class: .elementor-element-f1ea392 *//* CSS variables for easy theming */ :root { --cat-list-bg: #ffffff; --cat-item-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); --cat-item-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12); --cat-accent-color: #d12a4c; --cat-text-color: #333333; --cat-span-color: #395272; --cat-active-bg: #395272; --cat-hover-gradient: linear-gradient(135deg, #d12a4c, #395272); --cat-transition: all 0.3s ease; } .custom-cat-list { list-style: none; margin: 0; padding: 0; background: var(--cat-list-bg); border-radius: 10px; /* overflow: hidden removed – we handle corners differently */ } /* Each item */ .custom-cat-list li { margin: 6px 10px; border-radius: 8px; background: var(--cat-list-bg); box-shadow: var(--cat-item-shadow); transition: var(--cat-transition); } .custom-cat-list li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--cat-text-color); font-size: 14px; border-radius: 8px; /* match li border-radius */ position: relative; transition: var(--cat-transition); } /* Hover effect – only translate if container allows (no overflow hidden) */ .custom-cat-list li:hover { transform: translateX(6px); box-shadow: var(--cat-item-shadow-hover); } .custom-cat-list li a:hover { background: var(--cat-hover-gradient); color: white; } /* Focus styles for accessibility */ .custom-cat-list li a:focus-visible { outline: 2px solid var(--cat-accent-color); outline-offset: 2px; border-radius: 8px; } /* Text span */ .custom-cat-list span { color: var(--cat-span-color); font-weight: 500; transition: var(--cat-transition); } .custom-cat-list li a:hover span { color: white; } /* Image */ .custom-cat-list img { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover img { transform: scale(1.08); } /* Left accent bar */ .custom-cat-list li a::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--cat-accent-color); opacity: 0; border-radius: 8px 0 0 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover::before { opacity: 1; } /* Active category – distinct and consistent */ .custom-cat-list li.current-cat { box-shadow: 0 6px 18px rgba(57, 82, 114, 0.25); } .custom-cat-list li.current-cat a { background: var(--cat-active-bg); color: white; } /* Current category hover – subtle change (optional) */ .custom-cat-list li.current-cat a:hover { background: color-mix(in srgb, var(--cat-active-bg) 85%, black); filter: brightness(1.05); } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { .custom-cat-list li, .custom-cat-list li a, .custom-cat-list span, .custom-cat-list img, .custom-cat-list li a::before { transition: none; } .custom-cat-list li:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for custom_cat_widget, class: .elementor-element-5a9ce34 *//* CSS variables for easy theming */ :root { --cat-list-bg: #ffffff; --cat-item-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); --cat-item-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12); --cat-accent-color: #d12a4c; --cat-text-color: #333333; --cat-span-color: #395272; --cat-active-bg: #395272; --cat-hover-gradient: linear-gradient(135deg, #d12a4c, #395272); --cat-transition: all 0.3s ease; } .custom-cat-list { list-style: none; margin: 0; padding: 0; background: var(--cat-list-bg); border-radius: 10px; /* overflow: hidden removed – we handle corners differently */ } /* Each item */ .custom-cat-list li { margin: 6px 10px; border-radius: 8px; background: var(--cat-list-bg); box-shadow: var(--cat-item-shadow); transition: var(--cat-transition); } .custom-cat-list li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--cat-text-color); font-size: 14px; border-radius: 8px; /* match li border-radius */ position: relative; transition: var(--cat-transition); } /* Hover effect – only translate if container allows (no overflow hidden) */ .custom-cat-list li:hover { transform: translateX(6px); box-shadow: var(--cat-item-shadow-hover); } .custom-cat-list li a:hover { background: var(--cat-hover-gradient); color: white; } /* Focus styles for accessibility */ .custom-cat-list li a:focus-visible { outline: 2px solid var(--cat-accent-color); outline-offset: 2px; border-radius: 8px; } /* Text span */ .custom-cat-list span { color: var(--cat-span-color); font-weight: 500; transition: var(--cat-transition); } .custom-cat-list li a:hover span { color: white; } /* Image */ .custom-cat-list img { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover img { transform: scale(1.08); } /* Left accent bar */ .custom-cat-list li a::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--cat-accent-color); opacity: 0; border-radius: 8px 0 0 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover::before { opacity: 1; } /* Active category – distinct and consistent */ .custom-cat-list li.current-cat { box-shadow: 0 6px 18px rgba(57, 82, 114, 0.25); } .custom-cat-list li.current-cat a { background: var(--cat-active-bg); color: white; } /* Current category hover – subtle change (optional) */ .custom-cat-list li.current-cat a:hover { background: color-mix(in srgb, var(--cat-active-bg) 85%, black); filter: brightness(1.05); } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { .custom-cat-list li, .custom-cat-list li a, .custom-cat-list span, .custom-cat-list img, .custom-cat-list li a::before { transition: none; } .custom-cat-list li:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-22aa46a *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-b99ea41 *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-3ed8d0d *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget, class: .elementor-element-f1ea392 *//* CSS variables for easy theming */ :root { --cat-list-bg: #ffffff; --cat-item-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); --cat-item-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12); --cat-accent-color: #d12a4c; --cat-text-color: #333333; --cat-span-color: #395272; --cat-active-bg: #395272; --cat-hover-gradient: linear-gradient(135deg, #d12a4c, #395272); --cat-transition: all 0.3s ease; } .custom-cat-list { list-style: none; margin: 0; padding: 0; background: var(--cat-list-bg); border-radius: 10px; /* overflow: hidden removed – we handle corners differently */ } /* Each item */ .custom-cat-list li { margin: 6px 10px; border-radius: 8px; background: var(--cat-list-bg); box-shadow: var(--cat-item-shadow); transition: var(--cat-transition); } .custom-cat-list li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--cat-text-color); font-size: 14px; border-radius: 8px; /* match li border-radius */ position: relative; transition: var(--cat-transition); } /* Hover effect – only translate if container allows (no overflow hidden) */ .custom-cat-list li:hover { transform: translateX(6px); box-shadow: var(--cat-item-shadow-hover); } .custom-cat-list li a:hover { background: var(--cat-hover-gradient); color: white; } /* Focus styles for accessibility */ .custom-cat-list li a:focus-visible { outline: 2px solid var(--cat-accent-color); outline-offset: 2px; border-radius: 8px; } /* Text span */ .custom-cat-list span { color: var(--cat-span-color); font-weight: 500; transition: var(--cat-transition); } .custom-cat-list li a:hover span { color: white; } /* Image */ .custom-cat-list img { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover img { transform: scale(1.08); } /* Left accent bar */ .custom-cat-list li a::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--cat-accent-color); opacity: 0; border-radius: 8px 0 0 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover::before { opacity: 1; } /* Active category – distinct and consistent */ .custom-cat-list li.current-cat { box-shadow: 0 6px 18px rgba(57, 82, 114, 0.25); } .custom-cat-list li.current-cat a { background: var(--cat-active-bg); color: white; } /* Current category hover – subtle change (optional) */ .custom-cat-list li.current-cat a:hover { background: color-mix(in srgb, var(--cat-active-bg) 85%, black); filter: brightness(1.05); } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { .custom-cat-list li, .custom-cat-list li a, .custom-cat-list span, .custom-cat-list img, .custom-cat-list li a::before { transition: none; } .custom-cat-list li:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for custom_cat_widget, class: .elementor-element-5a9ce34 *//* CSS variables for easy theming */ :root { --cat-list-bg: #ffffff; --cat-item-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); --cat-item-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12); --cat-accent-color: #d12a4c; --cat-text-color: #333333; --cat-span-color: #395272; --cat-active-bg: #395272; --cat-hover-gradient: linear-gradient(135deg, #d12a4c, #395272); --cat-transition: all 0.3s ease; } .custom-cat-list { list-style: none; margin: 0; padding: 0; background: var(--cat-list-bg); border-radius: 10px; /* overflow: hidden removed – we handle corners differently */ } /* Each item */ .custom-cat-list li { margin: 6px 10px; border-radius: 8px; background: var(--cat-list-bg); box-shadow: var(--cat-item-shadow); transition: var(--cat-transition); } .custom-cat-list li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--cat-text-color); font-size: 14px; border-radius: 8px; /* match li border-radius */ position: relative; transition: var(--cat-transition); } /* Hover effect – only translate if container allows (no overflow hidden) */ .custom-cat-list li:hover { transform: translateX(6px); box-shadow: var(--cat-item-shadow-hover); } .custom-cat-list li a:hover { background: var(--cat-hover-gradient); color: white; } /* Focus styles for accessibility */ .custom-cat-list li a:focus-visible { outline: 2px solid var(--cat-accent-color); outline-offset: 2px; border-radius: 8px; } /* Text span */ .custom-cat-list span { color: var(--cat-span-color); font-weight: 500; transition: var(--cat-transition); } .custom-cat-list li a:hover span { color: white; } /* Image */ .custom-cat-list img { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover img { transform: scale(1.08); } /* Left accent bar */ .custom-cat-list li a::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--cat-accent-color); opacity: 0; border-radius: 8px 0 0 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover::before { opacity: 1; } /* Active category – distinct and consistent */ .custom-cat-list li.current-cat { box-shadow: 0 6px 18px rgba(57, 82, 114, 0.25); } .custom-cat-list li.current-cat a { background: var(--cat-active-bg); color: white; } /* Current category hover – subtle change (optional) */ .custom-cat-list li.current-cat a:hover { background: color-mix(in srgb, var(--cat-active-bg) 85%, black); filter: brightness(1.05); } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { .custom-cat-list li, .custom-cat-list li a, .custom-cat-list span, .custom-cat-list img, .custom-cat-list li a::before { transition: none; } .custom-cat-list li:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-22aa46a *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-b99ea41 *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-3ed8d0d *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget, class: .elementor-element-f1ea392 *//* CSS variables for easy theming */ :root { --cat-list-bg: #ffffff; --cat-item-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); --cat-item-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12); --cat-accent-color: #d12a4c; --cat-text-color: #333333; --cat-span-color: #395272; --cat-active-bg: #395272; --cat-hover-gradient: linear-gradient(135deg, #d12a4c, #395272); --cat-transition: all 0.3s ease; } .custom-cat-list { list-style: none; margin: 0; padding: 0; background: var(--cat-list-bg); border-radius: 10px; /* overflow: hidden removed – we handle corners differently */ } /* Each item */ .custom-cat-list li { margin: 6px 10px; border-radius: 8px; background: var(--cat-list-bg); box-shadow: var(--cat-item-shadow); transition: var(--cat-transition); } .custom-cat-list li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--cat-text-color); font-size: 14px; border-radius: 8px; /* match li border-radius */ position: relative; transition: var(--cat-transition); } /* Hover effect – only translate if container allows (no overflow hidden) */ .custom-cat-list li:hover { transform: translateX(6px); box-shadow: var(--cat-item-shadow-hover); } .custom-cat-list li a:hover { background: var(--cat-hover-gradient); color: white; } /* Focus styles for accessibility */ .custom-cat-list li a:focus-visible { outline: 2px solid var(--cat-accent-color); outline-offset: 2px; border-radius: 8px; } /* Text span */ .custom-cat-list span { color: var(--cat-span-color); font-weight: 500; transition: var(--cat-transition); } .custom-cat-list li a:hover span { color: white; } /* Image */ .custom-cat-list img { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover img { transform: scale(1.08); } /* Left accent bar */ .custom-cat-list li a::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--cat-accent-color); opacity: 0; border-radius: 8px 0 0 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover::before { opacity: 1; } /* Active category – distinct and consistent */ .custom-cat-list li.current-cat { box-shadow: 0 6px 18px rgba(57, 82, 114, 0.25); } .custom-cat-list li.current-cat a { background: var(--cat-active-bg); color: white; } /* Current category hover – subtle change (optional) */ .custom-cat-list li.current-cat a:hover { background: color-mix(in srgb, var(--cat-active-bg) 85%, black); filter: brightness(1.05); } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { .custom-cat-list li, .custom-cat-list li a, .custom-cat-list span, .custom-cat-list img, .custom-cat-list li a::before { transition: none; } .custom-cat-list li:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for custom_cat_widget, class: .elementor-element-5a9ce34 *//* CSS variables for easy theming */ :root { --cat-list-bg: #ffffff; --cat-item-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); --cat-item-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12); --cat-accent-color: #d12a4c; --cat-text-color: #333333; --cat-span-color: #395272; --cat-active-bg: #395272; --cat-hover-gradient: linear-gradient(135deg, #d12a4c, #395272); --cat-transition: all 0.3s ease; } .custom-cat-list { list-style: none; margin: 0; padding: 0; background: var(--cat-list-bg); border-radius: 10px; /* overflow: hidden removed – we handle corners differently */ } /* Each item */ .custom-cat-list li { margin: 6px 10px; border-radius: 8px; background: var(--cat-list-bg); box-shadow: var(--cat-item-shadow); transition: var(--cat-transition); } .custom-cat-list li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--cat-text-color); font-size: 14px; border-radius: 8px; /* match li border-radius */ position: relative; transition: var(--cat-transition); } /* Hover effect – only translate if container allows (no overflow hidden) */ .custom-cat-list li:hover { transform: translateX(6px); box-shadow: var(--cat-item-shadow-hover); } .custom-cat-list li a:hover { background: var(--cat-hover-gradient); color: white; } /* Focus styles for accessibility */ .custom-cat-list li a:focus-visible { outline: 2px solid var(--cat-accent-color); outline-offset: 2px; border-radius: 8px; } /* Text span */ .custom-cat-list span { color: var(--cat-span-color); font-weight: 500; transition: var(--cat-transition); } .custom-cat-list li a:hover span { color: white; } /* Image */ .custom-cat-list img { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover img { transform: scale(1.08); } /* Left accent bar */ .custom-cat-list li a::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--cat-accent-color); opacity: 0; border-radius: 8px 0 0 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover::before { opacity: 1; } /* Active category – distinct and consistent */ .custom-cat-list li.current-cat { box-shadow: 0 6px 18px rgba(57, 82, 114, 0.25); } .custom-cat-list li.current-cat a { background: var(--cat-active-bg); color: white; } /* Current category hover – subtle change (optional) */ .custom-cat-list li.current-cat a:hover { background: color-mix(in srgb, var(--cat-active-bg) 85%, black); filter: brightness(1.05); } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { .custom-cat-list li, .custom-cat-list li a, .custom-cat-list span, .custom-cat-list img, .custom-cat-list li a::before { transition: none; } .custom-cat-list li:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-22aa46a *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-b99ea41 *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-3ed8d0d *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget, class: .elementor-element-f1ea392 *//* CSS variables for easy theming */ :root { --cat-list-bg: #ffffff; --cat-item-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); --cat-item-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12); --cat-accent-color: #d12a4c; --cat-text-color: #333333; --cat-span-color: #395272; --cat-active-bg: #395272; --cat-hover-gradient: linear-gradient(135deg, #d12a4c, #395272); --cat-transition: all 0.3s ease; } .custom-cat-list { list-style: none; margin: 0; padding: 0; background: var(--cat-list-bg); border-radius: 10px; /* overflow: hidden removed – we handle corners differently */ } /* Each item */ .custom-cat-list li { margin: 6px 10px; border-radius: 8px; background: var(--cat-list-bg); box-shadow: var(--cat-item-shadow); transition: var(--cat-transition); } .custom-cat-list li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--cat-text-color); font-size: 14px; border-radius: 8px; /* match li border-radius */ position: relative; transition: var(--cat-transition); } /* Hover effect – only translate if container allows (no overflow hidden) */ .custom-cat-list li:hover { transform: translateX(6px); box-shadow: var(--cat-item-shadow-hover); } .custom-cat-list li a:hover { background: var(--cat-hover-gradient); color: white; } /* Focus styles for accessibility */ .custom-cat-list li a:focus-visible { outline: 2px solid var(--cat-accent-color); outline-offset: 2px; border-radius: 8px; } /* Text span */ .custom-cat-list span { color: var(--cat-span-color); font-weight: 500; transition: var(--cat-transition); } .custom-cat-list li a:hover span { color: white; } /* Image */ .custom-cat-list img { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover img { transform: scale(1.08); } /* Left accent bar */ .custom-cat-list li a::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--cat-accent-color); opacity: 0; border-radius: 8px 0 0 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover::before { opacity: 1; } /* Active category – distinct and consistent */ .custom-cat-list li.current-cat { box-shadow: 0 6px 18px rgba(57, 82, 114, 0.25); } .custom-cat-list li.current-cat a { background: var(--cat-active-bg); color: white; } /* Current category hover – subtle change (optional) */ .custom-cat-list li.current-cat a:hover { background: color-mix(in srgb, var(--cat-active-bg) 85%, black); filter: brightness(1.05); } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { .custom-cat-list li, .custom-cat-list li a, .custom-cat-list span, .custom-cat-list img, .custom-cat-list li a::before { transition: none; } .custom-cat-list li:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for custom_cat_widget, class: .elementor-element-5a9ce34 *//* CSS variables for easy theming */ :root { --cat-list-bg: #ffffff; --cat-item-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); --cat-item-shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12); --cat-accent-color: #d12a4c; --cat-text-color: #333333; --cat-span-color: #395272; --cat-active-bg: #395272; --cat-hover-gradient: linear-gradient(135deg, #d12a4c, #395272); --cat-transition: all 0.3s ease; } .custom-cat-list { list-style: none; margin: 0; padding: 0; background: var(--cat-list-bg); border-radius: 10px; /* overflow: hidden removed – we handle corners differently */ } /* Each item */ .custom-cat-list li { margin: 6px 10px; border-radius: 8px; background: var(--cat-list-bg); box-shadow: var(--cat-item-shadow); transition: var(--cat-transition); } .custom-cat-list li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none; color: var(--cat-text-color); font-size: 14px; border-radius: 8px; /* match li border-radius */ position: relative; transition: var(--cat-transition); } /* Hover effect – only translate if container allows (no overflow hidden) */ .custom-cat-list li:hover { transform: translateX(6px); box-shadow: var(--cat-item-shadow-hover); } .custom-cat-list li a:hover { background: var(--cat-hover-gradient); color: white; } /* Focus styles for accessibility */ .custom-cat-list li a:focus-visible { outline: 2px solid var(--cat-accent-color); outline-offset: 2px; border-radius: 8px; } /* Text span */ .custom-cat-list span { color: var(--cat-span-color); font-weight: 500; transition: var(--cat-transition); } .custom-cat-list li a:hover span { color: white; } /* Image */ .custom-cat-list img { width: 32px; height: 32px; object-fit: cover; border-radius: 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover img { transform: scale(1.08); } /* Left accent bar */ .custom-cat-list li a::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--cat-accent-color); opacity: 0; border-radius: 8px 0 0 8px; transition: var(--cat-transition); } .custom-cat-list li a:hover::before { opacity: 1; } /* Active category – distinct and consistent */ .custom-cat-list li.current-cat { box-shadow: 0 6px 18px rgba(57, 82, 114, 0.25); } .custom-cat-list li.current-cat a { background: var(--cat-active-bg); color: white; } /* Current category hover – subtle change (optional) */ .custom-cat-list li.current-cat a:hover { background: color-mix(in srgb, var(--cat-active-bg) 85%, black); filter: brightness(1.05); } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { .custom-cat-list li, .custom-cat-list li a, .custom-cat-list span, .custom-cat-list img, .custom-cat-list li a::before { transition: none; } .custom-cat-list li:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-22aa46a *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-b99ea41 *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for custom_cat_widget_v2, class: .elementor-element-3ed8d0d *//* Wrapper */ .cat-v2-wrapper { padding: 10px; } /* List */ .cat-v2-list { list-style: none; margin: 0; padding: 0; } /* Item */ .cat-v2-item { margin-bottom: 10px; } /* Link Card Style */ .cat-v2-item a { display: flex; align-items: center; gap: 12px; padding: 12px; background: #FFF; border-radius: 12px; text-decoration: none; transition: all 0.3s ease; position: relative; overflow: hidden; } /* Soft Glow Background Hover */ .cat-v2-item a::after { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg, #D12A4C, #395272); top: 0; left: -100%; transition: 0.4s; z-index: 0; } .cat-v2-item a:hover::after { left: 0; } /* Content stays above */ .cat-v2-item a * { position: relative; z-index: 2; } /* Image Box */ .cat-v2-img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } .cat-v2-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s; } /* Text */ .cat-v2-text span { color: #333; font-weight: 600; font-size: 14px; transition: 0.3s; } /* Hover Effects */ .cat-v2-item a:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .cat-v2-item a:hover span { color: #FFF; } .cat-v2-item a:hover img { transform: scale(1.1); }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-fc804f6 *//* ---------- SEARCH /* Focus Effect (when input active) */ .asb-search-container:focus-within { border-color: #F74156; box-shadow: 0 0 0 3px rgba(247, 65, 86, 0.15); } /* ---------- INPUT FIELD ---------- */ .asb-search-container input.asb-search-input, .asb-search-container input.asb-search-input:focus, .asb-search-container input.asb-search-input:active, .asb-search-container input[type="search"], .asb-search-container input[type="text"] { all: unset !important; display: block !important; width: 100% !important; flex: 1 !important; padding: 14px 16px !important; background: transparent !important; font-size: 15px !important; font-family: inherit !important; color: #333 !important; border: none !important; outline: none !important; box-shadow: none !important; border-radius: 50px !important; margin: 0 !important; } /* Placeholder */ .asb-search-container .asb-search-input::placeholder { color: #999 !important; font-weight: 400 !important; } /* ---------- SEARCH BUTTON ---------- */ .asb-search-container button, .asb-search-container .asb-search-btn { background: linear-gradient(135deg, #F74156, #ff6b7a); border: none; color: #fff; padding: 12px 18px; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; font-size: 14px; } /* Button Hover */ .asb-search-container button:hover { background: linear-gradient(135deg, #e6364a, #ff7b88); box-shadow: 0 6px 15px rgba(247, 65, 86, 0.3); transform: translateY(-1px); } /* Button Click */ .asb-search-container button:active { transform: scale(0.96); } /* ---------- ICON (if exists) ---------- */ .asb-search-container i, .asb-search-container svg { color: #19325B; font-size: 16px; margin-right: 8px; transition: 0.3s; } .asb-search-container:focus-within i { color: #F74156; } .asb-result-price{ display: none !important; }/* End custom CSS */