@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root,
[data-bs-theme="light"] {
  --bs-primary: #b2b8a1;

  --bs-secondary: #292929;

  --bs-tertiary: #d7cfc5;
}

button.hamburger:before,
button.hamburger span,
button.hamburger:after {
  height: 2px;
}

body {
  font-family: "Montserrat", sans-serif;

  color: var(--bs-secondary);

  font-weight: 300;
}

p {
  font-family: "Montserrat", sans-serif;

  font-weight: 300;

  font-size: 18px;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  font-family: "Montserrat", sans-serif;

  font-weight: 300;

  color: var(--bs-secondary);
}

.bg-tertiary {
  background: var(--bs-tertiary);
}

h3,
.h3 {
  font-size: 30px;
}

/* button.hamburger:before,

button.hamburger span,

button.hamburger:after {

    height: 2px;

    margin: 0 0 7px;

    width: 28px;

}



button.hamburger {

    display: inline-block;

    width: 28px;

    height: 28px;

}



button.hamburger.active:before {

    transform: translateY(10px) rotate(45deg);

}

button.hamburger.animate.active span {

  transform: scale(0);

}

button.hamburger.active:after {

  transform: translateY(-8px) rotate(-45deg);

} */

.mnbnr {
  position: relative;

  height: 100vh !important;
}

.sclnbxs > figure,
.mnbnr > figure {
  position: absolute;

  width: 100%;

  height: 100%;

  z-index: -1;
}

.sclnbxs > figure > img,
.mnbnr > figure > img {
  position: absolute;

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;
}

.sclnbxs > figure > img,
.mnbnr > figure > img {
  animation: zmbnr ease-in-out 15s infinite alternate;
}

@keyframes zmbnr {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}

.lftmnbck {
  position: fixed;

  left: 0;

  height: 100%;

  text-align: center;

  background: #fff;
}

nav.sclmns {
  background: var(--bs-primary);

  padding: 2rem 0;
}

nav.sclmns a {
  color: var(--bs-secondary);

  width: 100px;

  /* display: inline-grid; */

  text-align: center;

  display: block;

  font-size: 19px;

  color: #fff;
}

nav.sclmns a:not(:last-child) {
  margin-bottom: 0.5rem;
}

.lftmnbck a.nav-link {
  margin: 0 auto;

  margin-top: 1.5rem;
}

button.hamburger span {
  display: none;
}

.navbar-brand a > img {
  height: 90px;
}

.mnbnr > figure::before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: #000;

  z-index: 1;

  background: rgb(0, 0, 0);

  background: -moz-linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(255, 255, 255, 0) 26%,
    rgba(0, 0, 0, 0.5) 51%,
    rgba(0, 0, 0, 1) 100%
  );

  background: -webkit-linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(255, 255, 255, 0) 26%,
    rgba(0, 0, 0, 0.5) 51%,
    rgba(0, 0, 0, 1) 100%
  );

  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(255, 255, 255, 0) 26%,
    rgba(0, 0, 0, 0.5) 51%,
    rgba(0, 0, 0, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);

  opacity: 0.7;
}

@media (min-width: 1200px) {
  .swiper.crslDtls {
    width: calc((100vw - 1140px) / 2 + 1140px);
  }
}

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

  .swiper.crslDtls {
    width: calc((100vw - 1520px) / 2 + 1520px);
  }
}

.mnbnr h1 {
  color: #fff;

  font-weight: 300;

  font-size: 55px;
}

.mnbnr h1 > b {
  font-weight: 600;
}

a.btn.rdbtlnk {
  color: #fff;

  text-transform: uppercase;

  font-weight: 300;
}

a.btn.rdbtlnk img {
  width: 70px;

  background: var(--bs-primary);

  padding: 19px;

  height: 70px;

  border-radius: 100px;

  margin-left: 13px;

  height: 70px;

  /* display: inline-grid; */
}

section.wrapper.mnbnr hr {
  margin: 2.5rem 0 1.5rem;

  background: #fff;

  opacity: 0.5;

  border: none;

  height: 1px;
}

li.nav-item.btnsrch a {
  background: var(--bs-primary);

  width: 40px;

  height: 40px;

  border-radius: 100px;

  color: #fff;

  text-align: center;

  line-height: 40px;
}

a.btnbprm {
  border-radius: 100px;

  text-transform: uppercase;

  font-weight: 500;

  height: 40px;

  border: 2px solid #b2b8a1;

  background: hsl(76deg 14% 68% / 40%);

  font-size: 13px;

  color: #000;
}

