.blog_Wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.NewsArticles .blog_Wrapper {
  margin-bottom: 80px;
}

.blog_Item {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 4px 56px 0px rgba(10, 13, 36, 0.07);
  position: relative;
  transition: var(--transition);
  z-index: 1;
}

.blog_Item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 180px);
  height: 0;
  border-radius: 0px 0px 8px 8px;
  background: linear-gradient(95deg, #152aa1 0%, #26b0a0 98.72%);
  z-index: -1;
  opacity: 0;
  transition: var(--transition);
}

.blog_Content {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1rem 1rem;
}

.blog_Title {
  color: var(--primary-00);
  height: 64px;
  transition: var(--transition);
}

.blog_Link {
  padding: 0.5rem;
  border-radius: 12px;
  background: var(--primary-40);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  transition: var(--transition);
  position: relative;
}

.blog_Link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(
    --Gradient,
    linear-gradient(95deg, #152aa1 0%, #26b0a0 98.72%)
  );
  border-radius: 12px;
  /* z-index: -1; */
  opacity: 0;
  transition: var(--transition);
}

.blog_Link .ezIcon {
  --icon: 24px;
  background: #fff;
}

.blog_Link_Wrapper {
  display: flex;
  justify-content: end;
  position: relative;
  margin-top: 24px;
  z-index: 1;
}

.blog_Link_Wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: var(--Gray-99);
  width: 100%;
  height: 1px;
  z-index: -1;
  transition: var(--transition);
}

.blog_Img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 1rem 1rem 0 0;
}

.blog_Date {
  transition: var(--transition);
}

.blog_Item:hover {
  transform: translateY(-4px);
  box-shadow: 0px 8px 56px 0px rgba(10, 13, 36, 0.14);
}

.blog_Item:hover::before {
  opacity: 1;
  bottom: -6px;
  height: 6px;
}

.blog_Item:hover .blog_Title {
  color: var(--primary-20) !important;
}

.blog_Item:hover .blog_Link_Wrapper::before {
  background: linear-gradient(95deg, #152aa1 0%, #26b0a0 98.72%) !important;
}

.blog_Item:hover .blog_Link::before {
  opacity: 1;
}

.blog_Item:hover .blog_Link .ezIcon {
  background: #fff !important;
}

.blog_Home_Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.blog_Home_Header a {
  display: flex;
  align-items: center;
  gap: 8px;
}

.blog_Home {
  margin-bottom: 132px;
  position: relative;
}

.blog_Home::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../assets/images/pattern-3.svg) no-repeat center center;
  background-size: cover;
  width: 356px;
  height: 375px;
}

.blog_Home::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../assets/images/pattern-4.svg) no-repeat center center;
  background-size: cover;
  width: 356px;
  height: 375px;
}

/* ---------------------------- Introduction Start ------------------------------- */

