/* Fonts */

@import url("https://p.typekit.net/p.css?s=1&k=exf6lpm&ht=tk&f=44884.44887.45271&a=229481777&app=typekit&e=css");

@font-face {
  font-family: "alternate-gothic-atf";
  src: url("https://use.typekit.net/af/5ab2eb/00000000000000007735c741/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/5ab2eb/00000000000000007735c741/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff"),
    url("https://use.typekit.net/af/5ab2eb/00000000000000007735c741/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "alternate-gothic-atf";
  src: url("https://use.typekit.net/af/889bfc/00000000000000007735c752/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/889bfc/00000000000000007735c752/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
      format("woff"),
    url("https://use.typekit.net/af/889bfc/00000000000000007735c752/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}

@font-face {
  font-family: "alternate-gothic-atf-thin";
  src: url("https://use.typekit.net/af/8f3cca/00000000000000007735c744/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/8f3cca/00000000000000007735c744/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3")
      format("woff"),
    url("https://use.typekit.net/af/8f3cca/00000000000000007735c744/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3")
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
}

.tk-alternate-gothic-atf {
  font-family: "alternate-gothic-atf", sans-serif;
}
.tk-alternate-gothic-atf-thin {
  font-family: "alternate-gothic-atf-thin", sans-serif;
}

@font-face {
  font-family: "Al Fresco";
  src: url("/wp-content/themes/MRF/assets/fonts/AlFresco.eot");
  src: url("/wp-content/themes/MRF/assets/fonts/AlFresco.eot?#iefix") format("embedded-opentype"),
    url("/wp-content/themes/MRF/assets/fonts/AlFresco.woff2") format("woff2"),
    url("/wp-content/themes/MRF/assets/fonts/AlFresco.woff") format("woff"),
    url("/wp-content/themes/MRF/assets/fonts/AlFresco.ttf") format("truetype"),
    url("/wp-content/themes/MRF/assets/fonts/AlFresco.svg#AlFresco") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.single-post li {
    font-size: 18px;
}
:root {
  --default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "alternate-gothic-atf", sans-serif;
  --nav-font: "Roboto", sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root {
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #2c2c2c; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #861c17; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #ef6603; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
  --footer-bg-color: #ffd629;
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
  --nav-color: #861c17; /* The default color of the main navmenu links */
  --nav-hover-color: #861c17; /* Applied to main navmenu links when they are hovered over or active */
  --nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */
  --nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: #060606; /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: #861c17; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}
/* color palate*/
:root {
  --mochi: #baa593;
  --split-pink: #a58169;
  --dorchester: #dcc6ba;
  --blush: #ad8981;
  --beige: #a76b4b;
  --natural: #514642;
  --peach: #ffe5b4;
  --aqua-fresh: #88a8bd;
  --glass-quote: #82a874;
  --tilegrade: #af767a;
  --red: #d94245;
  --orange: #f06a36;
  --yellow: #f4cb01;
  --green: #1d9944;
  --blue: #0000ff;
  --violet: #595177;
  --beige: #a76b4b;
  --netural: #514642;
  --white: #daebe2;
  --pink: #ffc0cb;
  --purple: #a01ff0;
  --lilac: #c8a1c9;
  --peach: #ffe5b4;
  --cream: #fffdd0;
  --gray: #808080;
  --brown: #964b00;
  --hard-blue: #023e68;
  --leaf-green: #8ba18e;
  --cherry-red: #7b0303;
  --apricoat-orange: #d97c43;

  --text-peach: #c5af86;
  --text-cream: #c2c09a;
  --text-white: #909e97;
}

/* Color palate */
.mochi {
  background-color: var(--mochi) !important;
}
.split-pink {
  background-color: var(--split-pink) !important;
}
.dorchester {
  background-color: var(--dorchester) !important;
}
.blush {
  background-color: var(--blush) !important;
}
.beige {
  background-color: var(--beige) !important;
}
.natural {
  background-color: var(--natural) !important;
}
.peach {
  background-color: var(--peach) !important;
}
.aqua-fresh {
  background-color: var(--aqua-fresh) !important;
}
.glass-quote {
  background-color: var(--glass-quote) !important;
}
.tilegrade {
  background-color: var(--tilegrade) !important;
}
.red {
  background-color: var(--red) !important;
}
.orange {
  background-color: var(--orange) !important;
}
.yellow {
  background-color: var(--yellow) !important;
}
.green {
  background-color: var(--green) !important;
}
.blue {
  background-color: var(--blue) !important;
}
.violet {
  background-color: var(--violet) !important;
}
.netural {
  background-color: var(--netural) !important;
}
.white {
  background-color: var(--white) !important;
}
.pink {
  background-color: var(--pink) !important;
}
.purple {
  background-color: var(--purple) !important;
}
.lilac {
  background-color: var(--lilac) !important;
}
.peach {
  background-color: var(--peach) !important;
}
.cream {
  background-color: var(--cream) !important;
}
.gray {
  background-color: var(--gray) !important;
}
.brown {
  background-color: var(--brown) !important;
}
.hard-blue {
  background-color: var(--hard-blue) !important;
}
.leaf-green {
  background-color: var(--leaf-green) !important;
}
.cherry-red {
  background-color: var(--cherry-red) !important;
}
.apricoat-orange {
  background-color: var(--apricoat-orange) !important;
}

.text-peach {
  color: var(--text-peach) !important;
}
.text-cream {
  color: var(--text-cream) !important;
}
.text-white {
  color: var(--text-white) !important;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
  color: var(--default-color);
  background-color: var(--background-color);
  font-family: var(--default-font);
}

a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
  font-weight: bold;
  text-transform: uppercase;
}
h1{
  font-size: 38px;
  line-height: 38px;
}
p{
  font-size: 18px;
  color: var(--default-color);
}

/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.preheader {
  background-color: #861c17;
}
.preheader .phone-number {
  text-align: right;
  color: white;
  font-size: 16px;
  font-weight: normal;
  padding: 5px 0;
  letter-spacing: 1px;
  opacity: 0.7;
}
.preheader .phone-number span {
  position: relative;
}
.preheader .phone-number span:before {
  content: "";
  background-image: url("/wp-content/themes/MRF/assets/img/phone-icon.png");
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  left: -20px;
  top: 3px;
}

.header {
  /* --background-color: rgba(255, 255, 255, 0); */
  --heading-color: #ffffff;
  color: var(--default-color);
  background-color: var(--background-color);
  /* padding: 20px 0; */
  padding-top: 0px;
  transition: all 0.5s;
  z-index: 997;
}
.header .menu {
  padding: 20px 15px;
}

.header .menu .logo {
  line-height: 1;
  flex-flow: column;
  background: white;
  margin-top: -40px;
  padding: 12px 28px;
  padding-bottom: 0px;
  border-radius: 6px;
}

.header .menu .logo img {
  max-height: 70px;
  margin-right: 8px;
}
.sitename{
  display: none;
}
.header .menu .logo p {
  font-size: 14px;
  margin: 0;
  font-weight: 400;
  color: #861c17;
  text-transform: uppercase;
}
.header.fixed-top .preheader {
  display: none;
}
.header.fixed-top .menu {
  padding: 0px;
}
.header.fixed-top .menu .logo {
  margin: 0px;
}
.header.fixed-top .menu .logo img {
  max-height: 50px;
}
.header.fixed-top .menu .logo p {
  font-size: 12px;
}
.header.fixed-top .menu .logo {
  padding-top: 6px;
  padding-bottom: 6px;
}
.storeBtn {
  margin-left: 10px;
  background-color: #861c17;
  font-size: 14px;
  color: white;
  border-color: #861c17;
  box-sizing: border-box;
  width: inherit !important;
  height: inherit !important;
  margin: inherit !important;
}
.storeBtn:hover,
.storeBtn:focus,
.storeBtn:active {
  background-color: white;
  color: #861c17;
  border: 1px solid #861c17;
  box-sizing: border-box;
}

.scrolled .header {
  /* box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1); */
  border-bottom: 1px solid #333;
}

.white-color{color: white !important;}

/* Global Header on Scroll
------------------------------*/
.scrolled .header {
  /* --background-color: rgba(42, 44, 57, 0.9); */
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Navmenu - Desktop */
@media (min-width: 1200px) {
  .navmenu {
    padding: 0;
    display: flex;
  }

  .navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    margin-right: 10px;
  }

  .navmenu li {
    position: relative;
    margin-left: 5px;
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-color);
    padding: 3px 10px;
    font-size: 18px;
    font-family: var(--nav-font);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
    border-radius: 6px;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    transition: 0.3s;
  }

  .navmenu li:hover > a,
  .navmenu .active,
  .navmenu .active:focus {
    background-color: var(--nav-hover-color);
    color: white;
  }

  .navmenu .dropdown ul {
    margin: 0;
    padding: 10px 0;
    background: var(--nav-dropdown-background-color);
    display: block;
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 130%;
    opacity: 0;
    transition: 0.3s;
    border-radius: 15px;
    z-index: 99999;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  }

  .navmenu .dropdown ul li {
    min-width: 260px;
    margin-left: 0;
  }

  .navmenu .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    color: var(--nav-dropdown-color);
    color: #861c17;
    font-weight: normal;
  }

  .navmenu .dropdown ul a i {
    font-size: 12px;
  }

  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover > a {
    background-color: #f9f1eb;
    color: var(--nav-hover-color);
    font-weight: bold;
  }

  .navmenu .dropdown:hover > ul {
    opacity: 1;
    top: 105%;
    visibility: visible;
  }

  .navmenu .dropdown .dropdown ul {
    top: 0;
    left: -90%;
    visibility: hidden;
  }

  .navmenu .dropdown .dropdown:hover > ul {
    opacity: 1;
    top: 0;
    left: -100%;
    visibility: visible;
  }
}

/* Navmenu - Mobile */
@media (max-width: 1199px) {
  .header .menu {
    padding: 0px;
  }
  .header .menu .logo {
    margin: 0px;
  }
  .header .menu .logo img {
    max-height: 50px;
  }
  .header.fixed-top .menu .logo p,
  .header .menu .logo p {
    font-size: 12px;
  }
  .header.fixed-top .menu .logo,
  .header .menu .logo {
    padding: 5px 10px;
  }
  .mobile-nav-active .storeBtn {
    display: none;
  }
  .mobile-nav-toggle {
    color: var(--nav-color);
    font-size: 28px;
    line-height: 0;
    margin-right: 10px;
    cursor: pointer;
    transition: color 0.3s;
    margin: 12px;
    display: inline-block;
    vertical-align: middle;
  }

  .navmenu {
    padding: 0;
    z-index: 9997;
  }

  .navmenu ul {
    display: none;
    list-style: none;
    position: absolute;
    inset: 40px 10px 10px;
    padding: 10px 0;
    margin: 0;
    border-radius: 6px;
    background-color: var(--nav-mobile-background-color);
    overflow-y: auto;
    transition: 0.3s;
    z-index: 9998;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    margin-right: 10px;
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-dropdown-color);
    padding: 10px 20px;
    font-family: var(--nav-font);
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s;
    background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  }

  .navmenu a i:hover,
  .navmenu a:focus i:hover {
    background-color: var(--accent-color);
    color: var(--contrast-color);
  }

  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .active i,
  .navmenu .active:focus i {
    background-color: var(--accent-color);
    color: var(--contrast-color);
    transform: rotate(180deg);
  }

  .navmenu .dropdown ul {
    position: static;
    display: none;
    z-index: 99;
    padding: 10px 0;
    margin: 10px 20px;
    background-color: var(--nav-dropdown-background-color);
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    box-shadow: none;
    transition: all 0.5s ease-in-out;
  }

  .navmenu .dropdown ul ul {
    background-color: rgba(33, 37, 41, 0.1);
  }

  .navmenu .dropdown > .dropdown-active {
    display: block;
    background-color: rgba(33, 37, 41, 0.03);
  }

  .mobile-nav-active {
    overflow: hidden;
  }

  .mobile-nav-active .mobile-nav-toggle {
    color: #fff;
    position: absolute;
    font-size: 40px;
    top: -5px;
    right: 5px;
    margin: 5px;
    margin-right: 0;
    z-index: 9999;
  }

  .mobile-nav-active .navmenu {
    position: fixed;
    overflow: hidden;
    inset: 0;
    background: rgba(33, 37, 41, 0.8);
    transition: 0.3s;
  }

  .mobile-nav-active .navmenu > ul {
    display: block;
  }
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
  color: var(--default-color);
  background-color: var(--footer-bg-color);
  font-family: var(--default-font);
  font-size: 16px;
  padding: 60px 0;
  position: relative;
}

.footer h3 {
  font-size: 36px;
  font-weight: 700;
  position: relative;
  padding: 0;
  margin: 0 0 15px 0;
}

.footer p {
  font-size: 16px;
  padding: 0;
  margin: 30px 0 30px 0;
}

.footer .footercopyright {
  border-top: 1px solid #efe0d9;
  margin-top: 20px;
  padding-top: 25px;
}
.footer .footercopyright .copyright span {
  margin-right: 20px;
  color: var(--heading-color);
}
.footer .footercopyright .copyright a {
  font-size: 14px;
  color: var(--heading-color);
  position: relative;
  padding-left: 20px;
  padding-right: 15px;
}
.footer .footercopyright .copyright a:before {
  content: "|";
  position: absolute;
  top: -2px;
  left: 0px;
}

.footer .social-links {
  display: flex;
  justify-content: end;
}

.footer .social-links a {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  line-height: 1;
  margin: 0 4px;
  text-align: center;
  width: 34px;
  height: 34px;
  transition: 0.3s;
}

.footer .social-links a:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 20%);
  text-decoration: none;
}

.footer .footer-links ul {
  list-style: none;
}
.footer .footer-links ul li a {
  font-weight: bold;
  color: var(--heading-color);
}
.footer .footer-links ul ul {
  list-style: none;
  padding-left: 0px;
}
.footer .footer-links ul ul li a {
  color: var(--default-color);
  font-weight: normal;
}

.footer .white-box {
  padding: 25px 30px;
  background: white;
  border-radius: 12px;
  margin-top: 20px;
}
.footer .white-box p {
  margin: 0px;
}
.footer .white-box .footer-title {
  color: var(--heading-color);
  font-weight: bold;
  margin: 0px;
}
.footer .white-box .footer-section {
  margin-top: 12px;
}
.footer .white-box .footer-section a {
  color: var(--default-color);
  text-decoration: underline;
}
.footer .white-box .footer-section a:hover{
  color: var(--heading-color);
}

.footer  .subscriber-form{
  max-width: 270px;
  margin-top: 5px;
  
}
.footer  .subscriber-form input{width: 100%;margin-bottom: 10px;border:1px solid var(--heading-color)}
.footer  .subscriber-form button{background-color: var(--heading-color);font-size: 16px; color: white; border:0px;width: 128px;height:44px}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  background-color: var(--background-color);
  transition: all 0.6s ease-out;
  width: 100%;
  height: 100vh;
}