.sclnbxs {
  position: relative;

  height: 100vh;

  overflow: hidden;
}

.bghcs {
  background: rgb(255 255 255 / 70%);

  padding: 60px 70px;
}

.bghcs h2 {
  font-size: 45px;

  font-weight: 300;

  margin-bottom: 0;
}

a.btn.rdmrlnks {
  height: 50px;

  background: rgb(255 255 255 / 30%);

  border-radius: 100px;

  padding-right: 5px;

  font-size: 14px;

  color: var(--bs-secondary);

  font-weight: 500;

  text-transform: uppercase;
}

a.btn.rdmrlnks i {
  width: 35px;

  height: 35px;

  background: var(--bs-primary);

  color: #b2b8a1;

  font-size: 21px;

  border-radius: 100px;

  margin-left: 35px;

  color: var(--bs-secondary);
}

.sclnbxs > figure::before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: #000;

  z-index: 1;

  background: rgb(255, 255, 255);

  background: -moz-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 0.7) 45%,
    rgba(0, 0, 0, 1) 100%
  );

  background: -webkit-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 0.7) 45%,
    rgba(0, 0, 0, 1) 100%
  );

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 0.7) 45%,
    rgba(0, 0, 0, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);

  opacity: 0.4;
}

section.sclnbxs.sectw .bghcs {
  background: rgb(177 183 159 / 90%);
}

section.sclnbxs.secthr .bghcs {
  background: rgb(215 207 197 / 90%);
}

section.sclnbxs.sectw .bghcs h2 {
  color: #fff;
}

.sclnbxs a.btn.rdmrlnks {
}

.sbttl {
  font-size: 45px;

  line-height: 50px;
}

.bg-lmscl {
  background: rgba(215, 207, 197, 0.5);
}

.dwnbtn a {
  width: 110px;

  height: 110px;

  display: inline-flex;

  border: 1px solid #292929;

  border-radius: 100px;

  text-align: center;

  line-height: 110px;

  position: relative;

  overflow: hidden;
}

.dwnbtn a::before {
  position: absolute;

  width: 0%;

  height: 0%;

  background: #000;

  content: "";

  transition: 0.5s all ease-in-out;

  top: 50%;

  left: 0;

  right: 0;

  margin: 0 auto;

  transform: translateY(-50%);

  border-radius: 100px;
}

.dwnbtn a:hover::before {
  width: 100%;

  height: 100%;
}

.dwnbtn a > img {
  height: 40px;

  margin: 0 auto;

  position: absolute;

  left: 0;

  right: 0;

  top: 50%;

  transform: translateY(-50%);
}

h3.thrttls {
  font-size: 30px;
}

hr.grdntln {
  border: 0;

  height: 1px;

  background: rgb(255, 255, 255);

  background: -moz-linear-gradient(
    86deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(177, 183, 159, 1) 50%,
    rgba(255, 255, 255, 0) 100%
  );

  background: -webkit-linear-gradient(
    86deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(177, 183, 159, 1) 50%,
    rgba(255, 255, 255, 0) 100%
  );

  background: linear-gradient(
    86deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(177, 183, 159, 1) 50%,
    rgba(255, 255, 255, 0) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

  margin: 2rem 0;
}

hr.grdntln.wdftf {
  width: 50%;

  margin: 5rem auto 2rem;
}

.bg-prmtn {
  background: rgba(177, 183, 159, 0.1);
}

form.contact-form .form-floating > .form-control,
form.contact-form .form-floating > label {
  padding-left: 0;
}

form.contact-form .form-floating > label {
  color: var(--bs-secondary);
}

form.contact-form .form-floating > .form-control {
  background: transparent;

  border-radius: 0;

  border: none;

  box-shadow: none;

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

form.contact-form input.btn.btn-primary {
  text-transform: uppercase;

  font-weight: 400;

  letter-spacing: 1px;

  font-size: 14px;

  border: 2px solid #ccc;

  padding: 10px 25px;
}

form.contact-form input.btn.btn-primary:hover {
  background: transparent;

  border: 2px solid var(--bs-primary);

  color: var(--bs-primary);
}

.mnmnsc li > a {
  line-height: 32px;

  color: #000;

  font-size: 18px;
}

.offcanvas-header .btn-close {
  color: #000;

  border-radius: 100px;

  border: 1px solid;
}

.offcanvas-header .btn-close:hover {
  color: #fff;

  background: #000;
}

.ovrlnks {
  display: inline-block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  text-indent: -99999px;

  z-index: 9999;
}

.clctitm {
  margin-bottom: 40px;

  position: relative;

  height: 330px;
}

.clctitm:nth-last-child(1) {
  margin-bottom: 0px;
}

.clctitm figure {
  position: absolute;

  width: 100%;

  height: 100%;

  z-index: -1;
}

.clctitm figure > img {
  position: absolute;

  width: 100%;

  height: 100% !important;

  object-fit: cover;
}

.clctitm figure::before {
  content: "";

  position: absolute;

  width: 100%;

  bottom: 0;

  height: 70%;

  background: #000;

  z-index: 1;

  background: rgb(255, 255, 255);

  background: -moz-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );

  background: -webkit-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);

  opacity: 0.8;
}

