* {
  box-sizing: border-box;
}
body {
  position: relative;
  font-family: "Montserrat";
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
}
a,
span,
i {
  display: inline-block;
}
/*-- Fonts --*/
@font-face {
  font-family: "Inter Medium";
  src: url("../fonts/Inter-Medium.woff2") format("woff2"),
    url("../fonts/Inter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Bold";
  src: url("../fonts/Inter-Bold.woff2") format("woff2"),
    url("../fonts/Inter-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.woff2") format("woff2"),
    url("../fonts/Inter-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter SemiBold";
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"),
    url("../fonts/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Bold";
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"),
    url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Medium";
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"),
    url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat SemiBold";
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),
    url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"),
    url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?mie9tf");
  src: url("../fonts/icomoon.eot?mie9tf#iefix") format("embedded-opentype"),
    url("../fonts/icomoon.ttf?mie9tf") format("truetype"),
    url("../fonts/icomoon.woff?mie9tf") format("woff"),
    url("../fonts/icomoon.svg?mie9tf#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e900";
}
.icon-instagram:before {
  content: "\e901";
}
.icon-linkedin:before {
  content: "\e902";
}

/*-- General CSS --*/
img {
  max-width: 100%;
  height: auto;
}
.container {
  margin: 0 auto;
  padding: 0 15px;
}

h1,
.h1 {
  font-family: "Montserrat Medium";
  font-size: 65px;
  line-height: 1.2;
  color: rgba(0, 0, 0, 1);
  margin: 0;
}
h2,
.h2 {
  font-family: "Montserrat SemiBold";
  font-size: 36px;
  line-height: 1.2;
  color: rgba(0, 0, 0, 1);
  margin: 0;
}
h3,
.h3 {
  font-family: "Montserrat Medium";
  font-size: 28px;
  line-height: 1.2;
  color: rgba(50, 50, 50, 1);
  margin: 0;
}
p,
.p {
  font-family: "Montserrat";
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/*-- Slider --*/
.lb-loader,
.lightbox {
  text-align: center;
  line-height: 0;
  position: absolute;
  left: 0;
}
body.lb-disable-scrolling {
  overflow: hidden;
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}
.lightbox {
  width: 100%;
  z-index: 10000;
  font-weight: 400;
  outline: 0;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
}
.lightbox a img {
  border: none;
}
.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%;
}
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/raito/wp-content/uploads/2024/06/loading.gif) no-repeat;
}
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-container > .nav {
  left: 0;
}
.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-next,
.lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/raito/wp-content/uploads/2024/06/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/raito/wp-content/uploads/2024/06/next.png) right 48%
    no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-data {
  padding: 0 4px;
  color: #ccc;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}
.lb-data .lb-caption a {
  color: #4ae;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/raito/wp-content/uploads/2024/06/close.png) top right
    no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}

/*-- Header --*/
header.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
  padding-top: 30px;
  transition: 0.3s all ease-in-out;
  background-color: transparent;
  max-width: 1500px;
  border-radius: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.site-header.siteheader--stick {
  background-color: #ffffff;
  padding: 10px 0;
  margin-top: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.headerwrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.headerwrapper .main-navigation {
  margin-left: auto;
  background-color: #ffffff;
  padding: 10px 10px 10px 50px;
  border-radius: 90px;
}
.main-navigation .menu-toggle {
  display: none;
}
.headerwrapper .main-navigation .menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.headerwrapper .main-navigation .menu a {
  font-family: "Montserrat";
  font-size: 20px;
  line-height: 1;
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
  transition: 0.3s all ease-in-out;
}
.headerwrapper .main-navigation .menu a.active {
  color: rgba(232, 98, 42, 1);
}
.headerwrapper .main-navigation .menu .contact a {
  background-color: rgba(39, 191, 211, 1);
  color: #ffffff;
  padding: 22px 48px;
  border-radius: 50px;
}
.headerwrapper .main-navigation .menu .contact a:hover {
  background-color: rgba(232, 98, 42, 1);
}
.headerwrapper .main-navigation .menu .contact {
  margin-left: 91px;
}
.headerwrapper .main-navigation .menu li + li {
  padding-left: 18px;
  margin-left: 18px;
  position: relative;
}
.headerwrapper .main-navigation .menu li + li::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #000000;
  border-radius: 50%;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
}
.headerwrapper .main-navigation .menu li + li.contact {
  padding-left: 0;
}
.headerwrapper .main-navigation .menu li + li.contact::before {
  display: none;
}

/*-- Home --*/
.herobannerwrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.herobannerleft {
  max-width: 720px;
  width: 100%;
}
.herobannerright {
  max-width: calc(100% - 720px);
  width: 100%;
}
.herobannersection {
  background: rgba(255, 240, 235, 1);
  padding: 168px 0 0;
  padding: 0;
}
.herobannerleft h1 {
  margin: 40px 0 30px;
}
.herobannerleft p {
  margin-bottom: 46px;
}
.primary-bttn {
  font-family: "Montserrat SemiBold";
  font-size: 20px;
  line-height: 1;
  text-decoration: none;
  background: rgba(39, 191, 211, 1);
  color: rgba(255, 255, 255, 1);
  padding: 20px 28px;
  border-radius: 60px;
  transition: 0.3s all ease-in-out;
}
.primary-bttn:hover {
  background-color: rgba(232, 98, 42, 1);
}
.herobannerleft > span {
  font-family: "Montserrat Medium";
  font-size: 20px;
  line-height: 1.2;
  color: rgba(0, 0, 0, 1);
  padding-left: 18px;
  position: relative;
}
.herobannerleft > span::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: rgba(232, 98, 42, 1);
  left: 0;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
}
.herobannerright img {
  max-width: 620px;
  width: 100%;
}
.herobannerright {
  text-align: right;
}
.herobannerSliderwrap .slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: center;
  width: 100%;
  justify-content: center;
  z-index: 1;
}
.herobannerSliderwrap .slick-dots button {
  font-size: 0;
  line-height: 0;
  padding: 0;
  background-color: rgba(179, 179, 179, 1);
  width: 17px;
  height: 3px;
  border-radius: 50px;
  border: 0;
  outline: 0;
  display: block;
  transition: 0.3s all ease-in-out;
}
.herobannerSliderwrap .slick-dots button:hover,
.herobannerSliderwrap .slick-dots .slick-active button {
  background-color: rgba(39, 191, 211, 1);
}