.introduction_Wrapper {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.introduction_Right {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: start;
  justify-content: center;
  flex: 0 0 50%;
}

.introduction_Right h2 {
  color: var(--secondary-10);
}

.introduction_Right h3 {
  color: var(--primary-20);
}

.introduction_Right p {
  margin-top: 16px;
}

.consult_Btn {
  padding: 16px 60px;
  background-color: var(--primary-40);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.introduction_Right .plugins_Hero_Links {
  margin-top: 32px;
}

.introduction_Right .home_Hero_Btn .ezIcon {
  --icon-rotate: 0 !important;
}

.introduction_Left {
  position: relative;
}

.introduction_Left img {
  transform: translateX(-36px);
}

.introduction_Left::before {
  content: "";
  background-image: url("../assets/images/dashboard-before.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: -40px;
  top: -90px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.introduction_Left::after {
  content: "";
  background-image: url("../assets/images/dashboard-after.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -30px;
  bottom: -150px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

@media (max-width: 992px) {
  .introduction_Wrapper {
    flex-direction: column;
    gap: 38px;
  }

  .introduction_Left img {
    transform: unset;
  }

  .introduction_Right {
    text-align: justify;
    gap: 16px;
    margin-top: 0;
    margin-inline: 12px;
  }

  .introduction_Left {
    width: 113%;
  }

  .introduction_Wrapper .home_Hero_Btn {
    margin-top: -20px !important;
    width: 100% !important;
  }

  .introduction_Wrapper .home_Hero_Btn .ezIcon{
    rotate: 0deg;
  }

  .introduction_Left::before {
    top: -50px;
    left: 28px;
    width: 100%;
    height: 100%;
    background-image: url("../assets/images/dashboard-mobile-before.svg");
  }

  .introduction_Left::after {
    background-image: url("../assets/images/dashboard-mobile-after.svg");
    width: 100%;
    height: 100%;
    right: 26px;
    bottom: -102px;
  }
}

.introduction_Why_Container {
  position: relative;
  margin-top: 104px;
}

.introduction_Why_Container::before {
  content: "";
  position: absolute;
  background-image: url("../assets/images/bg1.svg");
  width: 100%;
  height: 380px;
  background-repeat: no-repeat;
  background-size: cover;
  top: 70%;
  transform: translateY(-50%);
}

.introduction_Why_Wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.introduction_Why_Ttl {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.introduction_Why_Ttl h2 {
  color: var(--primary-20);
  transition: var(--transition);
}

.introduction_Why_Ttl p {
  color: var(--Gray-40);
  transition: var(--transition);
}

.introduction_Why_Cards {
  display: flex;
  gap: 24px;
  margin-top: 32px;
  margin-bottom: 160px;
}

.introduction_Why_Card {
  position: relative;
  background-color: #fff;
  border-radius: 12px;
  padding: 16px 24px;
  box-shadow: 0px 4px 56px 0px rgba(10, 13, 36, 0.07);
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: justify;
  flex: 1;
  transition: var(--transition);
}

.introduction_Why_Card::before {
  content: "";
  position: absolute;
  background: linear-gradient(95deg, #152aa1 0%, #26b0a0 98.72%);
  border-radius: 12px;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: var(--transition);
  z-index: 0;
}

.introduction_Why_Card:hover::before {
  opacity: 1;
  z-index: 1;
}

.introduction_Why_Card .ezIcon {
  margin-bottom: 8px;
  transition: var(--transition);
  --icon: 32px;
}

.introduction_Why_Card:hover h4,
.introduction_Why_Card:hover p {
  color: #fff;
  z-index: 1;
}

.introduction_Why_Card:hover .ezIcon {
  --icon-color: #fff;
  z-index: 1;
}

.introduction_Why_Card_Txt {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 992px) {
  .introduction_Why_Cards {
    flex-direction: column;
    margin-bottom: 80px;
  }

  .introduction_Why_Container::before {
    top: 40%;
  }

  .introduction_Why_Cards {
    gap: 16px;
  }

  .introduction_Why_Card {
    flex-direction: row;
  }

  .introduction_Why_Ttl {
    text-align: right;
    gap: 24px;
  }
}

.hero_Data_Card {
  width: 420px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0px 4px 56px 0px rgba(10, 13, 36, 0.07);
  padding: 16px 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.hero_Data_Card::before {
  content: "";
  position: absolute;
  background-image: url("../assets/icons/data-card-bg.svg");
  width: 100%;
  height: 100%;
  bottom: -118px;
  left: -120px;
  z-index: -1;
  background-repeat: no-repeat;
}

.introduction_Ver .home_Hero_Description {
  margin-bottom: 8px;
}

.hero_Data_Card_First {
  display: flex;
  gap: 8px;
  align-items: center;
}

.hero_Card_Num {
  color: var(--primary-20);
  font-size: 32px;
  font-weight: 700;
  line-height: 56px;
  direction: ltr;
}

.hero_Data_Card_Link {
  margin-bottom: 20px;
  color: var(--primary-40) !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 132px;
}

.hero_Data_Card_Link .ezIcon {
  --icon: 24px;
  --icon-url: url("../assets/icons/arrow.svg");
  background: var(--primary-40);
  transition: var(--transition);
}

.hero_Data_Card_Link:hover .ezIcon {
  margin-inline-start: 6px;
}

.introduction_Ver .home_Hero_Img::before {
  display: none;
}

.introduction_Ver .home_Hero_Img_Layers img {
  width: 545px;
  height: 328px;
  margin-block: -181px !important;
}

.introduction_Ver .home_Hero_Img_Wrapper {
  align-items: center;
  height: 460px;
}

.introduction_Ver {
  margin-bottom: 128px;
}

.introduction_Ver .home_Hero_Content {
  flex: 0 0 50%;
  gap: 16px;
}

.introduction_Ver .home_Hero_Subtitle {
  margin-block: 0;
}

.introduction_Ver .home_Hero_Img_Layers img:hover,
.introduction_Ver .home_Hero_Img_Layers img.active {
  transform: unset !important;
  filter: unset;
}

.introduction_Ver .home_Hero_Img_Arrows {
  display: none;
}

@media (max-width: 992px) {
  .introduction_Ver .home_Hero_Content {
    flex: unset;
    width: 100%;
  }

  .introduction_Ver .home_Hero_Img img {
    width: 400px;
    height: 270px;
    object-fit: cover;
    display: flex;
    justify-content: center;
  }

  .hero_Data_Card {
    width: 100%;
  }

  .introduction_Ver .home_Hero_Img_Layers img {
    height: 336px;
    width: 100%;
  }

  .introduction_Ver .home_Hero_Img_Wrapper {
    height: unset;
    padding: unset;
  }

  .introduction_Ver.home_Hero {
    padding-block: 0 !important;
    margin-bottom: 90px !important;
  }
}

.introduction_User_Wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  align-items: center;
  margin-bottom: 120px;
}

.introduction_User_Container {
  position: relative;
}

.introduction_User_Container::before {
  content: "";
  background-image: url(../assets/icons/user-before.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -20px;
  top: 50%;
  height: 276px;
  width: 288px;
  z-index: -1;
}

.introduction_User_Container::after {
  content: "";
  background-image: url(../assets/icons/user-after.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: -20px;
  top: 100px;
  height: 276px;
  width: 288px;
  z-index: -1;
}

.introduction_User_Ttl {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.introduction_User_Ttl h3 {
  color: var(--secondary-10);
}

.introduction_User_Ttl h2 {
  color: var(--primary-20);
}

.introduction_User_Ttl p {
  margin-top: 8px;
  color: var(--Gray-40);
}

.introduction_User_Cards {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.introduction_User_Card {
  flex: 0 0 calc(50% - 12px);
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: start;
  padding: 16px 40px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 4px 72px 0px rgba(10, 13, 36, 0.08);
  position: relative;
}

.introduction_User_Card::before {
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 12px;
  background: linear-gradient(95deg, #152aa1 0%, #26b0a0 98.72%);
  opacity: 0;
  transition: var(--transition);
  position: absolute;
  top: 0;
  right: 0;
}

.introduction_User_Card:hover::before {
  opacity: 1;
  z-index: 0;
}

.introduction_User_Card .ezIcon {
  --icon: 40px;
  position: relative;
  transition: var(--transition);
}

.introduction_User_Card:hover .ezIcon {
  background-color: #fff;
  z-index: 1;
}

.introduction_User_Card_Icon {
  position: relative;
}

.introduction_User_Card_Icon::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  right: -8px;
  border-radius: 6px;
  background-color: var(--primary-99);
  z-index: 0;
  transition: var(--transition);
  opacity: 1;
}

.introduction_User_Card:hover .introduction_User_Card_Icon::before {
  opacity: 0;
}

.introduction_User_Card_Txt {
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: start;
  align-items: right;
}

.introduction_User_Card_Txt h4 {
  color: var(--Gray-10);
  transition: var(--transition);
}

.introduction_User_Card_Txt p {
  color: var(--Gray-40);
  transition: var(--transition);
}

.introduction_User_Card:hover .introduction_User_Card_Txt h4,
.introduction_User_Card:hover .introduction_User_Card_Txt p {
  color: #fff;
  z-index: 1;
}

@media (max-width: 992px) {
  .introduction_User_Cards {
    flex-direction: column;
    gap: 16px;
  }

  .introduction_User_Card {
    flex: unset;
    flex-direction: column;
    align-items: start;
    gap: 8px;
  }

  .introduction_User_Container::before {
    top: unset;
    bottom: -100px;
  }

  .introduction_User_Container::after {
    display: none;
  }

  .about_Table_Header p {
    text-align: right !important;
    width: 100% !important;
  }

  .about_Table_Header {
    align-items: start !important;
    gap: 24px;
  }
}

.about_Card {
  padding: 16px 12px 32px;
  border-radius: 24px;
  box-shadow: 0px 4px 72px 0px rgba(10, 13, 36, 0.08);
  background-color: #fff;
  margin-inline: 0.5rem;
  margin-block: 70px;
  height: 510px;
}

.about_Card img {
  margin-bottom: 24px;
  width: 88px;
}

.about_First {
  background-color: var(--primary-99) !important;
}

.about_Card_Data {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
}

.about_Card_Data_Item {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
}

.about_Card_Data_Item .ezIcon {
  --icon: 1.25rem;
}

.about_Card_Data_Item .tick {
  background: #42b538;
}

.about_Card_Data_Item .close {
  background: #eb3131;
}

.about_Card_Data_Item .warning {
  background: #f0ab2b;
}

.about_Table_mobile .slick-list {
  padding-left: 4rem;
  margin-inline: -0.5rem;
  margin-block: -70px;
}

.about_Table_mobile {
  position: relative;
}

.about_Table_mobile::before {
  content: "";
  position: absolute;
  left: -74px;
  top: 50%;
  transform: translateY(-6%);
  background-image: url(../assets/icons/user-after.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.auth-section {
  margin-block: 100px;
}

/* ------------------------------- Extensions ------------------------------ */

.plugins_Hero {
  display: flex;
  margin-top: 56px;
  margin-bottom: 144px;
  justify-content: space-between;
}

.plugins_Hero_Links {
  display: flex;
  gap: 24px;
  align-items: center;
}

.plugins_Hero_Call {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid var(--primary-40);
  border-radius: 8px;
  color: var(--primary-40) !important;
  padding: 0.5rem 2rem;
  transition: var(--transition);
}

.introduction_Right .plugins_Hero_Call:hover .ezIcon {
  transform: translateX(-4px) !important;
}

.introduction_Right .ez_Btn:hover .ezIcon {
  transform: rotateY(180deg) translateX(0) !important;
}

.plugins_Hero_Call:hover {
  border-color: var(--primary-20);
  color: var(--primary-20);
}

.plugins_Hero_Call .ezIcon {
  --icon: 24px;
  transition: var(--transition);
}

.plugins_Hero_Call:hover .ezIcon {
  background-color: var(--primary-20);
  transform: rotateY(180deg);
}

.plugins_Hero_Img {
  position: relative;
  z-index: 1;
}

.plugins_Hero_Img img {
  z-index: 1;
  border-radius: 16px;
}

.plugins_Hero_Img::before {
  content: "";
  position: absolute;
  height: 400px;
  width: 600px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../assets/images/plugins-hero-bg.svg);
  top: 50%;
  transform: translateY(-50%);
  right: -40px;
  z-index: -1;
}

@media (max-width: 992px) {
  .plugins_Hero {
    flex-direction: column;
    margin-bottom: 96px;
  }

  .plugins_Hero_Links {
    flex-direction: column;
  }

  .plugins_Hero_Links a {
    width: 100%;
  }

  .plugins_List_Wrapper::before {
    display: none;
  }
}

.plugins_List_Wrapper_Box {
  box-shadow: 0px 8px 64px 0px rgba(10, 13, 36, 0.06);
  padding: 32px 24px 120px;
  border-radius: 12px;
  background-color: #fff;
  min-height: 686px;
  margin-bottom: 144px;
  position: relative;
}

.plugins_List_Wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  /* flex-wrap: wrap; */
  align-items: start;
  justify-content: start;
}

.plugins_List_Wrapper_Box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, -100px);
  background-image: url("../assets/images/extensions-vector.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 276px;
  height: 288px;
  z-index: -1;
}

.plugins_List_Item {
  display: flex;
  gap: 12px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid var(--Gray-95);
  overflow: hidden;
  transition: var(--transition);
  position: relative;
  align-items: center;
  /* flex: 0 0 calc(50% - 10px); */
}

.plugins_List_Item::before {
  content: "";
  background-color: var(--primary-50);
  border-radius: 0 4px 4px 0;
  height: 98px;
  width: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--transition);
}

.plugins_List_Item:hover::before {
  width: 4px;
}

.plugins_List_Item:hover {
  box-shadow: 0px 5px 24px 0px rgba(18, 18, 18, 0.1);
}

.plugins_List_Item_Img {
  height: 114px;
  width: 182px;
  flex: 0 0 44%;
  object-fit: cover;
  flex: 0 0 30%;
  /* filter: saturate(0.5) brightness(80%); */
}

.plugins_List_Item_Img img {
  object-fit: cover;
  height: 114px;
  width: 182px;
}

.plugins_List_Item_Content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 16px;
  padding: 16px;
  flex: 0 0 70%;
}

.plugins_List_Item_Link {
  color: var(--primary-30) !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  display: flex;
  gap: 8px;
  align-items: center;
  transition: var(--transition);
}

.plugins_List_Item:hover .plugins_List_Item_Link {
  gap: 12px;
}

#plugins .PagingTable {
  width: 100%;
  background: transparent;
  height: 40px;
  margin-bottom: 15px;
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
}

.NewsArticles{
  position: relative;
}

#plugins
  :is(.PagingTable td span, .PagingTable a):is(
    :nth-child(2),
    :nth-last-child(2)
  ) {
  --icon-rotate: unset;
}

#plugins :is(.PagingTable td span, .PagingTable a):hover {
  background-color: var(--primary-99) !important;
  --icon-color: var(--primary-10) !important;
  color: var(--primary-10) !important;
}

#plugins
  :is(.PagingTable td span, .PagingTable a):is(
    :nth-child(2),
    :nth-last-child(2)
  ):is(span) {
  --icon-rotate: 180deg !important;
}

/* 
#plugins .PagingTable a:hover {
  color: #f0ab2b !important;
} */

@media (max-width: 992px) {
  .plugins_List_Wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .plugins_List_Wrapper {
    min-height: unset;
  }

  .plugins_List_Item_Content {
    margin-block: 12px;
  }

  .plugins_List_Item_Title {
    height: 56px;
  }

  .plugins_List_Item_Img {
    width: 136px;
    height: 88px;
  }

  .plugins_List_Item_Img img {
    height: 126px;
    object-fit: cover;
  }

  .plugins_List_Item_Link {
    font-size: 12px;
  }
}

.plugins_Cat_List {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
}

.plugins_Cat_Item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--Background, #f9f9f9);
  position: relative;
  z-index: 0;
  font-size: 12px;
  transition: var(--transition);
  padding: 12px 22px;
  white-space: nowrap;
  overflow: hidden;
}

.plugins_Cat_Item_Img img {
  transition: mix-blend-mode 0.3s ease, filter 0.3s ease;
  mix-blend-mode: darken;
  height: 32px;
  width: 32px;
  object-fit: contain;
}

.plugins_Cat_Item:hover .plugins_Cat_Item_Img img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(99%) saturate(1281%)
    hue-rotate(148deg) brightness(90%) contrast(101%);
}

.plugins_Cat_Item.active .plugins_Cat_Item_Img img {
  filter: invert(1) brightness(5);
  mix-blend-mode: lighten;
}

.plugins_Cat_Item::before {
  content: "";
  border-radius: 12px;
  background: linear-gradient(95deg, #152aa1 0%, #26b0a0 98.72%);
  box-shadow: 0px 4px 72px 0px rgba(10, 13, 36, 0.08);
  z-index: -1;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: var(--transition);
}

.plugins_Cat_Item::after {
  content: "";
  height: 0;
  transition: var(--transition);
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: var(--primary-50);
}

.plugins_Cat_Item.active::after {
  display: none;
}

#plugins .ArticleView .section .headding {
  border-radius: 6px;
  border-right-color: var(--mc1);
}

.plugins_Cat_Item:hover::after {
  height: 4px;
}

.plugins_Cat_Item.active::before {
  opacity: 1;
}

.plugins_Cat_Item.active {
  color: #fff;
}

@media (max-width: 992px) {
  .plugins_Cat_List {
    overflow-x: scroll;
    flex-wrap: nowrap;
    justify-content: start;
    height: 174px;
  }

  .plugins_Cat_Item {
    flex: 1;
    min-width: 150px;
  }
}

.blog_Cats {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid var(--Gray-95);
  background: var(--Gray-100);
  box-shadow: 0px 4px 56px 0px rgba(10, 13, 36, 0.07);
  position: relative;
  width: 300px;
  cursor: pointer;
  z-index: 2;
  transition: var(--transition);
  margin-bottom: 2rem;
}

.blog_Cats.active {
  border-radius: 8px 8px 0 0;
}

.blog_Cats_TtL {
  padding: 14px 8px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.blog_Cats_TtL .ezIcon {
  --icon: 20px;
  background: var(--primary-30);
  --icon-rotate: 90deg;
}

.blog_Cats.active .blog_Cats_TtL .ezIcon {
  --icon-rotate: -90deg;
}

.blog_Cats_List {
  box-shadow: 0px 4px 56px 0px rgba(10, 13, 36, 0.07);
  background: #fff;
  border-radius: 0 0 12px 12px;
  padding: 8px 1rem;
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  transform: translateY(100%);
  width: 100%;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}

.blog_Cats.active .blog_Cats_List {
  opacity: 1;
  visibility: visible;
}

#articleSearchFormSmall {
  width: 100% !important;
  height: 3rem !important;
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
}

#dnn_ctr520_NewsSearch_pnlSearch {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  position: relative !important;
}

#articleSearchFormSmall input[type="text"] {
  width: 60% !important;
  height: 3rem !important;
  line-height: normal !important;
  color: var(--Gray-30) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding-right: 1rem !important;
  border: 1px solid var(--Gray-95) !important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0px 4px 56px 0px rgba(10, 13, 36, 0.07) !important;
}

#articleSearchFormSmall input[type="submit"] {
  background-color: transparent !important;
  background-image: url(../assets/icons/search.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 24px !important;
  background-position: center !important;
  -webkit-appearance: none !important;
  border: none !important;
  font-size: 0 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  /* padding-right: 8px !important;
  margin-right: 8px !important; */
  left: 1rem;
  /* border-right: 1px solid var(--Gray-95) !important; */
  /* padding: 12px 24px !important; */
}

.blog_Page_Ttl {
  text-align: center;
  position: relative;
  margin-block: 72px 20px;
}

.blog_Page_Ttl::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
  width: 440px;
  height: 458px;
  background: url(../assets/images/blog-vector.svg) no-repeat center;
  background-size: contain;
}

.blog_Page_Ttl::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(50%) rotateY(180deg);
  width: 440px;
  height: 458px;
  background: url(../assets/images/blog-vector.svg) no-repeat center;
  background-size: contain;
}

@media (max-width: 992px) {
  .blog_Page_Ttl::before,
  .blog_Page_Ttl::after {
    width: 156px;
    height: 162px;
  }

  .blog_Page_Ttl {
    margin-block: 56px 40px;
  }

  .blog_Cats {
    width: 100%;
    margin-bottom: 1rem;
  }

  #articleSearchFormSmall input[type="text"] {
    width: 100% !important;
  }
}

