/*START FONT*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');

body {
font-family: "Helvetica Neue", 'Inter', Helvetica, Arial, sans-serif !important;
}

/*END FONT*/

/* CUSTOM FOOTER STYLES */

.layout-cpnt {
  margin-bottom: 0 !important;
}

.bayer-custom-footer-main-container {
		background: #10384F;
		padding: 64px 0 24px;
	}
	
	.bayer-custom-footer-main-container .bayer-custom-footer {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	
	.bayer-custom-footer-main-container .footer-links {
		display: flex;
		justify-content: space-between;
	}
	
	.bayer-custom-footer-main-container .footer-links-inner {
		display: flex;
		gap: 50px;
	}
	
	.bayer-custom-footer-main-container .legend,
	.agro-bayer {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	
	.bayer-custom-footer-main-container h4.sub-heading {
		color: #FFF;
		font-size: 20px;
		font-weight: 500;
		line-height: 24px;
		letter-spacing: 0.25px;
		margin: 0;
	}
	
	.bayer-custom-footer-main-container .bayer-custom-footer ul {
		padding: 0;
		margin: 0;
	}
	
	.bayer-custom-footer-main-container .bayer-custom-footer ul li {
		list-style-type: none;
	}
	
	.bayer-custom-footer-main-container .footer-links-inner a {
		color: #FFF;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		letter-spacing: 0.15px;
		margin: 0 0 12px;
		text-decoration: none;
		display: block;
	}
	
	.bayer-custom-footer-main-container .bayer-footer-logo img {
		display: block;
		width: 100%;
		height: auto;
		max-width: 234px;
		margin: 0;
	}
	
	.bayer-custom-footer-main-container .footer-social {
		padding: 12px 0 40px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
	}
	
	.bayer-custom-footer-main-container .footer-social ul {
		display: flex;
		gap: 24px;
		justify-content: center;
	}
	
	.bayer-custom-footer-main-container .footer-social img {
		display: block;
		width: 100%;
		height: auto;
		max-width: 32px;
		margin: 0;
	}
	
	.bayer-custom-footer-main-container .footer-bottom {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.bayer-custom-footer-main-container .footer-bottom p.sml-text,
	.footer-bottom a {
		font-size: 12px;
		font-weight: 700;
		line-height: 16px;
		letter-spacing: 0.25px;
		color: #FFF;
		text-decoration: none;
	}
	
	.bayer-custom-footer-main-container .footer-bottom ul {
		display: flex;
		gap: 5px;
		justify-content: flex-end;
		flex-wrap: wrap;
	}
	
	.bayer-custom-footer-main-container .footer-bottom li {
		color: #FFF;
	}
	
	@media (max-width: 992px) {
		.bayer-custom-footer-main-container .footer-links-inner {
			flex-direction: column;
		}
		.bayer-custom-footer-main-container .footer-links {
			flex-direction: column-reverse;
			gap: 64px;
		}
		.bayer-custom-footer-main-container .footer-bottom {
			flex-direction: column-reverse;
			gap: 24px;
		}
		.bayer-custom-footer-main-container .footer-bottom ul {
			justify-content: flex-start;
		}
	}

/*END CUSTOM FOOTER STYLES */

/* CUSTOM 404 STYLES */

    .main-coloyal-404 {
        padding: 120px 0;
        width: 100%;
        margin: 0 auto;
    }

    .main-coloyal-404 h1 {
        color: rgba(16, 56, 79, 0.73);
        font-size: 180px;
        font-weight: 500;
        line-height: 180px;
        letter-spacing: 0.75px;
        margin: 0 0 8px;
        text-align: center;
    }

    .main-coloyal-404 p.sub-404, .main-coloyal-404 a {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: #10384F;
        margin: 0 0 64px;
        text-align: center;
    }

    .main-coloyal-404 a {
        font-weight: 700;
        color: #FFF;
        padding: 12px 24px;
        border-radius: 12px 0px;
        background-color: #10384F;
        display: block;
        width: fit-content;
        text-decoration: none;
        margin: 0 auto;
    }

/* END CUSTOM 404 STYLES */

/* CUSTOM MAINTENANCE STYLES */

    .main-coloyal-maintenance {
        padding: 80px 0;
    }

    .main-coloyal-maintenance .copy-container {
        text-align: left;
        max-width: 50%;
    }

    .main-coloyal-maintenance h1 {
        color: #10384F;
        font-size: 60px;
        font-weight: 300;
        line-height: 72px;
        letter-spacing: 0.75px;
        margin: 0 0 24px;
    }

    .main-coloyal-maintenance p.sub-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.15px;
    }

    .main-coloyal-maintenance .img-container {
        width: 40%;
    }

    .main-coloyal-maintenance .img-container img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    @media (max-width: 992px) {
        .main-coloyal-maintenance {
            flex-direction: column-reverse;
            justify-content: center;
            gap: 48px;
        }

        .main-coloyal-maintenance .copy-container {
            max-width: 100%;
            text-align: center;
        }

        .main-coloyal-maintenance .img-container {
            width: 100%;
        }
    }

/* END CUSTOM MAINTENANCE STYLES */

/* START SERIAL CARD */

[data-widget-id="16548"] .form-control {
border: 1px solid #fff !important;
margin-bottom: 30px !important;
}

[data-widget-id="26465"] .btn {
padding: 10px !important;
background-color: #1e70da !important;
color: #fff !important;
width: 100% !important;
font-size: 16px !important;
}

/* END SERIAL CARD */

/* START FEED*/
[data-widget-id="1724"].form-control {
border-radius: 24px 5px 24px;
}
.mb-0 pl-sm mt-0 text-semi-bold text-14 {
font-weight: 500;
font-size: 18px;
}
/*END FEED*/


/* TOP NAV ICON OVERRIDES JAN 30TH */

#header-wrap ul.top-nav-icons-list li a:not(.pseudo-select .options li a),
#header-wrap ul.top-nav-icons-list li button {
  width: 24px;
  height: 24px;
  position: relative;
}
.pseudo-select .options li a:after, 
.pseudo-select .options li a:hover:after { display: none; }

/*#header-wrap ul.top-nav-icons-list li:nth-of-type(1) a:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/shopping-bag.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease;
}
#header-wrap ul.top-nav-icons-list li:nth-of-type(1) a:hover:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/shopping-bag-hover.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

#header-wrap ul.top-nav-icons-list li:nth-of-type(1) a:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/heart.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease;
}
#header-wrap ul.top-nav-icons-list li:nth-of-type(1) a:hover:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/heart-hover.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

 #header-wrap ul.top-nav-icons-list li:nth-of-type(2) a:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/cart.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease;
}
#header-wrap ul.top-nav-icons-list li:nth-of-type(2) a:hover:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/cart-hover.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#header-wrap ul.top-nav-icons-list li:nth-of-type(3) button:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/account_circle.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease;
}
#header-wrap ul.top-nav-icons-list li:nth-of-type(3) button:hover:after {
  content: url('https://cloudfront.carltonone.com/dashboard-images/client-specific/coloyal-bayer/icons/account_circle-hover.svg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#header-wrap ul.top-nav-icons-list li:nth-of-type(3) {
  height: 24px;
}

#header-wrap ul.top-nav-icons-list li a svg,
#header-wrap ul.top-nav-icons-list li button svg { display: none; }

.topNavIcons a.psr[data-badge]:not([data-badge='0'])::before, .topNavIcons button.psr[data-badge]:not([data-badge='0'])::before {
    position: absolute;
    bottom: 18px;
    left: 18px;
    background: #10384f;
    border-radius: 50%;
    content: attr(data-badge);
    font-size: 10px;
    font-weight: 500;
    line-height: 0.5em;
    text-align: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 17px;
    min-width: 17px;
}
.topNavIcons a.psr[data-badge]:not([data-badge='0'])::after {
  background: none;
}

@media screen and (max-width: 767px) {
  #header-wrap .grs-storefront-logo .nav-icon-mobile .mobile-top-nav-icons .topNavIcons .top-nav-icons-list li a.psr[data-badge]:not([data-badge='0'])::after {
    bottom: 16px;
    left: 0px !important;
  }

#header-wrap .topNavIcons a.psr[data-badge]:not([data-badge='0'])::after, #header-wrap .topNavIcons button.psr[data-badge]:not([data-badge='0'])::after {
  bottom: 16px;
    left: 0px !important;
}
  .topNavIcons a.psr[data-badge]:not([data-badge='0'])::before, .topNavIcons button.psr[data-badge]:not([data-badge='0'])::before {
    left: 16px;
  }
  .topNavIcons ul.top-nav-icons-list #hamburger-menu svg {
    display: block;
   }
}

customSelect.lang-dropdown,
#ddlLanguages {
  display: none;
}

/*UX-2006 PAGE OVERRIDES*/

/*/mypoints/transactions && /orders*/
.myPoints-page,
.myOrders-page,
.myMetrics-page,
.myAccount-page,
.contactUs-page,
.cookiePolicy-page,
.memberHome-page,
.submitMetrics-page {
  color: #10384F;
}

.myPoints-page .container .container,
.myMetrics-page .container .container { width: 100%; }

.myPoints-page h1#main-title.page-header,
.myOrders-page h1#main-title,
.myMetrics-page h1#main-title,
.submitMetrics-page h1#main-title,
#dreamTracker h1#main-title.page-header,
.myAccount-page h1#main-title,
.contactUs-page h1#main-title,
.cookiePolicy-page h1#main-title,
.memberHome-page h1#main-title,
.myProfile-page h1#main-title.page-header {
  font-size: 60px;
  font-weight: 300;
  line-height: 72px;
  letter-spacing: 0.75px;
  margin: 40px 0;
  padding: 0;
  border-bottom: none;
}

