:root {
  --primary: var(--base-primary-color),8;
  --secondary: #f8f8f8;
  --blue: #00f4f6;
}

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

body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.text-main {
  color: var(--primary);
}
.bgsec {
  background-color: var(--secondary);
}
.bgsec2 {
  background-color: #f5f5f5bf;
}

.w-600 {
  font-weight: 600 !important;
}

.w-700 {
  font-weight: 700;
}

.w-800 {
  font-weight: 800;
}

.w-900 {
  font-weight: 900;
}

.w-500 {
  font-weight: 500;
}

.w-300 {
  font-weight: 300;
}
.tbsms tr td {
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 500;
}

.font-56 {
  font-size: clamp(30px, 4vw, 3.5rem);
}
.font-42 {
  font-size: clamp(27px, 3vw, 42px);
}
.font-36 {
  font-size: clamp(25px, 3vw, 36px);
}
.font-32 {
  font-size: clamp(23px, 2.5vw, 32px);
}
.font-25 {
  font-size: clamp(22px, 2.5vw, 25px) !important;
}
.font-24 {
  font-size: clamp(21px, 2.5vw, 24px);
}
.font-22 {
  font-size: clamp(20px, 2vw, 22px);
}
.font-16 {
  font-size: clamp(1rem, 2vw, 1.125rem);
}
.py-100 {
  padding-block: clamp(40px, 5vw, 100px);
}
.text354860 {
  color: #354860;
}
.bgF8F8F9 {
  /*background-color: #f8f8f9;*/
}
.bgF9FBFF {
  background-color: #f9fbff;
}
.bgF5F5F575 {
  background: #f5f5f5bf;
}
.w-fit {
  width: fit-content;
}
.outset {
  background: #fff;
  padding: 30px;
  border: 1px solid #0f0f0f1a;
  border-radius: 20px;
  height: 100%;
}
.clr242E37 {
  color: #242e37;
}
.listmns {
  padding-left: 20px;
}
.gap-36 {
  gap: 36px;
}
.listmns li {
  color: #00000080;
  font-size: 16px;
}
.pointer {
  cursor: pointer;
}
.serchmnbox {
  padding-block: clamp(16px, 2vw, 24px);
  padding-inline: clamp(10px, 2vw, 111px);
}
.leading-1-1 {
  line-height: 1.1;
}

.search-container {
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
  padding: 8px;
  border-radius: 8px;
}

.search-box {
  flex: 1;
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  background-color: #fff;
}

.search-box svg {
  width: 20px;
  height: 20px;
  color: #888;
  margin-right: 0.5rem;
}

.search-box input {
  border: none;
  outline: none;
  flex: 1;
  font-weight: 600;
  font-size: 1.25rem;
  width: 100%;
}

.x-ref-btn {
  background-color: #1E14AA;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  margin-left: 0.75rem;
  display: flex;
  align-items: center;
  font-weight: 500;
}

.x-ref-btn i {
  margin-left: 0.5rem;
}

.tbsms .table-heading {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1.5rem;
}

.tbsms .sub-heading {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 1rem;
}

.tbsms .product-name {
  font-weight: 600;
}

.product-name-purple {
  color: var(--primary);
  font-weight: 600;
  text-align: center;
}

.table.tbsms td {
  vertical-align: middle;
}

.tblborder-0 {
  border: none !important;
  text-align: left;
}

.tbsms tr td {
  padding: 22px 33px !important;
}

.tbsms tr .p20 {
  padding: 20px 20px !important;
}

/* test */
.ui-helper-hidden-accessible {
  display: none;
}

/* Hide the crossRefResult section by default */
#crossRefResult {
  display: none;
}

#emptyResponse {
  display: none;
}

.custom-nav {
  flex-wrap: nowrap;
}
.tagmn {
  padding-block: 18px;
  padding-inline: 8px;
  min-width: 155px;
  border-radius: 8px;
  width: fit-content;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}
.tagmn p {
  margin-bottom: 0px;
}
.bg1 {
  background: #b4c745;
}
.bg2 {
  background: #007cf3;
}
.bg3 {
  background: #7f9dc7;
}
.bg4 {
  background: #8aa32d;
}
.roundin img {
  border-radius: 100%;
}

.bannerImg-custom {
  margin-top: 50px;
}
/* end test */

@media (min-width: 1550px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1527px;
  }
}
@media (max-width: 767px) {
  .mytr span {
    font-size: 14px !important;
  }
  table .font-32 {
    font-size: 14px;
  }
  .tagmn {
    padding-block: 8px;
    padding-inline: 8px;
    min-width: 80px;
    font-weight: 400;
    font-size: 14px;
  }
  .tbsms tr td,
  .tbsms tr .p20 {
    padding: 10px !important;
  }

  .outset {
    padding: 15px;
  }

  .bannerImg-custom {
    margin-top: 20px;
  }
}
@media (max-width: 500px) {
  .search-container {
    display: block;
  }

  .search-box {
    margin-bottom: 15px;
  }

  .x-ref-btn {
    margin: auto;
  }
}


#thlcontent{visibility: hidden !important;}