#dnn_ctr515_View_Textbox_515_3 {
  direction: ltr;
}

.contacts_Hero_Links .home_Hero_Btn .ezIcon,
.contacts_Hero_Links .home_Hero_Btn:hover .ezIcon {
  transform: unset !important;
  --icon-rotate: 0 !important;
}

.ArticleView .section {
  display: none;
}

.blog__Detail {
  margin-top: 80px;
}

.blog__Detail__Wrapper {
  border-radius: 1rem;
}

.blog__Header__Ttl {
  align-items: center !important;
  margin-bottom: 2rem;
}

.blog__Detail__Wrapper {
  background: var(--white);
  box-shadow: 0px 4px 56px 0px rgba(10, 13, 36, 0.07);
  padding: 1.25rem 0 2.5rem;
}

.blog__Detail__Header__Content {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  position: relative;
  justify-content: space-between;
}

.blog__Detail__Date {
  position: absolute;
  left: 0;
}

.blog__Detail__Title {
  flex: auto;
  text-align: center;
}

.blog__Detail__Img {
  margin-bottom: 2.5rem;
  text-align: center;
  position: relative;
}

.blog__Detail__Img img {
  border-radius: 14px;
}

.blog__Detail_Content p {
  font-size: var(--fz-t3) !important;
  line-height: var(--lh-t3) !important;
  font-weight: var(--fw-400) !important;
  color: var(--Gray-50) !important;
  margin-block: 0.5rem !important;
}

