:root {
    /* || COLOR */
    --transparent: RGBA(0, 0, 0, 0);
    --white: #FFFFFF;
    --templateShade1: #F8F8F8;
    --templateShade2: #F5F5F5;
    --templateShade3: #F0F0F0;
    --templateShade4: #E8E8E8;
    --templateShade5: #E0E0E0;
    --templateShade6: #DCDCDC;
    --templateShade7: rgba(0, 0, 0, 0.7);
    --templateFontShade1: #F8F8F8;
    --templateFontShade2: #F5F5F5;
    --templateFontShade3: #F0F0F0;
    --templateFontShade4: #057AA2;
    --templateFontShade5: #2ecc71;
    --templateHeadingShade1: #F8F8F8;
    --templateHeadingShade2: #F5F5F5;
    --templateHeadingShade3: #F0F0F0;
    --templateButtonShade1: #F8F8F8;
    --templateButtonShade2: #F5F5F5;
    --templateButtonShade3: #F0F0F0;
    --templateBorderShade1: #F8F8F8;
    --templateBorderShade2: #F5F5F5;
    --templateBorderShade3: #F0F0F0;
    --templateHoverShade1: #F8F8F8;
    --templateHoverShade2: #F5F5F5;
    --templateHoverShade3: #F0F0F0;
    /* HEADER */
    --headerBannerBgColor: var(--templateShade2);
    --headerBannerContentBgColor: var(--templateShade3);
    --headerMenueBgColor: var(--templateShade4);
    --headerMenueContentBgColor: var(--templateShade5);
    /* MAIN */
    --mainContainerBgColor: var(--templateShade3);
    --mainContentTopSpacerBgColor: var(--templateShade3);
    --mainContentBgColor: var(--templateShade6);
    --mainContentBottomSpacerBgColor: var(--templateShade3);
    /* FOOTER */
    --footerContentTopSpacerBgColor: var(--templateShade3);
    --footerContentBgColor: var(--templateShade6);
    --footerContentBottomSpacerBgColor: var(--templateShade3);
    /* || FONT FAMILY*/
    --fontPRIMARYIstReference: 'Montserrat';
    --fontPRIMARY2ndReference: 'Tahoma';
    --fontPRIMARY3rdReference: 'Lato';
    --fontPRIMARY4thReference: 'Roboto';
    --fontPRIMARY: var(--fontPRIMARYIstReference), var(--fontPRIMARY2ndReference), var(--fontPRIMARY3rdReference), var(--fontPRIMARY4thReference);
    --fontSECONDARYIstReference: 'Birthstone';
    --fontSECONDARY2ndReference: 'Arial';
    --fontSECONDARY3rdReference: 'Helvetica';
    --fontSECONDARY4rdReference: 'poppins';
    --fontSECONDARY: var(--fontSECONDARYIstReference), var(--fontSECONDARY2ndReference), var(--fontSECONDARY3rdReference), var(--fontSECONDARY4rdReference);
    --fontTERTAIRYIstReference: 'Georgia';
    --fontTERTAIRY2ndReference: 'Verdana';
    --fontTERTAIRY3rdReference: 'Times New Roman';
    --fontTERTAIRY4rdReference: 'NotoSans';
    --fontTERTAIRY: var(--fontTERTAIRYIstReference), var(--fontTERTAIRY2ndReference), var(--fontTERTAIRY3rdReference), var(--fontTERTAIRY4rdReference);
    /* || FONT SIZE NORMAL*/
    --defaultFontSizeXsmall: 16px;
    --defaultFontSizeSmall: 16px;
    --defaultFontSizeMedium: 16px;
    --defaultFontSizeLarge: 16px;
    --defaultFontSizeXlarge: 20px;
    --defaultFontSize: var(--defaultFontSizeXsmall);
    /* || FONT SIZE CAPITAL */
    --defaultCapitalFontSizeXsmall: 14px;
    --defaultCapitalFontSizeSmall: 14px;
    --defaultCapitalFontSizeMedium: 16px;
    --defaultCapitalFontSizeLarge: 16px;
    --defaultCapitalFontSizeXlarge: 16px;
    --pageFontSizeCapital: var(--defaultCapitalFontSizeXsmall);
    /* || HEADING FONT SIZE */
    /* || FONT SIZE H1 */
    --defaultFontSizeH1Xsmall: 32px;
    --defaultFontSizeH1Small: 40px;
    --defaultFontSizeH1Medium: 48px;
    --defaultFontSizeH1Large: 56px;
    --defaultFontSizeH1Xlarge: 64px;
    --headingH1FontSize: var(--defaultFontSizeH1Xsmall);
    /* || FONT SIZE H2 */
    --defaultFontSizeH2Xsmall: 24px;
    --defaultFontSizeH2Small: 32px;
    --defaultFontSizeH2Medium: 40px;
    --defaultFontSizeH2Large: 48px;
    --defaultFontSizeH2Xlarge: 56px;
    --headingH2FontSize: var(--defaultFontSizeH2Xsmall);
    /* || FONT SIZE H3 */
    --defaultFontSizeH3Xsmall: 20px;
    --defaultFontSizeH4Small: 24px;
    --defaultFontSizeH3Medium: 32px;
    --defaultFontSizeH3Large: 40px;
    --defaultFontSizeH3Xlarge: 40px;
    --headingH3FontSize: var(--defaultFontSizeH3Xsmall);
    /* || FONT SIZE H4 */
    --defaultFontSizeH4Xsmall: 18px;
    --defaultFontSizeH4Small: 22px;
    --defaultFontSizeH4Medium: 26px;
    --defaultFontSizeH4Large: 26px;
    --defaultFontSizeH4Xlarge: 30px;
    --headingH4FontSize: var(--defaultFontSizeH4Xsmall);
    /* || LOGO */
    /* LOGO WIDTH*/
    --defaultLogoWidthXsmall: 108px;
    --defaultLogoWidthSmall: 108px;
    --defaultLogoWidthMedium: 182px;
    --defaultLogoWidthLarge: 182px;
    --defaultLogoWidthXlarge: 182px;
    --headerLogoWidth: var(--defaultLogoWidthXsmall);
    /* LOGO HEIGHT*/
    --defaultLogoHeightXsmall: 31px;
    --defaultLogoHeightSmall: 31px;
    --defaultLogoHeightMedium: 31px;
    --defaultLogoHeightLarge: 48px;
    --defaultLogoHeightXlarge: 48px;
    --headerLogoHeight: var(--defaultLogoHeightXsmall);
    /* || PAGE */
    --defaulPageBackground: var(--white);
    --pageBackground: var(--defaulPageBackground);
    /* || HEADER */
    --defaulHeaderBackground: var(--templateShade1);
    --headerBackground: var(--defaulHeaderBackground);
    /* Header Bg Color */
    --headerBgColor: var(--templateShade1);
    --headerTopBgColor: var(--transparent);
    --headerMainBgColor: var(--templateShade3);
    --headerBottomBgColor: var(--templateShade4);
    --headerBorderColor: var(--templateShade5);
    --headerFontColor: var(--templateFontShade1);
    /* Menu Links */
    --menuLinksBgColor: var(--templateShade1);
    --menuLinksBgColor1: var(--templateShade2);
    --menuLinksFontColor: var(--templateShade2);
    --menuLinksFontColor1: var(--templateShade2);
    --menuLinksHoverColor: var(--templateShade1);
    --menuBurgerBgColor: var(--templateShade2);
    /* Hero Section */
    --heroFontColor: var(--templateShade7);
    --heroFontColor1: var(--templateShade2);
    --heroBtnColor: var(--templateShade1);
    --heroBgColor: var(--templateShade4);
    --heroImageBgColor: var(--templateShade4);
    /* Services Offered */
    --servicesFontColor: var(--templateShade7);
    /* News Letter */
    --newBgColor: var(--templateShade2);
    --newsFontColor: var(--templateShade2);
    --newsFontColor1: var(--templateFontShade2);
    --newsBtnColor: var(--templateButtonShade2);
    --newsBtnColor: var(--templateButtonShade1);
    --newsBtnColorBorderColor: var(--templateShade2);
    /* Header Banner */
    --headerBannerBgColorTop: var(--templateShade4);
    --headerBannerFontcolor: var(--templateShade2);
    /* From */
    --formBgColor: var(--templateShade2);
    --formModalBgColor: var(--templateShade6);
    --formSectionBgColor: var(--templateShade9);
    --formHeaderBgColor: var(--templateShade1);
    --formBoxShadowColor: var(--templateShade9);
    --formBtnColor: var(--templateButtonShade1);
    --formPlacholderTextColor: var(--templateFontShade4);
    --formBorderColor: var(--templateShade3);
    --formFontColor1: var(--templateFontShade1);
    --formFontColor2: var(--templateFontShade2);
    --formFontColor3: var(--templateFontShade3);
    --formFontColor4: var(--templateFontShade4);
    --formFontColor5: var(--templateFontShade5);
    /* Category Catalogue */
    --categoryFontColor: var(--templateFontShade1);
    --categoryBgColor: var(--templateShade2);
    /* Copyright */
    --copyrightFontColor: var(--templateFontShade1);
    /* HEADER HEADING FONT SIZE */
    --defaultHeaderHeadingXsmall: 16px;
    --defaultHeaderHeadingSmall: 16px;
    --defaultHeaderHeadingMedium: 16px;
    --defaultHeaderHeadingLarge: 16px;
    --defaultHeaderHeadingXlarge: 16px;
    --headerHeading: var(--defaultHeaderHeadingXsmall);
    /* HEADER BODY FONT SIZE */
    --defaultHeaderFontSizeXsmall: 16px;
    --defaultHeaderFontSizeSmall: 16px;
    --defaultHeaderFontSizeMedium: 14px;
    --defaultHeaderFontSizeLarge: 14px;
    --defaultHeaderFontSizeXlarge: 16px;
    --headerFontSize: var(--defaultHeaderFontSizeXsmall);
    /* HEADER ICONS WIDTH*/
    --defaultHeaderIconWidthXsmall: 22px;
    --defaultHeaderIconWidthSmall: 22px;
    --defaultHeaderIconWidthMedium: 22px;
    --defaultHeaderIconWidthLarge: 22px;
    --defaultHeaderIconWidthXlarge: 32px;
    --footerIconWidth: var(--defaultFooterIconWidthXsmall);
    /* HEADER ICONS HEIGHT*/
    --defaultHeaderIconHeightXsmall: 22px;
    --defaulHeaderIconHeightSmall: 22px;
    --defaultHeaderIconHeightMedium: 22px;
    --defaultHeaderIconHeightLarge: 22px;
    --defaultHeaderIconHeightXlarge: 32px;
    --headerIconHeight: var(--defaultHeaderIconHeightXsmall);
    /* HEADER CONTAINER */
    /* WIDTH */
    --defaultHeaderContainerWidthXsmall: 100%;
    --defaultHeaderContainerWidthSmall: 100%;
    --defaultHeaderContainerWidthMedium: 100%;
    --defaultHeaderContainerWidthLarge: 100%;
    --defaultHeaderContainerWidthXlarge: 100%;
    --headerContainerWidth: var(--defaultHeaderContainerWidthXsmall);
    /* HEADER BANNER CONTAINER */
    /* WIDTH */
    --defaultHeaderBannerContainerWidthXsmall: 100%;
    --defaultHeaderBannerContainerWidthSmall: 100%;
    --defaultHeaderBannerContainerWidthMedium: 100%;
    --defaultHeaderBannerContainerWidthLarge: 100%;
    --defaultHeaderBannerContainerWidthXlarge: 100%;
    --headerBannerContainerWidth: var(--defaultHeaderBannerContainerWidthXsmall);
    /* HEADER BANNER */
    /* WIDTH */
    --defaultHeaderBannerWidthXsmall: calc(100% - 10px);
    --defaultHeaderBannerWidthSmall: calc(100% - 10px);
    --defaultHeaderBannerWidthMedium: calc(100% - 10px);
    --defaultHeaderBannerWidthLarge: calc(100% - 10px);
    --defaultHeaderBannerWidthXlarge: calc(100% - 10px);
    --headerBannerWidth: var(--defaultHeaderBannerWidthXsmall);
    /* HEIGHT */
    --defaultHeaderBannerHeightXsmall: 30px;
    --defaultHeaderBannerHeightSmall: 35px;
    --defaultHeaderBannerHeightMedium: 40px;
    --defaultHeaderBannerHeightLarge: 45px;
    --defaultHeaderBannerHeightXlarge: 50px;
    --headerBannerHeight: var(--defaultHeaderBannerHeightXsmall);
    /* HEDER BANNER CONTENT */
    /* WIDTH */
    --defaultHeaderBannerContentWidthXsmall: 100%;
    --defaultHeaderBannerContentWidthSmall: 100%;
    --defaultHeaderBannerContentWidthMedium: 100%;
    --defaultHeaderBannerContentWidthLarge: 100%;
    --defaultHeaderBannerContentWidthXlarge: 100%;
    --headerBannerContentWidth: var(--defaultHeaderBannerContentWidthXsmall);
    /* HEIGHT */
    --defaultHeaderBannerContentHeightXsmall: 20px;
    --defaultHeaderBannerContentHeightSmall: 25px;
    --defaultHeaderBannerContentHeightMedium: 30px;
    --defaultHeaderBannerContentHeightLarge: 35px;
    --defaultHeaderBannerContentHeightXlarge: 40px;
    --headerBannerContentHeight: var(--defaultHeaderBannerContentHeightXsmall);
    /* HEADER MENUE CONTAINER */
    /* WIDTH */
    --defaultHeaderMenueContainerWidthXsmall: 100%;
    --defaultHeaderMenueContainerWidthSmall: 100%;
    --defaultHeaderMenueContainerWidthMedium: 100%;
    --defaultHeaderMenueContainerWidthLarge: 100%;
    --defaultHeaderMenueContainerWidthXlarge: 100%;
    --headerMenueContainerWidth: var(--defaultHeaderMenueContainerWidthXsmall);
    /* HEADER MENUE */
    /* WIDTH */
    --defaultHeaderMenueWidthXsmall: calc(100% - 20px);
    --defaultHeaderMenueWidthSmall: calc(100% - 20px);
    --defaultHeaderMenueWidthMedium: calc(100% - 20px);
    --defaultHeaderMenueWidthLarge: calc(100% - 20px);
    --defaultHeaderMenueWidthXlarge: calc(100% - 20px);
    --headerMenueWidth: var(--defaultHeaderMenueWidthXsmall);
    /* HEIGHT */
    --defaultHeaderMenueHeightXsmall: 48px;
    --defaultHeaderMenueHeightSmall: 72px;
    --defaultHeaderMenueHeightMedium: 72px;
    --defaultHeaderMenueHeightLarge: 72px;
    --defaultHeaderMenueHeightXlagre: 97px;
    --headerMenueHeight: var(--defaultHeaderMenueHeightXsmall);
    /* HEADER MENUE CONTENT */
    /* WIDTH */
    --defaultHeaderMenueContentWidthXsmall: 100%;
    --defaultHeaderMenueContentWidthSmall: 100%;
    --defaultHeaderMenueContentWidthMedium: 100%;
    --defaultHeaderMenueContentWidthLarge: 100%;
    --defaultHeaderMenueContentWidthXlarge: 100%;
    --headerMenueContentWidth: var(--defaultHeaderMenueContentWidthXsmall);
    /* HEIGHT */
    --defaultHeaderMenueContentHeightXsmall: 28px;
    --defaultHeaderMenueContentHeightSmall: 52px;
    --defaultHeaderMenueContentHeightMedium: 52px;
    --defaultHeaderMenueContentHeightLarge: 52px;
    --defaultHeaderMenueContentHeightXlagre: 77px;
    --headerMenueContentHeight: var(--defaultHeaderMenueContentHeightXsmall);
    /* || MAIN */
    --defaulMainBackground: var(--templateShade2);
    --mainBackground: var(--defaulMainBackground);
    /* MAIN CONTAINER */
    /* WIDTH */
    --defaultMainContainerWidthXsmall: 100%;
    --defaultMainContainerWidthSmall: 100%;
    --defaultMainContainerWidthMedium: 100%;
    --defaultMainContainerWidthLarge: 100%;
    --defaultMainContainerWidthXlarge: 100%;
    --mainContainerWidth: var(--defaultMainContainerWidthXsmall);
    /* MAIN CONTENT TOP SPACER */
    /* WIDTH */
    --defaultMainContentTopSpacerWidthXsmall: 100%;
    --defaultMainContentTopSpacerWidthSmall: 100%;
    --defaultMainContentTopSpacerWidthMedium: 100%;
    --defaultMainContentTopSpacerWidthLarge: 100%;
    --defaultMainContentTopSpacerWidthXlarge: 100%;
    --mainContentTopSpacerWidth: var(--defaultMainContentTopSpacerWidthXsmall);
    /* HEIGHT */
    --defaultMainContentTopSpacerHeightXsmall: 5px;
    --defaultMainContentTopSpacerHeightSmall: 5px;
    --defaultMainContentTopSpacerHeightMedium: 5px;
    --defaultMainContentTopSpacerHeightLarge: 5px;
    --defaultMainContentTopSpacerHeightXlarge: 5px;
    --mainContentTopSpacerHeight: var(--defaultMainContentTopSpacerHeightXsmall);
    /* MAIN CONTENT */
    /* WIDTH */
    --defaultMainContentWidthXsmall: calc(100% - 10px);
    --defaultMainContentWidthSmall: calc(100% - 10px);
    --defaultMainContentWidthMedium: calc(100% - 10px);
    --defaultMainContentWidthLarge: calc(100% - 10px);
    --defaultMainContentWidthXlarge: calc(100% - 10px);
    --mainContentWidth: var(--defaultMainContentWidthXsmall);
    /* MAIN CONTENT BOTTOM SPACER */
    /* WIDTH */
    --defaultMainContentBottomSpacerWidthXsmall: 100%;
    --defaultMainContentBottomSpacerWidthSmall: 100%;
    --defaultMainContentBottomSpacerWidthMedium: 100%;
    --defaultMainContentBottomSpacerWidthLarge: 100%;
    --defaultMainContentBottomSpacerWidthXlarge: 100%;
    --mainContentBottomSpacerWidth: var(--defaultMainContentBottomSpacerWidthXsmall);
    /* HEIGHT */
    --defaultMainContentBottomSpacerHeightXsmall: 5px;
    --defaultMainContentBottomSpacerHeightSmall: 5px;
    --defaultMainContentBottomSpacerHeightMedium: 5px;
    --defaultMainContentBottomSpacerHeightLarge: 5px;
    --defaultMainContentBottomSpacerHeightXlarge: 5px;
    --mainContentBottomSpacerHeight: var(--defaultMainContentBottomSpacerHeightXsmall);
    /* || FOOTER */
    --defaulFooterBackground: var(--templateShade3);
    --footerBackground: var(--defaulFooterBackground);
    /* Footer */
    --footerBgColor: var(--templateShade2);
    --footerTopBgColor: var(--templateShade1);
    --footerBottomBgColor: var(--templateShade2);
    --footerBorderColor: var(--templateShade2);
    --footerFontColor: var(--templateShade2);
    --footerFontColor2: var(--templateShade7);
    /* FOOTER HEADING FONT SIZE*/
    --defaultFooterHeadingXsmall: 16px;
    --defaultFooterHeadingSmall: 16px;
    --defaultFooterHeadingMedium: 16px;
    --defaultFooterHeadingLarge: 16px;
    --defaultFooterHeadingXlarge: 16px;
    --footerHeading: var(--defaultFooterHeadingXsmall);
    /* FOOTER BODY FONT SIZE */
    --defaultFooterFontSizeXsmall: 16px;
    --defaultFooterFontSizeSmall: 16px;
    --defaultFooterFontSizeMedium: 14px;
    --defaultFooterFontSizeLarge: 14px;
    --defaultFooterFontSizeXlarge: 16px;
    --footerFontSize: var(--defaultFooterFontSizeXsmall);
    /* FOOTER ICONS WIDTH*/
    --defaultFooterIconWidthXsmall: 24px;
    --defaultFooterIconWidthSmall: 24px;
    --defaultFooterIconWidthMedium: 24px;
    --defaultFooterIconWidthLarge: 24px;
    --defaultFooterIconWidthXlarge: 24px;
    --footerIconWidth: var(--defaultFooterIconWidthXsmall);
    /* FOOTER ICONS HEIGHT*/
    --defaulFooterIconHeightXsmall: 24px;
    --defaulFooterIconHeightSmall: 24px;
    --defaulFooterIconHeightMedium: 24px;
    --defaulFooterIconHeightLarge: 24px;
    --defaulFooterIconHeightXlarge: 24px;
    --footerIconHeight: var(--defaulFooterIconHeightXsmall);
    /* FOOTER CONTAINER */
    /* WIDTH */
    --defaultFooterContainerWidthXsmall: 100%;
    --defaultFooterContainerWidthSmall: 100%;
    --defaultFooterContainerWidthMedium: 100%;
    --defaultFooterContainerWidthLarge: 100%;
    --defaultFooterContainerWidthXlarge: 100%;
    --FooterContainerWidth: var(--defaultFooterContainerWidthXsmall);
    /* FOOTER CONTENT TOP SPACER */
    /* WIDTH */
    --defaultFooterContentTopSpacerWidthXsmall: 100%;
    --defaultFooterContentTopSpacerWidthSmall: 100%;
    --defaultFooterContentTopSpacerWidthMedium: 100%;
    --defaultFooterContentTopSpacerWidthLarge: 100%;
    --defaultFooterContentTopSpacerWidthXlarge: 100%;
    --footerContentTopSpacerWidth: var(--defaultFooterContentTopSpacerWidthXsmall);
    /* HEIGHT */
    --defaultFooterContentTopSpacerHeightXsmall: 5px;
    --defaultFooterContentTopSpacerHeightSmall: 5px;
    --defaultFooterContentTopSpacerHeightMedium: 5px;
    --defaultFooterContentTopSpacerHeightLarge: 5px;
    --defaultFooterContentTopSpacerHeightXlarge: 5px;
    --footerContentTopSpacerHeight: var(--defaultFooterContentTopSpacerHeightXsmall);
    /* FOOTER CONTENT */
    /* WIDTH */
    --defaultFooterContentWidthXsmall: calc(100% - 10px);
    --defaultFooterContentWidthSmall: calc(100% - 10px);
    --defaultFooterContentWidthMedium: calc(100% - 10px);
    --defaultFooterContentWidthLarge: calc(100% - 10px);
    --defaultFooterContentWidthXlarge: calc(100% - 10px);
    --footerContentWidth: var(--defaultFooterContentWidthXsmall);
    /* FOOTER CONTENT BOTTOM SPACER */
    /* WIDTH */
    --defaultFooterContentBottomSpacerWidthXsmall: 100%;
    --defaultFooterContentBottomSpacerWidthSmall: 100%;
    --defaultFooterContentBottomSpacerWidthMedium: 100%;
    --defaultFooterContentBottomSpacerWidthLarge: 100%;
    --defaultFooterContentBottomSpacerWidthXlarge: 100%;
    --footerContentBottomSpacerWidth: var(--defaultFooterContentBottomSpacerWidthXsmall);
    /* HEIGHT */
    --defaultFooterContentBottomSpacerHeightXsmall: 5px;
    --defaultFooterContentBottomSpacerHeightSmall: 5px;
    --defaultFooterContentBottomSpacerHeightMedium: 5px;
    --defaultFooterContentBottomSpacerHeightLarge: 5px;
    --defaultFooterContentBottomSpacerHeightXlarge: 5px;
    --footerContentBottomSpacerHeight: var(--defaultFooterContentBottomSpacerHeightXsmall);
}

