@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Orbitron:wght@400..900&display=swap');

:root {
  --orange: #FF5C00;
  --dark-green: #0D2528;
  --blue: #8795A7;
  --black-text: #595959;
  --white-text: rgba(255, 255, 255, 0.80);
  --dark-text: #333;
  --grey: #d6d6d6;

  --top-padding: 4.5rem;
  --top-padding-fixed: 3.5625rem;
}
@media (max-width: 991px) {
  :root {
    --top-padding: 3.4rem;
    --top-padding-fixed: 3.4rem;
  }
}

html, body {
  background-color: var(--dark-green);
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--white-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: relative;
  overflow-x: hidden;
}


.box.box-footer {
  right: initial;
  top: initial;
  border-radius: 50%;
  animation: example 20s infinite alternate;
  width: 34.36363rem;
  height: 34.36363rem;
  transform: rotate(175.624deg);
  bottom: 11.05281rem;
  opacity: 0.8;
  background: conic-gradient(from 180deg at 50% 50%, #1A4A4F 0deg, #CDDDDD 162.69230604171753deg, #FF5C00 360deg);
  filter: blur(98.08794403076172px);
}


@media (max-width: 767px) {
  .box.box-footer {
    bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .box.box-footer {
    bottom: 0;
  }
}

@media (min-width: 1500px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1424px;
  }
}
@media (min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1544px;
  }
}

ul, ol {
  padding-left: 1.5rem;
}

a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;  
}

a:hover {
  color: var(--orange);
  text-decoration: none;
}
a:focus {
  outline: none;
}
a.white-link {
  color: #fff;
}
a.white-link:hover {
  color: var(--green);
}

strong, b {
  font-weight: 700;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "Orbitron", sans-serif;
  color: #fff;
  font-weight: 900;
  margin-bottom: 0.5rem;
}

.h1, h1 {
  font-size: calc(1.75rem + 1.25vw);
}
.h2, h2 {
  font-size: calc(1.5rem + 1vw);
}
.h3, h3 {
  font-size: calc(1.3rem + .75vw);
}
.h4, h4 {
  font-size: calc(1.25rem + .45vw);
}
.h5, h5 {
  font-size: 1.25rem;
}
.h6, h6 {
  font-size: 1.125rem;
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 3.75rem;
  }
  h2, .h2 {
    font-size: 3rem;
  }
  h3, .h3 {
    font-size: 2.25rem;
  }
  h4, .h4 {
    font-size: 2rem;
  }
  .h5, h5 {
    font-size: 1.5rem;
  }
  .h6, h6 {
    font-size: 1.25rem;
  }
}


a:focus, button:focus {
  outline: none;
  box-shadow: none;
}

a.btn, a.wp-block-button__link, .wpcf7-form input[type="submit"] {
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
  height: 3.25rem;
  letter-spacing: 0.04rem;
  line-height: 3.25rem;
  padding: 0 1.625rem;
  background: var(--orange);
  border: 1px solid var(--orange);
  border-radius: 0.125rem;
  white-space: nowrap;
  text-transform: uppercase;
}
a.btn:hover, a.wp-block-button__link:hover, .wpcf7-form input[type="submit"]:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: var(--orange) !important;
  box-shadow: 1px 1px 5px rgb(130 130 130 / 10%);
}
a.btn:focus, .wpcf7-form input[type="submit"]:focus {
  outline: none;
  box-shadow: none;
}
a.btn.btn-alt {
  background: transparent;
}
a.btn.btn-alt:hover {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  color: #fff !important;
}

@media (max-width: 991px) {
  a.btn, a.wp-block-button__link, .wpcf7-form input[type="submit"] {
    height: 3rem;
    line-height: 3rem;
  }
}
@media (max-width: 767px) {
  a.btn, a.wp-block-button__link, .wpcf7-form input[type="submit"] {
    height: 2.875rem;
    line-height: 2.875rem;
    padding: 0 1.25rem;
  }
}

.text-white {
  color: #fff;
}
.text-green {
  color: var(--green);
}
.text-grey {
  color: var(--grey);
}

.text-large {
  font-size: 1.3125rem;
}
.text-small {
  font-size: 0.875rem;
}


