@font-face {
  font-family: Manrope;
  src: url('../build/Manrope-ExtraBold-121cd266.woff2') format("woff2"),
    url('../build/Manrope-ExtraBold-250433d3.woff') format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url('../build/Manrope-Regular-81ff7a15.woff2') format("woff2"),
    url('../build/Manrope-Regular-836293cf.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url('../build/Manrope-Medium-f2d4c936.woff2') format("woff2"),
    url('../build/Manrope-Medium-719d269a.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url('../build/Manrope-Bold-fc84df27.woff2') format("woff2"),
    url('../build/Manrope-Bold-3e2b7305.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url('../build/Manrope-SemiBold-8ab3fce7.woff2') format("woff2"),
    url('../build/Manrope-SemiBold-50fa5cbc.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
  font-family: Manrope !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 2 !important;
  color: #706c81 !important;
  background-color: #fff !important;
  -moz-osx-font-smoothing: antialiased !important;
  -webkit-font-smoothing: antialiased !important;
  cursor: default !important;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  display: inline-block;
  color: inherit;
  transition: 0.3s all ease-in-out;
}
img {
  max-width: 100%;
  height: auto;
}
.container {
  max-width: 1200px;
}
.scroll-top-main {
  display: none;
  position: fixed;
  bottom: 3.125rem;
  right: 3.125rem;
  z-index: 10;
}
.scroll-top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.125rem;
  height: 3.125rem;
  background: #0a7efb;
  color: #fff;
  box-shadow: 0 1.5rem 2.25rem #3604b92e;
  border-radius: 50%;
  cursor: pointer;
}
.scroll-top svg {
  animation: bounce 2s ease infinite;
  width: 12px;
}
.scroll-top svg path {
  fill: #fff;
}
@keyframes bounce {
  0%,
  10%,
  to,
  20%,
  50%,
  80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.alert-2 {
  max-width: 432px;
  width: 100%;
  padding: 12.5px 18px 12.5px 15px;
  border-radius: 10px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-bottom: 0;
}
.alert-success-2 {
  border: 1px solid #50dc6c;
  background: #f1f8f4;
}
.alert-primary-2 {
  border: 1px solid #3186ea;
  background: #e7effa;
}
.alert-warning-2 {
  border: 1px solid #fec022;
  background: #fef8eb;
}
.alert-danger-2 {
  border: 1px solid #fc5758;
  background: #faeeeb;
}
.alert-2 .alert-img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 8px;
}
.alert-success-2 .alert-img {
  background: #50dc6c;
  padding: 7px 9px;
}
.alert-primary-2 .alert-img {
  background: #3186ea;
}
.alert-warning-2 .alert-img {
  background: #fec022;
  padding: 7px 8px 8px 9px;
}
.alert-danger-2 .alert-img {
  background: #fc5758;
}
.alert-details h4 {
  color: #37383e;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 3px;
}
.alert-details p {
  color: #37383e;
  font-family: Manrope;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.alert-2 .btn-close {
  width: 10px;
  height: 10px;
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center/10px auto no-repeat;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  border-radius: 10px;
  background-color: transparent;
}
.alert-2 .btn-close:hover {
  background-color: #fff;
}
.main-menu-header {
  background: #0c131a;
  position: relative;
  z-index: 10;
}
.mobile-menu-button,
.mobile-menu-logo {
  display: none;
}
.main-menu-ul {
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.menu-parent-a {
  color: #a6abbe;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 20px 0;
  transition: 0.3s;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.menu-parent-a.active,
.menu-parent-a:hover {
  color: #fff;
}
.menu-parent-a svg {
  margin-top: 2px;
}
.menu-parent-a path {
  transition: 0.3s;
}
.menu-parent-a.active path,
.menu-parent-a:hover path {
  fill: #fff;
}
.main-menu-ul > li {
  position: relative;
}
.main-dropdown {
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  width: 200px;
  height: auto;
  box-shadow: 0 0.625rem 2.1875rem #00000014;
  background: #fff;
  padding: 10px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.main-dropdown > span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #0a7efb;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
}
.main-dropdown li a {
  width: 100%;
  display: block;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #676c7d;
  padding: 0.5625rem 0.625rem;
  position: relative;
  transition: 0.3s all ease-in-out;
  border-radius: 0.1875rem;
}
.main-dropdown li a.active,
.main-dropdown li a:hover {
  background-color: #edf2f6;
  color: #0a7efb !important;
}
.main-menu-ul > li:hover .main-dropdown {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.main-mega-menu .row {
  --bs-gutter-x: 10px;
}
.main-mega-menu {
  max-width: 678px;
  min-width: 350px;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 12px 20px #3838381a;
  padding: 20px;
  top: 105%;
  left: 50%;
  transform: translate(-50%);
  text-align: left;
  width: 100%;
  transition: all 0.1s linear;
  position: absolute;
  height: auto;
  display: block;
  visibility: hidden;
  opacity: 0;
}
.mega-menu-items {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.mega-menu-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  border-radius: 10px;
  padding: 9px 12px 9px 0;
  transition: all 0.3s;
  position: relative;
}
.mega-menu-item .icon {
  flex: 0 0 2.5rem;
}
.main-mega-menu .icon {
  min-width: 48px;
  height: 48px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mega-menu-item-1 .icon {
  background: #fef6ef;
}
.mega-menu-item-2 .icon {
  background: #f8f9f9;
}
.mega-menu-item-3 .icon {
  background: #f3fafe;
}
.mega-menu-item-4 .icon {
  background: #faf6ff;
}
.main-mega-menu .mega-menu-item:after {
  position: absolute;
  content: " ";
  top: 14px;
  right: 14px;
  width: 13px;
  height: 13px;
  background: url(/build/assets/right-arrow-4e2c3043.svg) no-repeat scroll
    center center / cover;
  opacity: 0;
  transition: 0.3s;
}
.mega-menu-item .content {
  flex: 0 0 auto;
  max-width: 242px;
  width: 100%;
}
.mega-menu-item .content .title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 0;
  color: #212534;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.main-mega-menu .mega-menu-item .content .info {
  color: #676c7d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.main-mega-menu .mega-menu-item:hover {
  background: #f8f9f9;
}
.main-mega-menu .mega-menu-item:hover:after {
  opacity: 1;
}
.main-menu-ul > li:hover .main-mega-menu {
  top: calc(100% - 8px);
  visibility: visible;
  opacity: 1;
}
.main-menu-ul > li.have-mega-menu {
  position: static;
}
.have-mega-menu > a {
  position: relative;
}
.have-mega-menu > a:after {
  position: absolute;
  content: "";
  left: 50%;
  transform: rotate(45deg) translate(-50%);
  height: 15px;
  width: 15px;
  background: #fff;
  top: calc(100% - 5px);
  opacity: 0;
}
.have-mega-menu > a:hover:after {
  opacity: 1;
  top: calc(100% - 10px);
  transition: 0.3s;
}
.parent-hover > a:after {
  opacity: 1;
  top: calc(100% - 10px);
}
.main-menu-wrap {
  position: relative;
}
.main-mobile-menu,
.mobile-dropdown {
  display: none;
}
.desk-menu-logo img {
  height: 40px;
  width: auto;
}
.mobile-dropdown-mega {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.mobile-mega-icon {
  height: 42px;
  width: 42px;
  border-radius: 8px;
  background: linear-gradient(#e700b4d9, #034affd9);
  padding: 2px;
  margin-bottom: 12px;
}
.mega-icon-inner {
  height: 38px;
  width: 38px;
  background: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-dropdown-mega .mega-heading {
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
}
.mobile-dropdown-mega .mega-descrip {
  color: #a6abbe;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.mobile-language-li {
  margin-top: 15px;
}
.mobile-language-li p {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 3.125rem;
  color: #a6abbe;
}
.main-menu-profile .dropdown-toggle {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 23px 0 0;
  -moz-column-gap: 12px;
  column-gap: 12px;
  border: none;
  background: transparent;
}
.main-menu-profile .dropdown-toggle:after {
  content: url(/build/assets/angle-down-global-menu-4aba8304.svg);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-color: transparent;
  text-align: right;
}
.main-menu-profile .dropdown-toggle img {
  height: 35px;
  width: 35px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.main-menu-profile .dropdown-toggle .userName {
  color: #a6abbe;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.main-menu-profile .dropdown-menu {
  min-width: 200px;
  height: auto;
  box-shadow: 0 0.625rem 2.1875rem #00000014;
  background: #fff;
  padding: 10px;
  border: none;
  margin-top: 10px !important;
}
.main-menu-profile .dropdown-menu > span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #0a7efb;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
}
.main-menu-profile .dropdown-menu li a {
  width: 100%;
  display: block flex;
  align-items: center;
  -moz-column-gap: 9px;
  column-gap: 9px;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #676c7d;
  padding: 0.5625rem 0.625rem;
  position: relative;
  transition: 0.3s all ease-in-out;
  border-radius: 0.1875rem;
}
.main-menu-profile .dropdown-menu li a.active,
.main-menu-profile .dropdown-menu li a:hover {
  background-color: #edf2f6;
  color: #0a7efb !important;
}
.menu-mobile-login {
  display: none;
}
.main-menu-login .log-in {
  padding: 10px 15px;
  color: #a6abbe;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: 0.3s;
}
.main-menu-login .log-in:hover {
  color: #fff;
}
.main-menu-login .sign-up {
  padding: 10px 24px;
  color: #0a7efb;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid #0a7efb;
  transition: 0.3s;
}
.main-menu-login .sign-up:hover {
  background: #0a7efb;
  color: #fff;
}
.menu-login-profile {
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.selected-show,
.selected-show-mobile {
  border-radius: 5px;
  background: #313131;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  padding: 8px 13px;
  cursor: pointer;
  transition: 0.3s;
  min-width: 85px;
  justify-content: center;
}
.selected-show:hover,
.selected-show-mobile:hover {
  background: #0a7efb;
}
.selected-show.active,
.selected-show-mobile.active {
  border-radius: 5px 5px 0 0;
}
.dropdown-hover {
  position: relative;
}
.drop-content,
.drop-content-mobile {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 0;
  border-radius: 0 0 5px 5px;
  background: #313131;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.drop-content.active,
.drop-content-mobile.active {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.drop-hover li {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  padding: 8px 13px;
  cursor: pointer;
  transition: 0.3s;
}
.drop-hover li:hover {
  background: #0a7efb;
}
.drop-hover li:last-child {
  border-radius: 0 0 5px 5px;
}
.py-60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.mb-60 {
  margin-bottom: 3.75rem;
}
.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-70 {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}
.pl-lg-70 {
  padding-left: 4.375rem;
}
.pl-lg-42 {
  padding-left: 2.625rem;
}
.footer-wrap {
  background-color: #0c131a;
}
.footer-main {
  border-bottom: 0.0625rem solid #353843;
}
.f-nav-title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6875rem;
  color: #fff;
  padding-bottom: 1.25rem;
}
.footer-main-nav li a {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 2.25rem;
  color: #a6abbe;
  transition: all 0.3s;
}
.footer-main-nav li a:hover {
  color: #0a7efb;
}
.f-nav-text {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.625rem;
  color: #a6abbe;
  padding-bottom: 2.5rem;
}
.social-link-white {
  display: flex;
  align-items: center;
  gap: 6px;
}
.social-link-white li:not(:first-child) a {
  padding: 5px 12px;
}
.social-link-white li:first-child a {
  padding: 5px 12px 5px 0;
}
.social-link-white li a path {
  fill: #fff;
  transition: all 0.3s;
}
.social-link-white li a:hover path {
  fill: #0a7efb;
}
.envato-badge {
  display: flex;
  align-items: center;
  gap: 15px;
}
.envato-badge .icon {
  flex: 0 0 93px;
}
.envato-badge .content .title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #65d41c;
  padding-bottom: 10px;
}
.envato-badge .content .info {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #fff;
}
.footer-bottom-nav li a {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #a6abbe;
  transition: all 0.3s;
}
.footer-bottom-nav li a:hover {
  color: #0a7efb;
}
.copy_right {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3125rem;
  color: #a6abbe;
}
@media screen and (min-width: 1200px) {
  .ml-xl-100 {
    margin-left: 100px;
  }
}
@media screen and (max-width: 1199px) {
  .main-menu-ul {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .main-menu-login .sign-up {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 1024px) {
  .main-menu-wrap {
    padding: 0 8px;
  }
  .main-menu-login .sign-up,
  .main-menu-login .log-in {
    padding: 10px;
  }
  .main-menu-profile .dropdown-toggle .userName {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .main-menu-area {
    order: -1;
  }
  .desk-menu-logo {
    display: none;
  }
  .mobile-menu-logo {
    display: block;
  }
  .mobile-menu-logo img {
    height: 27px;
    width: auto;
  }
  .main-menu-nav {
    display: none;
  }
  .mobile-menu-button {
    display: block flex;
    padding: 10px 10px 10px 0;
    margin-right: 25px;
  }
  .main-menu-wrap {
    padding: 0.5rem 8px;
  }
  .main-mobile-menu {
    display: block;
    position: fixed;
    left: calc(-100% - 37px);
    top: 0;
    width: calc(100% + 24px);
    height: 100vh;
    overflow-y: scroll;
    background-color: #0c131a;
    transition: all 0.5s ease-in-out;
    color: #a6abbe;
    z-index: 9;
  }
  .main-mobile-menu.active {
    left: -12px;
  }
  .mobile-logo-area {
    border-bottom: 0.0625rem solid #32383e;
    padding: 0.6875rem 30px;
  }
  .mobile-logo-area a {
    display: flex;
    align-items: center;
  }
  .mobile-logo-area .mobile-menu-close {
    color: #fff;
    cursor: pointer;
    font-size: 1.25rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mobile-logo-area .mobile-menu-close path {
    fill: #fff;
  }
  .mobile-menu-nav {
    width: 100%;
    padding: 0 30px 0.9375rem;
  }
  .mobile-menu-nav > ul a {
    display: block flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 3.125rem;
    color: #a6abbe;
    text-transform: capitalize;
    border-bottom: 1px solid #32383e;
    padding-right: 10px;
  }
  .mobile-menu-nav > ul a svg path {
    fill: #fff;
  }
  .mobile-menu-nav > ul li:last-child a {
    border-bottom: 0;
  }
  .mobile-dropdown {
    width: 100%;
    padding: 5px 10px;
  }
  .mobile-dropdown-mega {
    padding: 15px 0 0;
  }
  .main-menu-profile .dropdown-menu {
    margin-top: 4px !important;
  }
  .ml-lg-105 {
    margin-left: 105px;
  }
  .desktop-language-select {
    display: none;
  }
  .main-menu-login {
    display: none !important;
  }
  .menu-mobile-login {
    display: block;
    margin-left: 20px;
  }
  .menu-mobile-login a {
    display: block flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    margin: 2px;
    border-radius: 5px;
    border: 1px solid #fff;
    transition: 0.3s;
  }
  .menu-mobile-login a path {
    transition: 0.3s;
  }
  .menu-mobile-login a:hover path {
    fill: #0a7efb;
  }
  .menu-mobile-login a:hover {
    border-color: #0a7efb;
  }
  .pl-lg-70,
  .pl-lg-42 {
    padding-left: 0;
  }
}
@media screen and (max-width: 575px) {
  .scroll-top-main {
    bottom: 1.125rem;
    right: 1.125rem;
  }
  .mobile-menu-button {
    margin-right: 0;
  }
  .menu-mobile-login {
    margin-left: 0;
  }
  .main-menu-profile .dropdown-toggle:after {
    display: none;
  }
  .main-menu-profile .dropdown-toggle {
    padding-right: 0;
  }
  .copy_right {
    text-align: center;
  }
}
.title-64 {
  color: #212534;
  font-size: 64px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.title-48 {
  color: #212534;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.pera-24 {
  color: #212534;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}
.pera-16 {
  color: #212534;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.home-banner-section {
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin-bottom: 20px;
}
.home-banner-section:after {
  position: absolute;
  content: "";
  background-image: url(/build/assets/home-banner-vector-3-035f08b9.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: -126px;
  top: -63px;
  width: 862px;
  height: 585.654px;
  z-index: -2;
}
.home-banner-section:before {
  position: absolute;
  content: "";
  background-image: url(/build/assets/home-banner-vector-4-4af372e4.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  right: -60px;
  bottom: -52px;
  width: 829.833px;
  height: 559.183px;
  z-index: -2;
}
.banner-vaector-1 {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 427px;
  height: auto;
  z-index: -1;
}
.banner-vaector-2 {
  position: absolute;
  right: 30px;
  bottom: 5px;
  width: 426px;
  height: auto;
  z-index: -1;
}
.home-banner-area {
  padding: 149px 0;
  text-align: center;
}
.home-banner-area .title-64 {
  margin-bottom: 12px;
}
.home-banner-area .pera-24 {
  margin-bottom: 24px;
}
.home-banner-path {
  margin-bottom: 50px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.home-banner-path a {
  display: flex;
  align-items: flex-end;
  -moz-column-gap: 10px;
  column-gap: 10px;
  color: #0a7efb;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
.home-banner-path a img {
  padding-bottom: 6px;
}
.home-banner-nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 19px;
}
.home-banner-nav ul a {
  color: #212534;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 12px 28px;
  border-radius: 8px;
  border: 1px solid #dbdfe8;
  transition: 0.3s;
}
.home-banner-nav ul a.active,
.home-banner-nav ul a:hover {
  border-color: #0a7efb;
  color: #0a7efb;
}
.home-product-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.home-product-inner {
  text-align: center;
  max-width: 550px;
  width: 100%;
  margin: auto;
}
.home-product-inner .title-48 {
  margin: 20px 0 12px;
}
.home-product-single {
  padding: 30px 30px 0;
}
.home-product-inner .pera-16 {
  max-width: 544px;
  width: 100%;
  margin: auto;
}
.product-link-path {
  margin: 24px 0 42px;
  -moz-column-gap: 47px;
  column-gap: 47px;
}
.product-link-path a {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
.product-link-path a:nth-of-type(2) {
  text-decoration-line: underline;
}
.product-vactor-wrap {
  max-width: 550px;
  width: 100%;
  margin: auto;
  border-radius: 30px 30px 0 0;
  height: 308px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.home-product-single-1 {
  background: linear-gradient(180deg, #040f4a 0%, #03071f 100%, #020824 100%);
}
.home-product-single-1 .title-48,
.home-product-single-1 .pera-16 {
  color: #fff;
}
.home-product-single-1 .product-link-path a {
  color: #0a7efb;
}
.home-product-single-1 .product-vactor-wrap,
.home-product-single-2 {
  background: #f8f9fa;
}
.home-product-single-2 .product-link-path a {
  color: #0a7efb;
}
.home-product-single-2 .product-vactor-wrap {
  background: linear-gradient(180deg, #040f4a 0%, #03071f 100%, #020824 100%);
}
.home-product-single-3 {
  background: #f8f9fa;
}
.home-product-single-3 .product-link-path a {
  color: #0a7efb;
}
.home-product-single-3 .product-vactor-wrap {
  background: linear-gradient(180deg, #040f4a 0%, #03071f 100%, #020824 100%);
}
.home-product-single-4 {
  background: linear-gradient(180deg, #40a3ff 0%, #0066c4 100%);
}
.home-product-single-4 .title-48,
.home-product-single-4 .pera-16,
.home-product-single-4 .product-link-path a {
  color: #fff;
}
.home-product-single-4 .product-vactor-wrap {
  background: #f8f9fa;
}
.view-all-products-2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6875rem;
  color: #0a7efb !important;
  transition: all 0.3s;
}
.view-all-products-2 path {
  fill: #0a7efb;
}
.view-all-products-2 .content {
  position: relative;
}
.view-all-products-2 .content:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #0a7efb;
  transition: all 0.3s;
}
.view-all-products-2:hover .content:before {
  width: 100%;
}
.why-best-products {
  padding: 6.875rem 0;
  background-color: #0c131a;
}
.best-products {
  padding-bottom: 3.75rem;
  text-align: center;
}
.best-products .title {
  display: inline-block;
  max-width: 31.25rem;
  font-size: 3.375rem;
  font-weight: 800;
  line-height: 4.25rem;
  color: #fff;
  padding-bottom: 1.25rem;
}
.best-products .info {
  max-width: 46.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #676c7d;
}
.why-best-items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.875rem;
}
.why-best-items .why-best-item {
  flex: 0 0 16.875rem;
  border: 0.0625rem solid #2c3844;
  border-radius: 0.3125rem;
  padding: 1.25rem;
}
.why-best-items .why-best-item .title {
  display: flex;
  align-items: center;
  padding-bottom: 1.25rem;
  gap: 0.6875rem;
}
.why-best-items .why-best-item .title h4 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #fff;
}
.why-best-items .why-best-item .info {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5625rem;
  color: #a6abbe;
}
.trusted-section {
  padding: 40px 0px;
}
.trusted-title {
  text-align: center;
  padding-bottom: 10px;
}
.trusted-title .title {
  font-size: 28px !important;
  font-weight: 700;
  line-height: 4.25rem;
  color: #212534;
  padding-bottom: 15px;
}
.trusted-title .title span {
  position: relative;
  display: inline-block;
  color: #0011ae;
}
.trusted-title .title span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.3125rem;
  border-radius: 50%;
  background: rgb(10, 126, 251);
  background: linear-gradient(
    -90deg,
    rgba(10, 126, 251, 0) 0%,
    rgba(10, 126, 251, 0.12) 16%,
    rgb(10, 126, 251) 50%,
    rgba(10, 126, 251, 0.12) 87%,
    rgba(10, 126, 251, 0) 100%
  );
}
.trusted-title .info {
  max-width: 600px;
  margin: 0 auto;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #3D4053;
}
.trusted-items {
  border: 0.0625rem solid #dde3e9;
  border-radius: 8px;
  padding: 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.trusted-item {
  position: relative;
  text-align: center;
}
.trusted-item .title {
  padding: 0.625rem 0;
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 3.75rem;
  color: #212534;
}
.trusted-item .info {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5625rem;
  color: #676c7d;
}
.trusted-item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.0625rem;
  height: 37.04%;
  background-color: #dde3e9;
}
.trusted-items div div:nth-child(4) .trusted-item:after {
  display: none;
}
@media screen and (max-width: 1600px) {
  .banner-vaector-2 {
    width: 350px;
  }
  .banner-vaector-1 {
    width: 355px;
  }
}
@media screen and (max-width: 1500px) {
  .banner-vaector-2 {
    width: 285px;
  }
  .banner-vaector-1 {
    width: 290px;
  }
}
@media screen and (max-width: 1400px) {
  .banner-vaector-2 {
    width: 245px;
  }
  .banner-vaector-1 {
    width: 250px;
  }
}
@media screen and (max-width: 1325px) {
  .banner-vaector-2 {
    width: 195px;
  }
  .banner-vaector-1 {
    width: 200px;
  }
}
@media screen and (max-width: 991px) {
  .title-64 {
    font-size: 55px;
  }
  .title-48 {
    font-size: 45px;
  }
  .banner-vaector-2,
  .banner-vaector-1 {
    display: none;
  }
  .home-product-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
  .best-products .title {
    font-size: 2.375rem;
    line-height: 3.25rem;
  }
  .trusted-items div div:nth-child(2) .trusted-item:after {
    display: none;
  }
  .trusted-title .title {
    font-size: 2.375rem;
    line-height: 3.25rem;
  }
}
@media screen and (max-width: 767px) {
  .title-64 {
    font-size: 45px;
  }
  .title-48 {
    font-size: 40px;
  }
  .home-banner-area {
    padding: 110px 0;
  }
  .best-products .title,
  .trusted-title .title {
    font-size: 2.1875rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 575px) {
  .title-64 {
    font-size: 40px;
  }
  .title-48 {
    font-size: 36px;
  }
  .product-vactor-wrap {
    height: 260px;
  }
  .home-banner-area {
    padding: 100px 0;
  }
  .trusted-items div div:nth-child(2) .trusted-item:after {
    display: block;
  }
  .trusted-item:after {
    top: auto;
    bottom: -13px;
    left: 50%;
    right: auto;
    transform: translate(-50%);
    width: 15%;
    height: 0.0625rem;
  }
}
.web-application-title {
  margin: 50px auto 20px;
  text-align: center;
  max-width: 770px;
  width: 100%;
}
.web-application-title .text-54 {
  margin-bottom: 30px;
}
.web-application-title .text-24 {
  color: #676c7d;
  font-weight: 500;
  line-height: 34px;
}
.single-application-link {
  border-radius: 15px;
  border: 1px solid #e3e9f1;
  background: #fff;
  display: block;
  width: 100%;
  transition: 0.3s all ease-in-out;
}
.application-baner {
  height: 220px;
  width: 100%;
}
.application-baner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px 15px 0 0;
}
.application-details {
  padding: 20px 20px 16px;
  border-bottom: 1px solid #e3e9f1;
}
.app-details-inner {
  margin-bottom: 20px;
}
.app-details-inner .text-15 {
  font-weight: 500;
  line-height: 27px;
  margin-top: 8px;
}
.app-virsion-download .version-text {
  color: #676c7d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.app-virsion-download .version-text span {
  color: #212534;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.app-virsion-download .download-text {
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.app-virsion-download .download-text span {
  color: #212534;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.app-name-download .download-text {
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.app-name-download .download-text span {
  color: #212534;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.app-buy-price .buy-text {
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.app-buy-price .buy-text span {
  color: #212534;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: 0.3s;
}
.app-buy-price .price-text {
  color: #212534;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.app-buy-price {
  padding: 16px 20px;
}
.single-application-link:hover {
  border-color: transparent;
  box-shadow: 0 9px 36px #1b1b1b29;
}
.single-application-link:hover .buy-text span {
  color: #0a7efb;
}
.single-application-link:hover .buy-text path {
  fill: #0a7efb;
}
@media all and (max-width: 991px) {
  .text-46 {
    font-size: 40px;
    line-height: 55px;
  }
  .text-50 {
    font-size: 42px;
    line-height: 58px;
  }
  .text-58 {
    font-size: 45px;
    line-height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .text-52 {
    font-size: 45px;
    line-height: 62px;
  }
  .text-32 {
    font-size: 30px;
  }
  .text-42,
  .title-42 {
    font-size: 37px;
    line-height: 52px;
  }
  .text-36 {
    font-size: 32px;
    line-height: 45px;
  }
  .text-54 {
    font-size: 45px;
    line-height: 50px;
  }
  .single-application-link {
    max-width: 500px;
    margin: auto;
  }
  .web-application-title .text-54 {
    margin-bottom: 20px;
  }
}
ul.pagination .page-item.active a, ul.pagination .page-item.active .page-link {
    background-color: #0011ae;
    border-color: #0011ae;
    color: #fff;
}
ul.pagination .page-item a:hover, ul.pagination .page-item .page-link:hover {
    background-color: #0011ae;
    border-color: #0011ae;
    position: relative;
    color: #fff;
    z-index: 1;
}
.blog-p {
  color: #676c7d;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.blog-section-title {
  padding: 24px 0 20px;
  text-align: center;
  max-width: 820px;
  margin: auto;
}
.blog-section-title .text-54 {
  margin-bottom: 16px;
}
.blog-search {
  max-width: 820px;
  margin: auto;
}
.blog-search form {
  -moz-column-gap: 16px;
  column-gap: 16px;
  justify-content: center;
}
.blog-search form input {
  border-radius: 8px;
  border: 1px solid #e6eaee;
  background: #fff;
  max-width: 649px;
  color: #676c7d;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding: 13px;
}
.blog-search form input:focus {
  box-shadow: none;
  color: #676c7d;
}
.active {
    border-bottom: none;
}
.blog-search form button {
  border-radius: 8px;
  background: #0011ae;
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: none;
  padding: 14px 24px;
  transition: 0.3s;
  min-width: -moz-max-content;
  min-width: max-content;
}
.blog-search form button:hover {
  background: #0068d9;
}
.blog-nav-area {
  padding: 30px 0 24px;
}
.blog-nav-area ul {
  -moz-column-gap: 45px;
  column-gap: 45px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.blog-nav-area ul a {
  color: #212534;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: 0.3s;
}
.blog-nav-area ul a.active,
.blog-nav-area ul a:hover {
  color: #0a7efb;
}
.trending-top-link {
  margin-right: 30px;
  display: inline-block;
}
.trending-top-banner {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
}
.trending-top-banner img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
}
.trending-top-details {
  margin: 12px 0 16px;
}
.trending-top-details .text-24 {
  margin-bottom: 8px;
  line-height: 32px;
}
.trending-top-details .text-20 {
  color: #676c7d;
  font-weight: 500;
  line-height: 32px;
}
.blog-read-more .text-15 {
  -moz-column-gap: 8px;
  column-gap: 8px;
  max-width: -moz-max-content;
  max-width: max-content;
  transition: 0.3s;
  color: #212534;
}
.blog-read-more svg {
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
}
.blog-read-more path {
  transition: 0.3s;
}
.trending-top-link:hover .blog-read-more .text-15 {
  color: #0a7efb;
}
.trending-top-link:hover .blog-read-more path {
  fill: #0a7efb;
}
.trending-child-link {
  display: inline-block;
}
.trending-child-single {
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.trending-child-banner {
  max-width: 200px;
  width: 100%;
  height: 120px;
}
.trending-child-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}
.trending-child-details > .text-15 {
  margin-bottom: 12px;
}
.trending-child-details .text-20 {
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 16px;
  font-size: 16px !important;
}
.blog-read-more .text-15 {
  font-weight: 600;
  line-height: normal;
  max-width: -moz-max-content;
  max-width: max-content;
  transition: 0.3s;
  color: #212534;
}
.trending-child-details .blog-read-more .text-15 {
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.trending-child-details .blog-read-more svg {
  width: 20px;
  height: 20px;
}
.trending-child-wrap .trending-child-link:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid #e6eaee;
}
.trending-child-wrap .trending-child-link:not(:first-child) {
  padding-top: 20px;
}
.trending-child-link:hover .blog-read-more .text-15 {
  color: #0a7efb;
}
.trending-child-link:hover .blog-read-more path {
  fill: #0a7efb;
}
.pb-24 {
  padding-bottom: 24px;
}
.featured-title .text-24 {
  position: relative;
}
.featured-title .text-24:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -5px;
  height: 1px;
  width: 107px;
  background: #0a7efb;
}
.featured-single-banner {
  width: 100%;
  height: auto;
}
.featured-single-banner img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
}
.featured-single-date {
  margin: 8px 0 16px;
}
.featured-single-details .text-20 {
  font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px;
    font-size: 18px !important;
}
.featured-single-link:hover .featured-single-date .text-15 {
  color: #0a7efb;
}
.more-blog-btn {
  color: #212534;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  padding: 14px 30px;
  border-radius: 5px;
  border: 1px solid #212534;
  background: transparent;
}
.more-blog-btn:hover {
  background: #0a7efb;
  border-color: transparent;
  color: #fff;
}
.blog-share-title {
  color: #212534;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
}
.blog-share-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 12px;
}
.blog-share-items a {
  width: 44px;
  height: 44px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 4px 28px #0202021a;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-socila-share,
.table-content-wrap {
  position: sticky;
  top: 70px;
  z-index: 1;
}
.modal-header .modal-title {
    color: #110f0f;
    font-size: 18px;
    font-weight: 700;
}
.table-content-menu {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 30px #2c2c2c29;
  cursor: pointer;
  transition: 0.3s;
}
.table-content-menu path {
  transition: 0.3s;
}
.table-content-menu:hover path {
  fill: #0a7efb;
}
.table-content-close {
  cursor: pointer;
}
.table-content-close path {
  transition: 0.3s;
}
.table-content-close:hover path {
  fill: #0a7efb;
}
.table-of-contents {
  width: 250px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 30px #2c2c2c29;
  padding: 16px;
}
.table-of-contents .content-nav {
  padding: 0;
}
.table-content-title {
  color: #212534;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.table-content-title-close {
  margin-bottom: 16px;
}
.table-content-list {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  max-height: 424px;
  height: 100%;
  overflow-y: scroll;
}
.table-content-list {
  scrollbar-width: thin;
  scrollbar-color: #959cb5 #ffffff;
}
.table-content-list::-webkit-scrollbar {
  height: 18px;
  width: 18px;
}
.table-content-list::-webkit-scrollbar-track {
  border-radius: 11px;
  background-color: #fff;
  border: 1px solid #d1d7de;
}
.table-content-list::-webkit-scrollbar-track:hover {
  background-color: #fff;
}
.table-content-list::-webkit-scrollbar-track:active {
  background-color: #fff;
}
.table-content-list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #959cb5;
}
.table-content-list::-webkit-scrollbar-thumb:hover {
  background-color: #959cb5;
}
.table-content-list::-webkit-scrollbar-thumb:active {
  background-color: #959cb5;
}
.table-content-list a {
  color: #676c7d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  transition: 0.3s;
  padding: 0 10px 0 0;
  border-radius: 0;
}
.table-content-list a.active,
.table-content-list a:hover {
  color: #0a7efb !important;
  background-color: transparent !important;
}
.blog-snf-title {
  text-align: center;
}
.blog-snf-title .text-16 {
  margin-bottom: 12px;
  color: #707070;
  line-height: normal;
  transition: 0.3s;
}
.blog-snf-title .text-16:hover {
  color: #0a7efb;
}
.blog-snf-title .text-36 {
  color: #212534;
  line-height: 40px;
}
.blog-author-time {
  margin-bottom: 24px;
}
.blog-snf-author {
  -moz-column-gap: 8px;
  column-gap: 8px;
  position: relative;
}
.blog-snf-author:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -24px;
  width: 1px;
  height: 15px;
  background-color: #706c8175;
}
.blog-snf-date {
  position: relative;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.blog-snf-date:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -24px;
  width: 1px;
  height: 15px;
  background-color: #706c8175;
}
.blog-snf-time {
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.blog-snf-title-wrap {
  position: relative;
  margin: 24px 0 12px;
}
.blog-snf-back {
  position: absolute;
  right: 0;
  top: 0;
}
.blog-snf-back a {
  border-radius: 5px;
  border: 1px solid #cfd4e1;
  padding: 13px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  transition: all 0.3s;
  color: #212534;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.blog-snf-back a:hover {
  background-color: #0a7efb;
  color: #fff;
  border-color: #0a7efb;
}
.blog-snf-back a path {
  transition: 0.3s;
}
.blog-snf-back a:hover path {
  fill: #fff;
}
.blog-snf-author-img {
  min-width: 44px;
  height: 44px;
}
.blog-snf-author-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.blog-snf-author .text-16 {
  color: #707070;
}
.blog-author-date {
  -moz-column-gap: 45px;
  column-gap: 45px;
}
.blog-author-date .text-16 {
  -moz-column-gap: 45px;
  column-gap: 45px;
  line-height: 30px;
}
.blog-details-banner {
  width: 100%;
  height: auto;
  margin-bottom: 24px;
}
.blog-details-banner img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
}
.blog-sn-details .text-24 {
  line-height: normal;
}
.details-first-pera {
  margin-bottom: 16px;
}
.details-first-pera .blog-p {
  color: #212534;
}
.details-second-pera .blog-p {
  color: #212534;
  margin-bottom: 24px;
}
.details-third-bottom .blog-p {
  color: #212534;
}
.details-heading-date,
.details-heading-date .text-24 {
  margin-bottom: 16px;
}
.details-heading-date .text-20 {
  line-height: 28px;
  padding-left: 20px;
  position: relative;
}
.details-heading-date .text-20:after {
  position: absolute;
  content: " ";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #676c7d;
}
.blog-details-image {
  width: 100%;
  height: auto;
  border-radius: 20px;
  margin-bottom: 24px;
}
.blog-details-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px;
}
.details-third-bottom {
  margin-bottom: 24px;
}
.details-third-bottom .text-24 {
  margin-bottom: 12px;
}
.blog-details-footer {
  padding-bottom: 16px;
  border-bottom: 1px solid #d1d7de;
}
.blog-category-area ul {
  gap: 16px;
}
.blog-category-area li a {
  color: #676c7d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid #d1d7de;
  padding: 6px 16px;
  transition: 0.3s;
  display: inline-block;
}
.blog-category-area li a:hover {
  background: #0011ae;
  border-color: transparent;
  color: #fff;
}
.blog-pagination-dots {
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.blog-pagination-dots span {
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 1px solid #212534;
  background: transparent;
  cursor: pointer;
}
.blog-pagination-dots .active {
  height: 15px;
  width: 15px;
  border: 1px solid #212534;
  background: #212534;
}
.details-first-pera .typo-20 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #212534;
  font-style: normal;
}
.details-second-pera .typo-20 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #212534;
  font-style: normal;
  margin-bottom: 50px;
}
.details-third-bottom .typo-20 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #212534;
  font-style: normal;
}
.details-heading-date .typo-32,
.details-third-bottom .typo-32 {
  margin-bottom: 30px;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.125rem;
  color: #212534;
}
.details-second-pera .date-typo-20 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #676c7d;
  font-style: normal;
}
.pb-44 {
  padding-bottom: 44px;
}
@media all and (min-width: 1400px) {
  .table-content-wrap {
    margin-left: 35px;
  }
}
@media all and (max-width: 1325px) {
  .table-of-contents {
    max-width: 200px;
    width: 100%;
  }
  .table-content-title-close {
    margin-bottom: 10px;
  }
  .table-of-contents {
    padding: 10px;
  }
  .table-content-list a {
    padding-right: 5px;
  }
}
@media all and (max-width: 1199px) {
  .trending-child-single {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .blog-socila-share,
  .table-content-wrap {
    top: 30px;
  }
}
@media all and (max-width: 991px) {
  .text-46 {
    font-size: 40px;
    line-height: 55px;
  }
  .text-50 {
    font-size: 42px;
    line-height: 58px;
  }
  .text-58 {
    font-size: 45px;
    line-height: 60px;
  }
  .text-54 {
    font-size: 45px;
  }
  .trending-top-link {
    margin-right: 0;
  }
  .trending-child-details .text-20 {
    line-height: 32px;
  }
  .trending-child-details > .text-15 {
    margin-bottom: 10px;
  }
  .details-first-pera .text-20,
  .details-second-pera .text-20,
  .details-third-bottom .text-20 {
    font-size: 18px;
  }
  .blog-details-image {
    max-width: 800px;
    width: 100%;
    margin: auto auto 50px;
  }
  .table-content-wrap {
    position: inherit;
  }
  .table-of-contents {
    padding: 0;
    height: 0;
    width: 0;
    visibility: hidden;
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .text-52 {
    font-size: 45px;
    line-height: 62px;
  }
  .text-32 {
    font-size: 30px;
  }
  .text-42,
  .title-42 {
    font-size: 37px;
    line-height: 52px;
  }
  .text-36 {
    font-size: 32px;
    line-height: 45px;
  }
  .text-54 {
    font-size: 45px;
    line-height: 50px;
  }
  .trending-top-link {
    margin-bottom: 20px;
  }
  .trending-child-banner,
  .trending-child-banner img,
  .featured-single-banner {
    height: auto;
  }
  .featured-mr-banner {
    height: 300px;
  }
  .blog-author-time {
    flex-wrap: wrap;
    gap: 20px;
  }
  .blog-details-footer {
    flex-direction: column;
    row-gap: 30px;
  }
  .blog-category-area ul {
    flex-wrap: wrap;
    row-gap: 20px;
    justify-content: center;
  }
  .blog-details-image {
    max-width: 600px;
    width: 100%;
    margin: auto auto 50px;
  }
  .blog-sns-date {
    padding-right: 30px;
  }
  .blog-date-description {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .blog-details-banner img {
    border-radius: 20px;
  }
  .blog-snf-back a {
    padding: 10px 12px;
    gap: 5px;
  }
  .blog-snf-back {
    top: -7px;
  }
  .blog-share-items {
    flex-direction: row;
    justify-content: center;
    -moz-column-gap: 15px;
    column-gap: 15px;
    flex-wrap: wrap;
  }
  .blog-socila-share {
    position: inherit;
  }
}
@media screen and (max-width: 575px) {
  .text-52,
  .text-54 {
    font-size: 40px;
    line-height: 55px;
  }
  .text-46 {
    font-size: 32px;
    line-height: 50px;
  }
  .text-32 {
    font-size: 28px;
  }
  .text-36 {
    font-size: 28px;
    line-height: 38px;
  }
  .text-50 {
    font-size: 34px;
    line-height: 52px;
  }
  .text-42 {
    font-size: 32px;
    line-height: 50px;
  }
  .title-42 {
    font-size: 35px;
    line-height: 48px;
  }
  .text-40 {
    font-size: 30px;
    line-height: 43px;
  }
  .title-32 {
    font-size: 25px;
  }
  .blog-search form button {
    -moz-column-gap: 5px;
    column-gap: 5px;
    padding: 14px;
  }
  .blog-section-title-2 {
    padding: 0;
  }
  .featured-mb-single {
    flex-direction: column;
  }
  .featured-mb-banner {
    max-width: 100%;
    height: 230px;
    border-radius: 15px 15px 0 0;
  }
  .featured-mb-banner img {
    border-radius: 15px 15px 0 0;
  }
  .featured-mt-details .text-24 {
    line-height: 30px;
    font-size: 20px;
  }
  .featured-mt-details,
  .featured-mb-details,
  .featured-mr-details {
    padding: 20px;
  }
  .blog-author-date {
    -moz-column-gap: 30px;
    column-gap: 30px;
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .details-first-pera .text-20 {
    font-size: 16px;
  }
  .blog-date-description {
    flex-direction: column;
    row-gap: 20px;
    align-items: baseline !important;
  }
  .blog-sns-date {
    padding-right: 0;
    border-right: none;
  }
  .blog-snf-author:after {
    right: -15px;
  }
  .blog-snf-date:after {
    right: -15px;
  }
  .blog-details-banner img {
    border-radius: 15px;
  }
}
@media screen and (max-width: 450px) {
  .text-32 {
    line-height: 40px;
  }
  .text-58 {
    font-size: 43px;
  }
  .trending-child-single {
    row-gap: 10px;
    flex-direction: column;
  }
  .trending-child-banner {
    max-width: 100%;
    height: auto;
  }
  .trending-child-banner img {
    height: auto;
  }
  .featured-mr-banner {
    height: 210px;
  }
  .featured-mt-banner {
    height: 220px;
  }
  .featured-single-banner {
    height: auto;
  }
}
.pb-80 {
  padding-bottom: 5rem;
}
@media screen and (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}
.documentation-item .row {
  row-gap: 2.5rem;
}
.fz-60-b-black {
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 4.6875rem;
  color: #212534;
}
.fz-18-m-black-2 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #676c7d !important;
}
.fz-44-eb-black {
  font-size: 2.75rem;
  font-weight: 800;
  line-height: 3.75rem;
  color: #212534;
}
.pt-40 {
  padding-top: 40px;
}
.pb-120 {
  padding-bottom: 7.5rem;
}
.box-shadow-11 {
  box-shadow: 0 0.625rem 1.5625rem #676c7d1c;
}
.doc-s-title .icon {
  flex: 0 0 2.8125rem;
}
.doc-s-title .content h3 {
  margin-bottom: 0.625rem;
}
.cBadge {
  display: inline-block;
  padding: 0.1875rem 0.5625rem;
  background-color: #e2eaf1;
  border-radius: 0.3125rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.0625rem;
  color: #0a7efb;
}
.doc-back-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 0.3125rem;
  gap: 0.625rem;
  background-color: #fff;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 0.9375rem;
  color: #9095a1;
  border: 0.0625rem solid #e6eaee;
  padding: 0.875rem 0.9375rem;
  box-shadow: 0 0 #0000 !important;
  transition: 0.3s;
}
.doc-back-btn path {
  fill: #9095a1;
  transition: 0.3s;
}
.doc-back-btn:hover {
  background: #0a7efb;
  color: #fff;
}
.doc-back-btn:hover path {
  fill: #fff;
}
.sidebar-search {
  max-width: 100%;
  height: 3.125rem;
  border: 0rem solid #d4d4d4;
  border-radius: 5px;
  background-color: #f2f6f9;
  padding: 1rem 1.5rem 0.9375rem;
}
.sidebar-search span svg path {
  fill: #9095a1;
}
.sidebar-search input {
  background-color: transparent;
  border: none;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
  color: #9095a1;
}
.sidebar-search input:focus {
  box-shadow: none;
  background-color: transparent;
  color: #9095a1;
}
.sidebar-search input::-moz-placeholder {
  color: #9095a1e5;
}
.sidebar-search input::placeholder {
  color: #9095a1e5;
}
.sidebar-search .sidebar-search-submit {
  display: none;
}
.doc-badge-outline {
  display: inline-flex;
  background-color: #fff;
  border-radius: 0.3125rem;
  font-weight: 600;
  line-height: 1rem;
}
.sidebarMenu {
  margin-bottom: 1.25rem;
}
.sidebarMenu > li.item {
  margin-bottom: 0.9375rem;
}
.sidebarMenu > li.item:last-child {
  margin-bottom: 0;
}
.sidebarMenu > li.item a {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.375rem;
  transition: all 0.3s;
  cursor: pointer;
}
.sidebarMenu > li.item a.active,
.sidebarMenu > li.item a:hover {
  color: #0a7efb;
}
.cBadge-2 {
  display: inline-block;
  padding: 0.125rem 0.5rem 0.0625rem;
  background-color: #0a7efb;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: #fff;
}
.pb-35 {
  padding-bottom: 2.1875rem;
}
.mb-25 {
  margin-bottom: 1.5625rem;
}
.mb-30 {
  margin-bottom: 1.875rem;
}
.g-19 {
  gap: 1.1875rem;
}
.g-6 {
  gap: 0.375rem;
}
.g-14 {
  gap: 0.875rem;
}
.mb-9 {
  margin-bottom: 0.5625rem;
}
@media screen and (width > 991px) {
  .pl-lg-121 {
    padding-left: 7.5625rem;
  }
}
.max-w-129 {
  max-width: calc(100% - 8.0625rem);
}
@media screen and (width < 767px) {
  .max-w-129 {
    max-width: 100%;
  }
}
@media screen and (width > 991px) {
  .pl-lg-130 {
    padding-left: 8.125rem !important;
  }
}
.rg-30 {
  row-gap: 1.875rem;
}
.cg-56 {
  -moz-column-gap: 56px;
  column-gap: 56px;
}
.mt-40 {
  margin-top: 2.5rem;
}
.mb-40 {
  margin-bottom: 2.5rem;
}
.pt-20 {
  padding-top: 1.25rem;
}
.doc-main-wrap {
  max-width: 46.875rem;
  margin-left: auto;
}
.doc-title-des .title {
  padding-bottom: 1.25rem;
}
.doc-title-des {
  padding-bottom: 1.90625rem;
  margin-bottom: 1.90625rem;
}
.creative-photo {
  padding: 0.75rem;
  background: linear-gradient(
    45deg,
    rgb(211, 234, 249) 0%,
    rgb(235, 221, 248) 100%
  );
}
.creative-photo img {
  width: 100%;
}
.media-item {
  max-width: 14.8125rem;
  width: 100%;
  border: 0.0625rem solid #e6eaee;
  border-radius: 0.3125rem;
  padding: 1.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.media-item p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #676c7d;
}
.doc-accordion .accordion-item {
  border: none;
  border-bottom: 0.0625rem solid #d1d7de;
  border-radius: 0;
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
}
.doc-accordion .accordion-button {
  border-radius: 0;
  box-shadow: none !important;
  background-color: transparent;
  padding: 0 !important;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: #212534;
  cursor: pointer;
}
.doc-accordion .accordion-button:after {
  background-image: url(/build/assets/arrow-0acd4a75.svg);
  transform: rotate(180deg);
  width: 13px;
  background-size: 13px;
  background-position: 0 0.40625rem;
}
.doc-accordion .accordion-button:not(.collapsed):after {
  transform: rotate(0);
}
.doc-accordion .accordion-body {
  padding: 0;
  padding-top: 1.25rem;
}
.doc-accordion .accordion-text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #676c7d;
}
.course-tag-item {
  max-width: 14.8125rem;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.78125rem;
  background-color: #fff;
  border: 0.0625rem solid #e6eaee;
  border-radius: 0.3125rem;
  padding: 1.125rem 0.875rem 1.0625rem 1.21875rem;
}
.course-tag-item .icon {
  flex: 0 0 1.4375rem;
}
.course-tag-item .content {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #676c7d;
}
.doc-list-two li {
  margin-bottom: 1.25rem;
}
.doc-list-two li:last-child {
  margin-bottom: 0;
}
.fz-16-sb-black-2 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: #212534;
}
.fz-16-m-black-3 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #676c7d;
}
.doc-orderlist li {
  position: relative;
  padding-left: 2.375rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #676c7d;
}
.doc-orderlist li:before {
  content: counter(list-item);
  position: absolute;
  top: 0;
  left: 0;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 50%;
  background-color: #0a7efb;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: #fff;
}
.fz-16-sb-black {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #212534;
}
.doc-unorderlist li {
  position: relative;
  padding-left: 1.125rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #676c7d;
}
.doc-unorderlist li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #676c7d;
}
.doc-unorderlist li:last-child {
  margin-bottom: 0;
}
.doc-quote {
  padding: 1.5625rem 1.875rem;
  border: 0.0625rem solid #e6eaee;
  border-radius: 0.3125rem;
  background-color: #fbfbfb;
  position: relative;
}
.doc-quote:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.25rem;
  height: 100%;
  border-radius: 0.3125rem;
  background-color: #0a7efb;
}
.doc-code {
  padding: 1.875rem;
  background-color: #212d63;
  border-radius: 0.3125rem;
  color: #fff;
  position: relative;
}
.doc-code .copy-code {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
.bg-g-one {
  background: rgb(211, 234, 249);
  background: linear-gradient(
    266deg,
    rgb(211, 234, 249) 0%,
    rgb(248, 248, 221) 100%
  );
}
.btn-popularity {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.21875rem 0.9375rem;
  background-color: #fff;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: #212534;
  transition: all 0.3s;
}
.btn-popularity path {
  fill: #0a7efb;
  transition: 0.3s;
}
.btn-popularity:hover,
.btn-popularity.get-popular {
  background-color: #0a7efb;
  color: #fff;
}
.btn-popularity:hover path,
.btn-popularity.get-popular path {
  fill: #fff;
}
.btn-help {
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: #fff;
  background-color: #0011ae;
  cursor: pointer;
  border-radius: 0.3125rem;
  padding: 10px;
  transition: 0.3s;
}
.btn-help:hover {
  color: #000 !important;
  background-color: #f0ea1f;
}
.doc-sidebar-header {
  margin-bottom: 20px;
}
.doc-sidebar-li .sidebarMenu {
  display: none;
  padding-left: 10px;
}
.doc-sidebar-li .doc-badge-outline {
  cursor: pointer;
  position: relative;
  max-width: 100%;
  width: 100%;
  font-size: 15px;
  padding: 20px 0;
  border: none;
  color: #0c131a;
  overflow: hidden;
}
.accordion-doc-menu .doc-sidebar-li:not(:last-child) {
  border-bottom: 1px solid #cfd4e1;
}
.doc-sidebar-li .doc-badge-outline:before {
  content: " ";
  position: absolute;
  margin: 0 0 0 5px;
  right: 0;
  transition: 0.3s;
  background: url(/build/assets/black-arrow-c25b8d49.svg) no-repeat scroll
    center center / cover;
  width: 9.821px;
  height: 5.751px;
  top: 50%;
  transform: translateY(-50%);
}
.doc-sidebar-li.active .doc-badge-outline:before {
  transform: translateY(-50%) rotate(180deg);
}
.sidebarMenu > li.item a {
  color: #706c81;
  display: block;
}
.doc-sidebar-header .doc-s-title {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.doc-sidebar-header .updated-date {
  padding: 25px 0 17px;
  border-bottom: 1px solid #cfd4e1;
  margin-bottom: 17px;
}
.creative-photo {
  border-radius: 24px;
}
.creative-photo img {
  border-radius: 16px;
}
.doc-view-new-list li {
  list-style: disc;
}
.doc-view-new-list {
  padding-left: 20px;
}
.doc-view-new-list li {
  list-style: disc;
  color: #4c5155;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.doc-view-new-list li span {
  font-weight: 600;
}
.doc-view-new-list li:not(:last-child) {
  margin-bottom: 12px;
}
.doc-view-new-list li::marker {
  color: #0e101a;
}
.doc-title-des .info {
  color: #4c5155;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}
.doc-title-des .title {
  color: #000;
  font-family: Manrope;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.doc-sidebar-header .mobile-menu-3 {
  padding-right: 0;
  border-color: transparent;
  background: transparent;
}
.my-res-offcanvas {
  width: 340px;
}
.my-res-offcanvas .offcanvas-title {
  color: #000;
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.creative-mobile-photo {
  max-width: 400px;
}
@media (min-width: 992px) {
  .my-res-offcanvas {
    visibility: visible !important;
    position: relative;
    left: auto;
    right: auto;
    background-color: transparent;
    border: none;
    transform: translate(0);
    z-index: 8;
  }
  .my-res-offcanvas .offcanvas-body {
    padding: 0;
  }
}
@media all and (max-width: 991px) {
  .doc-sidebar-header .back-btn {
    display: none;
  }
  .doc-sidebar-header {
    max-width: 46.875rem;
    width: 100%;
    margin: auto;
  }
  .doc-sidebar-header .updated-date {
    padding: 15px 0 0;
    border-top: 1px solid #cfd4e1;
    border-bottom: 1px solid transparent;
    margin-bottom: 0;
    margin-top: 15px;
  }
  .doc-sidebar-2 {
    padding: 0;
    box-shadow: none;
  }
  .my-res-offcanvas .offcanvas-header {
    padding: 0 0 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e6eaee;
  }
  .my-res-offcanvas .offcanvas-body {
    padding: 0;
  }
  .my-res-offcanvas {
    padding: 20px;
  }
  .my-res-offcanvas .btn-close {
    background-size: 14px 14px;
  }
  .doc-sidebar-header .doc-back-btn {
    display: none;
  }
  .doc-main-wrap {
    width: 100%;
    margin: auto;
  }
  .course-tag {
    justify-content: center !important;
  }
}
@media screen and (max-width: 767px) {
  .fz-44-eb-black {
    font-size: 2rem;
  }
  .fz-sm-40-sb-black {
    font-size: 3rem;
    font-weight: 600;
    line-height: 3.125rem;
  }
  .media-item {
    max-width: 100%;
  }
  .creative-mobile-photo-2 {
    max-width: 400px;
  }
}
@media screen and (max-width: 575px) {
  .fz-sm-30-sb-black {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 2.1875rem;
  }
  .fz-sm-40-sb-black {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 3.125rem;
  }
  .course-tag-item {
    max-width: 350px;
  }
  .doc-title-des .title {
    font-size: 28px;
  }
}
.mb-110 {
  margin-bottom: 6.875rem;
}
.hire-us-content {
  max-width: 40rem;
}
.hire-us-content .title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 4rem;
  color: #212534;
  padding-bottom: 1.25rem;
}


.hire-us-content h4.title {
  font-size: 18px;
  font-weight: 700;
  line-height: 4rem;
  color: #0011ae;
  padding-bottom: 0px !important;
}

.hire-us-content .title span {
  color: #0011ae;
}
.hire-us-content h3.sub-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 2.125rem;
  color: #212534;
  padding-bottom: 1rem;
}

.hire-us-content .sub-title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.125rem;
  color: #212534;
  padding-bottom: 1rem;
}

.hire-us-content .info {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.75rem;
  color: #676c7d;
  padding-bottom: 2rem;
}
.hire-us-content .hire-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  padding: 30px;
  border-radius: 20px;
      background: linear-gradient( 135deg, rgb(84, 29, 225) 0%, rgb(0 17 174) 100% );
  );
}
.hire-us-content .hire-info .item {
  position: relative;
  text-align: center;
}
.hire-us-content .hire-info .item:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -36px;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  max-height: 80px;
  background-color: #fff6;
}
.hire-us-content .hire-info .item:last-child:before {
  display: none;
}
.hire-us-content .hire-info .item h4 {
  font-size: 3.375rem;
  font-weight: 800;
  line-height: 4rem;
  color: #fff;
  padding-bottom: 2px;
}
.hire-us-content .hire-info .item p {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75rem;
  color: #fff;
}
.hire-us-content .buttons {
  gap: 30px;
  flex-wrap: wrap;
}
.hire-us-content .buttons .bookMeeting {
  background-color: #0011ae;
  border-radius: 4px;
  padding: 10px 30px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #fff;
  transition: 0.3s;
}
.hire-us-content .buttons .bookMeeting:hover {
  color: #fff;
  background-color: #0011ae;
}
.hire-us-content .buttons .watchvideo {
  -moz-column-gap: 6px;
  column-gap: 6px;
  position: relative;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #0011ae;
}
.hire-us-content .buttons .watchvideo:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #0011ae;
  transition: all 0.3s;
}
.hire-us-content .buttons .watchvideo:hover:before {
  width: 100%;
}
.submit-project {
  max-width: 31.46875rem;
  background-color: #fff;
  box-shadow: 0 0.625rem 1.5625rem #676c7d1c;
  border-radius: 6px;
  padding: 20px;
}
.submit-project .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1rem;
  color: #000;
  padding: 1.2rem;
  text-align: center;
  border-bottom: 2px solid #FFEB3B;
  text-transform: capitalize;
}

.submit-project h4.title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1rem;
  color: #000;
  padding: 1.2rem;
  text-align: center;
  border-bottom: 2px solid #FFEB3B;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.project-form {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
}
.project-form-wrap {
  display: flex;
  flex-direction: column;
      gap: 0.8rem;
}
.get_q_form
{
	background: #f2f7ff;
}
.eForm-control {
  display: block;
  width: 100%;
  padding: 0.6875rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.625rem;
  background-clip: padding-box;
  border: 0.0625rem solid #d4dae6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.3125rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.project-form-wrap .eForm-control {
  background-color: #f1f5f9;
  border-color: #f1f5f9;
  color: #9095a1;
}
.project-form-wrap .eForm-control::-moz-placeholder {
  color: #9095a1;
}
.project-form-wrap .eForm-control::placeholder {
  color: #9095a1;
}
.eForm-control:focus,
.eForm-control:hover {
  border: 0.0625rem solid #0a7efb;
  box-shadow: none;
}
.project-form-wrap textarea {
      min-height: 4.75rem;
}
.project-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  /* max-width: 7.8125rem; */
  padding: 0.875rem 1.875rem;
  background-color: #0011ae;
  border: 0.0625rem solid #0011ae;
  border-radius: 0.3125rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #fff;
  transition: all 0.3s;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.project-submit:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  opacity: 1;
  z-index: -1;
  transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  -webkit-transition: all ease 0.35s;
  background-color: #005ab9;
}
.project-submit:hover:before {
  width: 100%;
  right: auto;
  left: 0;
}
.project-form-wrap .nice-select {
  background-color: #f1f5f9 !important;
  width: 100%;
  border: none;
  font-size: 0.875rem;
  font-weight: 500;
  color: #9095a1;
  height: 50px;
  display: flex;
  align-items: center;
}
.project-form-wrap .nice-select .current {
  font-size: 0.875rem;
  color: #9095a1;
}
.project-form-wrap .nice-select .list {
  margin-top: 10px;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px;
  box-shadow: 0 4px 20px #676c7d1c;
  width: 100%;
}
.project-form-wrap .nice-select:after {
  font-size: 0;
  background-image: url(../img/icon/dropdown-down-arrow.svg);
  width: 8px;
  height: 8px;
  top: 50% !important;
  background-repeat: no-repeat;
  right: 20px;
}
.project-form-wrap .nice-select .option {
  font-size: 0.875rem;
  font-weight: 500;
  color: #9095a1;
}
.eForm-control-file[type="file"] {
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #676c7d;
  background-clip: padding-box;
  border: 1px solid #e6eaee;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: #f1f5f9;
  padding: 15px 18px;
}
.hire-service-3 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #f2f6fa;
  border: 1px solid #d8dbdf;
  border-radius: 15px;
  padding: 11px 30px;
  height: 100%;
  min-height: 70px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: #212534;
}
.hire-work-3 {
  padding: 20px 20px 30px;
  border-radius: 10px;
  background-color: var(--bg);
  box-shadow: 0 10px 25px #676c7d1c;
  height: 100%;
}
.hire-work-3 .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 25px;
}
.hire-work-3 .title h4 {
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: #212534;
}
.hire-work-3 .title .icon {
  max-width: 85px;
}
.hire-work-3 .content h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.625rem;
  color: #0011ae;
  padding-bottom: 16px;
}
.hire-work-3 .content p {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6875rem;
  color: #000;
}
.hire-section-bg {
  background: linear-gradient(180deg, rgb(52, 60, 88) 0%, rgb(31, 35, 49) 100%);
  padding: 70px 0;
  border: 1px solid #707070;
}
.eService {
  margin-bottom: 60px;
}
.btn-control {
  margin-top: 24px;
}
.btn-control a {
  padding: 12px 33px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  color: #18181b;
}
.btn-control .active {
  background-color: #0a7efb;
  color: #fff;
}
.tab-left h4 {
  font-size: 16px;
  font-weight: 600;
  color: #212534;
  margin-bottom: 18px;
}
.policy_form
{
	color: #0018f2;
    font-weight: 700;
}
.terms_form
{
	font-size: 12px;
}
.video-sup .custom_email_icon {
    height: 46px !important;
    line-height: 30px !important;
    color: #fff !important;
    text-align: center !important;
    border-radius: 50% !important;
    position: relative !important;
    background-color: #0011ae;
    display: inline-block !important;
    padding: 7px !important;
    font-size: 25px !important;
}
.eNav {
  gap: 12px;
  align-items: center;
}
.motion {
  text-align: left;
}
.motion h5 {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.motion span {
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
}
.tab-left .nav-link {
  padding: 6px 14px;
  color: #18181b;
  border-radius: 8px;
  margin-bottom: 8px;
}
.tab-left .nav-link:last-child {
  margin-bottom: 0;
}
.tab-left .nav-link.active {
  color: #fff !important;
}
.package-title {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #18181b;
}
.tab-right .tab-pane {
  padding: 10px 20px;
  background-color: #f2f7ff;
  border-radius: 16px;
  border: 1px solid #dce9ff;
}
.package-plan h4 {
  font-size: 20px;
  font-weight: 700;
  color: #18181b;
  line-height: 32px;
  margin-bottom: 8px;
}
.package-plan span {
  font-size: 32px;
  font-weight: 800;
  line-height: 32px;
  color: #18181b;
  display: inline-block;
  margin-bottom: 12px;
}
.plan li {
  font-size: 14px;
  color: #18181b;
  font-weight: 500;
  gap: 16px;
  margin-bottom: 14px;
}
.trash {
  color: #9095a1;
}
.trash svg path {
  fill: #9095a1;
}
.buy-btn {
  display: inline-block;
  padding: 9px 40px;
  border: 1.5px solid #18181b !important;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #18181b;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  transition: 0.5s;
}
.package-plan {
  transition: 0.5s;
  padding: 16px 12px;
  border: 1.5px solid transparent;
  border-radius: 12px;
}
.package-plan:hover {
  background-color: #fff;
  border-color: #0a7efb !important;
}
.package-plan:hover .need-text {
  visibility: visible;
  opacity: 1;
}
.package-plan:hover .buy-btn {
  background-color: #0a7efb;
  border-color: #0a7efb !important;
  color: #fff;
}
.most span {
  font-size: 10px;
  background-color: #f6a200;
  border-radius: 100px;
  padding: 2px 10px;
  color: #fff !important;
  line-height: 20px;
  position: absolute;
  left: 43px;
  top: 0;
  transition: 0.5s;
  width: 85px;
}
.most {
  justify-content: space-between;
  position: relative;
}
.package-plan:hover .most span {
  visibility: visible;
  opacity: 1;
}
.epack {
  font-size: 16px;
  font-weight: 800;
  color: #18181b;
  margin-bottom: 15px;
}
.single-eCheck {
  margin-bottom: 12px;
}
.plan {
  height: 350px;
}
.single-eCheck .form-check-input {
  height: 20px;
  width: 20px;
  margin-right: 8px;
  border-color: #eaeff4;
  background-color: #eaeff4;
}
.single-eCheck .form-check-input:checked {
  border-color: transparent;
  background-color: #0d6efd !important;
}
.single-eCheck .form-check-input:focus {
  box-shadow: none;
}
.single-eCheck label {
  font-size: 14px;
  font-weight: 600;
  color: #18181b;
  cursor: pointer;
}
.single-eCheck span {
  font-size: 14px;
  font-weight: 500;
  color: #18181b !important;
}
.eg_row {
  background-color: #fff;
  padding: 16px;
  border-radius: 16px;
  border: 1.5px solid #0a7efb;
  margin-top: 12px;
  margin-bottom: 12px;
}
.eCheck-price p {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #18181b;
  margin-bottom: 4px;
}
.eCheck-price h5 {
  font-size: 32px;
  font-weight: 800;
  color: #18181b;
  margin-bottom: 8px;
}
.eCheck-price span {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #18181b;
  line-height: 27px;
  margin-bottom: 12px;
}
.eCheck-price .buy-btn {
  border-color: #0a7efb !important;
  background-color: #0a7efb;
  color: #fff;
}
.right-border {
  position: relative;
}
.right-border:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(36, 0, 19, 0.11) 0%,
    rgba(211, 182, 96, 0) 35%,
    rgba(0, 212, 255, 0.37) 100%
  );
}
.support {
  padding:16px;
  border-radius: 6px;
  background: #f2f7ff;
  border: 1px solid #dce9ff;
  margin-top: 20px;
}
.support ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.support ul li a {
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: #0011ae !important;
  font-size: 15px;
  font-weight: 600;
}
.support ul li a svg {
  height: 18px;
  width: 17px;
  margin-top: -2px;
}
.support ul li a svg path {
  fill: #fff;
}
.color-1 {
  background-color: #20b038 !important;
}
.color-2 {
  background-color: #2aabee !important;
}
.color-3 {
  background-color: #fa8f21 !important;
}
.video-sup {
  gap: 10px;
    margin-top: 24px;
}
.video-sup span {
  height: 46px;
    width: 46px;
    line-height: 46px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    position: relative;
    background-color: #0011ae;
    display: inline-block;
}
.accordion-header {
    margin: 0px 20px 0px;
}
.video-sup span:before {
  position: absolute;
  content: "";
  top: -6px;
  left: -6px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-color: #0a7efb35;
}
.video-sup h4 {
  margin-top: 7px;
}
.video-sup a svg {
  margin-top: -5px;
}
.Etop {
  background: #fff;
  box-shadow: 0 0.625rem 1.5625rem #676c7d1c;
  padding: 16px;
  border-radius: 6px;
}
.package-plan .need-text {
  visibility: visible;
  opacity: 0;
  transition: 0.5s;
}
.need-text {
  display: flex;
  justify-content: center;
  margin-top: 12px;
  font-weight: 600;
  color: #18181b !important;
  font-size: 12px;
}
.del_text {
  font-size: 14px;
  color: #676c7d !important;
}
.faq {
  margin-bottom: 75px;
}
.faq-wraps .accordion-item {
  border: 0.0625rem solid #e6eaee !important;
  border-radius: 0.625rem !important;
  margin-bottom: 10px;
  overflow: hidden;
}
.faq-wraps .accordion-button,
.faq-wraps .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  color: #212534;
  padding: 17px;
}
.faq-wraps .accordion-button:after {
  background-image: url(../new-icons-images/minus.svg);
}
.faq-wraps .accordion-button.collapsed:after {
  background-image: url(../new-icons-images/add-plus.svg);
}
.faq-wraps .accordion-item:has(:not(.show)) .accordion-body {
  position: relative;
  padding: 12px 26px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #010101e8;
}
.faq-wraps .accordion-item:has(:not(.show)) .accordion-body:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translate(-50%);
  height: 1px;
  width: 100%;
  background-color: #e6eaee;
}
.small-show {
  display: none;
}
.service-modal .modal-header {
  padding: 0;
  border: none;
  position: absolute;
  right: 21px;
  top: 13px;
  z-index: 999;
  background: transparent;
}
.service-modal .modal-header .btn-close {
  background: transparent !important;
  color: #fff;
  font-size: 28px;
}
.service-modal .plyr--video {
  border-radius: 16px;
}
.service-modal .modal-body {
  padding: 0;
  border-radius: 16px;
}
.service-modal .modal-content {
  background: none;
  border: none;
}
@media screen and (max-width: 1024px) {
  .hire-us-content .hire-info .item:before {
    right: -25px;
  }
}
@media screen and (max-width: 991px) {
  .submit-project,
  .hire-us-content {
    margin: auto;
  }
  .hire-us-content .hire-info .item:before {
    right: -35px;
  }
  .faq-img img {
    margin: auto;
    height: 300px;
    width: auto;
  }
  .faq-img {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .hire-us-content .hire-info .item h4 {
    font-size: 40px;
    line-height: 50px;
  }
  .hire-us-content .title {
    font-size: 45px;
    line-height: 3.5rem;
  }
  .hire-us-content .hire-info .item:before {
    right: -25px;
  }
  .eCheck-price {
    text-align: center;
  }
  .small-show {
    display: block;
  }
  .large-show {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .hire-us-content .title {
    font-size: 40px;
  }
  .hire-us-content .hire-info {
    flex-direction: column;
    gap: 30px;
  }
  .hire-us-content .hire-info .item:before {
    top: auto;
    bottom: -15px;
    left: 50%;
    right: auto;
    transform: translate(-50%) translateY(0);
    width: 100%;
    max-width: 80px;
    height: 1px;
  }
  .plan {
    height: auto;
  }
}
@font-face {
  font-family: "DM Serif Display";
  src: url(/build/assets/DMSerifDisplay-Regular-386db84a.woff2) format("woff2"),
    url(/build/assets/DMSerifDisplay-Regular-d7269077.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.main-form-container {
  padding: 90px 0;
  -moz-column-gap: 50px;
  column-gap: 50px;
}
.main-form-card {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 30px #2c2c2c29;
  max-width: 310px;
  width: 100%;
  padding: 30px;
}
.form-header {
  padding-bottom: 24px;
  text-align: center;
}
.form-header .title {
  color: #212534;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 5px;
}
.form-header .info {
  color: #676c7d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.main-form-wrap {
  row-gap: 16px;
}
.input-wrap .form-label {
  margin-bottom: 8px;
  color: #212534;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.input-wrap .form-label span {
  color: #0a7efb;
}
.input-wrap .form-control {
  border-radius: 8px;
  background: #eef7ff;
  color: #676c7d;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 11px 12px;
  border: 1px solid transparent;
}
.input-wrap .form-control:focus,
.input-wrap .form-control:hover {
  box-shadow: none;
  border-color: #0a7efb;
  color: #676c7d;
}
.main-form-area .forget {
  color: #0a7efb;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 8px;
  display: inline-block;
}
.main-form-area .submit {
  border-radius: 8px;
  background: #0a7efb;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  padding: 11px 12px;
  border: none;
  width: 100%;
  margin-top: 16px;
  transition: 0.3s;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.main-form-area .submit:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  opacity: 1;
  z-index: -1;
  transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  -webkit-transition: all ease 0.35s;
  background: linear-gradient(
    90deg,
    rgba(10, 126, 251, 1) 0%,
    rgba(0, 90, 185, 1) 50%,
    rgba(10, 126, 251, 1) 100%
  );
  transition: 0.4s;
}
.main-form-area .submit:hover:before {
  width: 100%;
  right: auto;
  left: 0;
}
.main-form-area .submit:focus {
  box-shadow: none;
}
.form-footer {
  padding-top: 16px;
  text-align: center;
}
.form-footer .info {
  color: #212534;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 4px;
}
.form-footer .link {
  color: #0a7efb;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: inline-block;
}
.password-input-wrap {
  position: relative;
}
.password-input-wrap .password-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.password-input-wrap input {
  padding: 11px 32px 11px 12px;
}
.form-advice-wrap {
  width: 100%;
}
.form-advertise-layout {
  width: 100%;
  -moz-column-gap: 15px;
  column-gap: 15px;
}
.form-advertise-text .title {
  color: #212534;
  font-family: "DM Serif Display";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 72px;
}
.form-advertise-text .title .shape {
  position: relative;
  z-index: 1;
}
.form-advertise-text .title .shape:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 6px;
  width: 100%;
  height: 30px;
  background: rgba(10, 126, 251, 0.16);
  z-index: -1;
}
.form-advertise-layout-1 .form-advertise-text {
  max-width: 298px;
  width: 100%;
}
.form-advertise-text .title .blue-text {
  color: #0a7efb;
}
.form-advertise-text .info {
  color: #212534;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-top: 12px;
}
.form-advertise-text .subs-btn {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  border-radius: 50px;
  background: #212534;
  padding: 16px 24px;
  margin-top: 30px;
}
.form-advertise-layout-1 .form-advertise-text {
  max-width: 240px;
}
.form-advertise-layout-1 .form-advertise-img {
  max-width: 100%;
  width: 100%;
  text-align: right;
}
.form-advertise-layout-2 .form-advertise-text {
  width: 50%;
}
.form-advertise-layout-2 .form-advertise-img {
  width: 50%;
  position: relative;
  z-index: 1;
  text-align: right;
}
.form-advertise-layout-2 .form-advertise-img:after {
  position: absolute;
  content: "";
  right: 30px;
  bottom: 38px;
  width: 253.581px;
  height: 304.749px;
  background: linear-gradient(152deg, #4865ff 14.83%, #da16af 91.84%);
  filter: blur(130px);
  z-index: -1;
  opacity: 0.6;
}
.form-advertise-layout-3 .form-advertise-text {
  width: 40%;
}
.form-advertise-layout-3 .form-advertise-img {
  width: 60%;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .main-form-container {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .form-advertise-text .title {
    font-size: 55px;
  }
  .form-advertise-text .title .shape:after {
    height: 25px;
  }
}
@media screen and (max-width: 991px) {
  .form-advertise-layout-1 .form-advertise-text {
    max-width: 150px;
  }
  .form-advertise-layout-1 .form-advertise-img {
    max-width: 350px;
  }
  .form-advertise-text .title {
    font-size: 40px;
    line-height: 55px;
  }
  .form-advertise-text .title .shape:after {
    height: 15px;
  }
  .form-advertise-layout-2 .form-advertise-img:after {
    right: 0;
    bottom: 0;
    width: 180px;
    height: 220px;
    background: linear-gradient(152deg, #4865ff 10.83%, #da16af 60.84%);
  }
}
@media screen and (max-width: 767px) {
  .form-advice-wrap {
    display: none;
  }
  .main-form-card {
    max-width: 550px;
    margin: auto;
  }
}
.pt-80 {
  padding-top: 5rem;
}
.fz-24-sb-34-black {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.125rem;
  color: #212534;
}
.career-details .c_header {
  max-width: 35.8125rem;
  padding-bottom: 1.875rem;
}
.career-details .c_header .info {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #676c7d;
}
.career-details .c_body {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  padding-top: 1.875rem;
  border-top: 0.0625rem solid #e6eaee;
}
.cd_title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.125rem;
  color: #212534;
}
.c_text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #212534;
}
.fw-bolder {
  font-weight: bolder !important;
}
.cd_list {
  padding-left: 1em;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cd_list li {
  list-style: decimal;
  padding-bottom: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #212534;
}
.cd_list li:last-child {
  padding-bottom: 0;
}
.cd_list_2 li {
  position: relative;
  padding-left: 2.1875rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #212534;
}
.cd_list_2 li:last-child {
  padding-bottom: 0;
}
.cd_list_2 li:before {
  content: url(/build/assets/plus-c05feb81.svg);
  position: absolute;
  top: 3px;
  left: 0;
  line-height: 1;
}
.text-fast-blue {
  color: #0d6efd;
  transition: 0.3s;
}
.text-fast-blue:hover {
  color: #0d6dfdc0;
}
@media screen and (max-width: 575px) {
  .c-ling-text-wrap {
    overflow: auto;
  }
}
.element-menu-section {
  position: sticky;
  top: 0;
  z-index: 9;
}
.element-menu-header {
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-bottom: 1px solid #d8dde2;
}
.element-desktop-nav ul {
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.element-desktop-nav li a {
  color: #212534;
  font-size: 0.9375rem;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  line-height: 1.375rem;
  padding: 1.25rem 10px;
  transition: 0.3s;
}
.element-desktop-nav li a.active,
.element-desktop-nav li a:hover {
  color: #0a7efb;
}
.el-have-sub > a {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.el-have-sub > a svg {
  margin-top: 2px;
}
.el-have-sub > a path {
  transition: 0.3s;
}
.el-have-sub > a:hover path {
  fill: #0a7efb;
}
.el-sub-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  width: 200px;
  height: auto;
  box-shadow: 0 0.625rem 2.1875rem #00000014;
  background: #fff;
  padding: 10px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.el-sub-menu > span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #0a7efb;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
}
.el-sub-menu li a {
  width: 100%;
  display: block;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #676c7d;
  padding: 0.5625rem 0.625rem;
  position: relative;
  transition: 0.3s all ease-in-out;
  border-radius: 0.1875rem;
}
.el-sub-menu li a:hover {
  background-color: #edf2f6;
  color: #0a7efb;
}
.el-sub-menu li a.active {
  color: #0a7efb;
}
.el-have-sub {
  position: relative;
}
.el-have-sub:hover .el-sub-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.unlimited-btn {
  border-radius: 4%;
  background: #0011ae;
  padding: 12px 30px;
  color: #fff !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: inline-block;
  transition: 0.3s;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.unlimited-btn:hover {
  background: #f0ea1f;
  color: #000 !important;
}
.element-menu-button {
  display: none;
}
.element-menu-area {
  position: relative;
  display: block;
}
.el-have-search {
  position: static;
}
.el-have-search a path {
  transition: 0.3s;
}
.el-have-search a:hover path {
  fill: #0a7efb;
}
.menu-search-antry {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  background: #fff;
  box-shadow: #64646f33 0 7px 29px;
  border-radius: 0 0 5px 5px;
  transition: 0.3s;
  max-width: 575px;
  width: 100%;
  visibility: hidden;
  opacity: 0;
}
.menu-search-antry.active {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.menu-search-antry .nice-select {
  min-width: 170px;
  padding-left: 13px;
  background-color: transparent !important;
  font-size: 14px;
  height: 45px;
  border: none;
  display: flex;
  align-items: center;
}
.menu-search-antry .nice-select:focus {
  box-shadow: none;
}
.menu-search-antry .nice-select .current {
  font-size: 14px;
  color: #212534;
  line-height: 33px;
  display: flex;
  align-items: center;
}
.menu-search-antry .nice-select.open .list {
  margin-top: 14px;
}
.menu-search-antry .nice-select .list {
  overflow: inherit;
  background-color: #fff;
  box-shadow: #64646f33 0 7px 29px;
  border-radius: 7px;
  padding: 2px;
}
.menu-search-antry .nice-select.open .list:before {
  position: absolute;
  top: -9px;
  left: 46%;
  content: "";
  background-color: #fff;
  transform: rotate(137deg);
  height: 18px;
  width: 18px;
  z-index: -1;
}
.menu-search-antry .nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding: 0 29px 0 18px;
  text-align: left;
  transition: all 0.2s;
  font-size: 14px;
}
.menu-search-antry .nice-select .option.selected {
  font-weight: 400;
  font-size: 14px;
}
.menu-search-antry .nice-select:after {
  border: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 12px;
  transform: rotate(0);
  width: 10px;
  height: 10px;
}
.menu-search-antry .form-control {
  background-color: transparent;
  font-size: 14px;
  padding: 11px 12px;
  border: none;
  color: #212534;
  width: 100%;
}
.menu-search-antry .form-control:focus {
  box-shadow: none;
}
.search-input-after {
  position: relative;
  max-width: 300px;
  width: 100%;
}
.search-input-after:after {
  position: absolute;
  top: 11px;
  content: "";
  left: -4px;
  width: 1px;
  height: 20px;
  background-color: #676c7d;
}
.menu-search-antry button {
  background-color: #0a7efb;
  border: none;
  padding: 12px 16px;
  border-radius: 0 5px 5px 0;
  font-size: 14px;
  color: #fff;
  max-width: 105px;
  width: 100%;
}
.menu-search-antry button svg {
  margin-right: 5px;
}
.menu-search-antry button path {
  fill: #fff;
}
@media all and (max-width: 1199px) {
  .element-desktop-nav ul {
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .unlimited-btn {
    padding: 10px 18px;
  }
  .menu-search-antry {
    display: none;
  }
  .element-menu-header {
    padding: 6px 8px;
  }
  .element-menu-wrap {
    position: static;
  }
  .element-menu-area {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    width: 100%;
    display: none;
  }
  .element-desktop-nav {
    padding-bottom: 30px;
    height: calc(100vh - 56px);
    overflow-y: scroll;
  }
  .element-desktop-nav > ul {
    flex-direction: column;
    align-items: flex-start !important;
    padding: 0 20px;
  }
  .element-menu-button {
    display: block;
    padding: 10px;
  }
  .element-logo img {
    height: 30px;
    width: auto;
  }
  .element-desktop-nav li {
    width: 100%;
  }
  .element-desktop-nav > ul > li:not(:last-child) a {
    border-bottom: 1px solid #d8dde2;
  }
  .element-desktop-nav > ul > li.active-el-submenu a {
    border-bottom: 1px solid #d8dde2;
  }
  .element-desktop-nav > ul > li a.border-none {
    border-bottom: 1px solid transparent;
  }
  .element-desktop-nav li a {
    padding: 13px 10px 13px 0;
    width: 100%;
    justify-content: space-between;
  }
  .el-have-sub .el-sub-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
    max-width: 100%;
    width: 100%;
    position: inherit;
    box-shadow: none;
    display: none;
    transition: none;
  }
  .el-sub-menu > span {
    display: none;
  }
  .element-desktop-nav li a.active,
  .element-desktop-nav li a:hover {
    color: #212534;
  }
  .el-sub-menu li a.active,
  .el-sub-menu li a:hover {
    background-color: transparent;
    color: #676c7d;
  }
  .el-have-sub > a:hover path {
    fill: #212534;
  }
  .el-have-search {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .unlimited-btn .hide-text {
    display: none;
  }
  .unlimited-btn {
    padding: 9px 14px;
  }
  .element-logo img {
    height: 28px;
  }
}
.py-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.px-30 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.mb-12 {
  margin-bottom: 0.75rem;
}
.mb-20 {
  margin-bottom: 1.25rem;
}
.elDetails-title {
  padding-bottom: 0.9375rem;
}
.elDetails-title .content .title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #212534;
  padding-bottom: 0.5625rem;
}
.elDetails-title .content .info {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.875rem;
  color: #676c7d;
}
.breadcrumb-two-back path {
  transition: 0.3s;
}
.preview-wrap {
  max-width: 48.3125rem;
  position: relative;
}
.preview-wrap .swiperSlider-control {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: calc(58% - 105px);
}
.preview-wrap .swiperSlider-control [class*="swiper-button"] {
  --swiper-navigation-color: $text_color_3;
  --swiper-pagination-color: $text_color_3;
  width: 3.0625rem;
  height: 3.0625rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0.625rem 1.25rem #0000001a;
}
.preview-wrap .swiperSlider-control .swiper-button-next {
  right: 0;
}
.preview-wrap .swiperSlider-control .swiper-button-prev {
  left: 0;
}
.preview-wrap .swiperSlider-control [class*="swiper-button"]:after {
  font-size: 1.0625rem;
}
.preview-wrap .elSlider-thumb,
.preview-wrap .elSlider-main {
  max-width: 45.3125rem;
}
.preview-wrap .elSlider-main {
  margin-bottom: 1.25rem;
  background-color: #e6eaee;
  padding: 0.9375rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1.25rem #676c7d14;
}
.preview-wrap .elSlider-main .swiper-slide img {
  border-radius: 0.3125rem;
  width: 100%;
  max-height: 28.125rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.preview-wrap .elSlider-thumb {
  margin-bottom: 0.9375rem;
}
.preview-wrap .elSlider-thumb .swiper-slide {
  cursor: pointer;
  height: 5.625rem;
  border-radius: 0.625rem;
  overflow: hidden;
  border: 0.125rem solid #fff;
}
.preview-wrap .elSlider-thumb .swiper-slide img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.preview-wrap .elSlider-thumb .swiper-slide.swiper-slide-thumb-active {
  border: 0.125rem solid #0a7efb;
}
.venobox-img-wrap {
  height: 35px;
}
.element-video-wrap {
  margin-bottom: 20px;
}
.element-video-wrap .plyr__control--overlaid {
  background: #0a7efb;
}
.element-video-wrap .plyr__volume input[type="range"],
.element-video-wrap .plyr__progress input[type="range"] {
  color: #0a7efb;
}
.element-3d-wrap {
  margin-bottom: 20px;
}
.element-3d-wrap .model-viewer {
  border: 1px solid gainsboro;
  border-radius: 5px;
  width: 100%;
  height: 420px;
}
.live-preview-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0a7efb;
  padding: 0.4375rem 1.125rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3125rem;
  color: #fff !important;
  border-radius: 0.3125rem;
}
.el-save-btn svg path {
  fill: transparent;
  stroke: #676c7d;
  transition: all 0.3s;
}
.el-save-btn:hover svg path,
.el-save-btn.active svg path {
  fill: #0a7efb;
  stroke: #0a7efb;
}
.elDetails-about .title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: #212534;
  padding-bottom: 0.9375rem;
}
.elDetails-about-wrap {
  background-color: #fff;
  border-radius: 0.625rem;
}
.elDetails-about-wrap p {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5625rem;
  color: #676c7d;
  text-align: justify;
  padding-bottom: 2.375rem;
}
.elDetails-about-wrap ul li {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #676c7d;
  padding-left: 1rem;
  padding-bottom: 0.625rem;
  position: relative;
}
.elDetails-about-wrap ul li:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: #676c7d;
}
.elDetails-about-wrap ul li:last-child {
  padding-bottom: 0;
}
.el-summary-items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8125rem;
  padding-bottom: 1.875rem;
}
.el-summary-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.58125rem;
  height: 1.875rem;
  padding: 0 0.625rem;
  background-color: #fff;
  border: 0.0625rem solid #cfd4e1;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.3s;
}
.el-summary-item:hover {
  border-color: #0a7efb;
}
.el-summary-item .icon {
  line-height: 1;
}
.el-summary-item span {
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: #676c7d;
}
.el-summary-item .icon img {
  height: 12px;
  vertical-align: middle;
  margin-bottom: 2px;
}
.shareDropdown {
  position: relative;
  padding: 0;
}
.shareDropdown-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.58125rem;
  border: none;
  padding: 0 0.625rem;
  background-color: transparent;
  height: 100%;
}
.shareDropdown-button .icon {
  line-height: 1;
}
.shareDropdown-button .icon img {
  height: 12px;
  vertical-align: middle;
}
.shareDropdown-menu {
  display: none;
  position: absolute;
  right: 0;
  transform: translateY(128px);
  background-color: #fff;
  min-width: 21.5625rem;
  box-shadow: 0 0.625rem 1.5625rem #676c7d21;
  z-index: 2;
  border-radius: 0.625rem;
  padding: 1.25rem;
}
.shareDropdown-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.shareDropdown-content .copyInput {
  position: relative;
}
.shareDropdown-content .copyInput input {
  width: 100%;
  background-color: #fff;
  height: 2.8125rem;
  border: 1px solid #cfd4e1;
  border-radius: 0.3125rem;
  padding-right: 6.875rem;
  padding-left: 2.8125rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1875rem;
  color: #a6abbe;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none;
}
.shareDropdown-content .copyInput .linkCopy {
  position: absolute;
  top: 50%;
  left: 1.0625rem;
  transform: translateY(-50%);
}
.shareDropdown-content .copyInput .copyBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.25rem;
  height: 2.8125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4125rem;
  background-color: #0a7efb;
  border: none;
  border-radius: 0rem 0.3125rem 0.3125rem 0rem;
  outline: none;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1875rem;
  color: #fff;
}
.shareDropdown-content .copyInput .copy-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  height: 0;
  background-color: #0a7efb;
  color: #fff;
  border-radius: 0.3125rem;
  transition: all 0.3s;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.shareDropdown-content .copyInput .copy-overlay path {
  fill: #fff;
}
.shareDropdown-social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6875rem;
}
.shareDropdown-social li {
  flex: 0 0 9.125rem;
}
.shareDropdown-social li a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background-color: #676c7d;
  border-radius: 0.3125rem;
  padding: 0.8125rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1875rem;
  color: #fff;
}
.shareDropdown-social li a path {
  fill: #fff;
}
.shareDropdown-social li:nth-of-type(1) a {
  background-color: #0a7efb;
}
.shareDropdown-social li:nth-of-type(2) a {
  background-color: #1da1f2;
}
.shareDropdown-social li:nth-of-type(3) a {
  background-color: #e60023;
}
.shareDropdown-social li:nth-of-type(4) a {
  background-color: #0077b5;
}
.shareDropdown-content .copyInput .copyBtn.copied ~ .copy-overlay {
  height: 2.8125rem;
  opacity: 1;
}
.elitem-price .price {
  padding-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #676c7d;
}
.elitem-price .price span {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: #212534;
}
.elitem-price .el-btn-buy {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.125rem;
  border: 0.0625rem solid #0a7efb;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #0a7efb;
  transition: all 0.3s;
}
.elitem-price .el-btn-buy:hover {
  background-color: #0a7efb;
  color: #fff;
}
.elitem-price .seperate {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 0.75rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.625rem;
  color: #212534;
}
.elitem-price .seperate:after,
.elitem-price .seperate:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 45%;
  height: 0.0625rem;
  background-color: #e6eaee;
}
.elitem-price .seperate:before {
  left: 0;
}
.elitem-price .el-btn-subscribe {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.125rem;
  background-color: #0a7efb;
  border: 0.0625rem solid #0a7efb;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #fff;
  transition: all 0.3s;
}
.elitem-price .el-btn-subscribe:hover {
  background-color: transparent;
  color: #0a7efb;
}
.el-sp-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: #212534;
  padding: 0 1.875rem 0.9375rem;
  margin-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #e6eaee;
}
.el-sp-table .eTable > :not(caption) > * > * {
  padding: 0.625rem 0;
  border-top: 0px solid #e6eaee;
  border-bottom: 0px solid #e6eaee;
  vertical-align: middle;
}
.el-sp-table .eTable > :not(caption) > * > *:first-child {
  padding-left: 0rem;
}
.el_table_info {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #212534;
  min-width: 10rem;
}
.fz-24-eb-black {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 3.75rem;
  color: #212534;
}
.view-all-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1875rem;
  color: #676c7d !important;
  transition: 0.3s;
}
.view-all-btn path {
  fill: #676c7d;
}
.view-all-btn:hover {
  text-decoration: underline;
}
.elDetails-feedback {
  max-width: 45.3125rem;
}
.fz-20-b-black {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1rem;
  color: #212534;
}
.el-feedback-form {
  margin-bottom: 1.25rem;
}
.eForm-control {
  display: block;
  width: 100%;
  padding: 0.6875rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #676c7d;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.3125rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
textarea.eForm-control {
  background-color: #f5f8fa;
  border: 0.0625rem solid #fff;
}
.el-feedback-form textarea.eForm-control {
  min-height: 8.75rem;
}
.el-feedback-form textarea.eForm-control:focus {
  border: 0.0625rem solid #0a7efb;
  background-color: #f5f8fa;
  box-shadow: none;
}
.el-feedback-form textarea.eForm-control:hover {
  border: 0.0625rem solid #0a7efb;
}
.post-feedback-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-top: 1.25rem;
  padding: 0.4375rem 1.25rem;
  background-color: #0a7efb;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #fff;
  border: none;
  transition: 0.3s;
}
.post-feedback-btn:hover {
  background-color: #005ab9;
}
.feedback-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}
.feedback-item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #e6eaee;
}
.feedback-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.feedback-item .feedback-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feedback-author-time {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.feedback-author-time .author {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.feedback-author-time .author img {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
}
.feedback-author-time .author .name {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #212534;
}
.feedback-author-time .time {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #676c7d;
}
.feedback-option {
  position: relative;
}
.eBtn-table {
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.table-action-btn-2 {
  display: inline-block;
  padding: 0 !important;
  line-height: 1;
  border: none;
  border-radius: 5px;
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  color: #69696a;
}
.table-action-btn-2 path {
  fill: #69696a;
}
.table-action-btn-2:after {
  display: none;
}
.eDropdown-menu-2 {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 10px 25px #00000025;
  padding: 10px;
  border: none;
  z-index: 1;
  animation: menu-sub-dropdown-animation-fade-in 0.3s ease 1,
    menu-sub-dropdown-animation-move-up 0.3s ease 1;
}
.eDropdown-menu-2 li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 9px;
  width: 100%;
  color: #676c7d;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
}
.eDropdown-menu-2 li a path {
  fill: #676c7d;
}
.table-action-btn-2 ~ .eDropdown-menu-2 li a {
  font-size: 13px !important;
  font-weight: 500;
  line-height: 30px;
}
.eDropdown-menu-2 li a:hover {
  background-color: #ebeff3;
  color: #69696a;
}
.feedback-item .feedback-body {
  max-width: 36.5625rem;
}
.feedback-item .feedback-body p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5625rem;
  color: #212534;
}
.feedback-item .feedback-footer {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.feedback-item .feedback-footer a {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #676c7d !important;
}
.feedback-graphic {
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: #a6abbe;
}
.more-feedback-btn {
  position: relative;
}
.more-feedback-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 0.0625rem;
  background-color: #e6eaee;
}
.more-feedback-btn a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.375rem;
  width: 14.25rem;
  height: 2.8125rem;
  margin: 0 auto;
  border: 0.0625rem solid #cfd4e1;
  border-radius: 0.625rem;
  background-color: #fff;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #0a7efb !important;
}
.more-feedback-btn a path {
  fill: #0a7efb;
}
@media screen and (min-width: 1224px) {
  .preview-wrap {
    left: -21px;
  }
}
@media screen and (max-width: 1050px) {
  .shareDropdown {
    position: static;
  }
  .shareDropdown-menu {
    max-width: 21.5625rem;
    min-width: 21.5625rem;
    right: 12px;
  }
}
@media screen and (max-width: 991px) {
  .elDetails-title .content .title {
    line-height: 1.2;
  }
  .preview-wrap {
    margin: auto;
  }
  .shareDropdown-menu {
    left: 12px;
  }
  .element-3d-wrap .model-viewer {
    max-width: 600px;
    width: 100%;
    height: 350px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .element-3d-wrap .model-viewer {
    height: 300px;
  }
}
@media screen and (max-width: 575px) {
  .elDetails-title .content .title {
    font-size: 25px;
  }
  .preview-wrap .elSlider-thumb .swiper-slide {
    height: 4.625rem;
  }
  .preview-wrap .swiperSlider-control {
    top: calc(58% - 90px);
  }
}
@media screen and (max-width: 450px) {
  .shareDropdown-menu {
    max-width: 19.5625rem;
    min-width: 19.5625rem;
    right: 12px;
  }
  .shareDropdown-social li {
    flex: 0 0 8.125rem;
  }
}
.elements-32 {
  color: #212534;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}
.elements-40 {
  color: #0a7efb;
  font-family: Manrope;
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 48px;
  padding-bottom: 30px;
  text-align: center;
}
.elements-3-title-wrap {
  padding: 50px 0 40px;
}
.elements-3-search-wrap {
  max-width: 400px;
  width: 100%;
  margin: 0;
  border-radius: 10px;
  border: 1px solid #cfd4e1;
  background: #f7f8f8;
  height: 48px;
}
span#select-icon {
  display: inherit;
}
.element-3-select .selected-item {
  height: 100%;
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: #212534;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  position: relative;
}
.element-3-select .selected-item:before {
  content: " ";
  transition: all 0.3s ease 0s;
  position: absolute;
  line-height: normal;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 11.175px;
  height: 6.544px;
  background: url(/build/assets/angle-down-1fc9cfae.svg);
  background-repeat: no-repeat;
  background-size: 11.175px 6.588px;
  transition: 0.3s;
}
.element-3-select .selected-item.active:before {
  transform: translateY(-50%) rotate(0);
}
.selected-item path {
  fill: #212534;
}
.element-3-select {
  max-width: -moz-max-content;
  max-width: max-content;
  min-width: 189px;
  width: 100%;
  height: 100%;
  position: relative;
}
.select-dropdown .select-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: #676c7d;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 8px 10px;
  transition: 0.3s;
  border-radius: 5px;
  cursor: pointer;
}
.select-dropdown {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 15px #676c7d40;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 3;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
}
.select-dropdown:after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  height: 10px;
  width: 10px;
  top: -5px;
  background: #fff;
}
.select-dropdown.active {
  top: calc(100% + 8px);
  visibility: visible;
  opacity: 1;
}
.select-dropdown .select-item:hover {
  color: #fff;
  background: #0a7efb;
}
.select-dropdown .select-item path {
  fill: #676c7d;
  transition: 0.3s;
}
.select-dropdown .select-item:hover path {
  fill: #fff;
}
.element-3-search {
  position: relative;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.element-3-search:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 28px;
  background: #cfd4e1;
}
.element-3-search input {
  height: 100%;
  width: 100%;
  padding: 0 30px;
  border: none;
  background: transparent;
  color: #212534;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.element-3-search input:focus {
  color: #212534;
  background: transparent;
  box-shadow: none;
}
.element-3-search input::-moz-placeholder {
  color: #676c7d;
}
.element-3-search input::placeholder {
  color: #676c7d;
}
.element-3-search button {
  position: absolute;
  right: 13px;
  top: calc(50% - 2px);
  transform: translateY(-50%);
  border: transparent;
  background: #f7f8f8;
  padding: 0 5px;
}
.element-filter-tabs {
  margin-top: 16px;
}
.element-filter-tabs .nav {
  justify-content: center;
  gap: 16px;
}
.element-filter-tabs .nav-link {
  display: flex;
  align-items: center;
  -moz-column-gap: 18px;
  column-gap: 18px;
  padding: 12px 28px;
  border-radius: 44px;
  border: 1px solid #dbdfe8;
  color: #212534;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: 0.3s;
}
.element-filter-tabs .nav-link img {
  display: none;
  transition: 0.3s;
}
.element-filter-tabs .nav-link.active img {
  display: block;
}
.element-filter-tabs .nav-pills .nav-link.active,
.element-filter-tabs .nav-pills .nav-link:hover,
.element-filter-tabs .nav-pills .show > .nav-link {
  color: #0a7efb;
  background-color: transparent;
  border-color: #0a7efb;
}
.single-element-3 {
  width: 100%;
  height: auto;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.single-element-3 > img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}
