.header {
  z-index: 997;
  position: absolute;
  padding: 15px 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
}.header .logo h1 {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
  font-family: var(--font-primary);
}.navbar a, .navbar a:focus {
  color: rgb(0, 0, 0) !important;
}
.align-items-center {
  align-items: self-end !important;
}.header {
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #fff; /* Add your desired background color */
  z-index: 1000;
}body {
  margin: 0;
  padding: 0;
}

.container-fluid {
  padding: 15px; /* Adjust the padding as needed */
}

.header-logo h1 {
  margin: 0;
}
.navbar > ul > li {
  white-space: nowrap;
  padding: 5px 0 5px 28px;
}.navbar a, .navbar a:focus {
  color: rgb(255, 255, 255) !important;
}.container-fluid1 {
  padding: 22px 0px 10px 0px !important;
}.container-fluid2 {
  padding: 3px !important;
}#header-logo img {
  height: 50px;
}
.cbox {
  background-color: #fff;
  text-align: center;
  color: #000 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 20px;
  font-weight: 400;
}
.cbox h3 {
  line-height: 67px;
  letter-spacing: 5px;
  font-size: 19px !important;
  margin: 0;
}

.cbox p {
  line-height: 22px;
  letter-spacing: 0px;
  font-size: 14px !important;
  font-weight: bold;
}.hero .info {
  position: absolute;
  inset: 0;
  z-index: 2;
  margin-bottom: 14vh;
}
#outinside{
  display: none;
}


#header-logo, #header-menu{
 transition: 0.45s ease;
}
.nonsticky #header-logo {
  background-color: #00000047;
}
.nonsticky #header-menu {
  background-color: #0000001a;
}
.nonsticky .navbar a, .navbar a:focus {
  color: #fff;
  font-weight: bold;
}.nonsticky .logo h1 {
  font-size: 30px !important;
  color: #fff !important;
}.nonsticky .mobile-nav-show {
  color: #fff !important;
  top: 19px;
}
.nonsticky .navbar > ul > li > a::before {
  background-color: var(--color-primary-white) !important;
}


.sticky .navbar > ul > li > a::before {
  background-color: #000 !important;
}
.sticky #header-logo{
 background-color: #fff;
}
.sticky #header-menu{
 background-color: #fff;
}
.sticky .navbar a {
  color: #000 !important;
  font-weight: bold;
}.sticky .logo h1 {
  font-size: 30px !important;
  color: #000 !important;
}.sticky .mobile-nav-show {
  color: #000 !important;
  top: 19px;
}
.sticky #header-menu::before {
  content: '';
  position: absolute;
  top: 66px;
  left: 0;
  width: 100%;
  height: 11px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0));
  display: none;
}

.bboxh {
  margin-bottom: 90px;
}




@media (max-width: 768px) {
.bbox {
  padding: 3px !important;
  margin-top: 20px;
}.bbox-inner {
  padding: 16px !important;
  background-color: #fff;
}
.bbox p {
  max-height: 109px;
  overflow: hidden;
  font-size: 12px !important;
}.bbox a h3 {
  font-size: 18px !important;
  height: 55px !important;
}
.hero .info {
  position: absolute;
  inset: 0;
  z-index: 2;
  margin-bottom: 0px;
}
.cbox {
  background-color: #fffffff2;
  text-align: center;
  color: #000 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px 50px;
  font-weight: 400;
  border-bottom: 3px solid #000000d4;
  margin-bottom: ;
}

.mobile-nav-show {
  position: absolute !important;
  right: 0;
  font-size: 38px !important;
}
.navbar ul {
  background:#fff !important;
}.mobile-nav-hide {
  color: #000 !important;
}.navbar a, .navbar a:focus {
  color: #000 !important;
  font-weight: 600;
  font-size: 20px;
  font-family: var(--font-secondary);
}

.hero .carousel {
  min-height: 40vh;
}
.hero .carousel-control-next-icon, .hero .carousel-control-prev-icon {
  font-size: 22px;
  width: 24px;
  height: 54px;
}.container-fluid2 {
  padding: 0px !important;
}
.sticky #header-menu::before {
display: none;
}

}
.fixdb {
  height: 10px;
}
@media (max-width: 980px) {
#inside{
  display: none !important;
}
#outinside{
  display: flex;
}
.fixdb {
  height: 82px !important;
}
}