#preloader:before,
#preloader:after {
  content: "";
  position: absolute;
  border: 4px solid var(--accent-color);
  border-radius: 50%;
  animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#preloader:after {
  animation-delay: -0.5s;
}

@keyframes animate-preloader {
  0% {
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    opacity: 1;
  }

  100% {
    width: 72px;
    height: 72px;
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: -15px;
  z-index: 99999;
  background-color: var(--accent-color);
  width: 44px;
  height: 44px;
  border-radius: 50px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}

.scroll-top:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
  bottom: 15px;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
  color: var(--heading-color);
  font-family: var(--heading-font);
  position: relative;
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 20px;
}

.page-title h1 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 10px;
}

.page-title .breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}

.page-title .breadcrumbs ol li + li {
  padding-left: 10px;
}

.page-title .breadcrumbs ol li + li::before {
  content: "/";
  display: inline-block;
  padding-right: 10px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
}

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 40px 0;
  scroll-margin-top: 77px;
  overflow: clip;
}

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/

.cta{
  background-color: transparent;
  font-size: 16px;
  border: 1px solid var(--heading-color);
  text-align: center;
  width: 153px;
  height: 45px;
  display: inline-block;
  float: right;
  padding: 10px;
  border-radius: 4px;
  color:var(--heading-color);
}
.cta.dark-color{
  background-color: var(--heading-color);
  color: white;
}
.cta.dark-color:hover{
  background-color: white;
  color:var(--heading-color);
}

.section-title .cta:hover{
  background-color: var(--heading-color);
  color: white;
}

.section-title h2 {
  color: var(--heading-color);
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: var(--heading-font);
  line-height: normal;
  margin: 0px;
}

.section-title p {
  font-size: 16px;
  font-family: var(--default-font);
  font-weight: 400;
  padding: 0;
  line-height: 16px;
  margin: 0;
  color: 2c2c2c !important;
  position: relative;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

.home-swiper-slider .swiper-container {
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  max-width: 1154px;
  margin: 0 auto;
  height: 100%;
  width: 100%;
}

.home-swiper-slider .swiper-container h2 {
  margin-bottom: 10px;
  font-size: 42px;
  font-weight: 700;
  max-width: 543px;
  text-transform: uppercase;
  line-height: 38px;
  color: white;
}

.swiper-arrow .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background-color: white;
  opacity: 1;
}
.swiper-arrow .swiper-pagination-bullet-active {
  background-color: #861c17;
}