.single-element-3 .card-free {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 4px 14px;
  border-radius: 13px;
  background: #0a7efb;
}
.single-element-3:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 100%;
  left: 0;
  border-radius: 10px;
  background: linear-gradient(
    180deg,
    rgba(33, 37, 52, 0) 51.66%,
    rgba(33, 37, 52, 0.58) 73.27%,
    #212534 100%
  );
  box-shadow: 0 5px 10px #676c7d0d;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
}
.card-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  border-radius: 10px;
  padding: 12px;
  width: 100%;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
}
.overlay-copy-see {
  margin-bottom: 12px;
}
.overlay-copy-see .overlay-copy {
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 5px 16px;
  border-radius: 6px;
  background: #ff4343;
  transition: 0.3s;
  border: none;
}
.overlay-copy-see .overlay-copy:hover {
  background: #c71919;
}
.overlay-copy-see .overlay-see {
  background: #fff;
  padding: 8px;
  border-radius: 6px;
  display: inherit;
  transition: 0.3s;
  border: none;
}
.overlay-copy-see .overlay-see:hover {
  background: #0a7efb;
}
.overlay-copy-see .overlay-see:hover path {
  fill: #fff;
}
.overlay-categories ul {
  gap: 6px;
  flex-wrap: wrap;
}
.overlay-categories ul a {
  padding: 4px 9px;
  border-radius: 4px;
  background: #212534;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  transition: 0.3s;
}
.overlay-categories ul a:hover {
  background: #1b2756;
}
.single-element-3:hover:before {
  top: 0;
  visibility: visible;
  opacity: 1;
}
.single-element-3:hover .card-overlay {
  transform: translate(0);
  visibility: visible;
  opacity: 1;
}
.element-tab-content {
  margin-bottom: 80px;
}
.element-more-btn-wrap {
  margin-top: 20px;
}
a.element-more-btn {
  color: #0a7efb;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  padding: 13px 24px 14px 25px;
  border-radius: 10px;
  border: 1px solid #cfd4e1;
  background: #fff;
  display: inline-block;
}
a.element-more-btn:hover {
  color: #fff;
  background: #0a7efb;
  border-color: transparent;
}
.element-card-link {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.el-bg-one {
  background-color: #212534;
}
.py-50 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
.pt-50 {
  padding-top: 3.125rem;
}
.row {
  row-gap: 1.875rem;
}
.ce-title .title {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.5rem;
  color: #212534;
  padding-bottom: 0.625rem;
}
.es-viewAll {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5625rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1875rem;
  color: #676c7d !important;
}
.es-viewAll-2 {
  color: #fff !important;
}
.es-viewAll span {
  position: relative;
  display: inline-block;
}
.es-viewAll span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #676c7d;
  transition: all 0.3s;
}
.es-viewAll:hover span:before {
  width: 100%;
}
.es-viewAll path {
  fill: #fff;
}
.product-item-two {
  display: inline-block;
  padding-bottom: 0.9375rem;
  border-radius: 0.625rem;
  background-color: #eef3f8;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.product-two-link {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.product-item-two .product-item-add {
  display: block;
}
.product-item-two .thumbnil-price {
  position: relative;
  margin-bottom: 0.9375rem;
}
.product-item-two .thumbnil-price img {
  width: 100%;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}
