@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Prompt: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");
@import url("./reset.css");

:root {
  scroll-behavior: unset;
  --font-family: "Prompt", sans-serif;

  --body-font-size: 1em;
  --h1-font-size: 3.2em; /* 64px -> 4em */
  --h2-font-size: 2.4em; /* 48px -> 3em */
  --h3-font-size: 2em; /* 40px -> 2.5em */
  --h4-font-size: 1.8em; /* 36px -> 2.25em */
  --h5-font-size: 1.6em; /* 32px -> 2em */
  --h6-font-size: 1.2em; /* 24px -> 1.5em */

  --font-size-btn: 1em;
  --font-size-small: 0.7em;

  --clr-body: #403f41;
  --clr-primary: #0280e6;
  --clr-secondary: #fe6625;
  --clr-primary-2: #64c5c1;
  --clr-green-light: #e0f3f3;
  --clr-grey: #f2f2f2;
  --clr-white: #ffffff;
  --clr-dark-grey: #403f41;
  --clr-gold: #af842b;
  --clr-gd-primary: linear-gradient(233.21deg, #369da0 0%, #64c5c1 100%);
  --clr-gd-green2: linear-gradient(99.54deg, #369da0 1.74%, #64c5c1 103.31%);
  --clr-thumb-title-hover: #64c5c1;
  --clr-bullet: #369da0;
  --clr-line: #e4e4e4;
  --space-container: 1320px;
  --clr-pagination: #369da0;
  --input-bg-grey: #f3f3f3;
  --small-sm: 0.6em;
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.311253 0.275003C0.711659 -0.105383 1.34462 -0.0891535 1.725 0.311253L8.41471 7.35305L1.68775 13.726C1.28681 14.1058 0.653881 14.0887 0.27405 13.6877C-0.105781 13.2868 -0.088675 12.6539 0.312258 12.274L5.5853 7.27854L0.275003 1.68875C-0.105383 1.28835 -0.0891532 0.655388 0.311253 0.275003Z' fill='%23636363'/%3E%3C/svg%3E%0A");
}

body {
  transition: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  font-family: var(--font-family);
  line-height: 1.4;
  color: var(--clr-body);
  font-size: var(--body-font-size);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  line-height: 1.4;
}
.menuClick {
  overflow: hidden;
}
body.open-popup {
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

a {
  color: var(--clr-body);
  outline: none;
  text-decoration: none;
  transition: all ease 0.5s;
  cursor: pointer;
}

.f-1em,
.f-1em button,
.f-1em a {
  font-size: 1em !important;
}

a:hover {
  text-decoration: none;
  color: var(--clr-body);
}

a:focus {
  outline: none;
  box-shadow: none;
}

img {
  max-width: 100%;
}

select {
  -webkit-appearance: none;
}

.wrapper {
  float: left;
  width: 100%;
  position: relative;
}

section {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.fw {
  width: 100%;
  float: left;
}
.pd {
  padding: 50px 0;
}
.pd-80 {
  padding: 4em 0;
}
.pd-40 {
  padding: 40px;
}
.pt-80 {
  padding-top: 4em;
}
.space-150 {
  padding-top: 7.5em;
}
.box {
  float: left;
  width: 100%;
  position: relative;
}

.ele {
  left: 50%;
  top: 50%;
  position: absolute;
}

.zindex-1 {
  z-index: 1;
}

.zindex-2 {
  z-index: 2;
}

.radius {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.container-1360 {
  max-width: 1360px;
}

.loadpage {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center center #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loadpage img {
  max-width: 150px !important;
}
.content {
  font-size: 1em;
  width: 100%;
  float: left;
}

hr.short {
  width: 90px;
  height: 2px;
  opacity: 1;
}
.content.text-center hr.short {
  margin-left: auto;
  margin-right: auto;
}

.breadcrumb-item {
  color: var(--clr-dark-grey);
}
.breadcrumb-item.active {
  color: var(--clr-primary);
}

.content h1,
.content .h1,
h1,
.h1 {
  font-size: var(--h1-font-size);
  font-weight: 500;
  line-height: 1.5;
}

.content h2,
.content .h2,
h2,
.h2 {
  font-size: var(--h2-font-size);
  font-weight: 500;
  line-height: 1.4;
}

.content h3,
.content .h3,
h3,
.h3 {
  font-size: var(--h3-font-size);
  font-weight: 500;
  line-height: 1.4;
}

.content h4,
.content .h4,
h4,
.h4 {
  font-size: var(--h4-font-size);
  font-weight: 500;
  line-height: 1.4;
}

.content h5,
.content .h5,
h5,
.h5 {
  font-size: var(--h5-font-size);
  font-weight: 500;
  line-height: 1.4;
}

.content h6,
.content .h6,
h6,
.h6 {
  font-size: var(--h6-font-size);
  font-weight: 500;
  line-height: 1.4;
}

small,
.t-small {
  font-size: 0.8em;
}
.content ul,
.content ol {
  padding-left: 25px;
  line-height: 1.4;
}
.content li {
  margin-bottom: 3px;
}
.content ul li {
  position: relative;
}
.content ul li::before {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  top: 13px;
  left: -12px;
  background-color: var(--clr-dark-grey);
  border-radius: 100px;
}
.content ol,
ol {
  list-style-type: decimal;
  list-style-position: inside;
}

.t-bold,
b,
strong {
  font-weight: 700 !important;
}
.t-md {
  font-weight: 500;
}
.t-light {
  font-weight: 300;
}

.small-sm {
  font-size: var(--small-sm);
}
/* ////// BTN ///// */
.btn-icon > span {
  display: flex;
  align-items: center;
  gap: 10px;
}

.btn-clr-gold.btn-text {
  color: var(--clr-gold);
}

.btn-text {
  padding: 0;
}

.invert-color,
.invert-color a:not(.btn) {
  color: var(--clr-white);
}
.invert-color hr {
  background-color: #fff;
}

.clr-primary {
  color: var(--clr-primary);
}

.clr-secondary {
  color: var(--clr-secondary);
}

.clr-primary-2 {
  color: var(--clr-primary-2);
}
.clr-grey {
  color: var(--clr-grey);
}
.clr-dark-grey {
  color: var(--clr-dark-grey);
}

.bg-clr-primary {
  background-color: var(--clr-primary);
}
.bg-clr-grey {
  background-color: var(--clr-grey);
}
.bg-clr-gold {
  background-color: var(--clr-gold);
}
.bg-clr-white {
  background-color: var(--clr-white);
}
.bg-clr-green-light {
  background-color: var(--clr-green-light);
}

.bg-gd-clr-primary {
  background: var(--clr-gd-primary);
}

.btn {
  border-radius: 100px;
  padding: 0.3em 2em;
  font-weight: 500;
  font-size: var(--font-size-btn);
  transition: all ease 0.4s;
}
.btn-underline {
  text-decoration: underline;
}
.btn-clr-primary {
  border: 2px solid var(--clr-primary);
  background-color: var(--clr-primary);
  color: var(--clr-white);
}
.btn-clr-primary:hover {
  background-color: var(--clr-white);
  color: var(--clr-primary);
}

.btn-clr-secondary {
  border: 2px solid var(--clr-secondary);
  background-color: var(--clr-secondary);
  color: var(--clr-white);
}
.btn-clr-secondary:hover {
  background-color: var(--clr-white);
  color: var(--clr-secondary);
}

.btn-clr-grey {
  border: 2px solid var(--clr-grey);
  background-color: var(--clr-grey);
}
.btn-clr-grey:hover {
  background-color: var(--clr-white);
}

.btn-clr-light {
  border: 2px solid var(--clr-white);
  background-color: var(--clr-white);
  color: var(--clr-primary);
}
.btn-clr-light:hover {
  background-color: var(--clr-primary);
  color: var(--clr-white);
}
/* BTN OUTLINE */
.btn-clr-primary.btn-outline {
  background-color: transparent;
  color: var(--clr-primary);
}
.btn-clr-primary.btn-outline:hover {
  background-color: var(--clr-primary);
  color: var(--clr-white);
}

.btn-clr-light.btn-outline {
  background-color: transparent;
  color: var(--clr-white);
}
.btn-clr-light.btn-outline:hover {
  background-color: var(--clr-white);
  color: var(--clr-body);
}

.bg-clr-gold.btn-outline {
  background-color: transparent;
  color: var(--clr-gold);
  border-color: var(--clr-gold);
}
.bg-clr-gold.btn-outline:hover {
  background-color: var(--clr-gold);
  color: var(--clr-white);
}

.navbar-brand {
  width: 60px;
  height: auto;
}

.hero-banner .swiper-pagination-bullet {
  background-color: #fff;
}

.content-abs {
  position: absolute;
  width: auto;
  background-color: #0280e6;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 30px 30px;
  text-align: center;
  color: #fff;
  border-radius: 20px;
  background-image: url("../img/skin/beige-paper.png");
  background-repeat: repeat;
  background-size: auto;
  opacity: 1;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 700px;
  min-height: 350px;
}

.custom-space-image {
  min-height: 550px;
  object-fit: cover;
}

.backdrop-w {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #f1f2f2 0%, rgba(241, 242, 242, 0) 100%);
  left: 0;
  top: 0;
}

.list-slide-1 {
  position: relative;
  width: 100%;
}
/* .sec-treated-conditions .list-slide-1::before{content: "";background-color: transparent;position: absolute;bottom: 0;left: 0;width: 100%;height: 50px; box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05);} */

.thumb-treated-con {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.thumb-treated-con img {
  width: 100%;
  float: left;
  border-radius: 20px;
  overflow: hidden;
}
.thumb-content-abs {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(
    178.86deg,
    rgba(255, 255, 255, 0) 45.49%,
    #d9d9d9 99.02%
  );
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 20px;
}
.thumb-content-abs .content {
  background-color: #fff;
  border-radius: 100px;
  text-align: center;
  padding: 2px 20px;
  width: auto;
}
.sec-treated-conditions .swiper-pagination {
  position: relative;
  margin-top: 30px;
}
.sec-treated-conditions .swiper-pagination .swiper-pagination-bullet {
  background-color: #fe6625;
}

.sec-banner-product .thumb {
  border-radius: 20px;
  overflow: hidden;
  float: left;
  width: 100%;
  box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1),
    0px 4px 4px -4px rgba(12, 12, 13, 0.05);
}

.bg-noise {
  background-color: #0280e6 !important;
  background-image: url("../img/skin/beige-paper.png");
  background-repeat: repeat;
  background-size: auto;
  opacity: 1;
  z-index: 2;
}
.bg-noise-orange {
  background-color: #fe6625 !important;
  background-image: url("../img/skin/beige-paper.png");
  background-repeat: repeat;
  background-size: auto;
  opacity: 1;
  z-index: 2;
}

.inner-box-quote {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  border-radius: 12px;
  padding: 40px;
}

.shadow-50 {
  box-shadow: 0px 16px 16px -8px rgba(12, 12, 13, 0.1),
    0px 4px 4px -4px rgba(12, 12, 13, 0.05);
}
.rounded-12px {
  border-radius: 12px;
}
.rounded-40px-0 {
  border-radius: 40px 0px;
}
footer {
  padding: 70px 0 100px 0;
}
footer * {
  color: #fff;
}
footer .ft-mn-1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.item-tab-btn {
  padding: 10px 20px;
  background: #ffffff;
  box-shadow: 0px 3px 6.8px -1px rgba(12, 12, 13, 0.1),
    0px 0px 19.7px -1px rgba(12, 12, 13, 0.05);
  border-radius: 99px;
  border: 0;
  font-weight: 500;
  color: #0280e6;
  text-align: left;
}

.item-tab-btn.active {
  background-color: #0280e6;
  color: #fff;
}
.item-tab-content {
  display: none;
  padding-top: 30px;
}
.item-tab-content.active {
  display: block;
}
.list-tab-content ul li,
.comp-accordion ul li {
  display: flex;
  margin-bottom: 7px;
}
.list-tab-content ul li:before,
.comp-accordion ul li:before {
  margin-right: 10px;
  content: url('data:image/svg+xml,<svg width="26" height="20" viewBox="0 0 26 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.85333 15.986L11.7812 11.0581C12.3632 10.4761 12.3632 9.5238 11.7812 8.94182L6.85333 4.01392" stroke="%23403F41" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.8533 15.986L18.7812 11.0581C19.3632 10.4761 19.3632 9.5238 18.7812 8.94182L13.8533 4.01392" stroke="%23403F41" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.list-tab-content ul li a,
.comp-accordion ul li a {
  color: #0280e6;
}
.list-tab-content ul li a:hover,
.comp-accordion ul li a:hover {
  color: #fe6625;
}
.list-tab-content .accordion-button:not(.collapsed),
.comp-accordion .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #0280e6;
  border: 0;
}
.list-tab-content .accordion-item:last-of-type .accordion-collapse,
.comp-accordion .accordion-item:last-of-type .accordion-collapse {
  border: 0;
  background-color: #f9f9f9;
}
.list-tab-content .accordion-item,
.comp-accordion .accordion-item {
  border: 0;
  border-radius: 20px;
  overflow: hidden;
}
.list-tab-content .accordion-button::after,
.comp-accordion .accordion-button::after {
  background-color: #fff;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  background-position: center;
}

.badge {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.list-tab-btn {
  width: 100%;
  display: flex;
  overflow: hidden;
  overflow-x: scroll;
  gap: 8px;
  padding: 3px;
  padding-bottom: 8px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.list-tab-btn::-webkit-scrollbar {
  display: none;
}

.item-tab-btn {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 10px 16px;
}

.bg-light-op-30 {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0) 127.66%
  );
}

.youtube-box {
  width: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.youtube-box .video-thumb {
  aspect-ratio: 16/9;
  object-fit: cover;
}
.btn-play {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 200px;
  padding: 0;
}
.btn-play svg {
  width: 100%;
  height: 100%;
}

.pagination-relative-og .swiper-pagination {
  position: relative;
  margin-top: 30px;
  width: 100%;
  float: left;
}
.pagination-relative-og .swiper-pagination .swiper-pagination-bullet {
  background-color: #d9d9d9;
  opacity: 1;
}
.pagination-relative-og
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fe6625;
}
.pagination-relative-og .swiper-button::after {
  content: none;
}
.swiper-btn-custom .swiper-button-next {
  right: -70px;
  width: 50px;
  border-radius: 100px;
}
.swiper-btn-custom .swiper-button-prev {
  left: -70px;
  width: 50px;
  border-radius: 100px;
}
.swiper-btn-container .swiper-button-next {
  right: 25px;
  box-shadow: 0px 16px 16px -8px rgba(12, 12, 13, 0.1),
    0px 4px 4px -4px rgba(12, 12, 13, 0.05);
}
.swiper-btn-container .swiper-button-prev {
  left: 25px;
  box-shadow: 0px 16px 16px -8px rgba(12, 12, 13, 0.1),
    0px 4px 4px -4px rgba(12, 12, 13, 0.05);
}

.bg-noise-orange
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0280e6;
}
.card-img-top {
  aspect-ratio: 380 / 274;
  object-fit: cover;
  object-position: top center;
}
.card-new .card-img .card-img-top {
  width: 100%;
  float: left;
  aspect-ratio: 380 / 274;
  object-fit: cover;
  object-position: top center;
}
.youtube-box {
  aspect-ratio: 16 / 9;
  position: relative;
  width: 100%;
}

.youtube-thumb,
.youtube-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-date {
  /* Rectangle 44 */

  position: absolute;
  width: 60px;
  height: 60px;
  left: 15px;
  top: 9px;
  background: #0280e6;
  border-radius: 0px 10px 10px 10px;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}

.shadow-40 {
  box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1),
    0px 4px 4px -4px rgba(12, 12, 13, 0.05);
}

.br-stoke {
  border: 1px solid #ffffff;
  border-radius: 12px;
  overflow: hidden;
}

.bg-fade-light {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.09) 0%,
    #f1f2f2 56.14%
  );
}

.wrap-cont {
  padding: 50px;
  background-color: #fff;
}

.rounded-20 {
  border-radius: 20px;
  overflow: hidden;
}
.bg-sticky-fade {
  position: absolute;
  width: 100%;
  height: 200px;
  top: 0;
  left: 0;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 2;
}
a.page-link {
  border: 0;
}
a.page-link svg {
  width: 9px;
  height: auto;
}
.page-item.active .page-link {
  z-index: 3;
  background-color: transparent;
  border: 0;
  color: #0280e6;
}
.aspect-ratio-16-9 {
  aspect-ratio: 16/9;
  object-fit: cover;
}

.box-accordion-2 .accordion-item {
  background: #f9f9f9;
  border-color: #c4c4c4;
  border-radius: 20px;
}
.box-accordion-2 button.accordion-button {
  border: 0;
  background-color: transparent;
  box-shadow: none;
  font-weight: 500;
  font-size: 20px;
  color: #0280e6;
}
.box-accordion-2 .accordion-body {
  padding: 1rem 3.25rem;
}
.box-accordion-2 .accordion-button::after {
  width: 2.25rem;
  height: 2.25rem;
  background-size: 2.25rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjAwNzggNDEuMzc1QzE4LjEzNDUgNDEuMzc1IDEzLjQ2MDcgMzkuNDM5MSAxMC4wMTQ3IDM1Ljk5MzFDNi41Njg3NCAzMi41NDcxIDQuNjMyODEgMjcuODczNCA0LjYzMjgxIDIzQzQuNjMyODEgMTguMTI2NiA2LjU2ODc0IDEzLjQ1MjkgMTAuMDE0NyAxMC4wMDY5QzEzLjQ2MDcgNi41NjA5MyAxOC4xMzQ1IDQuNjI1IDIzLjAwNzggNC42MjVDMjcuODgxMiA0LjYyNSAzMi41NTQ5IDYuNTYwOTMgMzYuMDAwOSAxMC4wMDY5QzM5LjQ0NjkgMTMuNDUyOSA0MS4zODI4IDE4LjEyNjYgNDEuMzgyOCAyM0M0MS4zODI4IDI3Ljg3MzQgMzkuNDQ2OSAzMi41NDcxIDM2LjAwMDkgMzUuOTkzMUMzMi41NTQ5IDM5LjQzOTEgMjcuODgxMiA0MS4zNzUgMjMuMDA3OCA0MS4zNzVaTTIzLjAwNzggNDRDMjguNTc3NCA0NCAzMy45MTg4IDQxLjc4NzUgMzcuODU3MSAzNy44NDkyQzQxLjc5NTMgMzMuOTExIDQ0LjAwNzggMjguNTY5NSA0NC4wMDc4IDIzQzQ0LjAwNzggMTcuNDMwNSA0MS43OTUzIDEyLjA4OSAzNy44NTcxIDguMTUwNzZDMzMuOTE4OCA0LjIxMjQ5IDI4LjU3NzQgMiAyMy4wMDc4IDJDMTcuNDM4MyAyIDEyLjA5NjggNC4yMTI0OSA4LjE1ODU3IDguMTUwNzZDNC4yMjAzMSAxMi4wODkgMi4wMDc4MSAxNy40MzA1IDIuMDA3ODEgMjNDMi4wMDc4MSAyOC41Njk1IDQuMjIwMzEgMzMuOTExIDguMTU4NTcgMzcuODQ5MkMxMi4wOTY4IDQxLjc4NzUgMTcuNDM4MyA0NCAyMy4wMDc4IDQ0WiIgZmlsbD0iIzAwN0FGRiIvPgo8cGF0aCBkPSJNMjMuMDA3OCAxMi41QzIzLjM1NTkgMTIuNSAyMy42ODk3IDEyLjYzODMgMjMuOTM1OSAxMi44ODQ0QzI0LjE4MiAxMy4xMzA2IDI0LjMyMDMgMTMuNDY0NCAyNC4zMjAzIDEzLjgxMjVWMjEuNjg3NUgzMi4xOTUzQzMyLjU0MzQgMjEuNjg3NSAzMi44NzcyIDIxLjgyNTggMzMuMTIzNCAyMi4wNzE5QzMzLjM2OTUgMjIuMzE4MSAzMy41MDc4IDIyLjY1MTkgMzMuNTA3OCAyM0MzMy41MDc4IDIzLjM0ODEgMzMuMzY5NSAyMy42ODE5IDMzLjEyMzQgMjMuOTI4MUMzMi44NzcyIDI0LjE3NDIgMzIuNTQzNCAyNC4zMTI1IDMyLjE5NTMgMjQuMzEyNUgyNC4zMjAzVjMyLjE4NzVDMjQuMzIwMyAzMi41MzU2IDI0LjE4MiAzMi44Njk0IDIzLjkzNTkgMzMuMTE1NkMyMy42ODk3IDMzLjM2MTcgMjMuMzU1OSAzMy41IDIzLjAwNzggMzMuNUMyMi42NTk3IDMzLjUgMjIuMzI1OSAzMy4zNjE3IDIyLjA3OTcgMzMuMTE1NkMyMS44MzM2IDMyLjg2OTQgMjEuNjk1MyAzMi41MzU2IDIxLjY5NTMgMzIuMTg3NVYyNC4zMTI1SDEzLjgyMDNDMTMuNDcyMiAyNC4zMTI1IDEzLjEzODQgMjQuMTc0MiAxMi44OTIyIDIzLjkyODFDMTIuNjQ2MSAyMy42ODE5IDEyLjUwNzggMjMuMzQ4MSAxMi41MDc4IDIzQzEyLjUwNzggMjIuNjUxOSAxMi42NDYxIDIyLjMxODEgMTIuODkyMiAyMi4wNzE5QzEzLjEzODQgMjEuODI1OCAxMy40NzIyIDIxLjY4NzUgMTMuODIwMyAyMS42ODc1SDIxLjY5NTNWMTMuODEyNUMyMS42OTUzIDEzLjQ2NDQgMjEuODMzNiAxMy4xMzA2IDIyLjA3OTcgMTIuODg0NEMyMi4zMjU5IDEyLjYzODMgMjIuNjU5NyAxMi41IDIzLjAwNzggMTIuNVoiIGZpbGw9IiMwMDdBRkYiLz4KPC9zdmc+Cg==");
}
.box-accordion-2 .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0OSA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0Ljg0MjggNDEuMzc1QzE5LjcyMjQgNDEuMzc1IDE0LjgxMTggMzkuNDM5MSAxMS4xOTExIDM1Ljk5MzFDNy41NzA0NSAzMi41NDcxIDUuNTM2MzggMjcuODczNCA1LjUzNjM4IDIzQzUuNTM2MzggMTguMTI2NiA3LjU3MDQ1IDEzLjQ1MjkgMTEuMTkxMSAxMC4wMDY5QzE0LjgxMTggNi41NjA5MyAxOS43MjI0IDQuNjI1IDI0Ljg0MjggNC42MjVDMjkuOTYzMiA0LjYyNSAzNC44NzM5IDYuNTYwOTMgMzguNDk0NiAxMC4wMDY5QzQyLjExNTIgMTMuNDUyOSA0NC4xNDkzIDE4LjEyNjYgNDQuMTQ5MyAyM0M0NC4xNDkzIDI3Ljg3MzQgNDIuMTE1MiAzMi41NDcxIDM4LjQ5NDYgMzUuOTkzMUMzNC44NzM5IDM5LjQzOTEgMjkuOTYzMiA0MS4zNzUgMjQuODQyOCA0MS4zNzVaTTI0Ljg0MjggNDRDMzAuNjk0NyA0NCAzNi4zMDY5IDQxLjc4NzUgNDAuNDQ0OCAzNy44NDkyQzQ0LjU4MjcgMzMuOTExIDQ2LjkwNzMgMjguNTY5NSA0Ni45MDczIDIzQzQ2LjkwNzMgMTcuNDMwNSA0NC41ODI3IDEyLjA4OSA0MC40NDQ4IDguMTUwNzZDMzYuMzA2OSA0LjIxMjQ5IDMwLjY5NDcgMiAyNC44NDI4IDJDMTguOTkxIDIgMTMuMzc4OCA0LjIxMjQ5IDkuMjQwODcgOC4xNTA3NkM1LjEwMjk3IDEyLjA4OSAyLjc3ODMyIDE3LjQzMDUgMi43NzgzMiAyM0MyLjc3ODMyIDI4LjU2OTUgNS4xMDI5NyAzMy45MTEgOS4yNDA4NyAzNy44NDkyQzEzLjM3ODggNDEuNzg3NSAxOC45OTEgNDQgMjQuODQyOCA0NFoiIGZpbGw9IiMwMDdBRkYiLz4KPHJlY3QgeD0iMTQuMzM1IiB5PSIyMiIgd2lkdGg9IjIxLjAxMzgiIGhlaWdodD0iMyIgZmlsbD0iIzAwN0FGRiIvPgo8L3N2Zz4K");
}

.thumb-video {
  border-radius: 20px;
}
.thumb-video .youtube-box {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.content-space .content > * {
  margin-bottom: 10px;
}

blockquote,
.quote {
  padding-left: 20px;
  border-left: 3px solid #0280e6;
}

.br-lr {
  position: relative;
}
.br-lr::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 80%;
  background-color: #0280e6;
}
.br-lr::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 80%;
  background-color: #0280e6;
}
.bg-blue-op1 {
  background: rgba(2, 128, 230, 0.1);
}