.clctitm .btmbx {
  position: absolute;

  bottom: 0;

  padding: 50px;

  width: 100%;

  color: #fff;
}

.clctitm .btmbx h3 {
  color: #fff;
}

.clctitm .btmbx p {
  margin-bottom: 0;
}

.arbtns .next-btn {
  margin-left: 1.5rem;
}

.arbtns div > img {
  height: 40px;
}

.tab-clsct button {
  background: transparent;

  border: 1px solid #baafa2;

  border-radius: 100px;

  text-transform: uppercase;

  font-size: 13px;

  padding: 5px 30px;

  transition: 0.5s all ease-in-out;

  height: 40px;
}

.tab-clsct button.active,
.tab-clsct button:hover {
  background: var(--bs-primary);

  border: 1px solid var(--bs-primary);
}

.sclnbxs.sectw.bg-overlay:before {
  background: rgb(255, 255, 255);

  background: -moz-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 0.7) 45%,
    rgba(0, 0, 0, 1) 100%
  );

  background: -webkit-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 0.7) 45%,
    rgba(0, 0, 0, 1) 100%
  );

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 0.7) 45%,
    rgba(0, 0, 0, 1) 100%
  );

  opacity: 0.6;
}

.pgbnr-v1 hr {
  border-top: 1px solid #000;
}

.mnttl {
  font-size: 55px;
}

.terttl {
  font-size: 30px;
}

.drkhrd .navbar-brand img.logo-dark {
  display: block !important;
}

.drkhrd .navbar-brand img.logo-light {
  display: none !important;
}

.kthitm {
  position: relative;

  height: 350px;

  overflow: hidden;

  background: var(--bs-secondary);
}

.kthitm::before {
  font-family: "Unicons";

  display: inline-block;

  margin-left: 0.05rem;

  vertical-align: -3px;

  font-weight: 700 !important;

  content: "";

  border: 0;

  content: "\e930";

  position: absolute;

  z-index: 9;

  width: 40px;

  height: 40px;

  background: var(--bs-primary);

  text-align: center;

  line-height: 40px;

  border-radius: 100px;

  left: 0;

  right: 0;

  margin: 0 auto;

  top: 50%;

  transform: translate(-20px, -50%);

  transition: 0.6s all ease-in-out;

  opacity: 0;
}

.kthitm:hover::before {
  opacity: 1;

  transform: translate(0px, -50%);
}

.kthitm figure {
  position: absolute;

  width: 100%;

  height: 100%;
}

.kthitm figure > img {
  position: absolute;

  width: 100%;

  height: 100% !important;

  object-fit: cover;

  transition: 1.3s all ease-in-out;
}

.kthitm:hover figure > img {
  transform: scale(1.3);
}

.kthitm figure::before {
  position: absolute;

  width: 100%;

  height: 70%;

  content: "";

  background: rgb(255, 255, 255);

  background: -moz-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );

  background: -webkit-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);

  opacity: 0.7;

  z-index: 1;

  bottom: 0;

  transition: 0.6s all ease-in-out;
}

.kthitm:hover figure::before {
  opacity: 0;
}

.kthitm figure::after {
  position: absolute;

  width: 0%;

  height: 100%;

  content: "";

  background: rgb(255, 255, 255);

  background: -moz-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(177, 183, 159, 1) 100%
  );

  background: -webkit-linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(177, 183, 159, 1) 100%
  );

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(177, 183, 159, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#b1b79f",GradientType=1);

  opacity: 0.7;

  z-index: 1;

  bottom: 0;

  transition: 0.4s all ease-in-out;
}

.kthitm:hover figure::after {
  width: 100%;
}

.kthitm .cnbxs {
  position: absolute;

  bottom: 38px;

  width: 100%;

  text-align: center;

  color: #fff;

  z-index: 2;

  transition: 0.6s all ease-in-out;
}