.product-item-two .product-price {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 3.625rem;
  height: 3.625rem;
  border-radius: 50%;
  background-color: #0a7efb;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.5rem;
  color: #fff;
}
.product-item-two .thumbnil-price .product-price {
  top: inherit;
  left: inherit;
  bottom: 0.625rem;
  right: 0.625rem;
  height: 1.75rem;
  border-radius: 0.8125rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  color: #fff;
}
.product-item-two .content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  padding: 0 0.75rem;
}
.product-item-two .content:has(.product-bookmark) {
  justify-content: space-between;
}
.product-item-two .content .product-title {
  white-space: nowrap;
  width: 10.9375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: #212534;
}
.product-item-two .content .product-bookmark {
  width: 2.125rem;
  height: 1.75rem;
  border-radius: 0.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d4dde6;
  transition: all 0.3s;
  position: relative;
  z-index: 2;
}
.product-item-two .content .product-bookmark svg path {
  fill: transparent;
  stroke: #676c7d;
  stroke-width: 35px;
  transition: all 0.3s;
}
.product-item-two .content .product-bookmark:hover svg path,
.product-item-two .content .product-bookmark.active svg path {
  fill: #0a7efb;
  stroke: #0a7efb;
}
.product-item-three {
  display: inline-block;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  background: #eef3f8;
  box-shadow: 0 5.06303px 10.12605px #676c7d0d;
}
.product-three-link {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.product-item-add {
  display: block;
}
.product-item-three .thumbnil-price {
  position: relative;
}
.product-item-three .thumbnil-price img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.product-item-three .wishlist-bookmark {
  position: absolute;
  top: 0.875rem;
  right: -58px;
  width: 2.75rem;
  height: 3.9375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.625rem;
  background-color: #fff;
  box-shadow: 0 0.3125rem 0.625rem #676c7d26;
  transition: all 0.2s;
  z-index: 2;
}
.product-item-three .wishlist-bookmark li {
  width: 100%;
  text-align: center;
}
.product-item-three .wishlist-bookmark li svg {
  cursor: pointer;
}
.product-item-three .wishlist-bookmark li:first-child {
  position: relative;
  padding-bottom: 0.23125rem;
}
.product-item-three .wishlist-bookmark li:first-child:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #e6eaee;
}
.product-item-three .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  padding: 12px 12px 16px;
}
.product-item-three .content:has(.product-bookmark) {
  justify-content: space-between;
}
.product-item-three .product-title {
  white-space: nowrap;
  width: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #212534;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}
.product-item-three .product-price {
  display: block;
  color: #212534;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  transition: 0.3s;
}
.product-item-three .product-bookmark {
  width: 32px;
  height: 58px;
  border-radius: 0.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d4dde6;
  transition: all 0.3s;
  position: relative;
  z-index: 2;
}
.product-item-three:hover .wishlist-bookmark {
  right: 0.875rem;
}
.product-item-three:hover .product-price {
  color: #0a7efb;
}
.product-item-three .wishlist-bookmark li span path {
  fill: transparent;
  stroke: #707070;
  transition: all 0.3s;
}
.product-item-three .wishlist-bookmark li span:hover path,
.product-item-three .wishlist-bookmark li span.active path {
  fill: #fe2048;
  stroke: #fe2048;
}
.product-item-three .wishlist-bookmark li:last-child span:hover path,
.product-item-three .wishlist-bookmark li:last-child span.active path {
  fill: #0a7efb;
  stroke: #0a7efb;
}
.breadcrumb-three {
  position: relative;
  padding: 1.9375rem 0;
  background-color: #f2f4f6;
}
.breadcrumb-slug {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 1.25rem;
}
.breadcrumb-slug .items {
  position: relative;
}
.breadcrumb-slug .items:before {
  content: "/";
  position: absolute;
  top: 0;
  right: -10px;
  color: #212534;
}
.breadcrumb-slug .items a {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #212534 !important;
}
.breadcrumb-slug .items.active a {
  color: #0a7efb !important;
}
.breadcrumb-three-content .title {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #212534;
  padding-bottom: 0.625rem;
}
.breadcrumb-three-content .info {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.875rem;
  color: #676c7d;
}
.breadcrumb-three-img {
  text-align: right;
}
.breadcrumb-three-img img {
  height: 100px;
}
.pb-50 {
  padding-bottom: 3.125rem;
}
.el-title-three .title {
  font-size: 32px;
  font-weight: 800;
  line-height: 40px;
  color: #212534;
  padding-bottom: 15px;
}
.el-title-three .title span {
  color: #0a7efb;
}
.el-title-three .info {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6875rem;
  color: #676c7d;
}
.choice-one-items li {
  padding-bottom: 24px;
}
.choice-one-items li:last-child {
  padding-bottom: 0;
}
.choice-one-items li .choice-item {
  background-color: #fff;
  padding: 24px;
  border-radius: 10px;
  box-shadow: 0 6px 20px #676c7d1c;
  display: flex;
  gap: 16px;
}
.choice-one-items li .choice-item .icon {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
}
.choice-one-items li .choice-item .content .title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #212534;
  padding-bottom: 12px;
}
.choice-one-items li .choice-item .content .info {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #676c7d;
}
.pb-60 {
  padding-bottom: 3.75rem;
}
.el-review-one-item {
  display: flex;
  gap: 24px;
}
.el-review-one-item .img {
  flex: 0 0 202px;
}
.el-review-one-item .content .rating {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-bottom: 16px;
}
.el-review-one-item .content .rating li img {
  max-width: 20px;
}
.el-review-one-item .content .info {
  font-size: 1rem;
    font-weight: 600;
    line-height: 1.8rem;
    color: #212534;
    padding-bottom: 15px;
}
.el-review-one-item .content .name {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.875rem;
  color: #212534;
}
.el-review-one-item .content .subtitle {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5625rem;
  color: #676c7d;
}