.video__Detail_Wrapper p {
  font-size: var(--fz-t4) !important;
}

.video__Detail_Wrapper .blog__Detail_Content {
  --main-space: 72px;
}

.blog__Detail_Content p span {
  color: var(--Gray-20) !important;
}

.blog__Detail_Content h2,
.blog__Detail_Content h2 span {
  color: var(--mc1) !important;
}

.blog__Detail_Content h2 {
  font-size: var(--fz-t2) !important;
  line-height: var(--lh-t2) !important;
  font-weight: var(--fw-600) !important;
  margin-bottom: 1rem !important;
  scroll-margin-top: 7rem;
}

.blog__Detail_Content h3,
.blog__Detail_Content h4 {
  font-size: var(--fz-t3) !important;
  line-height: var(--lh-t3) !important;
  font-weight: var(--fw-600) !important;
  margin-block: 0.75rem !important;
}

.blog__Detail_Content span[style*="color:#03c1f3"],
.table_of_content_wrapper .table_of_content li a:hover,
html
  .blog__Detail_Content
  .col-lg-10
  div.pb-10.pl-20.pr-20.pt-10
  h3[style*="color"] {
  color: var(--mc1) !important;
}

.blog__Detail_Content h3 {
  color: var(--primary-20) !important;
}

.blog__Detail_Content ul > li > h3 {
  display: inline;
}

