.grecaptcha-badge {
	z-index: 9999 !important;
}

:root {
   --ms-primary-color: #f3801e;
   --ms-green-color: #37b52d;
   --ms-blue-color: #2e388e;
}

.ms-btn .elementor-button {
   min-width: 178px;
   min-height: 48px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
}

.ms-arrow-btn .elementor-button {
   min-width: 160px;
   padding-right: 38px;
}

.ms-arrow-btn a {
   position: relative;
}

.ms-arrow-btn a span::after {
   content: url('/wp-content/uploads/2024/06/macksons-button-arrow.svg');
   position: absolute;
   top: 17px;
   right: 22px;
}

.ms-hero-bottom {
   position: absolute !important;
   bottom: 0 !important;
   transform: translateY(50%);
}

.ms-orange {
   color: var(--ms-primary-color);
}

.ms-green {
   color: var(--ms-green-color);
   font-weight: 500;
}

.ms-blue {
   color: var(--ms-blue-color);
}

/* ****************************************** */
/* ********* Hero Section Gradients ********* */
/* ****************************************** */

.ms-products-page-hero::before {
   content: '' !important;
   background: linear-gradient(180deg, #326696 0%, rgba(22, 36, 65, 0.25) 38.88%);
   background-repeat: no-repeat;
}

.ms-who-we-are-hero::before {
   content: '' !important;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 70.56%);
   background-repeat: no-repeat;
}

.ms-products-hero::before {
   content: '' !important;
   background: linear-gradient(180deg, #0b111f 0%, rgba(15, 25, 45, 0.54) 27.44%, rgba(22, 36, 65, 0.25) 68.31%);
   background-repeat: no-repeat;
}

.ms-products-page-hero::before {
   background: linear-gradient(180deg, #326696 0%, rgba(22, 36, 65, 0.25) 38.88%) !important;
}
/* ****************************************** */
/* ********* Hero Section Gradients ********* */
/* ****************************************** */

/* ****************************************** */
/* Fixed header in products page */
.ms-products-page-header.fixed-header {
   border-bottom: 1px solid #e4e9ee !important;
}

/* proucts page images issue */
.ms-product-thumbnail {
   display: flex;
   align-items: center;
   justify-content: center;
}

.ms-product img {
   min-width: 270px;
   min-height: 400px;
   max-width: 270px;
   max-height: 400px;

   background: #f2f6f9;
   padding: 50px 0px;
   max-width: 300px !important;
   max-height: 400px;
}

.ff-message-success {
   box-shadow: 0 1px 5px rgb(243 128 30) !important;
}

@media screen and (max-width: 600px) {
   .ms-hero-bottom-line {
      background-size: 110% 96px !important;
   }
}