.surveys-page h1#main-title.page-header {
  font-size: 40px;
  font-weight: 300;
  line-height: 45px;
  letter-spacing: 0.75px;
  margin: 40px 0;
  padding: 0;
  border-bottom: none;
}

.myOrders-page .orders-header,
.myMetrics-page .page-header,
.submitMetrics-page .page-header {
  border-bottom: none;
  margin: 0 !important;
  padding: 0 !important;
}

.myPoints-page h1#main-title span.fal.fa-user,
.myAccount-page h1#main-title span.fal.fa-user,
.termsandConditions-page h1#main-title span.fal.fa-gavel,
.contactUs-page h1#main-title span.fal.fa-envelope,
.memberHome-page h1#main-title span.fal.fa-user,
.myOrders-page h1#main-title span.fal.fa-user,
.myMetrics-page h1#main-title span.fal.fa-user,
.cookiePolicy-page h1#main-title span.fal.fa-lock,
.submitMetrics-page h1#main-title span.fal.fa-user,
.surveys-page h1#main-title.page-header span.fal.fa-check-circle,
#dreamTracker h1#main-title span.fal.fa-heart,
.myProfile-page h1#main-title span.fal.fa-user { display: none; }

.myPoints-page .nav.nav-pills.mb-md label,
.myOrders-page .nav.nav-pills.mb-md label,
.myMetrics-page .nav.nav-pills.mb-md label,
.myProfile-page .dropdown label#options {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.15px;
}
.myPoints-page .nav.nav-pills.mb-md button#ddlPageTab,
.myOrders-page .nav.nav-pills.mb-md button#ddlPageTab,
.myMetrics-page .nav.nav-pills.mb-md button#ddlPageTab,
.myProfile-page .dropdown button.dropdown-toggle.btn {
  border-radius: 12px 0px;
  padding: 12px 16px !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.myPoints-page .fixed-table-toolbar,
.myOrders-page .fixed-table-toolbar,
.myMetrics-page .fixed-table-toolbar { margin-bottom: 16px !important; }
.myPoints-page .fixed-table-toolbar button,
.myOrders-page .fixed-table-toolbar button,
.myMetrics-page .fixed-table-toolbar button {
  border-radius: 12px 0px;
  padding: 12px 16px !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.myPoints-page .fixed-table-toolbar button#point-filter,
.myOrders-page .fixed-table-toolbar #orders-filter button,
.myMetrics-page .fixed-table-toolbar #su-filter button { margin-right: 10px !important; }

.myPoints-page .table,
.myOrders-page .table,
.myMetrics-page .table,
.submitMetrics-page .table { border-bottom: none !important; }

.myPoints-page .table > thead > tr > th,
.myPoints-page .table > tbody > tr > td,
.myOrders-page .table > thead > tr > th,
.myOrders-page .table > tbody > tr > td,
.myMetrics-page .table > thead > tr > th,
.myMetrics-page .table > tbody > tr > td,
.submitMetrics-page .table > thead > tr > th,
.submitMetrics-page .table > tbody > tr > td {
  background-color: #fff;
  padding: 16px 0;
  border-bottom: 1px solid rgba(16, 56, 79, 0.12);
}

.myPoints-page .table > thead > tr > th span,
.myOrders-page .table > thead > tr > th span,
.myMetrics-page .table > thead > tr > th span,
.submitMetrics-page .table > thead > tr > th span,
.submitMetrics-page .container div div .row.mb-md .col-lg-9.col-xs-12 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.myPoints-page .table > tbody > tr > td button.btn-link.text-underline,
.myPoints-page .table > tbody > tr > td span,
.myPoints-page span.pagination_info,
.myPoints-page .page_list span,
.myOrders-page .table > tbody > tr > td button.btn-link.text-underline,
.myOrders-page .table > tbody > tr > td span,
.myOrders-page span.pagination_info,
.myOrders-page .page_list span,
.myMetrics-page .table > tbody > tr > td button.btn-link.text-underline,
.myMetrics-page .table > tbody > tr > td span,
.myMetrics-page span.pagination_info,
.myMetrics-page .page_list span,
.submitMetrics-page .table > tbody > tr > td button.btn-link.text-underline,
.submitMetrics-page .table > tbody > tr > td span,
.submitMetrics-page span.pagination_info,
.submitMetrics-page .page_list span,
.myProfile-page #requiredFieldsLegend span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  text-decoration: none;
}

.myPoints-page .table > tbody > tr > td button.btn-link.text-underline,
.myOrders-page .table > tbody > tr > td button.btn-link.text-underline ,
.myMetrics-page .table > tbody > tr > td button.btn-link.text-underline,
.submitMetrics-page .table > tbody > tr > td button.btn-link.text-underline { color: #017DB8; }
.myPoints-page .table > tbody > tr > td button.btn-link.text-underline:hover,
.myOrders-page .table > tbody > tr > td button.btn-link.text-underline:hover,
.myMetrics-page .table > tbody > tr > td button.btn-link.text-underline:hover,
.submitMetrics-page .table > tbody > tr > td button.btn-link.text-underline:hover { text-decoration: underline; }

.myPoints-page .table > tfoot > tr > td,
.myOrders-page .table > tfoot > tr > td,
.myMetrics-page .table > tfoot > tr > td,
.submitMetrics-page .table > tfoot > tr > td { padding: 16px 0; }

.myPoints-page .table > tfoot > tr > td:last-of-type strong,
.myOrders-page .table > tfoot > tr > td:last-of-type strong,
.myMetrics-page .table > tfoot > tr > td:last-of-type strong,
.submitMetrics-page .table > tfoot > tr > td:last-of-type strong { font-weight: normal !important; }

.myPoints-page .table > tfoot > tr > td strong,
.myOrders-page .table > tfoot > tr > td strong,
.myMetrics-page .table > tfoot > tr > td strong,
.submitMetrics-page .table > tfoot > tr > td strong {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.myPoints-page #transactions_modal .modal-content #modal-title {
  border-bottom: none;
  padding: 16px; 
}

.myPoints-page #transactions_modal .modal-content #modal-title h2.modal-title {
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.5px;
  margin: 8px 0;
}

.myPoints-page #transactions_modal .modal-content #modal-description dt.control-label,
.myPoints-page #transactions_modal .modal-content #modal-description  dd p.form-control-static {
  color: rgba(16, 56, 79, 0.73);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  margin: 0 0 8px;
}
.myPoints-page #transactions_modal .modal-content #modal-description  dd p.form-control-static { color: #000; }