html
  .blog__Detail_Content
  .col-lg-10
  div.pb-10.pl-20.pr-20.pt-10
  span[style*="color"] {
  color: var(--primary-60) !important;
}

.blog__Detail_Content h4 {
  color: var(--mc2-fade-1) !important;
}

.blog__Detail_Content p:has(img) {
  text-align: center;
  position: relative;
}

.blog__Detail_Content p :is(img, video) {
  border-radius: 14px;
}

.blog__Detail_Content em {
  font-style: normal !important;
}

.blog__Detail_Content ol,
.blog__Detail_Content ul {
  list-style: disc inside;
}

.blog__Detail_Content :is(ul, ol) > li {
  margin-right: 0 !important;
  list-style: disc inside;
  font-size: var(--fz-t3);
  line-height: var(--lh-t3);
  font-weight: var(--fw-400);
  color: var(--Gray-50);
  margin-bottom: 0 !important;
}

.blog__Detail_Content ol > li {
  list-style: decimal inside;
}

.blog__Detail_Content :is(ul, ol) > li:has(.fa-check) {
  list-style: none;
}

.blog__Detail_Content ol li h5,
.blog__Detail_Content ol li p,
.blog__Detail_Content ul li h5,
.blog__Detail_Content ul li p {
  display: inline-block;
}