.kthitm .cnbxs > h3 {
  color: #fff;

  margin-bottom: 0;

  line-height: 30px;
}

a.dwbtn {
  background: rgb(255, 255, 255);

  background: -moz-linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(177, 183, 159, 1) 100%
  );

  background: -webkit-linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(177, 183, 159, 1) 100%
  );

  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(177, 183, 159, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#b1b79f",GradientType=1);

  display: inline-block;

  width: 100%;

  padding: 20px 30px;

  color: #000;

  font-size: 30px;
}

a.dwbtn.prmbt {
  background: rgb(255, 255, 255);

  background: -moz-linear-gradient(
    275deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(215, 207, 197, 1) 100%
  );

  background: -webkit-linear-gradient(
    275deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(215, 207, 197, 1) 100%
  );

  background: linear-gradient(
    275deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(215, 207, 197, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d7cfc5",GradientType=1);
}

.dwnlsc {
  border-top: 1px solid rgba(0, 0, 0, 0.1);

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

a.dwbtn img {
  height: 30px;

  margin: 0 7px;
}

.pgbnr-v2 {
  position: relative;

  min-height: 500px;
}

.pgbnr-v2 figure {
  position: absolute;

  width: 100%;

  height: 100%;

  z-index: -1;
}

.pgbnr-v2 figure > img {
  position: absolute;

  width: 100%;

  height: 100% !important;

  object-fit: cover;

  transition: 1.3s all ease-in-out;
}

.pgbnr-v2 figure::before {
  position: absolute;

  width: 100%;

  height: 100%;

  content: "";

  background: rgb(0, 0, 0);

  background: -moz-linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 54%,
    rgba(0, 0, 0, 1) 100%
  );

  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 54%,
    rgba(0, 0, 0, 1) 100%
  );

  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 54%,
    rgba(0, 0, 0, 1) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);

  opacity: 0.7;

  z-index: 1;

  transition: 0.6s all ease-in-out;
}

@media (max-width: 1500px) {
  .clctitm {
    height: 300px;
  }
}

@media (min-width: 1200px) {
  div#offcanvas-info {
    width: 500px;
  }

  section.abtsc {
    position: relative;
  }

  section.abtsc figure {
    position: absolute;

    top: 0;

    height: 100%;

    width: 50%;

    overflow: hidden;
  }

  section.abtsc figure > img {
    position: absolute;

    width: 100%;

    height: 100% !important;

    object-fit: cover;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg.transparent:not(.fixed) {
    padding-top: 1.3rem;
  }
}

@media (max-width: 992px) {
  .content-wrapper {
    padding-left: 0;
  }

  .lftmnbck {
    display: none !important;
  }

  .mnttl,
  .mnbnr h1 {
    font-size: 35px;
  }

  .mnbnr h1 > br {
    display: none !important;
  }

  a.btn.rdbtlnk img {
    width: 60px;

    height: 60px;
  }

  .bghcs h2 {
    font-size: 30px;
  }

  .bghcs {
    background: rgb(255 255 255 / 70%);

    padding: 30px;
  }

  .sbttl {
    font-size: 30px;

    line-height: 32px;
  }

  .arbtns div > img {
    height: 23px;
  }

  .clctitm {
    height: 250px;
  }

  .clctitm {
    margin-bottom: 30px;
  }

  .clctitm .btmbx {
    padding: 30px;
  }

  .terttl,
  h3.thrttls,
  .clctitm .btmbx h3 {
    font-size: 25px;
  }

  p {
    font-size: 16px;
  }

  hr.grdntln.wdftf {
    margin: 3rem auto 2rem;
  }

  .dwnbtn a {
    width: 90px;

    height: 90px;

    line-height: 90px;
  }

  .dwnbtn a > img {
    height: 35px;
  }

  .navbar-brand a > img {
    height: 90px;
  }

  .pgbnr-v1 h5.terttl {
    font-size: 20px;
  }

  .kthitm {
    height: 250px;
  }

  a.dwbtn {
    font-size: 20px;
  }

  .pgbnr-v2 {
    min-height: 350px;
  }

  button.hamburger span {
    display: block;
  }

  button.hamburger:before,
  button.hamburger span,
  button.hamburger:after {
    background: #fff;
  }

  .offcanvas-header a > img {
    height: 80px;
  }

  .mnmnsc li > a {
    line-height: 28px;

    font-size: 16px;
  }
}
.hdr-dp .dropdown-toggle:after {
  display: none !important;
}
.hdr-dp .nav-link {
  font-weight: 400 !important;
}
.abt h2 {
  font-size: 45px;
  font-weight: 300;
}
.abt-2-sc {
  border-bottom: 1px solid black;
}