.myPoints-page #transactions_modal .modal-content .modal-footer { border: none; }

.myPoints-page #transactions_modal .modal-content .modal-footer button.btn {
  background: #10384F;
  padding: 12px 16px;
  border-radius: 12px 0;
  width: fit-content;
  width: moz-fit-content;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.myPoints-page .fixed-table-toolbar #popover .popover-content {
  padding: 16px;
}

.myPoints-page .fixed-table-toolbar #popover .popover-content .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.myPoints-page .fixed-table-toolbar #popover .popover-content .form-group p.col-md-12.mb-0 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  margin: 0 0 16px !important;
}

.myPoints-page .fixed-table-toolbar #popover .popover-content .form-group label.control-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.15px;
  padding-left: 0;
}

/*/sales_central/metricQueue/submissions && /sales_central/submit*/
.myMetrics-page .page-header a,
.submitMetrics-page .page-header button,
.submitMetrics-page span.display-block.text-right button#btn-submit,
.submitMetrics-page .modal .modal-footer button#btn-add {
  border-radius: 12px 0;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
}
.submitMetrics-page .container div div .row.mb-md .col-lg-9.col-xs-12 {
  margin: 16px 0;
  width: 100%;
}
.submitMetrics-page .container div div .row.mb-md .col-lg-9.col-xs-12 p { font-weight: 500; }

.submitMetrics-page .modal #modal-title { border-bottom: none; }
.submitMetrics-page .modal h2.modal-title.font-size-h4 {
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.5px;
}