.blog__Detail_Content ol li strong,
.blog__Detail_Content ul li strong {
  font-weight: var(--fw-400);
}

.blog__Detail_Content .col-lg-10 div:is([style*="background"], .box2) {
  border-radius: 14px;
  background-color: var(--primary-70) !important;
  padding: 1.25rem 1rem !important;
  border: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
}

.blog__Detail_Content .col-lg-10 div.mb-20.ml-20.mr-20.mt-20 {
  background-color: var(--primary-99) !important;
}

.blog__Detail_Content .col-lg-10 div.blueBg,
.blog__Detail_Content .col-lg-10 div.box2,
.blog__Detail_Content .col-lg-10 div.mb-20.ml-20.mr-20.mt-20,
.blog__Detail_Content .col-lg-10 div.pb-10.pl-20.pr-20.pt-10,
.blog__Detail_Content .col-lg-10 div.pb-30.pt-30,
.blog__Detail_Content .col-lg-10 div.pinkBg,
.blog__Detail_Content .col-lg-10 div.whiteBg {
  display: block !important;
}

.blog__Detail_Content .col-lg-10 div.box2 .align-cen {
  flex-direction: column;
}

.blog__Detail_Content .col-lg-10 div.box2 .align-cen p {
  margin-bottom: 0.5rem !important;
  padding: 0 !important;
}

