:root {
	/* rem=px/16 */
    --1px: 0.0625rem;
    --2px: 0.125rem;
    --3px: 0.1875rem;
    --4px: 0.25rem;
    --5px: 0.3125rem;
    --6px: 0.375rem;
    --7px: 0.4375rem;
    --8px: 0.5rem;
    --9px: 0.5625rem;
    --10px: 0.625rem;
    --11px: 0.6875rem;
    --12px: 0.75rem;
    --13px: 0.8125rem;
    --14px: 0.875rem;
    --15px: 0.9375rem;
    --16px: 1rem;
    --17px: 1.0625rem;
    --18px: 1.125rem;
    --19px: 1.1875rem;
    --20px: 1.25rem;
    --21px: 1.3125rem;
    --22px: 1.375rem;
    --23px: 1.4375rem;
    --24px: 1.5rem;
    --25px: 1.5625rem;
    --26px: 1.625rem;
    --27px: 1.6875rem;
    --28px: 1.75rem;
    --29px: 1.8125rem;
    --30px: 1.875rem;
    --31px: 1.9375rem;
    --32px: 2rem;
    --33px: 2.0625rem;
    --34px: 2.125rem;
    --35px: 2.1875rem;
    --36px: 2.25rem;
    --37px: 2.3125rem;
    --38px: 2.375rem;
    --39px: 2.4375rem;
    --40px: 2.5rem;
    --41px: 2.5625rem;
    --42px: 2.625rem;
    --43px: 2.6875rem;
    --44px: 2.75rem;
    --45px: 2.8125rem;
    --46px: 2.875rem;
    --47px: 2.9375rem;
    --48px: 3rem;
    --49px: 3.0625rem;
    --50px: 3.125rem;
    --51px: 3.1875rem;
    --52px: 3.25rem;
    --53px: 3.3125rem;
    --54px: 3.375rem;
    --55px: 3.4375rem;
    --56px: 3.5rem;
    --57px: 3.5625rem;
    --58px: 3.625rem;
    --59px: 3.6875rem;
    --60px: 3.75rem;
    --61px: 3.8125rem;
    --62px: 3.875rem;
    --63px: 3.9375rem;
    --64px: 4rem;
    --65px: 4.0625rem;
    --66px: 4.125rem;
    --67px: 4.1875rem;
    --68px: 4.25rem;
    --69px: 4.3125rem;
    --70px: 4.375rem;
    --71px: 4.4375rem;
    --72px: 4.5rem;
    --73px: 4.5625rem;
    --74px: 4.625rem;
    --75px: 4.6875rem;
    --76px: 4.75rem;
    --77px: 4.8125rem;
    --78px: 4.875rem;
    --79px: 4.9375rem;
    --80px: 5rem;
    --81px: 5.0625rem;
    --82px: 5.125rem;
    --83px: 5.1875rem;
    --84px: 5.25rem;
    --85px: 5.3125rem;
    --86px: 5.375rem;
    --87px: 5.4375rem;
    --88px: 5.5rem;
    --89px: 5.5625rem;
    --90px: 5.625rem;
    --91px: 5.6875rem;
    --92px: 5.75rem;
    --93px: 5.8125rem;
    --94px: 5.875rem;
    --95px: 5.9375rem;
    --96px: 6rem;
    --97px: 6.0625rem;
    --98px: 6.125rem;
    --99px: 6.1875rem;
    --100px: 6.25rem;
    --101px: 6.3125rem;
    --102px: 6.375rem;
    --103px: 6.4375rem;
    --104px: 6.5rem;
    --105px: 6.5625rem;
    --106px: 6.625rem;
    --107px: 6.6875rem;
    --108px: 6.75rem;
    --109px: 6.8125rem;
    --110px: 6.875rem;
    --111px: 6.9375rem;
    --112px: 7rem;
    --113px: 7.0625rem;
    --114px: 7.125rem;
    --115px: 7.1875rem;
    --116px: 7.25rem;
    --117px: 7.3125rem;
    --118px: 7.375rem;
    --119px: 7.4375rem;
    --120px: 7.5rem;
    --121px: 7.5625rem;
    --122px: 7.625rem;
    --123px: 7.6875rem;
    --124px: 7.75rem;
    --125px: 7.8125rem;
    --126px: 7.875rem;
    --127px: 7.9375rem;
    --128px: 8rem;
    --129px: 8.0625rem;
    --130px: 8.125rem;
    --131px: 8.1875rem;
    --132px: 8.25rem;
    --133px: 8.3125rem;
    --134px: 8.375rem;
    --135px: 8.4375rem;
    --136px: 8.5rem;
    --137px: 8.5625rem;
    --138px: 8.625rem;
    --139px: 8.6875rem;
    --140px: 8.75rem;
    --141px: 8.8125rem;
    --142px: 8.875rem;
    --143px: 8.9375rem;
    --144px: 9rem;
    --145px: 9.0625rem;
    --146px: 9.125rem;
    --147px: 9.1875rem;
    --148px: 9.25rem;
    --149px: 9.3125rem;
    --150px: 9.375rem;
    --160px: 10rem;
    --170px: 10.625rem;
    --180px: 11.25rem;
    --190px: 11.875rem;
    --200px: 12.5rem;
    --210px: 13.125rem;
    --220px: 13.75rem;
    --230px: 14.375rem;
    --240px: 15rem;
    --250px: 15.625rem;
    --260px: 16.25rem;
    --270px: 16.875rem;
    --280px: 17.5rem;
    --290px: 18.125rem;
    --300px: 18.75rem;
    --320px: 20rem;
    --350px: 21.875rem;
    --400px: 25rem;
    --450px: 28.125rem;

	--color-primary: #694baa;
	--color-primary-light: #DDD7E8;
    --color-secondary: #CC2F2F;
	--color-white: #fff;
	--color-black: #2C2C2C;
    --color-black-light: #636363;


    --container-3xs: 256px;
    --container-2xs: 288px;
    --container-xs: 320px;
    --container-sm: 384px;
    --container-md: 448px;
    --container-lg: 512px;
    --container-xl: 576px;
    --container-2xl: 672px;
    --container-3xl: 768px;
    --container-4xl: 896px;
    --container-5xl: 1024px;
    --container-6xl: 1152px;
    --container-7xl: 1280px;


    --page-padding-side: var(--24px); 







    --transition: all 0.3s ease-in-out;


    --box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --box-shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.1);
    --box-shadow-medium-top: 0 -2px 12px rgba(0, 0, 0, 0.1);



    --header-height: var(--72px);

}


@media screen and (max-width: 767px) {
    :root {
/*        --header-height: var(--108px);*/


        
        --page-padding-side: var(--16px); 
    }
}