.submitMetrics-page .modal #modal-description .form-group.form-req {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.submitMetrics-page .modal #modal-description .form-group.form-req label {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  max-width: 150px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.submitMetrics-page .modal input.form-control, 
.submitMetrics-page .duet-date__input {
  border-radius: 2px;
  border: 1px solid rgba(16, 56, 79, 0.38);
  padding: 12px;
}
.submitMetrics-page .modal #modal-description .form-group.form-req label#label-attachment { margin-bottom: 0 !important; }
.submitMetrics-page .modal .input-group button#item-selector,
.submitMetrics-page #itemSelection.modal span.input-group-btn button { height: 100%; }

.submitMetrics-page .modal .modal-footer {
  display: flex;
  flex-direction: row-reverse;
  border: none;
}

.submitMetrics-page .modal .modal-footer #btn-metric-cancel {
  border: none;
  background: none;
  padding: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.submitMetrics-page #itemSelection.modal #modal-description p,
.submitMetrics-page #itemSelection.modal #modal-description h3.page-header{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  margin: 0 0 16px !important;
}

.submitMetrics-page #itemSelection.modal .modal-footer:before,
.submitMetrics-page #itemSelection.modal .modal-footer:after { display: none; }
.submitMetrics-page #itemSelection.modal .modal-footer { gap: 12px; }

.submitMetrics-page #itemSelection.modal .modal-footer button {
  border-radius: 12px 0;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.submitMetrics-page #itemSelection.modal .form-group.mb-0.flex-row.flex-nowrap { margin-bottom: 24px !important; }

/*/mall/dreamTracker*/
#dreamTracker .tr-dreamtracker a h2.media-heading {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #017DB8;
}
#dreamTracker .tr-dreamtracker .media-left p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.15px;
}

#dreamTracker .tr-dreamtracker .dreamtracker-media-right button.btn {
  border-radius: 12px 0;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
}

/*/myprofile*/
.myProfile-page #requiredFieldsLegend i,
.myProfile-page #profileForm span.text-muted.text-unbold { display: none; }

.myProfile-page #requiredFieldsLegend span { color: rgba(16, 56, 79, 0.50); }

.myProfile-page #profileForm .form-group label strong {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.35px;
}

.myProfile-page #profileForm input.form-control,
.myProfile-page #profileForm .form-group select.form-control {
  padding: 12px;
  border-radius: 2px;
  border: 1px solid rgba(16, 56, 79, 0.38);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.myProfile-page #profileForm .row:nth-of-type(2) .form-group.text-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 auto;
}

.myProfile-page #profileForm .row:nth-of-type(2) .form-group.text-center button.btn.btn-block {
  border-radius: 12px 0;
  padding: 12px 60px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
  width: fit-content;
  width: -moz-fit-content;
}

.myProfile-page #profileForm .row:nth-of-type(2) .form-group.text-center a#btn-cancel-1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.15px;
  padding: 0;
  margin: 0;
}


/*UX-1994 STOREFRONT OVERRIDES*/

/* GALLERY DASHBOARD OVERRIDES */

#gallery-dashboard [data-widget-type="galleryRecommendation"] h2.cat {
    color: #10384F;
    font-size: 34px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 0.5px;
    padding: 0 0 0 1rem;
    margin: 0;
}

#gallery-dashboard [data-widget-type="galleryRecommendation"] span.cline {
    display: none;
}

#gallery-dashboard [data-widget-type="galleryRecommendation"] .x {
    justify-content: flex-start;
    margin: 40px 0; 
}

#gallery-dashboard [data-widget-type="galleryRecommendation"] .x.pl2 {
    padding-left: 0;
}

#gallery-dashboard .layout-cpnt {
    margin-bottom: 0;
}

#gallery-dashboard [data-widget-type="galleryRecommendation"] .mwA {
    max-width: 1500px;
}

/* SCOPED FIXES */
.rewards-for-you .product-box {
    border-radius: 0px 24px;
    border: 1px solid rgba(16, 56, 79, 0.12);
}

.rewards-for-you .product-tile-link {
    border-radius: 0px 24px;
}

.rewards-for-you .product-box .product-copy-container .product-title h2,
.rewards-for-you .product-box .product-copy-container .price-container span.our-price {
    color: #10384F;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.25px;
}

.rewards-for-you .product-box .product-copy-container .product-title h2 {
    margin-top: 8px !important;
}

.rewards-for-you .product-title::before {
    content: "";
    color: #10384F;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.rewards-for-you a.product-tile-link div[data-productname]:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
}

.rewards-for-you .product-box {
    display: flex;
}

.rewards-for-you .product-tile-link {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rewards-for-you .inner-router-link-bottom {
    display: flex;
    justify-content: flex-start;
    flex: 1;
}

.rewards-for-you .product-copy-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.rewards-for-you .product-title {
    flex-grow: 1;
}

/* Gallery Header Overrides */

.header-container .svg-search-btn {
    border-radius: 24px 0;
}

.header-container .point-bucket .point-count .num {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.25px;
    color: #10384F;
}

/* Shop Categories */

#reward-gallery #facets-description .facetSide.menu h2, #reward-gallery #facets-description .font-size-medium, .mall-breadcrumbs #desktop_breadcrumb span, .mall-breadcrumbs .copy-link, #reward-gallery #resultsBar, #desktop_breadcrumb a {
    color: #10384F;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
}

#reward-gallery #facets-description .font-size-medium, .mall-breadcrumbs #desktop_breadcrumb span, .mall-breadcrumbs .copy-link, #reward-gallery #resultsBar, #desktop_breadcrumb a {
    font-weight: 400;
}

#reward-gallery #resultsBar #sortButton {
    background-color: transparent !important;
}

#reward-gallery #resultsBar #sortButtonLabel {
    font-weight: 400 !important;
}

#reward-gallery #resultsBar #sortButton span.fal {
    font-weight: 700;
    color: #10384F;
}

.fa-sort-alt:before {
    content: "\f883";
}

.mall-breadcrumbs-container .breadcrumb > li span:nth-child(2)::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f054";
    color: #10384F;
    font-size: 14px;
    margin: 0 20px;
}

.mall-breadcrumbs-container .breadcrumb>li span:first-child::before {
    display: none;
}