.sticky{
  box-shadow: 0px 0px 5px 7px #00000026 !important;
}
.bbox {
  padding: 26px;
}
.bbox-inner {
  padding: 26px;
  background-color: #fff;
}
.bboxcc {
  background-color: #f1f0ef !important;
}
.bbox p {
  font-size: 15.5px;
  color: #000;
  width: 95%;
}
.bbox img {
  width: 100%;
  max-width: 600px;
}
.bbox a h3 {
  font-size: 20px;
  margin: 15px 0px;
  color: #000;
  height: 77px;
  overflow: hidden;
}
.bboxh3 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  font-size: 40px;
  letter-spacing: 5px;
}
.bbox .bboxbtn {
  color: #000;
  border-top: 1px solid;
  width: 100%;
  display: flex;
  padding: 15px 0px 10px 0px;
  transition: .5s ease;
}.bbox .bboxbtn:hover {
  border-top: 1px solid var(--color-primary);
}.footer-infod {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 55px;
}


.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
  vertical-align: .70em !important;
}
.footer .footer-content .social-links a {
  line-height: 0.2 !important;
}


.search-box-holder {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.71)), url(./assets/img/hero-carousel/hero-carousel-4.jpg);
  background-size: 150% auto;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.search-box {
  background-color: white;
  margin: 130px 10px;
  border-radius: 10px;
  box-shadow: 0px 0px 30px 5px #00000026;
  display: flex;
}
.right-search, .left-search {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
  padding: 40px 30px;
}.left-search input {
  border: 1px solid;
}
.search-box .p1, .search-box .p2, .search-box .p3 {
  font-size: 10px;
  font-weight: bold;
}
.search-box h2{
  font-size: 19px;
}.line-search {
  height: 2px;
  width: 20%;
  background-color: var(--color-primary);
  margin: 10px 0px;
}.search-box button {
  background-color: var(--color-primary);
  color: #fff;
  padding: 7px 5px;
  max-width: 180px;
  margin: 10px 0px;
  border: none;
  border-radius: 3px;
}.search-box input {
  border: 1px solid;
  padding: 5px 10px 5px 10px;
  outline: none;
}.search-box label {
  color: var(--color-primary);
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  margin: 10px 0px;
}.search-box input:focus-visible {
  border: 1px solid;
  outline: none;
}
@media (max-width: 768px) {
  .search-box {
  flex-direction: column;
}.right-search, .left-search {
  width: 100%;
}.right-search {
  padding: 0px 30px 40px 30px;
}.left-search {
  padding: 40px 30px 0px 30px;
}
.sd-box {
  margin-top: 50px;
}.sdboxdv {
  padding: 21px !important;
}
}

.sd-box {
  background-color: #fff;
  position: relative;
  min-height: 275px;
}
.sdboxdv {
  display: flex;
  flex-direction: column;
  gap: 0px;
  justify-content: center;
  padding: 50px;
  position: absolute;
  z-index: 100;
}
.sd-box p {
  font-size: 13px;
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}
.sdboxdv i {
  font-size: 45px;
  height: 65px;
}
.sd-box::after {
  content: "";
  height: 5px;
  width: 100%;
  background-color: var(--color-default);
  display: block;
  position: absolute;
  bottom: 0;
  transition: all 250ms ease-out;
}.sd-box:hover::after {
  height: 100%;
}
.sd-boxa{
  color: var(--color-default);
  transition: all 250ms ease-out;
}
.sd-boxa:hover{
  color: #fff;
}.sd-box h3 {
  font-size: 19px !important;
}