.bg-grn {
  background-color: #b1b79f;
}
.sb-lrg-txt {
  font-size: 45px;
}
.abt-ln {
  height: 1px;
  background: #000;
  width: 100%;
  opacity: 0.2;
}
.abt-lns {
  height: 1px;
  background: #000;
  width: 100%;
}
.accordion-button:not(.collapsed)::after {
  background-image: url(https://globalsurfweb.com/HTML/KENTON/assets/img/arr-down.svg) !important;
  padding-top: 2rem !important;
}
.accordion-button::after {
  background-image: url(https://globalsurfweb.com/HTML/KENTON/assets/img/arr-down.svg) !important;
  padding-top: 2rem !important;
}
.dropdown-item {
  font-weight: normal;
}
.hdr-img-2 {
  height: 278px;
  width: 100%;
  object-fit: cover;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.dropdown-header {
  color: #000 !important;
  font-weight: 500;
}
.dropdown-menu a :hover {
  color: #94918e !important;
}
/* .accordion-button:not(.collapsed) {
  background-color: transparent !important;
}
.accordion-button:focus {
  border-color: transparent !important;
}
.accordion-item {
  background: transparent !important;
  border-top: var(--bs-accordion-border-width) solid black !important;
  border-bottom: var(--bs-accordion-border-width) solid black !important;
} */
/* .accordion {
  --bs-accordion-btn-bg: transparent !important;
  --bs-accordion-btn-focus-border-color: transparent !important;
  --bs-accordion-active-bg: transparent !important;
  --bs-accordion-btn-focus-box-shadow: transparent !important;
} */
.accordion-button:not(.collapsed) {
  color: #000 !important;
}
.ktn {
  color: #fff;
}
.navbar.navbar-light.fixed a {
  color: #000;
}
.navbar.navbar-light.fixed .logo-dark {
  height: 80px !important;
}
.accordion-wrapper .card-header button:before {
  right: 0 !important;
  left: auto !important;
  color: #000 !important;
  content: url("https://globalsurfweb.com/HTML/KENTON/assets/img/arr-down.svg") !important;
}
.accordion-wrapper .card-header button {
  color: #000 !important;
  font-weight: 300 !important;
}
.accordion-wrapper .card-header button.collapsed:before {
  content: url("https://globalsurfweb.com/HTML/KENTON/assets/img/arr-up.svg"); /* Replace with the path to your up arrow image */
}
.accordion-wrapper .card.plain .card-body {
  padding-left: 4.6rem !important;
  padding-right: 4.6rem !important;
}
.accordion-wrapper {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
@media (max-width: 991.98px) {
  .offcanvas {
    background: #fff !important;
  }
  .navbar-expand-lg .navbar-collapse .nav-link {
    color: #000 !important;
  }
  .btn-close-white:before {
    background: #fff !important;
  }
  .social.social-white a {
    color: #000 !important;
  }
  .social.social-white a i,
  .social.social-white a:hover i,
  .navbar-dark .social.social-muted a:not(.btn-circle):not([class*="link-"]) i,
  .navbar-dark
    .social.social-muted
    a:not(.btn-circle):not([class*="link-"]):hover
    i {
    color: #000 !important;
  }
  .navbar-expand-lg .navbar-collapse .nav-link,
  .navbar-expand-lg .navbar-collapse .show > .nav-link,
  .navbar-expand-lg .navbar-collapse .nav-link.active,
  .navbar-expand-lg .navbar-collapse .nav-link:hover,
  .navbar-expand-lg .navbar-collapse .nav-link:focus {
    color: black !important;
  }
  .dropdown-menu {
    box-shadow: none !important;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
    color: #000 !important;
  }
  .navbar-expand-lg .dropdown-header {
    padding-left: 0 !important;
  }
  .dropdown-header,
  .dropdown-item {
    padding: 0 !important;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
    padding: 8px !important;
  }
  .offcanvas-header {
    align-items: flex-start !important;
  }

  /* .navbar-expand-lg .offcanvas-nav .offcanvas-body {
    padding-top: 15px !important;
  } */
}

@media (max-width: 1399px) {
  .tab-clsct button {
    margin-bottom: 10px !important;
  }
}
.grn-abt {
  background: #b1b79f;
}
.pnk-abt {
  background: #d7cfc5;
}

.vm-btn {
  font-size: 14px;
  border-radius: 30px;
  border: 1px solid #343f52;
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}