.fa-chevron-circle-right::before {
    display: none;
}

.fa-chevron-circle-right::after {
    content: "\f054" !important;
}

.rangeSearch_container .btn-icon span {
    font-size: 8px !important;
    font-weight: 500;
    color: #FFF !important;
    border: 1px solid #10384F;
    border-radius: 100%;
    background: #10384f;
    padding: 5px 7px;
}

.rangeSearch_container label[for="searchMinPtsUpdate"], .rangeSearch_container label[for="searchMaxPtsUpdate"] {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.35px;
    color: #10384F;
}

/* Shop Nav */

#reward-gallery #pagination .pagination > li > a {
    border: 1px solid #FFF;
}

#reward-gallery #pagination .pagination > li.active > a, #reward-gallery #pagination .pagination > li.disable > a {
    color: #10384F;
}

#reward-gallery #pagination .pagination > li > a:hover {
    background-color: #10384F;
    color: #FFF;
    border: 1px solid #10384F;
}

#reward-gallery #pagination .pagination > .active > a {
    color: #10384F;
    border-color: #10384F;
}

#reward-gallery #pagination .pagination-chevron {
    color: #10384F;
}

#reward-gallery #pagination .pagination-chevron:hover {
    color: #FFF;
}

#reward-gallery #pagination .pagination > .disabled > a {
    color: #10384F;
}

#reward-gallery #pagination .pagination-sm > li:first-child > a, #reward-gallery #pagination .pagination-sm > li:last-child > a {
    border: none;
    color: #10384F;
}
/*END UX-1994 STOREFRONT OVERRIDES*/
/*SURVEY*/
.surveys-page form#survey-form #requiredFieldsLegend { display: none; }
/*END SURVEY*/

/*CONTACT*/
.contactUs-page #requiredFieldsLegend { display: none; }
/*END CONTACT*/

.dashboards-0-page .bfas-home-inline-row {
    margin-top: 50px;
}