.blog__Detail_Content .col-lg-10 div.box2 .align-cen div {
  border-radius: 0 !important;
  background-color: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.blog__Detail_Content .col-lg-10 div p {
  margin-bottom: 0 !important;
}

.blog__Detail_Content .col-lg-10 div a {
  font-size: var(--fz-t3);
  line-height: var(--lh-t3);
  font-weight: var(--fw-600);
  color: var(--mc2);
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  position: relative;
}

.blog__Detail_Content .col-lg-10 div a.am-btn-03,
.blog__Detail_Content .col-lg-10 div a.am-btn-04 {
  --btn-accent: var(--white);
  --btn-bak: var(--mc1);
  background-color: var(--btn-bak);
  padding: 0.5rem 1rem;
  transition: var(--transition);
  white-space: nowrap;
  color: var(--btn-accent) !important;
  --icon-color: var(--btn-accent);
  border: solid 1px var(--btn-accent);
  border-radius: 14px;
  margin: 1rem 0.25rem 0 !important;
  display: inline-block;
}

.blog__Detail_Content .col-lg-10 div a::before {
  content: "";
  display: none;
  position: absolute;
  background: url(/portals/_default/skins/ez-skin/assets/icons/arrow-left.svg)
    center/contain no-repeat;
  left: -0.25rem;
  top: 50%;
  transform: translate(-100%, -50%);
  width: 1.5rem;
  height: 1.5rem;
}

.blog__Detail__Related {
  background: var(--primary-99);
  padding: calc(var(--main-space) * 0.5) 0;
  margin: calc(var(--main-space) * 0.5) 0;
}

.blog__Detail__Related__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.blog__Detail__Related__Slider .blog__Card_Related {
  margin: 0 0.5rem;
}

.blog__Detail__Related .slick-arrow {
  background: var(--white) !important;
  --arrow-accent: var(--mc1) !important;
}

.blog__Detail__Related .slick-arrow:hover {
  background: var(--mc1) !important;
  --arrow-accent: var(--white) !important;
}

.blog__Detail__Comment__Post {
  margin-top: 48px;
}

.blog__Detail__Comment__Ttl {
  text-align: center;
  margin-bottom: 24px;
}

.blog__Detail__Comment__Post input[type="text"],
.blog__Detail__Comment__Post textarea {
  width: 100% !important;
  max-width: 100%;
  border: solid 1px var(--Gray-30) !important;
  border-radius: 8px;
  padding: 0.75rem;
  font-size: var(--fz-t5);
  transition: var(--transition);
  min-height: 48px;
  color: var(--Gray-50);
  resize: none;
  margin-bottom: 1rem;
}

.blog__Detail__Comment__Item__Reply,
.blog__Detail__Comment__Post input[type="button"] {
  width: fit-content;
  column-gap: calc(var(--gap) * 2);
  color: var(--btn-accent) !important;
  --icon-color: var(--btn-accent);
  display: flex;
  white-space: nowrap;
  transition: var(--transition);
}

.blog__Detail__Comment__Post input[type="button"] {
  --btn-accent: var(--white);
  --btn-bak: var(--mc1);
  background-color: var(--btn-bak);
  padding: 0.625rem 2rem;
  align-items: center;
  justify-content: center;
  border: solid 1px var(--btn-accent);
  border-radius: 8px;
  margin: 0 auto;
}

.blog__Detail__Comment__Post #Notify {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.blog__Detail__Comment__Post #Notify span.Normal {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

.blog__Detail__Comment__Post #Notify span.Normal input {
  margin: 0 0 0 0.5rem;
}