/* || RESET */
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.progress-bar {
    height: 4px;
    width: 100%;
    background-color: #e0e0e0;
    border-radius: 2px;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: hidden;
    cursor: pointer;
    z-index: 10;
    display: none;
}

.progress-fill {
    height: 100%;
    width: 0%;
    background-color: #ff0000;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    transition: width 0.1s linear;
}

body {
    background: var(--pageBackground);
    font-size: var(--pageFontSize);
    font-family: var(--fontPRIMARY);
}

header {
    background: var(--headerBackground);
}

.header_container {
    width: var(--headerContainerWidth);
}

.header_banner_container {
    width: var(--headerBannerContainerWidth);
}

.header_menue_container {
    width: var(--headerMenueContainerWidth);
}

header,
.header_banner_container,
.header_banner,
.header_menue_container,
.header_menue,
main,
.main_container,
footer,
.footer_container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_banner {
    width: var(--headerBannerWidth);
    height: var(--headerBannerHeight);
    background: var(--headerBannerBgColor);
}

.line-through {
    text-decoration: line-through;
}

.header_banner_content {
    width: var(--headerBannerContentWidth);
    height: var(--headerBannerContentHeight);
    background: var(--headerBannerContentBgColor);
}

.header_menue {
    width: var(--headerMenueWidth);
    height: var(--headerMenueHeight);
    background: var(--headerMenueBgColor);
}

