.elementor-16748 .elementor-element.elementor-element-370db40{--display:flex;--min-height:523px;--justify-content:center;--overlay-opacity:0.77;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:var( --e-global-color-astglobalcolor1 );--border-color:var( --e-global-color-astglobalcolor1 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:76px;--padding-bottom:60px;--padding-left:76px;--padding-right:76px;}.elementor-16748 .elementor-element.elementor-element-370db40:not(.elementor-motion-effects-element-type-background), .elementor-16748 .elementor-element.elementor-element-370db40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nutritionandbeyond.ca/wp-content/uploads/2024/05/Supplements-for-all-goals-1.webp");background-position:center center;background-size:cover;}.elementor-16748 .elementor-element.elementor-element-370db40::before, .elementor-16748 .elementor-element.elementor-element-370db40 > .elementor-background-video-container::before, .elementor-16748 .elementor-element.elementor-element-370db40 > .e-con-inner > .elementor-background-video-container::before, .elementor-16748 .elementor-element.elementor-element-370db40 > .elementor-background-slideshow::before, .elementor-16748 .elementor-element.elementor-element-370db40 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16748 .elementor-element.elementor-element-370db40 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-16748 .elementor-element.elementor-element-73bbcd1 > .elementor-widget-container{margin:-8px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-16748 .elementor-element.elementor-element-73bbcd1{text-align:center;}.elementor-16748 .elementor-element.elementor-element-73bbcd1 .elementor-heading-title{font-family:"Nut Font", Sans-serif;font-size:40px;color:var( --e-global-color-d88267a );}.elementor-16748 .elementor-element.elementor-element-8573d22 .elementor-image-box-title{margin-bottom:9px;font-family:"Plus Jakarta Sans", Sans-serif;font-size:29px;font-weight:600;}.elementor-16748 .elementor-element.elementor-element-8573d22 .elementor-image-box-description{font-family:"Plus Jakarta Sans", Sans-serif;font-size:26px;font-weight:400;color:#FFFFFF;}.elementor-16748 .elementor-element.elementor-element-3f86770 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;fill:#FFFFFF;color:#FFFFFF;padding:15px 30px 15px 30px;}.elementor-16748 .elementor-element.elementor-element-3f86770{width:auto;max-width:auto;}.elementor-16748 .elementor-element.elementor-element-3f86770 > .elementor-widget-container{--e-transform-skewX:-15deg;margin:10px 0px 0px 0px;}.elementor-16748 .elementor-element.elementor-element-3f86770.elementor-element{--align-self:center;}.elementor-16748 .elementor-element.elementor-element-3f86770 .elementor-button:hover, .elementor-16748 .elementor-element.elementor-element-3f86770 .elementor-button:focus{color:#FFFFFF;}.elementor-16748 .elementor-element.elementor-element-3f86770 .elementor-button:hover svg, .elementor-16748 .elementor-element.elementor-element-3f86770 .elementor-button:focus svg{fill:#FFFFFF;}#elementor-popup-modal-16748{background-color:#000000D6;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-16748 .dialog-message{width:857px;height:auto;}#elementor-popup-modal-16748 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){.elementor-16748 .elementor-element.elementor-element-8573d22 .elementor-image-box-wrapper{text-align:left;}.elementor-16748 .elementor-element.elementor-element-8573d22 .elementor-image-box-title{margin-bottom:10px;font-size:16px;}.elementor-16748 .elementor-element.elementor-element-8573d22 .elementor-image-box-description{font-size:14px;}}@media(max-width:767px){.elementor-16748 .elementor-element.elementor-element-370db40{--min-height:67vh;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-16748 .elementor-element.elementor-element-8573d22 .elementor-image-box-wrapper{text-align:center;}.elementor-16748 .elementor-element.elementor-element-3f86770 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-16748 .elementor-element.elementor-element-3f86770.elementor-element{--align-self:center;}#elementor-popup-modal-16748 .dialog-message{width:89vw;}#elementor-popup-modal-16748{justify-content:center;align-items:center;}}/* Start custom CSS for button, class: .elementor-element-3f86770 */.skewed-btn .elementor-button-text{
    z-index: 10 !important;
    transform: skew(15deg)
}

.skewed-btn .elementor-button:before{
        content: "";
    background-color: var(--e-global-color-98a5699);
    z-index: 2;
    height: 52%;
    width: 0;
    position: absolute;
    transition: .3s cubic-bezier(.785,.135,.15,.86);
        top: 0;
    left: 0;
    right: auto;
}

.skewed-btn .elementor-button:hover:before {
    width: 100%;
    right: 0;
    left: auto;
}

.skewed-btn .elementor-button:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}




.skewed-btn .elementor-button:after{
        content: "";
    background-color: var(--e-global-color-98a5699);
    height: 52%;
    width: 0;
    position: absolute;
    transition: .3s cubic-bezier(.785,.135,.15,.86);
    bottom: 0;
    right: 0;
    left: auto;
    z-index: 2;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Nut Font';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://nutritionandbeyond.ca/wp-content/uploads/2024/05/Nutritix-Heading-1.woff2') format('woff2');
}
/* End Custom Fonts CSS */