a.el-review-all {
  border-radius: 4px;
  background: #0011ae;
  padding: 12px 20px;
  color: #fff !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: inline-block;
  transition: 0.3s;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
  margin-top: 30px;
}

a.el-review-all:hover{
  background-color: #f0ea1f;
  color: #000 !important;
}
.el-review-all {
  position: relative;
  display: inline-flex;
  justify-content: center;
  margin-top: 0px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #212534 !important;
}
.el-review-all:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: transparent;
  transition: all 0.3s;
}
.el-review-all:hover:before {
  width: 100%;
}
.el-blog-item-one .img {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 16px;
}
.el-blog-item-one .content .topic-date {
  display: flex;
  align-items: center;
  gap: 25px;
  padding-bottom: 106px;
}
.el-blog-item-one .content .topic-date .item {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  color: #676c7d;
}
.el-blog-item-one .content .topic-date .item:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #676c7d;
}
.el-blog-item-one .content .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: #212534;
}
.el-ask-wrap-one {
  margin-top: 50px;
}
.el-ask-one {
  position: relative;
  background: linear-gradient(
    135deg,
    rgb(225, 243, 255) 0%,
    rgb(204, 226, 255) 100%
  );
  padding: 50px;
  border-radius: 10px;
}
.el-ask-one .img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 520px;
}
.el-ask-one .content {
  max-width: 580px;
}
.el-ask-one .content .title {
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
  color: #212534;
  padding-bottom: 20px;
}
.el-ask-one .content .info {
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #000;
  padding-bottom: 30px;
}
.el-ask-one .content .link {
  display: inline-block;
  padding: 14px 30px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #fff;
  background-color: #0011ae;
  border-radius: 5px;
  transition: 0.3s;
}
.el-ask-one .content .link:hover {
  background: #f0ea1f;
  color: #000;
}
.elementsUI-sidebar-wraper {
  position: relative;
  padding-top: 1.25rem;
  height: 100%;
  border-right: 1px solid #e6eaee;
}
.elementsUI-sidebar {
  max-width: 20.875rem;
  margin-left: auto;
}
.bd-b-1,
.elementsUI-sidebar .sidebar-title {
  border-bottom: 0.0625rem solid #e6eaee;
}
.elementsUI-sidebar .sidebar-title {
  padding: 0 1.25rem 1.25rem;
  margin: 0 0.9375rem;
  transition: all 0.3s;
}
.elementsUI-sidebar .sidebar-title .sWrap {
  gap: 0.8125rem;
  color: #212534;
}
.elementsUI-sidebar .sidebar-title .sWrap .title {
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.125rem;
  color: #212534;
}
.elementsUI-sidebar .sidebar-title path {
  fill: #212534;
  transition: all 0.3s;
}
.filter-items {
  padding: 0 0.9375rem;
  transition: all 0.3s;
  margin-top: 20px;
}
.filter-items .filter-item {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #e6eaee;
}
.pb-25 {
  padding-bottom: 1.5625rem;
}
.filter-items .filter-item .icon-title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.filter-items .filter-item .icon-title .title {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #676c7d;
}
.filter-items .filter-item .filter-clear {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #0a7efb;
}
.link-filter-list li a.active,
.link-filter-list li a:hover,
.link-filter-list li a:focus {
  color: #3186ea;
}
.filter-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.filter-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.filterCheck input.form-check-input {
  box-shadow: 0 0 #0000;
  border: 1px solid #a6abbe;
  border-radius: 0.25rem;
  transform: scale(1.25);
}
.filterCheck input.form-check-input:checked {
  background-color: #0a7efb;
  border-color: #0a7efb;
}
.filterCheck label {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #212534;
  margin-left: 0.5rem;
}
.filter-items .filter-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.elementsUI-content {
  padding: 1.875rem 0 6.25rem;
}
.g-20 {
  gap: 1.25rem;
}
.cg-40 {
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
}
.rg-10 {
  row-gap: 0.625rem;
}

.contact_num
{
	color: #fff !important;
    margin-bottom: 0px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}