.header_menue_content {
    width: var(--headerMenueContentWidth);
    height: var(--headerMenueContentHeight);
    background: var(--headerMenueContentBgColor);
}

main {
    background: var(--mainBackground);
}

.main_container {
    width: var(--mainContainerWidth);
    background: var(--mainContainerBgColor);
    flex-direction: column;
}

.main_content_top_spacer {
    width: var(--mainContentTopSpacerWidth);
    height: var(--mainContentTopSpacerHeight);
    background: var(--mainContentTopSpacerBgColor);
}

.main_content {
    width: var(--mainContentWidth);
    background: var(--mainContentBgColor);
}

.main_content_bottom_spacer {
    width: var(--mainContentBottomSpacerWidth);
    height: var(--mainContentBottomSpacerHeight);
    background: var(--mainContentBottomSpacerBgColor);
}

footer {
    background: var(--footerBackground);
}

.footer_container {
    width: var(--FooterContainerWidth);
    flex-direction: column;
}

.footer_content_top_spacer {
    width: var(--footerContentTopSpacerWidth);
    height: var(--footerContentTopSpacerHeight);
    background: var(--footerContentTopSpacerBgColor);
}

.footer_content {
    width: var(--footerContentWidth);
    background: var(--footerContentBgColor);
}

.footer_content_bottom_spacer {
    width: var(--footerContentBottomSpacerWidth);
    height: var(--footerContentBottomSpacerHeight);
    background: var(--footerContentBottomSpacerBgColor);
}