.home-swiper-slider .swiper-container h2 span {
  text-decoration: underline;
}

.home-swiper-slider .swiper-container p {
  animation-delay: 0.4s;
  margin-bottom: 20px;
  color: white;
  font-size: 16px;
}
.home-swiper-slider .swiper-arrow .swiper-button-next,
.home-swiper-slider .swiper-arrow .swiper-button-prev {
  /* width: calc(var(--swiper-navigation-size) / 44* 160x); */
  width: calc(var(--swiper-navigation-size) / 44 * 130);
  height: 34px;
  /* width: 34px; */
}

.home-swiper-slider .swiper-arrow .swiper-pagination {
  bottom: var(--swiper-pagination-bottom, 7vh);
     bottom: var(--swiper-pagination-bottom, 20vh);
}

.home-swiper-slider .swiper-arrow .swiper-button-next::after,
.home-swiper-slider .swiper-arrow .swiper-button-prev::after,
.paint-swiper .swiper-arrow .swiper-button-next::after,
.paint-swiper .swiper-arrow .swiper-button-prev::after,
.home-coating .swiper-arrow .swiper-button-next::after,
.home-coating .swiper-arrow .swiper-button-prev::after,
.testimonial .swiper-arrow .swiper-button-next::after,
.testimonial .swiper-arrow .swiper-button-prev::after {
  display: none;
}