.dashboards-63-page .participant-profile-label { font-weight: 800 !important; color: #24445b !important; font-size: 13px !important;}

.dashboards-0-page .bfas-home-inline-row {
    margin-top: 208px;
}

/* MOOBILEE */
@media screen and (max-width: 480px) {
  #main {
    background: #f9fafb !important;
  }

  #main > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  #main #member-dashboard > .row.flex-row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  #main #member-dashboard > .row.flex-row > .col-xs-12,
  #main #member-dashboard > .row.flex-row > .col-xs-12.col-md-8,
  #main #member-dashboard > .row.flex-row > .col-xs-12.col-md-4,
  #main #member-dashboard > .row.flex-row > .col-xs-12.col-md-12 {
    display: contents !important;
  }

  #main #member-dashboard .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #main #member-dashboard [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #main #member-dashboard .layout-cpnt,
  #main #member-dashboard .dashboards-widget {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important;
  }

  #main [data-widget-id="296"] {
    order: 1 !important;
  }

  #main [data-widget-id="332"] {
    order: 2 !important;
  }

  #main [data-widget-id="295"] {
    order: 3 !important;
  }

  #main [data-widget-id="23"] {
    order: 4 !important;
  }

  #main [data-widget-id="297"] {
    order: 5 !important;
  }

  #main [data-widget-id="306"] {
    order: 6 !important;
  }

  #main [data-widget-id="69"] {
    order: 7 !important;
  }

  #main [data-widget-id="299"] {
    order: 8 !important;
  }

  #main [data-widget-id="298"] {
    order: 9 !important;
  }

  #main [data-widget-id="300"] {
    order: 10 !important;
  }

  #main .main-points-links-block-container {
    margin: 0 0 8px !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 0 0 18px 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  #main .points-balance-block {
    min-height: 82px !important;
    padding: 12px 16px !important;
    border-radius: 0 0 18px 0 !important;
    background: linear-gradient(135deg, #0089c4 0%, #1aa3dc 55%, #0b7ab5 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  #main .points-balance-block .points p,
  #main .points-balance-block .points p.balance-header,
  #main .points-balance-block .points p span.points-balance {
    color: #ffffff !important;
    margin: 0 !important;
  }

  #main .points-balance-block .points p.balance-header {
    font-size: 11px !important;
    line-height: 15px !important;
    font-weight: 700 !important;
  }

  #main .points-balance-block .points p {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  #main .points-balance-block .points p span.points-balance {
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
  }

  #main .points-balance-block .logo-container img {
    max-width: 62px !important;
    height: auto !important;
  }

  #main [data-widget-id="296"] .quick-links-block {
    display: none !important;
  }

  #main .bayer-farm-account-switcher-container {
    margin: 0 0 14px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #main .bfas-home-inline-row {
    display: block !important;
    margin-top: 16px !important;
  }

  #main .bfas-home-inline-label {
    display: block !important;
    color: #10384F !important;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
    margin: 0 0 4px !important;
  }

  #main .bfas-home-inline-select-wrap,
  #main .bfas-select-wrap {
    width: 100% !important;
  }

  #main .bfas-native-select-visible,
  #main .bfas-home-inline-select {
    width: 100% !important;
    height: 36px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    color: #10384F !important;
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 8px 34px 8px 10px !important;
  }

  #main [data-widget-id="295"] .bayer-home-header-section {
    margin: 12px 0 0 !important;
  }

  #main [data-widget-id="295"] .bayer-home-header-section h1,
  #main [data-widget-id="295"] .bayer-home-header-section p.header-sub-text,
  #main [data-widget-id="295"] .bayer-home-header-section > img,
  #main [data-widget-id="295"] .bayer-home-header-section > br {
    display: none !important;
  }

  #main [data-widget-id="295"] .bayer-home-header-section h2,
  #main [data-widget-id="295"] .bayer-home-header-section h2 span {
    color: #10384F !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 12px !important;
  }

  #main [data-widget-id="295"] .bayer-home-header-section ol {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #main [data-widget-id="295"] .bayer-home-header-section ol li {
    min-height: 74px !important;
    padding: 12px 16px !important;
    border: 1px solid #e7edf1 !important;
    border-radius: 18px 0 18px 0 !important;
    background: #ffffff !important;
    color: #10384F !important;
    font-size: 13px !important;
    line-height: 18px !important;
  }

  #main [data-widget-id="295"] .bayer-home-header-section ol li:nth-child(2) {
    background: linear-gradient(160deg, #0089c4 0%, #2bb5e8 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
  }

  #main [data-widget-id="295"] .bayer-home-header-section ol li:nth-child(2) a,
  #main [data-widget-id="295"] .bayer-home-header-section ol li:nth-child(2) strong,
  #main [data-widget-id="295"] .bayer-home-header-section ol li:nth-child(2) u {
    color: #ffffff !important;
  }

  #main [data-widget-id="23"] h1.bayer-home-header-section {
    color: #10384F !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    margin: 16px 0 8px !important;
  }

  #main [data-widget-id="23"] img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
  }

  #main .main-bayer-rewards-container .rewards-header {
    padding: 0 !important;
    margin: 20px 0 10px !important;
  }

  #main .main-bayer-rewards-container .rewards-header h2.bayer-sub-header {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    margin: 0 !important;
  }

  #main .main-bayer-rewards-container .rewards-header a p {
    font-size: 11px !important;
    line-height: 16px !important;
  }

  #main .main-bayer-rewards-container .rewards-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  #main .main-bayer-rewards-container .rewards-grid .reward:nth-child(n + 4) {
    display: none !important;
  }

  #main .main-bayer-rewards-container .rewards-grid .reward {
    min-height: 72px !important;
    border: 1px solid #e7edf1 !important;
    border-radius: 18px 0 18px 0 !important;
    display: flex !important;
    flex-direction: row !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  #main .main-bayer-rewards-container .reward .product {
    width: 132px !important;
    min-width: 132px !important;
  }

  #main .main-bayer-rewards-container .reward img {
    width: 132px !important;
    height: 72px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
  }

  #main .main-bayer-rewards-container .reward .product-type {
    padding: 7px 9px !important;
    justify-content: center !important;
  }

  #main .main-bayer-rewards-container .reward .product-sub-cat {
    display: none !important;
  }

  #main .main-bayer-rewards-container .reward .product-name {
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
    margin: 0 0 4px !important;
  }

  #main .main-bayer-rewards-container .reward .point-value {
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    margin: 0 !important;
  }

  #main [data-widget-id="306"] .main-points-links-block-container,
  #main [data-widget-id="69"] .main-points-links-block-container {
    margin-top: 12px !important;
    padding: 12px !important;
    border-radius: 18px 0 18px 0 !important;
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
  }

  #main [data-widget-id="306"] .referral-block .points p,
  #main [data-widget-id="306"] .referral-block .points span,
  #main [data-widget-id="69"] .referral-block .points p,
  #main [data-widget-id="69"] .referral-block .points span {
    color: #10384F !important;
    font-size: 12px !important;
    line-height: 16px !important;
    margin: 0 !important;
  }

  #main [data-widget-id="306"] .quick-links-block a.upload-invoice,
  #main [data-widget-id="69"] .quick-links-block a.upload-invoice {
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border-radius: 12px 0 12px 0 !important;
    background: #10384F !important;
    color: #ffffff !important;
  }

  #main [data-widget-id="306"] .quick-links-block a.upload-invoice p,
  #main [data-widget-id="69"] .quick-links-block a.upload-invoice p {
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }

  #main .main-bayer-participating-products-container {
    margin: 12px 0 !important;
    padding: 18px 12px !important;
    border-radius: 18px 0 18px 0 !important;
  }

  #main .main-bayer-participating-products-container h2 {
    font-size: 16px !important;
    line-height: 22px !important;
    margin: 0 0 4px !important;
  }

  #main .main-bayer-participating-products-container p {
    font-size: 11px !important;
    line-height: 15px !important;
  }

  #main .brand-block {
    padding: 12px 0 !important;
  }

  #main .brand-block h2.bayer-sub-header {
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 10px !important;
  }

  #main .main-brand-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }

  #main .main-brand-grid a {
    padding: 14px 18px !important;
    border-radius: 14px 0 14px 0 !important;
  }

  #main .main-bayer-support-container h2.bayer-sub-header {
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 10px !important;
  }

  #main .main-bayer-support-container .support-boxes.flex-row.align-center {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  #main .main-bayer-support-container .contact-box,
  #main .main-bayer-support-container .faq-box,
  #main .main-bayer-support-container .send-msg-box {
    width: 100% !important;
    padding: 12px 10px !important;
    border-radius: 18px 0 18px 0 !important;
  }

  #main .main-bayer-support-container .contacts.flex-row.justify-flex-start.align-center {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  #main .main-bayer-support-container .vertical-rule,
  #main .main-bayer-support-container .hours {
    display: none !important;
  }

  #main .main-bayer-support-container h3 {
    font-size: 14px !important;
    line-height: 18px !important;
    margin: 0 0 4px !important;
  }

  #main .main-bayer-support-container p,
  #main .main-bayer-support-container a,
  #main .main-bayer-support-container span {
    font-size: 11px !important;
    line-height: 15px !important;
  }

  .bayer-custom-footer-main-container {
    padding: 48px 16px 24px !important;
  }

  .bayer-custom-footer-main-container .container {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .bayer-custom-footer-main-container .footer-links {
    flex-direction: column-reverse !important;
    gap: 48px !important;
  }

  .bayer-custom-footer-main-container .footer-links-inner {
    flex-direction: column !important;
    gap: 36px !important;
  }

  .bayer-custom-footer-main-container .bayer-footer-logo img {
    max-width: 220px !important;
  }

  .bayer-custom-footer-main-container .footer-social {
    padding: 28px 0 34px !important;
  }

  .bayer-custom-footer-main-container .footer-bottom {
    flex-direction: column-reverse !important;
    gap: 24px !important;
  }

  .bayer-custom-footer-main-container .footer-bottom ul {
    justify-content: flex-start !important;
  }
}