/* || STANDARD CLASSES */
.ps_icon_hover:hover {
    transform: translateY(2px);
    transition: transform 0.2s ease;
    cursor: pointer;
}

/* || SMALL SCREEN */
@media screen and (min-width:576px) {
    :root {
        /* || FONT SIZES NORMAL */
        --pageFontSizeNormal: var(--defaultNormalFontSizeSmall);
        /* || FONT SIZES CAPITAL */
        --pageFontSizeCapital: var(--defaultCapitalFontSizeSmall);
        /* || HEADING FONT SIZES */
        --headingH1FontSize: var(--defaultFontSizeH1Small);
        --headingH2FontSize: var(--defaultFontSizeH2Small);
        --headingH3FontSize: var(--defaultFontSizeH3Small);
        --headingH4FontSize: var(--defaultFontSizeH4Small);
        /* || HEADER */
        /* WIDTH */
        --headerContainerWidth: var(--defaultHeaderContainerWidthSmall);
        --headerMenueContainerWidth: var(--defaultHeaderMenueContainerWidthSmall);
        --headerMenueWidth: var(--defaultHeaderMenueWidthSmall);
        --headerMenueContentWidth: var(--defaultHeaderMenueContentWidthSmall);
        /* HEIGHT */
        --headerMenueHeight: var(--defaultHeaderMenueHeightSmall);
        --headerMenueContentHeight: var(--defaultHeaderMenueContentHeightSmall);
        /* BANNER*/
        --headerBannerContainerWidth: var(--defaultHeaderBannerContainerWidthSmall);
        --headerBannerWidth: var(--defaultHeaderBannerWidthSmall);
        --headerBannerContentWidth: var(--defaultHeaderBannerContentWidthSmall);
        --headerBannerHeight: var(--defaultHeaderBannerHeightSmall);
        --headerBannerContentHeight: var(--defaultHeaderBannerContentHeightSmall);
        /* LOGO WIDTH AND HEIGHT */
        --headerLogoWidth: var(--defaultLogoWidthSmall);
        --headerLogoHeight: var(--defaultLogoHeightSmall);
        /* MENU ICON WIDTH */
        --headerMenuIconWidth: var(--defaultMenuIconWidthSmall);
        --headerMenuIconHeight: var(--defaultMenuIconHeightSmall);
        /* HEADER HEADING */
        --headerHeading: var(--defaultFooterHeadingSmall);
        /* HEADER BODY FONT */
        --headerFontSize: var(--defaultHeaderFontSizeSmall);
        /* HEADER ICON WIDTH AND HEIGHT*/
        --headerIconWidth: var(--defaultHeaderIconWidthSmall);
        --headerIconHeight: var(--defaultHeaderIconHeightSmall);
        /* || FOOTER*/
        /* FOOTER HEADING */
        --footerHeading: var(--defaultFooterHeadingSmall);
        /* FOOTER BODY FONT */
        --footerFontSize: var(--defaultFooterFontSizeSmall);
        /* WIDTH */
        --FooterContainerWidth: var(--defaultFooterContainerWidthSmall);
        --footerContentTopSpacerWidth: var(--defaultFooterContentTopSpacerWidthSmall);
        --footerContentWidth: var(--defaultFooterContentWidthSmall);
        --footerContentBottomSpacerWidth: var(--defaultFooterContentBottomSpacerWidthSmall);
        /* HEIGHT */
        --footerContentTopSpacerHeight: var(--defaultFooterContentTopSpacerHeightSmall);
        --footerContentBottomSpacerHeight: var(--defaultFooterContentBottomSpacerHeightSmall);
        /* FOOTER ICON WIDTH AND HEIGHT*/
        --footerIconWidth: var(--defaultFooterIconWidthSmall);
        --footerIconHeight: var(--defaulFooterIconHeightSmall);
        /* || MAIN */
        /* WIDTH */
        --mainContainerWidth: var(--defaultMainContainerWidthSmall);
        --mainContentTopSpacerWidth: var(--defaultMainContentTopSpacerWidthSmall);
        --mainContentWidth: var(--defaultMainContentWidthSmall);
        --mainContentBottomSpacerWidth: var(--defaultMainContentBottomSpacerWidthSmall);
        /* HEIGHT */
        --mainContentTopSpacerHeight: var(--defaultMainContentTopSpacerHeightSmall);
        --mainContentBottomSpacerHeight: var(--defaultMainContentBottomSpacerHeightSmall);
    }
}