.contact_num a:hover
{
	color: #FFEB3B !important;
}
.call_section h4
{
	
    
}
.eForm-control {
  display: block;
  width: 100%;
      padding: 0.6rem 0.6rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #676c7d;
  background-color: #fff;
  background-clip: padding-box;
  border: 0.0625rem solid #d4dae6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.3125rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.searchOne input {
  height: 2.8125rem;
}
.searchOne input.eForm-control {
  padding: 0.75rem 4.25rem 0.75rem 1rem;
  border-radius: 0.3125rem;
  border-right: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1875rem;
  color: #676c7d;
}
.searchBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.25rem;
  height: 2.8125rem;
  border: none;
  background-color: #0a7efb;
  border-radius: 0 0.3125rem 0.3125rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.elementSort span {
  flex: 0 0 4.0625rem;
  font-size: 15px;
  font-weight: 600;
}
.elementSort .eForm-select {
  border: 0.0625rem solid #d4dae6;
  border-radius: 0.3125rem;
  min-height: 45px;
  min-width: 155px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  color: #9095a1;
  line-height: 45px;
  font-size: 15px;
  font-weight: 600;
}
.elementSort .nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  height: 8px;
  right: 16px;
  width: 8px;
}
.elementSort .nice-select .list {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  border: none;
}
.elementSort .nice-select .option {
  padding: 9px 10px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #9095a1;
  margin-bottom: 0.3125rem;
}
.elementSort .nice-select .option:hover,
.elementSort .nice-select .option.selected {
  background-color: #ebeff3;
  color: #0a7efb;
  border-radius: 0.3125rem;
}
.ci-pagination {
  gap: 0.375rem;
}
.web-ui-pagination .ci-pagination {
  justify-content: center;
  flex-wrap: wrap;
}
.ci-pagination .page-item .page-link:hover svg path,
.ci-pagination .page-item .page-link.active svg path {
  stroke: #fff;
}
.link-filter-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #212534;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  transition: 0.3s;
}
.link-filter-list li:not(:last-child) a {
  margin-bottom: 18px;
}
.elementsUI-sidebar .sidebar-title-2 {
  padding: 0 0 1.25rem;
}
.link-filter-list li a.active,
.link-filter-list li a:focus {
  color: #3186ea;
}
.filter-item-last {
  margin-bottom: 30px !important;
}
.filter-item-scroll ul {
  overflow-y: scroll;
  padding: 0 2px;
}
.filter-item-scroll .filter-list {
  max-height: 220px;
}
.filter-item-scroll .link-filter-list {
  max-height: 205px;
}
.filter-item-scroll ul {
  scrollbar-width: thin;
  scrollbar-color: #a6a6a6 #dfe9eb;
}
.filter-item-scroll ul::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
.filter-item-scroll ul::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #dfe9eb;
}
.filter-item-scroll ul::-webkit-scrollbar-track:hover {
  background-color: #dfe9eb;
}
.filter-item-scroll ul::-webkit-scrollbar-track:active {
  background-color: #dfe9eb;
}
.filter-item-scroll ul::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #a6a6a6;
}
.filter-item-scroll ul::-webkit-scrollbar-thumb:hover {
  background-color: #a6a6a6;
}
.filter-item-scroll ul::-webkit-scrollbar-thumb:active {
  background-color: #a6a6a6;
}
.web-ui-modal .modal-content {
  background-color: transparent;
}
.web-ui-modal .modal-header {
  border: none;
  margin: 0 auto;
  padding: 0;
}
.modalClose {
  z-index: 10;
}
.modalClose .btn-close {
  width: 30px;
  height: 30px;
  background: #fff
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center/14px auto no-repeat;
  border-radius: 50%;
  opacity: 1;
  box-shadow: 0 10px 20px #0000001a;
  top: 1.75rem;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.web-ui-modal .modal-content .modal-body {
  background-color: #fff;
  padding: 80px 0 30px;
  overflow: hidden scroll !important;
  border-radius: 1.875rem 1.875rem 0 0 !important;
}
.web-ui-modal .modal-content .modal-body::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.web-ui-modal-wrap::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.web-ui-modal.modal-fullscreen {
  width: 99.9vw;
  margin: 1.75rem auto 0;
}
.el-title-two {
  font-size: 2.125rem;
  font-weight: 800;
  line-height: 1.5rem;
  color: #212534;
}
.el-title-two span {
  color: #0a7efb;
}
.trending-item-one {
  --bg: linear-gradient(
    135deg,
    rgba(244, 235, 254, 1) 0%,
    rgba(248, 233, 255, 1) 100%
  );
  position: relative;
  display: block;
  background: var(--bg);
  border-radius: 10px;
  max-width: 240px;
  margin: 0 auto;
  text-align: center;
  padding: 22px 15px 20px;
  box-shadow: 0 5px 20px #c393f20d;
}
.trending-item-one:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: var(--bg);
  transform: rotate(6deg);
  opacity: 0.5;
  z-index: -1;
}
.trending-item-one .title {
  font-size: 1.0625rem;
  font-weight: 800;
  line-height: 1.5rem;
  color: #212534;
}
.trending-item-wrap {
  margin-left: 10px;
  margin-right: 10px;
}
@media all and (max-width: 1199px) {
  .el-ask-one .img {
    max-width: 450px;
  }
  .el-ask-one .content {
    max-width: 525px;
  }
}
@media all and (max-width: 991px) {
  .text-46 {
    font-size: 40px;
    line-height: 55px;
  }
  .text-50 {
    font-size: 42px;
    line-height: 58px;
  }
  .text-58 {
    font-size: 45px;
    line-height: 60px;
  }
  .text-40 {
    font-size: 36px;
    line-height: 50px;
  }
  .elements-32 {
    font-size: 29px;
    line-height: 45px;
  }
  .elements-40 {
    font-size: 35px;
    line-height: 43px;
  }
  .el-title-three .title {
    line-height: 3rem;
  }
  .el-ask-one .img {
    display: none;
  }
  .el-ask-one .content {
    max-width: 100%;
  }
  .web-ui-modal .modal-content .modal-body {
    border-radius: 0;
  }
}
@media screen and (max-width: 767px) {
  .text-52 {
    font-size: 45px;
    line-height: 62px;
  }
  .text-32 {
    font-size: 30px;
  }
  .text-42,
  .title-42 {
    font-size: 37px;
    line-height: 52px;
  }
  .text-36 {
    font-size: 32px;
    line-height: 45px;
  }
  .text-54 {
    font-size: 45px;
    line-height: 50px;
  }
  .text-40 {
    font-size: 33px;
    line-height: 47px;
  }
}
@media screen and (max-width: 575px) {
  .text-52,
  .text-54 {
    font-size: 40px;
    line-height: 55px;
  }
  .text-46 {
    font-size: 32px;
    line-height: 50px;
  }
  .text-32 {
    font-size: 28px;
  }
  .text-36 {
    font-size: 28px;
    line-height: 38px;
  }
  .text-50 {
    font-size: 34px;
    line-height: 52px;
  }
  .text-42 {
    font-size: 32px;
    line-height: 50px;
  }
  .title-42 {
    font-size: 35px;
    line-height: 48px;
  }
  .text-40 {
    font-size: 30px;
    line-height: 43px;
  }
  .title-32 {
    font-size: 25px;
  }
  .single-element-3,
  .product-item-add {
    max-width: 350px;
    width: 100%;
    margin: auto;
  }
  .elements-32 {
    font-size: 25px;
    line-height: 35px;
  }
  .elements-40 {
    font-size: 28px;
    line-height: 35px;
  }
  .element-3-select .selected-item {
    padding: 0 10px;
  }
  .element-3-select .selected-item:before {
    right: 10px;
  }
  .element-3-select {
    min-width: 160px;
  }
  .select-dropdown {
    padding: 10px 3px;
  }
  .select-dropdown .select-item {
    padding: 8px 7px;
  }
  .element-3-search input {
    padding: 0 10px;
  }
  .element-3-search button {
    right: 5px;
  }
  .element-3-search button img {
    width: 15px;
    height: auto;
  }
  .elementsUI-sidebar {
    max-width: 100%;
    margin-left: 0;
  }
  .elementsUI-sidebar-wraper {
    border-right: 1px solid transparent;
  }
  .filter-items {
    height: 0;
    visibility: hidden;
    opacity: 0;
  }
  .filter-items.fShow {
    height: 100%;
    visibility: visible;
    opacity: 1;
  }
  .el-review-one-item {
    flex-wrap: wrap;
  }
}
.breadcrumb-section .breadcrumb-one-graphic-1 {
  position: absolute;
  top: 3.125rem;
  right: 7.875rem;
}
.breadcrumb-section .breadcrumb-one-graphic-2 {
  position: absolute;
  bottom: 0;
  left: 7.5rem;
}
.breadcrumb-under {
  position: relative;
  z-index: 2;
}
.el_sideber_left {
  background-color: #fff;
  padding-top: 2.5rem;
  padding-bottom: 1.875rem;
  box-shadow: 0 0.625rem 1.25rem #0000000d;
  border-radius: 0.3125rem;
}
.admin_user_info {
  border-bottom: 0.0625rem solid #e6eaee;
  padding: 0 1.875rem 1.25rem;
  margin-bottom: 1.875rem;
  gap: 1.125rem;
}
.admin_user_info .user_img {
  flex: 0 0 6.875rem;
  width: 6.875rem;
  height: 6.875rem;
  border-radius: 50%;
}
.admin_user_info .user_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.admin_user_info .user_details {
  flex: 0 0 12.5rem;
  max-height: 3.125rem;
}
.admin_user_info .user_details .title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #212534;
}
.admin_user_info .user_details .info {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.1875rem;
  color: #676c7d;
}
.tab_title {
  padding: 0rem 0rem 1.875rem 1.875rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #212534;
}
.l_sidebarMenu {
  overflow: hidden;
}
.sidebarLogoutBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 9.375rem;
  height: 3.125rem;
  background-color: #0a7efb;
  border: 1px solid #0a7efb;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.1875rem;
  color: #fff !important;
  margin: 0 auto;
}
.sidebarLogoutBtn svg {
  transform: rotateY(180deg);
}
.sidebarLogoutBtn path {
  fill: #fff;
  transition: 0.3s;
}
.sidebarLogoutBtn:hover {
  background-color: #fff;
  border-color: #0a7efb;
  color: #0a7efb !important;
}
.sidebarLogoutBtn:hover path {
  fill: #0a7efb;
}
.elements-section-2 {
  top: 0;
  margin-top: -217px;
  padding-bottom: 110px;
}
.download-title-2 {
  margin: 2px 0 21px;
}
.download-title-2 h2 {
  color: #212534;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 24px;
}
.mobile-menu-2 {
  border-color: transparent;
  background-color: transparent;
  padding: 0 5px;
  margin-left: 5px;
}
.elements-section-2 .l_col_main {
  border-radius: 5px;
  box-shadow: 0 10px 15px #0000000f;
}
.l_sidebarMenu-2 .nav-links {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.el_sideber_left-2 .l_sidebar_tab_2 {
  row-gap: 40px;
}
.nav-links-li-2 {
  padding: 0 16px;
}
.nav-links-li-2 .nav-item {
  -moz-column-gap: 13px;
  column-gap: 13px;
  padding: 9px 14px;
  border-radius: 5px;
  transition: 0.3s;
}
.nav-links-li-2 .nav-item svg {
  margin-bottom: 2px;
}
.nav-links-li-2 .nav-item path {
  transition: 0.3s;
}
.nav-links-li-2 .nav-item:hover {
  background: rgb(10, 126, 251);
}
.nav-links-li-2 .nav-item:hover path {
  fill: #fff;
}
.nav-links-li-2 .nav-item:hover .link-name {
  color: #fff;
}
.nav-links-li-2 .nav-item-have-sub:hover:before {
  background: url(/build/assets/white-arrow-de92689d.svg) no-repeat scroll
    center center / cover;
}
.nav-links-li-2 .sidebar_icon {
  width: 17px;
  text-align: right;
}
.nav-links-li-2.active-submenu .nav-item {
  background: #0a7efb;
}
.nav-links-li-2.active-submenu .nav-item .link-name {
  color: #fff;
}
.nav-links-li-2.active-submenu .nav-item path {
  fill: #fff;
}
.nav-links-li-2.active-submenu .nav-item:before {
  transform: rotate(180deg);
  background: url(/build/assets/white-arrow-de92689d.svg) no-repeat scroll
    center center / cover;
}
.nav-links-li-2 .link-name {
  color: #252938;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: 0.3s;
}
.nav-links-li-2 .nav-item-have-sub {
  position: relative;
}
.nav-links-li-2 .nav-item-have-sub:before {
  content: " ";
  position: absolute;
  margin: 0 0 0 5px;
  right: 14px;
  transition: 0.3s;
  background: url(/build/assets/black-arrow-c25b8d49.svg) no-repeat scroll
    center center / cover;
  width: 9.821px;
  height: 5.751px;
}
.sideBar-sub {
  display: none;
  margin-left: 40px;
  margin-top: 8px;
}
.sideBar-sub a {
  padding: 5px 0 5px 15px;
  color: #676c7d;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
  display: block;
}
.sideBar-sub a:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background: #676c7d;
}
.sideBar-sub li:not(:last-child) {
  margin-bottom: 8px;
}
.sideBar-sub a:hover,
.sideBar-sub a.active,
.sideBar-sub a:focus {
  color: #0a7efb;
}
.sideBar-sub a:hover:after,
.sideBar-sub a.active:after,
.sideBar-sub a:focus:after {
  background: #0a7efb;
}
.mobile-admin-offcanvas .offcanvas-end {
  width: 340px;
}
.mobile-admin-offcanvas .offcanvas-body {
  padding: 0;
}
.mobile-admin-offcanvas .btn-close {
  position: absolute;
  right: 22px;
  top: 22px;
  background-size: 14px 14px;
}
.mobile-admin-offcanvas .admin_user_info {
  margin-bottom: 0;
  padding: 24px 30px 20px 24px;
  gap: 12px;
  width: 100%;
}
.mobile-admin-offcanvas .offcanvas-header {
  padding: 0;
}
.mobile-admin-offcanvas .admin_user_info .user_img {
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
}
.mobile-admin-offcanvas .admin_user_info .user_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mobile-admin-offcanvas .el_sideber_left {
  padding-top: 20px;
}
.mobile-admin-offcanvas .tab_title {
  padding: 0 0 20px 24px;
}
.mobile-admin-offcanvas .nav-links-li-2 {
  padding: 0 24px;
}
.mobile-admin-offcanvas .l_sidebar_tab_2 {
  row-gap: 30px;
}
.l_col_main {
  background-color: #fff;
  padding: 1.625rem 1.625rem 1.875rem;
}
@media screen and (min-width: 1100px) {
  .l_col_main .table-responsive {
    overflow-x: visible;
  }
}
.eTable {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #212534;
  margin-bottom: 0;
}
.eTable thead {
  background-color: #f1f3f5;
  border: 0.0625rem solid #f1f3f5;
  border-radius: 0.3125rem 0.3125rem 0 0;
}
.el-table thead {
  background-color: transparent;
  border: 0rem solid #f1f3f5;
}
.eTable > :not(caption) > * > * {
  padding: 1.1875rem 1rem;
  border-top: 0px solid #e6eaee;
  border-bottom: 0px solid #e6eaee;
  vertical-align: middle;
}
.el-table > :not(caption) > * > * {
  padding: 17px 10px !important;
  vertical-align: middle;
}
.eTable thead tr th {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #212534;
}
.el-table thead tr th {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #212534;
}
.eTable > :not(caption) > * > *:first-child {
  padding-left: 1.25rem !important;
}
.eTable > :not(caption) > * > *:last-child {
  text-align: right;
}
.eTable > :not(:first-child) {
  border-top: 0rem solid #000;
}
.el-table > :not(:first-child) {
  border-top: 0.075rem solid #e6eaee !important;
}
.eTable tbody tr {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 0.9375rem;
  color: #212534;
  border-bottom: 0.0625rem solid #e6eaee;
  border-left: 0.0625rem solid #e6eaee;
  border-right: 0.0625rem solid #e6eaee;
}
.el-table tbody tr {
  border: 0;
  border-bottom: 0.0625rem solid #e6eaee;
}
.el-table tbody tr td {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.6875rem;
  color: #212534;
}
.el-table > :not(caption) > * > *:first-child {
  padding-left: 0 !important;
}
.dl_thumb_img {
  width: 132px;
  height: 91px;
  background-color: #d9e8f9;
  border-radius: 0.625rem;
  padding: 6px;
}
.dl_thumb_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}
.el-table > :not(caption) > * > *:last-child {
  text-align: right;
}
.adminTable-action {
  position: relative;
  margin-left: auto;
}
.dropdown-btn {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1875rem;
  color: #fff !important;
  width: 121px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 5px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: #0a7efb;
  border: 0.0625rem solid #0a7efb;
}
.dropdown-btn.dropdown-toggle:after {
  margin-left: 15px;
  vertical-align: middle;
  border: 0;
  background: url(/build/assets/dropdown-angle-c8a322eb.svg);
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
}
.dropdown-btn ~ .dropdown-menu {
  box-shadow: 0 0.625rem 1.5625rem #676c7d1c;
  border: 0;
  border-radius: 5px;
  padding: 10px;
}
.dropdown-btn ~ .dropdown-menu .dropdown-item {
  border-radius: 5px;
  padding: 10px 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  color: #676c7d;
}
.dropdown-btn ~ .dropdown-menu .dropdown-item:hover {
  background-color: #ebeff3;
}
.pt-40 {
  padding-top: 2.5rem;
}
.ci-pagination {
  gap: 0.375rem;
  flex-wrap: wrap;
}
.ci-pagination .page-item .page-link {
  padding: 0;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #676c7d;
  text-decoration: none;
  background-color: #fff;
  border: 0.0625rem solid transparent;
  border-radius: 0.3125rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.ci-pagination .page-item .page-link:hover,
.ci-pagination .page-item .page-link.active {
  z-index: 2;
  color: #fff;
  background-color: #0a7efb;
}
.ci-pagination .page-item .page-link path {
  transition: 0.3s;
}
.ci-pagination .page-item .page-link:hover path {
  stroke: #fff;
}
.mt-60 {
  margin-top: 3.75rem;
}
.p-30 {
  padding: 1.875rem;
}
.pb-30 {
  padding-bottom: 1.875rem;
}
.pt-30 {
  padding-top: 1.875rem;
}
.g-10 {
  gap: 0.625rem;
}
.g-12 {
  gap: 0.75rem;
}
.bd-r-5 {
  border-radius: 0.3125rem;
}
.min-w-100 {
  min-width: 6.25rem;
}
.fz-20-sb-black {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6875rem;
  color: #212534;
}
.fz-15-m-black {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3125rem;
  color: #212534;
}
.admin_main_right {
  box-shadow: 0 0.9375rem 1.875rem #676c7d29;
  background: #fff;
}
.new-project-btn {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 0.9375rem;
  color: #fff;
  padding: 0.875rem 0.9375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  background-color: #0a7efb;
  border: 0.0625rem solid transparent;
  border-radius: 0.3125rem;
  box-shadow: 0 0 #0000 !important;
  transition: 0.3s;
}
.new-project-btn path {
  fill: #fff;
}
.new-project-btn:hover {
  color: #fff;
  background: #005ab9;
}
.status-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  width: 4.3125rem;
  height: 1.9375rem;
  border-radius: 1.25rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3125rem;
  color: #000;
  background-color: #0a7efb;
}
.status-up {
  background-color: #e8fff3;
  color: #4bc280;
}
.status-up path {
  fill: #4bc280;
}
.status-down {
  background-color: #fff5f8;
  color: #ee406b;
}
.status-down path {
  fill: #ee406b;
}
.t-btn-one {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.4375rem;
  height: 2.0625rem;
  background-color: #0a7efb14;
  border-radius: 1.25rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3125rem;
  color: #0a7efb !important;
}
.epagination .page-item:first-child {
  margin-left: 0;
}
.epagination .page-item .page-link {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 0.9375rem;
  color: #676c7d;
  text-decoration: none;
  background-color: transparent;
  border: 0.0625rem solid #e6eaee;
  border-radius: 5px;
  transition: 0.3s;
}
.epagination .page-item .page-link.prev,
.epagination .page-item .page-link.next {
  min-width: 6.4375rem !important;
  gap: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 0.9375rem;
  color: #676c7d;
}
.epagination .page-item .page-link:hover,
.epagination .page-item .page-link.active {
  z-index: 2;
  color: #fff;
  background-color: #0a7efb;
  border: 0.0625rem solid #0a7efb;
}
.epagination .page-item .page-link path {
  fill: #676c7d;
  transition: 0.3s;
}
.epagination .page-item .page-link:hover path {
  fill: #fff;
}
.el-products-tab-wrap .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0a7efb;
}
.el-products-tab-wrap .nav-link {
  color: #676c7d;
  transition: 0.3s;
}
.el-products-tab-wrap .nav-link:hover {
  color: #0a7efb;
}
.el-products-tab-wrap .nav-pills {
  row-gap: 10px;
}
.fz-18-b-black {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #212534;
}
.manage-product-filter-area {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 0.0625rem solid #e6eaee;
}
.manage-product-filter-area .fz-18-b-black {
  margin-bottom: 10px;
}
.product-filter-select {
  border: 0.0625rem solid #d4dae6;
  border-radius: 0.3125rem;
  min-height: 45px;
  min-width: 150px;
  display: flex;
  align-items: center;
  padding: 0 30px 0 16px;
  color: #9095a1;
  line-height: 45px;
  font-size: 15px;
  font-weight: 600;
}
.product-filter-select-2 {
  min-width: 190px;
}
.product-filter-select:focus {
  border-color: #d4dae6;
}
.product-filter-select span {
  flex: 0 0 4.0625rem;
  font-size: 15px;
  font-weight: 600;
}
.product-filter-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  height: 8px;
  right: 16px;
  width: 8px;
}
.product-filter-select .list {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  border: none;
}
.product-filter-select .option {
  padding: 9px 10px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #9095a1;
  margin-bottom: 0.3125rem;
  white-space: wrap;
}
.product-filter-select .option:hover,
.product-filter-select .option.selected {
  background-color: #ebeff3;
  color: #0a7efb;
  border-radius: 0.3125rem;
}
.searchOne {
  position: relative;
  max-width: 24.1875rem;
}
.searchOne input.eForm-control {
  padding: 0.75rem 4.25rem 0.75rem 1rem;
  border-radius: 0.3125rem;
  border-right: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1875rem;
  color: #676c7d;
  height: 2.8125rem;
  display: block;
  width: 100%;
  background-color: #fff;
  background-clip: padding-box;
  border: 0.0625rem solid #d4dae6;
  transition: 0.3s;
}
.searchOne .searchBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.25rem;
  height: 2.8125rem;
  border: none;
  background-color: #0a7efb;
  border-radius: 0 0.3125rem 0.3125rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.searchOne .searchBtn:hover {
  background: #005ab9;
}
.searchOne input.eForm-control:hover,
.searchOne input.eForm-control:focus {
  box-shadow: none;
  background-color: #fff;
  border-color: #86b7fe;
}
.add-product-btn {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: 12px 15px;
  background-color: #0a7efb;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3125rem;
  color: #fff;
  transition: 0.3s;
}
.add-product-btn path {
  fill: #fff;
  transition: 0.3s;
}
.add-product-btn:hover {
  background: #005ab9;
  color: #fff;
}
.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.pb-28 {
  padding-bottom: 1.75rem;
}
.mx-20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.cg-30 {
  -moz-column-gap: 1.875rem;
  column-gap: 1.875rem;
}
.rg-40 {
  row-gap: 2.5rem;
}
.project-item-2 {
  min-height: 23.75rem;
  box-shadow: 0 0.625rem 1.5625rem #676c7d1c;
  padding: 1.25rem 0;
  background-color: #fff;
  border-radius: 0.3125rem;
}
.project-item-2-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 1.25rem 0.84375rem;
  border-bottom: 0.0625rem solid #e6eaee;
}
.project-item-2-title .title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #212534;
}
.project-item-dropdown .dropdown-toggle {
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  border: 0.0625rem solid #d1d6db;
  border-radius: 50%;
  color: #9095a1;
}
.project-item-dropdown .dropdown-toggle path {
  fill: #9095a1;
}
.project-item-dropdown .dropdown-toggle:after {
  display: none;
}
.project-item-dropdown .dropdown-menu {
  min-width: 7.875rem;
  border: none;
  border-radius: 0.3125rem;
  padding: 0.625rem 0.5rem;
  box-shadow: 0 0.625rem 1.5625rem #676c7d33;
}
.project-item-dropdown .dropdown-menu li a {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #676c7d;
  padding: 0.1875rem 0.4375rem;
  margin-bottom: 0.1875rem;
}
.project-item-dropdown .dropdown-menu li:last-child a {
  margin-bottom: 0;
}
.project-item-dropdown .dropdown-menu li a:hover {
  background-color: #edf2f6;
  color: #0a7efb;
  border-radius: 0.1875rem;
}
.sStatus-table {
  overflow: auto;
}
.el-sp-table .eTable tbody tr {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 0.9375rem;
  color: #212534;
  border-bottom: 0.0625rem solid #e6eaee;
  border-left: 0rem solid #e6eaee;
  border-right: 0rem solid #e6eaee;
}
.el-sp-table .eTable tbody tr:last-child {
  border-bottom: 0;
}
.sStatus-table .eTable tbody tr:last-child {
  border-bottom: 0.0625rem solid #e6eaee;
}
.el-sp-table .eTable > :not(caption) > * > * {
  padding: 0.625rem 0;
  border-bottom-color: #e6eaee;
  border-top: 0px solid #e6eaee;
  border-bottom: 0px solid #e6eaee;
  vertical-align: middle;
}
.el-sp-table .eTable > :not(caption) > * > *:first-child {
  padding-left: 0rem !important;
}
.el-sp-table .eTable tbody tr:first-child td {
  padding-top: 0;
}
.el_table_title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.sStatus-table .eTable tbody tr td .el_table_title {
  min-width: 16.25rem;
}
.el_table_title img {
  height: 15px;
}
.el_table_title p {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #676c7d;
}
.sStatus-table .eTable tbody tr td .el_table_title p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.125rem;
}
.el_table_info {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #212534;
  min-width: -moz-max-content;
  min-width: max-content;
}
.el-sp-table .eTable > :not(caption) > * > *:last-child {
  text-align: left;
}
.cancel-subscription {
  display: block;
  width: 200px;
  background-color: #fff;
  border: 0.0625rem solid #cfd4e1;
  border-radius: 0.3125rem;
  padding: 0.75rem 1.625rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #212534;
  transition: 0.3s;
}
.cancel-subscription:hover {
  color: #676c7d;
}
.eTable-project thead {
  background-color: #fff;
  border: 0;
  border-radius: 0;
  border-bottom: 0.0625rem solid #e6eaee;
}
.eTable-project > :not(caption) > * > * {
  padding: 0.75rem 1rem !important;
}
.eTable-project > :not(caption) > * > *:last-child {
  text-align: center;
}
.eTable-project tbody tr {
  border-left: none;
  border-right: none;
}
.eTable-project tbody tr:last-child {
  border-bottom: none;
}
.payfile-download {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #edeff2;
  font-size: 12px;
  color: #676c7d !important;
}
.eTable-project tbody tr .payfile-download {
  margin: 0 auto;
}
.project-date-min {
  min-width: -moz-max-content;
  min-width: max-content;
}
.no-subscription {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.75rem 0;
}
.no-subscription > img {
  margin-bottom: 1.875rem;
}
.no-subscription .title {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3125rem;
  color: #212534;
}
.no-subscription a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1.625rem;
  background-color: #0a7efb;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #fff;
  transition: 0.3s;
}
.no-subscription a:hover {
  background: #005ab9;
  color: #fff;
}
.subscription-main-wrap .download-title-2 {
  margin: 2px 21px 21px;
}
.new-goelement-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  padding: 0.75rem 1.625rem;
  background-color: #0a7efb;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #fff;
  transition: 0.3s;
  border: 0.0625rem solid transparent;
}
.new-goelement-btn path {
  fill: #fff;
  transition: 0.3s;
}
a.new-goelement-btn:hover,
.new-goelement-btn:hover {
  background-color: transparent;
  border-color: #0a7efb;
  color: #0a7efb;
}
a.new-goelement-btn:hover path {
  fill: #0a7efb;
}
.new-goelement-btn:hover path {
  fill: #0a7efb;
}
.pt-26 {
  padding-top: 1.625rem;
}
.rg-22 {
  row-gap: 1.375rem;
}
.nproject-form-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.enForm-label {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.625rem;
  color: #212534;
}
.enForm-control {
  display: block;
  width: 100%;
  padding: 0.6875rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.625rem;
  background-clip: padding-box;
  border: 0.0625rem solid #d4dae6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.3125rem;
  transition: 0.3s;
  background-color: #fff;
  color: #676c7d;
}
.enForm-control:focus,
.enForm-control:hover {
  border: 0.0625rem solid #0a7efb;
  box-shadow: none;
  color: #676c7d;
}
.enForm-nice-select {
  border: 0.0625rem solid #d4dae6;
  border-radius: 0.3125rem;
  min-height: 50px;
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0px 1.25rem;
  padding-right: 30px;
  color: #676c7d;
  line-height: 50px;
  font-size: 0.875rem;
  font-weight: 500;
}
.enForm-nice-select:hover,
.enForm-nice-select:focus {
  border-color: #0a7efb;
}
.enForm-nice-select span {
  flex: 0 0 4.0625rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.enForm-nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  height: 8px;
  right: 1.25rem;
  width: 8px;
}
.enForm-nice-select .list {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  border: none;
}
.enForm-nice-select .option {
  padding: 9px 10px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #676c7d;
  margin-bottom: 0.3125rem;
  white-space: wrap;
}
.enForm-nice-select .option:hover,
.enForm-nice-select .option.selected {
  background-color: #ebeff3;
  color: #0a7efb;
  border-radius: 0.3125rem;
  font-weight: 500;
}
textarea.enForm-control {
  min-height: 160px;
}
.tox-notifications-container {
  display: none !important;
}
.editor-wrap .tox:not([dir="rtl"]) .tox-statusbar__branding {
  display: none;
}
.enForm-control-file[type="file"] {
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #676c7d;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e6eaee;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.enForm-control-file:focus {
  box-shadow: none;
}
.enForm-control-file[type="file"]::file-selector-button {
  padding: 13px 15px;
  color: #676c7d;
}
.enForm-control-file[type="file"]::-webkit-file-upload-button {
  height: 45px;
}
.enproject-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  max-width: 7.8125rem;
  padding: 0.875rem 1.875rem;
  background-color: #0a7efb;
  border: 0.0625rem solid #0a7efb;
  border-radius: 0.3125rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #fff;
  transition: all 0.3s;
}
.enproject-submit svg {
  display: block;
}
.enproject-submit path {
  fill: #fff;
  transition: 0.3s;
}
.enproject-submit:hover {
  background: #fff;
  color: #0a7efb;
}
.enproject-submit:hover path {
  fill: #0a7efb;
}
.up-image-upload {
  padding: 1.125rem;
  text-align: center;
  background-color: #f5f8fe;
  border: 0.0625rem dashed #a6abbe;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.up-image-upload .title {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.9375rem;
  color: #212534;
  padding: 0.5625rem 0 0.3125rem;
}
.up-image-upload .info {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.75rem;
  color: #82868e;
}
.video-upload-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  padding: 0.6875rem 1.625rem 0.8125rem;
  background-color: #f5f8fe;
  border: 0.0625rem dashed #a6abbe;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #212534;
  cursor: pointer;
  max-width: 10.375rem;
}
.multiVideoUpload {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.multiVideoUpload .apnd-img video {
  max-height: 80px;
}
.apnd-img span i {
  display: none;
}
.apnd-img span:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%) translateY(-50%);
  height: 8px;
  width: 8px;
  background: url(/build/assets/close-48a3025a.png) no-repeat scroll center
    center / cover;
}
.specification-items {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.specification-item {
  flex: 1 0 15.9375rem;
}
.specification-add {
  flex: 0 0 8.25rem;
}
.specification-add-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  padding: 0.6875rem 1.625rem 0.8125rem;
  background-color: #f5f8fe;
  border: 0.0625rem dashed #a6abbe;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #212534;
  cursor: pointer;
  height: 3.125rem;
}
.specification-add-btn path {
  fill: #0a7efb;
}
.productPriceOption {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.ciRadio-OutlinePrimary {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: 0.45em;
  box-shadow: 0 0 #0000 !important;
  border: 1px solid #a6abbe;
  border-radius: 3px !important;
}
.ciRadio-OutlinePrimary ~ label {
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  color: #212534;
  padding-top: 0.4375rem;
}
.productPriceOption .enForm-control {
  display: inline-block;
  max-width: 7.0625rem;
  height: 2.1875rem;
  margin-left: 0.625rem;
}
.ciRadio-OutlinePrimary:checked {
  position: relative;
}
.productPriceOption .ciRadio-OutlinePrimary:checked {
  background-color: #0a7efb;
  border-color: #0a7efb;
  background-image: none;
}
.productPriceOption .ciRadio-OutlinePrimary:checked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  transform: rotate(45deg);
  height: 12px;
  width: 7px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 0;
  background-color: #0a7efb;
}
.pt-60 {
  padding-top: 3.75rem;
}
.pt-24 {
  padding-top: 1.5rem;
}
.pt-16 {
  padding-top: 1rem;
}
.pb-100 {
  padding-bottom: 6.25rem;
}
.pb-16 {
  padding-bottom: 1rem;
}
.px-25 {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-25 {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}
.pr-25 {
  padding-right: 1.5625rem;
}
.pl-24 {
  padding-left: 1.5rem;
}
.p-20 {
  padding: 1.25rem;
}
.mb-14 {
  margin-bottom: 0.875rem;
}
.mb-24 {
  margin-bottom: 1.5rem;
}
.mr-25 {
  margin-right: 1.5625rem;
}
.ml-24 {
  margin-left: 1.5rem;
}
.mt-20 {
  margin-top: 1.25rem;
}
.bd-all {
  border: 0.0625rem solid #e6eaee;
}
.bd-b-1 {
  border-bottom: 0.0625rem solid #e6eaee;
}
.box-shadow-13 {
  box-shadow: 0 0.625rem 1.5625rem #676c7d21;
}
.bd-r-10 {
  border-radius: 0.625rem;
}
.fz-24-b-black {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #212534;
}
.fz-18-sb-black {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #212534 !important;
}
.fz-15-sb-black {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3125rem;
  color: #212534;
}
.breadcrumb-two {
  position: relative;
  padding: 2.0625rem 0;
  background-color: #f2f4f6;
}
.breadcrumb-two-graphic-1 {
  position: absolute;
  top: 1.4375rem;
  right: 7.875rem;
  max-width: 7.125rem;
}
@media screen and (max-width: 1700px) {
  .breadcrumb-two-graphic-1 {
    right: 0;
  }
}
.breadcrumb-two-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}
.breadcrumb-two-content .title {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.8rem;
  color: #212534;
  padding-bottom: 0.625rem;
}
.breadcrumb-two-content .info {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #676c7d;
}
.breadcrumb-two-back {
  display: inline-block;
  border: 0.0625rem solid #cfd4e1;
  border-radius: 0.3125rem;
  padding: 0.5rem 1rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #212534;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  transition: all 0.3s;
}
.breadcrumb-two-back path {
  fill: #212534;
  transition: 0.3s;
}
.breadcrumb-two-back:hover {
  background-color: #0a7efb;
  color: #fff;
  border-color: #0a7efb;
}
.breadcrumb-two-back:hover path {
  fill: #fff;
}
.cupon-alert {
  padding: 1.5625rem 3rem 1.875rem 1.5625rem;
  margin-bottom: 1.25rem;
  background-color: #f2f4f6;
  border-radius: 0.3125rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #212534;
}
.cupon-alert a {
  color: #0a7efb !important;
  text-decoration: underline;
}
.cupon-alert .btn-close {
  background: transparent url(/build/assets/cancel-ebd2ef1e.svg) center/1em auto
    no-repeat;
  opacity: 1;
}
.cupon-alert.alert-dismissible .btn-close {
  top: 50%;
  transform: translateY(-50%);
  padding: 1.25rem 1.8125rem;
  box-shadow: 0 0 #0000 !important;
}
.cFormInput-wrap {
  margin-bottom: 1.25rem;
}
.cFormInput-wrap .eForm-label {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.625rem;
  color: #212534;
}
.cFormInput-wrap .eForm-control {
  display: block;
  width: 100%;
  padding: 0.6875rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.625rem;
  color: #676c7d;
  background-color: #fff;
  background-clip: padding-box;
  border: 0.0625rem solid #d4dae6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.3125rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cFormInput-wrap .eForm-control:hover {
  border: 0.0625rem solid #0a7efb;
}
.cFormInput-wrap .eForm-control:focus {
  box-shadow: none;
  border: 0.0625rem solid #0a7efb;
  color: #676c7d;
}
.cFormInput-wrap .eForm-control::-moz-placeholder {
  color: #676c7d;
}
.cFormInput-wrap .eForm-control::placeholder {
  color: #676c7d;
}
.eCheckbox-2 .form-check-input:focus {
  box-shadow: none;
}
.eCheckbox-2 .form-check-label a {
  color: #0a7efb;
}
.planCheck .nav-link {
  text-align: left;
}
.planCheck .nav-link .planCheck-input:focus {
  box-shadow: none;
}
.planCheck .nav-link .form-check-label {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  color: #212534;
}
.planCheck .nav-link .form-check-label ~ p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #676c7d;
}
.planCheck .nav-link.active .form-check-input:checked {
  background-color: #fff;
  border-color: #fff;
  background-image: url(/build/assets/check-primary-4cdbb2f9.svg);
}
.planCheck .nav-link.active .form-check-label {
  color: #fff;
}
.planCheck .nav-link.active .form-check-label ~ p {
  color: #fff;
}
.checkout-order-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0a7efb;
  border-radius: 0.3125rem;
  height: 3.125rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #fff !important;
  border: none;
  width: 100%;
  transition: 0.3s;
}
.checkout-order-btn:hover {
  background-color: #005ab9;
}
.elitem-allFile {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.55rem;
}
.elitem-allFile img {
  height: 15px;
}
.elitem-allFile p {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.625rem;
  color: #212534;
}
.eForm-select ~ .select2-container {
  max-width: 100%;
}
.eForm-select.eChoice-multiple-without-remove ~ .select2-container {
  width: 100% !important;
}
.eForm-select ~ .select2-container--default .select2-selection--multiple,
.eForm-select ~ .select2-container--default .select2-selection--single {
  border: 0.0625rem solid #d4dae6;
  border-radius: 0.3125rem;
  padding-bottom: 0.875rem !important;
  padding-right: 0 !important;
  min-height: 3.125rem;
}
.eForm-select
  ~ .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #9095a1;
  line-height: 3.125rem;
  font-size: 15px;
  font-weight: 600;
  padding-left: 16px;
}
.eForm-select
  ~ .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 3.125rem !important;
  top: 0 !important;
  right: 0.6875rem !important;
}
.eForm-select
  ~ .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-width: 0 !important;
  background-image: url(/build/assets/arrow-down-6629f091.svg);
  width: 0.75rem !important;
  height: 0.4375rem !important;
  background-repeat: no-repeat;
  transform: rotate(0);
  transition: all 0.3s;
}
.eForm-select
  ~ .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  transform: rotate(180deg);
}
.eForm-select ~ .select2-container--default .select2-selection--multiple:focus,
.eForm-select ~ .select2-container--default .select2-selection--multiple:hover,
.eForm-select ~ .select2-container--default .select2-selection--single:focus,
.eForm-select ~ .select2-container--default .select2-selection--single:hover {
  border: 0.0625rem solid #0a7efb;
}
.select2-dropdown {
  border: none !important;
  border-radius: 0 0 5px 5px !important;
  overflow: hidden;
  box-shadow: 0 7px 25px #797c8b25;
}
.select2-search--dropdown {
  display: none !important;
}
.select2-results__options {
  padding: 10px;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-results__option {
  padding: 9px 14px !important;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #9095a1;
  margin-bottom: 0.3125rem;
}
.select2-container--default .select2-results__option--selected,
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #ebeff3 !important;
  color: #0a7efb !important;
  border-radius: 0.3125rem;
}
.select2-results__option:last-child {
  margin-bottom: 0;
}
.select2-results__option span img {
  margin-right: 0.625rem;
}
.pb-40 {
  padding-bottom: 2.5rem;
}
.checkout-success {
  text-align: center;
}
.checkout-success img {
  padding-bottom: 2.5rem;
}
.checkout-success h4 {
  padding-bottom: 1.875rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #212534;
}
.checkout-success .checout-btns a {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: 0.3125rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  transition: all 0.3s;
}
.checkout-success .checout-btns .btn-1 {
  border-color: #0a7efb;
  background-color: #0a7efb;
  color: #fff !important;
}
.checkout-success .checout-btns .btn-1:hover {
  background-color: #fff;
  color: #0a7efb !important;
}
.checkout-success .checout-btns .btn-2 {
  border-color: #a6abbe;
  background-color: #fff;
  color: #212534 !important;
}
.checkout-success .checout-btns .btn-2:hover {
  border-color: #212534;
  background-color: #212534;
  color: #fff !important;
}
.invoice-content {
  padding: 2.5rem 0;
  background-color: #fff;
  box-shadow: 0 0.375rem 0.9375rem #0000001a;
  border-radius: 0.3125rem;
}
.invoice-header {
  padding: 0 1.625rem;
  border-bottom: 0.0625rem solid #e6eaee;
}
.invoice-header .title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.0625rem;
  color: #212534;
}
.invoice-body {
  padding: 1.6875rem 1.625rem 0;
}
.invoice-items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.invoice-item {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.invoice-item:last-child {
  text-align: right;
}
.invoice-info {
  max-width: 11.5625rem;
}
.invoice-info .title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.6875rem;
  color: #212534;
  padding-bottom: 0.625rem;
}
.invoice-info .info {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5625rem;
  color: #676c7d;
}
.company-logo img {
  opacity: 5%;
}
.invoice-info .paid {
  display: inline-block;
  padding: 0.6875rem 0.875rem 0.625rem;
  border-radius: 0.3125rem;
  background-color: #eafcf2;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  color: #2aaa63;
  min-width: -moz-max-content;
  min-width: max-content;
}
.invoice-table {
  margin-bottom: 1.875rem;
}
.invoice-table tbody tr td {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3125rem;
  color: #676c7d;
}
.invoice-items .company-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%) translateY(-50%);
  z-index: -1;
  max-width: 230px;
}
.max-w-332 {
  max-width: 20.75rem;
}
.max-w-358 {
  max-width: 22.375rem;
}
.invoice-grand-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e6eaee;
  padding: 0.75rem 1.5625rem;
  border-radius: 0.3125rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #212534;
}
.print-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background-color: #0a7efb;
  border: 1px solid #0a7efb;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.1875rem;
  color: #fff;
  padding: 15px 17px;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 30px auto 0;
  transition: 0.3s;
}
.print-btn path {
  fill: #fff;
  transition: 0.3s;
}
.print-btn:hover {
  color: #0a7efb;
  background-color: transparent;
}
.print-btn:hover path {
  fill: #0a7efb;
}
.user-project-title {
  background: #fff;
  box-shadow: 0 0.625rem 1.5625rem #676c7d1a;
  padding: 40px 30px;
}
.edit-project-btn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  background-color: #0a7efb;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 0.9375rem;
  color: #fff !important;
  padding: 0.875rem 0.9375rem;
  border: 0.0625rem solid transparent;
  border-radius: 0.3125rem;
  transition: 0.3s;
}
.edit-project-btn path {
  fill: #fff;
  transition: 0.3s;
}
.edit-project-btn:hover {
  background-color: #fff;
  border-color: #0a7efb;
  color: #0a7efb !important;
}
.edit-project-btn:hover path {
  fill: #0a7efb;
}
.edit-project-back-btn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  background-color: #fff;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 0.9375rem;
  color: #9095a1 !important;
  padding: 0.875rem 0.9375rem;
  border: 0.0625rem solid #e6eaee;
  border-radius: 0.3125rem;
  transition: 0.3s;
}
.edit-project-back-btn path {
  fill: #9095a1;
  transition: 0.3s;
}
.edit-project-back-btn:hover {
  background-color: #0a7efb;
  border-color: #0a7efb;
  color: #fff !important;
}
.edit-project-back-btn:hover path {
  fill: #fff;
}
.fz-14-m-black {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1875rem;
  color: #676c7d !important;
}
.fz-20-sb-black-2 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1rem;
  color: #212534;
}
.g-30 {
  gap: 1.875rem;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.project-item {
  flex: 0 0 auto;
  max-width: 100%;
  width: 100%;
  box-shadow: 0 0.625rem 1.5625rem #676c7d1c;
  padding: 1.25rem;
  background-color: #fff;
  border-radius: 0.3125rem;
}
.project-item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 0.84375rem;
  border-bottom: 0.0625rem solid #e6eaee;
}
.project-item-title .title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #212534;
}
.project-item-content {
  padding: 20px 0 10px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.project-item-content > p {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5625rem;
  color: #676c7d;
}
.project-item-list li {
  position: relative;
  padding-left: 1rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5625rem;
  color: #676c7d;
}
.project-item-list li:before {
  content: "";
  position: absolute;
  top: 0.625rem;
  left: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: #9095a1;
}
.discussion-user {
  background-color: #fff;
  border: 0.0625rem solid #e6eaee;
  border-radius: 0.3125rem;
  padding: 0.75rem;
}
.discussion-user .user-img {
  flex: 0 0 1.875rem;
  border-radius: 50%;
}
.discussion-user .user-img img {
  width: 100%;
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.discussion-user .user-info .name {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  color: #212534;
}
.discussion-user .user-info .country-time {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.1875rem;
  color: #9095a1;
}
.meeting-link {
  background-color: #f2f3f5;
  border-radius: 0.3125rem;
  padding: 0.4375rem 0.875rem;
}
.meeting-link-2 {
  padding: 9px 0.875rem;
}
.meeting-link .link a {
  width: 1.6875rem;
  height: 1.6875rem;
  border-radius: 50%;
  background-color: #0a7efb;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
}
.meeting-link .link a path {
  fill: #fff;
}
.meeting-history > li {
  border-bottom: 0.0625rem solid #e6eaee;
}
.meeting-history li:last-child {
  border-bottom: none;
}
.meeting-history .mh-item {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.meeting-history li:last-child .mh-item {
  padding-bottom: 0;
}
.mh-date-media .media {
  padding: 0.1875rem 0.5625rem;
  border-radius: 0.3125rem;
  background-color: #9095a1;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.0625rem;
  color: #fff;
  transition: 0.3s;
  min-width: -moz-max-content;
  min-width: max-content;
}
.mh-item.active .mh-date-media .media,
.mh-item:hover .mh-date-media .media {
  background-color: #0a7efb;
}
.mh-item .media-link {
  flex: 0 0 2.1875rem;
  width: 2.1875rem;
  height: 1.25rem;
  border-radius: 0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0a7efb;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.mh-item .media-link path {
  fill: #fff;
}
.mh-item.active .media-link,
.mh-item:hover .media-link {
  opacity: 1;
  visibility: visible;
}
.project-item-title-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 0.84375rem;
}
.project-item-title-2 .title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #212534;
}
.file-name-action {
  margin-top: 20px;
  gap: 10px;
}
.file-name-action .info {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1875rem;
  color: #0a7efb;
}
.file-name-action .info span {
  color: #212534;
}
.project-item-dropdown-2 .dropdown-toggle {
  border: none;
}
.project-item-dropdown-2 .dropdown-toggle path {
  fill: #212534;
}
.eTable
  > :not(caption)
  > *
  > *:last-child
  .project-item-dropdown-2
  .dropdown-toggle {
  margin-left: auto;
}
.project-price-deadline {
  background-color: #f2f3f5;
  border-radius: 0.3125rem;
  padding: 0.4375rem 0.875rem;
}
.project-price-deadline .price-deadline {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3125rem;
  color: #676c7d;
}
.formModal-header {
  border-bottom: 0.0625rem solid #e6eaee;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}
.formModal-header .btn-close {
  width: 1.875rem;
  height: 1.875rem;
  border: 0.0625rem solid #d1d6db;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background-size: 0.6875rem;
}
.formModal-header .btn-close:focus {
  box-shadow: none;
}
.formmodal-btn:focus {
  box-shadow: none;
}
.g-16 {
  gap: 1rem;
}
.ciBtn {
  display: inline-block;
  padding: 0.5625rem 1.125rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.9375rem;
  color: #212534;
  background-color: #fff;
  border: 0.0625rem solid #212534;
  border-radius: 0.3125rem;
  transition: 0.3s;
}
.ciBtn:hover {
  color: #fff;
  background-color: #0a7efb;
  border-color: #0a7efb;
}
.ciBtn:focus {
  box-shadow: none;
}
.ciBtn-success {
  background-color: #00aa6c;
  border-color: #00aa6c;
  color: #fff;
}
.ciBtn-success:hover {
  background-color: #038d5a;
  border-color: #038d5a;
  color: #fff;
}
.ciBtn-danger {
  background-color: #ef181b;
  border-color: #ef181b;
  color: #fff;
}
.ciBtn-danger:hover {
  background-color: #b81518;
  border-color: #b81518;
  color: #fff;
}
.ciBtn-outline-secondary {
  border-color: #e6eaee;
  color: #0a7efb;
}
.ciBtn-primary {
  background-color: #0a7efb;
  border-color: #0a7efb;
  color: #fff;
}
.ciBtn-primary:hover {
  background-color: #005ab9;
  border-color: #005ab9;
  color: #fff;
}
.notify-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #e6eaee;
  padding: 8px 18px 7px;
  border-radius: 5px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.9375rem;
  color: #212534;
}
.notify-btn span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: 11px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 0.9375rem;
  color: #212534;
  background-color: #e6eaee;
}
.notify-btn:focus {
  box-shadow: none;
}
.notify-btn:hover,
.notify-btn:hover span {
  color: #212534;
}
.notify-btn-secondary {
  border-color: #e6eaee;
  color: #0a7efb;
}
.notify-btn-secondary span {
  background-color: #0a7efb;
  color: #fff;
}
.notify-btn-secondary:hover {
  color: #0a7efb;
}
.notify-btn-secondary:hover span {
  color: #fff;
}
.notify-btn-primary {
  border-color: #0a7efb;
  color: #0a7efb;
}
.notify-btn-primary span {
  background-color: #0a7efb;
  color: #fff;
}
.notify-btn-primary:hover {
  color: #0a7efb;
}
.notify-btn-primary:hover span {
  color: #fff;
}
.ciBtn-2 {
  display: inline-block;
  padding: 0.875rem 1.8125rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #212534;
  background-color: #fff;
  border: 0.0625rem solid #212534;
  border-radius: 0.3125rem;
}
.ciBtn-200 {
  max-width: 200px;
  width: 100%;
}
.ciBtn-outline-secondary-2 {
  border-color: #e6eaee;
  color: #676c7d;
}
.ciBtn-outline-secondary-2:hover,
.ciBtn-primary-2 {
  background-color: #0a7efb;
  border-color: #0a7efb;
  color: #fff;
}
.ciBtn-primary-2:hover {
  background-color: #005ab9;
  border-color: #005ab9;
  color: #fff;
}
.ciBtn-white {
  background-color: #fff;
  border-color: #fff;
  color: #676c7d;
}
.ciBtn-white:hover {
  color: #0a7efb;
}
.width-400 {
  max-width: 400px;
  width: 100%;
}
.width-600 {
  max-width: 600px;
  width: 100%;
}
.eForm-control-file[type="file"] {
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #676c7d;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e6eaee;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.eForm-control-file[type="file"]:focus {
  box-shadow: none;
}
.eForm-control-file[type="file"]::file-selector-button {
  padding: 11px 15px;
  color: #676c7d;
}
.form-switch {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ci-form-switch {
  width: 29px;
  height: 14px;
  margin-top: 0;
  box-shadow: 0 0 #0000 !important;
  border: 1px solid #a6abbe;
  border-radius: 8px;
  background-color: #fff;
}
.ci-form-switch:focus {
  box-shadow: none;
}
.ci-form-switch ~ label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #212534;
}
.ci-form-switch.form-switch-medium {
  width: 35px;
  height: 18px;
  border-radius: 9px;
}
.ci-form-switch.form-switch-medium ~ label {
  font-size: 0.8rem;
}
.ciFormCheck {
  margin-top: 0.35em;
  box-shadow: 0 0 #0000 !important;
  border: 1px solid #9095a1;
}
.ciFormCheck.ciDefaultPrimary {
  border-color: #0a7efb;
}
.ciFormCheck ~ label {
  font-size: 12px;
  font-weight: 500;
  color: #212534;
}
.ciFormCheck.ciDefaultSuccess {
  border-color: #34c38f;
}
.ciFormCheck.ciDefaultDanger {
  border-color: #ef181b;
}
.ciFormCheck.ciDefaultPrimary:checked {
  background-color: #0a7efb;
  border-color: #0a7efb;
}
.ciFormCheck.ciDefaultSuccess:checked {
  background-color: #34c38f;
  border-color: #34c38f;
}
.ciFormCheck.ciDefaultDanger:checked {
  background-color: #ef181b;
  border-color: #ef181b;
}
.ciFormCheck.ci-O-Primary {
  border-color: #0a7efb;
}
.ciFormCheck.ci-O-Success {
  border-color: #34c38f;
}
.ciFormCheck.ci-O-Danger {
  border-color: #ef181b;
}
.ciFormCheck.ci-O-Primary:checked {
  background-color: transparent;
  border-color: #0a7efb;
  background-image: url(/build/assets/check-primary-4cdbb2f9.svg);
}
.ciFormCheck.ci-O-Success:checked {
  background-color: transparent;
  border-color: #34c38f;
  background-image: url(/build/assets/check-success-404ed104.svg);
}
.ciFormCheck.ci-O-Danger:checked {
  background-color: transparent;
  border-color: #ef181b;
  background-image: url(/build/assets/check-danger-e73848cc.svg);
}
.ciRadio {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: 0.45em;
  box-shadow: 0 0 #0000 !important;
  border: 1px solid #9095a1;
}
.ciRadio ~ label {
  font-size: 12px;
  font-weight: 500;
  color: #212534;
  padding-top: 0.4375rem;
}
.nciRadio-OutlinePrimary {
  border-color: #0a7efb;
}
.nciRadio-OutlineSuccess {
  border-color: #34c38f;
}
.nciRadio-OutlineDanger {
  border-color: #ef181b;
}
.nciRadio-OutlinePrimary:checked {
  background-color: transparent;
  border-color: #0a7efb;
  background-image: none;
  position: relative;
}
.nciRadio-OutlinePrimary:checked:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #0a7efb;
  border-radius: 50%;
}
.nciRadio-OutlineSuccess:checked {
  background-color: transparent;
  border-color: #34c38f;
  background-image: none;
  position: relative;
}
.nciRadio-OutlineSuccess:checked:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #34c38f;
  border-radius: 50%;
}
.nciRadio-OutlineDanger:checked {
  background-color: transparent;
  border-color: #ef181b;
  background-image: none;
  position: relative;
}
.nciRadio-OutlineDanger:checked:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #ef181b;
  border-radius: 50%;
}
.custom-accordion .accordion-item {
  overflow: hidden;
  border-color: #e6eaee;
}
.custom-accordion .accordion-item:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.custom-accordion .accordion-item .accordion-header .accordion-button {
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  color: #212534;
  box-shadow: 0 0 #0000 !important;
  padding: 7px 20px;
}
.custom-accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed) {
  position: relative;
  background-color: #ebeff3;
  border-top: 0px solid rgba(231, 234, 243, 0.7);
  border-bottom: 0px solid rgba(231, 234, 243, 0.7);
}
.custom-accordion .accordion-item .accordion-header .accordion-button:focus {
  border-color: transparent !important;
  box-shadow: none;
}
.custom-accordion .accordion-item .accordion-header .accordion-button:after {
  background-image: url(/build/assets/angle-down-elemnt-menu-afad5c4c.svg) !important;
  background-size: 12px;
  height: 7px;
  width: 12px;
}
.ci-pagination-4 {
  gap: 0.875rem;
}
.ci-pagination-4 .page-item .page-link {
  background-color: #e6eaee;
  width: auto;
  padding: 0.5625rem 1.25rem;
  color: #212534;
  gap: 0.875rem;
}
.ci-pagination .page-item .page-link:focus {
  box-shadow: none;
}
.ci-pagination-4 .page-item .page-link:hover path {
  fill: #fff;
}
.eForm-select
  ~ .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice,