@media screen and (max-width: 480px) {
  #main {
    background: #f9fafb !important;
  }

  #main > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  #main #member-dashboard > .row.flex-row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  #main #member-dashboard > .row.flex-row > .col-xs-12,
  #main #member-dashboard > .row.flex-row > .col-xs-12.col-md-8,
  #main #member-dashboard > .row.flex-row > .col-xs-12.col-md-4,
  #main #member-dashboard > .row.flex-row > .col-xs-12.col-md-12 {
    display: contents !important;
  }

  #main #member-dashboard .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #main #member-dashboard [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #main #member-dashboard .layout-cpnt,
  #main #member-dashboard .dashboards-widget {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important;
  }

  #main [data-widget-id="344"] {
    order: 1 !important;
  }

  #main [data-widget-id="332"] {
    order: 2 !important;
  }

  #main [data-widget-id="340"] {
    order: 3 !important;
  }

  #main [data-widget-id="341"] {
    order: 4 !important;
  }

  #main [data-widget-id="342"] {
    order: 5 !important;
  }

  #main [data-widget-id="26"] {
    order: 6 !important;
  }

  #main [data-widget-id="27"] {
    order: 7 !important;
  }

  #main [data-widget-id="23"] {
    order: 8 !important;
  }

  #main [data-widget-id="24"] {
    order: 9 !important;
  }

  #main [data-widget-id="29"] {
    order: 10 !important;
  }

  #main [data-widget-id="343"] {
    order: 11 !important;
  }

  #main [data-widget-id="345"] {
    order: 12 !important;
  }

  #main .main-points-links-block-container {
    margin: 0 0 8px !important;
    padding: 12px 16px !important;
    gap: 0 !important;
    border-radius: 0 0 18px 0 !important;
    background: linear-gradient(135deg, #0089c4 0%, #1aa3dc 55%, #0b7ab5 100%) !important;
  }

  #main .points-balance-block {
    min-height: 82px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  #main .points-balance-block .points p,
  #main .points-balance-block .points p.farm-name,
  #main .points-balance-block .points p.balance-header,
  #main .points-balance-block .points p span.points-balance,
  #main .points-balance-block .points p span.points-balance strong {
    color: #ffffff !important;
    margin: 0 !important;
  }

  #main .points-balance-block .points p.farm-name {
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
  }

  #main .points-balance-block .points p.balance-header {
    display: none !important;
  }

  #main .points-balance-block .points p {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  #main .points-balance-block .points p span.points-balance strong {
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
  }

  #main .points-balance-block .logo-container img {
    max-width: 62px !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
  }

  #main .expiring-block {
    display: none !important;
  }

  #main .bayer-farm-account-switcher-container {
    margin: 0 0 14px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #main .bfas-home-inline-row {
    display: block !important;
    margin-top: 16px !important;
  }

  #main .bfas-home-inline-label {
    display: block !important;
    color: #10384F !important;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
    margin: 0 0 4px !important;
  }

  #main .bfas-home-inline-select-wrap,
  #main .bfas-select-wrap {
    width: 100% !important;
  }

  #main .bfas-add-farm-button,
  #main .bfas-home-inline-add-button {
    width: 100% !important;
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #d5dce1 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #10384F !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
    padding: 8px 10px !important;
    text-decoration: none !important;
  }

  #main .bfas-native-select-visible,
  #main .bfas-home-inline-select {
    width: 100% !important;
    height: 36px !important;
    border: 1px solid #d5dce1 !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    color: #10384F !important;
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 8px 34px 8px 10px !important;
  }

  #main .bayer-home-header-section {
    margin: 12px 0 0 !important;
  }

  #main .bayer-home-header-section h1,
  #main .bayer-home-intro-text,
  #main .bayer-home-intro-spacer {
    display: none !important;
  }

  #main .bayer-home-header-section h3 {
    color: #10384F !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 2px !important;
  }

  #main .bayer-home-header-section p.header-sub-text {
    color: #10384F !important;
    font-size: 11px !important;
    line-height: 15px !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  #main .bayer-home-cards {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  #main .bayer-home-card {
    width: 100% !important;
    min-height: 74px !important;
    padding: 12px 16px !important;
    border: 1px solid #e7edf1 !important;
    border-radius: 18px 0 18px 0 !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    box-shadow: none !important;
    transform: none !important;
  }

  #main .bayer-home-card.featured {
    background: linear-gradient(160deg, #0089c4 0%, #2bb5e8 100%) !important;
    border-color: transparent !important;
  }

  #main .bayer-home-card .card-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    margin: 0 16px 0 0 !important;
  }

  #main .bayer-home-card .card-icon img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
  }

  #main .bayer-home-card .card-content {
    align-items: flex-start !important;
    min-width: 0 !important;
  }

  #main .bayer-home-card .card-title {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    margin: 0 0 2px !important;
  }

  #main .bayer-home-card .card-sub {
    font-size: 11px !important;
    line-height: 15px !important;
    margin: 0 !important;
    opacity: 0.78 !important;
  }

  #main .available-rewards-container {
    margin-top: 20px !important;
    padding: 12px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
  }

  #main .available-rewards-container .section-title {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    margin: 0 0 2px !important;
  }

  #main .available-rewards-container .section-sub {
    font-size: 11px !important;
    line-height: 15px !important;
    margin: 0 0 10px !important;
  }

  #main .rewards-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  #main .reward-card {
    min-height: 72px !important;
    border: 1px solid #e7edf1 !important;
    border-radius: 18px 0 18px 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    overflow: hidden !important;
    box-shadow: none !important;
    transform: none !important;
  }

  #main .reward-card .reward-image {
    width: 142px !important;
    min-width: 142px !important;
    height: 72px !important;
    min-height: 72px !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  #main .reward-card .reward-body {
    padding: 7px 9px !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  #main .reward-card .reward-category,
  #main .reward-card .reward-description {
    display: none !important;
  }

  #main .reward-card .reward-title {
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
    margin: 0 0 4px !important;
  }

  #main .reward-card .reward-points {
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    margin: 0 !important;
  }

  #main .rewards-footer,
  #main .products-footer {
    margin-top: 8px !important;
    justify-content: flex-end !important;
  }

  #main .rewards-footer a,
  #main .products-footer a {
    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
  }

  #main .participating-products-container {
    margin-top: 12px !important;
    padding: 8px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
  }

  #main .participating-products-container .section-title {
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 2px !important;
  }

  #main .participating-products-container .section-sub {
    font-size: 11px !important;
    line-height: 15px !important;
    margin: 0 0 10px !important;
  }

  #main .products-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  #main .product-card:nth-child(n + 4) {
    display: none !important;
  }

  #main .product-card {
    width: 100% !important;
    min-height: 67px !important;
    border: 1px solid #e7edf1 !important;
    border-radius: 14px 0 14px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    transform: none !important;
  }

  #main .product-card .product-image-wrapper {
    width: 100% !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #main .product-card .product-image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 6px 38px 0 !important;
    box-sizing: border-box !important;
  }

  #main .product-card .product-name {
    font-size: 10px !important;
    line-height: 14px !important;
    padding: 0 8px 6px !important;
    margin: 0 !important;
    text-align: center !important;
  }

  #main .bayer-serial-header {
    margin-top: 12px !important;
    padding: 12px 10px 6px !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  #main .bayer-serial-header .heading-sml {
    font-size: 10px !important;
    line-height: 14px !important;
    margin: 0 0 2px !important;
    color: #10384F !important;
  }

  #main .bayer-serial-header .bayer-sub-header,
  #main .bayer-serial-header h2 {
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    margin: 0 0 8px !important;
    color: #10384F !important;
  }

  #main [data-widget-id="27"] {
    padding: 0 10px 12px !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  #main [data-widget-id="27"] .panel-body {
    padding: 0 !important;
  }

  #main [data-widget-id="27"] form.serial-card-redemption {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
  }

  #main [data-widget-id="27"] .form-group {
    flex: 1 !important;
    margin: 0 !important;
  }

  #main [data-widget-id="27"] label {
    display: none !important;
  }

  #main [data-widget-id="27"] .form-control {
    height: 36px !important;
    border: 1px solid #d5dce1 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    padding: 8px 10px !important;
    box-shadow: none !important;
  }

  #main [data-widget-id="27"] .btn,
  #main [data-widget-id="27"] button.btn-secondary {
    width: 86px !important;
    height: 36px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    background: #9aa8b2 !important;
    color: #ffffff !important;
    border: none !important;
  }

  #main [data-widget-id="23"] h1.bayer-home-header-section {
    color: #10384F !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    margin: 12px 0 8px !important;
  }

  #main [data-widget-id="23"] br {
    display: none !important;
  }

  #main [data-widget-id="24"] .media-list {
    margin: 0 !important;
    padding: 0 !important;
  }

  #main [data-widget-id="24"] .feed-widget-item {
    border-radius: 8px !important;
    margin-bottom: 12px !important;
  }

  #main [data-widget-id="24"] .feed-widget-body.card-well {
    padding: 0 !important;
    overflow: hidden !important;
  }

  #main [data-widget-id="24"] .feed-widget-body img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  #main .brand-block {
    padding: 12px 0 !important;
  }

  #main .brand-block h2.bayer-sub-header {
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 10px !important;
  }

  #main .main-brand-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }

  #main .main-brand-grid a {
    padding: 14px 18px !important;
    border-radius: 14px 0 14px 0 !important;
  }

  #main .contact-us-container {
    margin-top: 12px !important;
    padding: 12px 10px 14px !important;
    border-radius: 0 0 18px 0 !important;
    background: #E7F8FF !important;
  }

  #main .contact-us-container .section-title {
    font-size: 14px !important;
    line-height: 18px !important;
    margin: 0 0 4px !important;
  }

  #main .contact-us-container .section-sub {
    font-size: 11px !important;
    line-height: 15px !important;
    margin: 0 0 16px !important;
    opacity: 1 !important;
  }

  #main .contact-columns {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin-bottom: 22px !important;
  }

  #main .contact-column .column-title {
    font-size: 12px !important;
    line-height: 16px !important;
    margin: 0 0 5px !important;
  }

  #main .contact-column p {
    font-size: 11px !important;
    line-height: 15px !important;
    margin: 0 0 2px !important;
    opacity: 1 !important;
  }

  #main .contact-footer {
    align-items: flex-end !important;
    gap: 8px !important;
    padding-top: 0 !important;
  }

  #main .contact-footer a {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
  }

  #main .quick-access-container {
    margin-top: 12px !important;
    padding: 16px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 18px 0 18px 0 !important;
    background: #ffffff !important;
  }

  #main .quick-access-container h2 {
    font-size: 16px !important;
    line-height: 22px !important;
    margin: 0 0 10px !important;
  }

  #main .quick-access-list a {
    padding: 11px 0 !important;
  }

  #main .quick-access-list .item-icon {
    width: 24px !important;
    height: 24px !important;
  }

  #main .quick-access-list .item-label {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  #main .quick-access-list .item-arrow {
    font-size: 14px !important;
  }

  .bayer-custom-footer-main-container {
    padding: 48px 16px 24px !important;
  }

  .bayer-custom-footer-main-container .container {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .bayer-custom-footer-main-container .footer-links {
    flex-direction: column-reverse !important;
    gap: 48px !important;
  }

  .bayer-custom-footer-main-container .footer-links-inner {
    flex-direction: column !important;
    gap: 36px !important;
  }

  .bayer-custom-footer-main-container .bayer-footer-logo img {
    max-width: 220px !important;
  }

  .bayer-custom-footer-main-container .footer-social {
    padding: 28px 0 34px !important;
  }

  .bayer-custom-footer-main-container .footer-bottom {
    flex-direction: column-reverse !important;
    gap: 24px !important;
  }

  .bayer-custom-footer-main-container .footer-bottom ul {
    justify-content: flex-start !important;
  }
}