/* || MEDIUM SCREEN */
@media screen and (min-width:992px) {
    :root {
        /* || FONT SIZES NORMAL */
        --pageFontSizeNormal: var(--defaultNormalFontSizeMedium);
        /* || FONT SIZES CAPITAL */
        --pageFontSizeCapital: var(--defaultCapitalFontSizeMedium);
        /* || HEADING FONT SIZES */
        --headingH1FontSize: var(--defaultFontSizeH1Medium);
        --headingH2FontSize: var(--defaultFontSizeH2Medium);
        --headingH3FontSize: var(--defaultFontSizeH3Medium);
        --headingH4FontSize: var(--defaultFontSizeH4Medium);
        /* || HEADER*/
        --menuLinksBgColor: var(--templateShade1);
        /* WIDTH */
        --headerContainerWidth: var(--defaultHeaderContainerWidthMedium);
        --headerMenueContainerWidth: var(--defaultHeaderMenueContainerWidthMedium);
        --headerMenueWidth: var(--defaultHeaderMenueWidthMedium);
        --headerMenueContentWidth: var(--defaultHeaderMenueContentWidthMedium);
        /* HEIGHT */
        --headerMenueHeight: var(--defaultHeaderMenueHeightMedium);
        --headerMenueContentHeight: var(--defaultHeaderMenueContentHeightMedium);
        /* BANNER */
        --headerBannerContainerWidth: var(--defaultHeaderBannerContainerWidthMedium);
        --headerBannerContentWidth: var(--defaultHeaderBannerContentWidthMedium);
        --headerBannerHeight: var(--defaultHeaderBannerHeightMedium);
        --headerBannerContentHeight: var(--defaultHeaderBannerContentHeightMedium);
        /* MENU ICON WIDTH */
        --headerMenuIconWidth: var(--defaultMenuIconWidthMedium);
        --headerMenuIconHeight: var(--defaultMenuIconHeightMedium);
        /* LOGO WIDTH AND HEIGHT */
        --headerLogoWidth: var(--defaultLogoWidthMedium);
        --headerLogoHeight: var(--defaultLogoHeightMedium);
        /* HEADER HEADING */
        --headerHeading: var(--defaultFooterHeadingMedium);
        /* HEADER BODY FONT */
        --headerFontSize: var(--defaultHeaderFontSizeMedium);
        /* HEADER ICON WIDTH AND HEIGHT*/
        --headerIconWidth: var(--defaultHeaderIconWidthMedium);
        --HeaderIconHeight: var(--defaulHeaderIconHeightMedium);
        /* || FOOTER*/
        /* WIDTH*/
        --FooterContainerWidth: var(--defaultFooterContainerWidthMedium);
        --footerContentTopSpacerWidth: var(--defaultFooterContentTopSpacerWidthMedium);
        --footerContentWidth: var(--defaultFooterContentWidthMedium);
        --footerContentBottomSpacerWidth: var(--defaultFooterContentBottomSpacerWidthMedium);
        /*  HEIGHT*/
        --footerContentTopSpacerHeight: var(--defaultFooterContentTopSpacerHeightMedium);
        --footerContentBottomSpacerHeight: var(--defaultFooterContentBottomSpacerHeightMedium);
        /* FOOTER HEADING */
        --footerHeading: var(--defaultFooterHeadingMedium);
        /* FOOTER BODY FONT */
        --footerFontSize: var(--defaultFooterFontSizeMedium);
        /* FOOTER ICON WIDTH AND HEIGHT*/
        --footerIconWidth: var(--defaultFooterIconWidthMedium);
        --footerIconHeight: var(--defaulFooterIconHeightMedium);
        /* || MAIN */
        /* WIDTH */
        --mainContainerWidth: var(--defaultMainContainerWidthMedium);
        --mainContentTopSpacerWidth: var(--defaultMainContentTopSpacerWidthMedium);
        --mainContentWidth: var(--defaultMainContentWidthMedium);
        --mainContentBottomSpacerWidth: var(--defaultMainContentBottomSpacerWidthMedium);
        /* HEIGHT */
        --mainContentTopSpacerHeight: var(--defaultMainContentTopSpacerHeightMedium);
        --mainContentBottomSpacerHeight: var(--defaultMainContentBottomSpacerHeightMedium);
    }
}