.eForm-select
  ~ .select2-container--default
  .select2-selection--single
  .select2-selection__choice {
  background-color: #0a7efb;
  border: 0px solid #aaa;
  border-radius: 0.8125rem;
  margin-left: 0.5rem;
  padding-left: 0;
  padding-right: 1.875rem;
  margin-top: 0.75rem;
  height: 1.625rem;
}
.eForm-select
  ~ .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice
  .select2-selection__choice__display,
.eForm-select
  ~ .select2-container--default
  .select2-selection--single
  .select2-selection__choice
  .select2-selection__choice__display {
  padding-left: 0.6875rem;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  padding-right: 10px;
  position: relative;
}
.eForm-select
  ~ .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice
  .select2-selection__choice__display:after,
.eForm-select
  ~ .select2-container--default
  .select2-selection--single
  .select2-selection__choice
  .select2-selection__choice__display:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background-color: #60aaf9;
}
.eForm-select
  ~ .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice
  .select2-selection__choice__remove,
.eForm-select
  ~ .select2-container--default
  .select2-selection--single
  .select2-selection__choice
  .select2-selection__choice__remove {
  border-right: 0px solid transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 25px;
  font-weight: 400;
  padding: 0;
  color: #bce7ff;
  right: 10px;
  left: auto;
  top: -6px;
}
.eForm-select
  ~ .select2-container--default
  .select2-search--inline
  .select2-search__field {
  margin-left: 16px !important;
  margin-top: 17px !important;
  line-height: 1;
}
.eForm-select
  ~ .select2-container--default
  .select2-search--inline
  .select2-search__field:-moz-placeholder-shown {
  font-size: 14px;
  font-weight: 500;
  color: #676c7d;
}
.eForm-select
  ~ .select2-container--default
  .select2-search--inline
  .select2-search__field:placeholder-shown {
  font-size: 14px;
  font-weight: 500;
  color: #676c7d;
}
.eForm-select
  ~ .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice
  .select2-selection__choice__remove:hover,