@media (min-width: 1200px) {
  .i-map {
    max-height: 350px;
  }
}
@media (max-width: 1599px) {
}

@media (max-width: 1439px) {
  .content-abs {
    font-size: 0.9em;
  }
}

@media (max-width: 1399px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
  .navbar-brand {
    width: 50px;
  }
  .navbar-collapse {
    position: absolute;
    height: 100vh;
    max-height: calc(100vh - 94px);
    max-height: calc(100dvh - 94px);
    width: 100%;
    left: 0;
    top: 94px;
    background-color: #fff;
    z-index: 1;
  }
  .navbar-nav {
    padding: 20px;
  }
  .navbar > .container,
  .navbar > .container-fluid,
  .navbar > .container-lg,
  .navbar > .container-md,
  .navbar > .container-sm,
  .navbar > .container-xl,
  .navbar > .container-xxl {
    max-width: none;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .content-abs {
    min-width: 80%;
  }

  .br-lr::after,
  .br-lr::before {
    content: none;
  }
  .br-lr {
    border-top: 3px solid #0280e6;
    border-bottom: 3px solid #0280e6;
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .wrap-cont {
    padding: 30px;
  }

  .pagination-relative-og .swiper-button {
    display: none;
  }
}

@media (max-width: 575px) {
  .wrap-cont-md-none {
    padding: 0;
  }
  .content-abs {
    font-size: 2.3vw;
    min-height: auto;
  }

  .box-accordion-2 .accordion-body {
    padding: 1rem 0.25rem;
  }
}
@media (max-width: 415px) {
}

.cursor-default {
  cursor: default;
}

.ohm-editor-html-row p,
.blog-detail-page p,
.blog-detail-page font,
.blog-detail-page h6 {
  margin-bottom: 15px;
}

.ohm-editor-html-row img {
  width: 100%;
}

hr {
  color: var(--clr-primary);
  height: 2px !important;
  opacity: 1 !important;
}

/* .section-landing-detail .rounded-20{
  overflow: unset !important;
} */
.ohm-editor-html-row.row {
  margin: 0;
}

.ohm-editor-html-row .swiper-btn-custom .swiper-button-next {
  right: -120px;
}

.ohm-editor-html-row .swiper-btn-custom .swiper-button-prev {
  left: -120px;
}

/* .ohm-editor-html-row .list-tab-content .accordion-button::after, .comp-accordion .accordion-button::after{
  display: none !important;
} */

.pagination-relative-og-ct .swiper-pagination {
  margin-top: 30px;
  width: 100%;
  float: left;
  position: absolute;
  bottom: -40px;
}
.pagination-relative-og-ct .swiper-pagination .swiper-pagination-bullet {
  background-color: #d9d9d9;
  opacity: 1;
}
.pagination-relative-og-ct
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fe6625;
}
.pagination-relative-og-ct .swiper-button::after {
  content: none;
}
.pagination-relative-og-ct {
  margin-bottom: 50px;
}
.section-landing-detail:not(:last-child) {
  padding-bottom: 0;
}

a.has-sub {
  position: relative;
  padding-right: 25px !important;
}
a.has-sub::before {
  content: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0003 4.00019C1.13191 3.99943 1.26237 4.02466 1.38421 4.07442C1.50605 4.12419 1.61686 4.19751 1.7103 4.29019L6.2903 8.88019C6.38327 8.97391 6.49387 9.04831 6.61573 9.09908C6.73759 9.14984 6.86829 9.17598 7.0003 9.17598C7.13231 9.17598 7.26302 9.14984 7.38488 9.09908C7.50674 9.04831 7.61734 8.97391 7.7103 8.88019L12.2903 4.29019C12.4786 4.10189 12.734 3.9961 13.0003 3.9961C13.2666 3.9961 13.522 4.10189 13.7103 4.29019C13.8986 4.4785 14.0044 4.73389 14.0044 5.00019C14.0044 5.13205 13.9784 5.26262 13.928 5.38444C13.8775 5.50626 13.8035 5.61695 13.7103 5.71019L9.1203 10.2902C8.55036 10.8377 7.79066 11.1436 7.0003 11.1436C6.20995 11.1436 5.45024 10.8377 4.8803 10.2902L0.290305 5.71019C0.196577 5.61723 0.12218 5.50663 0.0714116 5.38477C0.0206428 5.26291 -0.00549455 5.1322 -0.00549453 5.00019C-0.00549452 4.86818 0.0206428 4.73748 0.0714117 4.61562C0.122181 4.49376 0.196577 4.38316 0.290305 4.29019C0.383745 4.19751 0.494559 4.12419 0.616397 4.07442C0.738234 4.02466 0.868697 3.99943 1.0003 4.00019Z' fill='%23000000' fill-opacity='0.55'/%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  right: 0px;
  width: 15px;
  height: 16px;
  transform: translateY(-50%);
}
a.has-sub:hover:before {
  content: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0003 4.00019C1.13191 3.99943 1.26237 4.02466 1.38421 4.07442C1.50605 4.12419 1.61686 4.19751 1.7103 4.29019L6.2903 8.88019C6.38327 8.97391 6.49387 9.04831 6.61573 9.09908C6.73759 9.14984 6.86829 9.17598 7.0003 9.17598C7.13231 9.17598 7.26302 9.14984 7.38488 9.09908C7.50674 9.04831 7.61734 8.97391 7.7103 8.88019L12.2903 4.29019C12.4786 4.10189 12.734 3.9961 13.0003 3.9961C13.2666 3.9961 13.522 4.10189 13.7103 4.29019C13.8986 4.4785 14.0044 4.73389 14.0044 5.00019C14.0044 5.13205 13.9784 5.26262 13.928 5.38444C13.8775 5.50626 13.8035 5.61695 13.7103 5.71019L9.1203 10.2902C8.55036 10.8377 7.79066 11.1436 7.0003 11.1436C6.20995 11.1436 5.45024 10.8377 4.8803 10.2902L0.290305 5.71019C0.196577 5.61723 0.12218 5.50663 0.0714116 5.38477C0.0206428 5.26291 -0.00549455 5.1322 -0.00549453 5.00019C-0.00549452 4.86818 0.0206428 4.73748 0.0714117 4.61562C0.122181 4.49376 0.196577 4.38316 0.290305 4.29019C0.383745 4.19751 0.494559 4.12419 0.616397 4.07442C0.738234 4.02466 0.868697 3.99943 1.0003 4.00019Z' fill='%23000000' fill-opacity='0.55'/%3E%3C/svg%3E%0A");
}
a.has-sub.active::before {
  content: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9998 10.9998C12.8682 11.0006 12.7377 10.9753 12.6159 10.9256C12.4941 10.8758 12.3833 10.8025 12.2898 10.7098L7.70982 6.11981C7.61686 6.02609 7.50626 5.95169 7.3844 5.90092C7.26254 5.85015 7.13183 5.82402 6.99982 5.82402C6.86781 5.82402 6.7371 5.85015 6.61524 5.90092C6.49338 5.95169 6.38278 6.02609 6.28982 6.11981L1.70982 10.7098C1.52152 10.8981 1.26612 11.0039 0.999819 11.0039C0.733518 11.0039 0.478123 10.8981 0.289819 10.7098C0.101516 10.5215 -0.00427246 10.2661 -0.00427246 9.99981C-0.00427246 9.86795 0.0216994 9.73738 0.0721598 9.61556C0.12262 9.49374 0.196581 9.38305 0.289819 9.28981L4.87982 4.70982C5.44976 4.16225 6.20946 3.85645 6.99982 3.85645C7.79018 3.85645 8.54988 4.16225 9.11982 4.70982L13.7098 9.28981C13.8035 9.38277 13.8779 9.49337 13.9287 9.61523C13.9795 9.73709 14.0056 9.86779 14.0056 9.99981C14.0056 10.1318 13.9795 10.2625 13.9287 10.3844C13.8779 10.5062 13.8035 10.6168 13.7098 10.7098C13.6164 10.8025 13.5056 10.8758 13.3837 10.9256C13.2619 10.9753 13.1314 11.0006 12.9998 10.9998Z' fill='%23000000' fill-opacity='0.55'/%3E%3C/svg%3E%0A");
}
.outer-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 50px;
  max-width: 1820px;
  margin: 0 auto;
  max-height: 85px;
}

