@keyframes rotate {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes contrast {
  0% {
    filter: contrast(0);
  }
  50% {
    filter: contrast(3);
  }
  to {
    filter: contrast(0);
  }
}
@keyframes bright {
  0% {
    filter: brightness(1);
  }
  to {
    filter: brightness(5);
  }
}
@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  animation: fadeInUp 1s ease-in-out;
}

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.leftFixedBox {
  position: fixed;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  left: 4px;
  bottom: 20%;
  z-index: 10000;
  grid-gap: 10px;
}
@media (max-width: 991px) {
  .leftFixedBox {
    display: none;
  }
}
.leftFixedBox .dropdown-toggle.iconBox {
  margin-bottom: 0;
  margin-bottom: 0;
}
.leftFixedBox .iconBox {
  background: #010102;
  width: 40px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
.leftFixedBox .iconBox img {
  width: 20px;
  animation: pulse 1s infinite;
}
.leftFixedBox .iconBox i {
  color: #6f4287;
}
.leftFixedBox .dropdown-menu {
  min-width: 40px;
  width: auto;
  height: 50px;
  background: transparent;
  padding: 0;
  border: 0;
}
.leftFixedBox .dropdown-menu .iconBox {
  background: #274130;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  box-shadow: 0px 2px 10px 2px rgba(56, 52, 52, 0.2);
  text-decoration: none;
}
.leftFixedBox .dropdown-menu .iconBox i {
  color: #ffffff;
  font-size: 18px;
}
.leftFixedBox .dropdown-menu .iconBox:hover {
  background: #0a1821;
}
.leftFixedBox .dropdown-menu.show {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 5px;
}
.leftFixedBox .QuickSideRightBar {
  position: relative;
}
.leftFixedBox .QuickSideRightBar .iconBox {
  box-shadow: 0px 15px 15px 0px rgba(106, 40, 117, 0.15);
  background: #3B8755;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}
.leftFixedBox .QuickSideRightBar .slideLeft {
  box-shadow: 0px 15px 15px 0px rgba(106, 40, 117, 0.15);
  position: absolute;
  background: #337349;
  width: 0;
  height: 50px;
  left: 0;
  top: 0px;
  font-size: 13px;
  line-height: 40px;
  color: #010102;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  transition: ease-in-out 0.3s;
  border-radius: 30px;
}
.leftFixedBox .QuickSideRightBar .slideLeft .textRight {
  position: absolute;
  right: 12px;
  top: 0;
  font-size: 0;
  transition: 0.5s ease all;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 10px;
}
.leftFixedBox .QuickSideRightBar:hover .slideLeft {
  opacity: 1;
  transition: 0.3s ease all;
  width: 210px;
}
.leftFixedBox .QuickSideRightBar:hover .slideLeft .textRight {
  transition: 0.5s ease all;
  font-size: 17px;
}
.leftFixedBox .animateBox {
  animation: animate2 2s linear infinite;
}

.bottomFixedMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  border-radius: 10px 10px 0px 0px;
  padding: 12px 0px;
  overflow: hidden;
  background: #274130;
}
.bottomFixedMenu ul {
  list-style: none;
}
.bottomFixedMenu span {
  color: #fff;
  display: block;
  line-height: 12px;
}
@media (max-width: 575px) {
  .bottomFixedMenu span {
    font-size: 12px;
  }
}
.bottomFixedMenu li {
  display: flex;
  width: 33.3%;
  justify-content: center;
  border-right: 1px solid rgba(255, 255, 255, 0.3803921569);
}
.bottomFixedMenu li a, .bottomFixedMenu li button {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

html[dir=rtl] .fixedrightSidebar {
  left: 45px;
  right: unset !important;
}
html[dir=rtl] .fixedrightSidebar .socialMedia .QuickSideRightBar .slideLeft {
  right: unset;
  left: 55px;
}
@media (min-width: 1200px) {
  html[dir=rtl] .fixedrightSidebar .socialMedia .QuickSideRightBar .slideLeft {
    left: 55px;
  }
}
@media (max-width: 991px) {
  .rightFixed {
    display: none;
  }
}
.rightFixed a, .rightFixed button {
  color: #fff;
  cursor: pointer;
  transition: 0.5s ease all;
  position: fixed;
  background: #3B8755;
  right: 0;
  writing-mode: tb-rl;
  transform: scale(1);
  color: #fff;
  bottom: 132px;
  border-radius: 10px 0px 0px 10px;
  padding: 15px 0px 15px 5px;
  line-height: 30px;
}
@media (min-width: 1200px) {
  .rightFixed a, .rightFixed button {
    padding: 17px 0px 17px 5px;
    line-height: 38px;
  }
}
@media (min-width: 1360px) {
  .rightFixed a, .rightFixed button {
    padding: 18px 0px 18px 5px;
    line-height: 40px;
  }
}
@media (min-width: 1440px) {
  .rightFixed a, .rightFixed button {
    line-height: 45px;
    padding: 20px 0px 20px 5px;
  }
}
.rightFixed a:hover, .rightFixed button:hover {
  transition: 0.5s ease all;
  background-color: #274130;
}

.btnpenta {
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 30px;
  height: 70px;
  border-radius: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  line-height: 40px;
}
@media (min-width: 1200px) {
  .btnpenta {
    font-size: 18px !important;
    font-size: 1.125rem !important;
    padding: 12px 30px;
    line-height: 36px;
    height: 60px;
  }
}
@media (max-width: 1199px) {
  .btnpenta {
    padding: 10px 25px;
    height: auto;
    line-height: 36px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .btnpenta {
    padding: 6px 15px;
    height: auto;
    line-height: 30px;
    font-size: 15px;
  }
}
@media (max-width: 360px) {
  .btnpenta {
    line-height: 26px;
    font-size: 13px;
  }
}
@media (max-width: 360px) {
  .btnpenta {
    line-height: 24px;
    font-size: 12px;
  }
}
.btnpenta.btnWhite {
  background-color: #fff;
  font-weight: 500;
}
.btnpenta:hover {
  background-color: #274130;
  color: #fff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #010102;
  font-size: 14px;
}
@media (min-width: 768px) {
  * {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  * {
    font-size: 20px;
  }
}
@media (min-width: 1360px) {
  * {
    font-size: 21px;
  }
}
@media (min-width: 1440px) {
  * {
    font-size: 22px;
  }
}
@media (min-width: 1600px) {
  * {
    font-size: 25px;
  }
}
@media (min-width: 1900px) {
  * {
    font-size: 28px;
  }
}

html {
  overflow-x: hidden;
  margin: 0 !important;
}

body {
  overflow-x: hidden;
  padding: 0;
}

.container-Foothead {
  max-width: 92%;
  margin-left: auto;
}
@media (max-width: 575px) {
  .container-Foothead {
    margin-right: auto;
  }
}
@media (min-width: 576px) {
  .container-Foothead {
    max-width: 94.9%;
  }
}

.container-ctn {
  max-width: 91.85%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 992px) {
  .container-ctn {
    max-width: 86.114%;
  }
}
@media (min-width: 2560px) {
  .container-ctn {
    max-width: 2409px;
  }
}

.container-about {
  max-width: 91.85%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 992px) {
  .container-about {
    max-width: 80.95%;
  }
}
@media (min-width: 2560px) {
  .container-about {
    max-width: 2409px;
  }
}

.container-header {
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 992px) {
  .container-header {
    max-width: 89.64%;
  }
}
@media (min-width: 1440px) {
  .container-header {
    max-width: 86.1112%;
  }
}
@media (min-width: 1900px) {
  .container-header {
    max-width: 1720px;
  }
}

button {
  height: -moz-fit-content;
  height: fit-content;
  background: unset;
  border: unset;
}

p {
  margin: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  font-family: "Island Moments", cursive;
  font-weight: 400;
  margin: 0;
}

strong {
  font-weight: 400 !important;
}

h1, .h1 {
  font-size: 50px;
}
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 65px;
  }
}

h2,
.h2 {
  text-transform: capitalize;
  font-size: 45px;
}
@media (min-width: 768px) {
  h2,
  .h2 {
    font-size: 39px;
  }
}
@media (min-width: 992px) {
  h2,
  .h2 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 60px;
  }
}
@media (min-width: 1360px) {
  h2,
  .h2 {
    font-size: 68px;
  }
}
@media (min-width: 1440px) {
  h2,
  .h2 {
    font-size: 74px;
  }
}
@media (min-width: 1600px) {
  h2,
  .h2 {
    font-size: 82px;
  }
}
@media (min-width: 1900px) {
  h2,
  .h2 {
    font-size: 100px;
  }
}

h3,
.h3 {
  font-size: 20px;
  line-height: 120%;
}
@media (min-width: 768px) {
  h3,
  .h3 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  h3,
  .h3 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 20px;
  }
}
@media (min-width: 1360px) {
  h3,
  .h3 {
    font-size: 22px;
  }
}
@media (min-width: 1440px) {
  h3,
  .h3 {
    font-size: 24px;
  }
}
@media (min-width: 1600px) {
  h3,
  .h3 {
    font-size: 45px;
  }
}
@media (min-width: 1900px) {
  h3,
  .h3 {
    font-size: 50px;
  }
}

a {
  color: #010102;
  text-decoration: none !important;
}

.p-0 {
  padding: 0 !important;
}

ul {
  margin: 0;
  padding: 0;
}

.commonPadding {
  padding: 50px 0px;
}
@media (min-width: 768px) {
  .commonPadding {
    padding: 70px 0px;
  }
}
@media (min-width: 992px) {
  .commonPadding {
    padding: 85px 0px;
  }
}
@media (min-width: 1200px) {
  .commonPadding {
    padding: 90px 0px;
  }
}
@media (min-width: 1360px) {
  .commonPadding {
    padding: 100px 0px;
  }
}
@media (min-width: 1440px) {
  .commonPadding {
    padding: 100px 0px;
  }
}

.position, .blog-content aside a::before, .blog-content article li::before, .breadcrumb li::after, .blog-intro::after, .posts-grid article .details h2::before, .posts-grid article .details h3::before, .quotes::after, .reviews > picture::after, .suits .suitsSlider .suitSlider-item::after, .banner .banner-image-item::after, footer ul a::after, header nav a::after, .inner-banner::before, .faq .container-ctn::before, .faq::after, .wp-block-button__link::before, article > ul li::before, .list > div > ul li::before,
.list > ul li::before, .details ul li::before {
  content: "";
  position: absolute;
}

.wh-100, article > ul li::before, .list > div > ul li::before,
.list > ul li::before {
  width: 100%;
  height: 100%;
}

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}

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

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