.eForm-select
  ~ .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice
  .select2-selection__choice__remove:focus {
  background-color: transparent;
}
.enTags {
  padding: 3px;
  border-radius: 4px;
  width: 100%;
  --tags-hover-border-color: #0a7efb;
  --tags-focus-border-color: #0a7efb;
  --tag-bg: #0a7efb;
  --tag-hover: #0a7efb;
  --tag-text-color: #fff;
  --tag-text-color--edit: #fff;
  --tag-remove-bg: #0a7efb;
  --tag-remove-btn-color: #fff;
  --tag-remove-btn-bg--hover: #ef181bde;
  --tag-invalid-color: #fff;
  --tag-invalid-bg: rgb(211, 148, 148);
}
.enTags .tagify__tag {
  margin: 5px 0 5px 8px;
}
.enTags .tagify__tag:focus div:before,
.enTags .tagify__tag:hover:not([readonly]) div:before {
  --tag-bg-inset: 0px;
}
.chzn-select ~ .chosen-container {
  width: 100% !important;
  color: #676c7d;
  line-height: normal;
  font-size: 0.875rem;
  font-weight: 500;
}
.chzn-select ~ .chosen-container-single .chosen-single {
  padding: 10px 12px;
  height: 48px;
  background: #fff;
  box-shadow: none;
  border: 0.0625rem solid #d4dae6;
}
.chzn-select ~ .chosen-container-single .chosen-single div {
  top: inherit;
  transform: translateY(-50%);
  right: 2px;
}
.chosen-container-single .chosen-single div b {
  background-image: url(/build/assets/down-arrow-f2be1dbc.png);
  background-repeat: no-repeat;
  background-position: -2px 5px;
  background-size: 15px 15px;
}
.chzn-select ~ .chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: 5px 26px;
  transform: rotate(180deg);
}
.chzn-select ~ .chosen-container-active .chosen-single {
  box-shadow: none;
}
.chzn-select ~ .chosen-container-single .chosen-single {
  color: #676c7d;
}
.chzn-select ~ .chosen-container .chosen-drop {
  border: 0.0625rem solid #d4dae6;
}
.chzn-select ~ .chosen-container-single .chosen-search {
  padding: 5px 12px;
}
.chzn-select ~ .chosen-container-single .chosen-search input[type="text"] {
  color: #676c7d;
  line-height: normal;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 3px;
  padding: 9px 20px 9px 9px;
  border: 0.0625rem solid #d4dae6;
  background-image: url(/build/assets/search-gray-a8aa78b3.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 7px) 10px;
  background-size: 15px 15px;
}
.chzn-select ~ .chosen-container .chosen-results {
  margin: 0 10px 10px 0;
  padding: 0 0 0 10px;
}
.chzn-select ~ .chosen-container .chosen-results li.active-result {
  padding: 9px 10px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #676c7d;
  margin-bottom: 0.3125rem;
  border-radius: 0.3125rem;
  transition: 0.3s;
}
.chzn-select ~ .chosen-container .chosen-results li.result-selected,
.chzn-select ~ .chosen-container .chosen-results li.highlighted,
.chzn-select ~ .chosen-container .chosen-results li:hover {
  background-color: #ebeff3 !important;
  background: #ebeff3 !important;
  color: #0a7efb !important;
  font-weight: 500;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi),
  only screen and (min-resolution: 1.5dppx) {
  .chzn-select ~ .chosen-container-single .chosen-search input[type="text"] {
    background-image: url(/build/assets/search-gray-a8aa78b3.svg) !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 7px) 10px !important;
    background-size: 15px 15px !important;
  }
  .chosen-container-single .chosen-single div b {
    background-image: url(/build/assets/down-arrow-f2be1dbc.png) !important;
    background-repeat: no-repeat !important;
    background-position: -2px 5px !important;
    background-size: 15px 15px !important;
  }
  .chzn-select
    ~ .chosen-container-active.chosen-with-drop
    .chosen-single
    div
    b {
    background-position: 5px 26px !important;
    transform: rotate(180deg) !important;
  }
}
@media screen and (max-width: 1100px) {
  .dl_property_id {
    min-width: 10.3125rem;
  }
  .dl_property_price {
    min-width: 9.375rem;
  }
  .dl_property_type {
    min-width: 6.25rem;
  }
  .invoice-table .dl_property_date {
    min-width: 145px;
  }
  .invoice-table .dl_property_item {
    min-width: 156px;
  }
  .invoice-table .dl_property_price {
    min-width: 4.375rem;
  }
  .invoice-table .dl_property_id {
    min-width: 2.3125rem;
  }
}
@media screen and (max-width: 991px) {
  .admin-d-none {
    display: none;
  }
  .title-btn-menu-wrap {
    padding-right: 36px;
    position: relative;
  }
  .title-btn-menu-wrap .mobile-menu-2 {
    position: absolute;
    right: 0;
    top: 5px;
  }
  .invoice-header .title-btn-menu-wrap .mobile-menu-2 {
    top: 2px;
  }
  .user-project-title {
    padding: 40px 66px 40px 30px;
    position: relative;
  }
  .user-project-title .mobile-menu-2 {
    position: absolute;
    right: 30px;
    top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb-two-graphic-1 {
    display: none;
  }
  .invoice-items .company-logo {
    max-width: 180px;
  }
}
@media screen and (max-width: 575px) {
  .invoice-items .company-logo {
    max-width: 150px;
  }
}
@font-face {
  font-family: Gotham;
  src: url(/build/assets/Gotham-Book-52520893.woff2) format("woff2"),
    url(/build/assets/Gotham-Book-fb162b07.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(/build/assets/Gotham-Bold-e6890fd7.woff2) format("woff2"),
    url(/build/assets/Gotham-Bold-e5824b3a.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(/build/assets/Gotham-Black-92a0fae8.woff2) format("woff2"),
    url(/build/assets/Gotham-Black-b59e0d8b.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(/build/assets/Gotham-Medium-a57d956b.woff2) format("woff2"),
    url(/build/assets/Gotham-Medium-6c4cb26e.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(/build/assets/Gotham-Light-c5791ab4.woff2) format("woff2"),
    url(/build/assets/Gotham-Light-a340ea1c.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(/build/assets/Gotham-Thin-21fb7060.woff2) format("woff2"),
    url(/build/assets/Gotham-Thin-6315566d.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham Ultra;
  src: url(/build/assets/Gotham-Ultra-697983d8.woff2) format("woff2"),
    url(/build/assets/Gotham-Ultra-9c7d2251.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gotham;
  src: url(/build/assets/Gotham-XLight-b66fa60d.woff2) format("woff2"),
    url(/build/assets/Gotham-XLight-de228ff7.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
.promotion-top-section {
  background: #02f285;
}
.promotion-top-wrap {
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding: 13px 0;
}
.promotion-top-wrap .info {
  color: #323030;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.checkout-btn-1 {
  color: #323030;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid #000;
  background: #ffee51;
  box-shadow: 4px 4px #323030;
  transition: 0.3s;
  min-width: -moz-max-content;
  min-width: max-content;
}
.checkout-btn-1:hover {
  color: #323030;
  background: #ffee51;
  box-shadow: -4px -4px #323030;
}
.promotional-modal .header-logo {
  width: 100%;
  text-align: center;
}
.promotional-modal .header-logo img {
  max-width: 208px;
  width: 100%;
  height: auto;
}
.promotional-modal .modal-content {
  border-radius: 16px;
  border: 3px solid #323030;
  background: var(--WHITE, #fff);
  box-shadow: 12px 12px #323030;
}
.promotional-modal .modal-header {
  padding: 11px 20px;
  border-bottom: 3px solid #323030;
}
.promotional-modal .btn-close {
  box-sizing: content-box;
  min-width: 36px;
  width: 36px;
  height: 36px;
  padding: 0;
  color: #fff;
  border: 0;
  border-radius: 50%;
  opacity: 1;
  background-color: #323030;
  display: flex;
  align-items: center;
  justify-content: center;
}
.promotional-modal .btn-close:focus {
  box-shadow: none;
}
.promotional-modal .modal-header .btn-close {
  margin: 0;
}
.promotional-modal .modal-body {
  padding: 37px 30px 30px;
}
.promotional-modal .modal-body .black-friday-wrap {
  position: relative;
  z-index: 1;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 auto 16px;
}
.black-friday-wrap .title {
  color: #212534;
  font-family: Gotham;
  font-size: 70.164px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}
.black-friday-wrap .title-shadow {
  font-family: Gotham;
  font-size: 70.164px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  -webkit-text-stroke: 1px #ffd951;
  text-align: center;
  position: absolute;
  left: 0;
  top: -30px;
  z-index: -1;
}
.black-friday-wrap .title-shadow:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 45%;
  bottom: 0;
  left: 0;
  background: #fff;
}
.promotional-modal .discount-title {
  color: #212534;
  font-family: Gotham;
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 16px;
}
.promotion-date-limit {
  gap: 28px;
}
.promotion-time-card {
  width: 140px;
  border-radius: 8px;
  border: 2.8px solid #323030;
  background: #fff;
}
.promotion-time-card .time {
  border-radius: 8px 8px 0 0;
  border-bottom: 2.8px solid #323030;
  background: #92ffcd;
  color: #292727;
  font-family: Manrope;
  font-size: 26.133px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-align: center;
  padding: 7px;
}
.promotion-time-card .limited-time {
  color: #ffee51;
  filter: drop-shadow(3.7333333492279053px 3.7333333492279053px 0px #323030);
  text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000,
    1px 1px 5px transparent;
  font-family: Manrope;
  font-size: 54.133px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  padding: 2px 0 8px;
  text-align: center;
}
.promotion-limit {
  color: #292727;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-align: center;
  margin: 16px 0 19px;
}
.checkout-btn-2 {
  color: #323030;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 8px;
  border: 1px solid #000;
  background: #ffee51;
  box-shadow: 6px 6px #323030;
  transition: 0.3s;
  padding: 9px 19px;
  display: block;
  max-width: -moz-max-content;
  max-width: max-content;
}
.checkout-btn-2:hover {
  color: #323030;
  box-shadow: -6px -6px #323030;
}
.promotional-modal-2 .modal-body {
  padding: 0 30px 20px;
}
.promotional-modal-2 .add-banner-1 {
  margin: 0 auto 18px;
  max-width: 457px;
  width: 40%;
}
.checkout-btn-3 {
  background: linear-gradient(266deg, #ffe775 19.15%, #ff9a23 104.41%);
}
.promotional-modal-2 .modal-content {
  position: relative;
  margin-top: 75px;
}
.promotional-modal-2 .black-friday-img {
  position: absolute;
  left: -175px;
  top: -125px;
  z-index: 3;
}
.promotion-top-two-wrap {
  padding: 18px 0;
  flex-wrap: wrap;
  gap: 15px;
}
.promotion-top-count {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
}
.promotion-top-count .clone {
  font-size: 25.143px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: linear-gradient(180deg, rgba(33, 37, 52, 0.16) 0%, #0c0e17 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promotion-top-count .number {
  display: flex;
  align-items: center;
  -moz-column-gap: 3px;
  column-gap: 3px;
}
.promotion-top-count .number-inner {
  display: block flex;
  align-items: center;
  justify-content: center;
  width: 29.333px;
  height: 44px;
  border-radius: 3.143px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, #000 82.19%);
  color: #ffee51;
  font-size: 25.143px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.promotion-top-two-wrap .info-2 {
  color: #212534;
  font-family: Gotham;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1px;
  column-gap: 1px;
}
.promotion-top-two-wrap .info-2 .price {
  display: block flex;
  align-items: flex-end;
  -moz-column-gap: 7px;
  column-gap: 7px;
  color: #ffee51;
  font-family: Gotham;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.promotion-top-two-wrap .info-2 .price .new-price {
  filter: drop-shadow(3px 3px 0px #212534);
  text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000,
    1px 1px 5px transparent;
}
.promotion-top-two-wrap .info-2 .price .old-price {
  color: #f91c86;
  font-family: Gotham;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 4px;
  text-decoration: line-through;
}
.promotional-modal-3 .modal-header {
  padding: 24px 20px 10px;
  border-bottom: none;
}
.promotional-modal-3 .save-yellow {
  color: #323030;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  border-radius: 48px;
  border: 1px solid #000;
  background: #ffee51;
  box-shadow: 4px 4px #323030;
  padding: 9px 19px;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-bottom: 4px;
}
.lifetime-access-wrap {
  -moz-column-gap: 5px;
  column-gap: 5px;
  margin-bottom: 8px;
}
.lifetime-access-wrap .lifetime-access {
  color: #1e50fb;
  font-family: Gotham;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
.new-price-blue-wrap .title {
  color: #212534;
  font-family: Gotham;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 13px;
  column-gap: 13px;
  margin-bottom: 30px;
}
.new-price-blue-wrap .title .new-price-blue {
  border-radius: 8px;
  border: 1px solid #000;
  background: #1e50fb;
  box-shadow: 4px 4px #212534;
  padding: 7px 23px;
  color: #fff;
  font-family: Gotham;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: capitalize;
}
.promotional-modal-3 .modal-body {
  padding: 37px 24px 24px;
}
.promotional-modal-3 .promotion-date-limit {
  margin-bottom: 20px;
}
@media (max-width: 1100px) {
  .promotion-top-two-wrap .info-2,
  .promotion-top-two-wrap .info-2 .price {
    font-size: 32px;
  }
}
@media (min-width: 576px) {
  .promotional-modal .modal-dialog {
    max-width: 630px;
  }
  .promotional-modal-3 .modal-dialog {
    max-width: 900px;
  }
}
@media (min-width: 992px) {
  .promotional-modal-2 .modal-dialog {
    max-width: 630px;
  }
}
@media (max-width: 991px) {
  .promotional-modal-2 .modal-dialog {
    max-width: 530px;
  }
  .promotional-modal-2 .black-friday-img {
    left: -175px;
    top: -125px;
    width: 370px;
  }
  .promotion-top-count {
    width: 100%;
    justify-content: center;
  }
  .promotion-top-two-wrap {
    row-gap: 8px;
  }
  .black-friday-wrap .title {
    font-size: 65px;
  }
  .black-friday-wrap .title-shadow {
    font-size: 65px;
    top: -29px;
  }
}
@media screen and (max-width: 767px) {
  .black-friday-wrap .title {
    font-size: 55px;
  }
  .black-friday-wrap .title-shadow {
    font-size: 55px;
    top: -24px;
  }
  .promotional-modal-2 .black-friday-img {
    left: -75px;
    top: -125px;
    width: 270px;
  }
  .promotion-top-two-wrap {
    flex-direction: column;
  }
  .promotion-top-two-wrap .info-2 {
    justify-content: center;
  }
  .promotion-top-count .number-inner {
    height: 36px;
    font-size: 24px;
  }
  .promotion-top-two-wrap .info-2,
  .promotion-top-two-wrap .info-2 .price {
    font-size: 28px;
  }
  .promotional-modal-3 .black-friday-wrap .title {
    font-size: 48px;
  }
  .promotional-modal-3 .black-friday-wrap .title-shadow {
    font-size: 48px;
    top: -22px;
  }
  .lifetime-access-wrap .lifetime-access {
    font-size: 43px;
  }
  .new-price-blue-wrap .title {
    font-size: 34px;
  }
  .new-price-blue-wrap .title .new-price-blue {
    padding: 6px 18px;
    font-size: 23px;
  }
}
@media screen and (max-width: 575px) {
  .black-friday-wrap .title {
    font-size: 47px;
  }
  .black-friday-wrap .title-shadow {
    font-size: 47px;
    top: -22px;
  }
  .promotion-date-limit {
    gap: 20px;
  }
  .promotion-time-card {
    width: 110px;
  }
  .promotion-time-card .time {
    font-size: 24px;
    padding: 5px;
  }
  .promotion-time-card .limited-time {
    font-size: 50px;
    padding: 1px 0 5px;
  }
  .promotional-modal .discount-title {
    font-size: 33px;
  }
  .promotion-limit {
    font-size: 22px;
  }
  .promotional-modal-2 .black-friday-img {
    left: -50px;
    top: -134px;
    width: 245px;
    transform: rotate(24deg);
  }
  .promotional-modal-2 .modal-content {
    margin-top: 80px;
  }
  .promotional-modal-3 .black-friday-wrap .title {
    font-size: 48px;
  }
  .promotional-modal-3 .black-friday-wrap .title-shadow {
    font-size: 48px;
    top: -3px;
    left: -3px;
    width: 100%;
  }
  .black-friday-wrap .title-shadow:after {
    display: none;
  }
  .lifetime-access-wrap .lifetime-access {
    font-size: 34px;
  }
  .lifetime-access-wrap img {
    width: 40px;
  }
  .new-price-blue-wrap .title {
    font-size: 32px;
  }
  .new-price-blue-wrap .title .new-price-blue {
    font-size: 22px;
  }
}
@media screen and (max-width: 450px) {
  .promotion-top-wrap {
    flex-direction: column;
    row-gap: 10px;
    text-align: center;
  }
  .promotional-modal .modal-body {
    padding: 25px 25px 30px;
  }
  .black-friday-wrap .title {
    font-size: 36px;
  }
  .black-friday-wrap .title-shadow {
    font-size: 36px;
    top: -16px;
  }
  .promotional-modal .discount-title {
    font-size: 28px;
  }
  .promotion-limit {
    font-size: 20px;
  }
  .promotional-modal-3 .header-logo img {
    max-width: 190px;
  }
  .promotional-modal-3 .black-friday-wrap .title,
  .promotional-modal-3 .black-friday-wrap .title-shadow {
    font-size: 44px;
  }
  .lifetime-access-wrap .lifetime-access {
    font-size: 26px;
  }
  .lifetime-access-wrap img {
    width: 37px;
  }
  .new-price-blue-wrap .title {
    font-size: 26px;
  }
  .new-price-blue-wrap .title .new-price-blue {
    padding: 6px 15px;
    font-size: 20px;
  }
}
.text-15 {
  color: #676c7d;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.text-16 {
  color: #676c7d;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.text-22 {
  color: #676c7d;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
.text-26 {
  color: #212534;
  font-size: 26px;
  font-style: normal;
  font-weight: 800;
  line-height: 38px;
}
.text-32 {
  color: #212534;
  font-family: Lora;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px;
}
.text-40 {
  color: #212534;
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 54px;
}
.text-46 {
  color: #212534;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 58px;
}
.text-50 {
  color: #212534;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 40px;
  margin-bottom: 10px;
}
.text-52 {
  color: #212534;
  font-size: 52px;
  font-style: normal;
  font-weight: 800;
  line-height: 64px;
}
.text-54 {
  color: #212534;
  font-size: 54px;
  font-style: normal;
  font-weight: 800;
  line-height: 78px;
}
.mcg-60 > * {
  --bs-gutter-x: 60px;
}
.breadcrumb-section {
  position: relative;
  width: 100%;
  height: 17.3125rem;
  background-color: #f2f4f6;
  background-size: cover;
}
.breadcrumb-section .breadcrumb-one-graphic-1,
.breadcrumb-section .breadcrumb-one-graphic-2 {
  position: absolute;
}
@media screen and (max-width: 1700px) {
  .breadcrumb-section .breadcrumb-one-graphic-1 {
    right: 0;
  }
  .breadcrumb-section .breadcrumb-one-graphic-2 {
    left: 0;
  }
}
.pricing-breadcrumb {
  height: 412px;
}
.pricing-breadcrumb .breadcrumb-one-graphic-1 {
  top: 100px;
}
.pricing-breadcrumb .breadcrumb-one-graphic-2 {
  bottom: 13px;
}
.single-n-pricing {
  border-radius: 20px;
  border: 1px solid #e3e3e3;
  background: #fff;
  padding: 30px;
  transition: 0.3s;
}
.pricing-n-section {
  margin-top: -352px;
  position: relative;
}
.pricing-n-title {
  text-align: center;
  max-width: 666px;
  width: 100%;
  margin: auto auto 20px;
}
.pricing-n-title .text-52 {
  margin-bottom: 30px;
}
.pricing-n-popular {
  margin-bottom: 16px;
}
.pricing-n-popular .text-22 {
  color: #0a7efb;
  font-weight: 700;
  line-height: normal;
}
.pricing-n-popular .text-15 {
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  background: #0a7efb;
  padding: 4px 12px;
}
.pricing-n-price {
  -moz-column-gap: 10px;
  column-gap: 10px;
  align-items: end;
  margin-bottom: 2px;
}
.pricing-price-l {
  -moz-column-gap: 6px;
  column-gap: 6px;
  align-items: center;
}
.pricing-price-l span:nth-of-type(1) {
  color: #0c131a;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: 0.3s;
}
.pricing-price-l span:nth-of-type(2) {
  color: #0c131a;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: 0.3s;
}
.pricing-price-r {
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding-bottom: 13px;
  color: #676c7d;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: 0.3s;
}
.pricing-n-batch {
  padding: 4px 16px;
  border-radius: 5px;
  background: #f2f4f6;
  max-width: -moz-fit-content;
  max-width: fit-content;
  transition: 0.3s;
}
.pricing-n-list {
  margin: 30px 0 50px;
}
.pricing-n-list ul {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.pricing-n-list ul li {
  padding-left: 32px;
  color: #0c131a;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
  transition: 0.3s;
}
.pricing-n-list ul li:after {
  position: absolute;
  content: " ";
  left: 0;
  top: 2px;
  height: 20px;
  width: 20px;
  background: url(/build/assets/list-check-b3362487.svg) no-repeat scroll center
    center / cover;
}
.single-n-pricing.active .pricing-n-list ul li:after {
  background: url(/build/assets/list-check-2-137b511e.svg) no-repeat scroll
    center center / cover;
}
a.pricing-n-btn {
  color: #fff;
  line-height: 18px;
  display: inline-block;
  text-align: center;
  padding: 18px;
  border-radius: 8px;
  background: #0c131a;
  box-shadow: 0 10px 10px #676c7d21;
  width: 100%;
  transition: 0.3s;
}
.single-n-pricing.active {
  border-color: transparent;
  background: #2c2c2c;
  box-shadow: 0 10px 30px #2c2c2c29;
}
.single-n-pricing a.pricing-n-btn:hover,
.single-n-pricing.active a.pricing-n-btn {
  background: #0a7efb;
}
.single-n-pricing.active .pricing-n-list ul li {
  color: #fff;
}
.single-n-pricing.active .pricing-n-batch {
  background: #181818;
  color: #b7bbc7;
}
.single-n-pricing.active .pricing-price-r {
  color: #b7bbc7;
}
.single-n-pricing.active .pricing-price-l span:nth-of-type(1),
.single-n-pricing.active .pricing-price-l span:nth-of-type(2) {
  color: #fff;
}
.single-n-pricing .pricing-price-r span:nth-of-type(1) {
  text-decoration: line-through;
}
.pb-110 {
  padding-bottom: 6.875rem;
}
.pb-15 {
  padding-bottom: 0.9375rem;
}
.fz-34-sb-black {
  font-size: 28px !important;
  font-weight: 700;
  line-height: 3.75rem;
  color: #212534;
}
.fz-16-m-black-2 {
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  color: #676c7d;
}
.faq-wrap .accordion-item {
  border: 0.0625rem solid #e6eaee !important;
  border-radius: 0.625rem !important;
  margin-bottom: 1.25rem;
  overflow: hidden;
}
.faq-wrap .accordion-button,
.faq-wrap .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: #212534;
  padding: 1.5rem;
}
.faq-wrap .accordion-button:after {
  background-image: url(/build/assets/minus-c27cbb12.svg);
}
.faq-wrap .accordion-button.collapsed:after {
  background-image: url(/build/assets/add-8e618bc8.svg);
}
.faq-wrap .accordion-item:has(:not(.show)) .accordion-body {
  position: relative;
  padding: 1.25rem 1.5rem 1.5rem;
}
.faq-wrap .accordion-item:has(:not(.show)) .accordion-body:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translate(-50%);
  height: 1px;
  width: 91.25%;
  background-color: #e6eaee;
}
.pb-82 {
  padding-bottom: 5.125rem;
}
.pb-20 {
  padding-bottom: 1.25rem;
}
.contact-one-wrap {
  padding: 2.3125rem;
  border-radius: 0.3125rem;
  background: rgb(211, 234, 249);
  background: linear-gradient(
    266deg,
    rgb(211, 234, 249) 0%,
    rgb(248, 248, 221) 100%
  );
}
.contact-one-wrap .content {
  max-width: 35.75rem;
}
.fz-28-eb-black {
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 2.375rem;
  color: #212534;
}
.fz-16-m-black {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #212534;
}
.btn-contact-one {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #fff !important;
  padding: 1.0625rem 1.875rem 1rem;
}
.btn-contact-one:hover {
  background: #005ab9;
}
@media all and (max-width: 991px) {
  .text-46 {
    font-size: 40px;
    line-height: 55px;
  }
  .text-50 {
    font-size: 42px;
    line-height: 58px;
  }
  .text-58 {
    font-size: 45px;
    line-height: 60px;
  }
  .pricing-breadcrumb .breadcrumb-one-graphic-1,
  .pricing-breadcrumb .breadcrumb-one-graphic-2 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .text-52 {
    font-size: 45px;
    line-height: 62px;
  }
  .text-32 {
    font-size: 30px;
  }
  .text-42,
  .title-42 {
    font-size: 37px;
    line-height: 52px;
  }
  .text-36 {
    font-size: 32px;
    line-height: 45px;
  }
  .text-54 {
    font-size: 45px;
    line-height: 50px;
  }
  .single-n-pricing {
    max-width: 500px;
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 575px) {
  .text-52,
  .text-54 {
    font-size: 40px;
    line-height: 55px;
  }
  .text-46 {
    font-size: 32px;
    line-height: 50px;
  }
  .text-32 {
    font-size: 28px;
  }
  .text-36 {
    font-size: 28px;
    line-height: 38px;
  }
  .text-50 {
    font-size: 34px;
    line-height: 52px;
  }
  .text-42 {
    font-size: 32px;
    line-height: 50px;
  }
  .title-42 {
    font-size: 35px;
    line-height: 48px;
  }
  .text-40 {
    font-size: 30px;
    line-height: 43px;
  }
  .title-32 {
    font-size: 25px;
  }
}
@media screen and (max-width: 450px) {
  .text-32 {
    font-size: 30px;
    line-height: 40px;
  }
  .text-58 {
    font-size: 43px;
  }
}
.text-18 {
  color: #676c7d;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
.text-58 {
  color: #181a1e;
  font-family: Manrope;
  font-size: 58px;
  font-style: normal;
  font-weight: 800;
  line-height: 70px;
}
.text-42 {
  color: #181a1e;
  font-size: 42px;
  font-style: normal;
  font-weight: 800;
  line-height: 54px;
}
.text-36 {
  color: #181a1e;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}
.padding-bottom-110 {
  padding-bottom: 110px;
}
.mrg-30 {
  row-gap: 30px;
}
.mcg-30 > * {
  --bs-gutter-x: 30px;
}
.lms-video-section {
  background: #fcfbf3;
  overflow-x: hidden;
}
.lms-video-area {
  padding: 100px 0;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.lms-video-details {
  max-width: 507px;
  width: 100%;
}
.lms-video-details .text-18 {
  color: #0072ef;
  line-height: normal;
  margin-bottom: 12px;
}
.lms-video-details .text-58 {
  margin-bottom: 30px;
}
.lms-video-details .text-58 span {
  color: #0072ef;
}
.video-details-notice {
  color: #4f536c;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 30px;
  position: relative;
  padding-left: 10px;
}
.video-details-notice a {
  display: inline-block;
  color: inherit;
  color: #181a1e;
}
.video-details-notice:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 50px;
  width: 3px;
  border-radius: 10px;
  background: #fe4c93;
}
a.video-sign-up {
  color: inherit;
  display: inline-block;
  border-radius: 8px;
  background: #0a7efb;
  padding: 12px 28px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 16px;
  transition: 0.3s;
}
a.video-sign-up:hover {
  background: #005ab9;
}
.creator-website {
  border-radius: 32px;
  background: #fff5d3;
  padding: 6px 10px;
  max-width: -moz-max-content;
  max-width: max-content;
  -moz-column-gap: 4px;
  column-gap: 4px;
}
.creator-website img {
  width: 20.834px;
  height: 20.833px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 1.39px solid #fff;
}
.creator-website img:not(:first-child) {
  margin-left: -6px;
}
.creator-website p {
  color: #8e7909;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.lms-video-wrap {
  position: relative;
  z-index: 1;
  max-width: 571.325px;
  width: 100%;
}
.lms-video-inner {
  border-radius: 20.588px;
  background: linear-gradient(111deg, #dee7f6 0%, #f0e1f8 99.02%);
  width: 100%;
  padding: 12.87px;
}
.lms-video-inner iframe,
.lms-video-inner .my-lms-video-player,
.lms-video-inner .plyr--video {
  width: 100%;
  border-radius: 15.441px;
}
.lms-video-inner .plyr__control--overlaid {
  background: #0a7efb;
}
.lms-video-inner .plyr__volume input[type="range"],
.lms-video-inner .plyr__progress input[type="range"] {
  color: #0a7efb;
}
.video-after-1 {
  position: absolute;
  top: -138px;
  right: -142px;
  height: 396px;
  width: 586px;
  z-index: -1;
}
.video-after-2 {
  position: absolute;
  bottom: -53px;
  right: -43px;
  height: 110px;
  width: 110px;
  z-index: -1;
}
.video-after-3 {
  position: absolute;
  bottom: -5px;
  left: -43px;
  width: 41px;
  height: 42px;
  z-index: -1;
}
.video-after-1 img,
.video-after-2 img,
.video-after-3 img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.title-42 {
  color: #181a1e;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px;
}
.title-42 span {
  color: #0072ef;
  font-weight: 800;
}
.section-title-landing {
  max-width: 750px;
  margin: auto;
  text-align: center;
  padding-bottom: 50px;
}
.problem-solve-section {
  padding-top: 80px;
}
.text-28 {
  color: #181a1e;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: 0.3s;
}
.solve-img-wrap {
  border-radius: 16px;
  border: 1px solid #e8f3ff;
  padding: 0 23px 23px;
  text-align: center;
  margin-bottom: 24px;
  transition: 0.3s;
}
.solve-card-img {
  width: 130px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: -65px auto 23px;
  background: #e8f3ff;
  border-radius: 50%;
  overflow: hidden;
  outline: 17px solid #fff;
  transition: 0.3s;
}
.solve-card-list {
  display: flex;
  justify-content: center;
}
.solve-card-list li {
  color: #181a1e;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: 0.3s;
}
.solve-card-list li:not(:last-child) {
  margin-bottom: 24px;
}
.problem-solve-card:hover .solve-card-img {
  background: #0a7efb;
}
.problem-solve-card:hover .solve-img-wrap {
  background: #0a7efb;
  border-color: transparent;
}
.problem-solve-card:hover .solve-img-wrap .text-28 {
  color: #fff;
}
.problem-solve-card:hover .solve-card-list li {
  color: #0072ef;
}
.problem-solve-card {
  cursor: pointer;
  margin-top: 65px;
}
a.learn-btn {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: 12px 28px;
  border-radius: 8px;
  background: #0a7efb;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: inline-block;
  transition: 0.3s;
}
.learn-btn:hover {
  background: #005ab9;
}
.problem-solve-learn {
  text-align: center;
  margin-top: 20px;
}
.problem-solve-learn p {
  color: #181a1e;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 30px;
}
.success-journey-wrap {
  border-radius: 20px;
  background: linear-gradient(100deg, #5438ff 3.29%, #9f0afb 100%);
  padding: 40px;
}
.success-journey-wrap .text-42 {
  line-height: normal;
  color: #fff;
  text-align: center;
  padding: 0 70px 0 41px;
  position: relative;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: auto auto 50px;
}
.success-journey-wrap .text-42:before {
  position: absolute;
  content: "";
  left: 0;
  top: -6px;
  width: 34px;
  height: 34px;
  background: url(/build/assets/success-before-45f9c715.svg) no-repeat scroll
    center center / cover;
}
.success-journey-wrap .text-42:after {
  position: absolute;
  content: "";
  right: 0;
  top: -17px;
  width: 70px;
  height: 70px;
  background: url(/build/assets/success-after-122f653c.svg) no-repeat scroll
    center center / cover;
}
.single-success-wrap p {
  color: #fff;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
  margin-bottom: 4px;
}
.single-success-wrap p:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 50px;
  background: #fff;
}
.single-success-wrap .text-46 {
  font-weight: 800;
  line-height: normal;
  color: #fff;
}
.single-success-wrap {
  position: relative;
  display: flex;
  width: 100%;
}
.single-success-wrap:not(:last-child):after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 80px;
  width: 1px;
  background: #fff;
}
.success-counter-wrap {
  justify-content: space-between;
}
.single-success-wrap:nth-of-type(1) {
  justify-content: flex-start;
  width: 219px;
}
.single-success-wrap:nth-of-type(2) {
  justify-content: center;
  width: 309px;
}
.single-success-wrap:nth-of-type(3) {
  justify-content: center;
  width: 298px;
}
.single-success-wrap:nth-of-type(4) {
  justify-content: flex-end;
  width: 233px;
}
.how-to-title-2 .text-42 {
  margin-bottom: 30px;
}
.how-to-banner-area-2 .how-to-banner {
  max-width: 439px;
  margin: 45px 45px 54px;
}
.how-to-banner-area-2 .how-to-banner-item-1 {
  left: -45px;
  top: -48px;
  transform: translateY(0);
}
.how-to-banner-area-2 .how-to-banner-item-2 {
  right: -45px;
  bottom: -54px;
  transform: translateY(0);
}
.success-signup-form {
  margin-top: 30px;
}
.success-signup-form form {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.success-signup-form input {
  border-radius: 8px;
  border: 1px solid var(--Line, #e0e3e8);
  background: #fff;
  padding: 13px 16px 14px;
  color: #3d4053;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.success-signup-form input:hover {
  border-color: #86b7fe;
}
.success-signup-form input:focus {
  color: #3d4053;
  box-shadow: none;
}
.success-signup-form input::-moz-placeholder {
  color: #4c4e5f;
}
.success-signup-form input::placeholder {
  color: #4c4e5f;
}
.success-signup-form button {
  border: none;
  padding: 12px 28px;
  border-radius: 8px;
  background: #ffe01b;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  color: #181a1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  max-width: -moz-max-content;
  max-width: max-content;
  width: 100%;
  transition: 0.3s;
}
.success-signup-form button:hover {
  background: #f7c934;
}
.why-lms-section {
  padding: 80px 50px;
  border-radius: 28px;
  background: #fcfbf3;
}
.lms-topic-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 50px;
}
.single-advice-topic img {
  margin-bottom: 24px;
}
.single-advice-topic p {
  color: #181a1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.lms-new-topic {
  padding: 0 50px !important;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 54px;
}
.new-advice-topic img {
  margin-bottom: 28px;
}
.new-advice-topic p {
  color: #181a1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.section-title-landing-2 {
  max-width: 784px;
}
.single-choose-item .choose-number {
  width: 60px;
  height: 60px;
  background: #0072ef;
  border-radius: 50%;
  line-height: 60px;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  margin: auto;
}
.single-choose-item .title {
  color: #181a1e;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 16px;
  margin-bottom: 8px;
}
.single-choose-item .info {
  color: #3d4053;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.howto-choose-lms {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 60px;
  column-gap: 60px;
}
.howto-choose-section {
  overflow-x: hidden;
}
.first-choose-section {
  position: relative;
  z-index: 2;
}
.first-choose-section:after {
  position: absolute;
  content: "";
  left: 0;
  top: 20px;
  max-width: 100%;
  width: 100%;
  height: 20px;
  z-index: -1;
  background: url(/build/assets/first-choose-after-60548a45.webp) no-repeat
    scroll center center / cover;
}
.second-choose-section {
  position: relative;
  z-index: 1;
  margin-top: 30px;
  margin-bottom: 30px;
}
.second-choose-section:after {
  position: absolute;
  content: "";
  left: 0;
  top: -70px;
  max-width: 100%;
  width: 100%;
  height: 110px;
  z-index: -1;
  background: url(/build/assets/second-choose-after-fd435cb5.webp) no-repeat
    scroll center center / cover;
}
.customer-support-details {
  max-width: 585px;
  width: 100%;
}
.customer-support-details .light-text {
  color: #0072ef;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
}
.customer-support-details .text-36 {
  padding-bottom: 20px;
}
.customer-support-details .text-36 span {
  color: #0072ef;
  font-weight: 800;
}
.customer-support-banner img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}
.factor-img-wrap {
  height: 253px;
  border-radius: 20px;
  border: 1px solid #e0e3e8;
  padding: 12px 20px 30px;
  margin-bottom: 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: 0.3s;
}
.factor-img-wrap .text-24 {
  line-height: normal;
  text-align: center;
  transition: 0.3s;
}
.factor-img-wrap img {
  margin-bottom: 16px;
  max-height: 154px;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.factor-img-wrap-2 img {
  margin-bottom: 7px;
  max-height: 171px;
}
.single-factor-new p {
  color: #3d4053;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  transition: 0.3s;
}
.single-factor-new {
  height: 100%;
  cursor: pointer;
}
.single-factor-new:hover .factor-img-wrap {
  border-color: transparent;
  background: #0072ef;
}
.single-factor-new:hover .text-24 {
  color: #fff;
}
.single-factor-new:hover p {
  color: #0072ef;
}
.how-to-banner {
  height: auto;
  position: relative;
  max-width: 439px;
  margin: 45px 45px 54px;
}
.how-to-banner > img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.how-to-banner-item-1 {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 26px #0065d326;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 9px 19px 10px 17px;
  -moz-column-gap: 14px;
  column-gap: 14px;
  position: absolute;
  left: -45px;
  top: -48px;
  transform: translateY(0);
}
.banner-win-img {
  width: 47.568px;
  height: 47.568px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fef3d7;
  padding: 8px;
}
.banner-win-details h4 {
  color: #181a1e;
  font-size: 17.947px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 3px;
}
.banner-win-details h4 span {
  font-family: Readex Pro, sans-serif;
  font-weight: 700;
}
.banner-win-details p {
  color: #4f536c;
  font-size: 13.461px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.how-to-banner-item-2 {
  border-radius: 8px;
  background: var(--WHITE, #fff);
  box-shadow: 0 9.04534px 33.92002px #0065d31f;
  padding: 7px 19px;
  max-width: -moz-max-content;
  max-width: max-content;
  position: absolute;
  right: -45px;
  bottom: -54px;
  transform: translateY(0);
}
.how-to-banner-item-2 p {
  color: #181a1e;
  font-size: 13.568px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.banner-item-profiles img {
  width: 35.96px;
  height: 35.96px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #fff;
}
.banner-item-profiles img:not(:first-child) {
  margin-left: -10px;
}
.banner-item-profiles .more-profiles {
  width: 35.96px;
  height: 35.96px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #0072ef;
  color: #fff;
  font-size: 13.568px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -10px;
}
.how-to-title .text-42 {
  margin-bottom: 30px;
}
.how-to-title .text-42 span {
  color: #0072ef;
}
.course-accordion .accordion-button:after {
  background-image: url(/build/assets/accordion-arrow-1-79286cff.svg);
  width: 24px;
  height: 24px;
}
.lms-difference-wrap .lms-difference-single:not(:last-child) {
  margin-bottom: 12px;
}
.lms-difference-single {
  justify-content: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  overflow: hidden;
}
.lms-difference-single .info {
  color: #181a1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.lms-difference-single .img {
  min-width: 80px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 10px solid rgba(0, 114, 239, 0.08);
  outline: 21px solid #fff;
  position: relative;
  z-index: 1;
  padding: 10px;
}
.lms-difference-single .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.lms-difference-single .info {
  max-width: 319.645px;
  width: 100%;
  padding: 13px 30px;
}
.lms-difference-single .info-left {
  text-align: right;
  border-radius: 30px 0 0 30px;
  background: rgba(217, 217, 217, 1);
}
.lms-difference-single .info-right {
  text-align: left;
  border-radius: 0 30px 30px 0;
  background: rgba(232, 243, 255, 1);
}
.dynamic-lms-title .title-42 {
  margin-bottom: 24px;
}
.dynamic-lms-title .info {
  color: var(--Body, #3d4053);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.single-lms-functionality {
  border-radius: 16px;
  background: #fff;
  padding: 30px;
  border: 1px solid #e0e3e8;
  cursor: pointer;
  transition: 0.3s;
  height: 100%;
}
.single-lms-functionality .info {
  color: #3d4053;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  transition: 0.3s;
}
.lms-functionality-icon {
  margin-bottom: 8px;
}
.lms-functionality-icon path {
  transition: 0.3s;
}
.single-lms-functionality:hover {
  border-color: transparent;
  background: #0072ef;
}
.single-lms-functionality:hover .info {
  color: #fff;
}
.single-lms-functionality:hover .lms-functionality-icon svg {
  fill: #fff;
}
.single-lms-functionality:hover .lms-functionality-icon path {
  stroke: #fff;
  fill: none;
}
.text-24 {
  color: #212534;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.text-20 {
  color: #212534;
  20px !important
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.section-title-lms-top {
  padding-top: 50px;
}
.section-title-lms {
  padding-bottom: 50px;
}
.section-title-lms .title-h {
  color: #212534;
  text-align: center;
  font-size: 52px;
  font-style: normal;
  font-weight: 600;
  line-height: 64px;
  max-width: 750px;
  width: 100%;
  margin: auto;
}
.section-title-lms .bold-h {
  font-weight: 800;
}
.section-title-lms .green-h {
  font-weight: 800;
  color: #0a7efb;
}
.section-title-lms p {
  color: var(--Body, #3d4053);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  max-width: 682px;
  width: 100%;
  margin: auto;
  padding-top: 24px;
}
.section-title-lms .title-btn-lms {
  padding-top: 36px;
  padding-bottom: 20px;
}
.title-btn-lms {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
a.white-btn-lms {
  padding: 12px 23px;
  border-radius: 10px;
  border: 1px solid #cfd4e1;
  color: #212534;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: inline-block;
  transition: 0.3s;
}
.white-btn-lms:hover {
  background: #0a7efb;
  color: #fff;
  border-color: transparent;
}
.lms-service-link {
  display: block;
  border-radius: 20px;
  padding: 20px;
}
.lms-service-img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}
.lms-service-details .text-24 {
  line-height: normal;
  margin-bottom: 4px;
}
.lms-service-details p {
  color: #212534;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.lms-service-course {
  background: rgba(255, 241, 170, 0.84);
}
.lms-service-content {
  background: rgba(255, 207, 181, 0.84);
}
.lms-service-coaching {
  background: rgba(218, 242, 255, 0.84);
}
#online-course {
  padding-top: 86px;
}
.create-course-wrap {
  -moz-column-gap: 30px;
  column-gap: 30px;
  border-radius: 30px;
  background: #fbf8f7;
  padding: 40px 30px 40px 40px;
  margin-bottom: 110px;
}
.create-cousre-video {
  width: 100%;
}
.create-cousre-video iframe,
.create-cousre-video .my-video-player,
.create-cousre-video .plyr--video {
  width: 100%;
  border-radius: 20px;
}
.create-cousre-video .plyr__control--overlaid {
  background: #0a7efb;
}
.create-cousre-video .plyr__volume input[type="range"],
.create-cousre-video .plyr__progress input[type="range"] {
  color: #0a7efb;
}
.create-course-details {
  width: 100%;
}
.title-light {
  color: #3d82f0;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.title-32 {
  color: #212534;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.create-course-details .title-light {
  padding-bottom: 12px;
}
.create-course-details .title-32 {
  padding-bottom: 30px;
}
.course-list-img {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(61, 130, 240, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-course-list li {
  display: flex;
  align-items: center;
  -moz-column-gap: 18px;
  column-gap: 18px;
}
.create-course-list li span {
  color: var(--Body, #3d4053);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: block;
}
.create-course-list li:not(:last-child) {
  margin-bottom: 16px;
}
.online-course-content .title-light {
  padding-bottom: 12px;
}
.online-course-content .title-32 {
  padding-bottom: 10px;
}
.course-accordion .accordion-button:focus {
  box-shadow: none;
}
.course-accordion .accordion-button {
  padding: 20px 0;
  color: #212534;
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.course-accordion .accordion-button:not(.collapsed) {
  color: #212534;
  background-color: transparent;
  box-shadow: none;
}
.course-accordion .accordion-button:after {
  background-image: url(/build/assets/accordion-arrow-1-79286cff.svg);
  width: 24px;
  height: 24px;
}
.course-accordion .accordion-item {
  border: none;
}
.course-accordion .accordion-item:not(:last-child) .accordion-button {
  border-bottom: 1px solid #e1e4ec;
}
.course-accordion .accordion-item:last-child .accordion-button:not(.collapsed) {
  border-bottom: 1px solid #e1e4ec;
}
.course-accordion .accordion-body {
  padding: 20px 0 10px;
}
.course-accordion .accordion-body p {
  color: var(--Body, #3d4053);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}
.course-accordion .accordion-body img {
  display: none;
}
.accordion-right-banner {
  justify-content: flex-end;
}
.online-course-banner {
  max-width: 535px;
  width: 100%;
  height: auto;
}
.online-course-banner img {
  width: 100%;
  height: auto;
  border-radius: 24px;
}
.accordion-right-banner {
  padding-top: 110px;
}
.online-course-section,
.course-organizer-section {
  padding-bottom: 100px;
}
.accordion-left-banner {
  justify-content: flex-start;
}
.organizer-banner-title {
  padding-bottom: 50px;
}
.organizer-banner-title .title-light {
  padding-bottom: 12px;
}
.organizer-accordion .accordion-button:focus {
  box-shadow: none;
}
.organizer-accordion .accordion-button {
  padding: 20px 30px;
  border-radius: 16px;
  background: rgba(61, 130, 240, 0.12);
  box-shadow: none;
  color: #212534;
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.organizer-accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.organizer-accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.organizer-accordion .accordion-item {
  border: none;
  border-radius: 16px;
}
.organizer-accordion .accordion-item:not(:last-child) {
  margin-bottom: 30px;
}
.organizer-accordion .accordion-button:not(.collapsed) {
  color: #212534;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.organizer-accordion .accordion-button:after {
  background-image: url(/build/assets/accordion-arrow-1-79286cff.svg);
  width: 24px;
  height: 24px;
}
.organizer-accordion .accordion-body {
  padding: 30px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background: #fff;
}
.accordion-item-shadow:has(> .accordion-button:not(.collapsed)) {
  box-shadow: 0 6px 30px #1c1c1c1f;
}
.organizer-accordion .accordion-body p {
  color: var(--Body, #3d4053);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.organizer-accordion .accordion-body img {
  display: none;
}
.leason-card-link {
  border-radius: 20px;
  border: 1px solid #e1e4ec;
  padding: 30px;
  display: block;
  transition: 0.3s;
}
.single-leason-card .text-24 {
  line-height: normal;
  padding-bottom: 20px;
  transition: 0.3s;
}
.single-leason-card p {
  color: #3d4053;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
  padding-bottom: 30px;
  transition: 0.3s;
}
.single-leason-card .explore {
  -moz-column-gap: 6px;
  column-gap: 6px;
  color: #212534;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: 0.3s;
}
.single-leason-card .explore path {
  transition: 0.3s;
}
.leason-card-link:hover {
  border-color: #0a7efb;
}
.leason-card-link:hover .text-24,
.leason-card-link:hover p,
.leason-card-link:hover .explore {
  color: #3d82f0;
}
.leason-card-link:hover .explore path {
  fill: #3d82f0;
}
.leason-card-wrap,
.learning-analyrics-section {
  padding-bottom: 120px;
}
#digital-content {
  padding-top: 120px;
}
.analytics-and-interaction .title-light {
  padding-bottom: 12px;
}
.analytics-and-interaction .title-32 {
  padding-bottom: 24px;
}
.analytics-and-interaction p {
  padding-bottom: 30px;
  color: #3d4053;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.analytics-and-interaction-list li {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.analytics-and-interaction-list span {
  color: #3d4053;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.analytics-and-interaction-list li:not(:last-child) {
  margin-bottom: 24px;
}
.interaction-student-section {
  padding-bottom: 100px;
}
.interaction-right-banner {
  justify-content: flex-end;
}
.analytics-left-banner {
  justify-content: flex-start;
}
.feature-right-banner {
  justify-content: flex-end;
}
.feature-left-banner {
  justify-content: flex-start;
}
.feature-content-area .title-light {
  padding-bottom: 12px;
}
.feature-content-area .title-32 {
  padding-bottom: 24px;
}
.feature-content-pera p {
  color: #3d4053;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  padding-bottom: 16px;
}
.feature-content-pera p:last-child {
  padding-bottom: 30px;
}
.feature-content-btn {
  -moz-column-gap: 20px;
  column-gap: 20px;
}
#online-coaching {
  padding-top: 110px;
}
.single-multi-card {
  border-radius: 20px;
  border: 1px solid #e1e4ec;
  padding: 20px;
  cursor: pointer;
  transition: 0.3s;
  background: #fff;
}
.multi-item-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(61, 130, 240, 0.16);
  width: 36px;
  height: 36px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.single-multi-card .text-20 {
  padding-bottom: 16px;
}
.single-multi-card p {
  color: #3d4053;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
}
.single-multi-card:hover {
  border-color: transparent;
  box-shadow: 0 8px 32px #0000001f;
}
.feature-content-area .title-32 span {
  color: #0072ef;
  font-weight: 800;
}
a.black-btn-lms {
  padding: 12px 23px;
  border-radius: 10px;
  border: 1px solid #181a1e;
  color: #181a1e;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: 0.3s;
  display: inline-block;
}
.black-btn-lms:hover {
  border-color: transparent;
  color: #fff;
  background: #0a7efb;
}
.title-58 {
  color: #212534;
  text-align: center;
  font-size: 58px;
  font-style: normal;
  font-weight: 800;
  line-height: 68px;
}
.pricing-st-top {
  padding-top: 80px;
}
.pricing-section-title {
  max-width: 750px;
  width: 100%;
  margin: auto auto 50px;
}
.pricing-tab-btn .nav {
  justify-content: center;
  padding: 5px;
  border-radius: 12px;
  border: 1px solid #e0e3e8;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 30px auto auto;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.pricing-tab-btn .nav-link {
  color: #181a1e;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  padding: 12px 30px;
}
.pricing-tab-btn .nav-link.active {
  color: #fff;
  background: #0072ef;
}
.single-pricing-card {
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #e0e3e8;
  height: auto;
}
.pn-light {
  color: #0072ef;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.plan-btn {
  border-radius: 8px;
  border: 1px solid #0072ef;
  color: #0072ef;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 16px;
  text-align: center;
  display: block;
  margin-bottom: 30px;
  transition: 0.3s;
}
.plan-btn:hover {
  background: #0072ef;
  color: #fff;
}
.pn-light-package {
  margin-bottom: 20px;
}
.pn-price-month {
  -moz-column-gap: 12px;
  column-gap: 12px;
  margin-bottom: 12px;
}
.pn-price-month .title-price {
  color: #212534;
  text-align: center;
  font-size: 58px;
  font-style: normal;
  font-weight: 800;
  line-height: 68px;
}
.pn-month p {
  color: #686a73;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.pn-month p:first-child {
  margin-bottom: 6px;
}
.feature-limit {
  color: #3d4053;
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 32px;
}
.pricing-list-title {
  padding: 30px 0;
  border-top: 1px solid #e0e3e8;
}
.pricing-list-title h4 {
  color: #181a1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 8px;
}
.pricing-list-title p {
  color: #686a73;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.pricing-card-list ul li {
  color: #3d4053;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-left: 5px;
  position: relative;
}
.pricing-card-list ul li:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-4);
  left: -9px;
  top: 6px;
}
.pricing-card-list ul li::before {
  content: "";
  position: absolute;
  width: 1.5px;
  height: 43px;
  background-color: var(--color-15);
  left: -5px;
  top: 8px;
}
.pricing-card-list ul li:not(:last-child) {
  margin-bottom: 20px;
}
.pn-popular-batch {
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 3px 15px 2px;
  border-radius: 4px;
  background: #0072ef;
}
.single-pricing-card.active {
  background: #181a1e;
  box-shadow: 0 8px 26px #181a1e29;
  border-color: transparent;
}
.single-pricing-card.active .pn-light,
.single-pricing-card.active .pn-price-month .title-price,
.single-pricing-card.active .pn-month p {
  color: #fff;
}
.single-pricing-card.active .feature-limit {
  color: #d7d4d4;
}
.single-pricing-card.active .plan-btn {
  background: #0072ef;
  color: #fff;
}
.single-pricing-card.active .pricing-list-title {
  border-color: #3b4352;
}
.single-pricing-card.active .pricing-list-title h4 {
  color: #fff;
}
.single-pricing-card.active .pricing-list-title p {
  color: #d7d4d4;
}
.single-pricing-card.active .pricing-card-list ul li {
  color: #fff;
}
.single-pricing-card.active .pricing-card-list ul li:after {
  background: url(/build/assets/blue-check-e4507910.svg) no-repeat scroll center
    center / cover;
}
.frequently-section {
  padding: 80px 0;
  background: #fcfbf3;

}
.frequently-section-2 {
  margin-bottom: 0;
}
.frequently-title {
  padding-bottom: 50px;
  text-align: center;
}
.frequently-accordion .accordion-button:focus {
  box-shadow: none;
}
.frequently-accordion .accordion-button {
  padding: 24px 30px;
  border-radius: 16px;
  background: #fff;
  color: #181a1e;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.frequently-accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.frequently-accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.frequently-accordion .accordion-body {
  padding: 0 30px 30px;
}
.frequently-accordion .accordion-body p {
  color: #0072ef;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.frequently-accordion .accordion-item {
  border: none;
  border-radius: 16px;
}
.frequently-accordion .accordion-item:not(:last-child) {
  margin-bottom: 20px;
}
.frequently-accordion .accordion-button:not(.collapsed) {
  color: #0072ef;
  background-color: #fff;
  box-shadow: none;
}
.frequently-accordion .accordion-button:after {
  width: 24px;
  height: 24px;
  background-size: 24px;
}
.lms-testimonial-title {
  max-width: 750px;
  width: 100%;
  margin: auto auto 20px;
}
.lms-testimonial-title .info {
  color: #3d4053;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-top: 24px;
}
.lms-testimonial-rating {
  -moz-column-gap: 4px;
  column-gap: 4px;
  margin-bottom: 30px;
}
.single-lms-testimonial {
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 30px #0c77ec1f;
  padding: 30px;
  transition: 0.3s;
}
.single-lms-testimonial .info {
  color: #181a1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 60px;
}
.lmst-user-brand {
  flex-wrap: wrap;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 15px;
}
.lmst-user-wrap {
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.lmst-user-wrap .lmst-user {
  min-width: 70px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.lmst-user-wrap .lmst-user img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.lmst-user-details .name {
  color: #181a1e;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 8px;
}
.lmst-user-details .role {
  color: #3d4053;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.lmsSwiper {
  padding: 30px 0;
  margin-bottom: 80px;
}
.single-lms-testimonial.swiper-slide {
  transform: scale(0.9);
  opacity: 0.6;
}
.single-lms-testimonial.swiper-slide-active {
  transform: scale(1);
  opacity: 1;
}
.swiper-next-prev {
  left: 0;
  right: 0;
  top: 50%;
  max-width: 1180px;
  margin: auto;
  position: absolute;
  background: transparent;
}
.swiper-next-prev .swiper-button-prev {
  position: absolute;
  left: 20px;
}
.swiper-next-prev .swiper-button-next {
  position: absolute;
  left: initial;
  right: 20px;
}
.swiper-next-prev .swiper-button-next:after {
  position: absolute;
  content: "";
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url('../new-icons-images/arrow-right-blue-554932b0.svg');
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: center;
  filter: drop-shadow(0px 8px 20px rgba(12, 119, 236, 0.12));
}
.swiper-next-prev .swiper-button-prev:after {
  position: absolute;
  content: "";
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(/build/assets/arrow-left-blue-ee90d420.svg);
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: center;
  filter: drop-shadow(0px 8px 20px rgba(12, 119, 236, 0.12));
}
.mrg-50 {
  row-gap: 50px;
}
.signup-btn-1 {
  color: #fff;
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 12px 23px;
  border-radius: 10px;
  background: #0a7efb;
  transition: 0.3s;
}
.signup-btn-1:hover {
  background: #005ab9;
  color: #fff;
}
.training-solution-banner {
  -moz-column-gap: 24px;
  column-gap: 24px;
  padding: 60px 0 80px;
}
.training-banner-content {
  max-width: 585px;
  width: 100%;
}
.training-banner-content .light {
  color: #0072ef;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.training-banner-content .title {
  color: #181a1e;
  font-family: Manrope;
  font-size: 58px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 30px;
}
.training-banner-content .title .highlight {
  color: #0072ef;
}
.training-banner-content .info {
  color: #3d4053;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 30px;
}
.training-banner-image {
  max-width: 608px;
  width: 100%;
  margin-right: -77px;
}
.about-lms-section {
  background: #fcfbf3;
  padding: 80px 0;
}
.single-lms-different {
  border-radius: 8px;
  border: 1px solid #e0e3e8;
  background: #fff;
  padding: 20px;
  cursor: pointer;
  transition: 0.3s;
  height: 100%;
}
.single-lms-different .different-img {
  margin-bottom: 10px;
}
.single-lms-different .title {
  color: #181a1e;
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
  transition: 0.3s;
}
.single-lms-different .info {
  color: #3d4053;
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
  transition: 0.3s;
}
.single-lms-different:hover {
  box-shadow: 0 8px 32px #205ed61f;
  border-color: transparent;
}
.single-lms-different path {
  transition: 0.3s;
}
.single-lms-different:hover path {
  fill: #0072ef;
}
.single-lms-different:hover .title,
.single-lms-different:hover .info {
  color: #3d82f0;
}
.white-see-btn {
  border-radius: 10px;
  border: 1px solid #cfd4e1;
  padding: 12px 23px;
  color: #181a1e;
  font-family: Manrope;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: 0.3s;
}
.white-see-btn:hover {
  color: #3d82f0;
  border-color: #3d82f0;
}
.about-different-button {
  margin-top: 20px;
}
.lms-best-section {
  padding: 80px 0;
}
.problem-solver-single {
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.problem-solver-img {
  height: 52px;
  width: 52px;
  min-width: 52px;
  border-radius: 8px;
  background: rgba(61, 130, 240, 0.16);
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.problem-solver-single .title {
  color: #212534;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 16px;
}
.problem-solver-single .info {
  color: #3d4053;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.course-selling-top-section {
  padding-top: 60px;
}
.course-selling-top-title {
  text-align: center;
}
.course-selling-top-title .light {
  color: #0072ef;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.course-selling-top-title .title {
  color: #181a1e;
  font-size: 58px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  padding-bottom: 24px;
  max-width: 626px;
  width: 100%;
  margin: auto;
}
.course-selling-top-title .title .highlight {
  color: #0072ef;
  font-weight: 800;
}
.course-selling-top-title .info {
  color: #3d4053;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  padding-bottom: 30px;
  max-width: 615px;
  width: 100%;
  margin: auto;
}
.through-learning-main {
  -moz-column-gap: 60px;
  column-gap: 60px;
}
.through-learning-left,
.through-learning-right {
  flex-basis: 50%;
}
.through-learning-inner {
  display: flex;
  flex-direction: column;
  row-gap: 60px;
}
.through-learning-title .title {
  color: #181a1e;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px;
  margin-bottom: 30px;
}
.through-learning-title .title .highlight {
  color: #0072ef;
}
.through-white-card {
  border-radius: 16px;
  border: 1px solid #e0e3e8;
  background: #fff;
  cursor: pointer;
  transition: 0.3s;
}
.through-white-details {
  padding: 50px 50px 0;
}
.through-white-details .title {
  color: #181a1e;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 24px;
  transition: 0.3s;
}
.through-white-details .info {
  color: #3d4053;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  transition: 0.3s;
}
.through-white-img {
  height: auto;
  width: 100%;
  border-radius: 0 0 16px 16px;
  position: relative;
}
.through-white-img img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: inherit;
}
.through-white-img:after {
  position: absolute;
  content: "";
  left: 0;
  top: -1px;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 30.45%, #fff 95.99%);
}
.through-white-card:hover {
  box-shadow: 0 8px 32px #205ed61f;
  border-color: transparent;
}
.through-white-card:hover .through-white-details .title,
.through-white-card:hover .through-white-details .info {
  color: #3d82f0;
}
.throught-black-card-1 {
  border-radius: 16px;
  border: 1px solid #e0e3e8;
  background: #0e0e0e;
  cursor: pointer;
  transition: 0.3s;
}
.through-black-details-1 {
  padding: 50px 50px 0;
}
.through-black-details-1 .title {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 24px;
  transition: 0.3s;
}
.through-black-details-1 .info {
  color: #e8f3ff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  transition: 0.3s;
}
.through-black-img-1 {
  height: auto;
  width: 100%;
  border-radius: inherit;
}
.through-black-img-1 img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: inherit;
}
.throught-black-card-1:hover {
  box-shadow: 0 8px 32px #205ed61f;
}
.throught-black-card-1:hover .through-black-details-1 .title,
.throught-black-card-1:hover .through-black-details-1 .info {
  color: #3d82f0;
}
.section-title-course-selling {
  margin-bottom: 50px;
  text-align: center;
}
.section-title-course-selling .info {
  color: #3d4053;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  max-width: 810px;
  width: 100%;
  margin: 24px auto auto;
}
.through-black-details-2 {
  padding: 0 50px 50px;
}
.unlock-expertise-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px;
}
.grid-item-4-4 {
  grid-column: span 4;
  grid-row: span 4;
}
.grid-item-4-8 {
  grid-column: span 4;
  grid-row: span 8;
}
.grid-item-3-4 {
  grid-column: span 3;
  grid-row: span 4;
}
.grid-item-5-4 {
  grid-column: span 5;
  grid-row: span 4;
}
.unlock-expertise-single {
  border-radius: 12px;
  background: #f5faff;
  padding: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: 0.3s;
}
.expertise-title-img {
  align-items: flex-end;
}
.grid-item-4-4 .expertise-title-img img {
  margin-top: -4px;
  margin-right: -4px;
  max-width: 115px;
}
.grid-item-5-4 .expertise-title-img img {
  margin-top: -4px;
  margin-right: -4px;
  max-width: 128px;
}
.grid-item-3-4 .expertise-title-img img {
  max-width: 100px;
  margin-top: -20px;
  margin-right: -8px;
}
.expertise-4-8-img {
  margin: 20px 0 16px;
}
.expertise-4-8-img img {
  max-width: 211px;
}
.expertise-4-8-img-2 {
  margin: 30px 0 36px;
}
.expertise-4-8-img-2 img {
  max-width: 320px;
}
.unlock-expertise-single .title {
  color: #181a1e;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: 0.3s;
}
.unlock-expertise-single .info {
  color: #3d4053;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-top: 12px;
  transition: 0.3s;
}
.unlock-expertise-single:hover {
  border-color: #0072ef;
}
.unlock-expertise-single:hover .title,
.unlock-expertise-single:hover .info {
  color: #0072ef;
}
.one-place-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.one-place-grid-1 {
  position: relative;
  align-items: flex-end;
}
.one-place-grid-1:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(
    270deg,
    rgba(163, 197, 255, 0.16) 0%,
    #a3c5ff 16.56%,
    #a3c5ff 83.75%,
    rgba(163, 197, 255, 0) 100%
  );
}
.one-place-icon-card {
  grid-column: span 5;
}
.one-place-icon-card .one-place-icon {
  width: 52px;
  height: 52px;
  background: rgba(0, 114, 239, 0.12);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.one-place-icon-card .title {
  color: #181a1e;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 12px;
}
.one-place-icon-card .info {
  color: #3d4053;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.one-place-left-card {
  padding-right: 60px;
  padding-bottom: 50px;
  position: relative;
}
.one-place-right-card {
  padding-left: 60px;
  padding-top: 50px;
  position: relative;
}
.one-place-left-card:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  height: 100%;
  width: 1px;
  background: linear-gradient(
    80deg,
    #a3c5ff 44.92%,
    rgba(163, 197, 255, 0) 100%
  );
}
.one-place-right-card:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 100%;
  width: 1px;
  background: linear-gradient(
    267deg,
    #a3c5ff 44.92%,
    rgba(163, 197, 255, 0) 100%
  );
}
.one-place-title-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 34px;
  grid-column: span 7;
}
.one-place-title-right-wrap {
  padding-left: 60px;
  padding-bottom: 50px;
}
.one-place-title-left-wrap {
  padding-right: 60px;
  padding-top: 50px;
}
.one-place-title .title {
  color: #181a1e;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 12px;
}
.one-place-title .info {
  color: #3d4053;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.padding-bottom-80 {
  padding-bottom: 80px;
}
.getting-started-top-section {
  background: #fcfbf3;
  padding: 100px 0;
}
.getting-started-top-title .title {
  color: #181a1e;
  text-align: center;
  font-size: 58px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  max-width: 750px;
  width: 100%;
  margin: auto;
  padding-bottom: 12px;
}
.getting-started-top-title .highlight {
  color: #0072ef;
  font-weight: 800;
}
.getting-started-top-title .info {
  color: #3d4053;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  max-width: 615px;
  width: 100%;
  margin: auto;
  padding-bottom: 30px;
}
.getting-started-top-title .info .thick {
  color: #181a1e;
  font-weight: 600;
}
.getting-started-nav {
  margin-top: -41px;
}
.getting-started-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.getting-started-nav ul li a {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 8px 24px #145bc51f;
  padding: 15px 16px;
  color: #3d4053;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
  height: 100%;
  width: 100%;
  transition: 0.3s;
  border: 1px solid transparent;
  min-width: 165px;
  max-width: 170px;
}
.getting-started-nav ul li a:hover {
  border: 1px solid #0072ef;
  box-shadow: 0 8px 24px 0 transparent;
  color: #0072ef;
}
.organize-with-departments-wrap {
  max-width: 750px;
  width: 100%;
  margin-right: 69px;
  margin-left: 295px;
}
.organize-title-all {
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-bottom: 30px;
}
.organize-title-first {
  margin-bottom: 38px;
}
.organize-title-icon {
  min-width: 48px;
  height: 48px;
  border-radius: 9px;
  background: rgba(0, 114, 239, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
}
.organize-title-all .organize-title-icon {
  margin-top: 2px;
}
.organize-title-first .organize-title-icon {
  margin-top: 7px;
}
.organize-title-all .title {
  color: #181a1e;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
}
.organize-title-first .title {
  color: #181a1e;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  max-width: 538px;
  width: 100%;
}
.organize-video {
  border-radius: 20px;
}
.organize-video iframe,
.organize-video .my-lms-video-player,
.organize-video .plyr--video {
  width: 100%;
  border-radius: 20px;
}
.organize-video .plyr__control--overlaid {
  background: #0a7efb;
}
.organize-video .plyr__volume input[type="range"],
.organize-video .plyr__progress input[type="range"] {
  color: #0a7efb;
}
.getting-details-img {
  width: 100%;
  height: auto;
}
.getting-details-img img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.measure-customer-section {
  background: #fcfbf3;
}
.organize-title-small {
  color: #181a1e;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.organize-list li {
  color: #181a1e;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.organize-list li img {
  margin-bottom: 1px;
}
.organize-list li:not(:last-child) {
  margin-bottom: 30px;
}
.organize-fixed-area {
  position: fixed;
  top: 110px;
  margin-left: 0;
  display: none;
}
.organize-fixed-area .list-group {
  width: 271px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 23px #4040401f;
  padding: 20px;
}
.organize-fixed-area .list-group-item {
  color: #3d4053;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 12px;
  border-radius: 8px;
  border: none;
}
.organize-fixed-area .list-group-item.active {
  color: #0072ef;
  background-color: transparent;
}
.organize-fixed-area .list-group-item + .list-group-item.active {
  margin-top: 0;
  border-top-width: 0px;
}
.organize-fixed-area .list-group-item:hover,
.organize-fixed-area .list-group-item:focus {
  background: rgba(0, 114, 239, 0.08);
  color: #0072ef;
}
.p-bordered {
  padding: 16px 30px;
  border-radius: 12px;
  border: 1px solid #0072ef;
  color: #181a1e;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.border-bottom-gray {
  border-bottom: 1px solid #e0e3e8;
}
.p-typo {
  color: #3d4053;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.p-typo .light {
  color: #0072ef;
  font-weight: 600;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mt-50 {
  margin-top: 50px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pt-30 {
  padding-top: 30px;
}
.padding-top-110 {
  padding-top: 110px;
}
@media screen and (max-width: 1224px) {
  .training-banner-image {
    margin-right: -25px;
  }
}
@media screen and (max-width: 991px) {
  .text-58 {
    font-size: 45px;
    line-height: 60px;
  }
  .success-counter-wrap {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 30px;
  }
  .single-success-wrap:nth-of-type(1) {
    width: 50%;
    justify-content: center;
  }
  .single-success-wrap:nth-of-type(2) {
    width: 50%;
  }
  .single-success-wrap:nth-of-type(2):after {
    display: none;
  }
  .single-success-wrap:nth-of-type(3) {
    width: 50%;
  }
  .single-success-wrap:nth-of-type(4) {
    width: 50%;
    justify-content: center;
  }
  .how-to-banner-area-2 {
    padding-top: 0;
  }
  .lms-topic-wrap,
  .lms-new-topic {
    grid-template-columns: repeat(3, 1fr);
  }
  .first-choose-section:after {
    display: none;
  }
  .second-choose-section:after {
    display: none;
  }
  .howto-choose-lms {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 30px;
  }
  .how-to-banner-area {
    padding-top: 0;
    justify-content: center !important;
  }
  .section-title-lms .title-h {
    font-size: 45px;
    line-height: 57px;
  }
  .analytics-left-banner,
  .interaction-right-banner,
  .feature-right-banner,
  .feature-left-banner {
    justify-content: center;
  }
  .title-58,
  .pn-price-month .title-price {
    font-size: 53px;
    line-height: 63px;
  }
  .training-solution-banner {
    flex-direction: column;
    row-gap: 30px;
  }
  .training-banner-content {
    max-width: 585px;
    width: 100%;
    margin: auto;
  }
  .training-banner-image {
    margin: auto;
  }
  .course-selling-top-title .title {
    font-size: 53px;
    line-height: 63px;
  }
  .through-learning-title .title {
    font-size: 44px;
    line-height: 55px;
  }
  .through-learning-main {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .through-learning-inner {
    row-gap: 30px;
  }
  .through-white-details,
  .through-black-details-1 {
    padding: 30px 30px 0;
  }
  .through-black-details-2 {
    padding: 0 30px 30px;
  }
  .unlock-expertise-grid {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid-item-3-4,
  .grid-item-5-4 {
    grid-column: span 4;
  }
  .one-place-left-card {
    padding-right: 30px;
    padding-bottom: 25px;
  }
  .one-place-title-right-wrap {
    padding-left: 30px;
    padding-bottom: 25px;
  }
  .one-place-title-left-wrap {
    padding-right: 30px;
    padding-top: 25px;
  }
  .one-place-right-card {
    padding-left: 30px;
    padding-top: 25px;
  }
  .organize-with-departments-wrap {
    max-width: 750px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .organize-fixed-area {
    padding: 0;
    height: 0;
    width: 0;
    visibility: hidden;
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .text-42 {
    font-size: 37px;
    line-height: 52px;
  }
  .text-36 {
    font-size: 32px;
    line-height: 45px;
  }
  .title-42 {
    font-size: 37px;
    line-height: 52px;
  }
  .lms-video-area {
    flex-direction: column;
    row-gap: 50px;
  }
  .problem-solve-card {
    max-width: 400px;
    margin: 65px auto 20px;
  }
  .single-success-wrap p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 4px;
  }
  .lms-topic-wrap,
  .lms-new-topic {
    grid-template-columns: repeat(2, 1fr);
  }
  .single-factor-new {
    max-width: 400px;
    width: 100%;
    margin: auto;
  }
  .customer-support-banner {
    max-width: 500px;
    width: 100%;
    margin: auto;
  }
  .customer-support-details {
    margin: auto;
  }
  .howto-choose-lms {
    grid-template-columns: repeat(2, 1fr);
  }
  .lms-difference-single .info {
    padding: 13px 20px;
  }
  .lms-difference-single {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
  .section-title-lms .title-h {
    font-size: 40px;
    line-height: 55px;
  }
  .course-accordion .accordion-body img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 24px;
    margin-top: 24px;
  }
  .title-32 {
    font-size: 28px;
  }
  .organizer-banner-title {
    padding-bottom: 15px;
  }
  .organizer-accordion .accordion-body img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 24px;
    margin-top: 24px;
  }
  .title-58 {
    font-size: 45px;
    line-height: 58px;
  }
  .single-pricing-card {
    max-width: 450px;
    margin: auto;
  }
  .lmsSwiper {
    padding: 30px;
  }
  .single-lms-different {
    max-width: 450px;
    width: 100%;
    margin: auto;
  }
  .training-banner-content .title {
    font-size: 50px;
    line-height: 67px;
  }
  .course-selling-top-title .title {
    font-size: 45px;
    line-height: 58px;
  }
  .through-learning-title .title {
    font-size: 41px;
    line-height: 53px;
  }
  .through-learning-main {
    row-gap: 30px;
    flex-direction: column;
  }
  .through-white-card,
  .throught-black-card-1 {
    max-width: 500px;
    width: 100%;
    margin: auto;
  }
  .unlock-expertise-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .unlock-expertise-single {
    max-width: 450px;
    margin: auto;
  }
  .one-place-icon-card,
  .one-place-title-wrap {
    grid-column: span 12;
  }
  .one-place-left-card {
    padding-right: 0;
  }
  .one-place-left-card:after {
    display: none;
  }
  .one-place-title-right-wrap {
    padding-left: 0;
  }
  .one-place-right-card {
    padding-left: 0;
    order: -1;
  }
  .one-place-right-card:after {
    display: none;
  }
  .one-place-title-left-wrap {
    padding-right: 0;
  }
  .one-place-grid {
    max-width: 550px;
    margin: auto;
  }
  .getting-started-top-title .title {
    font-size: 45px;
    line-height: 58px;
  }
}
@media screen and (max-width: 575px) {
  .text-58 {
    font-size: 43px;
  }
  .text-42 {
    font-size: 32px;
    line-height: 50px;
  }
  .text-36 {
    font-size: 28px;
    line-height: 38px;
  }
  .title-42 {
    font-size: 35px;
    line-height: 48px;
  }
  .video-after-1,
  .video-after-2 {
    display: none;
  }
  .success-counter-wrap {
    flex-direction: column;
    align-items: center;
  }
  .single-success-wrap:after {
    display: none;
  }
  .single-success-wrap:nth-of-type(1) {
    width: auto;
    justify-content: flex-start;
  }
  .single-success-wrap:nth-of-type(2) {
    width: auto;
    justify-content: flex-start;
  }
  .single-success-wrap:nth-of-type(3) {
    width: auto;
    justify-content: flex-start;
  }
  .single-success-wrap:nth-of-type(4) {
    width: auto;
    justify-content: flex-start;
  }
  .single-success-wrap p:after {
    left: 50%;
    transform: translate(-50%);
  }
  .single-success-wrap {
    text-align: center;
  }
  .lms-topic-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
  .single-advice-topic {
    max-width: 300px;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  .lms-new-topic {
    grid-template-columns: repeat(1, 1fr);
  }
  .new-advice-topic {
    max-width: 300px;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  .howto-choose-lms {
    grid-template-columns: repeat(1, 1fr);
  }
  .why-lms-section {
    padding: 50px;
  }
  .lms-difference-wrap .lms-difference-single:not(:last-child) {
    margin-bottom: 20px;
  }
  .lms-difference-single {
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  .lms-difference-single .img {
    outline: 13px solid #fff;
  }
  .lms-difference-single .info-left {
    padding: 13px 20px 13px 5px;
  }
  .lms-difference-single .info-right {
    padding: 13px 5px 13px 20px;
  }
  .lms-difference-single .info {
    font-size: 14px;
  }
  .lms-difference-single .img {
    min-width: 70px;
    width: 70px;
    height: 70px;
  }
  .section-title-lms .title-h {
    font-size: 35px;
    line-height: 46px;
  }
  .title-32 {
    font-size: 25px;
  }
  .title-58 {
    font-size: 37px;
    line-height: 50px;
  }
  .single-lms-testimonial {
    padding: 22px;
  }
  .swiper-next-prev .swiper-button-prev:after {
    width: 45px;
    height: 45px;
  }
  .swiper-next-prev .swiper-button-next:after {
    width: 45px;
    height: 45px;
  }
  .swiper-next-prev .swiper-button-prev {
    left: 15px;
  }
  .swiper-next-prev .swiper-button-next {
    right: 15px;
  }
  .lms-testimonial-rating svg {
    height: 30px;
    width: 30px;
  }
  .lms-testimonial-rating {
    margin-bottom: 20px;
  }
  .single-lms-testimonial .info {
    margin-bottom: 30px;
  }
  .lmst-user-details .name {
    margin-bottom: 5px;
  }
  .lmst-user-wrap {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
  .lmst-user-wrap .lmst-user {
    min-width: 60px;
    width: 60px;
    height: 60px;
  }
  .training-banner-content .title {
    font-size: 38px;
    line-height: 57px;
  }
  .course-selling-top-title .title {
    font-size: 37px;
    line-height: 50px;
  }
  .through-learning-title .title {
    font-size: 35px;
    line-height: 49px;
  }
  .through-white-details,
  .through-black-details-1 {
    padding: 30px 30px 0;
  }
  .through-black-details-2 {
    padding: 0 30px 30px;
  }
  .getting-started-top-title .title {
    font-size: 37px;
    line-height: 50px;
  }
  .organize-title-icon {
    min-width: 43px;
    height: 43px;
  }
  .organize-title-icon img {
    max-width: 30px;
  }
  .organize-title-all .title {
    font-size: 28px;
    line-height: 42px;
  }
  .organize-list li {
    font-size: 18px;
  }
}
@media screen and (max-width: 450px) {
  .success-signup-form form {
    flex-direction: column;
    row-gap: 20px;
  }
  .lms-difference-single .info {
    font-size: 13px;
  }
  .lms-difference-single .img {
    min-width: 65px;
    width: 65px;
    height: 65px;
    border: 8px solid rgba(0, 114, 239, 0.08);
    padding: 8px;
  }
  .create-course-wrap {
    padding: 20px;
  }
  .pricing-tab-btn .nav-link {
    padding: 12px 25px;
  }
}
.doc-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
  padding: 1.625rem 1rem;
  border-bottom: 0.3125rem solid #0a7efb;
  border-radius: 0.3125rem;
  background-color: #fff !important;
  box-shadow: 0 0.625rem 1.5625rem #676c7d1c !important;
  overflow: hidden;
  height: 100%;
}
.doc-item-academy-LMS {
  border-color: #ab3285;
}
.doc-item-icon {
  flex: 0 0 4.25rem;
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0a7efb;
}
.doc-item-academy-LMS .doc-item-icon {
  background-color: #fceef8;
}
.doc-item-icon img {
  width: 1.75rem;
}
.doc-item-name {
  display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 2rem;
    color: #212534 !important;
    padding-bottom: 0.3125rem;
}
.doc-item-article {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #9095a1;
}
.doc-item-ekattor .doc-item-icon {
  background-color: #def8ff;
}
.doc-item-ekattor {
  border-color: #29afd1;
}
.doc-item-learny-LMS .doc-item-icon {
  background-color: #dce8ff;
}
.doc-item-learny-LMS {
  border-color: #3478f7;
}
.doc-item-mastery-LMS .doc-item-icon {
  background-color: #d8ffec;
}
.doc-item-mastery-LMS {
  border-color: #02ff84;
}
.doc-item-checkout .doc-item-icon {
  background-color: #fff0d5;
}
.doc-item-checkout {
  border-color: #f9a91e;
}
.doc-item-atlas .doc-item-icon {
  background-color: #fceef8;
}
.doc-item-atlas {
  border-color: #ab3285;
}
.doc-item-ekattor8 .doc-item-icon {
  background-color: #dbf1ff;
}
.doc-item-ekattor8 {
  border-color: #1197fd;
}
.payfile-option .dropdown-toggle {
  background-color: transparent;
  color: #212534;
  border: none;
}
.payfile-option button svg {
  height: 16px;
}
.payfile-option .dropdown-toggle:after {
  display: none;
}
.payfile-option .dropdown-menu {
  min-width: 7.875rem;
  border: none;
  border-radius: 0.3125rem;
  padding: 0.625rem 0.5rem;
  box-shadow: 0 0.625rem 1.5625rem #676c7d33;
}
.payfile-option .dropdown-menu li a:hover {
  background-color: #edf2f6;
  color: #0a7efb !important;
  border-radius: 0.1875rem;
}
.payfile-option .dropdown-menu li a {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #676c7d;
  padding: 0.1875rem 0.4375rem;
  margin-bottom: 0.1875rem;
}
.article-item-name {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1rem;
  width: 220px;
  color: #212534 !important;
}
.article-header {
  display: flex;
  justify-content: space-between;
}
.article-title {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.btn-main {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0a7efb;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  outline: none;
  border: 0.0625rem solid transparent;
  border-radius: 0.3125rem;
  padding: 0.375rem 0.75rem;
  box-shadow: 0 0 #0000 !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.el-save-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background-color: #eef3f8;
  padding: 0.53125rem 1.0625rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #676c7d !important;
  border-radius: 0.3125rem;
}
.btn-popularity {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.21875rem 0.9375rem;
  background-color: #fff;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: #212534 !important;
  transition: all 0.3s;
}
.btn-popularity [class*="fa-"] {
  color: #0a7efb !important;
  transition: all 0.3s;
}
.btn-popularity:hover,
.btn-popularity.get-popular {
  background-color: #0a7efb;
  color: #fff !important;
}
.btn-popularity:hover [class*="fa-"],
.btn-popularity.get-popular [class*="fa-"] {
  color: #fff !important;
}
.eForm-label {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.625rem;
  color: #212534;
}
form :where(p) {
  color: #f61616;
  font-size: 12px;
}
form :where(i) {
  color: #000;
}
.doc-title-des h3,
.doc-title-des h2 {
  color: #000;
  font-family: Manrope;
  font-size: 23px;
  font-weight: 600;
  line-height: normal;
}
.doc-title-des h2 {
  padding-bottom: 1.25rem;
}
.doc-title-des h3 span {
  margin: 15px 0 !important;
  display: inline-block;
}
.doc-title-des p {
  color: #706c81 !important;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}
.doc-title-des ol,
.doc-title-des ul {
  margin-top: 15px;
  margin-left: 20px;
}
.doc-title-des ol li,
.doc-title-des ul li {
  color: #4c5155 !important;
  font-family: Manrope;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.doc-title-des ol li::marker {
  font-weight: 700;
}
.doc-title-des h6,
.doc-title-des h5 {
  font-size: 17px;
}
.details-third-bottom h2,
.details-third-bottom h2 b,
.details-third-bottom h4,
.details-third-bottom h3 b,
.details-third-bottom h3 span,
.details-third-bottom h3 {
  color: #212534 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 36px !important;
}
.details-third-bottom div span,
.details-third-bottom div,
.details-third-bottom p br span,
.details-third-bottom p span,
.details-third-bottom p {
  color: #212534 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 25px;
}
.pricing-card-list ul li a
{
	color: #212534 !important;
}
.details-third-bottom a {
  color: blue !important;
}
.details-third-bottom p img,
.details-third-bottom div img {
  margin: 14px 0;
  border-radius: 15px;
}
.details-third-bottom div span {
  margin-bottom: 8px;
  display: inline-block;
}
.details-third-bottom h3 {
  margin-top: 8px !important;
  margin-bottom: 20px;
}
.product-text {
  color: #676c7d;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.menu-search-antry .nice-select .option.selected,
.menu-search-antry .nice-select .option {
  border-radius: 5px;
}
.blog-snf-title .text-36 {
  line-height: 42px;
}
.featured-single-details .text-20 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  min-height: 25px;
}
.trending-child-details .blog-read-more svg,
.blog-read-more svg {
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
  margin-top: 3px;
}
.blog-search form input {
  max-width: 400px;
}
.service-feature {
  font-weight: 700;
}
.blog_weg
{
	font-weight: 700;
}
.buy-btn {
  background-color: #f2f7ff;
}
.need-text {
  background: none;
  border: none;
}
.btn-close {
  background-color: #fff !important;
}
.modal-title {
  font-weight: 700;
  color: #212534;
}
.nav-link {
  font-weight: 600;
  font-size: 15px;
}
.nav-links-li-2 .link-name {
  font-weight: 600;
  font-size: 16px;
}
.sideBar-sub a {
  font-size: 15px;
  line-height: 16px;
}
.service-help-item {
  border: 0.0625rem solid #e6eaee !important;
  border-radius: 0.625rem !important;
  margin-bottom: 1.25rem;
  overflow: hidden;
}
.service-help-header {
  background-color: transparent;
  box-shadow: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  color: #212534;
  padding: 16px 1rem;
}
.service-help-txt {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #212534;
  padding-bottom: 10px;
}
.service-help-item .service-help-body {
  position: relative;
  padding: 0.5rem 1rem 1rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.service-help-item .service-help-body:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translate(-50%);
  height: 1px;
  width: 94.25%;
  background-color: #e6eaee;
}
.modal-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #212534;
}
span.model-title-value {
  margin-left: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #212534;
}
.project-view-btn {
  width: 110px;
  font-weight: 700;
}
.cForm-wrap .cFormInput-wrap .checkout,
.cFormInput-wrap .checkout {
  padding: 0.5rem 1.25rem !important;
  font-size: 15;
  color: #7e828b;
}
.check-custom {
  padding: 16px 16px 4px;
}
.cus-label {
  font-size: 16px;
  line-height: 24px;
}
.cus-label p {
  font-size: 16px;
  color: #0a7efb;
}
.ml-65 {
  margin-left: 65px;
}
@media screen and (max-width: 992px) {
  .bar-controls .btn-close {
    position: absolute;
    top: 4px;
    right: 5px;
  }
  .bar-controls {
    justify-content: flex-start !important;
    padding-left: 0 !important;
  }
}
.ci-pagination .page-item:first-child .page-link,
.ci-pagination .page-item:last-child .page-link {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 8px;
  font-size: 14px;
  color: #212534;
  width: 72px;
  height: 20px;
  border: none !important;
}
.ci-pagination .page-item {
  border-radius: 8px;
}
.ci-pagination .page-item:first-child,
.ci-pagination .page-item:last-child {
  background: transparent !important;
  padding: 6px 10px !important;
  border-radius: 8px;
  font-size: 14px;
  color: #212534;
  width: 90px;
  text-align: center;
  border: 1px solid #aaaaaa33;
  transition: 0.5s;
}
.ci-pagination .page-item .page-link {
  border: 1px solid #aaaaaa33;
  border-radius: 8px;
  color: #212534;
  transition: 0.5s;
}
.ci-pagination .page-item .page-link:hover .active,
.ci-pagination .page-item .page-link.active {
  border-color: #0a7efb;
  color: #fff;
}
.ci-pagination {
  gap: 8px;
}
.ci-pagination .page-item:hover,
.ci-pagination .page-ite:hover {
  background-color: #0a7efb !important;
  border-radius: 8px;
}
.ci-pagination .page-item:hover .page-link {
  color: #fff !important;
}
.ci-pagination .page-item div {
  transition: 0.5s;
}
.ci-pagination .page-item:hover div {
  color: #fff;
  background-color: transparent !important;
}
.toast-custom {
  position: fixed;
  right: 0;
  top: 0;
  padding: 15px;
  z-index: 999;
}
.w-280 {
  width: 275px !important;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: hsla(0, 0%, 100%, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    90deg,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-colored: #ddd;
}
.Toastify__toast-container {
  box-sizing: border-box;
  color: #fff;
  padding: 4px;
  position: fixed;
  transform: translate3d(0, 0, var(--toastify-z-index) px);
  width: var(--toastify-toast-width);
  z-index: var(--toastify-z-index);
}
.Toastify__toast-container--top-left {
  left: 1em;
  top: 1em;
}
.Toastify__toast-container--top-center {
  left: 50%;
  top: 1em;
  transform: translate(-50%);
}
.Toastify__toast-container--top-right {
  right: 1em;
  top: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translate(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}
@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    left: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
  }
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-right {
    top: 0;
    transform: translate(0);
  }
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translate(0);
  }
  .Toastify__toast-container--rtl {
    left: auto;
    right: 0;
  }
}
.Toastify__toast {
  border-radius: 4px;
  box-shadow: 0 1px 10px #0000001a, 0 2px 15px #0000000d;
  box-sizing: border-box;
  cursor: pointer;
  direction: ltr;
  display: flex;
  font-family: var(--toastify-font-family);
  justify-content: space-between;
  margin-bottom: 1rem;
  max-height: var(--toastify-toast-max-height);
  min-height: var(--toastify-toast-min-height);
  overflow: hidden;
  padding: 8px;
  position: relative;
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast-body {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  margin: auto 0;
  padding: 6px;
  white-space: pre-wrap;
}
.Toastify__toast-body > div:last-child {
  flex: 1;
}
.Toastify__toast-icon {
  display: flex;
  flex-shrink: 0;
  margin-inline-end: 10px;
  width: 20px;
}
.Toastify--animate {
  animation-duration: 0.7s;
  animation-fill-mode: both;
}
.Toastify--animate-icon {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
@media only screen and (max-width: 480px) {
  .Toastify__toast {
    border-radius: 0;
    margin-bottom: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  background: var(--toastify-color-info);
  color: var(--toastify-text-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  background: var(--toastify-color-success);
  color: var(--toastify-text-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  background: var(--toastify-color-warning);
  color: var(--toastify-text-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  background: var(--toastify-color-error);
  color: var(--toastify-text-color-error);
}
.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
  background: var(--toastify-color-progress-colored);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
  background: var(--toastify-color-transparent);
}
.Toastify__close-button {
  align-self: flex-start;
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  opacity: 0.7;
  outline: none;
  padding: 0;
  transition: 0.3s ease;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentcolor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:focus,
.Toastify__close-button:hover {
  opacity: 1;
}
@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  bottom: 0;
  height: 5px;
  left: 0;
  opacity: 0.7;
  position: absolute;
  transform-origin: left;
  width: 100%;
  z-index: var(--toastify-z-index);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  left: auto;
  right: 0;
  transform-origin: right;
}
.Toastify__spinner {
  animation: Toastify__spin 0.65s linear infinite;
  border: 2px solid;
  border-color: var(--toastify-spinner-color-empty-area);
  border-radius: 100%;
  border-right-color: var(--toastify-spinner-color);
  box-sizing: border-box;
  height: 20px;
  width: 20px;
}
@keyframes Toastify__bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}
.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}
@keyframes Toastify__none {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-duration: 0;
    animation-timing-function: none;
  }
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    transform: translateZ(0);
  }
}
.Toastify__none-enter--bottom-center,
.Toastify__none-enter--bottom-left,
.Toastify__none-enter--bottom-right,
.Toastify__none-enter--top-center,
.Toastify__none-enter--top-left,
.Toastify__none-enter--top-right {
  animation-name: Toastify__none;
}
@keyframes Toastify__zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}
.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}
@keyframes Toastify__flipIn {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg);
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  0% {
    transform: perspective(400px);
  }
  30% {
    opacity: 1;
    transform: perspective(400px) rotateX(-20deg);
  }
  to {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}
@keyframes Toastify__slideInRight {
  0% {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideInLeft {
  0% {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideInUp {
  0% {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideInDown {
  0% {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(110%, 0, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-110%, 0, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, 500px, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -500px, 0);
    visibility: hidden;
  }
}
.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}
.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}
@keyframes Toastify__spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}