.blog__Detail__Comment__Post {
  border-radius: 14px;
  background: var(--white);
  box-shadow: 0px 4px 56px 0px rgba(10, 13, 36, 0.07);
  padding: 1rem 0;
  margin-bottom: 2.5rem;
}

.blog__Detail__Comments {
  margin-bottom: calc(var(--main-space) * 1.75);
}

.blog__Detail__Comment__Post .col-lg-8 div.Normal img {
  border-radius: 8px;
}

.blog__Detail__Comment__Post .col-lg-8 div.Normal div {
  margin: 0.375rem 0;
  color: var(--Gray-40);
  font-size: var(--fz-t5);
  line-height: var(--lh-t5);
  font-weight: var(--fw-400);
}

.blog__Detail__Comment__Post .col-lg-8 div.Normal {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 1rem;
}

.blog__Detail__Comment__Post .col-lg-8 div.Normal input {
  width: 130px !important;
  min-height: 2.5rem !important;
  height: 2.5rem !important;
  margin-bottom: 0 !important;
}

.blog__Detail__Comment__Item {
  border-radius: 1rem;
  background: var(--primary-99);
  box-shadow: 0px 4px 56px 0px rgba(10, 13, 36, 0.07);
  padding: 2rem;
  margin-bottom: var(--title-space) !important;
}

.blog__Cats__Ttl,
.blog__Detail__Comment__Item__Content {
  margin-bottom: 1rem;
}

.blog__Detail__Comment__Item__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.blog__Detail__Comment__Item__Btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.blog__Detail__Comment__Item__Reply {
  --btn-accent: var(--mc1);
  --btn-bak: var(--white);
  background-color: var(--btn-bak);
  padding: 2px 2.375rem;
  align-items: center;
  justify-content: center;
  border: none !important;
  border-radius: 8px;
}

.blog__Detail__Comments .paginationjs-pages ul {
  display: flex;
  gap: 1rem;
}

.blog__Detail__NoComment {
  border-radius: 1rem;
  background: var(--primary-99);
  box-shadow: 0px 4px 56px 0px rgba(10, 13, 36, 0.07);
  padding: 2rem;
}

.blog__Detail__NoComment__Txt img {
  margin-left: 1rem;
  width: 1.5rem;
  height: 1.5rem;
}

@media (max-width: 991px) {
  .blog__Detail__Comments {
    margin-bottom: 1rem;
    padding: 0 !important;
  }

  .blog__Detail__Comment__Post,
  .blog__Detail__Wrapper {
    background: 0 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .blog__Detail__Header__Content {
    flex-wrap: wrap;
  }

  .blog__Detail__Cat {
    flex: 0 0 100%;
    margin-bottom: 2px;
  }

  .blog__Detail__Title {
    flex: auto;
    text-align: right;
  }

  .blog__Detail__Date {
    position: static;
    flex: auto;
    text-align: left;
  }
}

.table_of_content_wrapper {
  background-color: var(--primary-99);
  padding: 16px;
  border-radius: 12px;
}

.table_of_content_wrapper .table_of_content_title {
  color: var(--primary-20);
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #cbd5e1;
  padding-bottom: 10px;
  margin-bottom: 24px;
}

.table_of_content_wrapper .table_of_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.table_of_content_wrapper .table_of_content li {
  list-style-type: none !important;
  position: relative;
  padding-right: 24px;
}

.table_of_content_wrapper .table_of_content li a {
  font-size: 16px;
  font-weight: 500;
  color: #495566 !important;
}

.table_of_content_wrapper .table_of_content li::before {
  content: ".";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  background: #495566;
  mask: url(./Images/chevron.svg) no-repeat center;
  mask-size: cover;
  -webkit-mask: url(./Images/chevron.svg) no-repeat center;
  -webkit-mask-size: cover;
}