.pb-0 {
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-2 {
  margin-top: 20px !important;
}

.mt-3 {
  margin-top: 30px !important;
}

.mt-4 {
  margin-top: 40px !important;
}

.bg-unset {
  background: unset !important;
}

picture,
article {
  display: block;
}

.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.py-0 {
  padding: 0 !important;
}

li {
  list-style: none;
}

.details ul {
  padding-left: 10px;
}
@media (min-width: 576px) {
  .details ul {
    padding-left: 31px;
  }
}
.details ul li {
  list-style: none;
  padding-left: 30px;
  position: relative;
}
.details ul li + li {
  margin-top: 8px;
}
@media (min-width: 576px) {
  .details ul li {
    padding-left: 41px;
  }
}
.details ul li::before {
  background: url('data:image/svg+xml,<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="11.4889" cy="11.8203" rx="11.4889" ry="11.5" fill="white"/><path d="M8.41063 7.32031L7.36719 8.49531L10.7565 12.3203L7.36719 16.1453L8.41063 17.3203L12.8508 12.3203L8.41063 7.32031Z" fill="%2300562C"/><path d="M11.9653 7.32031L10.9219 8.49531L14.3112 12.3203L10.9219 16.1453L11.9653 17.3203L16.4055 12.3203L11.9653 7.32031Z" fill="%2300562C"/></svg>');
  width: 18px;
  height: 18px;
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
  top: 3px;
}
@media (min-width: 576px) {
  .details ul li::before {
    width: 23px;
    height: 23px;
  }
}

article > ul li, .list > div > ul li,
.list > ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
}
article > ul li:last-child, .list > div > ul li:last-child,
.list > ul li:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  article > ul li, .list > div > ul li,
  .list > ul li {
    margin-bottom: 15px;
    padding-left: 26px;
  }
}
@media (min-width: 992px) {
  article > ul li, .list > div > ul li,
  .list > ul li {
    padding-left: 28px;
  }
}
@media (min-width: 1200px) {
  article > ul li, .list > div > ul li,
  .list > ul li {
    padding-left: 32px;
  }
}
@media (min-width: 1440px) {
  article > ul li, .list > div > ul li,
  .list > ul li {
    padding-left: 36px;
  }
}
@media (min-width: 1600px) {
  article > ul li, .list > div > ul li,
  .list > ul li {
    padding-left: 38px;
  }
}
@media (min-width: 1900px) {
  article > ul li, .list > div > ul li,
  .list > ul li {
    padding-left: 40px;
  }
}
article > ul li::before, .list > div > ul li::before,
.list > ul li::before {
  top: 9px;
  left: 0;
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1667 10C14.1667 10.4608 13.7933 10.8333 13.3333 10.8333H10.8333V13.3333C10.8333 13.7942 10.46 14.1667 10 14.1667C9.54 14.1667 9.16667 13.7942 9.16667 13.3333V10.8333H6.66667C6.20667 10.8333 5.83333 10.4608 5.83333 10C5.83333 9.53917 6.20667 9.16667 6.66667 9.16667H9.16667V6.66667C9.16667 6.20583 9.54 5.83333 10 5.83333C10.46 5.83333 10.8333 6.20583 10.8333 6.66667V9.16667H13.3333C13.7933 9.16667 14.1667 9.53917 14.1667 10ZM20 4.16667V15.8333C20 18.1308 18.1308 20 15.8333 20H4.16667C1.86917 20 0 18.1308 0 15.8333V4.16667C0 1.86917 1.86917 0 4.16667 0H15.8333C18.1308 0 20 1.86917 20 4.16667ZM18.3333 4.16667C18.3333 2.78833 17.2117 1.66667 15.8333 1.66667H4.16667C2.78833 1.66667 1.66667 2.78833 1.66667 4.16667V15.8333C1.66667 17.2117 2.78833 18.3333 4.16667 18.3333H15.8333C17.2117 18.3333 18.3333 17.2117 18.3333 15.8333V4.16667Z" fill="%234C287F"/></svg>');
  width: 14px;
  height: 14px;
  background-size: contain !important;
  background-repeat: no-repeat;
}
@media (min-width: 576px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    width: 11px;
    height: 11px;
  }
}
@media (min-width: 768px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    width: 11px;
    height: 11px;
    top: 6px;
  }
}
@media (min-width: 992px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    top: 7px;
    width: 12px;
    height: 12px;
  }
}
@media (min-width: 1200px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    width: 12px;
    height: 12px;
    top: 6px;
  }
}
@media (min-width: 1440px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 1600px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    top: 5px;
    width: 17px;
    height: 17px;
  }
}
@media (min-width: 1900px) {
  article > ul li::before, .list > div > ul li::before,
  .list > ul li::before {
    top: 8px;
    width: 20px;
    height: 20px;
  }
}

.fancybox-button svg path {
  fill: #fff;
}

.error-message {
  color: #ee1922;
  display: none;
  font-size: 12px;
  position: absolute;
  bottom: -26px;
  left: 0;
}

input:focus, input:focus-visible, input:focus-within,
textarea:focus,
textarea:focus-visible,
textarea:focus-within,
select:focus,
select:focus-visible,
select:focus-within {
  outline: unset;
}

select {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="6" viewBox="0 0 13 6" fill="none"><path d="M6.34624 6C6.69376 6.00062 7.03799 5.93274 7.35926 5.80023C7.68053 5.66773 7.97253 5.47321 8.21858 5.22779L12.5398 0.906599C12.6394 0.807003 12.6953 0.671923 12.6953 0.531074C12.6953 0.390224 12.6394 0.255143 12.5398 0.155548C12.4402 0.0559522 12.3051 -3.41145e-08 12.1642 -4.64279e-08C12.0234 -5.87414e-08 11.8883 0.0559522 11.7887 0.155548L7.46752 4.47674C7.17001 4.77388 6.76672 4.94078 6.34624 4.94078C5.92575 4.94078 5.52246 4.77388 5.22495 4.47674L0.903761 0.155547C0.804165 0.0559512 0.669085 -1.05137e-06 0.528235 -1.06368e-06C0.387386 -1.07599e-06 0.252306 0.0559512 0.15271 0.155547C0.0531139 0.255142 -0.00283817 0.390223 -0.00283818 0.531072C-0.00283819 0.671922 0.0531139 0.807002 0.15271 0.906598L4.4739 5.22779C4.71994 5.47321 5.01195 5.66773 5.33321 5.80023C5.65448 5.93274 5.99872 6.00062 6.34624 6Z" fill="%23333333"/></svg>');
  border: unset;
  width: 100%;
  background-repeat: no-repeat;
  background-position: right;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
}
select:focus-visible {
  outline: unset;
}

.navbar-toggler:focus {
  border: unset;
  outline: unset;
  box-shadow: unset;
}

.fancybox-container {
  z-index: 100000000000000000000000000;
}

.fancybox-infobar span {
  color: #fff;
}

.iti-mobile .iti--container {
  z-index: 9999999999;
}

input[type=date] {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: left;
}

#fadeSection {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.visible {
  opacity: 1 !important;
  transition: opacity 0.3s ease-in-out;
}

.light h2, .light span {
  color: #fff;
}

#enquiryForm .iti--allow-dropdown .iti__flag-container, #enquiryForm .iti--separate-dial-code .iti__flag-container, .careerApply2 .iti--allow-dropdown .iti__flag-container, .careerApply2 .iti--separate-dial-code .iti__flag-container, #enquiryForm2 .iti--allow-dropdown .iti__flag-container, #enquiryForm2 .iti--separate-dial-code .iti__flag-container {
  left: 0;
}

.modal-content {
  border-radius: 8px;
  background-color: rgba(23, 23, 23, 0.65);
  overflow: hidden;
}

.mb-5 {
  margin-bottom: 50px;
}

.form-select {
  border-radius: 10px;
}
.form-select:focus {
  box-shadow: unset;
}

.wp-block-button__link {
  font-weight: 500;
  position: relative;
  border-radius: 16px;
  background: rgba(38, 45, 72, 0.3);
  box-shadow: 0px 2px 4px 0px rgba(24, 28, 45, 0.1);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  line-height: 150%;
  padding: 12px 28.5px 12px 52.5px;
  font-size: 14px;
}
@media (min-width: 1200px) {
  .wp-block-button__link {
    padding: 7px 26px 7px 48px;
  }
}
@media (min-width: 1280px) {
  .wp-block-button__link {
    padding: 8px 27px 8px 50px;
  }
}
@media (min-width: 1360px) {
  .wp-block-button__link {
    padding: 9px 28px 9px 52px;
  }
}
@media (min-width: 1440px) {
  .wp-block-button__link {
    padding: 9.5px 28.5px 9.5px 52.5px;
  }
}
.wp-block-button__link::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path d="M14.2704 7.68257L12.5489 7.18953C11.7736 6.97049 11.0674 6.55572 10.4978 5.98491C9.9282 5.4141 9.51432 4.70635 9.29575 3.92939L8.80377 2.20406C8.77903 2.1437 8.73694 2.09207 8.68285 2.05573C8.62876 2.0194 8.56512 2 8.5 2C8.43488 2 8.37124 2.0194 8.31715 2.05573C8.26306 2.09207 8.22097 2.1437 8.19623 2.20406L7.70425 3.92939C7.48568 4.70635 7.0718 5.4141 6.50222 5.98491C5.93265 6.55572 5.22643 6.97049 4.45115 7.18953L2.72955 7.68257C2.66345 7.70138 2.60527 7.74128 2.56384 7.79622C2.52241 7.85116 2.5 7.91814 2.5 7.98701C2.5 8.05587 2.52241 8.12286 2.56384 8.1778C2.60527 8.23274 2.66345 8.27264 2.72955 8.29144L4.45115 8.78448C5.22643 9.00353 5.93265 9.4183 6.50222 9.98911C7.0718 10.5599 7.48568 11.2677 7.70425 12.0446L8.19623 13.77C8.21499 13.8362 8.2548 13.8945 8.30962 13.936C8.36445 13.9775 8.43129 14 8.5 14C8.56872 14 8.63556 13.9775 8.69038 13.936C8.7452 13.8945 8.78501 13.8362 8.80377 13.77L9.29575 12.0446C9.51432 11.2677 9.9282 10.5599 10.4978 9.98911C11.0674 9.4183 11.7736 9.00353 12.5489 8.78448L14.2704 8.29144C14.3366 8.27264 14.3947 8.23274 14.4362 8.1778C14.4776 8.12286 14.5 8.05587 14.5 7.98701C14.5 7.91814 14.4776 7.85116 14.4362 7.79622C14.3947 7.74128 14.3366 7.70138 14.2704 7.68257Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  width: 17px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
}
.wp-block-button__link:hover {
  background-color: #010102;
  color: #010102;
}
.wp-block-button__link:hover::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none"><path d="M12.2704 5.68257L10.5489 5.18953C9.77357 4.97049 9.06735 4.55572 8.49778 3.98491C7.9282 3.4141 7.51432 2.70635 7.29575 1.92939L6.80377 0.204063C6.77903 0.143699 6.73694 0.0920698 6.68285 0.0557349C6.62876 0.0194 6.56512 0 6.5 0C6.43488 0 6.37124 0.0194 6.31715 0.0557349C6.26306 0.0920698 6.22097 0.143699 6.19623 0.204063L5.70425 1.92939C5.48568 2.70635 5.0718 3.4141 4.50222 3.98491C3.93265 4.55572 3.22643 4.97049 2.45115 5.18953L0.729552 5.68257C0.663448 5.70138 0.605269 5.74128 0.563841 5.79622C0.522414 5.85116 0.5 5.91814 0.5 5.98701C0.5 6.05587 0.522414 6.12286 0.563841 6.1778C0.605269 6.23274 0.663448 6.27264 0.729552 6.29144L2.45115 6.78448C3.22643 7.00353 3.93265 7.4183 4.50222 7.98911C5.0718 8.55992 5.48568 9.26766 5.70425 10.0446L6.19623 11.77C6.21499 11.8362 6.2548 11.8945 6.30962 11.936C6.36445 11.9775 6.43129 12 6.5 12C6.56872 12 6.63556 11.9775 6.69038 11.936C6.7452 11.8945 6.78501 11.8362 6.80377 11.77L7.29575 10.0446C7.51432 9.26766 7.9282 8.55992 8.49778 7.98911C9.06735 7.4183 9.77357 7.00353 10.5489 6.78448L12.2704 6.29144C12.3366 6.27264 12.3947 6.23274 12.4362 6.1778C12.4776 6.12286 12.5 6.05587 12.5 5.98701C12.5 5.91814 12.4776 5.85116 12.4362 5.79622C12.3947 5.74128 12.3366 5.70138 12.2704 5.68257Z" fill="%23181C2D"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}

