@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@700&family=Open+Sans:wght@700&display=swap");
@font-face {
  font-family: "2hXzmNaF";
  src: url("../assets/fonts/2hXzmNaFRuKTSBR9nRGO-A.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "7nLfsQCzhQW";
  src: url("../assets/fonts/7nLfsQCzhQW_PwpkrwroYw.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("../assets/fonts/CircularXXWeb-Book.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "8bf38806";
  src: url("../assets/fonts/8bf38806-3423-4080-b38f-d08542f7e4ac.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "26091050";
  src: url("../assets/fonts/26091050-06ef-4fd5-b199-21b27c0ed85e.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AcvTq8Q0lyK";
  src: url("../assets/fonts/AcvTq8Q0lyKKNxRlL28Rn1tXRa8TVwTICgirnJhmVJw.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DK0eTGXiZjN";
  src: url("../assets/fonts/DK0eTGXiZjN6yA8zAEyM2RN-0beyHaEC1kqeqPFpWrs.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
}

.fade-effect {
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
}

.fadeIn {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}

body {
  overflow-x: hidden;
  /* background: url("../assets/homepage.webp") fixed center; */
  /* background-size: cover; */
  scroll-behavior: smooth;
  /* background-attachment: fixed; */
}

.bbground {
  background: url("../assets/homepage.webp") fixed center;
  background-size: cover;
}
.b2bground {
  background: url("../assets/menu-cover.jpg") fixed center;
  background-size: cover;
  width: 100vw;
}
.bb3ground {
  background: url("../assets/careercover.webp") fixed center;
  background-size: cover;
  width: 100vw;
}
.bb4ground {
  background: url("../assets/contact-usCover.webp") fixed center;
  background-size: cover;
  width: 100vw;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(255, 255, 255, 1);
}
.modal-blue {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #0d2130;
}
.modal-with-des {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
}

.modal-content {
  display: block;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  max-height: 80%;
  img {
    width: 100% !important;
    object-fit: cover;
  }
}
.modal-content-with-des {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  max-height: 80%;
}

.close {
  color: #000;
  position: absolute;
  top: 15px;
  right: 35px;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  width: 40px;
}

.close:hover,
.close:focus {
  color: #ccc;
  text-decoration: none;
  cursor: pointer;
}

.modal-content {
  display: block;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  max-height: 80%;
}

/* Styles for the previous and next arrows */

.prev {
  left: 10px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 29px;
  transform: rotate(180deg) !important;
}

.next {
  top: 50%;
  width: 29px;
  right: 10px;
  cursor: pointer;
  position: absolute;
  z-index: 99;
}

.comment-reply-title {
  display: none;
}
.logged-in-as {
  display: none;
}

textarea {
  max-width: 970px;
  margin: 0 auto;
  background-color: white !important;
  border: 1px solid #e8e6e6;
  resize: none !important;
  margin-bottom: 1vw !important ;
}

#commentform {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#submit {
  background-color: #8b0000;
}

#author {
  display: none;
}
.comment-form-email {
  display: none;
}
.comment-form-url {
  display: none;
}
.comment-form-author {
  display: none;
}
.comment-notes {
  display: none;
}
.comment-form-cookies-consent {
  display: none;
}
.wpsisac-slide-wrap img {
  object-fit: contain;
}

@media (max-width: 600px) {
  .wpsisac-slick-init {
    width: 350px;
  }
  .wpsisac-slick-init img {
    object-fit: contain !important;
  }
}

.slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-block: 20px;
}

.viewport {
  width: calc(100%); /* Adjusted width for navigation buttons */
  overflow-x: scroll;
  white-space: nowrap;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.viewport::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome, Safari, and Opera */
}

.content {
  display: inline-block;
}

.row {
  display: flex;
}

.square {
  width: 300px;
  height: 300px;
  background-color: #ccc;
  margin: 3px;
}

.prev1,
.next1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  font-size: 60px;
  cursor: pointer;
  z-index: 2;
}

.prev1 {
  left: 20px;
}

.next1 {
  right: 20px;
}

.video-home {
}
@media (max-width: 600px) {
  .video-home {
    height: 400px !important;
    object-fit: cover !important;
  }
}

@media (max-width: 600px) {
  .square {
    width: 165px;
    height: 165px;

    overflow-y: hidden;
  }
}

#mobile-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9;
  overflow-y: auto; /* Enable scrolling within the menu if needed */
}

/* Initial state of the mobile menu */
#mobile-menu.hidden {
  transform: translateX(100%);
}

.smalltitle {
  @media (max-width: 600px) {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}