/* || LARGE SCREEN */
@media screen and (min-width:1200px) {
    :root {
        /* || FONT SIZES NORMAL */
        --pageFontSizeNormal: var(--defaultNormalFontSizeLarge);
        /* || FONT SIZES CAPITAL */
        --pageFontSizeCapital: var(--defaultCapitalFontSizeLarge);
        /* || HEADER */
        --menuLinksBgColor: var(--templateShade1);
        --menuLinksFontColor: var(--templateShade7)
            /* WIDTH */
            --headerContainerWidth: var(--defaultHeaderContainerWidthLarge);
        --headerMenueContainerWidth: var(--defaultHeaderMenueContainerWidthLarge);
        --headerMenueWidth: var(--defaultHeaderMenueWidthLarge);
        --headerMenueContentWidth: var(--defaultHeaderMenueContentWidthLarge);
        /* HEIGHT */
        --headerMenueHeight: var(--defaultHeaderMenueHeightLarge);
        --headerMenueContentHeight: var(--defaultHeaderMenueContentHeightLarge);
        /* BANNER */
        --headerBannerContainerWidth: var(--defaultHeaderBannerContainerWidthLarge);
        --headerBannerContentWidth: var(--defaultHeaderBannerContentWidthLarge);
        --headerBannerHeight: var(--defaultHeaderBannerHeightLarge);
        --headerBannerContentHeight: var(--defaultHeaderBannerContentHeightLarge);
        /* HEADING FONT SIZES */
        --headingH1FontSize: var(--defaultFontSizeH1Large);
        --headingH2FontSize: var(--defaultFontSizeH2Large);
        --headingH3FontSize: var(--defaultFontSizeH3Large);
        --headingH4FontSize: var(--defaultFontSizeH4Large);
        /* LOGO WIDTH AND HEIGHT */
        --headerLogoWidth: var(--defaultLogoWidthLarge);
        --headerLogoHeight: var(--defaultLogoHeightLarge);
        /* MENU ICON WIDTH */
        --headerMenuIconWidth: var(--defaultMenuIconWidthLarge);
        --headerMenuIconHeight: var(--defaultMenuIconHeightLarge);
        /* HEADER HEADING */
        --headerHeading: var(--defaultFooterHeadingLarge);
        /* HEADER BODY FONT */
        --headerFontSize: var(--defaultHeaderFontSizeLarge);
        /* HEADER ICON WIDTH AND HEIGHT*/
        --headerIconWidth: var(--defaultHeaderIconWidthXlarge);
        --headerIconHeight: var(--defaultHeaderIconHeightXlarge);
        /* || MAIN */
        /* WIDTH */
        --mainContainerWidth: var(--defaultMainContainerWidthLarge);
        --mainContentTopSpacerWidth: var(--defaultMainContentTopSpacerWidthLarge);
        --mainContentWidth: var(--defaultMainContentWidthLarge);
        --mainContentBottomSpacerWidth: var(--defaultMainContentBottomSpacerWidthLarge);
        /* HEIGHT */
        --mainContentTopSpacerHeight: var(--defaultMainContentTopSpacerHeightLarge);
        --mainContentBottomSpacerHeight: var(--defaultMainContentBottomSpacerHeightLarge);
        /* || FOOTER */
        /* WIDTH */
        --FooterContainerWidth: var(--defaultFooterContainerWidthLarge);
        --footerContentTopSpacerWidth: var(--defaultFooterContentTopSpacerWidthLarge);
        --footerContentWidth: var(--defaultFooterContentWidthLarge);
        --footerContentBottomSpacerWidth: var(--defaultFooterContentBottomSpacerWidthLarge);
        /* HEIGHT */
        --footerContentTopSpacerHeight: var(--defaultFooterContentTopSpacerHeightLarge);
        --footerContentBottomSpacerHeight: var(--defaultFooterContentBottomSpacerHeightLarge);
        /* FOOTER HEADING */
        --footerHeading: var(--defaultFooterHeadingLarge);
        /*  FOOTER BODY FONT */
        --footerFontSize: var(--defaultFooterFontSizeLarge);
        /* FOOTER ICON WIDTH AND HEIGHT*/
        --footerIconWidth: var(--defaultFooterIconWidthLarge);
        --footerIconHeight: var(--defaulFooterIconHeightLarge);
    }
}