.dropDown {
  width: 100%;
  margin-bottom: 24px;
  border-radius: 8px;
  border: 1px solid #4D5169;
  background: #181C2D;
}
.dropDown button {
  width: 100%;
  font-size: 14px;
  line-height: 150%;
  text-align: left;
  position: relative;
  padding: 8px 52px 8px 20px;
  justify-content: flex-start;
  background-color: transparent;
  border-radius: 8px;
  height: 40px;
  font-weight: 300;
}
.dropDown button::after {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  border: unset;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.0889 6.19526C13.3493 6.45561 13.3493 6.87772 13.0889 7.13807L8.4468 11.7802C8.32178 11.9052 8.15221 11.9754 7.9754 11.9754C7.79859 11.9754 7.62902 11.9052 7.50399 11.7802L2.86188 7.13807C2.60153 6.87772 2.60153 6.45561 2.86188 6.19526C3.12223 5.93491 3.54434 5.93491 3.80469 6.19526L7.9754 10.366L12.1461 6.19526C12.4065 5.93491 12.8286 5.93491 13.0889 6.19526Z" fill="%234D5169"/></svg>');
}

.text-right {
  text-align: right;
}

.wpcf7-response-output {
  position: absolute;
  bottom: -10px;
  font-size: 13px;
}
@media (max-width: 575px) {
  .wpcf7-response-output {
    bottom: -10px;
  }
}

.page-template-terms {
  overflow-x: visible;
}

.head {
  display: flex;
  margin-bottom: 20px;
  gap: 10px;
}
.head picture {
  width: 50px;
}
@media (min-width: 1600px) {
  .head picture {
    width: 90px;
  }
}
@media (min-width: 1900px) {
  .head picture {
    width: 140px;
  }
}
@media (min-width: 2000px) {
  .head picture {
    width: 170px;
  }
}
.head picture img {
  width: 100%;
}
.wpcf7-not-valid-tip {
  position: absolute;
  bottom: -23px;
  font-size: 12px;
  margin-top: 5px;
}

.btn {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0;
  padding: 0px 15px;
  height: 38px;
  min-width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .btn {
    padding: 0px 10px;
    height: 44px;
    min-width: 160px;
  }
}
@media (min-width: 992px) {
  .btn {
    padding: 0px 15px;
    height: 55px;
    min-width: 204px;
  }
}
@media (min-width: 1280px) {
  .btn {
    padding: 0px 20px;
    height: 55px;
    min-width: 204px;
  }
}
.btn.themeBg {
  background-color: #274130;
  color: #fff;
}
.btn.themeBg:hover {
  background-color: #3B8755;
}
.btn.btnBorder {
  border: 1px solid #FFF;
  color: #fff;
}
.btn.btnBorder:hover {
  background-color: #fff;
  color: #010102;
}
.btn.btnBorderPrimary {
  border: 1px solid #274130;
  color: #274130;
}
.btn.btnBorderPrimary:hover {
  background-color: #274130;
  color: #fff;
}

.slick-nav div {
  cursor: pointer;
}

.enquiryForm .btn-close {
  background: unset;
  position: absolute;
  right: 20px;
  z-index: 9;
}
@media (max-width: 575px) {
  .enquiryForm .btn-close .enquiryForm .btn-close svg {
    width: 30px;
  }
}
.enquiryForm .btn-close path {
  fill: #fff;
}
.enquiryForm form {
  padding: 30px 20px;
}
.enquiryForm form label {
  color: #fff;
  font-size: 15px;
}
.enquiryForm form br {
  display: none;
}
.enquiryForm form div {
  position: relative;
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .enquiryForm form div {
    margin-bottom: 10px;
  }
}
.enquiryForm form div span {
  margin-top: 10px;
}
.enquiryForm form div:nth-child(4) .wpcf7-not-valid-tip {
  bottom: -12px;
}
.enquiryForm .wpcf7-submit.has-spinner {
  margin-top: 7px;
  background-color: #fff;
}
.enquiryForm .wpcf7-submit.has-spinner:hover {
  background-color: #49835d;
  color: #fff;
}
.enquiryForm input, .enquiryForm textarea {
  width: 100%;
  border-radius: 5px;
  padding: 5px 15px;
  outline: unset;
  border: unset;
  font-size: 16px;
}
.enquiryForm textarea {
  height: 120px;
}
.enquiryForm span.wpcf7-spinner {
  position: absolute;
}

.wpcf7-response-output {
  position: fixed !important;
  top: 20px;
  right: 0;
  height: -moz-fit-content;
  height: fit-content;
  background: #fff;
}

.faq {
  padding: 30px 0px 50px 0px;
  background-image: url(../images/about-bg.jpg);
  background-size: cover;
  position: relative;
}
.faq h2, .faq h1 {
  color: #274130;
}
@media (min-width: 992px) {
  .faq {
    padding: 82px 0px;
  }
}
.faq::after {
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
}
.faq .container-ctn {
  position: relative;
  padding: 30px 10px;
}
@media (min-width: 768px) {
  .faq .container-ctn {
    padding: 35px;
  }
}
@media (min-width: 992px) {
  .faq .container-ctn {
    padding: 40px;
  }
}
@media (min-width: 1200px) {
  .faq .container-ctn {
    padding: 40px 50px 40px 50px;
  }
}
@media (min-width: 1360px) {
  .faq .container-ctn {
    padding: 57.58px 67.09px 91.97px 72.47px;
  }
}
@media (min-width: 1440px) {
  .faq .container-ctn {
    padding: 62.58px 82.09px 100.97px 87.47px;
  }
}
@media (min-width: 1600px) {
  .faq .container-ctn {
    padding: 72.58px 92.09px 116.97px 97.47px;
  }
}
@media (min-width: 1900px) {
  .faq .container-ctn {
    padding: 77.58px 97.09px 121.97px 102.47px;
  }
}
.faq .container-ctn::before {
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.1;
}
.faq h2 {
  color: #274130;
  text-transform: uppercase;
  margin-bottom: 7.44px;
}
@media (max-width: 768px) {
  .faq h2 {
    margin-bottom: 23.44px;
  }
}
@media (max-width: 992px) {
  .faq h2 {
    margin-bottom: 9.44px;
  }
}
@media (max-width: 1200px) {
  .faq h2 {
    margin-bottom: 13.44px;
  }
}
@media (max-width: 1360px) {
  .faq h2 {
    margin-bottom: 15.44px;
  }
}
@media (max-width: 1440px) {
  .faq h2 {
    margin-bottom: 17.44px;
  }
}
@media (max-width: 1600px) {
  .faq h2 {
    margin-bottom: 19.44px;
  }
}
@media (max-width: 1900px) {
  .faq h2 {
    margin-bottom: 21.44px;
  }
}
.faq .accordion {
  width: 100%;
  margin-top: -17px;
}
.faq .accordion .accordion-item {
  border-radius: 0;
  position: relative;
  border: unset;
  outline: unset;
  background: unset;
  border-bottom: 1px solid #274130;
}
.faq .accordion .accordion-header {
  display: flex;
  padding-bottom: 12.24px;
  padding-top: 12.24px;
  padding-right: 6%;
}
@media (min-width: 576px) {
  .faq .accordion .accordion-header {
    padding-right: 5%;
    padding-top: 14.24px;
    padding-bottom: 14.24px;
  }
}
@media (min-width: 768px) {
  .faq .accordion .accordion-header {
    padding-bottom: 16.24px;
    padding-top: 16.24px;
  }
}
@media (min-width: 992px) {
  .faq .accordion .accordion-header {
    padding-bottom: 19.24px;
    padding-top: 19.24px;
  }
}
@media (min-width: 1200px) {
  .faq .accordion .accordion-header {
    padding-bottom: 21.24px;
    padding-top: 21.24px;
  }
}
@media (min-width: 1360px) {
  .faq .accordion .accordion-header {
    padding-bottom: 23.24px;
    padding-top: 23.24px;
  }
}
@media (min-width: 1440px) {
  .faq .accordion .accordion-header {
    padding-bottom: 25.24px;
    padding-top: 25.24px;
  }
}
@media (min-width: 1600px) {
  .faq .accordion .accordion-header {
    padding-bottom: 27.24px;
    padding-top: 27.24px;
  }
}
@media (min-width: 1900px) {
  .faq .accordion .accordion-header {
    padding-bottom: 29.24px;
    padding-top: 29.24px;
  }
}
.faq .accordion button {
  position: inherit;
  font-family: "Inter";
  line-height: 150%;
  box-shadow: unset !important;
  padding: 0;
  background-color: unset;
}
.faq .accordion button:focus {
  box-shadow: unset;
}
.faq .accordion button::after {
  color: #274130;
  font-weight: 200;
  position: absolute;
  top: 20px;
  right: 0;
  content: "+";
  background: unset;
  font-size: 25px;
}
@media (min-width: 576px) {
  .faq .accordion button::after {
    font-size: 29px;
  }
}
@media (min-width: 768px) {
  .faq .accordion button::after {
    font-size: 31px;
  }
}
@media (min-width: 992px) {
  .faq .accordion button::after {
    font-size: 33px;
  }
}
@media (min-width: 1200px) {
  .faq .accordion button::after {
    font-size: 35px;
  }
}
@media (min-width: 1360px) {
  .faq .accordion button::after {
    font-size: 37px;
  }
}
@media (min-width: 1440px) {
  .faq .accordion button::after {
    font-size: 39px;
  }
}
@media (min-width: 1600px) {
  .faq .accordion button::after {
    font-size: 41px;
  }
}
@media (min-width: 1900px) {
  .faq .accordion button::after {
    font-size: 45px;
  }
}
.faq .accordion .accordion-body {
  padding: 0;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .faq .accordion .accordion-body {
    padding-bottom: 20px;
  }
}
.faq .accordion .accordion-button:not(.collapsed) {
  color: #274130;
}
.faq .accordion .accordion-button:not(.collapsed)::after {
  content: "-";
}

.inner-banner h1, .inner-banner p, .inner-banner .h1, .inner-banner div {
  color: #fff;
}
.inner-banner::before {
  width: 100%;
  height: 100%;
  background-color: #010102;
  opacity: 0.5;
  left: 0;
  top: 0;
  z-index: 0;
}
.inner-banner .container-ctn {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}