/*-- About us --*/
.pt100 {
  padding-top: 100px;
}
.pb100 {
  padding-bottom: 100px;
}
.mt100 {
  margin-top: 100px;
}
.aboutusWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.aboutusLeft {
  max-width: 615px;
  width: 100%;
}
.aboutusRight {
  max-width: calc(100% - 715px);
  width: 100%;
}
span.smtitle {
  font-family: "Montserrat Bold";
  font-size: 20px;
  line-height: 1.2;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.aboutusLeft h2 {
  margin: 25px 0 40px;
}
.aboutusLeft p {
  font-size: 22px;
  line-height: 1.4;
}
.aboutusRight ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.aboutusRight ul li {
  position: relative;
  font-family: "Montserrat Medium";
  font-size: 20px;
  line-height: 1.4;
  color: rgba(0, 0, 0, 1);
  padding-left: 44px;
}
.aboutusRight ul li::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 5px;
  background-color: rgba(255, 174, 151, 1);
  border-radius: 50px;
  top: 11px;
  left: 0;
}
.aboutusRight ul li + li {
  margin-top: 16px;
}

.counterRows {
  border: 1px solid rgba(255, 201, 178, 1);
  border-radius: 100px;
  padding: 38px 87px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.counterCols {
  text-align: center;
}

.counterCols p {
  margin-top: 15px;
  color: rgba(0, 0, 0, 1);
  font-size: 26px;
  line-height: 1;
}

.counterCols h3,
.counterCols .top span {
  font-size: 46px;
  line-height: 1.2;
  color: rgba(0, 0, 0, 1);
}
.titleWrap {
  max-width: 960px;
}
.titleWrap span.smtitle {
  margin-bottom: 20px;
}
.productsRows {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 13px;
}
.productsCols {
  border: 1px solid rgba(221, 221, 221, 1);
  border-radius: 27px;
  padding: 13px;
}
.productsThumb {
  background: rgba(242, 242, 242, 1);
  border-radius: 20px;
  aspect-ratio: 1/1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease-in-out;
  overflow: hidden;
}
.productsCols:hover .productsThumb {
  background: rgba(255, 244, 235, 1);
}
.productsThumb img {
  transition: 0.3s all ease-in-out;
}
.productsCols:hover .productsThumb img {
  transform: scale(1.1);
}
.productsContent {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 7px;
}
.productsContent h3 {
  font-family: "Inter SemiBold";
  font-size: 24px;
  line-height: 1.2;
}
.productsWrap {
  padding-top: 60px;
}
.sliderAllprdctSliderWrap {
  border: 1px solid rgba(255, 168, 132, 1);
  border-radius: 59px;
}
.sliderAllprdctSlideLeft {
  max-width: 636px;
}
.sliderAllprdctSlideRight {
  max-width: calc(100% - 680px);
  width: 100%;
}
.sliderAllprdctSlider {
  padding: 60px 56px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.sliderAllprdctWrap {
  padding-bottom: 20px;
}
.sliderAllprdctSlideLeft > img {
  margin-bottom: 30px;
}
.sliderAllprdctSliderWrap .slick-dots {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.sliderAllprdctSliderWrap .slick-dots button {
  font-size: 0;
  line-height: 0;
  width: 26px;
  height: 2px;
  border: 0;
  outline: 0;
  padding: 0;
  background-color: rgba(179, 179, 179, 1);
  border-radius: 60px;
  display: block;
}
.sliderAllprdctSliderWrap .slick-dots .slick-active button {
  background-color: rgba(39, 191, 211, 1);
}

.instagramLivesection {
  background: rgba(255, 240, 235, 1);
  padding: 80px 0;
}
.instagramLiveWrap {
  margin-top: 60px;
}
.tab-teaser .tab-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.tab-teaser .tab-menu ul a {
  font-family: "Montserrat Medium";
  text-decoration: none;
  color: rgba(50, 50, 50, 1);
  border: 1px solid rgba(198, 198, 198, 1);
  min-width: 208px;
  min-height: 56px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 70px;
  transition: 0.3s all ease-in-out;
}
.tab-teaser .tab-menu ul a:hover,
.tab-teaser .tab-menu ul a.active {
  background-color: rgba(232, 98, 42, 1);
  color: #ffffff;
  border-color: rgba(232, 98, 42, 1);
}
.galleryWrap {
  padding: 30px 0 50px;
}
.tab-main-box {
  overflow: hidden;
}
.tab-main-box .container {
  overflow: visible;
}
.galleryContentSliderwrap {
  margin: 0 -10px;
}
.galleryContentSliderwrap .slick-list {
  overflow: visible;
}
.galleryContentSlider {
  margin: 0 10px;
  position: relative;
  border-radius: 40px;
  overflow: hidden;
}
.gallery-image-link {
  position: relative;
}
.gallery-image-link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
  transition: 0.3s all ease-in-out;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px;
  z-index: 1;
  background-image: none;
}
.gallery-image-link:hover::before {
  background-color: rgb(0, 0, 0, 0.6);
  background-image: url("data:image/svg+xml,%0A%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 0C22.3861 0 0 22.3857 0 50C0 77.6143 22.3861 100 50 100C77.6139 100 100 77.6143 100 50C100 22.3857 77.6139 0 50 0ZM67.2812 52.6504L42.2812 68.2754C41.808 68.5708 41.2644 68.7342 40.7067 68.7487C40.1491 68.7632 39.5977 68.6283 39.1098 68.3578C38.6219 68.0875 38.2153 67.6915 37.9323 67.2109C37.6492 66.7303 37.4999 66.1827 37.5 65.625V34.375C37.5 33.2383 38.1164 32.193 39.1098 31.6422C39.5974 31.3707 40.1489 31.2352 40.7068 31.2497C41.2647 31.2641 41.8084 31.4282 42.2812 31.7246L67.2812 47.3496C68.1945 47.9219 68.75 48.9229 68.75 50C68.75 51.0771 68.1945 52.0783 67.2812 52.6504Z' fill='white'/%3E%3C/svg%3E%0A");
}
#tab-1 .gallery-image-link:hover::before {
  background-color: rgb(0, 0, 0, 0.6);
  background-image: url("data:image/svg+xml,%0A%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 0C22.3861 0 0 22.3857 0 50C0 77.6143 22.3861 100 50 100C77.6139 100 100 77.6143 100 50C100 22.3857 77.6139 0 50 0Z' fill='white'/%3E%3Cpath d='M64.0323 35H55.8065C55.5498 35 55.3036 35.102 55.1222 35.2834C54.9407 35.4649 54.8387 35.7111 54.8387 35.9677C54.8387 36.2244 54.9407 36.4706 55.1222 36.652C55.3036 36.8335 55.5498 36.9355 55.8065 36.9355H61.6168L52.7189 45.4289C52.6269 45.5166 52.5532 45.6216 52.5018 45.7379C52.4504 45.8541 52.4225 45.9794 52.4195 46.1065C52.4165 46.2335 52.4386 46.3599 52.4845 46.4785C52.5304 46.597 52.5992 46.7053 52.6869 46.7973C52.7747 46.8892 52.8797 46.963 52.996 47.0143C53.1122 47.0657 53.2374 47.0937 53.3645 47.0966C53.4916 47.0996 53.618 47.0775 53.7365 47.0316C53.855 46.9857 53.9634 46.9169 54.0553 46.8292L63.0645 38.2294V44.1935C63.0645 44.4502 63.1665 44.6964 63.348 44.8778C63.5294 45.0593 63.7756 45.1613 64.0323 45.1613C64.2889 45.1613 64.5351 45.0593 64.7166 44.8778C64.898 44.6964 65 44.4502 65 44.1935V35.9677C65 35.7111 64.898 35.4649 64.7166 35.2834C64.5351 35.102 64.2889 35 64.0323 35ZM64.0323 54.8387C63.7756 54.8387 63.5294 54.9407 63.348 55.1222C63.1665 55.3036 63.0645 55.5498 63.0645 55.8065V61.6961L54.0713 52.7029C53.8888 52.5266 53.6443 52.4291 53.3906 52.4313C53.1368 52.4335 52.8941 52.5353 52.7147 52.7147C52.5353 52.8941 52.4335 53.1368 52.4313 53.3906C52.4291 53.6443 52.5266 53.8888 52.7029 54.0713L61.6961 63.0645H55.8065C55.5498 63.0645 55.3036 63.1665 55.1222 63.348C54.9407 63.5294 54.8387 63.7756 54.8387 64.0323C54.8387 64.2889 54.9407 64.5351 55.1222 64.7166C55.3036 64.898 55.5498 65 55.8065 65H64.0323C64.2889 65 64.5351 64.898 64.7166 64.7166C64.898 64.5351 65 64.2889 65 64.0323V55.8065C65 55.5498 64.898 55.3036 64.7166 55.1222C64.5351 54.9407 64.2889 54.8387 64.0323 54.8387ZM45.4448 53.1868L36.9355 61.6961V55.8065C36.9355 55.5498 36.8335 55.3036 36.652 55.1222C36.4706 54.9407 36.2244 54.8387 35.9677 54.8387C35.7111 54.8387 35.4649 54.9407 35.2834 55.1222C35.102 55.3036 35 55.5498 35 55.8065V64.0323C35 64.2889 35.102 64.5351 35.2834 64.7166C35.4649 64.898 35.7111 65 35.9677 65H44.1935C44.4502 65 44.6964 64.898 44.8778 64.7166C45.0593 64.5351 45.1613 64.2889 45.1613 64.0323C45.1613 63.7756 45.0593 63.5294 44.8778 63.348C44.6964 63.1665 44.4502 63.0645 44.1935 63.0645H38.3039L46.8132 54.5552C46.9895 54.3726 47.0871 54.1282 47.0848 53.8745C47.0826 53.6207 46.9809 53.378 46.8014 53.1986C46.622 53.0191 46.3793 52.9174 46.1255 52.9152C45.8718 52.9129 45.6274 53.0105 45.4448 53.1868ZM38.3039 36.9355H44.1935C44.4502 36.9355 44.6964 36.8335 44.8778 36.652C45.0593 36.4706 45.1613 36.2244 45.1613 35.9677C45.1613 35.7111 45.0593 35.4649 44.8778 35.2834C44.6964 35.102 44.4502 35 44.1935 35H35.9677C35.7111 35 35.4649 35.102 35.2834 35.2834C35.102 35.4649 35 35.7111 35 35.9677V44.1935C35 44.4502 35.102 44.6964 35.2834 44.8778C35.4649 45.0593 35.7111 45.1613 35.9677 45.1613C36.2244 45.1613 36.4706 45.0593 36.652 44.8778C36.8335 44.6964 36.9355 44.4502 36.9355 44.1935V38.3039L45.4448 46.8132C45.6274 46.9895 45.8718 47.0871 46.1255 47.0848C46.3793 47.0826 46.622 46.9809 46.8014 46.8014C46.9809 46.622 47.0826 46.3793 47.0848 46.1255C47.0871 45.8718 46.9895 45.6274 46.8132 45.4448L38.3039 36.9355Z' fill='black'/%3E%3C/svg%3E%0A");
}

.gallery-image-link .gallery-image {
  aspect-ratio: 1 / 1;
  transition: 0.3s all ease-in-out;
  object-fit: cover;
  object-position: center;
}
.gallery-image-link {
  display: block;
}
.galleryContentSliderwrap .slick-dots {
  margin: 60px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.gallery-image-link:hover .gallery-image {
  transform: scale(1.2);
}
.galleryContentSliderwrap .slick-dots li button {
  font-size: 0;
  line-height: 0;
  border: 0;
  outline: 0;
  width: 17px;
  height: 4px;
  background-color: rgba(179, 179, 179, 1);
  border-radius: 60px;
  display: block;
  cursor: pointer;
}
.galleryContentSliderwrap .slick-dots li.slick-active button {
  background-color: rgba(39, 191, 211, 1);
}
.brochureSection {
  background: rgba(255, 240, 235, 1);
  padding: 100px 0 280px;
}
.brochureCatRows {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.brochureCatCols {
  border-radius: 32px;
  border: 1px solid rgba(221, 221, 221, 1);
  overflow: hidden;
  background: rgba(255, 255, 255, 1);
}
.brochureCatBoxThumb {
  border-radius: 25px;
  overflow: hidden;
}
.brochureCatBoxThumb img {
  aspect-ratio: 1/1.3;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: 0.3s all ease-in-out;
}
.brochureCatBoxContent {
  padding-top: 25px;
}
.brochureCatBoxwrap {
  padding: 12px;
}
.brochureCatBoxwrap:hover .brochureCatBoxThumb img {
  transform: scale(1.1);
}
.brochureCatBoxContent h3 {
  text-align: center;
  font-family: "Montserrat";
  color: rgba(50, 50, 50, 1);
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 24px;
}
.brochureCatBoxContent .bttn-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.brochureCatwrap {
  margin-top: 20px;
}
.brochureCatBoxContent .bttn-group a {
  font-size: 18px;
  line-height: 1.2;
  text-decoration: none;
  color: rgba(50, 50, 50, 1);
  font-family: "Montserrat Medium";
  width: 150px;
  max-width: 100%;
  height: 50px;
  border: 1px solid rgba(198, 198, 198, 1);
  border-radius: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease-in-out;
}
.brochureCatBoxContent .bttn-group a:hover {
  background-color: rgba(198, 198, 198, 1);
  color: #ffffff;
}
.brochureCatBoxContent .bttn-group a.download {
  color: rgba(39, 191, 211, 1);
  border-color: rgba(39, 191, 211, 1);
}
.brochureCatBoxContent .bttn-group a.download:hover {
  background-color: rgba(39, 191, 211, 1);
  color: #ffffff;
}
.contactusRows {
  display: flex;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 1);
  margin-top: -100px;
  border-radius: 22px;
  padding: 50px;
}
.contactusLeft {
  max-width: 512px;
}
.contactusRight {
  max-width: 696px;
  width: 100%;
  box-shadow: 0px 4px 43px 0px rgba(0, 0, 0, 0.15);
  border-radius: 25px;
  padding: 40px;
  margin-left: auto;
  position: relative;
}
.contactusLeft h2 {
  margin: 53px 0 40px;
  font-size: 60px;
  line-height: 1.02;
  font-family: "Montserrat";
}
.contactusLeft h2 img {
  display: inline-flex;
}
.contactusLeft p {
  color: rgba(50, 50, 50, 1);
  margin-bottom: 20px;
  line-height: 1.4;
}
.productsContent p {
  font-size: 16px;
  margin-top: 10px;
}
.contactusRightWrap form p span {
  width: 100%;
  display: block;
}
.contactusRightWrap form p span input.custominput,
.contactusRightWrap form p span textarea.custominput {
  font-family: "Montserrat";
  font-size: 20px;
  line-height: 1.2;
  width: 100%;
  border: 1px solid rgba(202, 202, 202, 1);
  border-radius: 17px;
  padding: 17px 30px;
}
.contactusRightWrap form p input.customsubmit {
  font-family: "Montserrat";
  font-size: 20px;
  line-height: 1.2;
  background: rgba(39, 191, 211, 1);
  border: 1px solid rgba(39, 191, 211, 1);
  color: #ffffff;
  width: 100%;
  padding: 17px 10px;
  border-radius: 40px;
  cursor: pointer;
}
.contactusRightWrap form {
  margin-top: 30px;
}
.wpcf7-not-valid-tip {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 2px;
}
.contactusRightWrap form > p span.wpcf7-spinner {
  width: 24px;
  margin: 0;
  position: absolute;
  bottom: 5px;
}
.wpcf7 form .wpcf7-response-output {
  margin: 20px 0 0;
  border: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.4;
  font-family: "Montserrat Medium";
  color: #000000;
  text-align: center;
}
.menu-social-media-container > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.menu-social-media-container > ul a {
  width: 46px;
  height: 46px;
  border: 0.99px solid rgba(34, 34, 34, 1);
  border-radius: 50%;
  color: rgba(0, 0, 0, 1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: 0.3s all ease-in-out;
}
.menu-social-media-container > ul a:hover {
  background-color: rgba(34, 34, 34, 1);
  color: #ffffff;
}

/*-- Footer --*/
.footer-copyright {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.footer-copyright p {
  font-size: 18px;
  line-height: 1.2;
  color: #ffffff;
}
footer.site-footer {
  background: rgba(232, 98, 42, 1);
}
.footer-copyright p a {
  text-decoration: none;
  color: #ffffff;
}
.footer-copyrightsection {
  border-top: 1px solid rgba(255, 255, 255, 0.46);
  padding: 25px 0;
}
.footerwrap {
  padding: 60px 0 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footerCompany {
  max-width: 220px;
  width: 100%;
}
.footerLinkwrap {
  max-width: 600px;
  width: 100%;
}
.footerContactUs {
  max-width: 310px;
  width: 100%;
}
.footerCompany img {
  background-color: #ffffff;
  display: block;
}
.footerCompany figure.wp-block-image {
  margin: 0;
}
.footerCompany .menu-social-media-container > ul a {
  color: #ffffff;
  border-color: #ffffff;
}
.footerCompany .menu-social-media-container > ul a:hover {
  background-color: #ffffff;
  color: rgba(232, 98, 42, 1);
}
.footerCompany .menu-social-media-container {
  margin-top: 50px;
}
.footerwrap h3 {
  color: #ffffff;
}
.footerLinkwrap ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
.footerwrap .footerLinkwrap ul {
  margin-top: 40px;
  column-count: 2;
}
.footerwrap .footerLinkwrap ul a {
  color: #ffffff;
  text-decoration: none;
  font-size: 20px;
  line-height: 1.2;
}
.footerwrap .footerLinkwrap ul li + li {
  margin-top: 30px;
}
.footerContactUs a,
.footerContactUs code {
  text-decoration: none;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: normal;
  font-size: 20px;
  line-height: 1.4;
  width: 100%;
}
textarea.custominput {
  resize: none;
}
.gradientwrap {
  position: relative;
  overflow: hidden;
}
.roundgradientTop {
  background: radial-gradient(
    52.7% 52.7% at 50.06% 47.3%,
    rgba(255, 255, 255, 0.16) 0%,
    rgba(252, 52, 0, 0.33) 74%
  );
  width: 890px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: absolute;
  right: -244px;
  top: 110px;
  z-index: -1;
  filter: blur(150px);
  opacity: 0.6;
}
.roundgradientBottom {
  background: radial-gradient(
    52.7% 52.7% at 50.06% 47.3%,
    rgba(255, 255, 255, 0.16) 0%,
    rgba(252, 52, 0, 0.33) 74%
  );
  width: 890px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: absolute;
  left: -298px;
  bottom: -230px;
  z-index: -1;
  filter: blur(150px);
  opacity: 0.6;
}
.site-branding .custom-logo-link,
.site-branding .custom-logo-link .custom-logo {
  display: block;
}
.contactusRightWrap form .animate + .animate {
  margin-top: 20px;
}
.contactusRightWrap form p span.wpcf7-spinner {
  width: 24px;
  float: right;
}
/*Animation Overrdides*/
.animate:not(.animate__animated) {
  opacity: 0;
}
.herobannerwrap img {
  width: 100%;
}
.counterCols .top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@media screen and (min-width: 1550px) {
  .container {
    max-width: 1450px;
  }
}

@media screen and (max-width: 1549px) {
  .container {
    max-width: 1320px;
  }

  h1,
  .h1 {
    font-size: 58px;
  }
  h2,
  .h2 {
    font-size: 34px;
  }
  h3,
  .h3 {
    font-size: 26px;
  }
  .herobannerright img {
    max-width: 630px;
    display: block;
    margin: 0 auto -110px;
  }
  .herobannersection {
    padding: 140px 0 0;
    padding: 0;
  }
  .herobannerleft {
    max-width: 620px;
  }
  .herobannerright {
    max-width: calc(100% - 620px);
  }
  .aboutusLeft p {
    font-size: 20px;
  }
  .aboutusRight ul li {
    font-size: 18px;
  }
  .productsContent h3 {
    font-size: 22px;
  }
  .brochureCatBoxContent .bttn-group a {
    width: 48%;
  }
  .brochureCatBoxContent .bttn-group {
    max-width: calc(100% - 20px);
    margin: 0 auto;
  }
  .contactusRight {
    max-width: 640px;
  }
  .footerContactUs a,
  .footerContactUs code,
  .footerwrap .footerLinkwrap ul a {
    font-size: 18px;
  }
  .footerwrap .footerLinkwrap ul li + li {
    margin-top: 24px;
  }
  .footer-copyright p {
    font-size: 17px;
  }
  .contactusLeft h2 {
    font-size: 52px;
  }
  .galleryContentSlider {
    border-radius: 30px;
  }
  header.site-header {
    max-width: 1370px;
  }
  .roundgradientTop,
  .roundgradientBottom {
    width: 600px;
  }

  .brochureCatCols {
    border-radius: 20px;
  }
  .brochureCatBoxThumb {
    border-radius: 16px;
  }
}

@media screen and (max-width: 1400px) {
  .container {
    max-width: 1140px;
  }

  h1,
  .h1 {
    font-size: 50px;
  }
  h2,
  .h2 {
    font-size: 30px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  p,
  .p {
    font-size: 18px;
    line-height: 1.4;
  }
  .headerwrapper .main-navigation .menu .contact {
    margin-left: 30px;
  }
  .headerwrapper .main-navigation .menu .contact a {
    padding: 18px 28px;
  }
  .headerwrapper .main-navigation .menu li + li {
    padding-left: 16px;
    margin-left: 16px;
  }
  .headerwrapper .main-navigation .menu a {
    font-size: 19px;
  }
  header.site-header {
    padding-top: 24px;
  }
  .herobannerleft {
    max-width: 560px;
  }
  .herobannerleft h1 {
    margin: 30px 0 20px;
  }
  .herobannerleft p {
    margin-bottom: 30px;
  }
  .herobannerright {
    max-width: calc(100% - 560px);
  }
  .herobannerright img {
    margin-bottom: -80px;
  }
  .aboutusLeft {
    max-width: 560px;
  }
  .aboutusRight {
    max-width: calc(100% - 560px);
    padding-left: 50px;
  }
  span.smtitle {
    font-size: 18px;
  }
  span.smtitle img {
    width: 22px;
  }
  .counterCols h3,
  .counterCols .top span {
    font-size: 40px;
  }
  .counterCols p {
    font-size: 22px;
    margin-top: 10px;
  }
  .titleWrap {
    max-width: 900px;
  }
  .productsCols {
    border-radius: 20px;
  }
  .productsThumb img {
    max-width: 140px;
    width: auto;
    max-height: 140px;
    height: auto;
  }
  .productsContent h3 {
    font-size: 18px;
  }
  .sliderAllprdctSlideLeft > img {
    width: 100px;
    margin-bottom: 20px;
  }
  .sliderAllprdctSlideLeft {
    max-width: 480px;
  }
  .sliderAllprdctSlideRight {
    max-width: calc(100% - 500px);
  }
  .sliderAllprdctSliderWrap {
    border-radius: 40px;
  }
  .pt100 {
    padding-top: 80px;
  }
  .pb100 {
    padding-bottom: 80px;
  }
  .tab-teaser .tab-menu ul a {
    font-size: 18px;
    min-width: 178px;
    min-height: 54px;
  }
  .brochureSection {
    padding: 80px 0 220px;
  }
  .brochureCatBoxContent h3 {
    font-size: 20px;
  }
  .brochureCatBoxContent .bttn-group a {
    width: 49%;
    height: 46px;
    font-size: 16px;
  }
  .footerLinkwrap {
    max-width: 500px;
  }
  .footerContactUs a,
  .footerContactUs code,
  .footerwrap .footerLinkwrap ul a {
    font-size: 16px;
  }
  .footerCompany .menu-social-media-container {
    margin-top: 30px;
  }

  .contactusLeft h2 {
    font-size: 46px;
    margin: 33px 0 30px;
  }
  .contactusLeft h2 img {
    width: 38px;
    margin-top: 10px;
  }
  .contactusRight {
    max-width: calc(100% - 460px);
    border-radius: 20px;
    padding: 36px;
  }
  .contactusLeft {
    max-width: 460px;
  }
  .contactusRightWrap form p span input.custominput,
  .contactusRightWrap form p span textarea.custominput {
    font-size: 18px;
    padding: 14px 24px;
    border-radius: 14px;
  }
  .contactusRightWrap form > p input.customsubmit {
    font-size: 18px;
  }
  .primary-bttn {
    padding: 16px 28px;
    font-size: 18px;
  }
  .galleryContentSlider {
    border-radius: 26px;
  }

  header.site-header {
    max-width: 1180px;
  }
}

@media screen and (max-width: 1199px) {
  .container {
    max-width: 960px;
  }

  h1,
  .h1 {
    font-size: 46px;
  }
  h2,
  .h2 {
    font-size: 26px;
  }
  h3,
  .h3 {
    font-size: 22px;
  }
  .headerwrapper .main-navigation {
    padding: 10px 10px 10px 30px;
  }
  .headerwrapper .main-navigation .menu a {
    font-size: 16px;
  }
  .headerwrapper .main-navigation .menu .contact a {
    padding: 16px 24px;
  }
  .headerwrapper .main-navigation .menu .contact {
    margin-left: 20px;
  }
  .headerwrapper .main-navigation .menu li + li {
    margin-left: 14px;
    padding-left: 14px;
  }
  .herobannerleft > span {
    font-size: 18px;
  }
  .herobannerleft > span::before {
    width: 8px;
    height: 8px;
  }
  .herobannerleft h1 {
    margin: 24px 0 17px;
  }
  .herobannerleft {
    max-width: 500px;
  }
  .herobannerright {
    max-width: calc(100% - 500px);
  }
  .herobannerleft p {
    padding-right: 30px;
  }
  .aboutusLeft,
  .aboutusRight {
    max-width: 100%;
  }
  .aboutusRight {
    padding-left: 0;
    padding-top: 30px;
  }
  .aboutusLeft h2 {
    margin: 15px 0 20px;
  }
  .aboutusLeft p {
    font-size: 18px;
  }
  .pt100 {
    padding-top: 60px;
  }
  .pb100 {
    padding-bottom: 60px;
  }
  .counterCols h3,
  .counterCols .top span {
    font-size: 36px;
  }
  .counterCols p {
    font-size: 20px;
  }
  .counterRows {
    padding: 38px 65px;
  }
  .productsWrap {
    padding-top: 40px;
  }
  .productsRows {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
  }
  .productsThumb img {
    max-width: 190px;
    max-height: 160px;
  }
  .productsCols {
    width: 32%;
  }
  .sliderAllprdctSlider {
    padding: 40px 36px;
  }
  .sliderAllprdctSliderWrap {
    border-radius: 30px;
  }
  .sliderAllprdctSlideLeft {
    max-width: 400px;
  }
  .sliderAllprdctSlideRight {
    max-width: calc(100% - 420px);
  }
  .tab-teaser .tab-menu ul a {
    min-width: 160px;
  }
  .brochureCatBoxContent h3 {
    font-size: 18px;
    margin-bottom: 18px;
  }
  .brochureCatBoxContent {
    padding-top: 20px;
  }
  .brochureCatCols {
    border-radius: 20px;
  }
  .brochureCatBoxThumb {
    border-radius: 14px;
  }
  .brochureSection {
    padding: 80px 0 180px;
  }
  .contactusLeft h2 {
    font-size: 42px;
  }
  .contactusLeft {
    max-width: 380px;
  }
  .contactusRight {
    max-width: calc(100% - 390px);
  }
  .contactusRows {
    border-radius: 16px;
    padding: 40px 40px 50px;
  }
  .contactusRightWrap form {
    margin-top: 20px;
  }
  .contactusRightWrap form p span input.custominput,
  .contactusRightWrap form p span textarea.custominput {
    font-size: 16px;
    padding: 14px 20px;
    border-radius: 12px;
  }
  .footerLinkwrap {
    max-width: 370px;
  }
  .footerContactUs {
    max-width: 290px;
  }
  .footerwrap .footerLinkwrap ul {
    margin-top: 30px;
  }
  .footerCompany .menu-social-media-container {
    margin-top: 20px;
  }
  .footer-copyright p {
    font-size: 16px;
  }
  .footer-copyrightsection {
    padding: 18px 0;
  }

  header.site-header {
    max-width: 985px;
  }
  .roundgradientTop,
  .roundgradientBottom {
    width: 500px;
  }

  .brochureCatRows {
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brochureCatCols {
    width: 31.9%;
  }
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 720px;
  }
  h1,
  .h1 {
    font-size: 40px;
  }
  h2,
  .h2 {
    font-size: 22px;
  }
  p,
  .p {
    font-size: 16px;
  }
  .herobannerleft {
    max-width: 100%;
  }
  .herobannerright {
    max-width: 60%;
    margin: 50px auto 0;
  }
  .herobannerleft p {
    padding: 0;
    margin-bottom: 20px;
  }
  .primary-bttn {
    padding: 14px 26px;
    font-size: 16px;
  }
  .herobannerleft h1 {
    margin: 14px 0 12px;
  }
  .aboutusLeft p {
    font-size: 16px;
    line-height: 1.6;
  }
  .aboutusRight ul li {
    font-size: 16px;
  }
  .aboutusRight ul li + li {
    margin-top: 12px;
  }
  .aboutusRight {
    padding-top: 20px;
  }
  .counterRows {
    padding: 28px 45px;
  }
  .counterCols h3,
  .counterCols .top span {
    font-size: 30px;
  }
  .counterCols p {
    font-size: 16px;
  }
  span.smtitle img {
    width: 18px;
  }
  .productsCols {
    width: 31%;
    border-radius: 16px;
    padding: 10px;
  }
  .productsThumb {
    border-radius: 14px;
  }
  .productsContent {
    padding-top: 16px;
  }
  .productsWrap {
    padding-top: 30px;
  }
  .sliderAllprdctSlideLeft {
    max-width: 300px;
  }
  .sliderAllprdctSlideRight {
    max-width: calc(100% - 310px);
  }
  .sliderAllprdctSlideLeft > img {
    width: 80px;
  }
  .instagramLivesection {
    padding: 60px 0;
  }
  .pb100 {
    padding-bottom: 50px;
  }
  .pt100 {
    padding-top: 50px;
  }
  .galleryWrap {
    padding: 20px 0 30px;
  }
  .tab-teaser .tab-menu ul a {
    min-width: 140px;
    min-height: 50px;
  }
  .galleryContentSliderwrap .slick-dots {
    margin-top: 40px;
  }
  .brochureCatRows {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brochureCatCols {
    width: 48%;
  }
  .contactusLeft,
  .contactusRight {
    max-width: 100%;
  }
  .contactusRight {
    margin-top: 30px;
  }
  .contactusLeft h2 {
    font-size: 38px;
    margin: 20px 0 20px;
  }
  .contactusLeft h2 img {
    margin-top: 0;
    width: 30px;
  }
  .contactusLeft p {
    margin-bottom: 20px;
  }
  .menu-social-media-container > ul a {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .footerContactUs {
    max-width: 100%;
    margin-top: 50px;
  }
  .footerLinkwrap {
    max-width: 420px;
  }

  header.site-header {
    border-radius: 10px;
    max-width: 730px;
  }
  .headerwrapper .main-navigation {
    background-color: transparent;
    padding: 0;
  }
  .main-navigation .menu-toggle {
    display: block;
    width: 34px;
    height: 24px;
    padding: 0;
    border: 0;
    background-color: transparent;
    position: relative;
  }

  .main-navigation .menu-toggle > span {
    width: 100%;
    height: 3px;
    background-color: rgba(232, 98, 42, 1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 50px;
    transition: 0.3s all ease-in-out;
  }
  .main-navigation .menu-toggle > span:first-child {
    top: 0;
  }
  .main-navigation .menu-toggle > span:last-child {
    bottom: 0;
    top: auto;
  }
  .main-navigation .menu-toggle > span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
  }

  header.site-header .menu-primary-menu-container {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: calc(100% + 10px);
    background-color: #ffffff;
    transition: 0.3s all ease-in-out;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    overflow: hidden;
  }

  header.site-header .menu-primary-menu-container ul {
    flex-direction: column;
  }
  .headerwrapper .main-navigation .menu {
    align-items: flex-start;
  }
  .headerwrapper .main-navigation .menu li + li {
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .headerwrapper .main-navigation .menu li + li::before {
    display: none;
  }
  .headerwrapper .main-navigation .menu .contact {
    margin: 0;
  }
  .headerwrapper .main-navigation .menu li a {
    display: block;
    padding: 12px 14px;
    width: 100%;
  }
  .headerwrapper .main-navigation .menu li {
    width: 100%;
  }
  .siteheader--stick .menu-primary-menu-container {
    top: 100%;
  }
  .headerwrapper .main-navigation .menu .contact a {
    border-radius: 0;
    padding: 12px 14px;
  }
  .mobilemenutoggle .headerwrapper .menu-primary-menu-container {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
  }
  .site-branding .custom-logo-link .custom-logo {
    width: 100px;
  }

  .mobilemenutoggle .main-navigation .menu-toggle span:first-child {
    transform: rotate(45deg) translate(7px, 8px);
  }
  .mobilemenutoggle .main-navigation .menu-toggle span:last-child {
    transform: rotate(-45deg) translate(7px, -8px);
  }
  .mobilemenutoggle .main-navigation .menu-toggle > span:nth-child(2) {
    opacity: 0;
  }
  .roundgradientTop,
  .roundgradientBottom {
    width: 400px;
  }
  .roundgradientBottom {
    bottom: 0;
    left: 0;
  }
  .roundgradientTop {
    top: 0;
    right: 0;
  }
  .headerwrapper .main-navigation .menu a.active {
    background-color: rgba(232, 98, 42, 1);
    color: #ffffff;
  }
}

@media screen and (max-width: 767px) {
  .container {
    max-width: 540px;
  }

  h1,
  .h1 {
    font-size: 34px;
  }
  .herobannerright {
    max-width: 80%;
  }
  .herobannerright img {
    margin-bottom: -60px;
  }
  .aboutusRight ul li {
    padding-left: 30px;
  }
  .aboutusRight ul li::before {
    height: 3px;
    top: 8px;
  }
  .counterCols {
    width: 50%;
  }
  .counterRows {
    gap: 50px 0;
  }
  .counterCols h3,
  .counterCols .top span {
    font-size: 28px;
  }
  .counterCols p {
    margin-top: 8px;
  }
  .productsCols {
    width: 48%;
  }
  .sliderAllprdctSlider {
    padding: 30px 26px;
  }
  .sliderAllprdctSliderWrap {
    border-radius: 20px;
  }
  .sliderAllprdctSlideLeft,
  .sliderAllprdctSlideRight {
    max-width: 100%;
  }
  .sliderAllprdctSlideRight {
    margin-bottom: 30px;
  }
  .sliderAllprdctSlideLeft {
    order: 1;
    text-align: center;
  }
  .sliderAllprdctSlideRight img {
    max-width: 350px;
    margin: 0 auto;
  }
  .sliderAllprdctSlideLeft > img {
    margin-left: auto;
    margin-right: auto;
  }
  .tab-teaser .tab-menu ul a {
    min-width: 130px;
    min-height: 46px;
    font-size: 16px;
  }
  .tab-teaser .tab-menu ul {
    gap: 14px;
  }
  .galleryWrap {
    padding: 18px 0 20px;
  }
  .brochureCatRows {
    gap: 20px 10px;
  }
  .brochureCatCols {
    width: 49%;
  }

  .brochureCatBoxContent h3 {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .brochureCatBoxContent {
    padding-top: 16px;
  }
  .brochureCatBoxContent .bttn-group a {
    height: 40px;
    font-size: 14px;
  }
  .brochureCatBoxContent .bttn-group {
    max-width: 100%;
  }
  .contactusLeft h2 {
    font-size: 36px;
  }
  .contactusLeft h2 img {
    width: 26px;
    margin-top: 8px;
  }
  .footerLinkwrap {
    max-width: 100%;
    width: 100%;
  }
  .footerContactUs {
    margin: 50px 0;
  }
  .footerCompany {
    order: 1;
  }
  .footerContactUs pre {
    margin-bottom: 0;
  }
  .footer-copyright {
    gap: 10px;
    justify-content: center;
  }

  header.site-header {
    max-width: 550px;
  }
  .footerCompany {
    max-width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .container {
    max-width: 100%;
  }

  .herobannerright {
    max-width: 100%;
  }
  .herobannerright img {
    margin-bottom: -50px;
  }
  .counterRows {
    border-radius: 20px;
    padding: 28px 20px;
  }
  .counterCols h3,
  .counterCols .top span {
    font-size: 26px;
  }
  .productsCols {
    width: 100%;
    max-width: 350px;
  }
  .productsThumb img {
    max-width: 230px;
    max-height: 190px;
  }
  .brochureCatCols {
    width: 100%;
    max-width: 350px;
  }
  .footer-copyright {
    gap: 20px;
  }
  .footer-copyright > div {
    width: 100%;
    text-align: center;
  }
  .galleryContentSliderwrap {
    max-width: 360px;
    margin: 0 auto;
  }

  .site-header.siteheader--stick {
    padding: 12px 15px;
  }
  header.site-header {
    padding: 12px 15px;
    background-color: #ffffff;
    max-width: calc(100% - 20px);
    margin: 10px auto 0;
  }
  header.site-header .container {
    padding: 0;
  }
  header.site-header .menu-primary-menu-container {
    top: 100%;
  }
  .site-branding .custom-logo-link .custom-logo {
    width: 90px;
  }
  .roundgradientTop,
  .roundgradientBottom {
    width: 300px;
  }
}

@media screen and (max-width: 420px) {
  .contactusRows {
    padding: 0 0 50px;
  }
  .contactusLeft {
    padding: 30px 26px;
  }
  span.smtitle {
    font-size: 16px;
  }
  span.smtitle img {
    width: 16px;
  }
  .contactusLeft h2 {
    font-size: 32px;
  }
  .contactusLeft p {
    margin-bottom: 20px;
  }
  .contactusRight {
    margin-top: 20px;
    border-radius: 16px;
    padding: 26px;
  }
  .contactusRightWrap form > p input.customsubmit {
    font-size: 16px;
    padding: 15px 8px;
  }
  .counterCols {
    width: 100%;
  }
}