/* || XL SCREEN */
@media screen and (min-width:2000px) {
    :root {
        /* || FONT SIZES NORMAL */
        --pageFontSizeNormal: var(--defaultNormalFontSizeXlarge);
        /* || FONT SIZES CAPITAL */
        --pageFontSizeCapital: var(--defaultCapitalFontSizeXlarge);
        /* || HEADER */
        /* WIDTH*/
        --headerContainerWidth: var(--defaultHeaderContainerWidthXlarge);
        --headerMenueContainerWidth: var(--defaultHeaderMenueContainerWidthXlarge);
        --headerMenueWidth: var(--defaultHeaderMenueWidthXlarge);
        --headerMenueContentWidth: var(--defaultHeaderMenueContentWidthXlarge);
        /* HEIGHT*/
        --headerMenueHeight: var(--defaultHeaderMenueHeightXlagre);
        --headerMenueContentHeight: var(--defaultHeaderMenueContentHeightXlagre);
        /*BANNER*/
        --headerBannerContainerWidth: var(--defaultHeaderBannerContainerWidthXlarge);
        --headerBannerContentWidth: var(--defaultHeaderBannerContentWidthXlarge);
        --headerBannerHeight: var(--defaultHeaderBannerHeightXlarge);
        --headerBannerContentHeight: var(--defaultHeaderBannerContentHeightXlarge);
        /* HEADING FONT SIZES */
        --headingH1FontSize: var(--defaultFontSizeH1XLarge);
        --headingH2FontSize: var(--defaultFontSizeH2XLarge);
        --headingH3FontSize: var(--defaultFontSizeH3XLarge);
        --headingH4FontSize: var(--defaultFontSizeH4XLarge);
        /* LOGO WIDTH AND HEIGHT */
        --headerLogoWidth: var(--defaultLogoWidthXlarge);
        --headerLogoHeight: var(--defaultLogoHeightXlarge);
        /* MENU ICON WIDTH */
        --headerMenuIconWidth: var(--defaultMenuIconWidthXlarge);
        --headerMenuIconHeight: var(--defaultMenuIconHeightXlarge);
        /* HEADER HEADING */
        --headerHeading: var(--defaultFooterHeadingXlarge);
        /* HEADER BODY FONT */
        --headerFontSize: var(--defaultHeaderFontSizeXlarge);
        /* HEADER ICON WIDTH AND HEIGHT*/
        --headerIconWidth: var(--defaultHeaderIconWidthXlarge);
        --headerIconHeight: var(--defaultHeaderIconHeightXlarge);
        /* || MAIN */
        /* WIDTH */
        --mainContainerWidth: var(--defaultMainContainerWidthXlarge);
        --mainContentTopSpacerWidth: var(--defaultMainContentTopSpacerWidthXlarge);
        --mainContentWidth: var(--defaultMainContentWidthXlarge);
        --mainContentBottomSpacerWidth: var(--defaultMainContentBottomSpacerWidthXlarge);
        /* HEIGHT */
        --mainContentTopSpacerHeight: var(--defaultMainContentTopSpacerHeightXlarge);
        --mainContentBottomSpacerHeight: var(--defaultMainContentBottomSpacerHeightXlarge);
        /* || FOOTER */
        /* WIDTH */
        --FooterContainerWidth: var(--defaultFooterContainerWidthXlarge);
        --footerContentTopSpacerWidth: var(--defaultFooterContentTopSpacerWidthXlarge);
        --footerContentWidth: var(--defaultFooterContentWidthXlarge);
        --footerContentBottomSpacerWidth: var(--defaultFooterContentBottomSpacerWidthXlarge);
        /* HEIGHT */
        --footerContentTopSpacerHeight: var(--defaultFooterContentTopSpacerHeightXlarge);
        --footerContentBottomSpacerHeight: var(--defaultFooterContentBottomSpacerHeightXlarge);
        /* FOOTER HEADING */
        --footerHeading: var(--defaultFooterHeadingXlarge);
        /* FOOTER BODY FONT */
        --footerFontSize: var(--defaultFooterFontSizeXlarge);
        /* FOOTER ICON WIDTH AND HEIGHT*/
        --footerIconWidth: var(--defaultFooterIconWidthLarge);
        --footerIconHeight: var(--defaulFooterIconHeightLarge);
    }
}