.swiper-arrow .swiper-button-next {
  background-image: url("/wp-content/themes/MRF/assets/img/arrow-right.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  font-size: 0px;
  width: 34px;
  height: 34px;
}
.swiper-arrow .swiper-button-prev {
  background-image: url("/wp-content/themes/MRF/assets/img/arrow-left.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  font-size: 0px;
  width: 34px;
  height: 34px;
}

.home-swiper-slider .swiper-container .btn-get-started {
  font-weight: 700;
  font-size: 16px;
  display: inline;
  padding: 12px 32px;
  border-radius: 6px;
  transition: 0.5s;
  line-height: normal;
  margin: 10px 0;
  animation-delay: 0.8s;
  color: #861c17;
  background-color: #ffd629;
  font-family: "Roboto";
  width: 130px;
  text-align: center;
}

.home-swiper-slider .swiper-container .btn-get-started:hover {
  background: #fff;
  color: #861c17;
  text-decoration: none;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero .hero-waves {
  display: block;
  width: 100%;
  height: 60px;
  position: relative;
}

.hero .wave1 use {
  animation: move-forever1 10s linear infinite;
  animation-delay: -2s;
  fill: var(--default-color);
  opacity: 0.6;
}

.hero .wave2 use {
  animation: move-forever2 8s linear infinite;
  animation-delay: -2s;
  fill: var(--default-color);
  opacity: 0.4;
}

.hero .wave3 use {
  animation: move-forever3 6s linear infinite;
  animation-delay: -2s;
  fill: var(--default-color);
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }

  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}
.reachoutForm input::-webkit-input-placeholder {
  color: #861c17 !important;
}
.reachoutForm input:-moz-placeholder {
  color: #861c17 !important;
}
.reachoutForm input::-moz-placeholder {
  color: #861c17 !important;
}
.reachoutForm input:-ms-input-placeholder {
  color: #861c17 !important;
}

/* goodlife-section */
.goodlife-section {
  padding-top: 0px;
  margin-top: -70px;
  z-index: 2;
  position: relative;
}
.goodlife-section {
  background: transparent;
}
.goodlife-section .paintlife .paintTitle {
  font-size: 40px;
  color: #861c17;
  font-family: "Al Fresco";
  letter-spacing: 0.5px;
  background: white;
  padding: 40px;
  border-radius: 10px;
  max-width: 464px;
}

.paint-swiper-inner {
  position: relative;
}
.paint-swiper .swiper-arrow.container {
  margin-top: 86px;
  position: absolute;
  top: -36px;
}
.paint-slider .paintlife-slider-container .swiper-slide {
  height: 94px;
  background-color: #6c757d;
  border-radius: 8px;
}
.paint-swiper .swiper-slide {
  justify-content: left;
  padding-top: 25px;
  padding-left: 18px;
  text-align: left;
}
.paint-swiper .swiper-slide h3 {
  font-size: 20px;
  text-transform: uppercase;
  color: white;
  text-align: left;
  margin-bottom: 0px;
  font-weight: bold;
}
.paint-swiper .swiper-slide p {
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto";
  color: white;
  margin: 0px;
}
.goodlife-section .swiper-button-next {
  width: calc(var(--swiper-navigation-size) / 44 * 34);
  height: 34px;
  right: -40px;
}
.goodlife-section .swiper-button-prev {
  width: calc(var(--swiper-navigation-size) / 44 * 34);
  height: 34px;
  left: -40px;
}
.goodlife-section .swiper-arrow .swiper-button-next,
.goodlife-section .swiper-arrow .swiper-button-prev {
  width: calc(var(--swiper-navigation-size) / 44 * 34);
}

.goodlife-section .reachoutForm {
  background-color: #fcf8f5;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14);
  max-width: 230px;
	max-width:100%;
  background-color: #fcf8f5;
  padding: 15px 30px 20px 30px;
  border-radius: 8px;
  margin-left: 20%;
	 margin-left: 10%;
}

.goodlife-section .reachoutForm .reachoutTitle {
  font-weight: bold;
  font-size: 28px;
  color: #861c17;
  text-transform: uppercase;
  font-family: var(--heading-font);
  margin: 0px;
}
.goodlife-section .reachoutForm .reachoutDesc {
  font-weight: normal;
  font-size: 16px;
  color: #861c17;
  line-height: normal;
}

.goodlife-section .paintlife,
.goodlife-section .reachout {
  padding-top: 5px;
}

.goodlife-section form button {
  display: block;
  color: white;
  background-color: #861c17;
  border-color: #861c17;
  width: 100%;
  font-size: 16px;
}
.goodlife-section form button:hover {
  background-color: #ffd62a;
  color: #861c17;
  border-color: #861c17;
}

.goodlife-section .form-control {
  border-radius: 4px;
}

/* 2 column with image  */
.twoColumWithimage .article-img img {
  border-radius: 12px;
}
.twoColumWithimage .article-img {
  margin-bottom: 30px;
}
.twoColumWithimage .section-title h2 {
  font-size: 28px;
  margin-bottom: 12px;
}
.twoColumWithimage .section-title a {
  margin-top: 20px;
  text-align: center;
  padding: 10px;
  color: #861c17;
  border: 1px solid #861c17;
  background-color: white;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  width: 160px;
  display: inline-block;
}
.twoColumWithimage .section-title a:hover {
  background-color: #861c17;
  color: white;
}

.homeAccordion {
  padding-top: 0px;
}

/* Accordion Gallery */
.homeAccordion .accordion {
  width: 100%;
  height: 410px;
  overflow: hidden;
  margin: 0px auto;
  border-radius: 12px;
}
.homeAccordion .accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}
.homeAccordion .accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  overflow: hidden;
  width: 16.666%;
  height: 410px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;
}
.homeAccordion .accordion ul li div {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.homeAccordion .accordion ul li div a {
  display: block;
  flex-basis: content;
  height: 410px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 40px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif;
  transition: all 200ms ease;
}
.homeAccordion .accordion ul li div a * {
  /* opacity: 0; */
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.homeAccordion .accordion ul li div a h2 {
  text-overflow: clip;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 2px;
  color: white;
  font-weight: bold;
  letter-spacing: -0.5px;
}
.homeAccordion .accordion ul li div a p {
  font-size: 16px;
  font-weight: normal;
  display: none;
  color: white;
}
.homeAccordion .accordion ul li div a p.link {
  font-size: 16px;
  font-weight: bold;
  display: block;
}
.homeAccordion .accordion ul li div a p:after {
  content: "";
  background-image: url("/wp-content/themes/MRF/assets/img/right-arrow.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 18px;
  position: absolute;
  top: 6px;
  display: inline;
  background-position: top right;
}

.homeAccordion .accordion ul:hover li {
  width: 30%;
  transition: all 500ms ease;
}
.homeAccordion .accordion ul:hover li:hover {
  width: 100%;
  transition: all 500ms ease;
}
.homeAccordion .accordion ul:hover li a {
  display: none;
}
.homeAccordion .accordion ul li:hover a {
  background: rgba(0, 0, 0, 0.5);
  transition: all 500ms ease;
  display: block;
}
.homeAccordion .accordion ul li:hover a p {
  display: block;
  transition: all 500ms ease;
}
.homeAccordion .accordion ul li:hover div {
  box-shadow: 0px 0px 64px 22px #020202;
  background: rgba(0, 0, 0, 0.6);
  transition: all 500ms ease;
}
.homeAccordion .accordion ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: all 500ms ease;
}

/* .home-coating-slider{max-width: 1152px;} */
.home-coating {
  padding-top: 0px;
  position: relative;
  overflow: visible;
}
.home-coating .section-title {
  padding-bottom: 15px;
  padding-top: 10px;
}
.home-coating-slider .swiper-slide {
  max-width: 467px;
  height: 364px;
  border-radius: 12px;
  overflow: hidden;
}
.home-coating-slider .swiper-container {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: left;
  padding: 15px 25px;
}
.home-coating-slider .swiper-container h2 {
  font-size: 28px;
  font-weight: bold;
  color: white;
  margin: 0px;
  text-transform: uppercase;
  line-height: 30px;
}
.home-coating-slider .swiper-container p {
  font-size: 16px;
  font-weight: normal;
  color: white;
  margin: 0px;
  margin-bottom: 8px;
}
.home-coating-slider .swiper-container span {
  color: white;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.home-coating .swiper-wrapper-inner {
  position: relative;
}
.home-coating-slider .swiper-container span:after {
  content: "";
  background-image: url("/wp-content/themes/MRF/assets/img/right-arrow.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 18px;
  position: absolute;
  top: 3px;
  display: inline;
  background-position: top right;
}

.home-coating .swiper-arrow .swiper-button-prev {
  left: -40px;
}
.home-coating .swiper-arrow .swiper-button-next {
  right: -40px;
}

/* features */
.home-features {
  background-color: #fcfbed;
  margin: 50px 0 40px;
  padding: 80px 0;
}
.home-features .section-title p {
  max-width: 360px;
}
.home-features .feature-container {
  display: flex;
}
.home-features .feature-container .feature-box {
  cursor: pointer;
  width: 25%;
  text-align: center;
  margin: 0 auto;
  padding: 40px;
  border-radius: 12px;
}
.home-features .feature-container .feature-box p {
  font-size: 22px;
  font-family: var(--heading-font);
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 0px;
}
.home-features .feature-container .feature-box:hover {
  background-color: #861c17;
}
.home-features .feature-container .feature-box:hover p {
  color: white;
}
.home-features .feature-container .feature-box img {
  margin: 0 auto;
  max-height: 84px;
}
.home-features .feature-container .feature-box .feature-image {
  display: block;
}
.home-features .feature-container .feature-box:hover .feature-image {
  display: none;
}
.home-features .feature-container .feature-box:hover .feature-image-hover {
  display: block;
}
.home-features .feature-container .feature-box .feature-image-hover {
  display: none;
}

/* Colour pallet container */
.colour-palate {
  padding-bottom: 0px;
}
.colour-palate-container span {
  display: inline-block;
  margin-right: 20px;
}
.colour-palate-container a {
  display: inline-block;
  vertical-align: top;
  width: 172px;
  height: 94px;
  padding: 15px;
  background-color: #ccc;
  border-radius: 12px;
  margin-right: 15px;
  margin-bottom: 25px;
  padding-top: 30px;
}
.colour-palate-container a .colorname {
  font-family: var(--heading-font);
  font-size: 20px;
  color: white;
  font-weight: bold;
  margin: 0px;
  text-transform: uppercase;
}
.colour-palate-container a .viewall {
  font-size: 16px;
  color: white;
  font-weight: normal;
  margin: 0px;
}

/* get it now and preview now  */

.get-preview {
  display: flex;
}
.get-preview .getit-now,
.get-preview .preview-now {
  height: 640px;
  width: 50%;
  background-size: cover;
}
.get-preview .getit-now {
  background-image: url("/wp-content/themes/MRF/assets/img/get-it-now-bg.png");
  display: flex;
  align-items: center;
  justify-content: end;
}
.get-preview .preview-now {
  background-image: url("/wp-content/themes/MRF/assets/img/preview-now-bg.png");
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.get-preview .getit-container {
  align-items: center;
  border-radius: 12px;
  padding: 35px;
  margin-right: 50px;
  background: #004c62;
  height: 308px;
  width: 300px;
}

.get-preview .preview-container {
  align-items: center;
  border-radius: 12px;
  padding: 35px;
  margin-left: 50px;
  background: white;
  height: 308px;
  width: 300px;
}
.get-preview .section-title {
  padding: 0px;
}
.get-preview h2 {
  font-size: 28px;
}
.get-preview p {
  margin-bottom: 30px;
  letter-spacing: 0.8px;
}
.get-preview span {
  font-size: 28px;
  display: block;
  line-height: normal;
  margin-bottom: 25px;
  font-weight: 300;
}
.get-preview strong {
  font-weight: bold;
}
.get-preview .getit-now h2,
.get-preview .getit-now p,
.get-preview .getit-now span {
  color: white;
}
.get-preview .preview-now h2,
.get-preview .preview-now span {
  color: #861c17;
}
.get-preview a {
  width: 153px;
  color: white;
  display: block;
  padding: 10px;
  text-align: center;
  border-radius: 6px;
}
.get-preview .preview-now a {
  background-color: #861c17;
}
.get-preview .getit-now a {
  background-color: #027b9f;
}

/* Trending */
.trending {
  position: relative;
}
.trending .section-title {
  overflow: auto;
  padding-bottom: 5px;
}
.trending .title {
  float: left;
}
.moreSection {
  float: right;
  margin-top: 10px;
}
.moreSection a {
  width: 153px;
  color: white;
  background: #861c17;
  display: block;
  padding: 10px;
  text-align: center;
  border-radius: 6px;
}
.trending .gridlayout-container {
  width: 100%;
  display: inline-block;
}
.trending .gridlayout-container a {
  display: flex;
  float: left;
  margin: 13px;
  position: relative;
}
.trending .gridlayout-container a img {
  border-radius: 12px;
}
.trending .gridlayout {
  max-width: 1208px;
}
.trending .gridlayout .gridinfo {
  position: absolute;
  bottom: 25px;
  left: 25px;
  padding: 10px;
  background: #ccc;
  width: 172px;
  height: 94px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.trending .gridlayout .gridinfo .colorname {
  color: white;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0px;
  font-family: var(--heading-font);
  text-transform: uppercase;
}
.trending .gridlayout .gridinfo .colorcode {
  color: white;
  font-size: 16pxpx;
  font-weight: 400;
}

.picasso {
  margin: 30px 0;
  padding: 100px 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.picasso .picasso-container {
  display: flex;
  flex-direction: column;
  width: 270px;
	width:330px;
  padding: 37px;
  border-radius: 12px;
  background: white;
  box-sizing: border-box;
  margin-left:15%;
}
.page-template-template-colour-catalogue .picasso .picasso-container {
  display: flex;
  flex-direction: column;
  width: 270px;
	width:330px;
  padding: 37px;
  border-radius: 12px;
  background: white;
  box-sizing: border-box;
  margin-left: 20%;
	
}

.picasso .picasso-container .section-title h2 {
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: normal;
  line-height: 35px;
  margin-bottom: 6px;
}
.picasso .picasso-container a {
  text-align: center;
  font-family: var(--heading-font);
  font-size: 22px;
  text-transform: uppercase;
  border: 1px solid #871d17;
  background-color: white;
  padding: 8px 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  color: #871d17;
}
.picasso .picasso-container a:hover {
  background-color: #871d17;
  color: white;
}

.blog-section {
  padding: 40px 0 80px;
}
.blog-section .section-title h2 {
  display: inline;
}
.blog-section .moreSection {
  margin: 0px;
}
.blog-section .swiper-slide {
  width: 465px;
  height: 465px;
  position: relative;
}
.blog-section .swiper-container {
  z-index: 9;
}
.blog-section .swiper-slide:after {
  content: "";
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  height: 5px;
  left: 0px;
  bottom: 0px;
  z-index: 0;
  box-shadow: 0px -29px 110px 110px rgba(0, 0, 0, 0.8);
}
.blog-section .swiper-slide h2 {
  margin-bottom: 30px;
}
.blog-section .swiper-slide p {
  font-size: 16px;
  color: white;
  padding-left: 24px;
  position: relative;
  text-transform: uppercase;
  font-family: var(--heading-font);
}
.blog-section .swiper-slide p:before {
  content: "";
  position: absolute;
  background-image: url("/wp-content/themes/MRF/assets/img/date-icon.png");
  width: 18px;
  height: 18px;
  left: 0px;
  top: 4px;
  background-repeat: no-repeat;
}

.testimonial {
  padding: 60px 0;
  background-color: #fcf8f5;
}
.testimonial .section-title {
  text-align: center;
}
.testimonial .swiper-arrow {
  position: absolute;
  height: 100%;
  top: 0px;
  width: 100%;
  left: 0px;
}
.testimonial .swiper-slide {
  background-color: transparent;
}
.testimonial .swiper-slide .swiper-container {
  max-width: 565px;
}
.testimonial .swiper-slide .swiper-container h3 {
  font-family: var(--default-font);
  font-size: 16px;
  color: #2c2c2c;
  font-weight: normal;
}
.testimonial .swiper-wrapper-inner {
  max-width: 706px;
  position: relative;
}
.testimonial .swiper-arrow .swiper-button-prev {
  left: -34px;
}
.testimonial .swiper-arrow .swiper-button-next {
  right: -34px;
}
.testimonial .testimonial-info {
  display: flex;
  margin-top: 40px;
  justify-content: center;
  text-align: left;
}
.testimonial .testimonial-info .testimonial-user-photo img {
  border-radius: 50%;
  width: 73px;
  height: 73px;
}
.testimonial .testimonial-info .testimonial-user-photo {
  margin-right: 10px;
}
.testimonial .testimonial-info .testimonial-user-detail p {
  margin: 0px;
  color: #861c17;
  font-size: 18px;
}
.testimonial .testimonial-info .testimonial-user-detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.testimonial .testimonial-info .testimonial-user-detail span {
  font-size: 14px;
  font-style: italic;
}


@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1182px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1182px;
  }
}

/* Product Page  */
.header-banner .breadcrumbContainer.paddingExtra{
  padding-bottom: 40px;
}
/* .product .product-info .product-image{text-align: center;}  */
.product .product-info .product-image img{max-width: 350px;}
.product .product-info h1{font-size: 38px; text-transform: uppercase; font-family: var(--heading-font); color:var(--heading-color);font-weight: bold;}
.product .product-info h2{font-size: 24px; text-transform: uppercase; font-family: var(--default-font); color:var(--default-color);font-weight: bold;}
.product .product-info p{font-size: 18px;margin-top: 15px;}
.product .product-info .available span, .product .product-info .selection span{ display: block; font-size: 18px;font-family: var(--default-font); color:var(--default-color);font-weight: bold;margin-bottom: 5px;}
.product .product-info .available ul{padding: 0px; overflow: auto;}
.product .product-info .available ul li{padding: 10px 20px;text-align: center;font-size: 26px;color: var(--heading-color); font-family: var(--heading-font);    border: 1px solid #d1c3c2;
  display: inline;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px;
  float: left;} 

.btn{
  width: 175px;
  height: 44px;
  text-align: center;
  font-size: 18px;
  margin-right: 15px;
  font-weight: bold;
  border-radius: 6px;
  margin-bottom: 10px;
}
.btn.yellow{
  color: var(--heading-color);
  background-color: #ffd629 !important;
}
.btn.yellow:hover{
  color: white;
  background-color:var(--heading-color) !important;
}
.btn.red{
  color: white;
  background-color:var(--heading-color) !important;
}
.btn.red:hover{
  color: var(--heading-color);
  background-color: #ffd629 !important;
}

.accordion-container .accordion-item{border: 0px; margin-bottom:5px;background-color: #f6f1ed;
  border-radius: 14px !important;
}
.accordion-container .accordion-item>.accordion-header .accordion-button{
  border-radius: 14px !important;
  padding: 32px;
  padding-right: 59px;
  padding-left: 59px;
  
  font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--heading-color);
    display: flex;
    flex-direction: column;
    align-items: start;
}
/* .accordion-flush>.accordion-item>.accordion-header .accordion-button, 
.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{
  padding-top: 32px;
  padding-bottom: 20px;
} */
.accordion-container .accordion-button.collapsed {
    padding-bottom: 32px !important;
}
.accordion-container .accordion-collapse {
  overflow: auto;
}
.accordion-container .accordion-button:focus, .accordion-button:not(.collapsed){box-shadow:none;}
.accordion-container .accordion-button{
  background-color: #f6f1ed;
}
.accordion-container .accordion-button::after{
  position: absolute;
    right: 41px;
    height: 100%;
    top: 0px;
    background-position: center;
    /* margin-top: 4vh; */
}
.accordion-container .accordion-button:not(.collapsed)::after{margin-top: 0vh;}

.accordion-container .accordion-button::after
{
  content: "";
  background-image: url(/wp-content/themes/MRF/assets/img/plus-arrow.png);
  transition:none;
}
.accordion-container .accordion-button:not(.collapsed)::after{
  content: "";
  background-image: url(/wp-content/themes/MRF/assets/img/minus-arrow.png);
  background-position: center;
}
.accordion-container  .imageTextContent{padding: 0px 120px 40px !important;}
.accordion-container  .imageTextContent img{margin-bottom: 25px;}
.accordion-container  .imageTextContent h3{
  text-transform: uppercase;
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: bold;
}
.accordion-container .accordion-body{
  padding:0px 59px ;
  padding-bottom: 40px;
}
.accordion-container .accordion-body .imagewithtext
{
  text-align: center;
}

.other-wall-paint{
  padding-top: 40px;
    padding-bottom: 90px;
    overflow: auto;

}
.other-wall-paint .swiper-slide{
  width: 368px;
  height: 550px;
  overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: end;

}

.other-wall-paint .swiper-slide img{
  object-fit: contain;
  width: 275px;
  object-position: top;
  margin-top: -95px;
  height: 370px;
}
.other-wall-paint .imageBg{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  height: 225px;
  border-radius: 12px;
  background-color: #f6f1ed;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.other-wall-paint .swiper-container{
  text-align: left;
  padding: 40px;
  background-color: #f6f1ed;
  position: relative;
}
.other-wall-paint .swiper-container h2{
  font-size: 28px;
  font-weight: bold;
  color: var(--heading-color);
  line-height: normal;
}
.other-wall-paint .swiper-container p{
  font-size: 18px;
  font-weight: normal;
  color: var(--default-color);
  line-height: normal;
  font-family: var(--default-font);
  text-transform: uppercase;
  
}
.other-wall-paint .swiper-container a{
  float: none;
  cursor: pointer;
  color: var(--heading-color);
  margin-top: 15px;
  width: 160px;
  height: 45px;
  font-weight: bold;
}
.other-wall-paint .swiper-container a:hover{
  color: white;
  background-color: var(--heading-color);
}

.prodcutform .picasso-container{max-width: 370px;width: 100%;margin-left: 14%;}
.prodcutform .picasso-container p{color: #2c2c2c;font-size: 18px; line-height: normal;}
.prodcutform .picasso{padding: 120px 0;}
.prodcutform .cta{margin-top: 5px;width: 100%;background-color: var(--heading-color);color: white;}
.prodcutform .cta:hover{color: var(--heading-color);background-color: white;}
.prodcutform  input::-webkit-input-placeholder {
  color: #afa5a4 !important;
}
.prodcutform  input:-moz-placeholder {
  color: #afa5a4 !important;
}
.prodcutform  input::-moz-placeholder {
  color: #afa5a4 !important;
}
.prodcutform  input:-ms-input-placeholder {
  color: #afa5a4 !important;
}


/* Carers page */

/* .careers-container{
  padding: 75px 100px;
} */
.careers-container h1{
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
}


.careers .accordion-container{padding: 0px 100px;}
.careers .accordion-flush>.accordion-item>.accordion-header .accordion-button, .careers .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {padding:40px !important;}
.careers .accordion-flush>.accordion-item>.accordion-header .accordion-button{padding-bottom:0px !important;}
.careers .accordion-container .accordion-button:not(.collapsed)::after{margin-top: 1.85vh;}
.careers .accordion-item>.accordion-header .accordion-button .title{font-size: 20px;font-family: var(--default-font);text-transform: none;display: block;margin-bottom: 10px;}
.careers .accordion-item>.accordion-header .accordion-button .location{color: var(--default-color);font-size: 18px;font-family: var(--default-font);display: block;display: block;text-transform: none;font-weight: normal;}
.careers .accordion-container .accordion-body{padding: 0px 40px 40px !important;}
.careers .accordion-container .accordion-body p{font-size: 16px;margin-bottom: 0px;}
.careers .accordion-container .accordion-body a.btn{font-size: 16px;width: 130px;    line-height: 30px;}
.careeer-form{align-items: end;}
.careeer-form label{font-size: 16px; color: var(--heading-color);font-weight: bold;}
.careeer-form input, .careers .form-select{border: 1px solid var(--heading-color);height: 45px; }
.careeer-form .col-md-3{width: 28%;margin-bottom: 0px !important;}
.careeer-form .col-md-3:last-child{width: 13%;
  margin: 0px;
  margin-left: 3%;}
.careeer-form .col-md-3 button{margin: 0px;height: 45px;width: 130px;float: right;background-color: var(--heading-color);color: white;border: transparent;}
.careeer-form .col-md-3 button:hover{background-color: white;color: var(--heading-color);border: transparent;border: 1px solid var(--heading-color);}
.careeer-form select{
  background-color:#ffffff !important;
  background-position: top 14px right 11px !important;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23861c17' height='100' width='100' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve'%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'/%3E%3C/svg%3E") !important;
}



/* Events Page */
.events .header-banner h2, .commercial .header-banner h2 , .header-banner h1{color:white;}
.events .pageContent h2, .commercial .pageContent h2{
  font-size: 38px;
  text-transform: uppercase;
  font-weight: bold;
}
.btn-secondary{
  float: right;
  background: white;
  color: #5b5a5a;
  text-align: left;
  border: 1px solid #c5c5c5;
  font-weight: normal;
  /* border-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; */
  margin: 0px;
}
.btn-secondary.show{
  border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom: 0px;
background-color: transparent;
border-color: #c5c5c5 !important;
color: #5b5a5a;
}
.events .pageContent .dropdown-title, .commercial .pageContent .dropdown-title{font-size: 22px; font-weight: bold; color: var(--default-color);}

.events .registration-button, .commercial .registration-button{position: relative; float: right;display: flex;
  align-items: center;}
.events .registration-button .dropdown-title, .commercial .registration-button .dropdown-title{margin-right: 10px;}
.events .innerPageMargin .pageContent, .commercial .innerPageMargin .pageContent{padding: 0px;}
.events .pageContent .upcomming-event, .commercial .pageContent .upcomming-event{padding: 65px 100px 35px;}

.dropdown-toggle::after{
  position: absolute;
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  border-right: 0.1em solid #5b5a5a;
  border-top: 0.1em solid #5b5a5a;
  transform: rotate(134deg);
  margin-right: 0.5em;
  margin-left: 1.0em;
  right: 10px;
  top: 10px;
}
.dropdown-menu{width: 175px;
  border-top: 0px;
  padding: 0px;
  margin: 0px !important;
  border-radius: 0px;
    top: -2px !important;
}
.dropdown-item{
    margin: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #c5c5c5;
    width: 80%;
    padding: 10px;
  }
.dropdown-menu li:first-child a{padding-top: 0px;}
.dropdown-menu li:last-child a{border-bottom: 0px;}
.events .pageContent .registration-button .btn-secondary.show:hover{
  border-bottom: 0px;
}
.events .pageContent .registration-button .btn-secondary:hover, .commercial .pageContent .registration-button .btn-secondary:hover{
  color: #5b5a5a;
  border: 1px solid #c5c5c5;
  background-color: white;
}

.event-box{background-color: #f6f1ed;padding: 65px 100px 35px;border-radius: 12px; padding: 15px 100px 15px;}
.event-box .event-item{display: flex; flex-direction: row;color: var(--default-color);font-size: 16px;
  text-align: left;
  align-items: center;
  padding: 30px 0px;
  border-bottom: 1px solid var(--heading-color);}
/* .event-box .event-item:first-child{padding-top: 0px;} */
.event-box .event-item:last-child{border-bottom: 0px;}
.event-box .event-date {
  width: 12%;

}
.event-box .event-date span{
  font-size: 38px;
  font-weight: bold;
  display: block;
  line-height: 30px;
  color: var(--heading-color);
  font-family: var(--heading-font);
}
.event-box .event-time {
  width: 45%;
  display: flex;
    flex-direction: column;font-weight: bold;
    font-size: 18px;
}
.event-box .event-time span{font-weight: normal;margin-top: 5px;}
.event-box .event-address {
  width: 35%;
  font-size: 18px;
  padding: 0 57px;
}
.event-box .event-register{width: 16%;}
.event-box .event-register a{max-width: 174px;text-align: center;color:white; background-color: var(--heading-color);font-size: 16px;font-weight: bold; padding: 7px;border: 1px solid var(--heading-color);}
.event-box .event-register a:hover{background-color: white;color: var(--heading-color); border-color:var(--heading-color) ;}

.past-events{background-color: #f6f1ed;border-radius: 12px;margin-bottom: 30px;}
.past-events .image-block a:after{background-image: url(/wp-content/themes/MRF/assets/img/zoom-icon.png);content: "";
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 999;
  left: 0px;
  top: 10px;
  background-position: center center;}
.past-events a{display: block;position: relative;overflow: hidden;}
.past-events .image-block span{
  position: absolute;
  z-index: 999;
  left: 0px;
  height: 100%;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  top: 0px;
  color: white;
}
.right-image img{border-radius:0px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;width: 100%;}
.left-image img{border-radius: 0xp; border-top-left-radius: 12px; border-bottom-left-radius: 12px;width: 100%;}
.past-events .text-block{display: flex; flex-direction: column;   justify-content: center; padding: 0 100px;}
.past-events h3{font-family: var(--default-font); font-weight: bold; font-size: 24px;margin-bottom: 10px;}
.past-events p{font-size: 18px;  color: #2c2c2c;line-height: 22px;}
.fancybox-inner img{border-radius: 0px;}


.tv-commercial .tv-commercial-container{padding: 88px 0;background-color: #f6f1ed; }
.tv-commercial .tv-commercial-container .tv-commercial-box img{width: 100%;border-radius: 12px;height:214px;object-fit: cover;}
.tv-commercial .tv-commercial-container .imageContainer{border-radius: 12px;position: relative;display: block;} 
.tv-commercial .section-title a{text-align: right;text-decoration: underline;font-size: 18px;
  float: right;font-weight: bold;color: var(--default-color);
  margin-top: 20px;}
  .tv-commercial .tv-commercial-container  .imageContainer:before{content: "";background-color: rgba(0,0,0,0.3);width: 100%; height: 100%;position: absolute;border-radius: 12px;}
  .tv-commercial .tv-commercial-container  .imageContainer:after{content: "";background-image: url(/wp-content/themes/MRF/assets/img/youtube-icon-gallery.png);width: 53px;
    height: 38px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);}
    .tv-commercial .tv-commercial-container .title{font-size: 24px; color: #5b5a5a;margin-top: 10px;display: block;}



    .load-container {
      margin: 40px auto;
      text-align: center;
      width: 100%;
    }
    
    #load-more {
      margin: 16px;
      padding: 8px;
      font-size: 16px;
      color: var(--heading-color);
      width: 160px;
      height: 45px;
      text-align: center;
      border-radius: 4px;
      border: 1px solid var(--heading-color);
      background-color: white;

    }
    #load-more:hover{
      background-color:var(--heading-color);
      color: white;
    }
    
    .hidden {
      height: 0px !important;
      margin: 0px !important;
      padding: 0px !important;
      width: 0px !important;
      visibility: hidden;
    }
    

    .isotope {
      position: relative !important;
      overflow: visible;
    }
    .isotope:after {
      clear: both;
      content: "";
      display: block;
    }
    .isotope img {
      height: auto;
      max-width: 100%;
      vertical-align: middle;
      border-radius: 12px;
      object-fit: cover;
    }
    .isotope .btn {
      background-color: white;
      border: 1px solid #cccccc;
      color: #696969;
      padding: 0.5rem;
      text-transform: lowercase;
    }
    .isotope--block {
      display: block;
      width: 100%;
    }
    
    .cards {
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
      overflow: visible;
      
    }
    .card {
      background-color: white;
      border-radius: 0.25rem;
      box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
      display: -webkit-box;
      display: flex;
      flex-direction: row;
      overflow: hidden;
      width: 100%;
      
    }

    .cards__item {
      color: #262524;
      padding: 10px;
      width: 33%;
      display: flex;
      overflow: auto;
    }
    .cards__item a img {
      width: 368px;
      height: 215px;
    }
    .cards__item a{
      display: flex;
      flex-direction: column;
      margin-bottom: 25px;
    }
    

    .filter-language-text{font-size: 18px;}
    .commercial .tv-commercial .tv-commercial-container{padding-top: 0px;padding-bottom: 0px;background: white;}
    .commercial  .filter-language-text {font-size: 24px;
      color: #0c2c2c;font-family: var(--default-color);padding-left: 25px;}
    .commercial  .commercial-container{padding-bottom: 0px;}

    .commercial .events-container{
      padding: 80px 0;
      background-color: #f6f1ed;
    }
    .commercial .events-container .tv-commercial-container{
      background-color: #f6f1ed;
    }
    .commercial  .past-events{
      background-color: white;
    }
    /* .isotope{overflow: auto;} */



/* About US Page */
.header-banner{padding: 0px;height: 380px;position: relative;display: flex;
  justify-content: center;}
.innerPageMargin{margin-top: -80px;overflow: unset;
    z-index: 9;
    position: relative;
    background: transparent;}
.about .about-mrf {
  padding-top: 80px;
}
  .innerPageMargin .pageContent{background-color: white;border-radius: 12px;padding: 65px 70px 10px;}
.header-banner img{width: 100%;object-fit: fill;}
.header-banner h2 , .header-banner h1{font-size: 42px; color: var(--heading-color);text-transform: uppercase;font-weight: bold;margin-bottom: 0px; }
.header-banner .innerbannerContainer img{max-width: 263px;}
.header-banner .innerbannerContainer{position: absolute;
  height: 100%;
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center;}
  .header-banner .breadcrumbContainer{position: absolute;
/*     height: 100%; */
	  bottom:0px;
    display: flex;
    align-items: end;
    justify-content: flex-start;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    z-index: 999;
  }
  .header-banner .breadcrumb-item+.breadcrumb-item::before{content: var(--bs-breadcrumb-divider, ">");color: white;}
  .header-banner nav {
    padding: 1px 8px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin-bottom: 20px;
}

.header-banner nav ol{margin: 0px;}
.header-banner nav ol li, .header-banner nav ol li a{color:white !important; font-size: 16px;font-weight: normal;}

.about.about-mrf img{border-radius: 12px;width: 100%;}


.about .section-title{padding-left: 0px;padding-bottom: 16px;margin-top: 0px;}
#picasso.picasso.section.about {
    background-position: 33%;
}
.about .section-title h2{font-size: 42px;}
.about .section-title p{font-size: 18px;}
.about h3{font-size: 24px; color: var(--heading-color);font-weight: bold;margin-bottom: 15px;font-family: var(--default-font);}

.prime-color-gallery{background-color: #f6f1ed;}

.prime-color-gallery{padding: 70px 0;}
.section-title{position: relative;overflow: auto;}
.prime-color-gallery .section-title h2{float: left;}
.prime-color-gallery .section-title{padding-bottom: 0px;}
.prime-color-gallery .primeGallery{margin-top:20px ;}
.prime-color-gallery .swiper-slide {
  margin-right: 5px !important; padding: 12px;
  max-width: 172px;height: 224px;
  flex-direction: column;
    align-items: flex-start;
    justify-content: end;
}
.prime-color-gallery .primeGallery .colorname{
  color: white;font-size: 20px; font-family: var(--heading-font); font-weight: bold;text-transform: uppercase;
}
.prime-color-gallery .primeGallery .viewall{
  color: white;font-size: 16px; 
}


.services .blog-section .swiper-slide:after{
  display: none;
}

.services form{width: 100%; margin: 0 auto;}

.step-container{
background-color:#f6f1ed ;
padding: 0px 100px 40px;
border-radius: 12px;
margin-bottom: 60px;
}
.step-container h3{
  font-weight: bold;
  font-size: 62px;
  line-height: 40px;
  margin-top: -15px;
}
.step-container h4{
  font-size: 32px;
  margin-bottom: 0px;
  font-weight: bold;
}
.step-container input{
  background-color: transparent;
}
.heading-text-container{margin-bottom: 50px;}
input[type=file]::file-selector-button {
  visibility: hidden;font-size: 0px;
}
input[type=file]{background-color: white;}
.custom-file-input{width: 100%;height: 182px !important;font-size: 0px;background-color: white;border: 0px !important;border-radius: 6px;cursor: pointer;position: relative;}
.custom-file-input::after{content: "";background-image: url(/wp-content/themes/MRF/assets/img/form-plus-icon.png);width:34px;height: 34px;position: absolute;
  background-position: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  left: 0px;}
.custom-file-input:hover{background-color:#fffbf8 ;}
.step-container .form-group{
  margin-bottom: 15px;
}
.step-container .form-group select{
  background-color:transparent !important; 
  height: 45px;
  border-radius: 4px;
  border: 1px solid var(--heading-color);
}
.step-container .form-group label{
  font-size: 18px;
  color: var(--default-color);
  font-weight: normal;
}
.step-container .datetime-box .row{
  align-items: end;
}
.step-container .datetime-box .row button{margin: 0px;width: 100%;background-color: var(--heading-color); color: white;border:1px solid var(--heading-color);font-size: 16px;}
.step-container .datetime-box .row button:hover, .step-container .datetime-box .row button:active{color:var(--heading-color); background-color: white;}
.step-container .datetime-box .row input{text-align: center;}

.red-theme.picasso-container{background-color: white;}
.red-theme.picasso-container .section-title p{color: var(--default-color);}
.red-theme.picasso-container .section-title h2,
.red-theme.picasso-container .section-title span
{color:var(--heading-color) !important}
.red-theme.picasso-container a{background-color:var(--heading-color);color: white;border-color: var(--heading-color);}
.red-theme.picasso-container a:hover{background-color:white;color:var(--heading-color);}


.blue-theme.picasso-container{max-width: 300px; width: 100%;background-color: #004c62;padding:36px;}
.blue-theme.picasso-container .section-title h2{
font-size: 28px; color: white;margin: 0px;
}
.blue-theme.picasso-container p{
color: white;font-size: 16px;margin-bottom: 20px;
}
.blue-theme.picasso-container span{
  font-size: 28px;
  color: white;
  line-height: 33px;
  font-weight: 300;
}
.blue-theme.picasso-container span strong{
  font-weight: bold;
}
.blue-theme.picasso-container a{
  background-color:#027b9f;
  color: white;
  border-color:#027b9f ;
  font-size: 16px ;
  font-family: var(--default-color);
  text-transform: none;
  max-width: 153px;
}
.blue-theme.picasso-container a:hover{
  background-color: white;
  color:#027b9f;
}



.checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
    border: 1px solid var(--heading-color);
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
  background-color: var(--heading-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 8px;
  top: 3px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox-container img{border-radius: 6px;}
.careeer-form .col{flex: 0;}
.checkbox-container {
  max-width: 170px;
}
.checkbox-container label{font-size: 22px; color: var(--default-color);font-family: var(--default-color);}





/* Responsive CSS */

@media (max-width: 1366px) {
  .home-swiper-slider .swiper-container {
    max-width: 1024px;
  }
}

@media (max-width: 1200px) {
  .home-swiper-slider .swiper-container {
    max-width: 900px;
  }
  /* .swiper-arrow .swiper-button-next, .swiper-arrow .swiper-button-prev { width: calc(var(--swiper-navigation-size) / 44* 34);} */
  .home-swiper-slider .swiper-container h2 {
    font-size: 32px;
    line-height: normal;
  }
  /* .homeAccordion .accordion {max-width: 930px;} */
}

@media (max-width: 1024px) {
  .home-swiper-slider .swiper-container {
    max-width: 700px;
  }
  .paint-swiper-inner {
    width: 96%;
    margin: 0 auto;
  }
  .home-swiper-slider .swiper-arrow .swiper-pagination {
    bottom: var(--swiper-pagination-bottom, 10px);
  }
  .home-swiper-slider .swiper-container {
    width: 790px;
  }
  .goodlife-section {
    margin-top: 20px;
  }
  .goodlife-section .reachoutForm {
    max-width: 100%;
    padding: 20px 23px;
    margin: 0px;
    margin-top: 15px;
    margin-left: 10%;
  }
  .goodlife-section .paintlife .paintTitle {
    padding: 15px 20px;
  }
  .homeAccordion .accordion {
    max-width: 1000px;
  }
  .page-title {
    margin-left: 14px;
  }
  .home-coating .swiper-wrapper-inner {
    width: 97%;
    margin: 0 auto;
  }
  .home-features .feature-container .feature-box {
    padding: 40px 30px;
  }
  .colour-palate-container a {
    margin-right: 9px;
  }
  .colour-palate-container span {
    margin-right: 10px;
  }
  .get-preview .getit-container,
  .get-preview .preview-container {
    height: auto;
  }
  .home-coating .swiper-arrow .swiper-button-prev{left: -25px;}
  .home-coating .swiper-arrow .swiper-button-next{right: -25px;}
  .past-events .text-block{padding: 0 40px;}
  .tv-commercial .tv-commercial-container .title{font-size: 20px;}
}

@media (max-width: 991px) {
  .home-swiper-slider .swiper-container {
    max-width: 700px;
  }
  .paint-swiper-inner {
    width: 96%;
    margin: 0 auto;
  }
  .home-swiper-slider .swiper-arrow .swiper-pagination {
    bottom: var(--swiper-pagination-bottom, 10px);
  }
  .home-swiper-slider .swiper-container {
    width: 580px;
  }
  .goodlife-section .reachoutForm {
    margin: 0px;
    margin-top: 15px;
  }
  .homeAccordion .accordion {
    max-width: 991px;
  }
  .home-coating .swiper-wrapper-inner {
    width: 95%;
  }
  .picasso .picasso-container {
    margin-left: 0px;
    width: 100%;
    padding: 25px;
  }
  .tv-commercial .section-title a{float: right;}
}

@media (max-width: 768px) {
  .swiper-slide {
    height: 200px;
  }
  /* .swiper-arrow .swiper-button-next, .swiper-arrow .swiper-button-prev { width: calc(var(--swiper-navigation-size) / 44* 20);} */
  .swiper-arrow .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .home-swiper-slider .swiper-container,
  .home-coating-slider,
  .homeAccordion .accordion {
    max-width: 700px;
  }
  .home-swiper-slider .swiper-container h2 {
    font-size: 21px;
    padding: 0 10px;
    line-height: normal;
  }
  .home-swiper-slider .swiper-container p {
    font-size: 14px;
    padding-left: 10px;
  }
  .home-swiper-slider .swiper-container .btn-get-started {
    padding: 5px 12px;
    width: 90px;
    font-size: 14px;
    padding-left: 10px;
    margin: 0px;
    margin-left: 10px;
  }
  .goodlife-section {
    margin-top: 0px;
  }
  .goodlife-section .page-title {
    text-align: center;
  }
  .paint-swiper-inner {
    width: 80%;
    margin: 0 auto;
  }
  .home-swiper-slider .swiper-container {
    max-width: 80%;
  }
  .home-swiper-slider .swiper-arrow .swiper-button-next,
  .home-swiper-slider .swiper-arrow .swiper-button-prev {
    width: calc(var(--swiper-navigation-size) / 44 * 34);
  }
  .goodlife-section .paintlife .paintTitle {
    padding: 15px 0px;
    text-align: center;
    font-size: 30px;
  }
  .goodlife-section .page-title {
    margin: 0px;
    font-size: 25px;
  }
  .homeAccordion .accordion {
    height: auto;
  }
  .homeAccordion .accordion ul li,
  .homeAccordion .accordion ul li:hover,
  .homeAccordion .accordion ul:hover li,
  .homeAccordion .accordion ul:hover li:hover {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-transition: none;
    transition: none;
    background-size: cover;
  }
  .home-coating .swiper-arrow .swiper-button-prev {
    left: 15px;
  }
  .home-coating .swiper-arrow .swiper-button-next {
    right: 15px;
  }
  .home-features .feature-container {
    display: block;
  }
  .home-features .feature-container .feature-box {
    width: 100%;
  }

  .section-title h2 {
    font-size: 32px;
  }
  .colour-palate-container p {
    margin-bottom: 20px;
  }
  .colour-palate-container a {
    margin-bottom: 12px;
  }
  .get-preview {
    flex-direction: column;
  }
  .get-preview .getit-now,
  .get-preview .preview-now {
    width: 100%;
  }
  .get-preview .getit-container,
  .get-preview .preview-container {
    margin: 0 auto;
    width: 325px;
  }
  .get-preview .getit-now,
  .get-preview .preview-now {
    height: 460px;
  }
  .trending .gridlayout-container a {
    margin: 15px 0px 10px;
  }
  .trending .gridlayout-container a img {
    width: 100%;
  }
  .trending .moreSection {
    margin-top: 10px;
  }
  .testimonial .swiper-arrow .swiper-button-prev {
    left: 10px;
  }
  .testimonial .swiper-arrow .swiper-button-next {
    right: 10px;
  }
  .testimonial .swiper-slide {
    height: auto;
  }
  .testimonial .swiper-arrow {
    height: 0;
    top: inherit;
    bottom: 0px;
  }
  .footer .footer-links ul {
    padding: 0px;
  }
  .home-coating .section-title {
    overflow: auto;
  }
  .blog-section .moreSection {
    margin: 15px 0;
  }

  .header-banner{height: 200px;}

  .innerPageMargin{margin-top:0px;}
  .about-mrf{padding-top: 0px !important;}
  .prime-color-gallery{padding: 35px 0; }
  .section-title .cta{margin-top: 10px;float: left;}
  .about .aboutContent{padding: 0px 0px 10px;}
  .about .aboutContent{margin-top: 30px;}
  .footer .white-box .footer-title{margin-top: 20px;}
  .header-banner .breadcrumbContainer.paddingExtra{padding-bottom: 0px;}
  .single-products .header-banner .breadcrumbContainer.paddingExtra{padding-bottom: 100px;}
  .header-banner .innerbannerContainer img{max-width: 150px;}
  .innerPageMargin .pageContent{padding: 15px 0;}
  .product .product-info .available ul li{    padding: 10px 15px;    font-size: 18px;}
  .product .product-info .product-image{margin-bottom: 20px;text-align: center;}
  .accordion-container .accordion-item>.accordion-header .accordion-button{padding: 20px !important;
    font-size: 20px;}
    .accordion-container .accordion-body{padding: 10px !important;}
    .accordion-container .accordion-body .imagewithtext{margin-bottom: 20px;}
    .picasso .picasso-container{margin: 0 auto;}
    .other-wall-paint{padding-top: 10px;
      padding-bottom: 60px;}
      .careeer-form .col-md-3, .careers .careeer-form .col-md-3:last-child, .careers .careeer-form .col-md-3 button{width: 100%;margin-left: 0px;margin-top: 10px;}
      .careers .accordion-container{padding:0 10px}
      .careers .accordion-flush>.accordion-item>.accordion-header .accordion-button, .careers .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{padding: 20px 30px 20px 14px !important;}
      .careers .accordion-container .accordion-button::after{right: 15px;}
      .careers .accordion-container .accordion-button:not(.collapsed)::after {
        margin-top: -0.15vh;}
        .careers .accordion-container .accordion-body {
          padding: 0px 15px 15px !important;
      }
      .accordion-container .accordion-button::after{right: 18px;}
      .events .pageContent .upcomming-event, .commercial .pageContent .upcomming-event{padding: 0px 0px 35px;}
      .events .event-box{padding: 0px 15px;}
      .event-box .event-item{flex-direction: column;}
      .events .past-events.right-image .row{flex-direction: column-reverse;}
      .right-image img{border-radius: 12px;}
      .past-events .text-block{padding: 30px;}
      .tv-commercial-box a {
        margin-bottom: 30px;}
        /* .tv-commercial .tv-commercial-container .imageContainer:after{
          left: 43%;
    top: 45%;
        } */
        .tv-commercial .tv-commercial-container .title{font-size: 16px;}
        .events .registration-button{float: left;margin-top: 10px;}
        .event-box .event-date, .event-box .event-time, .event-box .event-address, .event-box .event-register{width: 100%;padding: 0px; float:left; margin-bottom: 15px;}
        .tv-commercial .tv-commercial-container{padding: 30px 0;}
        .tv-commercial .section-title a{float: left;}

        .commercial  .past-events .row{flex-direction: column-reverse;} 
        .commercial .filter-language-text{padding-left:0px ;}
        .cards__item{width: 100%;padding: 0px;
          left: 0px !important;}
          .cards__item a{margin-bottom: 15px;}
          .header-banner h2 , .header-banner h1{font-size: 30px;}
          .blog-section .swiper-slide{width: 100%;}
          .step-container{padding: 0px 20px 40px;}
          .step-container h3{font-size: 42px;margin-top: -18px;}
          .home-coating .swiper-wrapper-inner{width: 100%;}
          .blog-section{padding: 0px 0 40px;}
          .step-container .datetime-box .row button{margin: 15px 0 0;}
          h1{font-size: 30px;
            line-height: 34px;}
            .careeer-form .col{margin-bottom: 30px;}

}

body.page-template-template-singlecolor .header-banner h1 {
    margin: 0px auto;
    text-align: center;
    color: white;
    width: 100%;
    font-family: var(--heading-font) !important;
}