@media (max-width: 1199px) {
  html, body {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  html, body {
    font-size: 14px;
  }
}


section.entry-content {
  position: relative;
  /* background: #fff; */
  margin: 7rem 0;
}
section.entry-content p {
  margin-bottom: 1.5rem;
}
section.entry-content h1, section.entry-content h2, section.entry-content h3, section.entry-content h4, section.entry-content h5, section.entry-content h6 {
  margin-bottom: 1rem;
}
@media (max-width: 1399px) {
  section.entry-content {
    margin: 5rem 0;
  }
}
@media (max-width: 991px) {
  section.entry-content {
    margin: 4rem 0;
  }
}
@media (max-width: 767px) {
  section.entry-content {
    margin: 3rem 0;
  }
}

.section {
  margin: 7rem 0;
}
@media (max-width: 1399px) {
  .section {
    margin: 5rem 0;
  }
}
@media (max-width: 991px) {
  .section {
    margin: 4rem 0;
  }
}
@media (max-width: 767px) {
  .section {
    margin: 3rem 0;
  }
}


.section-padding {
  padding: 7rem 0;
}
@media (max-width: 1399px) {
  .section-padding {
    padding: 5rem 0;
  }
}
@media (max-width: 991px) {
  .section-padding {
    padding: 4rem 0;
  }
}
@media (max-width: 767px) {
  .section-padding {
    padding: 3rem 0;
  }
}

.sub-header {
  margin-bottom: 3.135rem;
}
.sub-header h6 {
  color: var(--orange);
  font-family: "Manrope", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
}
.section-header h2 {
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -0.06rem;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
.heading-description {
  margin-bottom: 3.12rem;
}
@media (max-width: 991px) {
  .sub-header {
    margin-bottom: 2.666rem;
  }
  .heading-description {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .sub-header {
    margin-bottom: 2rem;
  }
}
@media (max-width: 575px) {
  .sub-header {
    margin-bottom: 1.333rem;
  }
}

.wp-block-embed {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.wp-block-embed-youtube .wp-block-embed__wrapper, .wp-block-embed-vimeo .wp-block-embed__wrapper {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden; 
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe, .wp-block-embed-vimeo .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-block-quote {
  border: none !important;
  background: url(../images/quote.svg) no-repeat;
  padding-left: 30px;
  padding-top: 45px;
  color: var(--black);
  font-size: 1.125rem;
}
.wp-block-quote > * {
  margin: initial !important;
}
.wp-block-quote cite {
  font-size: 1rem;
  text-transform: uppercase;
  padding-top: 1rem;
  display: block;
}

.wp-block-separator {
  border-width: 2px;
  border-color: var(--light-grey);
}

.wp-block-image {
  position: relative;
}
.wp-block-image figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(19 30 37 / 80%);
  margin: 0;
  padding: 1rem 2rem;
  font-size: 1rem;
  color: #fff;
  border-top-right-radius: 2.5rem;
}

.wp-block-gallery, .wp-block-image {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.wp-block-gallery .wp-block-image {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.slick-slide:focus {
  outline: none;
}


ul.social-links {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.3125rem;
  display: flex;
}
ul.social-links li {
  margin: 0 0.25rem;
}
ul.social-links li:first-of-type {
  margin-left: 0;
}
ul.social-links li:last-of-type {
  margin-right: 0;
}
ul.social-links li a {
  color: var(--black-text);
}
ul.social-links li a:hover {
  color: var(--green);
}



/* Footer Styles */
.bottom-line {
  margin-bottom: 5rem;
}
.copyright-container {
  border-top: 1px solid var(--blue);
  padding-top: 2rem;
  position: relative;
  z-index: 1;
}
ul.footer-menu li {
  padding: 0 0.75rem;
  list-style: none;
}
ul.footer-menu {
  margin: 0 -0.75rem;
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.footer-contact {
  margin-bottom: 0;
}
.footer-contact a span.contact-icon {
  background: var(--orange);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-out;
}
.footer-contact a:hover span.contact-icon {
  background: #fff;
}
.footer-contact a span svg path {
  transition: all 0.3s ease-out;
}
.footer-contact a:hover span svg path {
  fill: var(--orange);
}
.footer-contact a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.125rem;
}
a.footer-logo {
  display: inline-block;
}
a.footer-logo img {
  height: 4.36556rem;
}
.footer-body {
  margin-bottom: 5rem;
  position: relative;
  z-index: 1
}
.footer-body .row {
  align-items: center;
}
@media (max-width: 1199px) {
  footer.site-footer {
    padding: 0 0.5rem;
  }
}
@media (max-width: 991px) {
  .bottom-line,
  .footer-body {
    margin-bottom: 4rem;
  }
  a.footer-logo img {
    height: 4rem;
  }
  ul.footer-menu li {
    padding: 0 0.25rem;
  }
  ul.footer-menu {
    margin: -0.25rem;
  }
}
@media (max-width: 767px) {
  .bottom-line,
  .footer-body {
    margin-bottom: 3rem;
  }
   a.footer-logo img {
    height: 3rem;
  }
  .copyright-container .row {
    flex-direction: column-reverse;
  }
  ul.footer-menu {
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .bottom-line,
  .footer-body {
    margin-bottom: 2rem;
  }
  .footer-contact a {
    font-size: 1rem;
    margin-right: 2px;
  }
  .footer-contact a span.contact-icon {
    margin-right: 4px;
  }
}



.intro-section {
  background: url('../images/intro-bg.jpg') no-repeat top center;
  background-size: cover;
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.5s ease-in-out;
}
.intro-section.blur {
  filter: blur(3px);
}
.intro-section.hide {
  opacity: 0;
}
.box {
    position: absolute;
    left: calc(50% - 26rem);
    top: 5rem;
    border-radius: 50%;
    animation: example 25s infinite alternate;
    width: 52.55025rem;
    height: 52.55025rem;
    transform: rotate(60deg);
    opacity: 0.8;
    background: conic-gradient(from 180deg at 50% 50%, #1A4A4F 0deg, #CDDDDD 162.69230604171753deg, #FF5C00 360deg);
    filter: blur(150px);
}

@keyframes example {
    0% {
       transform: rotateY(30deg) rotate(-25deg) translateZ(100px);
    }
    25% {
        transform: rotateY(-30deg) translateX(40vw) translateZ(100px);
    }
    50% {
        transform: rotateX(-50deg) translateZ(-100px);
    }
    75% {
        transform: rotateX(-50deg) translateX(-40vw) translateZ(-100px);
    }
    100% {
        transform: rotateX(20deg) translateZ(0);
    }
}


.intro-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between; 
  height: 100vh;
  padding-top: var(--top-padding);
  position: relative;
}
.intro-logo img {
  height: 6.769375rem;
}
.intro-heading-main {
  max-width: 23.25rem;
  margin-left: auto;
}
.intro-heading-main h2 {
  color: var(--orange);
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}
.intro-heading {
  padding-top: 5rem;
}
.intro-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 3rem;
}
.intro-content .intro-text {
  max-width: 37.5rem;
}
.intro-content .intro-text >:last-child {
  margin-bottom: 0;
}
.intro-buttons-wrapper {
  margin: 0 -0.5rem;
}
.intro-buttons-wrapper a.btn {
  margin: 0 0.5rem;
}

@media (max-width: 991px) {
  .intro-heading {
    padding-top: 4rem;
  }
  .intro-content {
    padding-bottom: 2.666rem;
  }
  .intro-logo img {
    height: 5.333rem;
  }
  .intro-heading-main {
    max-width: 17.7333rem;
  }
  .intro-content .intro-text {
    max-width: 26.9333rem;
    padding-right: 1rem;
  }
  .box {
    top: 10rem;
  }
}
@media (max-width: 767px) {
  .intro-heading {
    padding-top: 3rem;
  }
  .intro-content {
    padding-bottom: 2rem;
  }
  .intro-logo img {
    height: 4rem;
  }
  .intro-heading-main {
    max-width: initial;
    margin-left: 0;
  }
  .intro-content {
    display: block;
  }
  .intro-content .intro-text {
    padding-right: 0;
    margin-bottom: 2rem;
  }
}
@media (max-width: 575px) {
  .intro-heading {
    padding-top: 2rem;
  }
  .intro-content {
    padding-bottom: 1.333rem;
  }
  .intro-wrapper {
    justify-content: center;
  }
  figure.intro-logo {
    margin-bottom: 2rem;
  }
  .intro-heading-main {
    margin-bottom: 3rem;
  }
  .intro-buttons-wrapper a.btn {
    width: 100%;
    margin: 0.5rem 0;
  }
  .intro-buttons-wrapper {
    margin: 0
  }
   .box {
    top: 0;
   }
}


.page-flexible-content {
  position: relative;
  z-index: 1;
  margin-top: 100vh;
}

.video-section video {
  display: block;
  width: 100%;
}
.play-button {
  position: absolute;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
  z-index: 1;
  border: none;
  color: var(--orange);
  transition: all 0.3s ease-in-out;
  width: 14%;
}
.video-container:hover .play-button {
  color: var(--dark-green);
}
.play-button svg {
  width: 100%;
  height: auto;
}
.yt-lazyload-playbtn, .vi-lazyload-playbtn {
  background-image: url('data:image/svg+xml,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="40" cy="40" r="40" fill="rgb(255, 92, 0)" fill-opacity="1"/><path d="M57.5757 39.6969L30.7576 55.1804L30.7576 24.2134L57.5757 39.6969Z" fill="rgb(255 255 255)"/></svg>');
  background-size: calc(15px + 9%);
  filter: none;
}
.yt-lazyload-playbtn:hover, .vi-lazyload-playbtn:hover {
  background-image: url('data:image/svg+xml,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="40" cy="40" r="40" fill="white" fill-opacity="1"/><path d="M57.5757 39.6969L30.7576 55.1804L30.7576 24.2134L57.5757 39.6969Z" fill="rgb(235 66 61)"/></svg>');
  background-size: calc(15px + 9%);
  filter: drop-shadow(0 36.72px 73.44px rgba(0, 0, 0, 0.18));
}
.yt-lazyload-content, .vi-lazyload-content {
  background-color: initial;
}
img.video-cover-image {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}



section.img-text-content-section {
  background: url('../images/img-text-content-section-bg.jpg') no-repeat top center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
section.img-text-content-section .box {
  top: initial;
  bottom: 20%;
  animation: example 30s infinite alternate;
}
section.img-text-content-section .header-wrapper,
section.img-text-content-section .text-content {
  max-width: 36.21925rem;
}
section.img-text-content-section .header-wrapper {
  margin-bottom: 2.19rem;
}
section.img-text-content-section .text-content {
  margin-left: auto;
}
.img-text-content-wrapper {
  position: relative;
}
.img-text-content-wrapper .text-content {
  margin-bottom: 5rem;
}

@media (max-width: 991px) {
  section.img-text-content-section .header-wrapper {
    margin-bottom: 1.333rem;
  }
  .img-text-content-wrapper .text-content {
    margin-bottom: 4rem; 
  }
}
@media (max-width: 767px) {
  .img-text-content-wrapper .text-content {
    margin-bottom: 3rem; 
  }
}
@media (max-width: 575px) {
  section.img-text-content-section .box {
    left: -50%;
    bottom: 10%;
  }
}


.gap-wrapper {
  padding: 0 1rem;
}
.gaps-wrapper {
  margin: 0 -1rem;
}
section.left-right-section {
  background: url('../images/left-right-section-bg.jpg') no-repeat top center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
section.left-right-section .box {
  top: -20%;
  animation: example 35s infinite alternate;
}
section.left-right-section .gaps-wrapper {
  position: relative;
}
.left-right-section .row {
  align-items: center;
}
.left-right-section img,
.left-right-section .text-content {
  max-width: 37.5rem;
  width: 100%;
}
.left-right-section img {
  margin-left: auto;
  display: inline-block;
}

@media (max-width: 991px) {
  .left-right-section img {
    max-width: 100%;
  }
  .left-right-section .row {
    flex-direction: column-reverse;
  }
  .left-right-section .text-content {
    margin-bottom: 3rem;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .left-right-section .text-content {
    margin-bottom: 2rem;
  }
}
@media (max-width: 575px) {
  section.left-right-section .box {
    left: -90%;
    top: initial;
    bottom: 0;
  }
}


section.products-section {
  background: #fff;
  color: var(--black-text);
  overflow: hidden;
}
section.products-section .section-header h2 {
  color: var(--dark-green);
}
section.products-section a.btn:hover {
  background: var(--dark-green) !important;
  color: #fff !important;
}
.products-carousel {
  margin-top: 3rem;
}
.product-wrapper {
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
  margin-right: 1.5rem;
  width: 30.03125rem;
}
.product-wrapper > a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.product-heading {
  background: var(--dark-green);
  color: #fff;
  padding: 2.1875rem;
}
.product-heading h6 {
  color: #fff;
  font-weight: 700;
  font-family: "Manrope", sans-serif;
  transition: all 0.3s ease-out;
}
.product-wrapper:hover .product-heading h6 {
  color: var(--orange);
}
figure.product-img  {
  overflow: hidden;
}
figure.product-img img {
  width: 100%;
  transition: all 0.3s ease-out;
}
.product-wrapper:hover figure.product-img img {
  transform: scale(1.1);
}
.products-carousel .slick-list {
  width: 100vw;
}

@media (max-width: 991px) {
  .product-heading {
    padding: 1.6rem;
  }
  .products-carousel {
    margin-top: 2.666rem;
  }
  .product-wrapper {
    margin-right: 1rem;
    width: 26.6667rem;
  }
}
@media (max-width: 767px) {
  .product-heading {
    padding: 1.333rem;
  }
  .products-carousel {
    margin-top: 2rem;
  }
  .product-wrapper {
    margin-right: 0.847333rem;
    width: 20rem;
  }
}
@media (max-width: 575px) {
  .product-wrapper {
    width: 17.46667rem;
  }
}


/*  Blog  */
.posts-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.posts-grid-item {
  width: 33.3333%;
  padding: 1rem;
  position: relative;
}
.posts-grid-item-inner {
  padding: 1.88rem;
  border: 1px solid rgba(135, 149, 167, 0.40);
}
.post-grid-content h6 {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.posts-grid-item:before, .posts-grid-item:after, .posts-grid-item-inner:before, .posts-grid-item-inner:after {
  content: '';
  width: 3px;
  height: 3px;
  position: absolute;
  left: calc(1rem - 1px);
  top: calc(1rem - 1px);
  background: rgb(255 255 255 / 35%);
}
.posts-grid-item:after, .posts-grid-item-inner:after {
  left: initial;
  right: calc(1rem - 1px);
}
.posts-grid-item-inner:before, .posts-grid-item-inner:after {
  top: initial;
  bottom: calc(1rem - 1px);
}

.post-grid-image {
  position: relative;
  background: var(--grey);
  overflow: hidden;
  margin-bottom: 1.88rem;
}
.post-grid-image:before {
  content: '';
  display: block;
  padding-bottom: 66.666%;
}
.post-grid-image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.post-grid-image:hover img {
  transform: scale(1.05);
}
.post-grid-content-txt {
  margin-bottom: 2rem;
}
.read-more-btn {
  margin-bottom: 2.56rem;
}

@media (max-width: 991px) {
  .posts-grid {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .posts-grid-item {
    padding: 1.25rem;
    margin: 0.875rem;
  }
  .read-more-btn {
    margin-bottom: 2rem;
  }

  .posts-grid-item:before, .posts-grid-item:after, .posts-grid-item-inner:before, .posts-grid-item-inner:after {
    top: calc(1rem + 3px);
  }
  .posts-grid-item-inner:before, .posts-grid-item-inner:after {
    top: initial;
    bottom: calc(1rem + 4px);
  }
  .posts-grid-item:before, .posts-grid-item:after, .posts-grid-item-inner:before, .posts-grid-item-inner:after {
    left: calc(1rem + 2px);
  }
  .posts-grid-item:after, .posts-grid-item-inner:after {
    left: initial;
    right: calc(1rem + 2px);
  }
}
@media (max-width: 767px) {
  .posts-grid {
    max-width: 38rem;
    margin: 0 auto !important;
  }
  .posts-grid-item {
    width: 100%;
    padding: 0;
  }
  .read-more-btn {
    margin-bottom: 1rem;
  }

  .posts-grid-item:before, .posts-grid-item:after, .posts-grid-item-inner:before, .posts-grid-item-inner:after {
    top: -1px;
  }
  .posts-grid-item-inner:before, .posts-grid-item-inner:after {
    top: initial;
    bottom: -1px;
  }
  .posts-grid-item:before, .posts-grid-item:after, .posts-grid-item-inner:before, .posts-grid-item-inner:after {
    left: -1px;
  }
  .posts-grid-item:after, .posts-grid-item-inner:after {
    left: initial;
    right: -1px;
  }
}

/* blog close */




section.posts-carousel-section {
  overflow: hidden;
}
.posts-carousel {
  margin-left: -1rem;
  margin-right: -1rem;
  z-index: 1;
}
.posts-carousel .slick-list {
  width: 100vw;
}
.posts-carousel .slide {
  width: 32rem;
}
.posts-carousel .posts-grid-item {
  width: initial;
}
@media (max-width: 991px) {
  .posts-carousel {
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
  }
  .posts-carousel .slide {
    width: 26rem;
  }
  .post-grid-image {
    margin-bottom: 1.333rem;
  }
  .post-grid-content h6 {
    margin-bottom: 1rem;
  }
}
@media (max-width: 575px) {
  .posts-carousel .slide {
    width: 20rem;
  }
  .posts-grid-item-inner {
    padding: 1.25rem;
  }
  .post-grid-image {
    margin-bottom: 1rem;
  }
  .post-grid-content h6 {
    margin-bottom: 0.625rem;
  }
}



.section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.section-head p {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .section-head {
    display: block;
  }
  .section-head p {
    margin-bottom: 1.333rem;
  }
}





/* Accordion Styles */
.accordion-block {
  max-width: 52rem;
  margin-left: auto;
}
.accordion-item {
  margin-bottom: 1rem;
  padding: 2.25rem 3.38rem;
  background: rgba(111, 114, 114, 0.20);
  border: 1px solid rgba(135, 149, 167, 0.40) !important;
}
.accordion-header {
  position: relative;
  margin-bottom: 0;
  letter-spacing: -0.025rem;
}
.accordion-header .h6 {
  font-weight: 700;
  line-height: 1.2;
}
.accordion-header a.collapsed:after {
  content: '+';
}
.accordion-header a:after,
.accordion-button:not(.collapsed)::after {
  content: '+';
  font-size: 2.25rem;
  font-weight: 200;
  font-family: "Manrope", sans-serif;
  text-align: center;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1.25rem;
}
.accordion-button:not(.collapsed)::after {
  transform: rotate(405deg);
}
.accordion-body {
   margin-top: 2.25rem;
}
.accordion-body>:last-child {
  margin-bottom: 0;
}


@media (max-width: 991px) {
  .accordion-item {
    padding: 1.333rem 2rem;
  }
}
@media (max-width: 767px) {
  .accordion-item {
    padding: 1rem 1.333rem;
  }
  .accordion-body {
    margin-top: 1.333rem;
  }
}
@media (max-width: 575px) {
  .accordion-item {
    padding: 0.625rem 1rem;
  }
  .accordion-body {
    margin-top: 1rem;
  }
}
.wpcf7-spinner {
  position: absolute;
  left: 0;
  top: 0;
}
.wpcf7-list-item {
  margin: 0;
}
.form-element {
  margin-bottom: 1.88rem;
}
.form-control {
  height: 3.6875rem;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.50);
  border-radius: 0;
  padding: 0;
  font-size: 1.125rem;
  font-weight: 400;
}
.form-control:focus {
  outline: none;
  box-shadow: none;
  border: none;
  border-color: var(--orange);
}
.form-element label {
  display: block;
  margin-bottom: 1rem;
  color: var(--dark-text);
  font-weight: 700;
  font-size: 0.875rem;
}
.wpcf7-list-item-label {
  font-weight: 400;
}
.wpcf7-list-item label {
  margin-bottom: 0;
  color: var(--dark-blue);
}
.wpcf7-list-item-label span {
  margin-left: 1.25rem;
}
textarea.form-control {
  height: 10rem;
  padding: 0.75rem 0;
}
.wpcf7 form .wpcf7-response-output {
  margin-left: 0;
  margin-right: 0;
  border-width: 1px;
  padding: 0.5rem 1rem;
}
.form-element input[type="checkbox"] {
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  border-radius: 0.25rem;
  border-color: var(--grey);
}
.contact-form-wrap-inner .wpcf7-form input[type="submit"] {
  margin-top: 0.8889rem;
}
@media (min-width: 1200px) {
  .form-element input[type="checkbox"] {
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle;
  }
}
.wpcf7-list-item-label span a {
  color: var(--dark-blue);
}
.wpcf7-list-item-label span a:hover {
  color: var(--light-blue);
}

@media (max-width: 991px) {
  .form-element {
    margin-bottom: 1.6rem;
  }
  textarea.form-control {
    height: 8rem;
  }
}
@media (max-width: 767px) {
  .form-element {
    margin-bottom: 1.333rem;
  }
   textarea.form-control {
    height: 6rem;
  }
}
@media (max-width: 575px) {
  .form-element {
    margin-bottom: 1rem;
  }
}


.accordion-section .heading-description {
  margin-bottom: 2.1875rem;
}


/* Bootstrap Material Input like Style */
.form-element.input-material {
  position: relative;
}
.form-element.input-material label {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 1rem;
  bottom: 1px;
  transition: 0.1s ease all;
  -moz-transition: 0.1s ease all;
  -webkit-transition: 0.1s ease all;
}
.form-element.input-material.text-area-form-element span.wpcf7-form-control-wrap ~ label {
  bottom: 90%;
  bottom: calc(100% - 62px);
}
.form-element.input-material .form-control:required ~ label::after,
.form-element.input-material .form-select:required ~ label::after {
  content: "*";
  color: var(--blue);
  padding-left: 2px;
  font-size: 0.8em;
}
.form-element.input-material .form-control:focus,
.form-element.input-material .form-select:focus {
  color: #fff;
  background: none;
  border-bottom: 1px solid var(--orange);
}
.form-element.input-material .form-control:focus, .form-element.input-material .form-control[value]:not([value=""]) {
  color: #fff;
  background: none;
}
.form-element.input-material .form-control.wpcf7-select:focus {
  color: var(--black-text);
  padding: 0.25rem 0.5rem; 
}
.form-element.input-material .form-control.wpcf7-select[value]:not([value=""]) {
  color: #fff;
  background: none;
}
.form-element.input-material span.wpcf7-form-control-wrap.is-focused ~ label,
.form-element.input-material span.wpcf7-form-control-wrap.is-focused .form-control[value]:not([value=""]) ~ label,
.form-element.input-material span.wpcf7-form-control-wrap.is-focused .form-select:focus ~ label,
.form-element.input-material span.wpcf7-form-control-wrap.is-focused .form-select[value]:not([value=""]) ~ label {
  top: unset;
  bottom: 100%;
  bottom: calc(100% - 0.777rem);
  font-size: 0.875rem;
  color: #fff;
  font-weight: 500;
}
.form-element.input-material label {
  margin-bottom: 0;
}

select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' fill-opacity='0.5' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  /* background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12' fill='white' fill-opacity='0.5'><path d='M11.2891 10.1569L5.63211 4.49994L7.04611 3.08594L11.9961 8.03594L16.9461 3.08594L18.3601 4.49994L12.7031 10.1569C12.5156 10.3444 12.2613 10.4497 11.9961 10.4497C11.7309 10.4497 11.4766 10.3444 11.2891 10.1569Z' fill='none'/></svg>"); */
  background-repeat: no-repeat;
  background-position: right 0 center;
}

@media (max-width: 991px) {
  .form-control {
    height: 2.75rem;
    font-size: 0.875rem;
  }
  .form-element.input-material label {
    top: 0.75rem;
    font-size: 0.875rem;
  }
}
@media (max-width: 575px) {
  .form-element.input-material span.wpcf7-form-control-wrap.is-focused ~ label,
  .form-element.input-material span.wpcf7-form-control-wrap.is-focused .form-control[value]:not([value=""]) ~ label,
  .form-element.input-material span.wpcf7-form-control-wrap.is-focused .form-select:focus ~ label,
  .form-element.input-material span.wpcf7-form-control-wrap.is-focused .form-select[value]:not([value=""]) ~ label {
    bottom: calc(100% - 12px);
  }
}


.contact-form-wrapper {
  max-width: 57.75rem;
  margin-left: auto;
}