header {
  background: #fff;
  padding: 11px 0px;
  transition: 0.5s ease all;
}
@media (min-width: 576px) {
  header {
    padding: 10px 0px;
  }
}
@media (min-width: 768px) {
  header {
    padding: 12px 0px;
  }
}
@media (min-width: 992px) {
  header {
    padding: 14px 0px;
  }
}
@media (min-width: 1200px) {
  header {
    padding: 16px 0px;
  }
}
@media (min-width: 1360px) {
  header {
    padding: 18px 0px;
  }
}
@media (min-width: 1440px) {
  header {
    padding: 21px 0px;
  }
}
header .brand {
  text-transform: uppercase;
  line-height: normal;
  font-size: 22px;
  width: 45%;
}
@media (min-width: 768px) {
  header .brand {
    width: 18%;
  }
}
header .brand img {
  width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  header .brand {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  header .brand {
    font-size: 28px;
  }
}
@media (min-width: 1360px) {
  header .brand {
    font-size: 31px;
  }
}
@media (min-width: 1440px) {
  header .brand {
    font-size: 33px;
  }
}
header.scrolled {
  transition: 0.5s ease all;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
  padding: 5px 0px;
  font-size: 20px;
}
header.scrolled .brand {
  width: 35%;
  transition: 0.5s ease all;
}
@media (min-width: 992px) {
  header.scrolled .brand {
    width: 15%;
  }
}
@media (min-width: 576px) {
  header.scrolled {
    padding: 5px 0px;
  }
}
@media (min-width: 992px) {
  header.scrolled {
    padding: 8px 0px;
  }
}
@media (min-width: 1200px) {
  header.scrolled {
    padding: 10px 0px;
  }
}
@media (min-width: 1360px) {
  header.scrolled {
    padding: 13px 0px;
  }
}
@media (min-width: 1440px) {
  header.scrolled {
    padding: 15px 0px;
  }
}
@media (min-width: 992px) {
  header.scrolled {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  header.scrolled {
    font-size: 24px;
  }
}
@media (min-width: 1360px) {
  header.scrolled {
    font-size: 28px;
  }
}
@media (min-width: 1440px) {
  header.scrolled {
    font-size: 31px;
  }
}
header .menu {
  display: flex;
  gap: 40px;
}
header a {
  color: #274130;
}
header nav a {
  position: relative;
}
header nav a::after {
  width: 0;
  height: 2px;
  background-color: #274130;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.5s ease all;
}
header nav a:hover::after {
  width: 100%;
  transition: 0.5s ease all;
}
@media (max-width: 768px) {
  header nav {
    display: none;
  }
}
@media (min-width: 992px) {
  header nav {
    padding-right: 17.004%;
  }
}

.container-head {
  margin-left: auto;
  margin-right: auto;
  max-width: 91.85%;
}
@media (min-width: 576px) {
  .container-head {
    max-width: 88.626%;
  }
}

.navbar-toggler path {
  fill: #274130;
}

.contactUs {
  background-image: url(../images/contact-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .contactUs {
    padding-top: 22px;
    padding-bottom: 110px;
  }
}
@media (min-width: 992px) {
  .contactUs {
    padding-top: 26px;
    padding-bottom: 124px;
  }
}
@media (min-width: 1200px) {
  .contactUs {
    padding-top: 30px;
    padding-bottom: 128px;
  }
}
@media (min-width: 1280px) {
  .contactUs {
    padding-top: 34px;
    padding-bottom: 132px;
  }
}
@media (min-width: 1360px) {
  .contactUs {
    padding-top: 38px;
    padding-bottom: 136px;
  }
}
@media (min-width: 1440px) {
  .contactUs {
    padding-top: 42px;
    padding-bottom: 141px;
  }
}
.contactUs h2 {
  color: #274130;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .contactUs h2 {
    margin-bottom: 14px;
  }
}
@media (min-width: 992px) {
  .contactUs h2 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1200px) {
  .contactUs h2 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1360px) {
  .contactUs h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .contactUs h2 {
    margin-bottom: 22px;
  }
}
@media (min-width: 1600px) {
  .contactUs h2 {
    margin-bottom: 24px;
  }
}
@media (min-width: 1900px) {
  .contactUs h2 {
    margin-bottom: 26px;
  }
}
.contactUs h3 {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .contactUs h3 {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .contactUs h3 {
    font-size: 28px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1200px) {
  .contactUs h3 {
    font-size: 32px;
    margin-bottom: 7px;
  }
}
@media (min-width: 1360px) {
  .contactUs h3 {
    font-size: 36px;
    margin-bottom: 8px;
  }
}
@media (min-width: 1440px) {
  .contactUs h3 {
    font-size: 40px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .contactUs .d-flex {
    gap: 25px;
  }
  .contactUs .d-flex div:last-child a {
    margin: auto;
  }
}
.contactUs .d-flex > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 7px;
  width: 100%;
}
@media (min-width: 992px) {
  .contactUs .d-flex > div {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .contactUs .d-flex > div:nth-child(1) {
    order: 4;
    flex-direction: row;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contactUs .d-flex > div:nth-child(4) {
    margin-top: 30px;
  }
  .contactUs .d-flex > div:nth-child(4) a {
    margin: auto;
  }
}
@media (min-width: 768px) {
  .contactUs .d-flex > div {
    gap: 20px;
  }
  .contactUs .d-flex > div:nth-child(1) {
    width: 20%;
  }
  .contactUs .d-flex > div:nth-child(2) {
    width: 33%;
  }
  .contactUs .d-flex > div:nth-child(3) {
    width: 36%;
  }
  .contactUs .d-flex > div:nth-child(4) {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .contactUs .d-flex > div:nth-child(1) {
    width: 16.532%;
  }
  .contactUs .d-flex > div:nth-child(2) {
    width: 21.881%;
  }
  .contactUs .d-flex > div:nth-child(3) {
    width: 19.45%;
  }
  .contactUs .d-flex > div:nth-child(4) {
    width: 19.774%;
  }
}
.contactUs .d-flex > div:nth-child(4) {
  justify-content: center;
}
.contactUs .d-flex > div:nth-child(4) a {
  color: #274130;
  border: 1px solid #274130;
}
.contactUs .d-flex > div:nth-child(4) a:hover {
  background-color: #274130;
  color: #fff;
}
@media (min-width: 1440px) {
  .contactUs .d-flex > div:nth-child(4) a {
    height: 69px;
  }
}
.contactUs .d-flex > div a {
  display: flex;
  gap: 4px;
}
@media (min-width: 576px) {
  .contactUs .d-flex > div a {
    gap: 8px;
  }
}
.contactUs .d-flex > div a img {
  height: -moz-fit-content;
  height: fit-content;
  width: 23px;
  transition: 0.5s ease all;
}
@media (min-width: 1200px) {
  .contactUs .d-flex > div a img {
    margin-top: 3px;
  }
}
@media (min-width: 1900px) {
  .contactUs .d-flex > div a img {
    width: 27px;
  }
}
.contactUs .d-flex > div a:hover p {
  color: #3B8755;
  font-weight: 600;
  transition: 0.5s ease all;
}
.contactUs .d-flex > div a:hover img {
  transform: scale(1.2);
  transition: 0.5s ease all;
}
.contactUs .d-flex > div p {
  transition: 0.5s ease all;
}
@media (max-width: 767px) {
  .contactUs .d-flex > div p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .contactUs .d-flex > div p {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .contactUs .d-flex > div p {
    font-size: 16px;
  }
}
@media (min-width: 1280px) {
  .contactUs .d-flex > div p {
    font-size: 18px;
  }
}
@media (min-width: 1360px) {
  .contactUs .d-flex > div p {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .contactUs .d-flex > div p {
    font-size: 22px;
  }
}
@media (min-width: 1900px) {
  .contactUs .d-flex > div p {
    font-size: 22px;
  }
}

footer {
  background-color: #303030;
  background-image: url(../images/footer-bg.png);
  background-size: cover;
  padding-top: 40px;
}
footer .d-flex {
  align-items: center;
}
@media (max-width: 767px) {
  footer .d-flex {
    gap: 0px 30px;
  }
}
@media (min-width: 768px) {
  footer .d-flex {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  footer {
    margin-bottom: 35px;
  }
}
@media (min-width: 576px) {
  footer {
    padding-top: 45px;
  }
}
@media (min-width: 768px) {
  footer {
    padding-top: 50px;
  }
}
@media (min-width: 992px) {
  footer {
    padding-top: 55px;
  }
}
@media (min-width: 1200px) {
  footer {
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  footer {
    padding-top: 65px;
  }
}
@media (min-width: 1360px) {
  footer {
    padding-top: 70px;
  }
}
@media (min-width: 1440px) {
  footer {
    padding-top: 77px;
  }
}
footer .copy {
  margin-top: 40px;
  text-align: center;
  background: #1f1e1e;
  padding: 12px 0px;
}
@media (min-width: 576px) {
  footer .copy {
    margin-top: 45px;
  }
}
@media (min-width: 768px) {
  footer .copy {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  footer .copy {
    margin-top: 55px;
  }
}
@media (min-width: 1200px) {
  footer .copy {
    margin-top: 60px;
  }
}
@media (min-width: 1280px) {
  footer .copy {
    margin-top: 65px;
  }
}
@media (min-width: 1360px) {
  footer .copy {
    margin-top: 70px;
  }
}
@media (min-width: 1440px) {
  footer .copy {
    margin-top: 77px;
  }
}
footer a, footer p {
  color: #fff;
}
footer .footer-about {
  width: 100%;
  padding-top: 5px;
}
@media (max-width: 767px) {
  footer .footer-about {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  footer .footer-about {
    width: 47.495%;
  }
}
@media (min-width: 992px) {
  footer .footer-about {
    padding-top: 8px;
    width: 35.495%;
  }
}
@media (min-width: 1200px) {
  footer .footer-about {
    padding-top: 10px;
  }
}
@media (min-width: 1280px) {
  footer .footer-about {
    padding-top: 12px;
  }
}
@media (min-width: 1360px) {
  footer .footer-about {
    padding-top: 14px;
  }
}
@media (min-width: 1440px) {
  footer .footer-about {
    padding-top: 16px;
  }
}
footer .brand {
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
  font-size: 22px;
}
footer .brand img {
  width: 50%;
  height: auto;
}
@media (min-width: 768px) {
  footer .brand img {
    width: 46%;
  }
}
@media (min-width: 768px) {
  footer .brand {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  footer .brand {
    margin-bottom: 12px;
    font-size: 25px;
  }
}
@media (min-width: 1200px) {
  footer .brand {
    margin-bottom: 14px;
    font-size: 27px;
  }
}
@media (min-width: 1280px) {
  footer .brand {
    margin-bottom: 16px;
    font-size: 29px;
  }
}
@media (min-width: 1360px) {
  footer .brand {
    margin-bottom: 17px;
    font-size: 31px;
  }
}
@media (min-width: 1440px) {
  footer .brand {
    margin-bottom: 18px;
    font-size: 33px;
  }
}
footer ul li + li {
  margin-top: 5px;
}
footer ul a {
  font-size: 16px;
  position: relative;
}
@media (min-width: 768px) {
  footer ul a {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  footer ul a {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  footer ul a {
    font-size: 21px;
  }
}
@media (min-width: 1280px) {
  footer ul a {
    font-size: 22px;
  }
}
@media (min-width: 1360px) {
  footer ul a {
    font-size: 23px;
  }
}
@media (min-width: 1440px) {
  footer ul a {
    font-size: 25px;
  }
}
footer ul a::after {
  width: 0;
  height: 2px;
  background-color: #fff;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.5s ease all;
}
footer ul a:hover::after {
  width: 100%;
  transition: 0.5s ease all;
}

.mobile_left_menu {
  background-color: #274130;
}
.mobile_left_menu .social-bottom-fixed {
  display: flex;
  justify-content: center;
  text-align: center;
  gap: 30px;
  position: absolute;
  bottom: 5%;
  width: 93%;
}
.mobile_left_menu .social-bottom-fixed img {
  filter: invert(1);
}
.mobile_left_menu .social-bottom-fixed p {
  color: #fff;
}
.mobile_left_menu .offcanvas-header {
  background-color: #fbfffc;
  margin-bottom: 30px;
}
.mobile_left_menu a {
  color: #fff;
  font-size: 18px;
}
.mobile_left_menu li + li {
  margin-top: 10px;
}
.mobile_left_menu .menu-terms-menu-container {
  margin-top: 10px;
}
.mobile_left_menu .brand {
  text-transform: uppercase;
  font-size: 22px;
}
.mobile_left_menu .brand img {
  width: 45%;
}
.mobile_left_menu .btn-close {
  right: 25px;
  position: relative;
  font-size: 21px;
}

.enquiryForm span.wpcf7-spinner {
  right: 50%;
  bottom: 0;
  transform: translateX(-50%);
  margin: 0;
}

@keyframes rotate {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes contrast {
  0% {
    filter: contrast(0);
  }
  50% {
    filter: contrast(3);
  }
  to {
    filter: contrast(0);
  }
}
@keyframes bright {
  0% {
    filter: brightness(1);
  }
  to {
    filter: brightness(5);
  }
}
@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  animation: fadeInUp 1s ease-in-out;
}

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.banner-text-slider h1, .banner-text-slider span, .banner-text-slider p, .banner-text-slider strong {
  color: #fff;
}
.banner-text-slider h1 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.banner-text-slider h1 strong {
  display: block;
  line-height: 50px;
  font-family: "Island Moments", cursive;
  text-transform: capitalize;
  font-size: 50px;
}
@media (min-width: 768px) {
  .banner-text-slider h1 strong {
    font-size: 85px;
    line-height: 60px;
  }
}
@media (min-width: 1200px) {
  .banner-text-slider h1 strong {
    font-size: 95px;
    line-height: 65px;
  }
}
@media (min-width: 1280px) {
  .banner-text-slider h1 strong {
    font-size: 100px;
    line-height: 70px;
  }
}
@media (min-width: 1360px) {
  .banner-text-slider h1 strong {
    font-size: 111px;
    line-height: 75px;
  }
}
@media (min-width: 1440px) {
  .banner-text-slider h1 strong {
    font-size: 121px;
    line-height: 90px;
  }
}
.banner-text-slider p {
  font-size: 16px;
}
@media (min-width: 1200px) {
  .banner-text-slider p {
    letter-spacing: 1.5px;
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .banner-text-slider p {
    letter-spacing: 3px;
  }
}

.banner .container-head {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 100%;
}
.banner .banner-image-item::after {
  width: 100%;
  height: 100%;
  background: linear-gradient(105deg, rgba(28, 71, 33, 0.7607843137), transparent);
  left: 0;
  top: 0;
}
@media (max-width: 575px) {
  .banner .banner-image-item img {
    height: 390px !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 10%;
       object-position: 10%;
  }
}

.about-and-suits {
  background-image: url(../images/bg.jpg);
  background-size: cover;
}

.about {
  padding: 36px 0px;
}
.about .d-flex {
  gap: 10px;
}
@media (min-width: 768px) {
  .about .d-flex {
    gap: 73px;
  }
}
.about picture {
  width: 100%;
}
@media (min-width: 768px) {
  .about picture {
    width: 45.018%;
  }
}
.about .description {
  height: -moz-fit-content;
  height: fit-content;
  text-align: justify;
  width: 100%;
}
@media (max-width: 767px) {
  .about .description {
    order: -1;
  }
}
@media (min-width: 768px) {
  .about .description {
    width: 35.319%;
  }
}
.about .description div {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .about .description div {
    margin-bottom: 30px;
  }
}
.about h2 {
  color: #274130;
}

.suits {
  position: relative;
  padding-bottom: 75px;
}
.suits h2, .suits p {
  color: #fff;
}
@media (min-width: 768px) {
  .suits h2 {
    margin-bottom: 10px;
  }
}
.suits .description {
  background-color: #274130;
  width: 100%;
  text-align: justify;
  padding: 20px;
}
@media (min-width: 768px) {
  .suits .description {
    padding: 4.118% 7.887% 4.118% 6.839%;
    width: 37.518%;
  }
}
.suits .description p {
  line-height: 181.818%;
}
.suits .description .btn {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .suits .description .btn {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .suits .description .btn {
    margin-top: 30px;
  }
}
.suits .suitsSlider {
  width: 94%;
}
@media (max-width: 767px) {
  .suits .suitsSlider {
    margin-left: auto;
    margin-right: 0;
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .suits .suitsSlider {
    width: 65.713%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-57%);
  }
}
.suits .suitsSlider .slick-list {
  margin-right: -2.5px;
  margin-left: -2.5px;
}
@media (min-width: 768px) {
  .suits .suitsSlider .slick-list {
    margin-right: -21.5px;
    margin-left: -21.5px;
  }
}
.suits .suitsSlider .suitSlider-item {
  position: relative;
  width: 300px;
  margin-right: 2.5px;
  margin-left: 2.5px;
}
.suits .suitsSlider .suitSlider-item img {
  height: auto;
}
@media (min-width: 768px) {
  .suits .suitsSlider .suitSlider-item {
    margin-right: 21.5px;
    margin-left: 21.5px;
    width: 397px;
  }
}
@media (min-width: 992px) {
  .suits .suitsSlider .suitSlider-item {
    width: 436px;
  }
}
@media (min-width: 1200px) {
  .suits .suitsSlider .suitSlider-item {
    width: 506px;
  }
}
@media (min-width: 1280px) {
  .suits .suitsSlider .suitSlider-item {
    width: 541px;
  }
}
@media (min-width: 1360px) {
  .suits .suitsSlider .suitSlider-item {
    width: 571px;
  }
}
@media (min-width: 1440px) {
  .suits .suitsSlider .suitSlider-item {
    width: 593px;
  }
}
@media (min-width: 1600px) {
  .suits .suitsSlider .suitSlider-item {
    width: 635px;
  }
}
@media (min-width: 1900px) {
  .suits .suitsSlider .suitSlider-item {
    width: 660px;
  }
}
.suits .suitsSlider .suitSlider-item::after {
  width: 100%;
  height: 160px;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.suits .suitsSlider .suitSlider-item p {
  z-index: 2;
  position: absolute;
  bottom: 9.235%;
  left: 8.645%;
  transition: 0.5s ease all;
  transform: translateY(500%);
  font-size: 16px;
}
@media (min-width: 992px) {
  .suits .suitsSlider .suitSlider-item p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .suits .suitsSlider .suitSlider-item p {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .suits .suitsSlider .suitSlider-item p {
    font-size: 22px;
  }
}
@media (min-width: 1600px) {
  .suits .suitsSlider .suitSlider-item p {
    font-size: 24px;
  }
}
@media (min-width: 1900px) {
  .suits .suitsSlider .suitSlider-item p {
    font-size: 26px;
  }
}
.suits .suitsSlider .suitSlider-item.slick-active.slick-current p {
  transition: 0.5s ease all;
  transform: translateY(0);
}
.suits .slick-nav {
  position: absolute;
  right: 13%;
  gap: 15px;
}
@media (max-width: 767px) {
  .suits .slick-nav {
    bottom: 10px;
  }
}
@media (min-width: 768px) {
  .suits .slick-nav {
    top: 0;
  }
}
@media (min-width: 1440px) {
  .suits .slick-nav {
    gap: 15px;
  }
}
@media (min-width: 1600px) {
  .suits .slick-nav {
    gap: 25px;
  }
}
@media (min-width: 1900px) {
  .suits .slick-nav {
    gap: 30px;
  }
}
.suits .slick-nav svg {
  border-radius: 50%;
  width: 36px;
  height: 36px;
}
@media (min-width: 992px) {
  .suits .slick-nav svg {
    width: 47px;
    height: 47px;
  }
}
.suits .slick-nav div {
  cursor: pointer;
}
.suits .slick-nav div:hover svg {
  background-color: #fff;
}
.suits .slick-nav div:hover circle {
  stroke: #fff;
}

.reviews .slick-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.reviews .slick-nav img {
  width: 30px;
  height: auto;
}
@media (min-width: 768px) {
  .reviews .slick-nav img {
    width: 40px;
  }
}
@media (min-width: 992px) {
  .reviews .slick-nav img {
    width: 44px;
  }
}
@media (min-width: 1200px) {
  .reviews .slick-nav img {
    width: 48px;
  }
}
@media (min-width: 1360px) {
  .reviews .slick-nav img {
    width: 51px;
  }
}
@media (min-width: 1440px) {
  .reviews .slick-nav img {
    width: 53px;
  }
}
.reviews .slick-nav div:hover img {
  filter: blur(1px);
}
.reviews > picture {
  position: relative;
}
.reviews > picture img {
  height: 300px;
}
@media (min-width: 992px) {
  .reviews > picture img {
    height: auto;
  }
}
.reviews > picture::after {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.reviews h2, .reviews p {
  color: #fff;
}
@media (min-width: 1200px) {
  .reviews h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .reviews h2 {
    margin-bottom: 25px;
  }
}

.container-slider {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  top: 50%;
  z-index: 1;
  margin: auto;
  width: 100%;
  max-width: 95%;
}
@media (min-width: 768px) {
  .container-slider {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .container-slider {
    max-width: 82.345%;
    padding-top: 45px;
    padding-bottom: 70px;
  }
}
@media (min-width: 1200px) {
  .container-slider {
    padding-top: 55px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1360px) {
  .container-slider {
    padding-top: 60px;
    padding-bottom: 85px;
  }
}
@media (min-width: 1440px) {
  .container-slider {
    padding-top: 67px;
    padding-bottom: 91px;
  }
}

.review-slider {
  width: 75.17%;
  margin: auto;
}
.review-slider p {
  font-weight: 300;
  line-height: 153.846%;
  font-size: 14px;
}
@media (min-width: 768px) {
  .review-slider p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .review-slider p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .review-slider p {
    font-size: 20px;
  }
}
@media (min-width: 1280px) {
  .review-slider p {
    font-size: 22px;
  }
}
@media (min-width: 1360px) {
  .review-slider p {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .review-slider p {
    font-size: 26px;
  }
}
.review-slider img {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 30px;
}
@media (min-width: 768px) {
  .review-slider img {
    margin-top: 25px;
    width: 35x;
  }
}
@media (min-width: 992px) {
  .review-slider img {
    margin-top: 30px;
    width: 40px;
  }
}
@media (min-width: 1200px) {
  .review-slider img {
    margin-top: 36px;
    width: 44px;
  }
}
@media (min-width: 1360px) {
  .review-slider img {
    margin-top: 38px;
    width: 46px;
  }
}
@media (min-width: 1440px) {
  .review-slider img {
    margin-top: 40px;
    width: 48px;
  }
}

.gallery {
  padding-top: 40px;
  padding-bottom: 50px;
  background-image: url(../images/bg-gallery.png);
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media (min-width: 768px) {
  .gallery {
    padding-top: 64px;
    padding-bottom: 76px;
  }
}
.gallery.gallery-archive {
  background: unset;
}
.gallery h1, .gallery h2 {
  color: #274130;
  margin-bottom: 30px;
}
.gallery .d-flex {
  gap: 10px;
}
@media (min-width: 576px) {
  .gallery .d-flex {
    gap: 7px;
  }
}
@media (min-width: 768px) {
  .gallery .d-flex {
    gap: 9px;
  }
}
@media (min-width: 992px) {
  .gallery .d-flex {
    gap: 11px;
  }
}
@media (min-width: 1200px) {
  .gallery .d-flex {
    gap: 14px;
  }
}
@media (min-width: 1280px) {
  .gallery .d-flex {
    gap: 15px;
  }
}
@media (min-width: 1360px) {
  .gallery .d-flex {
    gap: 16px;
  }
}
@media (min-width: 1440px) {
  .gallery .d-flex {
    gap: 17px;
  }
}
.gallery picture {
  overflow: hidden;
  width: 48%;
}
@media (max-width: 575px) {
  .gallery picture {
    margin: auto;
  }
}
@media (min-width: 576px) {
  .gallery picture {
    width: 32.4%;
  }
}
.gallery picture img {
  width: 100%;
  transform: scale(1);
  transition: 0.5s ease all;
  -o-object-fit: cover;
     object-fit: cover;
  height: 150px;
}
@media (min-width: 768px) {
  .gallery picture img {
    height: 250px;
  }
}
@media (min-width: 992px) {
  .gallery picture img {
    height: 300px;
  }
}
.gallery picture img:hover {
  transform: scale(1.2);
  transition: 0.5s ease all;
}
.gallery .btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .gallery .btn {
    margin-top: 35px;
  }
}
@media (min-width: 992px) {
  .gallery .btn {
    margin-top: 45px;
  }
}
@media (min-width: 1200px) {
  .gallery .btn {
    margin-top: 50px;
  }
}
@media (min-width: 1280px) {
  .gallery .btn {
    margin-top: 55px;
  }
}
@media (min-width: 1360px) {
  .gallery .btn {
    margin-top: 64px;
  }
}
@media (min-width: 1440px) {
  .gallery .btn {
    margin-top: 69px;
  }
}

.quotes {
  position: relative;
}
.quotes::after {
  width: 100%;
  height: 100%;
  background: linear-gradient(-155deg, #1c4721 30%, #000000 70%);
  opacity: 0.5;
  top: 0;
  left: 0;
  z-index: 0;
}
.quotes picture {
  width: 100%;
}
@media (max-width: 575px) {
  .quotes picture img {
    height: 220px;
  }
}
.quotes img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.quotes div {
  color: #fff;
  text-align: center;
  font-family: "Island Moments", cursive;
  font-size: 34px;
}
@media (max-width: 575px) {
  .quotes div {
    line-height: 40px;
  }
}
@media (min-width: 992px) {
  .quotes div {
    font-size: 50px;
  }
}
@media (min-width: 1440px) {
  .quotes div {
    font-size: 60px;
  }
}
@media (min-width: 1600px) {
  .quotes div {
    font-size: 70px;
  }
}
@media (min-width: 1900px) {
  .quotes div {
    font-size: 80px;
  }
}
.quotes .container-ctn {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.author {
  color: #fff;
  font-family: "Island Moments", cursive;
}

.inner-banner {
  position: relative;
}
.inner-banner img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .inner-banner img {
    height: 180px;
  }
}

.about-us {
  padding: 30px 0px 50px 0px;
  background-image: url(../images/about-bg.jpg);
  background-size: cover;
}
@media (min-width: 992px) {
  .about-us {
    padding: 82px 0px;
  }
}
.about-us h2 {
  color: #274130;
}
.about-us .d-flex {
  gap: 3.5%;
}
.about-us .d-flex + .d-flex {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .about-us .d-flex + .d-flex {
    margin-top: 22px;
  }
}
@media (min-width: 992px) {
  .about-us .d-flex + .d-flex {
    margin-top: 25px;
  }
}
@media (min-width: 1200px) {
  .about-us .d-flex + .d-flex {
    margin-top: 30px;
  }
}
@media (min-width: 1280px) {
  .about-us .d-flex + .d-flex {
    margin-top: 34px;
  }
}
@media (min-width: 1360px) {
  .about-us .d-flex + .d-flex {
    margin-top: 36px;
  }
}
@media (min-width: 1440px) {
  .about-us .d-flex + .d-flex {
    margin-top: 38px;
  }
}
.about-us .d-flex picture {
  width: 100%;
}
@media (max-width: 767px) {
  .about-us .d-flex picture {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .about-us .d-flex picture {
    width: 55.26%;
  }
}
.about-us .d-flex picture img {
  width: 100%;
  height: auto;
}
.about-us .d-flex .description {
  line-height: 181.818%;
  width: 100%;
}
.about-us .d-flex .description h2, .about-us .d-flex .description .h2 {
  font-size: 30px;
}
@media (min-width: 992px) {
  .about-us .d-flex .description h2, .about-us .d-flex .description .h2 {
    font-size: 35px;
  }
}
@media (min-width: 1360px) {
  .about-us .d-flex .description h2, .about-us .d-flex .description .h2 {
    font-size: 40px;
  }
}
@media (min-width: 1440px) {
  .about-us .d-flex .description h2, .about-us .d-flex .description .h2 {
    font-size: 45px;
  }
}
@media (min-width: 1900px) {
  .about-us .d-flex .description h2, .about-us .d-flex .description .h2 {
    font-size: 50px;
  }
}
.about-us .d-flex .description .h1, .about-us .d-flex .description h1 {
  color: #274130;
}
@media (min-width: 992px) {
  .about-us .d-flex .description .h1, .about-us .d-flex .description h1 {
    line-height: 37px;
  }
}
.about-us .d-flex .description div, .about-us .d-flex .description p, .about-us .d-flex .description span {
  text-align: justify;
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-us .d-flex .description {
    line-height: 151.818%;
  }
}
@media (min-width: 768px) {
  .about-us .d-flex .description {
    width: 41.121%;
  }
}
@media (max-width: 767px) {
  .about-us .d-flex:nth-child(odd) {
    flex-direction: column-reverse;
  }
}
.about-us .d-flex:nth-child(even) {
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .about-us .d-flex:nth-child(even) {
    gap: 5%;
  }
  .about-us .d-flex:nth-child(even) picture {
    width: 51.725%;
  }
  .about-us .d-flex:nth-child(even) .description {
    width: 43.19%;
  }
}
@media (min-width: 768px) {
  .about-us .d-flex:nth-child(even) {
    flex-direction: row-reverse;
  }
}

.posts-grid {
  gap: 15px;
}
@media (min-width: 576px) {
  .posts-grid {
    gap: 19px;
  }
}
@media (min-width: 768px) {
  .posts-grid {
    gap: 27px;
  }
}
@media (min-width: 992px) {
  .posts-grid {
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .posts-grid {
    gap: 20px;
  }
}
@media (min-width: 1360px) {
  .posts-grid {
    gap: 21px;
  }
}
@media (min-width: 1440px) {
  .posts-grid {
    gap: 24px;
  }
}
.posts-grid article {
  position: relative;
  width: 100%;
}
@media (min-width: 576px) {
  .posts-grid article {
    width: 48%;
  }
}
@media (min-width: 992px) {
  .posts-grid article {
    width: 32%;
  }
}
.posts-grid article img {
  width: 100%;
  height: auto;
}
.posts-grid article .details h2, .posts-grid article .details h3 {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: 0.5s ease all;
}
@media (max-width: 575px) {
  .posts-grid article .details h2, .posts-grid article .details h3 {
    font-size: 30px;
  }
}
.posts-grid article .details h2::before, .posts-grid article .details h3::before {
  transition: 0.5s ease all;
  width: 100%;
  height: 100%;
  background-color: #010102;
  opacity: 0.5;
  left: 0;
  top: 0;
  z-index: -1;
}
.posts-grid article .details:hover h2, .posts-grid article .details:hover h3 {
  opacity: 0;
}
.posts-grid article .details:hover h2::before, .posts-grid article .details:hover h3::before {
  width: 0;
  transition: 0.5s ease all;
}

.suite-detail-inner .suite-image {
  width: 100%;
}
@media (min-width: 992px) {
  .suite-detail-inner .suite-image {
    width: 47%;
  }
}
.suite-detail-inner .suite-image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.suite-detail-inner .description {
  width: 100%;
}
@media (max-width: 991px) {
  .suite-detail-inner .description {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .suite-detail-inner .description {
    width: 48%;
  }
}
.suite-detail-inner .description button {
  margin-top: 20px;
}
.suite-detail-inner .main-slider {
  margin-bottom: 5px;
}
.suite-detail-inner .main-slider img {
  height: 250px;
}
@media (min-width: 768px) {
  .suite-detail-inner .main-slider img {
    height: 350px;
  }
}
@media (min-width: 992px) {
  .suite-detail-inner .main-slider img {
    height: 400px;
  }
}
@media (min-width: 1900px) {
  .suite-detail-inner .main-slider img {
    height: 500px;
  }
}
.suite-detail-inner .main-slider-nav .slick-track {
  margin-left: 0;
}
.suite-detail-inner .main-slider-nav .slick-list {
  margin: 0px -2.5px;
}
.suite-detail-inner .main-slider-nav .slick-slide {
  margin: 0px 2.5px;
}
.suite-detail-inner .main-slider-nav picture {
  cursor: pointer;
  border: 2px solid #274130;
  transition: 0.5s ease all;
}
.suite-detail-inner .main-slider-nav picture:hover, .suite-detail-inner .main-slider-nav picture.slick-current {
  transition: 0.5s ease all;
  border-color: yellow;
}
.suite-detail-inner .main-slider-nav img {
  height: 50px;
}
@media (min-width: 1440px) {
  .suite-detail-inner .main-slider-nav img {
    height: 80px;
  }
}
@media (min-width: 1600px) {
  .suite-detail-inner .main-slider-nav img {
    height: 90px;
  }
}
@media (min-width: 1900px) {
  .suite-detail-inner .main-slider-nav img {
    height: 100px;
  }
}

.contact-us {
  padding: 40px 0px 40px 0px;
  background-image: url(../images/contact.jpg);
  background-size: cover;
}
@media (min-width: 992px) {
  .contact-us {
    padding: 58px 0px 67px 0px;
  }
}
.contact-us h1 {
  color: #274130;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .contact-us h1 {
    margin-bottom: 58px;
  }
}
.contact-us h2 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .contact-us h2 {
    margin-bottom: 20px;
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .contact-us h2 {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .contact-us h2 {
    margin-bottom: 20px;
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .contact-us h2 {
    margin-bottom: 30px;
    font-size: 30px;
  }
}
@media (min-width: 1360px) {
  .contact-us h2 {
    font-size: 33px;
  }
}
@media (min-width: 1440px) {
  .contact-us h2 {
    font-size: 36px;
  }
}
@media (min-width: 1600px) {
  .contact-us h2 {
    font-size: 38px;
  }
}
@media (min-width: 1900px) {
  .contact-us h2 {
    font-size: 40px;
  }
}
.contact-us .d-flex > div {
  box-shadow: 10px 10px 21px 0px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  width: 100%;
  padding: 30px 45px;
}
@media (max-width: 767px) {
  .contact-us .d-flex > div + div {
    margin-top: 20px;
  }
}
@media (min-width: 576px) {
  .contact-us .d-flex > div {
    padding: 25px 10px;
  }
}
@media (min-width: 768px) {
  .contact-us .d-flex > div {
    width: 32.102%;
    padding: 35px 15px;
  }
}
@media (min-width: 992px) {
  .contact-us .d-flex > div {
    width: 30.102%;
    padding: 40px 0px;
  }
}
@media (min-width: 1200px) {
  .contact-us .d-flex > div {
    padding: 45px 0px;
  }
}
@media (min-width: 1360px) {
  .contact-us .d-flex > div {
    padding: 50px 0px;
  }
}
@media (min-width: 1440px) {
  .contact-us .d-flex > div {
    padding: 54px 0px;
  }
}
@media (min-width: 768px) {
  .contact-us .d-flex > div div {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
}
@media (min-width: 992px) {
  .contact-us .d-flex > div:last-child div {
    width: 72.388%;
  }
}
.contact-us .d-flex > div:last-child div a {
  align-items: flex-start;
}
.contact-us .d-flex a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contact-us .d-flex a + a {
  margin-top: 15px;
}
.contact-us .d-flex a, .contact-us .d-flex p {
  font-size: 15px;
}
@media (min-width: 768px) {
  .contact-us .d-flex a, .contact-us .d-flex p {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .contact-us .d-flex a, .contact-us .d-flex p {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .contact-us .d-flex a, .contact-us .d-flex p {
    font-size: 16px;
  }
}
@media (min-width: 1360px) {
  .contact-us .d-flex a, .contact-us .d-flex p {
    font-size: 18px;
  }
}
@media (min-width: 1440px) {
  .contact-us .d-flex a, .contact-us .d-flex p {
    font-size: 20px;
  }
}
.contact-us .btn {
  margin-left: auto;
  margin-right: auto;
  color: #274130;
  background-color: #fff;
  padding: 5px 20px;
  margin-top: 30px;
}
@media (min-width: 992px) {
  .contact-us .btn {
    padding: 20px 22px;
    margin-top: 68px;
  }
}
.contact-us .btn:hover {
  background-color: #274130;
  color: #fff;
}
.contact-us + .contactUs {
  display: none;
}

.contact-form {
  background-image: url(../images/form-bg.jpg);
  background-size: cover;
  padding: 40px 0px 40px 0px;
}
@media (min-width: 992px) {
  .contact-form {
    padding: 58px 0px 67px 0px;
  }
}
.contact-form h2 {
  color: #274130;
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .contact-form h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .contact-form h2 {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .contact-form h2 {
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .contact-form h2 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1360px) {
  .contact-form h2 {
    margin-bottom: 45px;
  }
}
@media (min-width: 1440px) {
  .contact-form h2 {
    margin-bottom: 50px;
  }
}
.contact-form fieldset {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px 0px;
}
.contact-form fieldset .col--6 {
  width: 100%;
}
@media (min-width: 768px) {
  .contact-form fieldset .col--6 {
    width: 49.227%;
  }
}
.contact-form fieldset .col--12 {
  width: 100%;
}
.contact-form fieldset .col--6 input, .contact-form fieldset .col--6 textarea, .contact-form fieldset .col--12 input, .contact-form fieldset .col--12 textarea {
  background: unset;
  line-height: normal;
  border: 1px solid #274130;
  width: 100%;
  color: #010102;
  padding: 5px 15px;
}
@media (min-width: 768px) {
  .contact-form fieldset .col--6 input, .contact-form fieldset .col--6 textarea, .contact-form fieldset .col--12 input, .contact-form fieldset .col--12 textarea {
    padding: 18px 28px;
  }
}
@media (min-width: 992px) {
  .contact-form fieldset .col--6 input, .contact-form fieldset .col--6 textarea, .contact-form fieldset .col--12 input, .contact-form fieldset .col--12 textarea {
    padding: 20px 30px;
  }
}
@media (min-width: 1200px) {
  .contact-form fieldset .col--6 input, .contact-form fieldset .col--6 textarea, .contact-form fieldset .col--12 input, .contact-form fieldset .col--12 textarea {
    padding: 22px 32px;
  }
}
@media (min-width: 1360px) {
  .contact-form fieldset .col--6 input, .contact-form fieldset .col--6 textarea, .contact-form fieldset .col--12 input, .contact-form fieldset .col--12 textarea {
    padding: 24px 34px;
  }
}
@media (min-width: 1440px) {
  .contact-form fieldset .col--6 input, .contact-form fieldset .col--6 textarea, .contact-form fieldset .col--12 input, .contact-form fieldset .col--12 textarea {
    padding: 26px 36px;
  }
}
.contact-form fieldset .col--6 input::-moz-placeholder, .contact-form fieldset .col--6 textarea::-moz-placeholder, .contact-form fieldset .col--12 input::-moz-placeholder, .contact-form fieldset .col--12 textarea::-moz-placeholder {
  color: #010102;
}
.contact-form fieldset .col--6 input::placeholder, .contact-form fieldset .col--6 textarea::placeholder, .contact-form fieldset .col--12 input::placeholder, .contact-form fieldset .col--12 textarea::placeholder {
  color: #010102;
}
.contact-form fieldset input {
  height: 40px;
}
@media (min-width: 768px) {
  .contact-form fieldset input {
    height: 55px;
  }
}
@media (min-width: 992px) {
  .contact-form fieldset input {
    height: 60px;
  }
}
@media (min-width: 1200px) {
  .contact-form fieldset input {
    height: 65px;
  }
}
@media (min-width: 1280px) {
  .contact-form fieldset input {
    height: 70px;
  }
}
@media (min-width: 1360px) {
  .contact-form fieldset input {
    height: 75px;
  }
}
@media (min-width: 1440px) {
  .contact-form fieldset input {
    height: 80px;
  }
}
.contact-form fieldset textarea {
  resize: none;
  height: 100px;
}
@media (min-width: 768px) {
  .contact-form fieldset textarea {
    height: 210px;
  }
}
@media (min-width: 992px) {
  .contact-form fieldset textarea {
    height: 230px;
  }
}
@media (min-width: 1200px) {
  .contact-form fieldset textarea {
    height: 240px;
  }
}
@media (min-width: 1280px) {
  .contact-form fieldset textarea {
    height: 250px;
  }
}
@media (min-width: 1360px) {
  .contact-form fieldset textarea {
    height: 260px;
  }
}
@media (min-width: 1440px) {
  .contact-form fieldset textarea {
    height: 273px;
  }
}
.contact-form fieldset .col--12 + p {
  width: 100%;
  text-align: center;
}
.contact-form fieldset .wpcf7-submit {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  height: 40px;
}
@media (min-width: 992px) {
  .contact-form fieldset .wpcf7-submit {
    margin-top: 12px;
    height: 45px;
  }
}
@media (min-width: 1200px) {
  .contact-form fieldset .wpcf7-submit {
    margin-top: 14px;
    height: 49px;
  }
}
@media (min-width: 1280px) {
  .contact-form fieldset .wpcf7-submit {
    margin-top: 16px;
    height: 51px;
  }
}
@media (min-width: 1360px) {
  .contact-form fieldset .wpcf7-submit {
    margin-top: 18px;
    height: 53px;
  }
}
@media (min-width: 1440px) {
  .contact-form fieldset .wpcf7-submit {
    margin-top: 20px;
    height: 55px;
  }
}

.container-form {
  max-width: 91.85%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .container-form {
    max-width: 57.4492%;
  }
}
.container-form .wpcf7-not-valid-tip {
  bottom: -30px;
}
@media (min-width: 768px) {
  .container-form .wpcf7-not-valid-tip {
    bottom: -37px;
  }
}
@media (min-width: 992px) {
  .container-form .wpcf7-not-valid-tip {
    bottom: -42px;
  }
}

.map {
  margin-bottom: -10px;
}

.page-not-found span {
  color: #fff;
  font-weight: bold;
  text-shadow: 0px 0px 10px #000;
  font-size: 100px;
}
@media (min-width: 1200px) {
  .page-not-found span {
    font-size: 150px;
  }
}
.page-not-found + .contact {
  display: none;
}
@media (max-width: 575px) {
  .page-not-found + .contact + footer img {
    height: 300px;
  }
}
.page-not-found .btn {
  gap: 10px;
  margin-top: 15px !important;
}
@media (min-width: 992px) {
  .page-not-found .btn {
    margin-top: 25px !important;
  }
}
.page-not-found .btn:focus {
  border: unset;
  box-shadow: unset;
}
.page-not-found .btn:hover {
  background-color: #010102;
}
@media (max-width: 575px) {
  .page-not-found .banner-image-item img {
    height: 510px !important;
  }
}

.page-not-found picture {
  width: 300px;
  margin: auto;
}
@media (min-width: 992px) {
  .page-not-found picture {
    width: 50.16%;
  }
}
.page-not-found img {
  width: 100%;
  animation: bounce 2s infinite;
  height: auto;
}
.page-not-found h1 {
  font-weight: 500;
  margin-top: -8px;
  color: #010102;
}
@media (min-width: 992px) {
  .page-not-found h1 {
    margin-top: -10px;
  }
}
@media (min-width: 1200px) {
  .page-not-found h1 {
    margin-top: -11px;
  }
}
@media (min-width: 1440px) {
  .page-not-found h1 {
    margin-top: -13px;
  }
}
@media (min-width: 1600px) {
  .page-not-found h1 {
    margin-top: -15px;
  }
}
@media (min-width: 1900px) {
  .page-not-found h1 {
    margin-top: -17px;
  }
}

.thank-you {
  text-align: center;
}
.thank-you h1 {
  background: linear-gradient(97deg, #000 10.11%, #3B8755 50%, #000 99.89%);
  font-weight: bold; /* Optional: Make the text bold */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-size: 48px;
  margin-bottom: 10px;
  background-size: 200% 200%; /* Make the gradient larger for animation */
  animation: gradientAnimation 3s infinite; /* Set duration and repeat */
}
@media (min-width: 768px) {
  .thank-you h1 {
    font-size: 100px;
  }
}
@media (min-width: 992px) {
  .thank-you h1 {
    font-size: 140px;
  }
}
@media (min-width: 1200px) {
  .thank-you h1 {
    font-size: 150px;
  }
}
@media (min-width: 1360px) {
  .thank-you h1 {
    font-size: 170px;
  }
}
@media (min-width: 1440px) {
  .thank-you h1 {
    font-size: 180px;
  }
}
@media (min-width: 1600px) {
  .thank-you h1 {
    font-size: 200px;
  }
}
@media (min-width: 1900px) {
  .thank-you h1 {
    font-size: 240px;
  }
}
.thank-you p {
  font-size: 15px;
}
@media (min-width: 768px) {
  .thank-you p {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .thank-you p {
    font-size: 21px;
  }
}
@media (min-width: 1200px) {
  .thank-you p {
    font-size: 23px;
  }
}
@media (min-width: 1360px) {
  .thank-you p {
    font-size: 26px;
  }
}
@media (min-width: 1440px) {
  .thank-you p {
    font-size: 27px;
  }
}
@media (min-width: 1600px) {
  .thank-you p {
    font-size: 30px;
  }
}
@media (min-width: 1900px) {
  .thank-you p {
    font-size: 36px;
  }
}

.terms-intro {
  padding-top: 18px;
  padding-bottom: 40px;
  z-index: 2;
  position: relative;
}
@media (min-width: 576px) {
  .terms-intro {
    padding-bottom: 70px;
  }
}
@media (min-width: 768px) {
  .terms-intro {
    padding-top: 40px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1200px) {
  .terms-intro {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}
.terms-intro h1 {
  margin-bottom: 16px;
  color: #274130;
}
@media (min-width: 1280px) {
  .terms-intro p, .terms-intro li, .terms-intro li a {
    font-size: 15px;
  }
}
@media (min-width: 1440px) {
  .terms-intro p, .terms-intro li, .terms-intro li a {
    font-size: 16px;
  }
}

.terms {
  background-image: url(../images/about-bg.jpg);
  background-size: cover;
  position: relative;
}
.terms::after {
  top: 0;
  width: 100%;
  height: 400px;
  background: linear-gradient(181deg, #3B1D58 0.78%, #0B1229 66.9%, #010101 104.87%);
  z-index: 1;
}
.terms::before {
  background: #090C11;
}
.terms .blog-content {
  z-index: 2;
  position: relative;
}
.terms article ol li {
  padding-left: 0;
}
.terms article ol li::before {
  content: none;
}
.terms article > ol {
  padding-left: 30px;
}
.terms article > ol > li {
  list-style: lower-alpha;
}
.terms article > ol > li ol {
  padding-left: 20px;
}
.terms article > ol > li ol li {
  list-style: lower-roman;
}
.terms article a {
  color: #79B8FF;
}
.terms article .d-flex {
  margin: 15px 0px;
}
.terms article .d-flex strong {
  padding-right: 5px;
}
.terms table {
  margin-top: 20px;
}
@media (max-width: 575px) {
  .terms table tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: space-between;
  }
  .terms table tr td {
    display: block;
    width: 100%;
    padding: 0;
  }
}
.terms table td {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .terms table td:first-child {
    min-width: 220px;
  }
}

@media (min-width: 768px) {
  .blog-intro::after {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    z-index: 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .blog-intro {
    margin-bottom: 40px;
  }
}

.blog.blog-details {
  padding-top: 80px;
}
@media (max-width: 575px) {
  .blog.blog-details h1 {
    font-size: 28px;
    line-height: 36.4px;
  }
}
@media (max-width: 575px) {
  .blog.blog-details h1 + div {
    margin-bottom: 40px;
  }
  .blog.blog-details h1 + div p {
    font-size: 18px;
    line-height: 27px;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .blog.blog-details + .home-blog {
    padding-top: 60px;
  }
}
@media (min-width: 992px) {
  .blog.blog-details {
    padding-top: 100px;
  }
}
.blog.blog-details article {
  background: unset;
}
@media (max-width: 767px) {
  .blog.blog-details article:first-child picture {
    order: 2;
  }
  .blog.blog-details article:first-child > div {
    padding-top: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .blog.blog-details article:first-child {
    flex-direction: row-reverse;
  }
}
.blog.blog-details article > div {
  padding-left: 0 !important;
  padding-bottom: 0 !important;
}
@media (min-width: 768px) {
  .blog.blog-details article > div {
    padding-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .blog.blog-details article > div {
    padding-right: 5.145% !important;
  }
}

@media (max-width: 575px) {
  .breadcrumb {
    margin-bottom: 24px;
  }
}
.breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.breadcrumb a {
  color: #979A9C;
  font-weight: 500;
}
.breadcrumb li {
  position: relative;
  padding-right: 15px;
  padding-left: 3px;
}
@media (min-width: 992px) {
  .breadcrumb li {
    padding-right: 2.092%;
    padding-left: 0.805%;
  }
}
.breadcrumb li:first-child {
  padding-left: 0;
}
.breadcrumb li:last-child {
  padding-right: 0;
}
.breadcrumb li:last-child a {
  color: #fff;
}
.breadcrumb li::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.19526 2.91108C6.45561 2.65073 6.87772 2.65073 7.13807 2.91108L11.7802 7.5532C11.9052 7.67822 11.9754 7.84779 11.9754 8.0246C11.9754 8.20141 11.9052 8.37098 11.7802 8.49601L7.13807 13.1381C6.87772 13.3985 6.45561 13.3985 6.19526 13.1381C5.93491 12.8778 5.93491 12.4557 6.19526 12.1953L10.366 8.0246L6.19526 3.85389C5.93491 3.59354 5.93491 3.17143 6.19526 2.91108Z" fill="%23979A9C"/></svg>');
  width: 13px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  .breadcrumb li::after {
    width: 16px;
    height: 16px;
  }
}
.breadcrumb li:last-child::after {
  content: unset;
}

.blog-content {
  padding-bottom: 80px;
}
@media (min-width: 576px) {
  .blog-content {
    gap: 15px 2.1%;
    padding-bottom: 100px;
  }
}
@media (min-width: 992px) {
  .blog-content {
    padding-bottom: 130px;
    gap: 20px 2.1%;
  }
}
@media (min-width: 1200px) {
  .blog-content {
    gap: 24px 2.1%;
    padding-bottom: 150px;
  }
}
@media (min-width: 1440px) {
  .blog-content {
    padding-bottom: 160px;
  }
}
.blog-content aside {
  border-radius: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .blog-content aside {
    padding: 15px;
    border-radius: 24px;
    background: linear-gradient(346deg, rgba(43, 55, 106, 0.4) 69.54%, rgba(24, 28, 45, 0.4) 91.08%), #202746;
    padding: 2.573% 1.93%;
    height: -moz-fit-content;
    height: fit-content;
    position: sticky;
    top: 109px;
    width: 27.312%;
  }
}
@media (min-width: 992px) {
  .blog-content aside {
    width: 24.577%;
  }
}
.blog-content aside .dropdown-menu {
  width: 100%;
  padding: 0;
  border-radius: 0px 0px 10px 10px;
  overflow: hidden;
  background: #21263b;
}
.blog-content aside .dropdown-menu li {
  padding: 8px 20px 8px 20px;
}
.blog-content aside .dropdown-menu li a {
  color: #fff;
}
.blog-content aside .dropdown-menu li:hover {
  background-color: #fff;
}
.blog-content aside .dropdown-menu li:hover a {
  background-color: #fff;
}
.blog-content aside .dropdown-menu a {
  padding-left: 0;
}
.blog-content aside .dropdown-menu a::before {
  content: none;
}
.blog-content aside p {
  font-weight: 500;
  font-size: 15px;
  line-height: 19.95px;
  letter-spacing: 0.399px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .blog-content aside p {
    margin-bottom: 9.92%;
  }
}
@media (min-width: 992px) {
  .blog-content aside p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .blog-content aside p {
    font-size: 20px;
  }
}
@media (min-width: 1440px) {
  .blog-content aside p {
    font-size: 24px;
  }
}
@media (min-width: 1600px) {
  .blog-content aside p {
    font-size: 26px;
  }
}
@media (min-width: 1900px) {
  .blog-content aside p {
    font-size: 28px;
  }
}
.blog-content aside a {
  color: #fff;
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .blog-content aside a {
    margin-bottom: 6.9%;
  }
}
.blog-content aside a:last-child {
  margin-bottom: 0;
}
.blog-content aside a.active {
  color: #010102;
}
.blog-content aside .d-flex, .blog-content article ul {
  padding-left: 10px;
}
.blog-content aside a, .blog-content article li {
  padding-left: 14px;
  position: relative;
}
.blog-content aside a::before, .blog-content article li::before {
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
}
@media (min-width: 992px) {
  .blog-content aside a::before, .blog-content article li::before {
    top: 7px;
  }
}
@media (min-width: 1200px) {
  .blog-content aside a::before, .blog-content article li::before {
    top: 7px;
  }
}
@media (min-width: 1360px) {
  .blog-content aside a::before, .blog-content article li::before {
    top: 8px;
  }
}
@media (min-width: 1440px) {
  .blog-content aside a::before, .blog-content article li::before {
    top: 6.5px;
  }
}
@media (min-width: 1440px) {
  .blog-content aside a::before, .blog-content article li::before {
    top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .blog-content aside a::before, .blog-content article li::before {
    top: 8px;
  }
}
@media (min-width: 1900px) {
  .blog-content aside a::before, .blog-content article li::before {
    top: 10px;
  }
}
.blog-content article {
  width: 100%;
}
@media (min-width: 768px) {
  .blog-content article {
    width: 68%;
  }
}
@media (min-width: 992px) {
  .blog-content article {
    width: 71.356%;
  }
}
.blog-content article h2, .blog-content article h3 {
  font-weight: 400;
}
.blog-content article strong {
  font-weight: 600 !important;
  color: #E9E6FE;
}
.blog-content article p, .blog-content article ul, .blog-content article img, .blog-content article h2, .blog-content article h3, .blog-content article h4 {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .blog-content article p, .blog-content article ul, .blog-content article img, .blog-content article h2, .blog-content article h3, .blog-content article h4 {
    margin-top: 8px;
  }
}
@media (min-width: 992px) {
  .blog-content article p + ul {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .blog-content article p + h2, .blog-content article ul + p {
    margin-top: 32px;
  }
}
.blog-content article h2, .blog-content article .share {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .blog-content article h2, .blog-content article .share {
    margin-top: 40px;
  }
}
@media (min-width: 768px) {
  .blog-content article h2:first-child {
    margin-top: 0;
  }
}
.blog-content article img {
  border-radius: 8px;
  width: 100%;
  height: auto;
}

.blog-content img {
  position: absolute;
  right: 0;
  top: -200px;
  z-index: -1;
}
@media (max-width: 767px) {
  .blog-content img {
    display: none;
  }
}
@media (min-width: 992px) {
  .blog-content img {
    right: 0;
    top: 50px;
  }
}

.terms-content h2 {
  font-size: 35px;
  color: #274130;
}
.terms-content p + h2, .terms-content p + ul, .terms-content ul + h2 {
  margin-top: 20px;
}/*# sourceMappingURL=style.css.map */