.item-header-center ul {
  display: flex;
  gap: 28px;
}

.item-header-center > ul > li > a {
  color: var(--clr-white);
}

.item-header-r ul {
  display: flex;
  gap: 15px;
  align-items: center;
}

.outer-sub-menu {
  position: fixed;
  width: 100%;
  height: auto;
  top: 106px;
  left: 0;
  float: left;
  background-color: rgba(248, 249, 250);
  /* box-shadow: 0px 0 16px -4px rgb(12 12 13 / 10%); */
  display: none;
}

.inner-sub-menu {
  width: 100%;
  display: flex;
  gap: 20px;
  padding: 40px 0;
}
.inner-sub-menu > ul {
  flex-direction: column;
  gap: 0;
  width: 25%;
}
.inner-sub-menu > ul > li a {
  padding: 5px 10px;
  width: 100%;
  float: left;
}
.inner-sub-menu > ul > li a:hover {
  color: var(--clr-primary);
}
.form-control:focus {
  box-shadow: none;
}

/* OUTER */
.outer {
  width: 100%;
  padding: 10px 60px;
  max-width: 1820px;
  margin: 0 auto;
}

@media (max-width: 992px) {
  .outer-sub-menu {
    position: static;
    background-color: var(--clr-white);
  }
  .outer-sub-menu a {
    color: rgba(0, 0, 0, 0.55);
  }
  .outer-sub-menu ul {
    width: 100%;
  }
  .outer-sub-menu .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
  }
  .outer-sub-menu .inner-sub-menu {
    flex-direction: column;
    gap: 0;
    padding: 0;
  }
}
