@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-11/css/all.min.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  text-decoration: none;
  outline: 0 !important; }

html {
  font-size: 100%;
  font-size: 0.875rem;
  scroll-behavior: smooth; }

a,
button {
  text-decoration: none !important; }

a:hover, a:focus {
  color: #ED3237; }

body {
  color: #5C5553;
  line-height: 1.5;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  min-height: 100vh;
  font-weight: 400; }

a,
p,
label,
ol,
ul,
li,
span {
  color: #27292E; }

p,
ul,
li {
  line-height: 1.5; }

.pb100 {
  padding-bottom: 6.25rem; }

.mt-50 {
  margin-top: -3.125rem; }

.mt-240 {
  margin-top: -15rem; }

h1 {
  font-size: clamp(2rem, 2.5vw, 121.5rem);
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #27292E; }

h2 {
  font-size: clamp(2rem, 2.5vw, 115.5rem);
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #27292E; }

h3 {
  font-size: clamp(2rem, 2.5vw, 109.5rem);
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #27292E; }

h4 {
  font-size: clamp(2rem, 2.5vw, 103.5rem);
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #27292E; }

h5 {
  font-size: clamp(2rem, 2.5vw, 97.5rem);
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #27292E; }

h6 {
  font-size: clamp(2rem, 2.5vw, 91.5rem);
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #27292E; }

select {
  text-transform: capitalize; }

.wow {
  visibility: hidden; }

.noScroll {
  overflow: hidden; }

.container {
  max-width: 90vw; }

.unStyle {
  list-style: none;
  padding-left: 0rem;
  margin: 0rem; }

.wyMainHeader {
  background-color: transparent;
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%; }
  .wyMainHeader .wyMainNav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box; }
    .wyMainHeader .wyMainNav .wyMenuIcon {
      position: relative; }
      .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger {
        display: flex;
        align-self: center;
        flex-direction: column;
        justify-content: space-between;
        width: 36px;
        height: 17px;
        cursor: pointer;
        transform: rotate(180deg); }
        .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger div {
          align-self: flex-end;
          height: 2px;
          width: 75%;
          background: #707070; }
        .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger .meat {
          width: 75%;
          transition: all 200ms ease-in-out;
          background: #ed3237;
          transform: translate(-6px, 0px); }
        .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger .bottom-bun {
          width: 75%;
          transition: all 400ms ease-in-out;
          transform: translate(-12px, 0px); }
        .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger:hover div {
          width: 75%; }
        .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger:hover:hover .top-bun {
          animation: burger-hover 1s infinite ease-in-out alternate; }
        .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger:hover:hover .meat {
          animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms; }
        .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger:hover:hover .bottom-bun {
          animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms; }
        .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger.crossIcon .meat {
          transform: rotate3d(0, 0, 1, 45deg); }
        .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger.crossIcon .bottom-bun {
          transform: rotate3d(0, 0, 1, -45deg) translate(11px, -10px); }
        .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger.crossIcon .top-bun {
          display: none; }
        .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger.crossIcon:hover .top-bun, .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger.crossIcon:hover .meat, .wyMainHeader .wyMainNav .wyMenuIcon.wyHamburger.crossIcon:hover .bottom-bun {
          animation: unset; }
    .wyMainHeader .wyMainNav .wyLogo .wyLogoImg {
      margin: 0px; }
  .wyMainHeader .wyHeaderSection {
    padding: 1.125rem 0rem;
    z-index: 999;
    position: relative;
    background-color: #fffffffa;
    box-shadow: 0px 0px 4px #AAAAAA1A; }
    .wyMainHeader .wyHeaderSection.sticky {
      position: fixed;
      top: 0;
      right: 0;
      bottom: auto;
      left: 0;
      max-width: 100%;
      margin-top: 0;
      animation: slideInDown 0.7s ease-in-out 0s 1 both running;
      z-index: 999;
      box-shadow: 0rem 0rem 1.875rem 0rem rgba(0, 0, 0, 0.3); }
      .wyMainHeader .wyHeaderSection.sticky.rmaHeaderStrip {
        padding: 0rem 2.375rem 0.625rem; }
        .wyMainHeader .wyHeaderSection.sticky.rmaHeaderStrip .rmaLogoWrap .rmaLogo {
          width: 42%;
          padding-top: 0.625rem; }
        .wyMainHeader .wyHeaderSection.sticky.rmaHeaderStrip .rmaLogoWrap span {
          font-size: 0.75rem; }
  .wyMainHeader .MainMenuContainer {
    position: fixed;
    z-index: 9999;
    width: 40%;
    height: 700px;
    top: 0;
    right: -1500px;
    bottom: auto;
    left: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3.125rem;
    transition: all 0.5s;
    background-size: cover;
    background-color: #ED3237;
    transform: skewX(-18deg);
    z-index: 0; }
    .wyMainHeader .MainMenuContainer.MainMenuContainerOpen {
      right: 0; }
    .wyMainHeader .MainMenuContainer .wyMenuContainerWrapper {
      padding-top: 14%; }
      .wyMainHeader .MainMenuContainer .wyMenuContainerWrapper .inner {
        transform: skewX(18deg); }
    .wyMainHeader .MainMenuContainer ul {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 120%; }
      .wyMainHeader .MainMenuContainer ul li {
        position: relative; }
        .wyMainHeader .MainMenuContainer ul li:nth-child(1) {
          left: 0px; }
        .wyMainHeader .MainMenuContainer ul li:nth-child(2) {
          left: -18px; }
          .wyMainHeader .MainMenuContainer ul li:nth-child(2) a:hover::before {
            left: 30%; }
        .wyMainHeader .MainMenuContainer ul li:nth-child(3) {
          left: -36px; }
          .wyMainHeader .MainMenuContainer ul li:nth-child(3) a:hover::before {
            left: 28%; }
        .wyMainHeader .MainMenuContainer ul li:nth-child(4) {
          left: -54px; }
          .wyMainHeader .MainMenuContainer ul li:nth-child(4) a:hover::before {
            left: 26%; }
        .wyMainHeader .MainMenuContainer ul li a {
          font-size: 40px;
          font-weight: 700;
          color: #fff;
          padding: 14px 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          text-decoration: none;
          text-transform: capitalize;
          position: relative; }
          .wyMainHeader .MainMenuContainer ul li a:hover::before {
            position: absolute;
            width: 60px;
            content: "";
            height: 2px;
            background-color: #fff;
            top: 47%;
            left: 30%; }
    .wyMainHeader .MainMenuContainer .socialLinks {
      display: flex;
      align-items: center;
      justify-content: center;
      transform: translate(28px, 0px) skew(18deg); }
      .wyMainHeader .MainMenuContainer .socialLinks a {
        padding-right: 14px; }
        .wyMainHeader .MainMenuContainer .socialLinks a:last-child {
          padding-right: 0px; }
  .wyMainHeader .productMenuContainer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 28%;
    height: 600px;
    justify-content: center;
    padding: 3.125rem;
    align-items: center;
    transition: all 0.5s;
    background-size: cover;
    background-color: #1744B7;
    transform: skewX(-18deg);
    opacity: 0;
    z-index: -1; }
    .wyMainHeader .productMenuContainer.productMenuContainerOpen {
      right: 38%;
      opacity: 1; }
    .wyMainHeader .productMenuContainer .wyMenuContainerWrapper {
      padding-top: 14%; }
      .wyMainHeader .productMenuContainer .wyMenuContainerWrapper .inner {
        transform: skewX(18deg); }
    .wyMainHeader .productMenuContainer ul {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 120%; }
      .wyMainHeader .productMenuContainer ul li {
        position: relative; }
        .wyMainHeader .productMenuContainer ul li:nth-child(1) {
          left: 0px; }
        .wyMainHeader .productMenuContainer ul li:nth-child(2) {
          left: -18px; }
        .wyMainHeader .productMenuContainer ul li:nth-child(3) {
          left: -26px; }
        .wyMainHeader .productMenuContainer ul li:nth-child(4) {
          left: -72px; }
        .wyMainHeader .productMenuContainer ul li:nth-child(5) {
          left: -90px; }
        .wyMainHeader .productMenuContainer ul li:nth-child(6) {
          left: -128px; }
        .wyMainHeader .productMenuContainer ul li:nth-child(7) {
          left: -180px; }
        .wyMainHeader .productMenuContainer ul li a {
          font-size: 24px;
          color: #fff;
          padding: 14px 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          text-decoration: none;
          text-transform: capitalize; }
  .wyMainHeader.backoverlay::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.7; }

@keyframes burger-hover {
  0% {
    width: 100%; }
  50% {
    width: 50%; }
  100% {
    width: 100%; } }
/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  scroll-behavior: smooth; }

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #c5c5c5; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #a9a7a7; }

.wyBannerWrap {
  position: relative;
  overflow: hidden;
  padding: 0 5vw;
  z-index: 0;
  /* height: calc(100vh - 77px); */

   }
  .wyBannerWrap .wyBannerImgWrap {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0; }
    .wyBannerWrap .wyBannerImgWrap img {
      width: 100%;
      position: absolute;
      height: 100%;
      top: 0;
      object-fit: cover;
      left: 0; }
  .wyBannerWrap .wyBannerTextWrap {
    margin: 0 auto;
    padding-top: 15%;
    min-height: 800px;
    max-width: 90%;
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-around; }
    .wyBannerWrap .wyBannerTextWrap .wyBannerLeft {
      position: relative;
      padding: 64px 0 240px;
      width: 50%;
      max-width: 480px; }
      .wyBannerWrap .wyBannerTextWrap .wyBannerLeft h3 {
        font-size: 46px;
        color: #fff; }
      .wyBannerWrap .wyBannerTextWrap .wyBannerLeft h2 {
        font-size: 80px;
        color: #fff;
        font-weight: 700;
        margin-bottom: 2.5rem; }
      .wyBannerWrap .wyBannerTextWrap .wyBannerLeft p {
        color: #fff;
        font-size: 16px;
        margin-bottom: 4.375rem; }
      .wyBannerWrap .wyBannerTextWrap .wyBannerLeft a span {
        color: #fff;
        text-transform: uppercase;
        font-size: 14px; }
      .wyBannerWrap .wyBannerTextWrap .wyBannerLeft a img {
        padding-right: 16px; }
      .wyBannerWrap .wyBannerTextWrap .wyBannerLeft .content {
        position: relative;
        z-index: 2; }
      .wyBannerWrap .wyBannerTextWrap .wyBannerLeft .shap {
        background-color: #ed3237;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        width: 120%;
        z-index: 1;
        transform-origin: left top;
        transform: skewX(-18deg); }
    .wyBannerWrap .wyBannerTextWrap .wyBannerRight img {
      width: 100%;
      position: relative;
      z-index: 99; }
  .wyBannerWrap::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    top: 100%;
    z-index: 10;
    background: #fff;
    transform-origin: left top;
    transform: skewY(-5deg); }

.wyMain {
  background-image: url(../../img/mainBg.png);
  width: 100%;
  height: 100%;
  background-size: contain; }
  .wyMain .wyProductWrap {
    display: flex;
    align-items: center;
    padding: 5rem 0rem; }
    .wyMain .wyProductWrap .wyProductLeft {
      width: 50%;
      padding: 0px 4%; }
      .wyMain .wyProductWrap .wyProductLeft .wyHeadeing {
        margin-bottom: 2.375rem; }
        .wyMain .wyProductWrap .wyProductLeft .wyHeadeing .wySubHeading {
          font-size: 24px;
          color: #ED3237;
          margin-bottom: 1rem; }
        .wyMain .wyProductWrap .wyProductLeft .wyHeadeing h2 {
          position: relative;
          font-size: 36px;
          font-weight: 700;
          padding-bottom: 18px; }
          .wyMain .wyProductWrap .wyProductLeft .wyHeadeing h2::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #ed3237;
            height: 2px;
            width: 100px; }
      .wyMain .wyProductWrap .wyProductLeft .wyDescripton p {
        font-size: 16px;
        margin-bottom: 1.3125rem; }
      .wyMain .wyProductWrap .wyProductLeft .wyDescripton ul {
        list-style: none;
        padding-left: 0px;
        margin-bottom: 3.75rem; }
        .wyMain .wyProductWrap .wyProductLeft .wyDescripton ul li {
          display: flex;
          align-items: center;
          font-size: 16px; }
          .wyMain .wyProductWrap .wyProductLeft .wyDescripton ul li::before {
            content: "\2022";
            color: #ED3237;
            font-weight: bold;
            display: inline-block;
            font-size: 34px;
            line-height: 36px;
            padding-right: 0.5rem; }
    .wyMain .wyProductWrap .wyProductRight {
      width: 50%; }
      .wyMain .wyProductWrap .wyProductRight img {
        width: 100%; }
  .wyMain .wyInnerBanner {
    border-top: 300px solid #ed3237;
    border-left: 0px solid transparent;
    border-right: 115px solid transparent;
    height: 0;
    width: 90vw;
    position: relative; }
    .wyMain .wyInnerBanner .wyInnerText {
      position: absolute;
      bottom: 50px;
      padding-left: 6vw; }
      .wyMain .wyInnerBanner .wyInnerText h2 {
        font-size: 60px;
        font-weight: 700;
        color: #fff;
        position: relative; }
        .wyMain .wyInnerBanner .wyInnerText h2::after {
          position: absolute;
          top: 50%;
          right: auto;
          bottom: auto;
          left: auto;
          margin-left: 2.5rem;
          content: "";
          width: 100px;
          height: 2px;
          background-color: #fff; }
      .wyMain .wyInnerBanner .wyInnerText small {
        font-size: 16px;
        color: #fff; }
    .wyMain .wyInnerBanner.wyInnerBannerAbout::after {
      content: "2015";
      position: absolute;
      top: auto;
      bottom: -37px;
      font-size: 200px;
      right: 8%;
      color: #ffffff14;
      font-weight: 700; }
  .wyMain .wyInnerWrap {
    padding: 4% 0px; }
    .wyMain .wyInnerWrap .wyAboutWrap {
      display: flex; }
      .wyMain .wyInnerWrap .wyAboutWrap .wyAboutLeft {
        width: 60%; }
        .wyMain .wyInnerWrap .wyAboutWrap .wyAboutLeft p {
          font-size: 16px;
          margin-bottom: 2.25rem;
          line-height: 30px; }
          .wyMain .wyInnerWrap .wyAboutWrap .wyAboutLeft p.wyBorderLeft {
            border-left: 3px solid #ED3237;
            padding-left: 0.875rem; }
      .wyMain .wyInnerWrap .wyAboutWrap .wyAboutRight {
        width: 40%;
        position: relative; }
        .wyMain .wyInnerWrap .wyAboutWrap .wyAboutRight .wyAboutImgWrap {
          position: absolute;
          top: auto;
          right: 0;
          bottom: 0;
          z-index: 0; }
          .wyMain .wyInnerWrap .wyAboutWrap .wyAboutRight .wyAboutImgWrap::after {
            content: "";
            position: absolute;
            left: 4%;
            top: 37%;
            bottom: auto;
            width: 89px;
            height: 162px;
            transform: skewX(-18deg);
            z-index: -1;
            background-color: #ED3237; }
        .wyMain .wyInnerWrap .wyAboutWrap .wyAboutRight img {
          width: 100%; }
    .wyMain .wyInnerWrap .wyProductsGroup {
      padding: 6.25rem 0rem; }
      .wyMain .wyInnerWrap .wyProductsGroup h2 {
        font-size: 36px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 6.25rem; }
      .wyMain .wyInnerWrap .wyProductsGroup .wyProductImg {
        text-align: center;
        position: relative;
        z-index: 0; }
        .wyMain .wyInnerWrap .wyProductsGroup .wyProductImg::after {
          position: absolute;
          content: "";
          background-color: #ED3237;
          border-bottom: 2px solid #ED3237;
          width: 100%;
          bottom: -60px;
          top: 236px;
          left: 0;
          z-index: -1; }
    .wyMain .wyInnerWrap .wyVissionWrap {
      padding: 6.25rem 0rem;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .wyMain .wyInnerWrap .wyVissionWrap .wyVissionLeft {
        width: 46%;
        position: relative;
        z-index: 0; }
        .wyMain .wyInnerWrap .wyVissionWrap .wyVissionLeft img {
          width: 100%; }
        .wyMain .wyInnerWrap .wyVissionWrap .wyVissionLeft::after {
          content: "";
          position: absolute;
          top: -10%;
          left: 32%;
          background-image: url(../../img/cleanSafe.png);
          background-position: bottom;
          width: 100%;
          height: 100%;
          background-repeat: no-repeat; }
        .wyMain .wyInnerWrap .wyVissionWrap .wyVissionLeft::before {
          content: "";
          position: absolute;
          top: -5%;
          right: -4%;
          width: 150px;
          height: 157px;
          transform: skewX(-18deg);
          z-index: -1;
          background-color: #ED3237; }
      .wyMain .wyInnerWrap .wyVissionWrap .wyVissionRight {
        width: 50%;
        padding: 0px 5vw;
        position: relative; }
        .wyMain .wyInnerWrap .wyVissionWrap .wyVissionRight h2 {
          font-size: 36px;
          font-weight: 700;
          margin-bottom: 2.5rem; }
        .wyMain .wyInnerWrap .wyVissionWrap .wyVissionRight p {
          font-size: 16px;
          margin-bottom: 5rem; }
        .wyMain .wyInnerWrap .wyVissionWrap .wyVissionRight::after {
          content: "";
          position: absolute;
          right: 0;
          border-bottom: 158px solid #ed3237;
          border-right: 0px solid transparent;
          border-left: 40px solid transparent;
          height: 0;
          width: 71px;
          bottom: -16%; }
    .wyMain .wyInnerWrap .wyProductList {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .wyMain .wyInnerWrap .wyProductList .wyProductItem {
        position: relative;
        width: 33%;
        background-image: url(../../img/productCardBg.svg);
        min-height: 450px;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 2.5rem 0rem 5rem; }
        .wyMain .wyInnerWrap .wyProductList .wyProductItem .wyProductImg {
          margin-bottom: 2.5rem;
          position: relative; }
          .wyMain .wyInnerWrap .wyProductList .wyProductItem .wyProductImg::after {
            position: absolute;
            content: "";
            background-image: url(../../img/shadowImg.svg);
            background-repeat: no-repeat;
            background-size: contain;
            bottom: 0;
            width: 100px;
            height: 100%;
            background-position: bottom;
            left: 26%; }
        .wyMain .wyInnerWrap .wyProductList .wyProductItem .wyProductText h3 {
          font-size: 22px;
          font-weight: 700; }
        .wyMain .wyInnerWrap .wyProductList .wyProductItem .wyProductText small {
          font-size: 16px;
          color: #ED3237; }
    .wyMain .wyInnerWrap .wyContactWrap {
      display: flex;
      justify-content: space-between; }
      .wyMain .wyInnerWrap .wyContactWrap .wyContactLeft {
        width: 50%; }
        .wyMain .wyInnerWrap .wyContactWrap .wyContactLeft .responsive-map {
          overflow: hidden;
          padding-bottom: 56.25%;
          position: relative;
          height: 0; }
          .wyMain .wyInnerWrap .wyContactWrap .wyContactLeft .responsive-map iframe {
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            position: absolute; }
      .wyMain .wyInnerWrap .wyContactWrap .wyContactRight {
        width: 42%;
        position: relative; }
        .wyMain .wyInnerWrap .wyContactWrap .wyContactRight .wyContactForm {
          box-shadow: 0px 0px 36px #55555515;
          background-color: #fff;
          padding: 4.0625rem 3.625rem;
          position: absolute;
          bottom: 0;
          width: 100%; }
          .wyMain .wyInnerWrap .wyContactWrap .wyContactRight .wyContactForm .form-group label {
            font-size: 16px;
            color: #777980; }
          .wyMain .wyInnerWrap .wyContactWrap .wyContactRight .wyContactForm .form-group sup {
            color: #ED3237;
            font-size: 16px;
            vertical-align: text-bottom;
            font-weight: 600; }
    .wyMain .wyInnerWrap .wyContactForm {
      /* active state */
      /* active state */ }
      .wyMain .wyInnerWrap .wyContactForm .floating-label {
        position: relative;
        margin-bottom: 2.5rem;
        /* highlighter */ }
        .wyMain .wyInnerWrap .wyContactForm .floating-label .floating-input {
          font-size: 14px;
          padding: 4px 0px;
          display: block;
          width: 100%;
          min-height: 40px;
          background-color: transparent;
          border: none;
          border-bottom: 1px solid #dedfe8; }
          .wyMain .wyInnerWrap .wyContactForm .floating-label .floating-input:focus {
            outline: none;
            border-bottom: 2px solid #ed3237; }
        .wyMain .wyInnerWrap .wyContactForm .floating-label label {
          color: #777980;
          font-size: 16px;
          position: absolute;
          pointer-events: none;
          left: 0px;
          top: -30%;
          transition: 0.2s ease all; }
          .wyMain .wyInnerWrap .wyContactForm .floating-label label sub {
            color: #ED3237;
            font-size: 16px;
            font-weight: 600; }
        .wyMain .wyInnerWrap .wyContactForm .floating-label .floating-textarea {
          min-height: 30px;
          max-height: 260px;
          overflow: hidden;
          overflow-x: hidden; }
        .wyMain .wyInnerWrap .wyContactForm .floating-label .highlight {
          position: absolute;
          height: 50%;
          width: 100%;
          top: 15%;
          left: 0;
          pointer-events: none;
          opacity: 0.5; }
      .wyMain .wyInnerWrap .wyContactForm .floating-input:focus ~ label,
      .wyMain .wyInnerWrap .wyContactForm .floating-input:not(:placeholder-shown) ~ label {
        top: -18px;
        font-size: 14px;
        color: #ed3237; }
      .wyMain .wyInnerWrap .wyContactForm .floating-select:focus ~ label,
      .wyMain .wyInnerWrap .wyContactForm .floating-select:not([value=""]):valid ~ label {
        top: -18px;
        font-size: 14px;
        color: #ed3237; }
      .wyMain .wyInnerWrap .wyContactForm .floating-input:focus ~ .bar:before,
      .wyMain .wyInnerWrap .wyContactForm .floating-input:focus ~ .bar:after,
      .wyMain .wyInnerWrap .wyContactForm .floating-select:focus ~ .bar:before,
      .wyMain .wyInnerWrap .wyContactForm .floating-select:focus ~ .bar:after {
        width: 50%; }
      .wyMain .wyInnerWrap .wyContactForm .floating-input:focus ~ .highlight,
      .wyMain .wyInnerWrap .wyContactForm .floating-select:focus ~ .highlight {
        animation: inputHighlighter 0.3s ease; }
@keyframes inputHighlighter {
  from {
    background: #ae5266; }
  to {
    width: 0;
    background: transparent; } }
  .wyMain .wyProductDetailBanner {
    padding: 4% 0;
    display: flex;
    align-items: center; }
    .wyMain .wyProductDetailBanner .wyDetailLeft {
      width: 50%;
      padding: 0px 6vw; }
      .wyMain .wyProductDetailBanner .wyDetailLeft .wyHeading {
        margin-bottom: 2.5rem; }
        .wyMain .wyProductDetailBanner .wyDetailLeft .wyHeading h2 {
          font-size: 52px;
          font-weight: 700; }
        .wyMain .wyProductDetailBanner .wyDetailLeft .wyHeading small {
          font-size: 32px;
          color: #ED3237; }
      .wyMain .wyProductDetailBanner .wyDetailLeft .wyContent p {
        font-size: 16px;
        color: #27292E;
        border-left: 2px solid #27292E;
        padding-left: 0.875rem;
        padding-top: 2.875rem;
        margin-bottom: 8.75rem; }
      .wyMain .wyProductDetailBanner .wyDetailLeft .wyContent .wyProductImgList {
        display: flex; }
        .wyMain .wyProductDetailBanner .wyDetailLeft .wyContent .wyProductImgList .wyProductItem {
          width: 232px;
          height: 72px;
          background-color: #ED3237;
          transform: skew(-20deg);
          margin-right: 2.5rem; }
          .wyMain .wyProductDetailBanner .wyDetailLeft .wyContent .wyProductImgList .wyProductItem .wrap {
            transform: skew(20deg);
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            margin-top: -3.75rem;
            padding: 0px 30px 0px 20px; }
          .wyMain .wyProductDetailBanner .wyDetailLeft .wyContent .wyProductImgList .wyProductItem .imgWrapp {
            width: 50px; }
            .wyMain .wyProductDetailBanner .wyDetailLeft .wyContent .wyProductImgList .wyProductItem .imgWrapp img {
              width: 100%; }
          .wyMain .wyProductDetailBanner .wyDetailLeft .wyContent .wyProductImgList .wyProductItem span {
            color: #fff;
            font-size: 20px;
            font-weight: 600; }
    .wyMain .wyProductDetailBanner .wyDetailRight {
      width: 50%;
      background-image: url(../../img/productBanner.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: relative;
      padding: 6.25rem 6.25rem; }
      .wyMain .wyProductDetailBanner .wyDetailRight .wyImageWrap {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        width: 100%; }
      .wyMain .wyProductDetailBanner .wyDetailRight .wyProductImg {
        width: 232px;
        position: relative; }
        .wyMain .wyProductDetailBanner .wyDetailRight .wyProductImg img {
          width: 100%; }
        .wyMain .wyProductDetailBanner .wyDetailRight .wyProductImg:nth-child(2) {
          width: 174px;
          margin: 0rem 1.875rem; }
        .wyMain .wyProductDetailBanner .wyDetailRight .wyProductImg:nth-child(3)::after {
          display: none; }
        .wyMain .wyProductDetailBanner .wyDetailRight .wyProductImg::after {
          position: absolute;
          content: "";
          background-image: url(../../img/shadowImg.svg);
          background-repeat: no-repeat;
          background-size: contain;
          bottom: 0;
          width: 100%;
          height: 100%;
          background-position: bottom;
          left: 26%; }
  .wyMain .wyProductDetailWrap {
    padding: 6.25rem 0rem; }
    .wyMain .wyProductDetailWrap .wyHeader {
      text-align: center;
      margin-bottom: 5.625rem; }
      .wyMain .wyProductDetailWrap .wyHeader h2 {
        color: #27292E;
        font-size: 28px;
        font-weight: 700; }
    .wyMain .wyProductDetailWrap .wyWaterBg {
      text-align: center;
      background-image: url(../../img/wyWater.png);
      background-size: cover;
      width: 100%;
      background-position: center; }
      .wyMain .wyProductDetailWrap .wyWaterBg .imgWrap img {
        width: 25%; }
    .wyMain .wyProductDetailWrap .content-left .box-item {
      margin-bottom: 8.125rem;
      display: flex; }
      .wyMain .wyProductDetailWrap .content-left .box-item .text {
        text-align: right;
        padding-top: 0.625rem; }
        .wyMain .wyProductDetailWrap .content-left .box-item .text h4 {
          font-size: 18px;
          font-weight: 700;
          margin-bottom: 1.25rem; }
        .wyMain .wyProductDetailWrap .content-left .box-item .text p {
          font-size: 16px;
          line-height: 30px; }
      .wyMain .wyProductDetailWrap .content-left .box-item .wyIconWrap {
        order: 2;
        padding: 0px 15px; }
        .wyMain .wyProductDetailWrap .content-left .box-item .wyIconWrap .icon {
          display: inline-block;
          background-color: #ED3237;
          width: 46px;
          height: 46px;
          border-radius: 100%;
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center; }
    .wyMain .wyProductDetailWrap .content-right .box-item .text {
      text-align: left;
      order: 2; }
    .wyMain .wyProductDetailWrap .content-right .box-item .wyIconWrap {
      order: 1; }
    .wyMain .wyProductDetailWrap .wyStepInformation {
      display: flex;
      justify-content: space-between;
      position: relative;
      z-index: 0; }
      .wyMain .wyProductDetailWrap .wyStepInformation .wyStepItem {
        transform: skew(-20deg);
        box-shadow: 0px 0px 16px #2222220D;
        width: 23%;
        padding: 2.0625rem;
        position: relative;
        background-color: #fff; }
        .wyMain .wyProductDetailWrap .wyStepInformation .wyStepItem .wyText {
          transform: skew(20deg);
          text-align: center; }
          .wyMain .wyProductDetailWrap .wyStepInformation .wyStepItem .wyText h5 {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 0.9375rem; }
          .wyMain .wyProductDetailWrap .wyStepInformation .wyStepItem .wyText p {
            font-size: 16px; }
        .wyMain .wyProductDetailWrap .wyStepInformation .wyStepItem::after {
          content: "";
          position: absolute;
          border: 2px dashed #ED3237;
          width: 10%;
          right: -11%;
          bottom: 50%; }
        .wyMain .wyProductDetailWrap .wyStepInformation .wyStepItem:last-child::after {
          display: none; }
      .wyMain .wyProductDetailWrap .wyStepInformation::before {
        content: "";
        position: absolute;
        top: -10%;
        left: 0;
        width: 70px;
        height: 60px;
        background-color: #ED3237;
        transform: skew(-20deg);
        z-index: 0; }
      .wyMain .wyProductDetailWrap .wyStepInformation::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -10%;
        width: 70px;
        height: 60px;
        background-color: #ED3237;
        transform: skew(-20deg);
        z-index: -1; }
    .wyMain .wyProductDetailWrap.wyProductStepBg {
      background-color: #434a54;
      margin-bottom: 3.125rem; }
      .wyMain .wyProductDetailWrap.wyProductStepBg .wyHeader h2 {
        color: #fff; }

.wyBtn {
  border-radius: 20px;
  border: 1px solid #ED3237;
  color: #ED3237;
  text-align: center;
  font-size: 16px;
  padding: 0.375rem 1rem;
  transition: all 0.5s;
  cursor: pointer;
  min-width: 128px;
  display: inline-block; }
  .wyBtn span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    color: #ED3237; }
    .wyBtn span:after {
      content: '\00bb';
      position: absolute;
      opacity: 0;
      top: 0;
      right: -20px;
      transition: 0.5s;
      color: #ED3237; }
  .wyBtn:hover span {
    padding-right: 25px; }
    .wyBtn:hover span:after {
      opacity: 1;
      right: 0; }

.wyBtnInquire {
  background-color: #ED3237;
  border: 0px;
  color: #fff;
  font-size: 16px;
  padding: 0.625rem 1.5rem;
  font-weight: 300; }
  .wyBtnInquire span {
    color: #fff;
    padding-left: 0.375rem; }

footer .wyFooterList {
  display: flex;
  justify-content: space-between;
  padding: 5% 0 3%;
  border-bottom: 1px solid #cacaca; }
  footer .wyFooterList .wyFooterItem h3 {
    font-size: 18px;
    margin-bottom: 1.875rem;
    position: relative;
    text-transform: capitalize;
    font-weight: 600; }
    footer .wyFooterList .wyFooterItem h3::after {
      content: "";
      position: absolute;
      width: 25px;
      height: 1px;
      top: 12px;
      bottom: auto;
      background-color: #ED3237;
      margin-left: 0.8125rem; }
  footer .wyFooterList .wyFooterItem ul {
    list-style-type: none;
    padding-left: 0; }
    footer .wyFooterList .wyFooterItem ul li {
      padding-bottom: 0.875rem;
      font-size: 16px; }
      footer .wyFooterList .wyFooterItem ul li span {
        color: #777980;
        font-weight: 600;
        padding-right: 1rem; }
      footer .wyFooterList .wyFooterItem ul li a {
        color: #27292E;
        font-size: 16px; }
        footer .wyFooterList .wyFooterItem ul li a:hover {
          color: #ED3237; }
      footer .wyFooterList .wyFooterItem ul li input[type=email] {
        border: 1px solid #B4B4B4;
        padding: 1.375rem 0.875rem; }
  footer .wyFooterList .wyFooterItem .reSocialLinks {
    display: flex; }
    footer .wyFooterList .wyFooterItem .reSocialLinks li a {
      padding-right: 1.25rem; }
      footer .wyFooterList .wyFooterItem .reSocialLinks li a i {
        font-size: 20px;
        color: #5C5553;
        transition: all 0.2s; }
        footer .wyFooterList .wyFooterItem .reSocialLinks li a i:hover {
          color: #37241C;
          transform: scale(1.1); }
footer .reBtnSubmit {
  background-color: #ED3237;
  border: 0;
  padding: 0.625rem 1rem;
  color: #fff; }
  footer .reBtnSubmit:hover {
    color: #fff; }
footer .wyFooterBottom {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.875rem 0rem;
  color: #777980; }
  footer .wyFooterBottom .wyItem ul {
    display: flex;
    align-items: center;
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 0px; }
    footer .wyFooterBottom .wyItem ul li {
      position: relative;
      padding-right: 0.875rem; }
      footer .wyFooterBottom .wyItem ul li a {
        color: #777980; }
      footer .wyFooterBottom .wyItem ul li::after {
        content: "|";
        position: absolute;
        top: 0;
        right: 2px;
        bottom: 0;
        left: auto;
        color: #777980; }
      footer .wyFooterBottom .wyItem ul li:last-child::after {
        display: none; }
  footer .wyFooterBottom .wyItem p {
    margin-bottom: 0px;
    color: #777980; }
    footer .wyFooterBottom .wyItem p span {
      color: #ED3237;
      font-weight: 600; }
    footer .wyFooterBottom .wyItem p strong {
      color: #27292E; }

@media (max-width: 87.49875rem) {
  .wyMain .wyInnerWrap .wyProductsGroup .wyProductImg img {
    width: 100%; } }
@media (max-width: 61.99875rem) {
  .wyMainHeader .MainMenuContainer {
    width: 100%;
    transform: skewX(0deg);
    height: 100%; }
    .wyMainHeader .MainMenuContainer .wyMenuContainerWrapper .inner {
      transform: skewX(0deg); }
      .wyMainHeader .MainMenuContainer .wyMenuContainerWrapper .inner ul {
        width: 100%; }
        .wyMainHeader .MainMenuContainer .wyMenuContainerWrapper .inner ul li {
          left: 0; }
          .wyMainHeader .MainMenuContainer .wyMenuContainerWrapper .inner ul li a {
            font-size: 22px;
            padding: 8px 0px;
            justify-content: flex-start; }
            .wyMainHeader .MainMenuContainer .wyMenuContainerWrapper .inner ul li a:hover::before {
              width: 22px;
              left: -10% !important; }
    .wyMainHeader .MainMenuContainer .socialLinks {
      transform: unset;
      justify-content: flex-start; }
  .wyMainHeader .productMenuContainer {
    z-index: 1;
    transform: skew(0deg);
    width: 100%;
    top: 36%;
    padding-top: 0px;
    background-color: transparent; }
    .wyMainHeader .productMenuContainer .wyMenuContainerWrapper {
      padding-top: 0px; }
      .wyMainHeader .productMenuContainer .wyMenuContainerWrapper .inner {
        transform: unset; }
        .wyMainHeader .productMenuContainer .wyMenuContainerWrapper .inner ul {
          width: 100%; }
          .wyMainHeader .productMenuContainer .wyMenuContainerWrapper .inner ul li {
            left: 0; }
            .wyMainHeader .productMenuContainer .wyMenuContainerWrapper .inner ul li a {
              font-size: 18px;
              justify-content: flex-start;
              padding: 8px 12px; }
    .wyMainHeader .productMenuContainer.productMenuContainerOpen {
      right: 0; }

  .wyBannerWrap {
    padding: 0px; }
    .wyBannerWrap .wyBannerTextWrap {
      flex-direction: column;
      min-height: 100%;
      max-width: 100%;
      width: 100%;
      padding-top: 0px; }
      .wyBannerWrap .wyBannerTextWrap .wyBannerLeft {
        padding: 0px;
        width: 100%;
        max-width: 100%;
        padding: 100px 20px 40px; }
        .wyBannerWrap .wyBannerTextWrap .wyBannerLeft h3 {
          font-size: 24px; }
        .wyBannerWrap .wyBannerTextWrap .wyBannerLeft h2 {
          font-size: 40px;
          margin-bottom: 1.25rem; }
        .wyBannerWrap .wyBannerTextWrap .wyBannerLeft p {
          margin-bottom: 1.875rem; }
        .wyBannerWrap .wyBannerTextWrap .wyBannerLeft .shap {
          width: 100%;
          transform: skewX(0deg); }

  .wyMain .wyProductWrap {
    flex-direction: column;
    padding: 1.875rem 0rem; }
    .wyMain .wyProductWrap .wyProductLeft {
      width: 100% !important;
      margin-bottom: 1.875rem; }
      .wyMain .wyProductWrap .wyProductLeft .wyDescripton ul {
        margin-bottom: 1.25rem; }
      .wyMain .wyProductWrap .wyProductLeft .wyHeadeing {
        margin-bottom: 1.25rem; }
        .wyMain .wyProductWrap .wyProductLeft .wyHeadeing .wySubHeading {
          font-size: 18px;
          margin-bottom: 0.625rem; }
        .wyMain .wyProductWrap .wyProductLeft .wyHeadeing h2 {
          font-size: 26px; }
    .wyMain .wyProductWrap .wyProductRight {
      width: 100% !important; }
    .wyMain .wyProductWrap:nth-child(even) .wyProductRight {
      order: 2; }
    .wyMain .wyProductWrap:nth-child(even) .wyProductLeft {
      order: 1; }
  .wyMain .wyInnerBanner .wyInnerText h2 {
    font-size: 40px; }
    .wyMain .wyInnerBanner .wyInnerText h2::after {
      width: 50px; }
  .wyMain .wyInnerBanner.wyInnerBannerAbout::after {
    top: auto;
    right: 0;
    font-size: 40px; }
  .wyMain .wyInnerWrap .wyProductsGroup h2 {
    font-size: 26px;
    margin-bottom: 1.625rem;
    padding: 0rem 0.625rem; }
  .wyMain .wyInnerWrap .wyProductsGroup .wyProductImg img {
    width: 100%; }
  .wyMain .wyInnerWrap .wyProductsGroup .wyProductImg::after {
    border-bottom: 94px solid #ED3237;
    bottom: -32px;
    top: auto;
    left: 0; }
  .wyMain .wyInnerWrap .wyAboutWrap {
    flex-direction: column; }
    .wyMain .wyInnerWrap .wyAboutWrap .wyAboutLeft {
      width: 100%; }
    .wyMain .wyInnerWrap .wyAboutWrap .wyAboutRight {
      width: 100%; }
      .wyMain .wyInnerWrap .wyAboutWrap .wyAboutRight .wyAboutImgWrap {
        position: relative; }
  .wyMain .wyInnerWrap .wyVissionWrap {
    flex-direction: column;
    padding: 1.875rem 0rem; }
    .wyMain .wyInnerWrap .wyVissionWrap .wyVissionLeft {
      width: 100%;
      margin-bottom: 1.25rem; }
      .wyMain .wyInnerWrap .wyVissionWrap .wyVissionLeft::after {
        display: none; }
      .wyMain .wyInnerWrap .wyVissionWrap .wyVissionLeft::before {
        top: -5%;
        right: auto;
        left: 15%;
        width: 120px;
        height: 110px; }
    .wyMain .wyInnerWrap .wyVissionWrap .wyVissionRight {
      width: 100%; }
      .wyMain .wyInnerWrap .wyVissionWrap .wyVissionRight h2 {
        font-size: 26px;
        margin-bottom: 1rem; }
      .wyMain .wyInnerWrap .wyVissionWrap .wyVissionRight p {
        font-size: 14px;
        margin-bottom: 1.875rem; }
  .wyMain .wyInnerWrap .wyProductList {
    flex-direction: column; }
    .wyMain .wyInnerWrap .wyProductList .wyProductItem {
      width: 100%;
      background-size: contain;
      margin: 1.25rem 0rem 1.875rem; }
  .wyMain .wyProductDetailBanner {
    flex-direction: column;
    padding-top: 118px; }
    .wyMain .wyProductDetailBanner .wyDetailLeft {
      width: 100%; }
      .wyMain .wyProductDetailBanner .wyDetailLeft .wyHeading {
        margin-bottom: 1.25rem; }
        .wyMain .wyProductDetailBanner .wyDetailLeft .wyHeading h2 {
          font-size: 30px; }
        .wyMain .wyProductDetailBanner .wyDetailLeft .wyHeading small {
          font-size: 22px; }
      .wyMain .wyProductDetailBanner .wyDetailLeft .wyContent p {
        margin-bottom: 5.625rem; }
      .wyMain .wyProductDetailBanner .wyDetailLeft .wyContent .wyProductImgList .wyProductItem {
        width: 150px;
        margin-right: 0.75rem; }
        .wyMain .wyProductDetailBanner .wyDetailLeft .wyContent .wyProductImgList .wyProductItem span {
          font-size: 12px; }
        .wyMain .wyProductDetailBanner .wyDetailLeft .wyContent .wyProductImgList .wyProductItem:last-child {
          margin-right: 0px; }
    .wyMain .wyProductDetailBanner .wyDetailRight {
      width: 100%;
      display: none; }
  .wyMain .wyProductDetailWrap {
    padding: 2.5rem 0rem; }
    .wyMain .wyProductDetailWrap .content-left .box-item {
      margin-bottom: 2.5rem; }
      .wyMain .wyProductDetailWrap .content-left .box-item .wyIconWrap {
        order: 0; }
      .wyMain .wyProductDetailWrap .content-left .box-item .text {
        text-align: left; }
    .wyMain .wyProductDetailWrap .wyStepInformation {
      flex-direction: column; }
      .wyMain .wyProductDetailWrap .wyStepInformation .wyStepItem {
        width: 100%;
        margin-bottom: 2.5rem; }
        .wyMain .wyProductDetailWrap .wyStepInformation .wyStepItem::after {
          width: 10%;
          top: auto;
          right: 36%;
          bottom: -19px;
          transform: rotate(75deg); }
      .wyMain .wyProductDetailWrap .wyStepInformation::before {
        top: -3%; }
      .wyMain .wyProductDetailWrap .wyStepInformation::after {
        bottom: 3%; }

  footer .wyFooterList {
    flex-direction: column; }
    footer .wyFooterList .wyFooterItem ul li {
      font-size: 14px;
      padding-bottom: 0px; }
      footer .wyFooterList .wyFooterItem ul li input[type="email"] {
        width: auto; }
    footer .wyFooterList .wyFooterItem h3 {
      margin-bottom: 0.625rem;
      font-size: 16px; }
  footer .wyFooterBottom {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.75rem 0rem; } }

/*# sourceMappingURL=style.css.map */