@import url("https://fonts.googleapis.com/css2?family=Poppins: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");

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  width: 100%;
}

html {
  --white: #fbffff;
  --green-gradient: linear-gradient(
    270deg,
    #73ff40 0%,
    #20b04b 54.4%,
    #20b04b 100%
  );
  --blue-gradient: linear-gradient(270deg, #3a3c94 0%, #9000ad 100%);
  --dark-color: #101010;
  --brown-color: #3b3128;
  --dark-brown-color: #27231d;
  --green: #20b04b;
}
body {
  background-color: #3b3128;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
button,
.accordion-body {
  font-family: "Poppins", sans-serif !important;
  color: var(--white) !important;
}
.text-green {
  color: var(--green) !important;
}
.bg-green {
  background: var(--green-gradient) !important;
}
.bg-green1 {
  background: linear-gradient(-180deg, #73ff40 0%, #20b04b 54.4%, #20b04b 100%);
}
.bg-green2 {
  background: linear-gradient(-90deg, #73ff40 0%, #20b04b 54.4%, #20b04b 100%);
}
.bg-blue {
  background: var(--blue-gradient);
}

.bg-dark-custom {
  background-color: var(--dark-color);
}
.bg-brown {
  background-color: var(--brown-color) !important;
}
.bg-dark-brown {
  background-color: var(--dark-brown-color) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.br-brown {
  border-color: var(--brown-color) !important;
}
.text-white {
  color: var(--white);
}
.text-black {
  color: var(--dark-color);
}

.navbar {
  background-color: transparent !important;
}
.navbar-brand img {
  margin-top: 10px;
  margin-left: 10px;
}

footer {
  background-color: #101010;
}
footer a:hover {
  border-bottom: 3px solid var(--green);
  transition: cubic-bezier(0.19, 1, 0.22, 1) all  !important;
}
#social-logos  img:hover{
  opacity: 0.8;
}

.navbar-nav a:hover, .navbar-nav a:focus, .navbar-nav a:active{
  border-bottom: 3px solid var(--green);
  padding-bottom: 0;

  transition: cubic-bezier(0.19, 1, 0.22, 1) all  !important;
}
.navbar-nav .dropdown-item:hover {
  background-color: transparent !important;
  border-bottom: none;
  padding-bottom: 4px;
}
.accordion-body{
  padding-top: 0 !important;
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.social-links:hover,.SHC-Logo:hover{
  border-bottom: none;
}

@media (max-width: 576px) {
  footer #address {
    display: flex;
    flex-direction: column;
    padding-left: 50px !important;
  }
  .navbar-brand img {
    width: 80px !important;
  }
}
@media (max-width: 768px) {
  footer #address {
    display: flex;
    padding-left: 50px !important;
    justify-content: space-between;
  }
  .footer-logo {
    width: 110px !important;
  }
}

.btn:hover {
  color: #101010 !important;
}
.btn-dark-custom:hover {
  background: var(--blue-gradient) !important;
  color: #fbffff !important;
}

.offcanvas.offcanvas-top {
  height: fit-content !important;
}
.fw-1 {
  font-weight: 100;
}
.fw-2 {
  font-weight: 200;
}
.fw-3 {
  font-weight: 300;
}
.fw-4 {
  font-weight: 400;
}
.fw-5 {
  font-weight: 500;
}
.fw-6 {
  font-weight: 600;
}
.fw-7 {
  font-weight: 700;
}
.fw-8 {
  font-weight: 800;
}
.fw-9 {
  font-weight: 900;
}
.fw-10 {
  font-weight: 1000;
}

.fs-1 {
  font-size: 1px;
}
.fs-2 {
  font-size: 2px;
}
.fs-3 {
  font-size: 3px;
}
.fs-4 {
  font-size: 4px;
}
.fs-5 {
  font-size: 5px;
}
.fs-6 {
  font-size: 6px;
}
.fs-7 {
  font-size: 7px;
}
.fs-8 {
  font-size: 8px;
}
.fs-9 {
  font-size: 9px;
}
.fs-10 {
  font-size: 10px;
}
.fs-11 {
  font-size: 11px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-17 {
  font-size: 17px;
}
.fs-18 {
  font-size: 18px;
}
.fs-19 {
  font-size: 19px;
}
.fs-20 {
  font-size: 20px;
}
.fs-21 {
  font-size: 21px;
}
.fs-22 {
  font-size: 22px;
}
.fs-23 {
  font-size: 23px;
}
.fs-24 {
  font-size: 24px;
}
.fs-25 {
  font-size: 25px;
}
.fs-26 {
  font-size: 26px;
}
.fs-27 {
  font-size: 27px;
}
.fs-28 {
  font-size: 28px;
}
.fs-29 {
  font-size: 29px;
}
.fs-30 {
  font-size: 30px;
}
.fs-31 {
  font-size: 31px;
}
.fs-32 {
  font-size: 32px;
}
.fs-33 {
  font-size: 33px;
}
.fs-34 {
  font-size: 34px;
}
.fs-35 {
  font-size: 35px;
}
.fs-36 {
  font-size: 36px;
}
.fs-37 {
  font-size: 37px;
}
.fs-38 {
  font-size: 38px;
}
.fs-39 {
  font-size: 39px;
}
.fs-40 {
  font-size: 40px;
}
.fs-41 {
  font-size: 41px;
}
.fs-42 {
  font-size: 42px;
}
.fs-43 {
  font-size: 43px;
}
.fs-44 {
  font-size: 44px;
}
.fs-45 {
  font-size: 45px;
}
.fs-46 {
  font-size: 46px;
}
.fs-47 {
  font-size: 47px;
}
.fs-48 {
  font-size: 48px;
}
.fs-49 {
  font-size: 49px;
}
.fs-50 {
  font-size: 50px;
}
.fs-51 {
  font-size: 51px;
}
.fs-52 {
  font-size: 52px;
}
.fs-53 {
  font-size: 53px;
}
.fs-54 {
  font-size: 54px;
}
.fs-55 {
  font-size: 55px;
}
.fs-56 {
  font-size: 56px;
}
.fs-57 {
  font-size: 57px;
}
.fs-58 {
  font-size: 58px;
}
.fs-59 {
  font-size: 59px;
}
.fs-60 {
  font-size: 60px;
}
.fs-61 {
  font-size: 61px;
}
.fs-62 {
  font-size: 62px;
}
.fs-63 {
  font-size: 63px;
}
.fs-64 {
  font-size: 64px;
}
.fs-65 {
  font-size: 65px;
}
.fs-66 {
  font-size: 66px;
}
.fs-67 {
  font-size: 67px;
}
.fs-68 {
  font-size: 68px;
}
.fs-69 {
  font-size: 69px;
}
.fs-70 {
  font-size: 70px;
}
.fs-71 {
  font-size: 71px;
}
.fs-72 {
  font-size: 72px;
}
.fs-73 {
  font-size: 73px;
}
.fs-74 {
  font-size: 74px;
}
.fs-75 {
  font-size: 75px;
}
.fs-76 {
  font-size: 76px;
}
.fs-77 {
  font-size: 77px;
}
.fs-78 {
  font-size: 78px;
}
.fs-79 {
  font-size: 79px;
}
.fs-80 {
  font-size: 80px;
}
.fs-81 {
  font-size: 81px;
}
.fs-82 {
  font-size: 82px;
}
.fs-83 {
  font-size: 83px;
}
.fs-84 {
  font-size: 84px;
}
.fs-85 {
  font-size: 85px;
}
.fs-86 {
  font-size: 86px;
}
.fs-87 {
  font-size: 87px;
}
.fs-88 {
  font-size: 88px;
}
.fs-89 {
  font-size: 89px;
}
.fs-90 {
  font-size: 90px;
}
.fs-91 {
  font-size: 91px;
}
.fs-92 {
  font-size: 92px;
}
.fs-93 {
  font-size: 93px;
}
.fs-94 {
  font-size: 94px;
}
.fs-95 {
  font-size: 95px;
}
.fs-96 {
  font-size: 96px;
}
.fs-97 {
  font-size: 97px;
}
.fs-98 {
  font-size: 98px;
}
.fs-99 {
  font-size: 99px;
}
.fs-100 {
  font-size: 100px;
}
.fs-101 {
  font-size: 101px;
}