@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap");
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

ul, ol {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

p {
  margin-bottom: 0;
}
h1 {
	font-size: 56px;
	line-height: 1.18;
}

@media (max-width: 767.48px) {
	h1 {
		font-size: 48px;
	}
}

h2 {
	font-size: 48px;
	line-height: 120%;
}

@media (max-width: 767.48px) {
	h2 {
		font-size: 40px;
	}
}

h3 {
	font-size: 40px;
	line-height: 125%;
}

@media (max-width: 767.48px) {
	h3 {
		font-size: 32px;
	}
}

h4 {
	font-size: 32px;
	line-height: 133.33%;
}

@media (max-width: 767.48px) {
	h4 {
		font-size: 24px;
	}
}

h5 {
	font-size: 28px;
	line-height: 140%;
}

@media (max-width: 767.48px) {
	h5 {
		font-size: 20px;
	}
}

h6 {
	font-size: 24px;
	line-height: 150%;
}

@media (max-width: 767.48px) {
	h6 {
		font-size: 16px;
	}
}
html {
  scroll-behavior: smooth;
}

.slick-initialized .slick-slide {
  outline: none;
}

.shadow-1 {
  filter: drop-shadow(0px 54px 80px rgba(0, 0, 0, 0.06)) drop-shadow(0px 22.5599px 33.4221px rgba(0, 0, 0, 0.0431313)) drop-shadow(0px 12.0616px 17.869px rgba(0, 0, 0, 0.0357664)) drop-shadow(0px 6.76164px 10.0172px rgba(0, 0, 0, 0.03)) drop-shadow(0px 3.59106px 5.32008px rgba(0, 0, 0, 0.0242336)) drop-shadow(0px 1.49432px 2.21381px rgba(0, 0, 0, 0.0168687));
  -webkit-filter: drop-shadow(0px 54px 80px rgba(0, 0, 0, 0.06)) drop-shadow(0px 22.5599px 33.4221px rgba(0, 0, 0, 0.0431313)) drop-shadow(0px 12.0616px 17.869px rgba(0, 0, 0, 0.0357664)) drop-shadow(0px 6.76164px 10.0172px rgba(0, 0, 0, 0.03)) drop-shadow(0px 3.59106px 5.32008px rgba(0, 0, 0, 0.0242336)) drop-shadow(0px 1.49432px 2.21381px rgba(0, 0, 0, 0.0168687));
}

.no-margin {
  margin: 0 !important;
}

.bg-2 {
  background: #F8F8F8;
}

@media (max-width: 991.98px) {
  .container {
    max-width: 860px;
  }
}
@media (max-width: 1280px) and (min-width: 1200px) {
  .container {
    max-width: 1090px;
  }
}
@media (max-width: 767.48px) {
  .pme-0 {
    padding-right: 0;
  }
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
  .container-fluid {
    padding-left: 24px;
    padding-right: 24px;
  }
  .row.full-screen {
    --bs-gutter-x: 3rem;
  }
  .p-m-0 {
    padding: 0;
  }
  .ps-m-0 {
    padding-left: 0;
  }
}
.section {
  overflow: hidden;
}

.title-sm {
  font-size: 32px;
  line-height: 1.17;
  color: #233549;
  font-weight: 600;
  margin-bottom: 0;
}
@media (max-width: 767.48px) {
  .title-sm {
    font-size: 24px;
  }
}

.title-uppercase {
  color: #14253B;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
}

.text-sm {
  font-size: 12px;
}

.title-small {
  color: #000;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}

.title-xl {
  font-size: 18px;
  line-height: 40px;
  color: #14253B;
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .title-xl {
    font-size: 16px;
    line-height: 24px;
  }
}

.section-title {
  font-size: 40px;
  color: #14253B;
  line-height: 1.17;
}
.section-title.xxl {
  font-size: 48px;
  margin-bottom: 16px;
}
@media (max-width: 767.48px) {
  .section-title.xxl {
    font-size: 32px;
  }
}
@media (max-width: 767.48px) {
  .section-title {
    font-size: 32px;
  }
}

.black-btn {
  color: #14253B !important;
}

.section-heading {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #334253;
}

.fw-medium {
  font-weight: 500;
}

.fw-bold {
  font-weight: 600;
}

.text-gray {
  color: #657080;
}

.page-heading {
  font-size: 48px;
  line-height: 1.17;
  color: #14253B;
  font-weight: 600;
}
@media (max-width: 767.48px) {
  .page-heading {
    font-size: 32px !important;
  }
}

.container-fluid.max {
  max-width: 1600px;
}
@media (min-width: 1600px) {
  .container-fluid.max {
    max-width: 1475px;
  }
}
@media (max-width: 1599.98px) {
  .container-fluid.max {
    max-width: 1480px;
  }
}
@media (max-width: 1399.98px) {
  .container-fluid.max {
    max-width: 1295px;
  }
}
@media (max-width: 1440px) {
  .container-fluid.max {
    max-width: 1280px;
  }
}
@media (max-width: 1366px) {
  .container-fluid.max {
    max-width: 1320px;
  }
}
@media (max-width: 1280px) {
  .container-fluid.max {
    max-width: 1260px;
  }
}

@media (max-width: 1440px) and (min-width: 1281px) {
  .container {
    max-width: 1112px;
  }
}
@media (max-width: 1366px) and (min-width: 1281px) {
  .container {
    max-width: 1175px;
  }
}
@media (max-width: 1280px) and (min-width: 1024.5px) {
  .container {
    max-width: 1110px;
  }
}

.hero-area {
  padding: 96px 0;
}
@media (max-width: 991.98px) {
  .hero-area {
    padding-top: 30px;
  }
}
@media (max-width: 767.48px) {
  .hero-area {
    padding-top: 10px;
  }
}
@media (max-width: 991.98px) {
  .hero-area {
    text-align: center;
  }
  .hero-area a {
    display: block;
    margin: 8px 0;
    height: 48px;
  }
}

.style-primary {
  margin-bottom: 32px;
  display: inline-block;
}
@media (max-width: 767.48px) {
  .style-primary {
    margin-bottom: 20px;
  }
}
.style-primary p {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 28px;
}
@media (max-width: 767.48px) {
  .style-primary p {
    font-size: 15px;
    line-height: 21px;
  }
}
.style-primary .page-heading {
  margin-bottom: 24px;
}
@media (max-width: 767.48px) {
  .style-primary .page-heading {
    margin-bottom: 16px;
  }
}
@media (max-width: 1199.98px) {
  .style-primary .page-heading {
    font-size: 42px;
  }
}

.trial-text {
  color: #14253B;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin-top: 20px;
}
@media (max-width: 767.48px) {
  .trial-text {
    text-align: center;
  }
}

.video-wrapper video {
  max-width: 100%;
  border-radius: 16px;
}
@media (max-width: 991.98px) {
  .video-wrapper video {
    width: 100%;
    margin-bottom: 48px;
  }
}

.leaders-area {
  padding: 30px 0;
}
.leaders-area .mu-button-arrow {
  margin-top: 24px;
}
.leaders-area .title-uppercase {
  margin-bottom: 18px;
}

@media (max-width: 767.48px) {
  .client-lists {
    flex-wrap: wrap;
  }
}
.client-lists.client-primary {
  padding: 30px 0;
}
.client-lists.client-primary .single-client {
  margin: 0 25px;
}
@media (max-width: 767.48px) {
  .client-lists.client-primary .single-client {
    width: 17%;
    margin: 15px 10px;
  }
}
.client-lists.client-primary .single-client img {
  filter: gray; /* IE6-9 */ /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.streaming-area {
  padding-top: 135px;
  padding-bottom: 113px;
}
@media (max-width: 767.48px) {
  .streaming-area {
    padding: 100px 8px;
  }
}

.streming-lists {
  margin-top: 72px;
}
@media (max-width: 767.48px) {
  .streming-lists {
    margin-top: 40px;
  }
}

.single-stream {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
}
@media (max-width: 767.48px) {
  .single-stream {
    text-align: left;
    justify-content: start;
    padding-bottom: 50px;
  }
}
.single-stream .icon {
  margin-bottom: 24px;
}
.single-stream .title-small {
  margin-bottom: 8px;
}
@media (max-width: 767.48px) {
  .single-stream .title-small {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
  }
}
.single-stream p {
  color: rgba(20, 37, 59, 0.8);
  margin-bottom: 24px;
}
@media (max-width: 767.48px) {
  .single-stream p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 16px;
  }
}
.single-stream a {
  align-self: flex-end;
}
.single-stream .box-content svg {
  width: 64px;
  height: 64px;
}

.primary-cta {
  padding-top: 60px;
  padding-bottom: 125px;
}
@media (max-width: 767.48px) {
  .primary-cta {
    padding-top: 0;
    padding-bottom: 100px;
  }
}
.primary-cta .section-title {
  margin-bottom: 48px;
}
@media (max-width: 767.48px) {
  .primary-cta .section-title {
    margin: 30px 0;
  }
}
.primary-cta .cta-content p {
  margin-bottom: 40px;
  color: rgba(20, 37, 59, 0.8);
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 767.48px) {
  .primary-cta .cta-content p {
    margin-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .primary-cta .cta-content {
    text-align: center;
  }
  .primary-cta .cta-content .mu-btn {
    margin-top: 20px;
  }
}

.feature-primary {
  overflow: hidden;
  padding-top: 110px;
  background: linear-gradient(90deg, rgba(24, 160, 251, 0.1) 0%, rgba(12, 185, 243, 0.1) 100%), linear-gradient(90deg, rgba(24, 160, 251, 0.1) 0%, rgba(12, 185, 243, 0.1) 100%), #FFFFFF;
}
@media (max-width: 767.48px) {
  .feature-primary .section-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 24px;
  }
}
.feature-primary .top-row {
  position: relative;
  z-index: 2;
}
.feature-primary .bottom-row {
  position: relative;
  z-index: 0;
}
@media (max-width: 767.48px) {
  .feature-primary {
    padding-top: 65px;
  }
}

.line-styled {
  padding: 5px 0;
}
.line-styled li {
  display: inline-block;
  color: #334253;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  padding: 0 10px;
  position: relative;
  font-family: "Poppins", sans-serif;
  border-right: 2px solid rgba(51, 66, 83, 0.1019607843);
}
.line-styled li:last-child {
  border: none;
}
@media (max-width: 767.48px) {
  .line-styled li {
    padding: 0 5px;
  }
}
@media (max-width: 767.48px) {
  .line-styled {
    text-align: left;
  }
}

.feature-wrapper {
  margin-bottom: 80px;
}

@media (min-width: 767.5px) {
  .feature-bottom {
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.06);
  }
}
.feature-bottom .padding-x {
  padding: 0 40px;
}
@media (max-width: 767.48px) {
  .feature-bottom .padding-x {
    padding: 0 15px;
  }
}

#featureTab li .nav-link {
  border: none;
  outline: 0;
  padding: 27px 12px;
}
#featureTab li .nav-link .svg svg {
  opacity: 0.4;
}
#featureTab li .nav-link.active {
  box-shadow: none;
  background-color: transparent;
  position: relative;
}
#featureTab li .nav-link.active .svg svg {
  opacity: 1;
}
#featureTab li .nav-link.active .svg svg g {
  opacity: 1;
}
#featureTab li .nav-link.active .svg svg path {
  stroke: #334253;
}
#featureTab li .nav-link.active::after {
  position: absolute;
  content: "";
  background: #6AC69E;
  border-radius: 40px;
  height: 7px;
  width: 100%;
  top: -3.5px;
  left: 0;
  right: 0;
}
@media (max-width: 767.48px) {
  #featureTab li .nav-link {
    padding: 15px 12px;
  }
}
@media (max-width: 767.48px) {
  #featureTab {
    margin-bottom: 15px;
  }
}

#featureTabContent {
  margin-top: 40px;
  position: relative;
}
@media (min-width: 1200px) {
  #featureTabContent::before {
    position: absolute;
    content: "";
    right: 0;
    width: 385px;
    transform: translateX(50%);
    background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/dots-big.png");
    height: 120%;
    bottom: 0;
    top: auto;
  }
}

.feature-bottom .slick-list {
  overflow: visible;
}

.streaming-slider-preview {
  margin-top: 40px;
  box-shadow: 0px 154.305px 506.12px rgba(0, 0, 0, 0.33), 0px 64.4648px 211.445px rgba(0, 0, 0, 0.237222), 0px 34.466px 113.048px rgba(0, 0, 0, 0.196715), 0px 19.3213px 63.374px rgba(0, 0, 0, 0.165), 0px 10.2614px 33.6575px rgba(0, 0, 0, 0.133285), 0px 4.27001px 14.0056px rgba(0, 0, 0, 0.092778);
  -webkit-box-shadow: 0px 154.305px 506.12px rgba(0, 0, 0, 0.33), 0px 64.4648px 211.445px rgba(0, 0, 0, 0.237222), 0px 34.466px 113.048px rgba(0, 0, 0, 0.196715), 0px 19.3213px 63.374px rgba(0, 0, 0, 0.165), 0px 10.2614px 33.6575px rgba(0, 0, 0, 0.133285), 0px 4.27001px 14.0056px rgba(0, 0, 0, 0.092778);
  -moz-box-shadow: 0px 154.305px 506.12px rgba(0, 0, 0, 0.33), 0px 64.4648px 211.445px rgba(0, 0, 0, 0.237222), 0px 34.466px 113.048px rgba(0, 0, 0, 0.196715), 0px 19.3213px 63.374px rgba(0, 0, 0, 0.165), 0px 10.2614px 33.6575px rgba(0, 0, 0, 0.133285), 0px 4.27001px 14.0056px rgba(0, 0, 0, 0.092778);
  position: relative;
}
.streaming-slider-preview .single-streaming {
  position: relative;
}
@media (min-width: 1200px) {
  .streaming-slider-preview::before {
    position: absolute;
    content: "";
    right: 0;
    width: 385px;
    transform: translateX(50%);
    background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/dots-big.png");
    height: 120%;
    bottom: 0;
    top: auto;
    z-index: -1;
  }
}

.single-streaming-icon {
  left: 0 !important;
  opacity: 1 !important;
  cursor: pointer;
  padding: 27px 12px;
  transition: all 0.3s;
}
@media (max-width: 767.48px) {
  .single-streaming-icon {
    padding: 15px 12px;
    margin-bottom: 20px;
  }
}
.single-streaming-icon .svg svg {
  opacity: 0.4;
}
.single-streaming-icon.slick-current {
  position: relative;
}
.single-streaming-icon.slick-current::after {
  position: absolute;
  content: "";
  background: #6AC69E;
  border-radius: 40px;
  height: 7px;
  width: 100%;
  top: -3.5px;
  left: 0;
  right: 0;
}
.single-streaming-icon.slick-current .svg svg {
  opacity: 1;
}
.single-streaming-icon.slick-current .svg svg g {
  opacity: 1;
}
.single-streaming-icon.slick-current .svg svg path {
  stroke: #334253;
}

.feature-icon .row {
  margin-top: 25px;
  margin-bottom: 25px;
}
@media (max-width: 767.48px) {
  .feature-icon .row {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.feature-icon .icons-wrapper {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (max-width: 767.48px) {
  .feature-icon .icons-wrapper {
    padding-top: 35px;
    padding-bottom: 45px;
  }
}
.feature-icon .icons-wrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1199.98px) {
  .feature-icon .icons-wrapper img {
    height: 50px;
    -o-object-fit: fill;
       object-fit: fill;
  }
}
@media (max-width: 991.98px) {
  .feature-icon .icons-wrapper img {
    height: 40px;
  }
}
@media (max-width: 767.48px) {
  .feature-icon .icons-wrapper img {
    height: 40px;
    margin: 5px 0;
  }
}

.secondary-cta .cta-wrapper {
  padding-left: 17px;
  padding-bottom: 15px;
  padding-right: 54px;
  background: linear-gradient(90deg, rgba(24, 160, 251, 0.16) 0%, rgba(12, 185, 243, 0.16) 100%), #FFFFFF;
  border-radius: 16px 16px 16px 54px;
}
@media (max-width: 991.98px) {
  .secondary-cta .cta-wrapper {
    padding: 25px;
  }
}
@media (max-width: 767.48px) {
  .secondary-cta .cta-wrapper {
    text-align: center;
  }
  .secondary-cta .cta-wrapper p {
    margin-bottom: 24px;
  }
}
.secondary-cta h3 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 767.48px) {
  .secondary-cta h3 {
    font-size: 16px;
    font-size: 24px;
    line-height: 34px;
  }
}
.secondary-cta p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}
.secondary-cta .no-card {
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  margin-top: 8px;
}
.secondary-cta .no-card img {
  margin-right: 8px;
  margin-bottom: 2px;
}

.dot-styleone {
  position: absolute;
  z-index: -1;
  left: 0%;
  top: -68%;
}
@media (max-width: 1199.98px) {
  .dot-styleone {
    display: none;
  }
}
@media (max-width: 1440px) {
  .dot-styleone {
    left: -2%;
  }
}

.dot-styletwo {
  position: absolute;
  z-index: -1;
  left: 0%;
  top: 0%;
}
@media (max-width: 1199.98px) {
  .dot-styletwo {
    display: none;
  }
}
@media (max-width: 1440px) {
  .dot-styletwo {
    left: -20px;
    right: auto;
    max-width: 150px;
  }
}
@media (max-width: 1280px) {
  .dot-styletwo {
    left: -30px;
    right: auto;
    max-width: 130px;
  }
}

.enterprise-area {
  padding-top: 135px;
  padding-bottom: 35px;
}
.enterprise-area .section-title {
  line-height: 1.2;
}
@media (max-width: 767.48px) {
  .enterprise-area {
    padding-top: 65px;
  }
}
.enterprise-area .section-heading {
  font-size: 20px;
  color: #14253B;
  margin-bottom: 50px;
}
@media (max-width: 767.48px) {
  .enterprise-area .section-heading {
    font-size: 16px;
  }
}
@media (max-width: 767.48px) {
  .enterprise-area .enterprise-slider-text .slick-list {
    overflow: visible;
  }
}
.enterprise-area .enterprise-slider-text .single-enterprise {
  padding: 32px 40px;
  border-radius: 24px;
  text-align: left;
  left: 0 !important;
  opacity: 1 !important;
  cursor: pointer;
}
.enterprise-area .enterprise-slider-text .single-enterprise.slick-current {
  background: rgba(234, 247, 255, 0.44);
}
.enterprise-area .enterprise-slider-text .single-enterprise h3 {
  font-size: 20px;
  line-height: 30px;
  color: #000;
  font-weight: 500;
  margin-bottom: 8px;
}
.enterprise-area .enterprise-slider-text .single-enterprise p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 12px;
  color: rgba(20, 37, 59, 0.8);
}
@media (max-width: 767.48px) {
  .enterprise-area .enterprise-slider-text .single-enterprise p {
    line-height: 20px;
  }
}
.enterprise-area .enterprise-slider-text .single-enterprise .mu-button-arrow {
  display: flex;
  align-items: center;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  line-height: 24px;
}
@media (max-width: 767.48px) {
  .enterprise-area .enterprise-slider-text .single-enterprise {
    border: 1px solid #DDE0E6;
    margin-top: 40px;
  }
  .enterprise-area .enterprise-slider-text .single-enterprise.slick-current {
    border: none;
  }
}
@media (max-width: 767.48px) {
  .enterprise-area .enterprise-slider-text .slick-track {
    display: flex;
  }
  .enterprise-area .enterprise-slider-text .slick-slider {
    margin: 0 -10px;
  }
  .enterprise-area .enterprise-slider-text .slick-slide {
    margin-right: 5px;
    margin-left: 5px;
    outline: none;
  }
}
.enterprise-area .enterprise-slider-preview {
  box-shadow: 0px 11.8167px 31.5111px rgba(0, 0, 0, 0.06);
}
@media (min-width: 767.5px) {
  .enterprise-area .enterprise-slider-preview {
    margin-top: 70px;
  }
  .enterprise-area .half-width {
    position: absolute;
    right: 0;
    left: 50%;
    padding-right: 0;
    max-width: 1000px;
  }
  .enterprise-area .half-width .single-enterprise-preview {
    text-align: right;
  }
  .enterprise-area .half-width .single-enterprise-preview img {
    width: 100%;
  }
}

@media (min-width: 767.5px) {
  .enterprise-slider-text .slick-list {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important;
  }
}
@media (max-width: 767.48px) {
  .enterprise-slider-text {
    margin-bottom: 70px;
  }
}

.design-area {
  padding-bottom: 128px;
  padding-top: 135px;
}
@media (max-width: 767.48px) {
  .design-area {
    padding: 104px 0;
  }
}
.design-area .section-heading .section-title {
  line-height: 50px;
}
.design-area .section-heading .title-sm {
  line-height: 42px;
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  .design-area .section-heading {
    white-space: nowrap;
  }
}
.design-area .design-slider-text {
  margin-top: 48px;
}
.design-area .design-slider-text h3 {
  font-size: 20px;
  line-height: 30px;
  color: #000;
  font-weight: 500;
  margin-bottom: 8px;
}
.design-area .design-slider-text p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 12px;
  color: rgba(20, 37, 59, 0.8);
}
.design-area .design-slider-text .single-design {
  padding: 32px 40px;
  border-radius: 24px;
  left: 0 !important;
  opacity: 1 !important;
  cursor: pointer;
}
.design-area .design-slider-text .single-design.slick-current {
  background: rgba(234, 247, 255, 0.44);
}
@media (max-width: 767.48px) {
  .design-area .design-slider-text .single-design {
    margin-top: 70px;
  }
}
.design-area .design-slider-text .mu-button-arrow {
  display: flex;
  align-items: center;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.design-area .half-width {
  position: absolute;
  right: 0;
  left: 50%;
  padding-right: 0;
  max-width: 1000px;
}
@media (max-width: 1199.98px) {
  .design-area .half-width {
    top: 40%;
  }
}
.design-area .half-width .single-design-preview img {
  width: 100%;
}
@media (max-width: 767.48px) {
  .design-area .single-design {
    margin-top: 70px;
  }
  .design-area .single-design h3 {
    font-size: 20px;
  }
  .design-area .single-design p {
    margin-bottom: 12px;
  }
  .design-area .single-design .single-design-preview {
    margin-bottom: 32px;
  }
}

.services-area {
  padding-top: 104px;
  padding-bottom: 128px;
  background-color: #504F4F;
}
@media (max-width: 1199.98px) {
  .services-area {
    overflow: hidden;
  }
}
@media (max-width: 767.48px) {
  .services-area {
    padding-top: 55px;
    padding-bottom: 80px;
  }
}
.services-area .title-sm {
  color: #fff;
  font-weight: 500;
  margin-bottom: 40px;
}
@media (max-width: 767.48px) {
  .services-area .title-sm {
    text-align: center;
    font-size: 32px;
    line-height: 38px;
  }
}

.service-slider .single-service-box {
  border-radius: 8px;
  position: relative;
}
.service-slider .single-service-box h4 {
  position: absolute;
  left: 15px;
  right: 15px;
  color: #fff;
  top: 30px;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767.48px) {
  .service-slider .single-service-box h4 {
    font-size: 13px;
    line-height: 21px;
    top: 15px;
  }
}
.service-slider .single-service-box img {
  width: 100%;
  border-radius: 8px;
  filter: drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.07)) drop-shadow(0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275)) drop-shadow(0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725)) drop-shadow(0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802));
  -webkit-filter: drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.07)) drop-shadow(0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275)) drop-shadow(0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725)) drop-shadow(0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802));
}
.service-slider .slick-slider {
  margin: 0 -15px;
}
.service-slider .slick-slide {
  padding: 5px;
  text-align: center;
}
@media (max-width: 1399.98px) {
  .service-slider .slick-slide {
    margin-right: 8px;
    margin-left: 8px;
  }
}
@media (max-width: 767.48px) {
  .service-slider .slick-slide {
    margin-left: 0;
    padding: 0;
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .service-slider .slick-list.draggable {
    display: flex;
    overflow: visible;
  }
  .service-slider .slick-track {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1199.98px) {
  .service-slider .slick-list {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important;
    overflow: visible;
  }
}

.testimonial-area {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 37.2%, rgba(245, 248, 252, 0.48) 100%);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  padding: 124px 0;
  overflow: hidden;
}
@media (max-width: 767.48px) {
  .testimonial-area {
    padding: 100px 0;
  }
}
.testimonial-area .section-heading {
  margin-bottom: 64px;
}
@media (max-width: 767.48px) {
  .testimonial-area .section-heading {
    padding: 0 15px;
    margin-bottom: 40px;
  }
}
.testimonial-area .testimonial-slider .slider-content {
  font-family: "Poppins", sans-serif;
}
@media (max-width: 767.48px) {
  .testimonial-area .testimonial-slider .slider-content {
    padding: 0 15px;
  }
  .testimonial-area .testimonial-slider .slider-content .client-img {
    max-width: 60px;
  }
  .testimonial-area .testimonial-slider .slider-content .client-info {
    margin-bottom: 40px;
  }
}
.testimonial-area .testimonial-slider .slider-content p {
  color: #334253;
  font-size: 20px;
  line-height: 34px;
}
@media (max-width: 767.48px) {
  .testimonial-area .testimonial-slider .slider-content p {
    font-size: 16px;
    line-height: 24px;
  }
}
.testimonial-area .testimonial-slider .slider-content .client-detail {
  color: #67758D;
  margin-left: 24px;
}
@media (max-width: 767.48px) {
  .testimonial-area .testimonial-slider .slider-content .client-detail {
    margin-left: 15px;
  }
}
.testimonial-area .testimonial-slider .slider-content .client-detail h6 {
  color: #363A40;
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .testimonial-area .testimonial-slider .slider-content .client-detail h6 {
    font-size: 16px;
  }
}
.testimonial-area .testimonial-slider .slider-content .client-detail p {
  color: #67758D;
  font-size: 14px;
  line-height: 21px;
}
.testimonial-area .testimonial-slider .client-preview {
  border-radius: 20px;
  filter: drop-shadow(0px 22.3363px 17.869px rgba(0,0,0,.0417275)) drop-shadow(0px 12.5216px 10.0172px rgba(0,0,0,.035)) drop-shadow(0px 6.6501px 5.32008px rgba(0,0,0,.0282725)) drop-shadow(0px 2.76726px 2.21381px rgba(0,0,0,.0196802));
}
.testimonial-area .testimonial-slider .client-preview img {
  border-radius: 20px;
}
.testimonial-area .testimonial-slider .client-preview video {
  border-radius: 20px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonial-area .testimonial-slider .client-preview .video-js {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 767.48px) {
  .testimonial-area .testimonial-slider .client-preview .video-js {
    height: 180px;
  }
}
.testimonial-area .testimonial-slider .client-preview .vjs-poster {
  display: none;
}
.testimonial-area .testimonial-slider .client-preview .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: rgba(24, 160, 251, 0.6);
  border-radius: 50%;
  border-color: transparent;
  box-shadow: 0px 10px 20px rgba(24, 160, 251, 0.18), 0px 2px 6px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.testimonial-area .testimonial-slider .single-slider {
  overflow: visible;
}
.testimonial-area .testimonial-slider .slick-list {
  overflow: visible !important;
}
.testimonial-area .slider-controls {
  position: absolute;
  right: 15px;
  display: flex;
  align-items: center;
  top: 340px;
}
.testimonial-area .slider-controls .slick-dots {
  display: flex;
  margin-top: 4px;
  margin-left: 6px;
  margin-right: 6px;
}
.testimonial-area .slider-controls .slick-dots li {
  display: flex;
  align-items: center;
}
.testimonial-area .slider-controls .slick-dots button {
  font-size: 0;
  height: 10px;
  width: 10px;
  background: #DDE0E6;
  border: none;
  border-radius: 50%;
  margin: 0 6px;
}
.testimonial-area .slider-controls .slick-dots .slick-active button {
  background: #18A0FB;
}
.testimonial-area .slider-controls button {
  background: transparent;
  border: none;
}
@media (max-width: 767.48px) {
  .testimonial-area .slider-controls {
    position: static;
    justify-content: center;
    margin-top: 30px;
  }
}

.ellipse-bg {
  position: absolute;
}
@media (max-width: 1199.98px) {
  .ellipse-bg {
    display: none;
  }
}
@media (min-width: 1200px) {
  .ellipse-bg {
    top: -11%;
    max-width: 300px;
  }
}
@media (min-width: 1400px) {
  .ellipse-bg {
    top: -14%;
    max-width: 300px;
  }
}
@media (min-width: 1600px) {
  .ellipse-bg {
    top: -23%;
    min-width: 404px;
  }
  .ellipse-bg img {
    width: 100%;
  }
}

.hightlights-area {
  padding-top: 104px;
  padding-bottom: 124px;
  position: relative;
}
@media (max-width: 767.48px) {
  .hightlights-area {
    padding-top: 0;
    padding-bottom: 100px;
  }
}
.hightlights-area .section-title {
  margin-bottom: 16px;
}
.hightlights-area .section-heading {
  margin-bottom: 32px;
}
@media (min-width: 1200px) {
  .hightlights-area .section-heading {
    padding-right: 30px;
    padding-top: 16px;
  }
}
@media (max-width: 767.48px) {
  .hightlights-area .section-heading {
    text-align: center;
  }
}

.hightlights-box {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.hightlights-box .higlight-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-family: "Poppins", sans-serif;
  margin-bottom: 28px;
}
@media (max-width: 767.48px) {
  .hightlights-box .higlight-content {
    margin-bottom: 16px;
  }
}
.hightlights-box .higlight-content h3 {
  width: 100%;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  line-height: 22px;
  margin-bottom: 16px;
}
.hightlights-box .higlight-content img {
  width: 100%;
  border-radius: 6px;
  margin-bottom: 16px;
}
.hightlights-box .higlight-content span {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  color: rgba(20, 37, 59, 0.8);
  line-height: 20px;
}
.hightlights-box .higlight-content h4 {
  font-size: 14px;
}
@media (max-width: 767.48px) {
  .hightlights-box .higlight-content h4 {
    font-size: 12px;
    line-height: 20px;
  }
}
.hightlights-box .mu-button-arrow {
  align-self: end;
}

@media (max-width: 767.48px) {
  .highlight-slider {
    padding-left: 25px;
  }
  .highlight-slider .slick-list {
    overflow: visible;
  }
  .highlight-slider .slick-slider {
    margin: 0 -15px;
  }
  .highlight-slider .slick-slide {
    margin-right: 25px;
    outline: none;
  }
  .highlight-slider .mu-button-arrow {
    display: flex;
    align-items: center;
  }
}

.explore-area {
  background: #ECF4FC;
  padding-top: 118px;
  padding-bottom: 137px;
}
@media (max-width: 767.48px) {
  .explore-area {
    padding: 65px 0;
  }
  .explore-area .section-title {
    text-align: center;
  }
}

.exlore-product {
  margin-top: 64px;
}
@media (max-width: 767.48px) {
  .exlore-product {
    margin-top: 40px;
  }
}

.leaf-img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 1599.98px) {
  .leaf-img {
    max-width: 80px;
  }
}
@media (max-width: 1399.98px) {
  .leaf-img {
    max-width: 100px;
  }
}
@media (max-width: 1199.98px) {
  .leaf-img {
    display: none;
  }
}

.product-box {
  padding: 40px;
  height: 100%;
  background: #fff;
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  -webkit-box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  -moz-box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  border-radius: 24px 24px 24px 64px;
  position: relative;
}
@media (max-width: 991.98px) {
  .product-box {
    margin: 12px 0;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}
.product-box .produt-img {
  margin-bottom: 16px;
}
.product-box p {
  color: rgba(20, 37, 59, 0.8);
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 36px;
}
.product-box .self-bottom-content {
  position: absolute;
  right: 40px;
  bottom: 40px;
}
.product-box .mu-button-arrow {
  font-size: 14px;
}
.exlore-product .single-product-box {
  padding: 32px;
  height: 100%;
  background: #fff;
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  -webkit-box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  -moz-box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  border-radius: 24px 24px 24px 64px;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: flex-start;
  position: relative;
}
.exlore-product .single-product-box .produt-img {
  margin-bottom: 16px;
}
.exlore-product .single-product-box p {
  color: rgba(20, 37, 59, 0.8);
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 24px;
}
.exlore-product .single-product-box .mu-button-arrow {
  font-size: 14px;
}
.faq-area.faq-primary {
  padding-top: 104px;
  padding-bottom: 80px;
}
.faq-area.faq-primary .section-title {
  margin-bottom: 56px;
  line-height: 1.5;
}
@media (max-width: 767.48px) {
  .faq-area.faq-primary {
    padding: 100px 0;
  }
  .faq-area.faq-primary .section-title {
    margin-bottom: 50px;
  }
}

.primary-accordian {
  padding: 0 25px;
}
.primary-accordian .accordion-item {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 50px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 10px 10px;
  display: block;
  transition-delay: 0s;
}
.primary-accordian .accordion-item button {
  color: #14253B;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 767.48px) {
  .primary-accordian .accordion-item button {
    font-weight: 400;
  }
}
.primary-accordian .accordion-item.active {
  border-radius: 16px;
}
.primary-accordian .accordion-item .accordion-button {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
@media (max-width: 767.48px) {
  .primary-accordian .accordion-item {
    border-radius: 16px;
    padding: 0;
    padding-right: 15px;
  }
}
.primary-accordian .accordion-button::after {
  transform: rotate(-90deg);
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
@media (max-width: 767.48px) {
  .primary-accordian .accordion-button::after {
    margin-right: -15px;
  }
}
.primary-accordian .accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
}
.primary-accordian .accordion-body {
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  padding-top: 0;
}

.tertiary-cta {
  padding-top: 40px;
  padding-bottom: 20px;
}
.tertiary-cta .section-heading {
  margin-bottom: 60px;
}
@media (max-width: 767.48px) {
  .tertiary-cta .section-heading {
    margin-bottom: 40px;
  }
}
.tertiary-cta .section-heading p {
  margin-bottom: 16px;
  line-height: 26px;
  color: #14253B;
  font-weight: 500;
}
.tertiary-cta .section-heading .title-sm {
  line-height: 28px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .tertiary-cta .section-heading .title-sm {
    font-size: 32px;
    line-height: 38px;
  }
}

.tertiary-cta-content ul {
  display: inline-block;
  margin-bottom: 20px;
}
.tertiary-cta-content ul li {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 18px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  font-weight: 500;
}
.tertiary-cta-content ul li .svg {
  margin-right: 20px;
}
@media (max-width: 767.48px) {
  .tertiary-cta-content ul li .svg {
    margin-right: 15px;
  }
}
@media (max-width: 767.48px) {
  .tertiary-cta-content ul li {
    margin-bottom: 16px;
    color: #14253B;
  }
}
@media (max-width: 767.48px) {
  .tertiary-cta-content ul {
    margin-top: 28px;
    padding-left: 20px;
  }
}
.tertiary-cta-content .mu-btn {
  margin-bottom: 20px;
}
.tertiary-cta-content .no-card {
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .tertiary-cta-content .tertiary-content {
    text-align: center;
  }
}

@media (max-width: 767.48px) {
  .mu-footer .footer-widget {
    text-align: center;
    padding: 20px 0;
  }
}
.mu-footer.footer-primary {
  background: #E0F2FF;
  padding-top: 104px;
  padding-bottom: 72px;
  margin-top: 124px;
}
@media (max-width: 767.48px) {
  .mu-footer.footer-primary {
    padding-top: 64px;
    padding-bottom: 44px;
    margin-top: 100px;
  }
}
.mu-footer.footer-primary .section-title p {
  font-family: "Poppins", sans-serif;
  color: #14253B;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
@media (max-width: 767.48px) {
  .mu-footer.footer-primary .section-title p {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 767.48px) {
  .mu-footer.footer-primary .section-title {
    text-align: center;
  }
}
@media (min-width: 767.5px) {
  .mu-footer.footer-primary .widget-title {
    padding-right: 16px;
  }
}
.mu-footer.footer-primary .widget-title-line {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  margin-top: 8px;
}
@media (max-width: 767.48px) {
  .mu-footer.footer-primary .widget-title-line {
    display: none;
  }
}
@media (max-width: 767.48px) {
  .mu-footer.footer-primary .title-sm {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 8px;
  }
}
.mu-footer.footer-secondary {
  padding-top: 66px;
  padding-bottom: 80px;
}
@media (max-width: 767.48px) {
  .mu-footer.footer-secondary {
    padding: 64px 0;
  }
}
.mu-footer.footer-secondary .widget-title {
  margin-bottom: 16px;
}
@media (min-width: 767.5px) {
  .mu-footer.footer-secondary .footer-widget {
    margin-bottom: 32px;
  }
}
/* ER:93519- Developer footer */
@media (min-width: 1200px) {
  .mu-footer.footer-secondary .links-wrapper {
    /* padding-right: 104px; */
    padding-right: 50px;
  }
}
@media (max-width: 1199.98px) {
  .mu-footer.footer-secondary .links-wrapper {
    /* padding-right: 80px; */ 
    padding-right: 45px; 
  }
}
@media (min-width: 1400px) {
  .mu-footer.footer-secondary .links-wrapper {
    padding-right: 65px;
  }

}
@media (min-width: 1600px) {
.links-wrapper{
   padding-right: 104px;
 }
}
/* ER:93519- Developer footer */
@media (max-width: 767.48px) {
  .mu-footer.footer-secondary .links-wrapper {
    padding-right: 0;
  }
}
@media (forced-colors: active) {
  .mu-footer.footer-secondary .social-links li svg path {
    fill: #fff;
  }
}
.mu-footer .footer-links-secondary {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/globe-bg.png");
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 30%;
}
@media (min-width: 1600px) {
  .mu-footer .footer-links-secondary {
    background-size: 40%;
  }
}
@media (max-width: 1199.98px) {
  .mu-footer .footer-links-secondary {
    background-image: none;
  }
}

.social-links li a {
  display: block;
  margin-bottom: 26px;
  text-align: center;
}
.social-links li a svg {
  transition: 0.3s;
}
.social-links li a svg:hover path {
  fill: #18A0FB;
}
@media (max-width: 767.48px) {
  .social-links li {
    display: inline-block;
    margin: 0 15px;
    height: 25px;
  }
}
/* ER:93519- Developer footer */
@media (max-width: 991.98px) and (min-width: 767.5px) {
  .social-links li {
    display: inline-block;
    margin: 0 5px;
  }
  .social-links li svg {
    max-width: 18px;
  }
}
/* ER:93519- Developer footer */
@media (max-width: 767.48px) {
  .social-links {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 40px;
  }
}

.trial-subscription {
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  .trial-subscription {
    flex-wrap: wrap;
  }
}
.trial-subscription .input-rounded {
  margin-right: 20px;
  height: 50px;
  background: #fff;
  width: 350px;
  border-radius: 100px;
  padding-left: 24px;
  border: 1px solid #FFFFFF;
  box-shadow: unset;
}
.trial-subscription .input-rounded:focus {
  border: 1px solid #18A0FB;
}
@media (max-width: 991.98px) {
  .trial-subscription .input-rounded {
    width: 70%;
  }
}
@media (max-width: 767.48px) {
  .trial-subscription .input-rounded {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .trial-subscription {
    margin-top: 30px;
  }
}
@media (max-width: 767.48px) {
  .trial-subscription .mu-btn {
    width: 100%;
  }
}

.input-rounded::-moz-placeholder {
  color: #504F4F;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  font-family: "Poppins", sans-serif;
}

.input-rounded:-ms-input-placeholder {
  color: #504F4F;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  font-family: "Poppins", sans-serif;
}

.input-rounded::placeholder {
  color: #504F4F;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  font-family: "Poppins", sans-serif;
}

.widget-title {
  color: #14253B;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 24px;
}
@media (max-width: 767.48px) {
  .widget-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
  }
}

.footer-links-primary {
  margin-top: 80px;
}

.list-unstyled-big li a {
  color: #334253;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 6px;
  display: block;
  font-family: "Inter", sans-serif;
  transition: 0.3s;
}
@media (max-width: 767.48px) {
  .list-unstyled-big li a {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    font-weight: 400;
  }
}
.list-unstyled-big li a:hover {
  color: #18A0FB;
}

.reach-area {
  margin-bottom: 48px;
}
@media (max-width: 767.48px) {
  .reach-area {
    text-align: center;
    margin-bottom: 20px;
  }
  .reach-area .row {
    justify-content: center;
  }
  .reach-area .row .col-auto {
    width: 100%;
  }
}
.reach-area .contact-list {
  margin-top: -4px;
}

@media (max-width: 767.48px) {
  .contact-list {
    margin-top: 16px !important;
  }
}
.contact-list li {
  display: inline-block;
}
.contact-list li:last-child {
  margin-left: 40px;
}
@media (max-width: 767.48px) {
  .contact-list li:last-child {
    margin-left: 0;
    margin-top: 8px;
  }
}
@media (max-width: 767.48px) {
  .contact-list li {
    display: block;
  }
}
.contact-list li img {
  margin-right: 14px;
}
.contact-list li a {
  color: #334253;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.contact-list li a:hover {
  color: #18A0FB;
}

.list-unstyled-small li {
  color: #334253;
  font-weight: 500;
  font-size: 14px;
  transition: 0.3s;
}
@media (max-width: 767.48px) {
  .list-unstyled-small li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}
.list-unstyled-small li a {
  color: #334253;
  font-size: 13px;
  line-height: 22px;
  display: block;
  margin-bottom: 4px;
}
@media (max-width: 767.48px) {
  .list-unstyled-small li a {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}
.list-unstyled-small li a:hover {
  color: #18A0FB;
}

.footer-bottom {
  color: #233549;
  margin-top: 20px;
}
@media (max-width: 767.48px) {
  .footer-bottom {
    text-align: center;
  }
}

.product-list li {
  display: inline-block;
}
.product-list li a {
  color: #334253;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  transition: 0.2s;
}
@media (min-width: 767.5px) {
  .product-list li a {
    margin-left: 32px;
  }
}
@media (max-width: 767.48px) {
  .product-list li a {
    font-size: 16px;
    line-height: 24px;
  }
}
.product-list li a.current-menu {
  color: #334253;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.product-list li a:hover {
  color: #18A0FB;
}
@media (max-width: 767.48px) {
  .product-list li {
    display: block;
    padding-bottom: 16px;
  }
}
@media (max-width: 767.48px) {
  .product-list {
    margin-bottom: 32px;
  }
}

.video-wrapper {
  position: relative;
}

.video-wrapper > video {
  width: 100%;
  vertical-align: middle;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
  display: none;
}

.video-overlay-play-button {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px calc(50% - 50px);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0.95;
  cursor: pointer;
  background-image: linear-gradient(transparent, #000);
  transition: opacity 150ms;
}

.video-overlay-play-button:hover {
  opacity: 1;
}

.video-overlay-play-button.is-hidden {
  display: none;
}

.footer-bg-1 {
  background: linear-gradient(0deg, #F0F5FB, #F0F5FB), #FFFFFF;
}

.number-field, .partner-actionbg .p-action-box .form-group .number-fild, .partner-actionbg .p-action-box .form-group .phone-control, .puh-from .form-group .phone-control {
  -moz-appearance: textfield;
}
.number-field::-webkit-outer-spin-button, .partner-actionbg .p-action-box .form-group .number-fild::-webkit-outer-spin-button, .partner-actionbg .p-action-box .form-group .phone-control::-webkit-outer-spin-button, .puh-from .form-group .phone-control::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.number-field::-webkit-inner-spin-button, .partner-actionbg .p-action-box .form-group .number-fild::-webkit-inner-spin-button, .partner-actionbg .p-action-box .form-group .phone-control::-webkit-inner-spin-button, .puh-from .form-group .phone-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.body-space-big {
  padding-top: 79px;
}
@media (max-width: 991.98px) {
  .body-space-big {
    padding-top: 56px;
  }
}

.body-space-medium {
  padding-top: 72px;
}
@media (max-width: 991.98px) {
  .body-space-medium {
    padding-top: 56px;
  }
}

.possibilities-darkmode .mu-nav {
  background: linear-gradient(0deg, #1F2024, #1F2024), linear-gradient(0deg, #27292D, #27292D), #0B1017;
}

@media (min-width: 992px) {
  .sticky-header {
    padding: 0 !important;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    transition: 0.2s;
  }
  .sticky-header .navbar-collapse .nav-item {
    padding: 20px 0px !important;
  }
  .sticky-header .navbar-collapse .nav-item.has-child {
    padding-right: 14px !important;
    background-position-y: 28px !important;
  }
  .sticky-header .navbar-collapse .nav-item.has-child:hover::after {
    top: 56px !important;
  }
}
@media (min-width: 992px) {
  .sticky-header.styled-2 {
    transition: 0.2s;
    padding: 8px 0 !important;
  }
  .sticky-header.styled-2 .navbar-collapse .nav-item {
    padding: 0 16px !important;
  }
  .sticky-header.styled-2 .navbar-collapse .nav-item.current-page::before {
    top: -22px !important;
    transition: 0.2s;
  }
}
@media (min-width: 992px) {
  .sticky-header.help-center {
    transition: 0.1s;
    padding: 8px 0 !important;
  }
  .sticky-header.help-center .navbar-collapse .nav-item {
    padding: 0 16px !important;
  }
  .sticky-header.help-center .navbar-collapse .nav-item.current-page::before {
    top: -22px !important;
    transition: 0.1s;
  }
}

.mu-nav {
  padding: 6px 0;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  background: #FFFFFF;
  transition: 0.2s;
}
@media (min-width: 992px) {
  .mu-nav.help-center {
    padding: 26px 0;
  }
  .mu-nav.help-center .navbar-collapse .nav-item {
    padding: 0 16px !important;
    position: relative;
    margin: 0;
  }
  .mu-nav.help-center .navbar-collapse .nav-item.current-page::before {
    position: absolute;
    content: "";
    background: #18A0FB;
    left: 0;
    right: 0;
    top: -40px;
    height: 5px;
  }
  .mu-nav.help-center .navbar-collapse .nav-item.current-page .nav-link {
    color: #098CE3;
  }
  .mu-nav.help-center .icon-box {
    margin-left: 12px;
  }
  .mu-nav.help-center.styled-2 {
    padding: 12px 0;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .mu-nav.help-center.styled-2 .navbar-collapse .nav-item {
    padding: 0 10px;
  }
}
@media (min-width: 992px) {
  .mu-nav.help-center.styled-2 .dropdown-toggle::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M2.13281 3.2002H5.86615L3.99948 5.6002L2.13281 3.2002Z' fill='%235C5F62'/%3E %3Cpath d='M2.13281 3.2002V2.7002C1.94185 2.7002 1.76756 2.80897 1.68365 2.98052C1.59975 3.15207 1.62089 3.35643 1.73814 3.50717L2.13281 3.2002ZM5.86615 3.2002L6.26082 3.50717C6.37806 3.35643 6.3992 3.15207 6.3153 2.98052C6.2314 2.80897 6.05711 2.7002 5.86615 2.7002V3.2002ZM3.99948 5.6002L3.6048 5.90717C3.69953 6.02896 3.84518 6.1002 3.99948 6.1002C4.15377 6.1002 4.29943 6.02896 4.39416 5.90717L3.99948 5.6002ZM2.13281 3.7002H5.86615V2.7002H2.13281V3.7002ZM5.47147 2.89323L3.6048 5.29322L4.39416 5.90717L6.26082 3.50717L5.47147 2.89323ZM4.39416 5.29322L2.52749 2.89323L1.73814 3.50717L3.6048 5.90717L4.39416 5.29322Z' fill='%235C5F62'/%3E %3C/svg%3E ");
    background-size: contain;
    width: 13px;
    height: 13px;
    border: none;
    background-repeat: no-repeat;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .mu-nav.help-center.styled-2 .navbar-collapse .nav-item .nav-link {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .mu-nav.help-center.styled-2 .nav-item.current-page::before {
    top: -26px;
  }
}
@media (min-width: 992px) {
  .mu-nav.help-center.styled-2.navbar-expand-lg .navbar-nav .dropdown-menu {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
    display: block;
    left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    filter: none;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.04)) drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.08));
  }
  .mu-nav.help-center.styled-2.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item.active {
    background-color: #e9ecef;
  }
  .mu-nav.help-center.styled-2.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:active {
    background-color: #e9ecef;
  }
}
@media (min-width: 992px) {
  .mu-nav.help-center.styled-2 button {
    outline: none !important;
    box-shadow: none !important;
  }
}
@media (min-width: 992px) {
  .mu-nav.help-center.styled-2 .page-navigation .btn-trial {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .mu-nav.help-center.styled-2 .page-navigation .btn-trial {
    font-size: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .mu-nav.help-center.styled-2 .page-navigation button {
    font-size: 10px;
  }
}
@media (min-width: 992px) {
  .mu-nav.help-center.styled-2 .under-search-dropdown .bootstrap-select {
    width: auto;
  }
  .mu-nav.help-center.styled-2 .under-search-dropdown button {
    background: transparent;
    border: none;
  }
  .mu-nav.help-center.styled-2 .under-search-dropdown button .filter-option span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #14253B;
  }
  .mu-nav.help-center.styled-2 .under-search-dropdown button .filter-option span span {
    display: block;
    font-size: 10px;
    line-height: 12px;
    color: #657080;
  }
  .mu-nav.help-center.styled-2 .under-search-dropdown .dropdown-menu li:first-child {
    display: none;
  }
}
.mu-nav.light-bg {
  background: #D9EFFF;
}
.mu-nav.light-bg-2 {
  background: #C1E1F7;
}
.mu-nav.light-bg-3 {
  background: #D9EFFF;
}
.mu-nav.help-center.header-bg-3 {
  background: #F0F5FB;
}
.mu-nav .navbar-brand {
  font-size: initial;
}
.mu-nav .mu-button-arrow {
  font-size: 14px;
}
.mu-nav .menu-heading {
  font-size: 16px;
  line-height: 19px;
  color: #14253B;
}
.mu-nav .menu-box > img {
  border-radius: 8px 32px 16px 16px;
  margin: 16px 0;
}
.mu-nav .menu-box p {
  font-size: 12px;
  line-height: 18px;
  color: #334253;
  /* margin-bottom: 16px; */
}
.mu-nav .navbar-collapse .nav-item {
  padding: 23px 0;
  margin: 0 12px;
}
@media (min-width: 767.5px) {
  .mu-nav .navbar-collapse .nav-item:hover .nav-link {
    color: #18A0FB;
  }
  .mu-nav .navbar-collapse .nav-item:hover.has-child {
    cursor: pointer;
    background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/menu-drop-iconBlue.svg");
  }
}
@media (max-width: 1199.98px) {
  .mu-nav .navbar-collapse .nav-item {
    margin: 0 6px;
  }
}
.mu-nav .navbar-collapse .nav-item .nav-link {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  transition: 0.3s;
}
@media (max-width: 1199.98px) {
  .mu-nav .navbar-collapse .nav-item .nav-link {
    font-size: 13px;
  }
}
.mu-nav .navbar-collapse .nav-item .nav-link::after {
  display: none;
}
.mu-nav .navbar-collapse .nav-item .nav-link:hover {
  color: #18A0FB;
}
.mu-nav .navbar-collapse .nav-item .menu-border {
  border-right: 1px solid rgba(0, 0, 0, 0.16);
  height: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mu-nav .navbar-collapse .nav-item.has-child {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/menu-down-icon.svg");
  background-repeat: no-repeat;
  background-size: 11px 6px;
  background-position-x: 98%;
  padding-right: 14px;
  background-position-y: 31px;
  position: static;
  /* transition: 0.1s; */
}
.mu-nav .navbar-collapse .nav-item.has-child:hover {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/menu-drop-iconBlue.svg");
}
@media (min-width: 1400px) {
  .mu-nav .navbar-collapse .nav-item.has-child {
    background-size: 11px 6px;
  }
}
@media (min-width: 992px) {
  .mu-nav .navbar-collapse .nav-item.has-child::after {
    position: absolute;
    width: 17px;
    height: 9px;
    content: "";
    left: auto;
    top: 65px;
    margin-left: 4%;
    background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/drop-down-toggle.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9999;
    background-position: center;
    transition: 0.1s;
    opacity: 0;
  }
}
.mu-nav .navbar-collapse .nav-item.has-child:hover::after {
  top: 58px;
  display: block;
  opacity: 1;
}
.mu-nav .navbar-collapse .nav-item.has-child .sub-menu {
  position: absolute;
  background-color: #fff;
}
.mu-nav .navbar-collapse .nav-item.has-child.dropdown.dropdown-mega {
  position: static !important;
}
.mu-nav .navbar-collapse .list-unstyled-bold li a {
  font-size: 13px;
  font-weight: 500;
  color: #14253B;
  margin-bottom: 16px;
  line-height: 20px;
  display: inline-block;
  transition: 0.3s;
}
.mu-nav .navbar-collapse .list-unstyled-bold li a:hover {
  color: #18A0FB;
}
.mu-nav .navbar-collapse .dropdown-resources .list-unstyled-bold li a {
  font-size: 14px;
}
.mu-nav .navbar-collapse .dropdown-resources .more-links {
  margin-top: 0px;
}
.mu-nav .navbar-collapse .dropdown-help .list-unstyled-bold li a {
  font-size: 14px;
}
.mu-nav .navbar-collapse .menu-padding {
  padding: 40px;
}
.mu-nav .btn-normal {
  margin-right: 10px;
  display: inline-block;
}
.mu-nav .btn-trial {
  display: inline-block;
  padding: 10px 20px;
}

.dropdown-menu {
  transition: 0.1s;
}

@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu {
    left: -7% !important;
    right: -7% !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 0;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .mu-nav .dropdown-mega .dropdown-menu {
    left: -8% !important;
    right: -8% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .dropdown-mega .dropdown-menu {
    left: -10% !important;
    right: -10% !important;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus {
    left: -10% !important;
    right: -10% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus {
    left: -20% !important;
    right: -20% !important;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus .list-unstyled-bold li a {
    margin-bottom: 8px;
    transition: 0.1s;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus .list-unstyled-bold li a:hover {
    color: #18A0FB;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus #headerTabContent {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus #headerTab {
    border: none;
    padding-top: 40px;
    padding-left: 10px;
    position: relative;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus #headerTab::after {
    position: absolute;
    content: "";
    height: 100%;
    right: 0;
    top: 40px;
    border-right: 1px dashed rgba(0, 0, 0, 0.0784313725);
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus #headerTab .nav-item {
    padding: 0 !important;
    margin-bottom: 24px !important;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus #headerTab .nav-item .nav-link {
    border: none;
    color: #B4BBCA;
    line-height: 20px;
    transition: 0.3s;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus #headerTab .nav-item .nav-link img {
    /* opacity: 0; */
    transition: 0.3s;
    margin-right: 5px;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus #headerTab .nav-item .nav-link.active {
    color: #14253B;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus #headerTab .nav-item .nav-link.active img {
    opacity: 1;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus #headerTab .nav-item .nav-link:hover {
    color: #14253B;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu::before {
    position: absolute;
    top: -1rem;
    left: -1rem;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    z-index: -1;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu .product-menu-item {
    padding: 24px 28px;
    transition: 0.1s;
    border-radius: 16px;
    color: #334253;
    /* min-height: 156px; */
  }
  .mu-nav .dropdown-mega .dropdown-menu .product-menu-item.current-product {
    background: #F3F9FF;
  }
  .mu-nav .dropdown-mega .dropdown-menu .product-menu-item:hover {
    background: #F3F9FF;
  }
  .mu-nav .dropdown-mega .dropdown-menu .product-menu-item img {
    margin-bottom: 8px;
    height: 20px;
  }
}
/* @media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .dropdown-mega .dropdown-menu .product-menu-item img {
    /* width: 60px; 
    height: 20px;
  }
} */
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu .product-menu-item p {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu .menu-box {
    padding: 24px;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-menu {
    position: absolute;
    border-radius: 16px;
    /* width: -webkit-max-content; */
    width: -moz-max-content;
    width: max-content;
    padding: 0;
    margin-left: -20px;
    background-color: #fff;
    border: none;
    /* filter: drop-shadow(0px 24px 80px rgba(0, 0, 0, 0.07)) drop-shadow(0px 10.0266px 33.4221px rgba(0, 0, 0, 0.0503198)) drop-shadow(0px 5.36071px 17.869px rgba(0, 0, 0, 0.0417275)) drop-shadow(0px 3.00517px 10.0172px rgba(0, 0, 0, 0.035)) drop-shadow(0px 1.59602px 5.32008px rgba(0, 0, 0, 0.0282725)) drop-shadow(0px 0.664142px 2.21381px rgba(0, 0, 0, 0.0196802));
    -webkit-filter: drop-shadow(0px 24px 80px rgba(0, 0, 0, 0.07)) drop-shadow(0px 10.0266px 33.4221px rgba(0, 0, 0, 0.0503198)) drop-shadow(0px 5.36071px 17.869px rgba(0, 0, 0, 0.0417275)) drop-shadow(0px 3.00517px 10.0172px rgba(0, 0, 0, 0.035)) drop-shadow(0px 1.59602px 5.32008px rgba(0, 0, 0, 0.0282725)) drop-shadow(0px 0.664142px 2.21381px rgba(0, 0, 0, 0.0196802)); */
    filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.4));
    -webkit-filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.4));
  }
  .mu-nav .dropdown-menu .mega-menu-content {
    overflow: hidden;
    border-radius: 16px;
  }
  .mu-nav .dropdown-menu .more-links {
    background: #F8F9FB;
    height: 100%;
    padding: 43px 32px;
    color: #14253B;
  }
  .mu-nav .dropdown-menu .more-links .icon-items {
    border-bottom: 1px solid rgba(51, 66, 83, 0.08);
    margin-bottom: 20px;
  }
  .mu-nav .dropdown-menu .more-links .icon-items a {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #14253B;
    margin-bottom: 23px;
    display: block;
    transition: 0.3s;
  }
  .mu-nav .dropdown-menu .more-links .icon-items a img {
    margin-left: 8px;
    max-width: 16px;
    transition: 0.3s;
  }
  .mu-nav .dropdown-menu .more-links .icon-items a:hover {
    color: #18A0FB;
  }
  .mu-nav .dropdown-menu .more-links .icon-items a:hover img {
    transform: translateX(5px);
  }
}
@media (min-width: 992px) {
  .mu-nav .menu-title {
    font-family: "Inter", sans-serif;
    color: #14253B;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .mu-nav .list-unstyled li a {
    color: #14253B;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    display: block;
    margin-bottom: 8px;
    transition: 0.3s;
  }
  .mu-nav .list-unstyled li a:hover {
    color: #18A0FB;
  }
}
@media (min-width: 992px) {
  .mu-nav .list-unstyled-bold {
    /* min-width: -webkit-max-content; */
    min-width: -moz-max-content;
    min-width: max-content;
    max-width: 180px;
  }
}
@media (min-width: 992px) {
  .mu-nav .menu-border-bottom {
    width: 75%;
    background: rgba(51, 66, 83, 0.0784313725);
    height: 1px;
    text-align: right;
    margin-left: auto;
    margin-top: -25px;
  }
}
@media (min-width: 992px) {
  .mu-nav .width-70 {
    width: 69%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .width-70 {
    width: 66.66666667%;
  }
}
@media (min-width: 992px) {
  .mu-nav .width-30 {
    width: 30%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .width-30 {
    width: 33.33333333%;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-company .dropdown-menu {
    left: 210px;
  }
  .mu-nav .dropdown-company .list-unstyled-bold li a {
    margin-bottom: 8px;
  }
  .mu-nav .dropdown-company .menu-box {
    max-width: 210px;
  }
}
@media (min-width: 992px) {
  .nav-career .dropdown-company .dropdown-menu {
    right: 0px;
    left: auto;
  }
  .nav-career .dropdown-mega .mega-menu {
    right: 0px !important;
    left: auto !important;
    width: 850px !important;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-menu {
    top: 100%;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    display: block;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover > .dropdown-menu {
    top: 100%;
    pointer-events: all;
    visibility: visible;
    opacity: 1;
    transition: all 0.25s ease-in-out;
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .mobile-separator {
    display: none;
  }
}
@media (max-width: 991.98px) {
  body {
    padding-top: 56px;
  }
  .primary-accordian {
    padding: 0;
  }
  .fixed-button.btn-trial {
    position: fixed;
    right: 40px;
    top: 9px;
    right: 73px;
    padding: 9px 17px;
    font-size: 13px;
  }
  .fixed-button.icon-box {
    position: fixed;
    right: 40px;
    top: 9px;
    right: 50px;
    padding: 9px 17px;
    font-size: 13px;
  }
  .menu-active {
    overflow: hidden;
  }
  .menu-active .mu-nav .navbar-toggler {
    background: #F6F7FA;
  }
  .menu-active .mu-nav .navbar-toggler span {
    background-color: #657080;
  }
  .mu-nav {
    padding: 14px 0;
  }
  .mu-nav .mobile-separator {
    padding-top: 4px;
    padding-bottom: 28px;
  }
  .mu-nav .mobile-separator .line {
    background: rgba(51, 66, 83, 0.0784313725);
    height: 1px;
    width: 100%;
  }
  .mu-nav.navbar {
    max-width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    overflow: hidden;
    background: #fff;
  }
  .mu-nav.navbar.light-bg {
    background: #D9EFFF;
  }
  .mu-nav.navbar .navbar-collapse .nav-item.has-child {
    background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/dropdown-mobile-icon.png");
    background-position-y: 16px;
    background-size: 5px;
    background-position-x: 98%;
  }
  .mu-nav.navbar .navbar-collapse .nav-item .menu-border {
    border: none;
    height: 1px;
    background: rgba(0, 0, 0, 0.0784313725);
  }
  .mu-nav.navbar .mobile-button {
    margin-top: 36px;
  }
  .mu-nav.navbar .mobile-button a {
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
  }
  .mu-nav.navbar .mobile-button .btn-normal {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2FAFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 100px;
    text-align: center;
  }
  .mu-nav.navbar .mobile-button .btn-trial {
    text-align: center;
  }
  .mu-nav .navbar-toggler {
    position: absolute;
    right: 14px;
    width: 40px;
    height: 40px;
    top: 8px;
    border-radius: 50%;
    left: auto;
    box-shadow: none;
    border: none;
  }
  .mu-nav .navbar-toggler:focus {
    border: none;
    outline: none;
  }
  .mu-nav .navbar-toggler span {
    width: 12px;
    background-color: #334253;
    height: 2px;
    display: block;
    position: absolute;
    right: 0;
    border-radius: 20px;
    top: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
    background-image: none;
    outline: none;
    left: 0;
    margin: auto;
  }
  .mu-nav .navbar-toggler span:nth-child(1) {
    top: 16px;
  }
  .mu-nav .navbar-toggler span:nth-child(2) {
    top: 20px;
  }
  .mu-nav .navbar-toggler span:nth-child(3) {
    top: 24px;
  }
  .mu-nav .navbar-collapse {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 55px;
    z-index: 9;
    transition: 0.25s ease-in-out;
    background: #fff;
    display: block !important;
    right: -100%;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 991.98px) and (min-width: 767.5px) {
  .mu-nav .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .navbar-collapse .menu-padding {
    padding: 7px 0;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .navbar-collapse .dropdown-menu {
    border: none;
    transition: 0.1s;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .navbar-collapse .dropdown-mega .more-links {
    padding: 32px;
    border-radius: 16px;
    background: #F8F9FB;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .navbar-collapse .nav-item {
    padding: 12px 0;
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .navbar-collapse .dropdown-company .more-links {
    padding: 32px;
    border-radius: 16px;
    background: #F8F9FB;
  }
  .mu-nav .navbar-collapse .dropdown-company .more-links .mu-button-arrow img {
    float: none;
    margin-top: -2px;
  }
  .mu-nav .navbar-collapse .dropdown-company .mu-button-arrow {
    font-size: 16px;
    line-height: 24px;
  }
  .mu-nav .navbar-collapse .dropdown-company .mu-button-arrow img {
    float: right;
    margin-top: 8px;
  }
  .mu-nav .navbar-collapse .dropdown-company .menu-box > img {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .navbar-collapse .list-unstyled-bold li a {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .navbar-collapse .more-links li a {
    font-weight: 500;
    color: #14253B;
    font-size: 16px;
    line-height: 24px;
    display: block;
    margin-bottom: 24px;
    transition: 0.3s;
  }
  .mu-nav .navbar-collapse .more-links li a img {
    float: right;
    margin-top: 10px;
  }
  .mu-nav .navbar-collapse .more-links li a:hover {
    color: #18A0FB;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .navbar-collapse .menu-title {
    font-size: 13px;
    line-height: 19px;
    color: #334253;
    margin-bottom: 16px;
  }
}
@media (max-width: 991.98px) and (min-width: 992px) {
  .mu-nav .navbar-collapse .menu-title:hover {
    color: #18A0FB;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .mega-menu-content {
    padding-bottom: 100px;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .dropdown-menu.mega-menu.show {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .mu-nav .dropdown-menu .dropdown-title {
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
    margin-bottom: 16px;
    display: flex;
  }
  .mu-nav .dropdown-menu .dropdown-title .svg {
    margin-right: 16px;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .product-menu-item {
    padding: 24px 28px;
    border-radius: 16px;
    transition: 0.1s;
  }
  .mu-nav .product-menu-item.current-product {
    background: #F3F9FF;
  }
  .mu-nav .product-menu-item:hover {
    background: #F3F9FF;
  }
  .mu-nav .product-menu-item img {
    margin-bottom: 8px;
    max-height: 24px;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .menu-box p {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
  }
}
@media (max-width: 991.98px) {
  .mu-nav .sub-menus .nav-tabs {
    flex-wrap: nowrap;
    border: none;
    overflow: scroll;
    position: relative;
    padding: 16px 0;
    margin-bottom: 32px;
    margin-right: -25px;
  }
  .mu-nav .sub-menus .nav-tabs li {
    display: block;
    white-space: nowrap;
    padding: 0;
    margin-right: 24px;
  }
  .mu-nav .sub-menus .nav-tabs .nav-link {
    border: none;
    font-size: 16px;
    line-height: 24px;
  }
  .mu-nav .sub-menus .nav-tabs .nav-link img {
    display: none;
  }
  .mu-nav .sub-menus .nav-tabs .nav-link.active {
    color: #098CE3;
  }
  .mu-nav .sub-menus .nav-tabs::-webkit-scrollbar {
    display: none;
  }
  .mu-nav .sub-menus .menu-tab {
    position: relative;
  }
  .mu-nav .sub-menus .menu-tab::after {
    position: absolute;
    content: "";
    height: 1px;
    background: rgba(51, 66, 83, 0.0784313725);
    top: 0;
    left: -25px;
    right: -25px;
  }
  .mu-nav .sub-menus .menu-tab::before {
    position: absolute;
    content: "";
    height: 1px;
    background: rgba(51, 66, 83, 0.0784313725);
    bottom: 0;
    left: -25px;
    right: -25px;
  }
}
@media (max-width: 991.98px) {
  .menu-active .navbar-collapse {
    right: 0;
    overflow: auto;
  }
  .menu-active .navbar-toggler span:nth-child(1) {
    top: 20px;
    transform: rotate(135deg);
  }
  .menu-active .navbar-toggler span:nth-child(2) {
    opacity: 0;
  }
  .menu-active .navbar-toggler span:nth-child(3) {
    top: 20px;
    transform: rotate(-135deg);
  }
}
body.menu-active .mu-nav.navbar.light-bg {
  background: #fff;
}

body .mu-nav.navbar.light-bg {
  background: #D9EFFF;
}

body.menu-active .mu-nav.navbar.light-bg-2 {
  background: #fff;
}

body .mu-nav.navbar.light-bg-2 {
  background: #C1E1F7;
}

body.menu-active .mu-nav.navbar.light-bg-3 {
  background: #fff;
}

body .mu-nav.navbar.light-bg-3 {
  background: #D9EFFF;
}

body.menu-active .help-center.header-bg-3 {
  background: #fff;
}

.mu-button-arrow-career {
  color: #14253B;
  font-size: 14px;
  line-height: 26px;
  display: block;
  font-weight: 500;
}
.mu-button-arrow-career img {
  margin-left: 8px;
  transition: 0.3s;
  max-width: 16px;
}
.mu-button-arrow-career:hover {
  color: #18A0FB;
}
.mu-button-arrow-career:hover img {
  transform: translateX(5px);
}

.header-shadow {
  box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.06);
}

.btn-normal {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  transition: 0.3s;
  padding: 12px 20px;
}
.btn-normal:hover {
  color: #18A0FB;
}

.icon-box {
  padding: 12px;
}

.btn-trial {
  transition: 0.3s;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 20px;
  background-color: #18A0FB;
  color: #fff;
  border-radius: 100px;
  text-transform: capitalize;
  transition: 0.3s;
}
.btn-trial:hover {
  background-color: #098CE3;
  color: #fff;
}

.mu-btn {
  text-align: center;
  display: inline-block;
  text-decoration: none;
  transition: 0.3s;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  padding: 15.5px 30px;
  background-color: #18A0FB;
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  box-shadow: 0px 4px 8px rgba(24, 160, 251, 0.18), 0px 0px 2px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  transition: 0.3s;
}
.mu-btn:hover {
  background-color: #098CE3;
  color: #fff;
}
.mu-btn.with-icon {
  line-height: 24px;
  box-shadow: 0px 10px 20px rgba(24, 160, 251, 0.18), 0px 2px 6px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0px 10px 20px rgba(24, 160, 251, 0.18), 0px 2px 6px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 10px 20px rgba(24, 160, 251, 0.18), 0px 2px 6px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.mu-btn.with-icon span img {
  margin-left: 10px;
  margin-top: -5px;
}
.mu-btn.with-icon.small {
  line-height: 19px;
}
.mu-btn.font-sm {
  font-size: 14px;
  height: 48px;
  display: flex;
  align-items: center;
}
.mu-btn.sm {
  height: 35px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mu-btn-border {
  text-align: center;
  display: block;
  text-decoration: none;
  transition: 0.3s;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  padding: 15.5px 30px;
  background-color: #F2FAFF;
  color: #098CE3;
  font-size: 16px;
  line-height: 19px;
  height: 50px;
  font-weight: 500;
  border: 1px solid #18A0FB;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  transition: 0.3s;
}
.mu-btn-border:hover {
  background-color: #18A0FB;
  color: #fff;
}
.mu-btn-border.font-sm {
  font-size: 14px;
  height: 48px;
  display: flex;
  align-items: center;
}

.mu-button-arrow {
  color: #098CE3;
  font-size: 16px;
  line-height: 26px;
  display: block;
  font-weight: 500;
  transition: 0.3s;
}
.mu-button-arrow img {
  margin-left: 8px;
  /* margin-bottom: 4px; */
  transition: 0.2s;
  max-width: 16px;
}
@media (max-width: 767.48px) {
  .mu-button-arrow img {
    margin-bottom: -2px;
  }
}
.mu-button-arrow:hover {
  color: #098CE3;
}
.mu-button-arrow:hover img {
  transform: translateX(5px);
}
@media (max-width: 767.48px) {
  .mu-button-arrow {
    font-size: 14px;
  }
}

.btn-white {
  color: #14253B;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  height: 50px;
  padding: 15.5px 27px;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2FAFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  display: flex;
  align-items: center;
}
@media (max-width: 767.48px) {
  .btn-white {
    display: inline-block;
  }
}
.btn-white:hover {
  color: #14253B;
}

.btn-border {
  color: #14253B;
  font-weight: 500;
  font-size: 16px;
  height: 50px;
  line-height: 19px;
  padding: 15.5px 27px;
  background: #fff;
  border-radius: 100px;
  display: flex;
  vertical-align: middle;
  border: 1px solid #18A0FB;
  align-items: center;
}
@media (max-width: 767.48px) {
  .btn-border {
    display: inline-block;
  }
}
.btn-border:hover {
  color: #fff;
  background: #18A0FB;
}

.mu-btn-secondary {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 104px;
  font-size: 16px;
  height: 50px;
  line-height: 19px;
  font-weight: 500;
  padding: 15.5px 27px;
}
.mu-btn-secondary.sm {
  height: 35px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mu-btn-border.secondary {
  text-align: center;
  display: block;
  text-decoration: none;
  transition: 0.3s;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  padding: 15.5px 30px;
  background-color: transparent;
  color: #14253B;
  font-size: 16px;
  line-height: 19px;
  height: 50px;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 104px;
}
.mu-btn-border.secondary:hover {
  color: #14253B;
}
.mu-btn-border.secondary.btn-sm {
  height: 40px;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-sm {
  height: 40px;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mu-button-arrow.dark {
  display: flex;
  align-items: center;
  background-color: #18A0FB;
  color: #fff;
  width: -moz-max-content;
  width: max-content;
}
.mu-button-arrow.dark span {
  margin: 0;
  margin-left: 10px;
  transition: 0.3s;
}
.mu-button-arrow.dark:hover {
  background-color: #098CE3;
}
.mu-button-arrow.dark:hover span {
  transform: translateX(5px);
}

.btn-light.icon {
  background-color: #fff;
  color: #8C9196;
  font-size: 14px;
  font-family: Inter;
  font-weight: 500;
  line-height: 18px;
}
.btn-light.icon span {
  margin-right: 2px;
}

.back-btn {
  text-align: center;
  color: #098CE3;
  font-size: 13px;
  font-family: Poppins;
  font-weight: 500;
  line-height: 19px;
  cursor: pointer;
  padding: 10px 20px;
}
.back-btn span {
  margin-right: 8px;
}

.hero-solution {
  padding-top: 0;
  padding-bottom: 30px;
}
.hero-solution .style-primary p {
  font-size: 16px;
  line-height: 26px;
}
@media (min-width: 767.5px) {
  .hero-solution .style-primary p {
    line-height: 24px;
  }
}
.hero-solution.full-banner {
  position: relative;
  padding-top: 80px;
}
@media (max-width: 1366px) {
  .hero-solution.full-banner {
    padding-top: 70px;
  }
}
@media (max-width: 1280px) {
  .hero-solution.full-banner {
    padding-top: 60px;
  }
}
@media (max-width: 991.98px) {
  .hero-solution.full-banner {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .hero-solution.full-banner {
    padding-bottom: 100px;
  }
  .hero-solution.full-banner .banner-preview {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    width: 50%;
    text-align: right;
  }
}
@media (max-width: 767.48px) {
  .hero-solution {
    padding: 40px 0;
  }
  .hero-solution .hero-content {
    text-align: left;
  }
  .hero-solution .hero-content .page-heading {
    margin-bottom: 24px;
  }
}
.hero-solution .style-primary span {
  color: #657080;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
  padding-left: 3px;
}
@media (min-width: 992px) {
  .hero-solution .banner-preview {
    margin-top: -30px;
  }
}
@media (max-width: 991.98px) {
  .hero-solution .banner-preview {
    margin-top: 26px;
  }
}

.dot-stylethree {
  position: absolute;
  right: 0;
  bottom: 2%;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .dot-stylethree {
    display: none;
  }
}

.text-box {
  padding: 60px 0;
  text-align: center;
}
@media (max-width: 767.48px) {
  .text-box {
    padding: 40px 0;
  }
}
.text-box p {
  color: #303049;
  font-size: 24px;
  line-height: 38px;
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .text-box p {
    font-size: 16px;
    line-height: 24px;
  }
}

.muvi-powered {
  padding: 64px 0;
  overflow: hidden;
}
@media (max-width: 767.48px) {
  .muvi-powered {
    padding: 20px 0;
  }
}
.muvi-powered .title-sm {
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .muvi-powered .title-sm {
    font-weight: 600;
    margin-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .muvi-powered .title-sm {
    margin-bottom: 20px;
  }
}
@media (min-width: 767.5px) {
  .muvi-powered {
    padding-left: 64px;
    padding-right: 54px;
  }
}
@media (min-width: 992px) {
  .muvi-powered {
    padding-left: 0;
    padding-right: 0;
  }
}

.badge.bg-pink {
  background: #E9E6F6;
  font-size: 10px;
  line-height: 14px;
  color: #5F559D;
  font-weight: 600;
  padding: 4px 8px;
}

.full-width-slider {
  margin-top: 40px;
}
.full-width-slider .single-project {
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  -webkit-box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  -moz-box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  border-radius: 10px;
  overflow: hidden;
}
.full-width-slider .single-project img {
  width: 100%;
}
.full-width-slider .single-project h3 {
  font-size: 14px;
  line-height: 1;
  color: #0A2540;
}
.full-width-slider .single-project .project-bottom {
  padding: 24px 20px;
}
.full-width-slider .slick-slider {
  margin: 0 -15px;
}
.full-width-slider .slick-slide {
  margin-right: 40px;
}
.full-width-slider .slick-slide:last-child {
  margin-right: 0;
}
@media (max-width: 767.48px) {
  .full-width-slider .slick-slide {
    margin-right: 15px;
  }
}
.full-width-slider .slick-list {
  overflow: visible;
  position: relative;
}
.full-width-slider .slick-dots {
  text-align: center;
  margin-top: 55px;
}
@media (max-width: 767.48px) {
  .full-width-slider .slick-dots {
    margin-top: 40px;
  }
}
.full-width-slider .slick-dots li {
  display: inline-block;
  margin: 0 6px;
}
.full-width-slider .slick-dots li button {
  font-size: 0;
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 50%;
  background: #E4EDF5;
}
.full-width-slider .slick-dots li.slick-active button {
  background: #14253B;
}

.slider-button {
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  display: inline-block;
  padding: 14.2px 20px;
  cursor: pointer;
  position: absolute;
}
@media (max-width: 767.48px) {
  .slider-button {
    display: none;
  }
}
.slider-button.prev {
  left: -75px;
  top: 0;
  bottom: 0;
  right: auto;
  margin: auto;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  transform: translateY(-100%);
}
@media (min-width: 1400px) {
  .slider-button.prev {
    left: -80px;
  }
}
@media (min-width: 1600px) {
  .slider-button.prev {
    left: -75px;
  }
}
@media (max-width: 1199.98px) {
  .slider-button.prev {
    left: -24px;
  }
}
.slider-button.next {
  right: -75px;
  top: 0;
  bottom: 0;
  left: auto;
  margin: auto;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  transform: translateY(-100%);
}
@media (min-width: 1400px) {
  .slider-button.next {
    right: -48px;
  }
}
@media (min-width: 1600px) {
  .slider-button.next {
    right: -75px;
  }
}
@media (max-width: 1199.98px) {
  .slider-button.next {
    right: -24px;
  }
}
.slider-button button {
  background: transparent;
  border: none;
}
.slider-button.slick-disabled .svg svg path {
  stroke: rgba(55, 65, 81, 0.0784313725);
  opacity: 0.8;
  stroke-opacity: 0.8;
}
.slider-button .svg svg path {
  stroke: #374151;
  opacity: 1;
  stroke-opacity: 1;
  transition: 0.3s;
}

.scrolling-section {
  padding-top: 88px;
  padding-bottom: 64px;
  text-align: center;
}
@media (max-width: 767.48px) {
  .scrolling-section {
    padding: 64px 0;
    text-align: left;
  }
  .scrolling-section .section-title {
    font-size: 24px;
    line-height: 32px;
  }
}

.feature-lists {
  display: flex;
  flex-wrap: wrap;
}
.feature-lists li {
  width: 33.33%;
  text-align: center;
  border-right: 1px solid #E2EAEF;
  border-right: 1px solid #E2EAEF;
}
.feature-lists li a {
  font-size: 16px;
  color: #14253B;
  font-weight: 500;
  line-height: 1.2;
  padding-top: 22px;
  display: block;
  padding-bottom: 22px;
}
.feature-lists li:first-child {
  border-left: 1px solid #E2EAEF;
}

.border-wrap {
  margin-top: 48px;
}
@media (max-width: 767.48px) {
  .border-wrap {
    margin-top: 24px;
  }
}
.border-wrap .feature-lists:last-child li {
  border-bottom: 1px solid #E2EAEF;
}
.border-wrap .feature-lists:nth-child(2) li {
  border-bottom: 1px solid #E2EAEF;
}
.border-wrap .feature-lists:nth-child(3) li {
  border-bottom: 1px solid #E2EAEF;
}
.border-wrap .feature-lists:nth-child(1) li {
  border-top: 1px solid #E2EAEF;
  border-bottom: 1px solid #E2EAEF;
}
@media (max-width: 767.48px) {
  .border-wrap .feature-lists {
    padding-left: 24px;
  }
  .border-wrap .feature-lists li {
    border: none !important;
    width: 100%;
    text-align: left;
    margin-bottom: 8px;
    list-style: disc;
  }
  .border-wrap .feature-lists li a {
    padding: 0;
    font-size: 16px;
    line-height: 24px;
  }
}

.solution-cta {
  padding-top: 75px;
  padding-bottom: 114px;
}
@media (max-width: 767.48px) {
  .solution-cta {
    padding-top: 0;
    padding-bottom: 40px;
  }
}
.solution-cta.padding-xs {
  padding: 140px 0;
}
@media (max-width: 767.48px) {
  .solution-cta.padding-xs {
    padding: 40px 0;
  }
}
.solution-cta.padding-lg {
  padding: 60px 0;
}
@media (max-width: 767.48px) {
  .solution-cta.padding-lg {
    padding: 40px 0;
  }
}
.solution-cta.padding-bottom {
  padding-bottom: 140px;
}
@media (max-width: 767.48px) {
  .solution-cta.padding-bottom {
    padding: 40px 0;
  }
}
.solution-cta.padding-xs-top {
  padding-top: 104px;
  padding-bottom: 0;
}
@media (max-width: 767.48px) {
  .solution-cta.padding-xs-top {
    padding: 40px 0;
  }
}
.solution-cta.padding-xs-bottom {
  padding-bottom: 120px;
}
@media (max-width: 767.48px) {
  .solution-cta.padding-xs-bottom {
    padding: 40px 0;
  }
}
.solution-cta .cta-content {
  color: #334253;
}
.solution-cta .cta-content .title-sm {
  margin-bottom: 16px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .solution-cta .cta-content .title-sm {
    margin-top: 40px;
  }
}
.solution-cta .cta-content p {
  margin-bottom: 25px;
  line-height: 26px;
}
.solution-cta .cta-content .mu-button-arrow {
  margin-top: 15px;
  display: inline-block;
  font-size: 14px;
}
.solution-cta .cta-content .mu-button-arrow img {
  margin-bottom: 1px;
}
.solution-cta.with-black-bg {
  padding: 96px 0;
  background-color: #000;
}
@media (max-width: 767.48px) {
  .solution-cta.with-black-bg {
    padding: 40px 0;
  }
}
.solution-cta.with-black-bg .cta-content {
  color: #334253;
}
.solution-cta.with-black-bg .cta-content .title-sm {
  color: #fff;
}
.solution-cta.with-black-bg .cta-content p {
  color: #fff;
  opacity: 0.6;
}
.solution-cta .white-bg {
  background: #fff;
  border-radius: 24px;
}
@media (max-width: 767.48px) {
  .solution-cta .white-bg {
    background: transparent;
    text-align: center;
  }
}

.solution-support {
  margin-top: 100px;
}
@media (max-width: 767.48px) {
  .solution-support {
    margin-top: 45px;
  }
  .solution-support .cta-preview {
    text-align: center;
  }
  .solution-support .cta-content {
    padding: 15px !important;
    padding-bottom: 30px !important;
  }
}
.solution-support .green-bg {
  background: #00C98E;
  border-radius: 24px;
  overflow: hidden;
  padding-top: 50px;
}
.solution-support .green-bg .cta-content {
  padding: 70px 0;
  padding-left: 64px;
  color: #fff;
}
@media (max-width: 991.98px) {
  .solution-support .green-bg .cta-content {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.solution-support .green-bg .cta-content .title-sm {
  color: #fff;
  margin-bottom: 16px;
}
.solution-support .green-bg .cta-content .mu-button-arrow {
  margin-top: 40px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
}

.request-cta-content h3 {
  color: #14253B;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 10px;
}
@media (max-width: 767.48px) {
  .request-cta-content h3 {
    font-size: 23px;
  }
}
.request-cta-content p {
  color: #14253B;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 767.48px) {
  .request-cta-content p {
    margin-bottom: 40px;
  }
}

@media (max-width: 767.48px) {
  .request-cta {
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .big-image {
    min-width: 120%;
    margin-left: -20%;
  }
}

.testimonial-secondary {
  overflow: hidden;
  padding-top: 64px;
  padding-bottom: 121px;
}
@media (max-width: 767.48px) {
  .testimonial-secondary {
    padding-bottom: 80px;
  }
}
@media (max-width: 767.48px) {
  .testimonial-secondary .testimonial-slider-secondary {
    padding-top: 24px;
  }
}
.testimonial-secondary .single-testimonial {
  margin-top: 45px;
  padding: 40px;
  border-radius: 16px;
}
@media (max-width: 767.48px) {
  .testimonial-secondary .single-testimonial {
    margin-top: 20px;
  }
}
@media (max-width: 767.48px) {
  .testimonial-secondary .single-testimonial {
    padding: 45px 30px;
  }
  .testimonial-secondary .single-testimonial .client-img {
    max-width: 48px;
  }
}
.testimonial-secondary .single-testimonial p {
  margin-top: 20px;
  font-size: 20px;
  line-height: 1.7;
  color: #334253;
}
@media (max-width: 767.48px) {
  .testimonial-secondary .single-testimonial p {
    line-height: 28px;
  }
}
.testimonial-secondary .single-testimonial .client-info .client-detail p {
  color: #67758D;
  font-size: 14px;
  line-height: 21px;
  margin-top: 0;
}
@media (max-width: 767.48px) {
  .testimonial-secondary .single-testimonial .client-info .client-detail p {
    font-size: 12px;
  }
}
.testimonial-secondary .single-testimonial .client-info .client-detail h6 {
  color: #363A40;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
}
@media (max-width: 767.48px) {
  .testimonial-secondary .single-testimonial .client-info .client-detail h6 {
    font-size: 16px;
    line-height: 24px;
  }
}
.testimonial-secondary .single-testimonial:nth-child(odd) {
  background: #F7F9FF;
}
.testimonial-secondary .single-testimonial:nth-child(even) {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F7F9FF;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
@media (max-width: 767.48px) {
  .testimonial-secondary .single-testimonial:nth-child(even) {
    background: #F7F9FF;
    box-shadow: none;
  }
}
.testimonial-secondary .slider-button {
  top: 0;
  z-index: 9;
  bottom: 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin: auto;
}
@media (max-width: 767.48px) {
  .testimonial-secondary .slider-button {
    display: none;
  }
}
.testimonial-secondary .slider-button.prev-testimonial {
  left: -55px;
  right: auto;
}
@media (max-width: 1199.98px) {
  .testimonial-secondary .slider-button.prev-testimonial {
    left: -20px;
  }
}
@media (max-width: 991.98px) {
  .testimonial-secondary .slider-button.prev-testimonial {
    left: 0px;
  }
}
@media (min-width: 1400px) {
  .testimonial-secondary .slider-button.prev-testimonial {
    left: -80px;
  }
}
.testimonial-secondary .slider-button.next-testimonial {
  right: -77px;
  left: auto;
}
@media (max-width: 1199.98px) {
  .testimonial-secondary .slider-button.next-testimonial {
    right: -20px;
  }
}
@media (max-width: 991.98px) {
  .testimonial-secondary .slider-button.next-testimonial {
    right: 0px;
  }
}
.testimonial-secondary .slick-list {
  overflow: visible;
}
.testimonial-secondary .slick-slider {
  margin: 0 -20px;
}
.testimonial-secondary .slick-slide {
  margin-right: 20px;
  margin-left: 20px;
}

.migrate-box {
  padding: 40px;
  background: #EEF5FF;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  border-radius: 24px;
}
@media (max-width: 767.48px) {
  .migrate-box {
    margin-top: 80px;
    display: block;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}
.migrate-box h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 8px;
}
.migrate-box p {
  font-size: 13px;
  line-height: 23px;
  color: #334253;
  margin-bottom: 30px;
}
.migrate-box .btn-white:hover {
  background: #18A0FB;
  color: #FFFFFF;
}

.trial-area h3 {
  font-size: 24px;
  line-height: 34px;
}
.trial-area ul {
  margin: 30px 0;
  padding-left: 23px;
}
.trial-area ul li {
  list-style: disc;
  color: #334253;
  font-size: 14px;
  line-height: 24px;
}
.trial-area span {
  color: #334253;
  font-size: 12px;
  line-height: 24px;
  display: block;
  margin-top: 20px;
}

.hero-contact .hero-inner {
  width: 100%;
  border-radius: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 39px 0;
}
@media (max-width: 767.48px) {
  .hero-contact .hero-inner {
    height: 180px;
  }
}
.hero-contact .hero-inner.complience {
  padding: 25px 0;
}
.hero-contact {
  background: linear-gradient(0deg,rgba(217,239,255,.2) 0%,rgba(217,239,255,.2) 100%),#eaf7ff;
}
/* .hero-contact .hero-inner::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 100%);
  border-radius: 16px;
} */
.hero-contact .hero-inner .inner-content {
  z-index: 1;
}
.hero-contact .hero-inner .inner-content h1 {
  color: #14253B;
  font-size: 36px;
  margin-bottom: 8px;
}
.hero-contact .hero-inner .inner-content p {
  color: #334253;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 767.48px) {
  .hero-contact .hero-inner .inner-content p {
    font-size: 16px;
    line-height: 24px;
  }
}

.contact-partnar {
  margin-top: 48px;
}
@media (max-width: 767.48px) {
  .contact-partnar .col-md-4 {
    margin-bottom: 40px;
  }
  .contact-partnar .col-md-4:last-child {
    margin-bottom: 0px;
  }
}
.contact-partnar .img-box {
  margin-right: 60px;
}
@media (max-width: 1199.98px) {
  .contact-partnar .img-box {
    margin-right: 40px;
  }
}
@media (max-width: 991.98px) {
  .contact-partnar .img-box {
    margin-right: 20px;
  }
}
@media (max-width: 767.48px) {
  .contact-partnar .img-box {
    margin-right: 40px;
  }
}
.contact-partnar .content span {
  color: #657080;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
}
.contact-partnar .content p {
  color: #14253B;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}
@supports (-webkit-touch-callout: none) {
  .contact-partnar .content p {
    color: #14253B;
  }
}
.contact-partnar .content-partner {
  background: linear-gradient(0deg, rgba(0, 98, 196, 0.72), rgba(0, 98, 196, 0.72)), linear-gradient(0deg, #0364A7, #0364A7);
  background-blend-mode: hard-light, hard-light, normal;
  border-radius: 16px;
  min-height: 160px;
  width: 100%;
  padding: 48px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
  .contact-partnar .content-partner {
    display: inline-block !important;
    min-height: 180px;
    padding: 20px 20px 60px 20px;
  }
}
@media (max-width: 575.98px) {
  .contact-partnar .content-partner {
    padding: 35px 20px 60px 40px;
  }
}
.contact-partnar .content-partner h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.contact-partnar .content-partner p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
}
@media (max-width: 767.48px) {
  .contact-partnar .svg {
    position: absolute;
    top: 80px;
  }
}
@media (max-width: 575.98px) {
  .contact-partnar .svg {
    top: 90px;
  }
}

.Contact-touch {
  margin-top: 48px;
}
@media (max-width: 767.48px) {
  .Contact-touch .container-fluid {
    padding: 3px;
  }
}
@media (max-width: 767.48px) {
  .Contact-touch .row {
    flex-direction: column-reverse;
  }
}
.Contact-touch .inner-touch {
  height: auto;
  width: 100%;
  border-radius: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 767.48px) {
  .Contact-touch .inner-touch .col-md-6 {
    background-color: #FFFFFF;
  }
}
.Contact-touch .inner-touch .companyAddress {
  width: 100%;
  height: auto;
  margin-bottom: 100px;
}
@media (max-width: 767.48px) {
  .Contact-touch .inner-touch .companyAddress {
    margin: 35px 35px 25px 35px;
  }
}
@media (max-width: 575.98px) {
  .Contact-touch .inner-touch .companyAddress {
    margin: 80px 25px 70px 25px;
  }
}
.Contact-touch .inner-touch .companyAddress .single {
  background: #FFFFFF;
  box-shadow: 0px 60px 80px rgba(0, 0, 0, 0.07), 0px 18.0882px 24.1177px rgba(0, 0, 0, 0.0456112), 0px 7.51293px 10.0172px rgba(0, 0, 0, 0.035), 0px 2.71728px 3.62304px rgba(0, 0, 0, 0.0243888);
  border-radius: 8px;
  color: #FFFFFF;
  width: 100%;
  height: auto;
  padding: 32px;
  margin-bottom: 16px;
}
.Contact-touch .inner-touch .companyAddress h6 {
  color: #14253B;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;
}
.Contact-touch .inner-touch .companyAddress p {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #334253;
}
.Contact-touch .inner-touch .touchForm {
  width: 550px;
  height: auto;
  background: #F8F9FB;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 2px 2px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  padding: 80px 64px;
}
@media (max-width: 991.98px) {
  .Contact-touch .inner-touch .touchForm {
    padding: 50px 30px;
    background: #FFFFFF;
    box-shadow: unset;
    width: 100%;
  }
}
@media (max-width: 767.48px) {
  .Contact-touch .inner-touch .touchForm {
    padding: 50px 24px;
  }
}
.Contact-touch .inner-touch h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.Contact-touch .inner-touch p {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
}
.Contact-touch .inner-touch .form-block {
  margin-top: 30px;
}
.Contact-touch .inner-touch .form-block label {
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 5px;
}
.Contact-touch .inner-touch .form-block .form-group {
  margin-top: 20px;
}
.Contact-touch .inner-touch .form-block .form-control {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #212529;
  font-weight: 400;
  font-size: 13px;
  box-shadow: unset;
}
.Contact-touch .inner-touch .form-block .form-control::-moz-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.Contact-touch .inner-touch .form-block .form-control:-ms-input-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.Contact-touch .inner-touch .form-block .form-control::placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.Contact-touch .inner-touch .form-block .form-control:focus {
  border: 1px solid #18A0FB;
}
.Contact-touch .inner-touch .form-block .innerform-group .bootstrap-select {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 60px !important;
  height: 45px;
}
.Contact-touch .inner-touch .form-block .innerform-group .dropdown-toggle {
  background-color: #FFFFFF;
  outline: unset !important;
  border: none;
  box-shadow: unset !important;
  width: auto;
  height: 100%;
  margin: 0px 0px 0px 1px;
  padding: 0px 0px 0px 15px;
}
.Contact-touch .inner-touch .form-block .innerform-group .dropdown-toggle .filter-option {
  width: 24px;
  height: auto;
  margin: 0;
  padding: 0;
}
.Contact-touch .inner-touch .form-block .innerform-group .dropdown-item.active, .Contact-touch .inner-touch .form-block .innerform-group .dropdown-item:active {
  background-color: #e9ecef;
}
.Contact-touch .inner-touch .form-block .innerform-group .dropdown-toggle::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 6L8 10L12 6' stroke='%23374151' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-size: 18px;
  width: 20px;
  height: 20px;
  background-position-x: 100%;
  background-position-y: 2px;
  border: none;
  background-repeat: no-repeat;
}
.Contact-touch .inner-touch .form-block .innerform-group .dropdown-toggle img {
  width: 20px;
}
.Contact-touch .inner-touch .form-block .innerform-group .con-control {
  padding-left: 75px;
  -moz-appearance: textfield;
}
.Contact-touch .inner-touch .form-block .innerform-group .con-control::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.Contact-touch .inner-touch .form-block .innerform-group .con-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.Contact-touch .inner-touch .form-block .custom-control {
  height: 93px;
  resize: none;
  padding-top: 10px;
}
.Contact-touch .inner-touch .form-block .select-department .bootstrap-select {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.Contact-touch .inner-touch .form-block .select-department .bootstrap-select .dropdown-toggle {
  background-color: #FFFFFF;
  height: 100%;
  font-size: 13px;
  line-height: 32px;
  color: #212529;
  outline: unset !important;
  font-weight: 400;
  border: 1px solid transparent;
  box-shadow: unset !important;
}
.Contact-touch .inner-touch .form-block .select-department .bootstrap-select .dropdown-toggle:focus {
  border: 1px solid #18A0FB;
}
.Contact-touch .inner-touch .form-block .select-department .bootstrap-select .dropdown-toggle::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 6L8 10L12 6' stroke='%23374151' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-size: 18px;
  width: 20px;
  height: 20px;
  background-position-x: 100%;
  background-position-y: 2px;
  border: none;
  background-repeat: no-repeat;
}
.Contact-touch .inner-touch .form-block .select-department .bootstrap-select .dropdown-toggle.bs-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.Contact-touch .inner-touch .form-block .select-department .bootstrap-select .dropdown-item.active, .Contact-touch .inner-touch .form-block .select-department .bootstrap-select .dropdown-item:active {
  background-color: #e9ecef;
  color: #212529;
}
.Contact-touch .inner-touch .form-block .formSubmitBtn {
  background: #18A0FB;
  box-shadow: 0px 4px 8px rgba(24, 160, 251, 0.18), 0px 0px 2px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  padding: 15px 32px;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  border: none;
  margin-top: 40px;
}
.Contact-touch .inner-touch .form-block .formSubmitBtn:hover {
  background: #098CE3;
}
.Contact-touch .inner-touch .newySvg {
  display: none;
}
.Contact-touch .inner-touch .bhubSvg {
  display: none;
}
.Contact-touch .inner-touch .umbSvg {
  display: none;
}
.Contact-touch .newYorkImg {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%), url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/map.png");
}
.Contact-touch .newYorkImg .newySvg {
  position: absolute;
  top: 230px;
  left: 350px;
  display: block;
}
@media (max-width: 991.98px) {
  .Contact-touch .newYorkImg .newySvg {
    left: 50px;
    top: 30px;
  }
}
@media (max-width: 767.48px) {
  .Contact-touch .newYorkImg .newySvg {
    display: none;
  }
}
.Contact-touch .newYorkImg .newyorkSingle {
  background-color: #14253B !important;
}
.Contact-touch .newYorkImg .newyorkSingle h6 {
  color: #FFFFFF;
}
.Contact-touch .newYorkImg .newyorkSingle p {
  color: #FFFFFF;
}
.Contact-touch .bhubaneswarImg {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%), url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/map1.png");
}
@media (max-width: 767.48px) {
  .Contact-touch .bhubaneswarImg {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%), url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/map.png");
  }
}
.Contact-touch .bhubaneswarImg .bhubSvg {
  position: absolute;
  top: 50px;
  left: 30px;
  display: block;
}
@media (max-width: 767.48px) {
  .Contact-touch .bhubaneswarImg .bhubSvg {
    display: none;
  }
}
.Contact-touch .bhubaneswarImg .bhubaneswarSingle {
  background-color: #14253B !important;
}
.Contact-touch .bhubaneswarImg .bhubaneswarSingle h6 {
  color: #FFFFFF;
}
.Contact-touch .bhubaneswarImg .bhubaneswarSingle p {
  color: #FFFFFF;
}
.Contact-touch .mumbaiImg {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%), url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/map2.png");
}
@media (max-width: 767.48px) {
  .Contact-touch .mumbaiImg {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%), url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/map.png");
  }
}
.Contact-touch .mumbaiImg .umbSvg {
  position: absolute;
  top: 50px;
  left: 30px;
  display: block;
}
@media (max-width: 767.48px) {
  .Contact-touch .mumbaiImg .umbSvg {
    display: none;
  }
}
.Contact-touch .mumbaiImg .mumbaiSingle {
  background-color: #14253B !important;
}
.Contact-touch .mumbaiImg .mumbaiSingle h6 {
  color: #FFFFFF;
}
.Contact-touch .mumbaiImg .mumbaiSingle p {
  color: #FFFFFF;
}

.bootstrap-select .dropdown-menu {
  transition: unset;
}

body .mu-nav.navbar.light-bg.sticky-header {
  background: #FFFFFF;
}

body .mu-nav.navbar.light-bg-2.sticky-header {
  background: #FFFFFF;
}

body .mu-nav.navbar.light-bg-3.sticky-header {
  background: #FFFFFF;
}

.search-section {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  padding-top: 34px;
  padding-bottom: 65px;
  background-color: #D9EFFF;
}
.search-section h1 {
  margin-bottom: 16px;
}

body {
  position: relative;
}

@media (max-width: 991.98px) {
  .sticky-mobile {
    position: -webkit-sticky;
    position: sticky;
    top: 56px;
    z-index: 3;
    background-color: #fff;
    transition: none;
  }
}
#scrollspy {
  padding-top: 102px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
@media (max-width: 991.98px) {
  #scrollspy {
    position: static;
    padding-top: 16px;
  }
  #scrollspy ul {
    display: flex;
    overflow: scroll;
    white-space: nowrap;
  }
  #scrollspy ul li {
    margin-right: 32px;
  }
  #scrollspy h6 {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .search-section.sm {
    padding-top: 32px;
    padding-bottom: 40px;
  }
  .search-section.sm .title-lg {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .search-section.sm .search-box {
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(50%);
  }
}
.search-section p {
  font-size: 14px;
  color: #334253;
}
.search-section h1 {
  margin-bottom: 8px;
}
#scrollspy h6 {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #0A2540;
  margin-bottom: 24px;
}
#scrollspy li {
  margin-bottom: 16px;
}
#scrollspy li a {
  color: rgba(101, 112, 128, 0.6392156863);
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  #scrollspy li a {
    color: #334253;
    font-size: 14px;
    line-height: 24px;
  }
}
#scrollspy li a.current {
  color: #14253B;
}
@media (max-width: 991.98px) {
  #scrollspy li a.current {
    color: #098CE3;
  }
}
#scrollspy li a:hover {
  color: #14253B;
}
@media (max-width: 991.98px) {
  #scrollspy li a:hover {
    color: #098CE3;
  }
}

.feautre-content-wrapper {
  overflow: hidden;
  padding-left: 55px;
}
@media (max-width: 768px) {
  .feautre-content-wrapper {
    padding-left: 0;
  }
}
.feautre-content-wrapper > .row {
  padding-top: 102px;
}
@media (max-width: 767.48px) {
  .feautre-content-wrapper > .row {
    padding-top: 64px;
  }
}
.feautre-content-wrapper .row.section-padding {
  padding-top: 47px;
  padding-bottom: 47px;
}
@media (max-width: 1199.98px) {
  .feautre-content-wrapper .row.section-padding {
    padding: 30px 0;
  }
}
@media (max-width: 991.98px) {
  .feautre-content-wrapper .row.section-padding {
    padding: 15px 0;
  }
}
@media (max-width: 767.48px) {
  .feautre-content-wrapper .row.section-padding {
    padding: 0;
  }
}
@media (max-width: 1199.98px) {
  .feautre-content-wrapper .tittle-box {
    padding-bottom: 30px;
  }
}
.feautre-content-wrapper .tittle-box h3 {
  margin-bottom: 8px;
}
@media (max-width: 767.48px) {
  .feautre-content-wrapper .tittle-box h3 {
    font-size: 32px;
    line-height: 38px;
  }
}
.feautre-content-wrapper .tittle-box p {
  font-size: 18px;
  line-height: 26px;
  color: #334253;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
}
@media (max-width: 767.48px) {
  .feautre-content-wrapper .tittle-box p {
    font-size: 14px;
    line-height: 20px;
  }
}
.feautre-content-wrapper .feautre-box h5 {
  font-size: 18px;
  line-height: 22px;
  color: #000;
  margin-bottom: 12px;
}
@media (max-width: 767.48px) {
  .feautre-content-wrapper .feautre-box h5 {
    margin-bottom: 8px;
  }
}
.feautre-content-wrapper .feautre-box p {
  font-size: 13px;
  line-height: 20px;
  color: #334253;
  margin-bottom: 10px;
}
@media (max-width: 767.48px) {
  .feautre-content-wrapper .feautre-box p {
    margin-bottom: 0;
  }
}
.feautre-content-wrapper .feautre-box .mu-button-arrow {
  font-size: 14px;
  margin-top: 12px;
}
@media (max-width: 767.48px) {
  .feautre-content-wrapper .feautre-box .mu-button-arrow {
    margin-top: 8px;
  }
}
.feautre-content-wrapper .feautre-box.style-1 {
  flex-wrap: wrap;
  padding: 64px 0;
  height: 100%;
  display: flex;
}
.feautre-content-wrapper .feautre-box.style-1 h5 {
  margin-top: 21px;
}
@media (max-width: 1199.98px) {
  .feautre-content-wrapper .feautre-box.style-1 {
    padding: 25px 0;
  }
}
@media (max-width: 767.48px) {
  .feautre-content-wrapper .feautre-box.style-1 {
    padding: 13px 0;
  }
}
.feautre-content-wrapper .feautre-box.style-1 .mu-button-arrow {
  align-self: flex-end;
}
.feautre-content-wrapper .feautre-box.style-1 .feautre-details {
  width: 100%;
}
.feautre-content-wrapper .feautre-box.style-2 {
  padding: 64px 0;
}
.feautre-content-wrapper .feautre-box.style-2 .feautre-details img {
  margin-bottom: 24px;
  /* border-radius: 8px;
  width: 100%; */
  width: 60px;
  height: 60px;
}
@media (max-width: 1199.98px) {
  .feautre-content-wrapper .feautre-box.style-2 {
    padding: 35px 0;
  }
}
@media (max-width: 767.48px) {
  .feautre-content-wrapper .feautre-box.style-2 {
    padding: 15px 0;
  }
}
.feautre-content-wrapper .feautre-box.style-3 {
  padding: 17px 0;
}
.feautre-content-wrapper .feautre-box.style-3 .feautre-left img {
  border-radius: 8px;
  /* width: 100%; */
}
.feautre-content-wrapper .feautre-box.style-4 {
  padding: 24px 0;
}
.feautre-content-wrapper .feautre-box.style-4 .feautre-details img {
  margin-bottom: 24px;
  /* border-radius: 8px;
  width: 100%; */
  width: 60px;
  height: 60px;
}
.feautre-content-wrapper .seperator {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.0784313725);
}
@media (max-width: 767.48px) {
  .feautre-content-wrapper .seperator {
    margin: 20px 0;
  }
}
.feautre-content-wrapper .padding-top-lg {
  padding-top: 40px;
}

.search-box {
  margin-top: 0px;
  position: relative;
}
.search-box .form-control {
  padding: 20px 56px;
  background: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  border: none;
}
@media (max-width: 767.48px) {
  .search-box .form-control {
    padding: 16px 56px;
    font-size: 14px;
  }
}
.search-box .input-icon {
  position: absolute;
  left: 25px;
  top: 50%;
  bottom: auto;
  margin: auto;
  transform: translateY(-50%);
}
@media (max-width: 767.48px) {
  .search-box .input-icon svg {
    width: 14px;
    height: 14px;
  }
}
.search-box .dropwn-search {
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 9999;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
}
.search-box .dropwn-search ul {
  text-align: left;
  padding: 18px 20px;
  max-height: 367px;
  overflow: auto;
}
.search-box .dropwn-search ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F8F8F8;
  border-radius: 4px;
}
.search-box .dropwn-search ul::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.search-box .dropwn-search ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #D6DADF;
}
.search-box .dropwn-search ul li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
.search-box .dropwn-search ul li:last-child {
  margin-bottom: 0;
}
.search-box .dropwn-search ul li a {
  color: #14253B;
}

.feautre-detail-banner {
  background-color: #C1E1F7;
  padding-top: 13px;
  overflow: hidden;
}
.feautre-detail-banner .shadow-3 {
  box-shadow: 0px 154.305px 506.12px rgba(0, 0, 0, 0.33), 0px 20.4648px 7.445px rgba(0, 0, 0, 0.237222), 0px 34.466px 113.048px rgba(0, 0, 0, 0.196715), 0px 19.3213px 63.374px rgba(0, 0, 0, 0.165), 0px 10.2614px 33.6575px rgba(0, 0, 0, 0.133285), 0px 4.27001px 14.0056px rgba(0, 0, 0, 0.092778);
  -webkit-box-shadow: 0px 154.305px 506.12px rgba(0, 0, 0, 0.33), 0px 20.4648px 7.445px rgba(0, 0, 0, 0.237222), 0px 34.466px 113.048px rgba(0, 0, 0, 0.196715), 0px 19.3213px 63.374px rgba(0, 0, 0, 0.165), 0px 10.2614px 33.6575px rgba(0, 0, 0, 0.133285), 0px 4.27001px 14.0056px rgba(0, 0, 0, 0.092778);
  -moz-box-shadow: 0px 154.305px 506.12px rgba(0, 0, 0, 0.33), 0px 20.4648px 7.445px rgba(0, 0, 0, 0.237222), 0px 34.466px 113.048px rgba(0, 0, 0, 0.196715), 0px 19.3213px 63.374px rgba(0, 0, 0, 0.165), 0px 10.2614px 33.6575px rgba(0, 0, 0, 0.133285), 0px 4.27001px 14.0056px rgba(0, 0, 0, 0.092778);
}
.feautre-detail-banner .shadow-3 img {
  border-radius: 4px;
}

.banner-style-one {
  padding: 104px 0;
}
.banner-style-one.padding-sm {
  padding: 64px 0;
  box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.06);
}
@media (max-width: 767.48px) {
  .banner-style-one {
    padding: 56px 0;
  }
}
.banner-style-one .heading-box {
  margin-bottom: 24px;
}
.banner-style-one .heading-box h1 {
  margin-bottom: 16px;
  line-height: 48px;
}
@media (max-width: 767.48px) {
  .banner-style-one .heading-box h1 {
    margin-bottom: 8px;
  }
}
.banner-style-one .heading-box p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: #303049;
  margin-bottom: 0;
}
@media (max-width: 767.48px) {
  .banner-style-one .heading-box p {
    font-size: 14px;
    line-height: 20px;
  }
}
.banner-style-one p {
  margin-bottom: 20px;
  line-height: 24px;
}
@media (max-width: 767.48px) {
  .banner-style-one p {
    font-size: 14px;
    line-height: 20px;
  }
}
.banner-style-one ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
}
@media (max-width: 767.48px) {
  .banner-style-one ul {
    margin-bottom: 40px;
  }
}
.banner-style-one ul li {
  width: 50%;
  display: flex;
  margin-bottom: 16px;
  color: #14253B;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .banner-style-one ul li {
    width: 100%;
  }
}
.banner-style-one ul li .svg {
  margin-right: 12px;
}

.feautre-box {
  padding-right: 56px;
  padding-left: 50px;
}
.feautre-box.withstyled {
  background: #F0F5FB;
  padding: 22px 70px;
  padding-left: 50px;
  border-radius: 32px;
}
@media (max-width: 767.48px) {
  .feautre-box.withstyled {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
  }
  .feautre-box.withstyled img {
    border-radius: 8px;
  }
}
@media (max-width: 767.48px) {
  .feautre-box {
    margin-bottom: 0;
  }
}
@media (max-width: 767.48px) {
  .feautre-box {
    padding-left: 0;
    padding-right: 0;
  }
}
.feautre-box .box-info {
  padding: 70px 0;
}
@media (max-width: 767.48px) {
  .feautre-box .box-info {
    padding-top: 0;
    padding-bottom: 75px;
  }
}
.feautre-box .title-sm {
  margin-bottom: 16px;
}
@media (max-width: 767.48px) {
  .feautre-box .title-sm {
    margin-top: 42px;
  }
}
.feautre-box p {
  line-height: 26px;
}

.cta-area .cta-wrapper.style-2 {
  background: linear-gradient(0deg, #EEF3F9, #EEF3F9), #FFFFFF;
  border: 8px solid #FFFFFF;
  box-shadow: 0px 15px 58px rgba(0, 0, 0, 0.05), 0px 3.35045px 12.9551px rgba(0, 0, 0, 0.0298054), 0px 0.997515px 3.85706px rgba(0, 0, 0, 0.0201946);
  border-radius: 16px 16px 16px 54px;
  padding-top: 36px;
  padding-bottom: 36px;
  margin-bottom: 75px;
}
@media (max-width: 767.48px) {
  .cta-area .cta-wrapper.style-2 {
    text-align: left;
  }
}
.cta-area .cta-wrapper.style-2 ul {
  padding-left: 25px;
}
@media (max-width: 767.48px) {
  .cta-area .cta-wrapper.style-2 ul {
    margin-bottom: 30px;
  }
}
.cta-area .cta-wrapper.style-2 ul li {
  list-style: disc;
  line-height: 30px;
}
.cta-area .cta-wrapper.style-2 .no-card {
  margin-top: 42px;
}

.mb-75 {
  margin-bottom: 75px;
}

.next-and-prev {
  padding-bottom: 100px;
}
@media (max-width: 767.48px) {
  .next-and-prev {
    padding-bottom: 70px;
  }
}
.next-and-prev a {
  display: block;
}
.next-and-prev h6 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
.next-and-prev h6:hover {
  color: #18A0FB;
}
@media (max-width: 1199.98px) {
  .next-and-prev h6 {
    font-size: 14px;
  }
}
@media (max-width: 767.48px) {
  .next-and-prev h6 {
    display: none;
  }
}
.next-and-prev span {
  font-size: 16px;
  line-height: 26px;
  display: block;
  margin-bottom: 10px;
  color: #14253B;
}
.next-and-prev span:hover {
  color: #18A0FB;
}
@media (max-width: 1199.98px) {
  .next-and-prev span {
    font-size: 13px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767.48px) {
  .next-and-prev span {
    margin-bottom: 0;
    font-size: 12px;
  }
}
@media (max-width: 320px) {
  .next-and-prev span {
    font-size: 10px;
  }
}
.next-and-prev .prev-area .svg {
  margin-right: 40px;
}
.next-and-prev .prev-area .svg:hover path {
  stroke: #18A0FB;
}
@media (max-width: 991.98px) {
  .next-and-prev .prev-area .svg {
    margin-right: 10px;
  }
}
.next-and-prev .next-area .svg {
  margin-left: 40px;
}
.next-and-prev .next-area .svg:hover path {
  stroke: #18A0FB;
}
@media (max-width: 991.98px) {
  .next-and-prev .next-area .svg {
    margin-left: 10px;
  }
}
@media (max-width: 767.48px) {
  .next-and-prev .svg svg {
    width: 20px;
  }
}

.related-area {
  overflow: hidden;
  padding: 80px 0;
}
.related-area .title-sm {
  font-weight: 500;
}
.related-area .slick-list {
  overflow: visible;
}
@media (max-width: 767.48px) {
  .related-area .slick-slider {
    margin-left: -12px;
    margin-right: -12px;
  }
  .related-area .slick-slide {
    margin-right: 12px;
    margin-left: 12px;
  }
}
@media (max-width: 767.48px) {
  .related-area {
    padding: 64px 0;
  }
}

.bg-4 {
  background: #F3F6F9;
}

.bg-5 {
  background: #D9EFFF;
}

.related-slider {
  margin-top: 24px;
}
.related-slider .single-related {
  color: #0A2540;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.related-slider .single-related img {
  width: 100%;
  margin-bottom: 16px;
  border-radius: 8px;
}

.cta-secondary {
  padding-bottom: 118px;
  padding-top: 35px;
  margin-bottom: 20px;
}
.cta-secondary .migrate-box {
  background: #fff;
}
@media (max-width: 767.48px) {
  .cta-secondary .migrate-box {
    margin-top: 0;
    margin-bottom: 75px;
  }
  .cta-secondary .migrate-box h4 {
    font-size: 20px;
  }
}
@media (max-width: 767.48px) {
  .cta-secondary {
    padding-bottom: 64px;
    margin-bottom: 0;
  }
}
@media (max-width: 767.48px) {
  .cta-secondary {
    padding-top: 0;
  }
}

.shadow-4 {
  /* filter: drop-shadow(0px 100px 328px rgba(0, 0, 0, 0.05)) drop-shadow(0px 41.7776px 137.031px rgba(0, 0, 0, 0.0359427)) drop-shadow(0px 22.3363px 73.2631px rgba(0, 0, 0, 0.0298054)) drop-shadow(0px 12.5216px 41.0707px rgba(0, 0, 0, 0.025)) drop-shadow(0px 6.6501px 21.8123px rgba(0, 0, 0, 0.0201946)) drop-shadow(0px 2.76726px 9.0766px rgba(0, 0, 0, 0.0140573)); */
  filter: drop-shadow(0.2rem 0.2rem 2rem rgba(0, 0, 0, 0.2));
  -webkit-filter: drop-shadow(0.2rem 0.2rem 2rem rgba(0, 0, 0, 0.2));
  border-radius: 10px;
}
.shadow-4 img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.feautre-detail-banner .heading-box {
  margin-bottom: 40px;
  margin-left: -25px;
  font-weight: 500;
}
.feautre-detail-banner .heading-box p {
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 2;
  -webkit-box-orient: vertical;
} .detail-banner-radious{
    border-radius: 24px;
}
@media (max-width: 991.98px) {
  .feautre-detail-banner .heading-box {
    margin-left: 0;
  }
  .feautre-detail-banner .heading-box p {
    -webkit-line-clamp: none;
    line-clamp: none;
  }
}
.feautre-detail-banner .heading-box .page-heading {
  margin-bottom: 8px;
}

.video-wrap {
  margin-top: 40px;
}
.video-wrap .video-js {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  min-height: 320px;
}
.video-wrap .vjs-poster {
  background-size: cover;
}
.video-wrap .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #5C5F62;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: none;
}
.video-wrap .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-wrap .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-wrap .vjs-icon-play:before {
  content: "";
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/play-icon.png");
  background-repeat: no-repeat;
  background-position: 55% center;
  background-size: 17px;
}

.single-feautre-wrap .feautre-box {
  margin-bottom: 75px;
}
@media (max-width: 767.48px) {
  .single-feautre-wrap .feautre-box {
    margin-bottom: 0;
  }
}

.Free-trial {
  background-color: #E0F2FF;
  padding: 80px 0px;
}
@media (max-width: 767.48px) {
  .Free-trial h3 {
    text-align: center;
  }
}
.Free-trial p {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .Free-trial p {
    text-align: center;
  }
}

.post-area .nav {
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.4);
  padding: 18px 0px;
}
@media (max-width: 767.48px) {
  .post-area .nav {
    position: fixed;
    background-color: #FFFFFF;
    width: 100%;
    height: auto;
    z-index: 2;
  }
}
.post-area .nav .nav-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #657080;
}
.post-area .nav .nav-link:hover {
  color: #1185E0;
}
.post-area .nav .nav-link.active {
  color: #1185E0;
}
.post-area .press-release {
  background-color: #F3F6F9;
  padding: 80px 0px;
}
@media (max-width: 767.48px) {
  .post-area .press-release {
    background-color: #FFFFFF;
    padding: 120px 0px 64px 0px;
  }
}
.post-area .press-brandnew {
  background: url(https://images.unsplash.com/photo-1559526324-c1f275fbfa32?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80), linear-gradient(90deg, #E2EBF9 0%, #EEF5FF 100%);
  height: 488px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 16px;
}
@media (max-width: 575.98px) {
  .post-area .press-brandnew {
    height: 236px;
  }
}
.post-area .press-brandnew .inner-brandnew {
  margin: 0px 64px 64px 64px;
}
@media (max-width: 991.98px) {
  .post-area .press-brandnew .inner-brandnew {
    margin: 0px 48px 48px 48px;
  }
}
@media (max-width: 575.98px) {
  .post-area .press-brandnew .inner-brandnew {
    margin: 0px 32px 32px 32px;
  }
}
.post-area .press-brandnew .inner-brandnew span {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  display: block;
  margin-bottom: 3px;
}
.post-area .press-brandnew .inner-brandnew a {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  display: block;
}
.post-area .press-brandnew .inner-brandnew a:hover {
  color: #18A0FB;
}
.post-area .latest-post {
  padding-left: 45px;
}
@media (max-width: 1199.98px) {
  .post-area .latest-post {
    padding-left: 15px;
  }
}
@media (max-width: 991.98px) {
  .post-area .latest-post {
    padding-left: 0px;
  }
}
@media (max-width: 767.48px) {
  .post-area .latest-post {
    padding-left: 0px;
    margin-top: 32px;
  }
}
.post-area .latest-post .latest-inner {
  margin-bottom: 24px;
}
.post-area .latest-post .latest-inner:last-child {
  margin-bottom: 0px;
}
.post-area .latest-post .latest-inner .post-img {
  width: 152px;
  height: 104px;
}
.post-area .latest-post .latest-inner .post-content {
  margin-left: 24px;
}
@media (max-width: 1199.98px) {
  .post-area .latest-post .latest-inner .post-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
}
@media (max-width: 991.98px) {
  .post-area .latest-post .latest-inner .post-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
}
.post-area .latest-post .latest-inner .post-content span {
  display: block;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #657080;
  margin-bottom: 3px;
}
.post-area .latest-post .latest-inner .post-content a {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #0A2540;
}
.post-area .latest-post .latest-inner .post-content a:hover {
  color: #18A0FB;
}
.post-area .old-post {
  padding: 40px 0px 0px 0px;
}
.post-area .old-post .inner-oldpost {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  padding: 40px 0px;
}
@media (max-width: 767.48px) {
  .post-area .old-post .inner-oldpost {
    padding: 32px 0px;
  }
}
@media (max-width: 767.48px) {
  .post-area .old-post .inner-oldpost:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.04);
  }
}
.post-area .old-post .inner-oldpost .date {
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  color: #334253;
}
@media (max-width: 767.48px) {
  .post-area .old-post .inner-oldpost .date {
    margin-bottom: 5px;
  }
}
.post-area .old-post .inner-oldpost .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #14253B;
  font-family: "Poppins", sans-serif;
}
.post-area .old-post .inner-oldpost .title:hover {
  color: #18A0FB;
}
@media (max-width: 767.48px) {
  .post-area .old-post .inner-oldpost .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
  }
}
.post-area .old-post .inner-oldpost .desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
}
.post-area .page-navigation {
  padding: 80px 0px;
}
.post-area .page-navigation .pagination .page-item {
  margin-right: 10px;
}
.post-area .page-navigation .pagination .page-item.disabled .page-link {
  opacity: 0.3;
  background-color: #F0F0F0;
}
.post-area .page-navigation .pagination .page-item .page-link {
  border: 1px solid rgba(180, 187, 202, 0.32);
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #14253B;
  font-weight: 600;
  font-size: 14px;
}
.post-area .page-navigation .pagination .page-item .page-link.active {
  background: #18A0FB;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.06);
  color: #FFFFFF;
}
.post-area .page-navigation .pagination .page-item .page-link.rotate svg {
  transform: rotate(180deg);
}
.post-area .press-coverage {
  background-color: #F3F6F9;
  padding: 80px 0px 0px 0px;
}
@media (max-width: 767.48px) {
  .post-area .press-coverage {
    background-color: #FFFFFF;
    padding: 120px 0px 0px 0px;
  }
}
.post-area .press-coverage .main-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  color: #14253B;
  margin-bottom: 10px;
}
@media (max-width: 575.98px) {
  .post-area .press-coverage .main-title {
    font-size: 32px;
    line-height: 38px;
  }
}
.post-area .press-coverage .main-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
}
@media (max-width: 575.98px) {
  .post-area .press-coverage .main-desc {
    line-height: 24px;
  }
}
.post-area .press-coverage .coverage-post {
  padding-top: 56px;
}
.post-area .press-coverage .coverage-post .inner-coverage {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 40px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  text-decoration: none;
}
.post-area .press-coverage .coverage-post .inner-coverage .category {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
.post-area .press-coverage .coverage-post .inner-coverage h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #0A2540;
  margin-top: 10px;
}
.post-area .press-coverage .coverage-post .inner-coverage h3:hover {
  color: #18A0FB;
}
@media (max-width: 575.98px) {
  .post-area .press-coverage .coverage-post .inner-coverage h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
.post-area .press-coverage .coverage-post .inner-coverage span {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #657080;
}
.post-area .press-coverage .coverage-post .inner-coverage:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.newsrrom-connect .mu-btn:hover {
  background: #FFFFFF;
  color: #18A0FB;
}

.contactbtn-area {
  padding: 60px 54px;
  background: linear-gradient(0deg, #098CE3, #098CE3), #FFFFFF;
  border-radius: 16px;
  margin-bottom: 56px;
}
@media (max-width: 767.48px) {
  .contactbtn-area {
    display: inline-block !important;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .contactbtn-area {
    padding: 48px 54px;
  }
}
.contactbtn-area h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #FFFFFF;
}
@media (max-width: 767.48px) {
  .contactbtn-area h3 {
    margin-bottom: 40px;
  }
}

.latestblog-area {
  padding-bottom: 64px;
}
@media (max-width: 1199.98px) {
  .latestblog-area {
    overflow: hidden;
  }
}
@media (max-width: 767.48px) {
  .latestblog-area {
    padding-top: 55px;
    padding-bottom: 80px;
  }
}
.latestblog-area .headblog {
  margin-bottom: 24px;
}
.latestblog-area .title-sm {
  color: #000;
  font-weight: 500;
  line-height: 48px;
}
@media (max-width: 767.48px) {
  .latestblog-area .title-sm {
    text-align: left;
    font-size: 32px;
    line-height: 38px;
  }
}
.latestblog-area .view-all {
  color: #098CE3;
  font-weight: 500;
  font-size: 14px;
}
.latestblog-area .view-all:hover svg {
  transform: translateX(5px);
}

.latestblog-slider .single-service-box {
  border-radius: 8px;
  position: relative;
}
.latestblog-slider .single-service-box span {
  display: block;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #657080;
  margin-top: 15px;
}
.latestblog-slider .single-service-box a {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #0A2540;
  margin-top: 5px;
  display: block;
}
.latestblog-slider .single-service-box a:hover {
  color: #18A0FB;
}
.latestblog-slider .single-service-box img {
  width: 100%;
  border-radius: 8px;
}
.latestblog-slider .slick-slide {
  padding-right: 24px;
}
.latestblog-slider .slick-slide:last-child {
  padding-right: 0px;
}
@media (max-width: 1399.98px) {
  .latestblog-slider .slick-slide {
    margin-right: 8px;
    margin-left: 8px;
  }
}
@media (max-width: 767.48px) {
  .latestblog-slider .slick-slide {
    margin-left: 0;
    padding: 0;
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .latestblog-slider .slick-list.draggable {
    display: flex;
    overflow: visible;
  }
  .latestblog-slider .slick-track {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1199.98px) {
  .latestblog-slider .slick-list {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important;
    overflow: visible;
  }
}

.otherbackground-color {
  background-color: #F3F6F9;
}
@media (max-width: 767.48px) {
  .otherbackground-color {
    background-color: #FFFFFF;
  }
}

.postdetails-area {
  padding: 86px 0px;
}
@media (max-width: 767.48px) {
  .postdetails-area {
    padding: 120px 0px 10px 0px;
  }
}
.postdetails-area h1 {
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
  margin-bottom: 10px;
}
@media (max-width: 767.48px) {
  .postdetails-area h1 {
    font-size: 24px;
    line-height: 30px;
  }
}
.postdetails-area .bottom-content .catg {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  position: relative;
  padding-right: 16px;
  margin-right: 16px;
}
.postdetails-area .bottom-content .catg:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 5px;
  background-color: rgba(0, 0, 0, 0.08);
  height: 10px;
  width: 1px;
}
@media (max-width: 767.48px) {
  .postdetails-area .bottom-content .catg:after {
    display: none;
  }
}
.postdetails-area .bottom-content .publish {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #4A5269;
}
@media (max-width: 767.48px) {
  .postdetails-area .bottom-content .publish {
    display: block;
  }
}
.postdetails-area .bottom-content .publish .date {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #657080;
  margin-left: 5px;
}
.postdetails-area .social {
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .postdetails-area .social {
    display: none;
  }
}
.postdetails-area .social .clicktext {
  font-weight: 400;
  font-size: 12px;
  color: #334253;
}
.postdetails-area .social .clicktext span {
  margin-right: 10px;
  margin-top: -2px;
}
.postdetails-area .social .social-box {
  position: absolute;
  right: 0;
  top: 16px;
  background-color: #FFFFFF;
  border-radius: 16px;
  border: none;
  padding: 24px 20px;
  position: absolute;
  width: 160px;
  height: auto;
  display: none;
}
.postdetails-area .social .social-box li {
  list-style: none;
}
.postdetails-area .social .social-box li a {
  padding: 8px 0px;
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
}
.postdetails-area .social .social-box li a span {
  margin-right: 10px;
}
.postdetails-area .mobile-social {
  display: none;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .postdetails-area .mobile-social {
    display: block;
  }
}
.postdetails-area .mobile-social .m-clicktext {
  font-weight: 400;
  font-size: 12px;
  color: #334253;
}
.postdetails-area .mobile-social .m-clicktext span {
  margin-right: 10px;
  margin-top: -2px;
}
.postdetails-area .mobile-social .fullshodow-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 9999;
  transition-duration: 10s;
  display: none;
}
.postdetails-area .mobile-social .fullshodow-box .preopen {
  width: 100%;
  height: 100%;
}
.postdetails-area .mobile-social .fullshodow-box .preopen .close-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 285px;
  background-color: #FFFFFF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.postdetails-area .mobile-social .fullshodow-box .m-social-box {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #FFFFFF;
  border: none;
  padding: 24px 20px;
  position: absolute;
  width: 100%;
  height: auto;
}
.postdetails-area .mobile-social .fullshodow-box .m-social-box h6 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #14142B;
  margin-bottom: 20px;
}
.postdetails-area .mobile-social .fullshodow-box .m-social-box li {
  list-style: none;
}
.postdetails-area .mobile-social .fullshodow-box .m-social-box li a {
  padding: 8px 0px;
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
}
.postdetails-area .mobile-social .fullshodow-box .m-social-box li a span {
  margin-right: 10px;
}
.postdetails-area .postfull-img {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/newsroom/backg.png");
  width: 100%;
  height: 425px;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 16px 16px 0px 0px;
  margin-top: 45px;
  background-position: center center;
}
@media (max-width: 767.48px) {
  .postdetails-area .postfull-img {
    height: 195px;
    border-radius: 16px;
  }
}
.postdetails-area .postfull-desc {
  padding: 60px;
  background-color: #FFFFFF;
  border-radius: 0px 0px 16px 16px;
}
@media (max-width: 767.48px) {
  .postdetails-area .postfull-desc {
    padding: 60px 0px;
  }
}
@media (max-width: 767.48px) {
  .postdetails-area .postfull-desc {
    padding: 32px 0px;
  }
}
.postdetails-area .postfull-desc h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #14253B;
  margin-bottom: 30px;
  font-family: "Inter", sans-serif;
}
@media (max-width: 767.48px) {
  .postdetails-area .postfull-desc h5 {
    font-size: 16px;
    line-height: 24px;
  }
}
.postdetails-area .postfull-desc p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
  margin-bottom: 20px;
}
.postdetails-area .postfull-desc p:last-child {
  margin-bottom: 0px;
}
.postdetails-area .postfull-desc p a {
  color: #098CE3;
}
.postdetails-area .postfull-desc p a:hover {
  color: #18A0FB;
}
@media (max-width: 767.48px) {
  .postdetails-area .postfull-desc p {
    line-height: 24px;
  }
}
.postdetails-area .postfull-desc h6 {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
  margin-bottom: 30px;
}
.postdetails-area .postfull-desc h6 .says {
  margin-top: 10px;
  font-size: 14px;
}
@media (max-width: 767.48px) {
  .postdetails-area .postfull-desc h6 {
    line-height: 24px;
  }
}
.postdetails-area .postpage-aboutarea {
  padding-top: 34px;
}
@media (max-width: 767.48px) {
  .postdetails-area .postpage-aboutarea {
    padding: 0px;
  }
}
.postdetails-area .custom-row {
  padding: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
@media (max-width: 767.48px) {
  .postdetails-area .custom-row {
    padding: 24px 0px;
  }
  .postdetails-area .custom-row:last-child {
    border-bottom: none;
  }
}
.postdetails-area .custom-row .left-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .postdetails-area .custom-row .left-text {
    margin-bottom: 5px;
  }
}
.postdetails-area .custom-row .right-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #334253;
}
.postdetails-area .custom-row .right-text p {
  margin-bottom: 10px;
}
.postdetails-area .custom-row .right-text p a {
  color: #098CE3;
  text-decoration: none;
}
.postdetails-area .custom-row .right-text p a:hover {
  color: #18A0FB;
}
.postdetails-area .custom-row .right-text p:last-child {
  margin-bottom: 0px;
}
.postdetails-area .custom-row .right-social {
  display: inline-block;
}
.postdetails-area .custom-row .right-social a {
  width: 56px;
  height: 56px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  margin-right: 10px;
}
.postdetails-area .custom-row .right-social a:hover {
  background: #18A0FB;
  border: 1px solid #18A0FB;
}

.help-search.search-box .form-control {
  background: linear-gradient(0deg, #F8F9FB, #F8F9FB), #FFFFFF;
  box-shadow: none;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 13px;
  padding-left: 48px;
  height: 56px;
}
@media (max-width: 767.48px) {
  .help-search.search-box {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .help-search.search-box .form-control {
    border: 1px solid #E4EDF5;
    background: transparent;
  }
}

.help-banner .section-title {
  padding: 24px 0;
}

.help-tabs .help-tablists {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 1px;
}
@media (max-width: 767.48px) {
  .help-tabs .help-tablists {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  }
}
.help-tabs .nav-tabs .nav-link {
  border: none;
  color: #334253;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  line-height: 20px;
  padding: 30px 16px;
}
@media (max-width: 767.48px) {
  .help-tabs .nav-tabs .nav-link {
    padding: 18px 12px;
  }
}
@media (max-width: 320.5px) {
  .help-tabs .nav-tabs .nav-link {
    padding: 18px 6px;
    font-size: 13px;
  }
}
.help-tabs .nav-tabs .nav-link.active {
  color: #1185E0;
  background: transparent;
}

.help-tab-content {
  overflow: hidden;
}
.help-tab-content .help-bg {
  background: #F7FBFF;
  padding-top: 40px;
  padding-bottom: 80px;
}
@media (max-width: 767.48px) {
  .help-tab-content .help-bg {
    padding-bottom: 64px;
  }
}
.help-tab-content .help-dot {
  position: absolute;
  right: -70px;
  top: 250px;
}
@media (max-width: 1366px) {
  .help-tab-content .help-dot {
    max-width: 120px;
  }
}
@media (max-width: 991.98px) {
  .help-tab-content .help-dot {
    display: none;
  }
}
.help-tab-content .helpcenter-catg-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #14253B;
  margin-bottom: 24px;
}
.help-tab-content .tab-title {
  color: #14253B;
  font-weight: 500;
}
.help-tab-content .tab-title.sm {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}
.help-tab-content .categories-row {
  --bs-gutter-y:23px ;
}
.help-tab-content .category-box {
  background: #fff;
  padding: 32px;
  padding-top: 26px;
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  border-radius: 20px;
  min-height: 188px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767.48px) {
  .help-tab-content .category-box {
    padding: 24px 20px;
  }
}
@media (max-width: 320.5px) {
  .help-tab-content .category-box {
    padding: 16px 10px;
    border-radius: 14px;
  }
}
.help-tab-content .category-box h4 {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-bottom: 8px;
}
@media (max-width: 767.48px) {
  .help-tab-content .category-box h4 {
    font-size: 16px;
    line-height: 24px;
  }
}
.help-tab-content .category-box p {
  color: rgba(20, 37, 59, 0.8);
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
.help-tab-content .category-box .mu-button-arrow {
  font-size: 14px;
}
.help-tab-content .category-box .add-btn {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #14253B;
}
.help-tab-content .category-box .add-btn .svg {
  margin-right: 8px;
}

.helpcenter-catg-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #14253B;
  margin-bottom: 24px;
}

.getting-started-sec {
  margin-top: 80px;
}
@media (max-width: 767.48px) {
  .getting-started-sec {
    margin-top: 64px;
  }
}
.getting-started-sec .title-sm {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #14253B;
}
.getting-started-sec .mu-button-arrow {
  font-size: 14px;
}

.articles-wrapper {
  margin-top: 24px;
}
@media (max-width: 767.48px) {
  .articles-wrapper {
    margin-top: 24px;
  }
}
.articles-wrapper .article-box {
  display: flex;
  padding: 24px 32px 32px 24px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  min-height: 123px;
}
.articles-wrapper .article-box .svg {
  margin-right: 16px;
}
.articles-wrapper .article-box .article-details {
  font-size: 13px;
  line-height: 19px;
  color: #657080;
}
.articles-wrapper .article-box .article-details h5 {
  font-size: 15px;
  line-height: 21px;
  font-weight: 600;
  color: #14253B;
  margin-bottom: 8px;
}

.latest-community {
  padding-top: 80px;
}
@media (max-width: 767.48px) {
  .latest-community {
    padding-top: 64px;
  }
}
.latest-community .mu-button-arrow {
  font-size: 14px;
}
.latest-community .title-sm {
  font-weight: 500;
  color: #14253B;
}

.community-slider {
  margin-top: 40px;
}
@media (max-width: 767.48px) {
  .community-slider {
    margin-top: 24px;
    padding-left: 25px;
  }
}
.community-slider .slick-track {
  display: flex !important;
}
.community-slider .slick-slider {
  margin: 0 -10px;
}
.community-slider .slick-slide {
  margin-right: 12px;
  margin-left: 12px;
  height: inherit !important;
}
.community-slider .slick-list {
  overflow: visible;
}

.single-community-box {
  background: #fff;
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  border-radius: 10px;
  padding-top: 24px;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 33px;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
@media (max-width: 320.5px) {
  .single-community-box {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.single-community-box.bg-F4F7FC {
  background: #F4F7FC;
  box-shadow: unset;
}
.single-community-box h6 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #0A2540;
  font-weight: 500;
  margin-top: 16px;
}
.single-community-box .community-info {
  margin-top: 24px;
  width: 100%;
  align-self: end;
}
.single-community-box .community-info p {
  font-size: 12px;
  line-height: 1.5;
  color: #657080;
  margin-bottom: 4px;
}
.single-community-box .community-info span {
  color: #18A0FB;
  font-style: italic;
  font-size: 10px;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  display: block;
}
.single-community-box .community-info .community-share {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 17px;
}
.single-community-box .community-info .community-share span {
  font-style: normal;
  font-size: 12px;
  line-height: 15px;
  color: #657080;
  font-weight: 500;
  margin-left: 7px;
}

.help-videos {
  padding: 80px 0;
}
@media (max-width: 767.48px) {
  .help-videos {
    padding-bottom: 64px;
  }
}
.help-videos .title-sm {
  font-weight: 500;
  color: #14253B;
}
.help-videos .mu-button-arrow {
  font-size: 14px;
}
.help-videos .video-js {
  max-width: 100%;
  border-radius: 8px;
  overflow: hidden;
  height: 168px;
  margin-bottom: 16px;
  background-color: transparent;
}
.help-videos .video-js .vjs-tech {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767.48px) {
  .help-videos .video-js {
    height: 105px;
  }
}
.help-videos .video-js:hover .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  border-color: transparent;
  background: rgba(24, 160, 251, 0.6392156863);
  transition: all 0.4s;
  -webkit-backdrop-filter: blur(3.10402px);
          backdrop-filter: blur(3.10402px);
}
.help-videos .vjs-poster {
  background-size: cover;
  border-radius: 8px;
  overflow: hidden;
  background-position: center;
}
.help-videos .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  border-color: transparent;
  background: rgba(24, 160, 251, 0.6392156863);
  visibility: hidden;
  transition: 0s;
  -webkit-backdrop-filter: blur(3.10402px);
          backdrop-filter: blur(3.10402px);
}
.help-videos .vjs-icon-placeholder:before {
  line-height: 1.7;
}
.help-videos .single-helpvideo {
  color: #14253B;
  margin-top: 34px;
}
.help-videos .single-helpvideo p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #14253B;
}
.help-videos .single-helpvideo ul {
  display: flex;
  margin-top: 8px;
}
.help-videos .single-helpvideo ul li {
  display: flex;
  align-items: center;
  color: #14253B;
}
.help-videos .single-helpvideo ul li:first-child {
  margin-right: 18px;
}
.help-videos .single-helpvideo ul li span {
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  font-weight: 500;
  margin-left: 10px;
}
.help-videos .single-helpvideo:hover .vjs-big-play-button {
  visibility: visible;
}

.help-cta {
  padding-top: 104px;
  padding-bottom: 80px;
}
@media (max-width: 767.48px) {
  .help-cta {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.help-cta.helpcenter-cta {
  padding: 0px;
}
@media (max-width: 767.48px) {
  .help-cta.helpcenter-cta {
    padding: 0px;
  }
}
.help-cta .innerhelp-cta {
  background: linear-gradient(90deg, rgba(24, 160, 251, 0.16) 0%, rgba(12, 185, 243, 0.16) 100%);
  border-radius: 40px;
  padding: 24px 56px;
}
.help-cta h3 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  margin-bottom: 10px;
}
.help-cta p {
  font-size: 14px;
  line-height: 20px;
}

.no-shadow {
  box-shadow: none !important;
}

@media (max-width: 1024.5px) {
  .px-md-0 {
    padding-left: 0;
    padding-right: 0;
  }
}
.remove-text {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: translateY(25%);
  cursor: pointer;
}

.form-control:not(:valid) ~ .remove-text {
  display: none;
}

.helpvideo-banner {
  padding: 24px 0px 48px 0px;
}
@media (max-width: 767.48px) {
  .helpvideo-banner {
    padding: 24px 0px 24px 0px;
  }
}
.helpvideo-banner.light-bg {
  background: #D9EFFF;
}
@media (max-width: 767.48px) {
  .helpvideo-banner .helpvideo-title {
    text-align: center;
    margin-bottom: 24px;
  }
}

.helpvideo-tab-content .innertop-pane {
  background: #FAFDFF;
  width: 100%;
  height: auto;
  padding: 56px 0px 80px 0px;
}
.helpvideo-tab-content .more-vertical {
  display: none;
  cursor: pointer;
}
@media (max-width: 767.48px) {
  .helpvideo-tab-content .more-vertical {
    display: inline-block;
  }
}
.helpvideo-tab-content .leftinner-bar {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
}

.full-videogetting {
  background: linear-gradient(0deg, #F4F7FC, #F4F7FC), linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  padding: 64px 0px 80px 0px;
}

.help-gettingstart .title-sm {
  font-weight: 500;
  color: #14253B;
}
.help-gettingstart .mu-button-arrow {
  font-size: 14px;
}
.help-gettingstart .single-helpvideo {
  color: #14253B;
  margin-top: 32px;
}
.help-gettingstart .single-helpvideo p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #14253B;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.help-gettingstart .video-js {
  max-width: 100%;
  border-radius: 8px;
  overflow: hidden;
  height: 154px;
  margin-bottom: 16px;
  background-color: transparent;
}
@media (max-width: 767.48px) {
  .help-gettingstart .video-js {
    height: 120px;
  }
}
.help-gettingstart .video-js .vjs-tech {
  -o-object-fit: cover;
     object-fit: cover;
}
.help-gettingstart .video-js:hover .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 51px;
  width: 51px;
  border-color: transparent;
  background: rgba(24, 160, 251, 0.6392156863);
  transition: all 0.4s;
  -webkit-backdrop-filter: blur(3.10402px);
          backdrop-filter: blur(3.10402px);
  visibility: visible;
}
.help-gettingstart .vjs-poster {
  background-size: cover;
  border-radius: 8px;
  overflow: hidden;
  background-position: center;
}
.help-gettingstart .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 51px;
  width: 51px;
  border-color: transparent;
  background: rgba(24, 160, 251, 0.6392156863);
  visibility: hidden;
  transition: 0s;
  -webkit-backdrop-filter: blur(3.10402px);
          backdrop-filter: blur(3.10402px);
}
.help-gettingstart .vjs-icon-placeholder:before {
  line-height: 1.7;
}

.next-content {
  margin-top: 84px;
}
.next-content p a {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #334253;
  text-decoration: none;
}
.next-content .nextcontent-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #14253B;
  margin-top: 8px;
}

.whatsnew-section.most-popular {
  margin-top: 60px;
}
.whatsnew-section .community-slider {
  margin-top: 0px;
}
.whatsnew-section .title-sm {
  font-weight: 500;
  color: #14253B;
}
.whatsnew-section .mu-button-arrow {
  font-size: 14px;
}
.whatsnew-section .slick-list {
  overflow: hidden;
}
.whatsnew-section .single-helpvideo {
  color: #14253B;
  margin-top: 32px;
}
.whatsnew-section .single-helpvideo .video-js {
  max-width: 100%;
  border-radius: 8px;
  overflow: hidden;
  height: 168px;
  margin-bottom: 16px;
  background-color: transparent;
}
.whatsnew-section .single-helpvideo .video-js .vjs-tech {
  -o-object-fit: cover;
     object-fit: cover;
}
.whatsnew-section .single-helpvideo .video-js:hover .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  border-color: transparent;
  background: rgba(24, 160, 251, 0.6392156863);
  transition: all 0.4s;
  -webkit-backdrop-filter: blur(3.10402px);
          backdrop-filter: blur(3.10402px);
  visibility: visible;
}
.whatsnew-section .single-helpvideo .vjs-poster {
  background-size: cover;
  border-radius: 8px;
  overflow: hidden;
  background-position: center;
}
.whatsnew-section .single-helpvideo .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  border-color: transparent;
  background: rgba(24, 160, 251, 0.6392156863);
  visibility: hidden;
  transition: 0s;
  -webkit-backdrop-filter: blur(3.10402px);
          backdrop-filter: blur(3.10402px);
}
.whatsnew-section .single-helpvideo .vjs-icon-placeholder:before {
  line-height: 1.7;
}
.whatsnew-section .single-helpvideo p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #14253B;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bottom-slider-section {
  padding: 104px 0px 64px 0px;
  background-color: #FFFFFF;
  border-bottom: 1px solid rgba(154, 144, 141, 0.1);
}
.bottom-slider-section.video-details-section {
  padding: 64px 0px 64px 0px;
}

.whatnew-slider .slick-list {
  overflow: hidden;
}
.whatnew-slider .slick-slide {
  margin-right: 8px;
  margin-left: 8px;
  height: inherit !important;
}

@media (max-width: 767.48px) {
  .help-tabs .tabback-btn {
    display: none;
  }
}
.help-tabs .tabback-btn button {
  border: none;
  background-color: #FFFFFF;
  color: #334253;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
}
@media (max-width: 767.48px) {
  .help-tabs .tabsearch-btn {
    display: none;
  }
}
.help-tabs .tabsearch-btn button {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #657080;
  border: none;
  background-color: #FFFFFF;
}

.videodetails-banner {
  padding: 40px 0px;
  background: #F4F7FC;
}
.videodetails-banner .breadcrumb {
  margin-bottom: 40px;
}
.videodetails-banner .breadcrumb .breadcrumb-item {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #6D7175;
}
.videodetails-banner .breadcrumb .breadcrumb-item a {
  color: #334253;
}
.videodetails-banner .client-preview .video-js {
  max-width: 100%;
  min-width: 100%;
  border-radius: 20px;
  overflow: hidden;
  height: 445px;
  background-color: transparent;
}
.videodetails-banner .client-preview .video-js .vjs-tech {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767.48px) {
  .videodetails-banner .client-preview .video-js {
    height: 210px;
  }
}
.videodetails-banner .client-preview .video-js:hover .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  border-color: transparent;
  background: rgba(24, 160, 251, 0.6392156863);
  transition: all 0.4s;
  -webkit-backdrop-filter: blur(3.10402px);
          backdrop-filter: blur(3.10402px);
  visibility: visible;
}
.videodetails-banner .client-preview .vjs-poster {
  background-size: cover;
  border-radius: 20px;
  overflow: hidden;
  background-position: center;
}
.videodetails-banner .client-preview .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  border-color: transparent;
  background: rgba(24, 160, 251, 0.6392156863);
  visibility: hidden;
  transition: 0s;
  -webkit-backdrop-filter: blur(3.10402px);
          backdrop-filter: blur(3.10402px);
}
.videodetails-banner .client-preview .vjs-icon-placeholder:before {
  line-height: 1.7;
}
.videodetails-banner .banner-content {
  padding-left: 40px;
}
@media (max-width: 1199.98px) {
  .videodetails-banner .banner-content {
    padding-left: 20px;
  }
}
@media (max-width: 767.48px) {
  .videodetails-banner .banner-content {
    padding-left: 0px;
    padding-top: 30px;
  }
}
.videodetails-banner .banner-content button {
  width: 57px;
  height: 22px;
  background: #14253B;
  border-radius: 4px;
  font-weight: 600;
  font-size: 10px;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.videodetails-banner .banner-content h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
  margin-bottom: 20px;
}
.videodetails-banner .banner-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  margin-bottom: 10px;
}

.singlevideo-detail {
  background: linear-gradient(90deg, #E2EBF9 0%, #EEF5FF 100%);
  padding: 24px 0px 0px 0px;
  border-radius: 8px;
}
.singlevideo-detail.videodetails-single-article {
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
}
.singlevideo-detail.videodetails-single-article .botton-content {
  margin-bottom: 2px;
}
.singlevideo-detail span {
  margin-left: 24px;
  font-weight: 800;
  font-size: 10px;
  line-height: 14px;
  color: #0A2540;
}
.singlevideo-detail .innersingle-video {
  padding: 11px 0px 24px 24px;
}
.singlevideo-detail .innersingle-video .lefttext {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #0A2540;
  padding-right: 10px;
}
.singlevideo-detail .botton-content {
  background-color: #FFFFFF;
  width: 100%;
  height: auto;
  padding: 24px 20px;
  border-radius: 0px 0px 8px 8px;
}
.singlevideo-detail .botton-content p {
  color: #0A2540;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
}
.singlevideo-detail .botton-content button {
  width: 97px;
  height: 22px;
  background: #E9E6F6;
  border-radius: 4px;
  color: #5F559D;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  border: none;
}
@media (max-width: 320px) {
  .singlevideo-detail .botton-content button {
    width: 110px;
  }
}

.video-details-banner {
  display: none;
}
@media (max-width: 767.48px) {
  .video-details-banner {
    display: block;
  }
}

@media (max-width: 767.48px) {
  .custom-video-row {
    justify-content: center !important;
  }
}

.helpvideo-search {
  margin-top: 0px;
}
.helpvideo-search .form-control {
  background: #FFFFFF !important;
}
@media (max-width: 767.48px) {
  .helpvideo-search .form-control {
    background-color: #FFFFFF !important;
  }
}

.wikirelated-blog .related-posts {
  margin-top: 0;
}
.wikirelated-blog .title-sm {
  margin-bottom: 32px;
}
@media (max-width: 767.48px) {
  .wikirelated-blog .single-relatewiki {
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 24px;
    align-items: flex-start;
  }
}
.wikirelated-blog .single-relatewiki .inner-relatewiki {
  width: 100%;
  height: auto;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: transparent;
  display: inline-block;
}
.wikirelated-blog .single-relatewiki .inner-relatewiki img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 767.48px) {
  .wikirelated-blog .single-relatewiki .inner-content {
    margin-left: 16px;
    width: calc(100% - 142px);
    display: inline-block;
  }
}
.wikirelated-blog .single-relatewiki .inner-content span {
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #657080;
}
.wikirelated-blog .single-relatewiki .inner-content p {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #0A2540;
}
@media (max-width: 767.48px) {
  .wikirelated-blog .single-relatewiki .inner-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}

.expended-search {
  display: none;
  margin-top: 0px;
}
.expended-search .form-control {
  margin-top: 0px;
}
@media (max-width: 991.98px) {
  .expended-search .form-control {
    padding: 20px 40px;
  }
}

.normallight-bg {
  background-color: #FAFDFF;
}

.full-wiki-section {
  background-color: #FAFDFF;
}

.helpwiki-banner {
  background: linear-gradient(90deg, rgba(24, 160, 251, 0.08) 0%, rgba(12, 185, 243, 0.08) 100%), linear-gradient(90deg, rgba(24, 160, 251, 0.08) 0%, rgba(12, 185, 243, 0.08) 100%);
  padding: 48px;
}
@media (max-width: 991.98px) {
  .helpwiki-banner {
    padding: 48px 30px;
  }
}
@media (max-width: 767.48px) {
  .helpwiki-banner {
    border-radius: unset;
    padding: 32px;
  }
}
@media (max-width: 767.48px) {
  .helpwiki-banner .container-fluid {
    padding: 0;
  }
}
.helpwiki-banner .innerwiki-banner {
  overflow: hidden;
}
.helpwiki-banner .innerwiki-banner .search-box {
  margin: 0;
}
.helpwiki-banner .innerwiki-banner h2 {
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
}
.helpwiki-banner .innerwiki-banner p {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
}
.helpwiki-banner .innerwiki-banner .wiki-bannertitle {
  width: 10%;
}
@media (max-width: 991.98px) {
  .helpwiki-banner .innerwiki-banner .wiki-bannertitle {
    width: 100%;
    margin-bottom: 16px;
  }
}
.helpwiki-banner .innerwiki-banner .wiki-presearch {
  width: 60%;
}
@media (max-width: 991.98px) {
  .helpwiki-banner .innerwiki-banner .wiki-presearch {
    width: 100%;
    margin-bottom: 16px;
  }
}
.helpwiki-banner .innerwiki-banner .wiki-bannerdesc {
  width: 30%;
}
@media (max-width: 991.98px) {
  .helpwiki-banner .innerwiki-banner .wiki-bannerdesc {
    width: 100%;
  }
}

.wiki-content {
  overflow: hidden;
}
.wiki-content .caps-letter {
  padding: 20px 0px;
  list-style: none;
  border-bottom: 1px solid #E4EDF5;
}
@media (max-width: 767.48px) {
  .wiki-content .caps-letter {
    justify-content: flex-start !important;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
  }
  .wiki-content .caps-letter::-webkit-scrollbar {
    display: none;
  }
}
.wiki-content .caps-letter li {
  margin-right: 24px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  color: #657080;
}
.wiki-content .caps-letter li:first-child {
  margin-left: 24px;
}
@media (max-width: 991.98px) {
  .wiki-content .caps-letter li {
    margin-right: 15px;
  }
}
.wiki-content .single-box {
  border-bottom: 1px solid #E4EDF5;
  padding: 40px 0px 40px 40px;
  margin: 0px 40px 0px 0px;
  position: relative;
}
@media (max-width: 767.48px) {
  .wiki-content .single-box {
    margin: 0px;
  }
}
.wiki-content .single-box::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 40px;
  background-color: #2C3EB9;
  width: 4px;
  height: 28px;
  border-radius: 0.26154px;
}
.wiki-content .single-box h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #14253B;
  margin-bottom: 8px;
}
.wiki-content .single-box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(20, 37, 59, 0.8);
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
@media (max-width: 767.48px) {
  .wiki-content .single-box p {
    -webkit-line-clamp: unset;
  }
}
.wiki-content .single-box a {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #098CE3;
  text-decoration: none;
}
.wiki-content.detailswiki-content .caps-letter {
  margin-bottom: 104px;
}
@media (max-width: 767.48px) {
  .wiki-content.detailswiki-content .caps-letter {
    margin-bottom: 48px;
  }
}

.page-navigation {
  padding: 64px 0px 80px 0px;
}
.page-navigation.helpwiki-navigation {
  padding: 64px 0px 80px 0px;
  box-shadow: unset;
}
.page-navigation .pagination .page-item {
  margin-right: 10px;
}
.page-navigation .pagination .page-item.disabled .page-link {
  opacity: 0.3;
  background-color: #F0F0F0;
}
.page-navigation .pagination .page-item .page-link {
  border: 1px solid rgba(180, 187, 202, 0.32);
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #14253B;
  font-weight: 600;
  font-size: 14px;
}
.page-navigation .pagination .page-item .page-link.active {
  background: #18A0FB;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.06);
  color: #FFFFFF;
}
.page-navigation .pagination .page-item .page-link.rotate svg {
  transform: rotate(180deg);
}

.find-contact {
  padding-top: 75px;
}

.bottom-wiki-area {
  background-color: #F9FCFF;
  padding: 80px 0px;
}
@media (max-width: 767.48px) {
  .bottom-wiki-area {
    background-color: #FFFFFF;
  }
}
.bottom-wiki-area h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .bottom-wiki-area h3 {
    margin-bottom: 32px;
  }
}

.inner-weibinner {
  background-color: #FFFFFF;
  padding: 32px;
  box-shadow: 0px 15px 58px rgba(0, 0, 0, 0.05), 0px 3.35045px 12.9551px rgba(0, 0, 0, 0.0298054), 0px 0.997515px 3.85706px rgba(0, 0, 0, 0.0201946);
  border-radius: 16px;
}
@media (max-width: 991.98px) {
  .inner-weibinner .col-md-7 {
    width: 75%;
  }
}
@media (max-width: 767.48px) {
  .inner-weibinner .col-md-7 {
    width: 100%;
  }
}
@media (max-width: 767.48px) {
  .inner-weibinner .col-md-7 {
    display: inline-block !important;
  }
}
.inner-weibinner .img-box {
  width: 170px;
  height: 162px;
  overflow: hidden;
  display: inline-block;
  border-radius: 8px;
}
@media (max-width: 767.48px) {
  .inner-weibinner .img-box {
    width: 100%;
  }
}
.inner-weibinner .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: contain;
}
.inner-weibinner .center-text {
  margin-left: 40px;
  width: calc(100% - 215px);
  display: inline-block;
}
@media (max-width: 767.48px) {
  .inner-weibinner .center-text {
    width: 100%;
    margin-left: 0px;
    margin-top: 24px;
  }
}
.inner-weibinner .center-text h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #14253B;
}
.inner-weibinner .center-text p {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #334253;
  margin-top: 8px;
}
.inner-weibinner .center-text label {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #14253B;
  margin-top: 8px;
}
@media (max-width: 767.48px) {
  .inner-weibinner .col-auto {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .inner-weibinner .col-auto {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 767.48px) {
  .inner-weibinner .right-text {
    margin-top: 30px;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .inner-weibinner .right-text {
    margin-top: 24px;
    text-align: center;
  }
}
.inner-weibinner .right-text .upcoming-highlight {
  background: #53C272;
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #FFFFFF;
  display: inline-block;
}
.inner-weibinner .right-text h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
  margin-top: 16px;
}
.inner-weibinner .right-text p {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
  margin-top: 10px;
}
.inner-weibinner .right-text .time {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #334253;
  margin-top: 8px;
}
@media (max-width: 991.98px) {
  .inner-weibinner .regbtn-area {
    justify-content: center !important;
    width: 100%;
    margin-top: 30px;
  }
}
@media (max-width: 767.48px) {
  .inner-weibinner .regbtn-area {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .inner-weibinner .regbtn-area {
    width: 100%;
    margin-top: 24px;
  }
}
@media (max-width: 575.98px) {
  .inner-weibinner .regbtn-area button {
    width: 100%;
  }
}

.upcoming-webiner h3 {
  margin-bottom: 24px;
}

.details-upcoming-webiner h3 {
  margin-bottom: 24px;
}

.more-studies {
  padding: 80px 0px;
}
@media (max-width: 767.48px) {
  .more-studies h3 {
    margin-bottom: 32px;
  }
}
.more-studies .single-morestudies {
  width: 100%;
  height: auto;
  margin-top: 24px;
}
@media (max-width: 767.48px) {
  .more-studies .single-morestudies {
    margin-bottom: 32px;
    margin-top: 0px;
  }
}
.more-studies .single-morestudies a {
  text-decoration: none;
}
.more-studies .single-morestudies p {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #0A2540;
  margin-top: 16px;
}
.more-studies .single-morestudies span {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #334253;
}

.details-top-border {
  border-top: 1px solid #E4EDF5;
  padding: 40px 0px 64px 0px;
}
@media (max-width: 767.48px) {
  .details-top-border {
    padding: 40px 0px;
  }
}
@media (max-width: 767.48px) {
  .details-top-border .artcle-inside-form {
    margin-top: 32px;
  }
}

.details-box {
  padding: 0px 0px 0px 40px;
  position: relative;
}
@media (max-width: 767.48px) {
  .details-box {
    margin: 0px;
  }
}
.details-box::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 0px;
  background-color: #2C3EB9;
  width: 4px;
  height: 28px;
  border-radius: 0.26154px;
}
.details-box h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #14253B;
  margin-bottom: 10PX;
}
.details-box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  margin-bottom: 10px;
}
.details-box span {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #657080;
  margin-top: 15px;
  display: inline-block;
}
.details-box span a {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  text-decoration: none;
  margin-left: 5px;
}
@media (max-width: 575.98px) {
  .details-box span a {
    display: block;
    margin-left: 0;
    margin-top: 8px;
  }
}

.detailswiki-content {
  padding-bottom: 50px;
}

.relate-studies {
  padding-top: 104px;
}
@media (max-width: 767.48px) {
  .relate-studies {
    padding-top: 88px;
  }
}
.relate-studies h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
}

.wikirelated-blog .title-sm {
  margin-bottom: 0;
}
@media (max-width: 767.48px) {
  .wikirelated-blog .title-sm {
    margin-bottom: 32px;
  }
}
.wikirelated-blog .single-relatewiki {
  margin-top: 24px;
}
@media (max-width: 767.48px) {
  .wikirelated-blog .single-relatewiki {
    margin-top: 0px;
  }
}

.help-search.community {
  margin-top: 0;
}
.help-search.community .form-control {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.community-banner {
  background: #F0F5FB;
  padding-top: 16px;
  padding-bottom: 48px;
}
@media (max-width: 767.48px) {
  .community-banner {
    padding-bottom: 24px;
  }
  .community-banner .title-sm {
    font-weight: 600;
    font-size: 32px;
  }
  .community-banner .search-box.help-search.community .form-control {
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  }
}

.community-content {
  padding-top: 32px;
  background: #F9FCFF;
  padding-bottom: 130px;
}
@media (max-width: 767.48px) {
  .community-content {
    padding-bottom: 64px;
  }
}
@media (max-width: 767.48px) {
  .community-content .with-icon {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.dropdown-custom .dropdown.bootstrap-select button {
  color: #14253B !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-size: 14px;
  line-height: 24px;
  background: #fff;
  border: 1px solid #E4EDF5;
  padding: 11px 18px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  width: 165px;
}
@media (max-width: 767.48px) {
  .dropdown-custom .dropdown.bootstrap-select button {
    width: 100%;
    padding: 8px 16px;
  }
}
.dropdown-custom .dropdown.bootstrap-select .dropdown-menu {
  padding: 0;
  border-radius: 8px;
}
.dropdown-custom .dropdown.bootstrap-select .dropdown-menu li a {
  font-size: 14px;
  line-height: 24px;
  outline: none;
}
.dropdown-custom .dropdown.bootstrap-select .dropdown-menu .dropdown-item.active {
  background: #18A0FB;
}
.dropdown-custom .dropdown.bootstrap-select .dropdown-menu .dropdown-item:focus {
  background: #18A0FB;
  color: #fff;
}

.community-wrap {
  margin-top: 32px;
}

.community-list-box {
  background: #fff;
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  border-radius: 20px;
  padding: 40px;
  margin-bottom: 16px;
}
.community-list-box a h5 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: #0A2540;
  margin-bottom: 8px;
}
@media (max-width: 575.98px) {
  .community-list-box a h5 {
    line-height: 24px;
  }
}
.community-list-box a p {
  font-size: 14px;
  line-height: 22px;
  color: #334253;
}
.community-list-box .author-box {
  margin-top: 32px;
}
.community-list-box .author-box .author-information {
  margin-left: 16px;
}
.community-list-box .author-box .author-information p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #14253B;
}
.community-list-box .author-box .author-information span {
  color: #657080;
  font-size: 12px;
  line-height: 18px;
  display: block;
}
.community-list-box .community-share {
  margin-left: 32px;
  color: #657080;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .community-list-box .community-share {
    margin-left: 0;
    margin-right: 32px;
    margin-top: 16px;
  }
}
.community-list-box .community-share span {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
}

.whatsnew-section.community {
  margin-top: 86px;
}
@media (max-width: 575.98px) {
  .whatsnew-section.community {
    margin-top: 65px;
  }
  .whatsnew-section.community .title-sm {
    font-weight: 600;
    font-size: 32px;
  }
}
@media (max-width: 767.48px) {
  .whatsnew-section.community .title-sm {
    font-size: 32px;
  }
}
.whatsnew-section.community .single-helpvideo {
  margin-top: 24px;
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
}
.whatsnew-section.community .single-helpvideo .rightimg {
  padding-right: 30px;
}
@media (max-width: 575.98px) {
  .whatsnew-section.community .single-helpvideo {
    margin-top: 16px;
  }
  .whatsnew-section.community .single-helpvideo .rightimg {
    padding-right: 20px;
  }
}
.whatsnew-section.community .singlevideo-detail .botton-content p {
  margin-top: 3px;
}

.related-posts {
  margin-top: 104px;
}
@media (max-width: 767.48px) {
  .related-posts {
    margin-top: 64px;
  }
}
.related-posts .title-sm {
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .related-posts .title-sm {
    font-weight: 600;
    font-size: 32px;
  }
}
.related-posts .mu-button-arrow {
  font-size: 14px;
}
.related-posts .posts-wrapper {
  margin-top: 24px;
}
.related-posts .singlepost-box {
  display: flex;
  flex-wrap: wrap;
  color: #0A2540;
  font-weight: 500;
  font-size: 16px;
}
@media (max-width: 767.48px) {
  .related-posts .singlepost-box {
    margin-bottom: 24px;
    font-size: 14px;
  }
}
.related-posts .singlepost-box img {
  width: 100%;
  margin-bottom: 16px;
}
@media (max-width: 767.48px) {
  .related-posts .singlepost-box img {
    height: 100%;
    margin-bottom: 0;
    border-radius: 8px;
  }
}
@media (max-width: 321px) {
  .related-posts .singlepost-box img {
    height: auto;
  }
}
.related-posts .singlepost-box span {
  display: block;
  width: 100%;
  color: #657080;
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 10px;
}
@media (max-width: 767.48px) {
  .related-posts .singlepost-box span {
    margin-top: 10px;
  }
}

.page-navigation {
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.04);
  padding: 11px 0;
  margin-bottom: 1px;
}
@media (max-width: 767.48px) {
  .page-navigation {
    box-shadow: none;
  }
}
.page-navigation .tabback-btn button {
  border: none;
  background-color: #FFFFFF;
  color: #334253;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
}
.page-navigation .tabsearch-btn button {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #657080;
  border: none;
  background-color: #FFFFFF;
}
@media (max-width: 767.48px) {
  .page-navigation .tabsearch-btn button {
    margin-right: 20px;
  }
}

.community-details {
  background: #F7FBFF;
  padding-top: 40px;
  padding-bottom: 137px;
}
@media (max-width: 767.48px) {
  .community-details {
    background: #fff;
    padding-bottom: 50px;
    padding-top: 10px;
  }
}
@media (min-width: 767.5px) {
  .community-details .title-sm {
    font-weight: 500;
  }
}
.community-details .author-box {
  margin-top: 24px;
}
.community-details .author-box .author-information {
  margin-left: 16px;
}
.community-details .author-box .author-information p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #14253B;
}
.community-details .author-box .author-information span {
  color: #657080;
  font-size: 12px;
  line-height: 18px;
  display: block;
}
.community-details .community-share {
  margin-left: 32px;
  color: #657080;
  cursor: pointer;
}
.community-details .community-share span {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  margin-top: 3px;
}

.container-fluid.xxl {
  max-width: 1500px;
}
@media (max-width: 1441px) {
  .container-fluid.xxl {
    max-width: 1400px;
  }
}

.community-post-details {
  background-color: #fff;
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  border-radius: 20px;
  padding: 48px 40px;
  margin-top: 40px;
  color: #334253;
  font-size: 14px;
  position: relative;
}
@media (max-width: 767.48px) {
  .community-post-details {
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
    padding-top: 0;
    margin-top: 28px;
  }
}
.community-post-details h3 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #0A2540;
  margin-bottom: 12px;
}
.community-post-details .community-preview {
  margin-bottom: 48px;
}
@media (max-width: 767.48px) {
  .community-post-details .community-preview {
    margin-bottom: 32px;
  }
}
.community-post-details p {
  margin-bottom: 12px;
}
.community-post-details h4 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #334253;
  margin-bottom: 12px;
}
.community-post-details ul {
  padding-left: 19px;
}
.community-post-details ul li {
  margin-bottom: 8px;
  list-style: disc;
}
.community-post-details .dropdown-custom .dropdown.bootstrap-select button {
  font-weight: 500;
  padding: 8px 18px;
  color: #303049 !important;
}
.community-post-details .dropdown-custom li {
  margin-bottom: 0;
}
.community-post-details h5 {
  font-weight: 500;
  line-height: 30px;
  color: #0A2540;
}
@media (max-width: 767.48px) {
  .community-post-details h5 {
    font-size: 16px;
  }
}
.community-post-details .comment-wrapper {
  margin-top: 45px;
}

.comment-field {
  border: 1px solid #E4EDF5;
  border-radius: 16px;
  font-size: 14px;
  padding-top: 15px;
  padding-left: 15px;
  margin-top: 16px;
  margin-bottom: 40px;
}
.comment-field::-moz-placeholder {
  color: #14253B;
}
.comment-field:-ms-input-placeholder {
  color: #14253B;
}
.comment-field::placeholder {
  color: #14253B;
}

.comment-details {
  background: #F6F8FA;
  border-radius: 8px 40px 40px 40px;
  padding: 40px;
  padding-top: 32px;
  position: relative;
}
@media (max-width: 767.48px) {
  .comment-details {
    padding: 24px;
    padding-bottom: 55px;
  }
  .comment-details .like-and-comment {
    position: absolute;
    bottom: 30px;
    right: 0;
  }
}
.comment-details h6 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.comment-details span {
  color: #657080;
  font-size: 12px;
  line-height: 18px;
}
.comment-details p {
  margin-top: 14px;
  font-size: 14px;
  line-height: 20px;
  color: #303049;
}

.comment-box {
  margin-bottom: 20px;
}
.comment-box.has-comment {
  margin-bottom: 4px;
}
.comment-box.has-comment .comment-details {
  margin-bottom: 16px;
}
.comment-box.has-comment .comment-box {
  margin-bottom: 0;
}
@media (max-width: 767.48px) {
  .comment-box.has-comment .comment-box {
    margin-left: 12px;
  }
}
.comment-box.has-comment .comment-box .comment-details {
  background: transparent;
  border: 1px solid #E4EDF5;
  border-radius: 8px 40px 40px 40px;
}

.community-feedback {
  padding: 40px 0;
  border: 1px solid #E4EDF5;
  border-radius: 16px;
  margin-top: 48px;
}
.community-feedback p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 16px;
}

.suggestion-right {
  background: #EDF2F8;
  box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 48px 40px;
}
@media (max-width: 768px) {
  .suggestion-right {
    background: transparent;
  }
}
@media (max-width: 767.48px) {
  .suggestion-right {
    background: transparent;
    padding: 0;
  }
}
.suggestion-right h6 {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 24px;
}
@media (max-width: 767.48px) {
  .suggestion-right h6 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
  }
}

.single-suggestion {
  margin-bottom: 24px;
}
.single-suggestion img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  border-radius: 8px;
}
.single-suggestion .suggestion-info {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.single-suggestion a {
  color: #14253B;
}
.single-suggestion a p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.single-suggestion a span {
  display: block;
  color: #334253;
  font-size: 10px;
  line-height: 16px;
  font-weight: 500;
  align-self: end;
}

.article-wrap .single-suggestion span {
  align-self: flex-start;
  width: 100%;
}

.upcomming-webiner {
  margin-bottom: 60px;
  margin-top: 60px;
  padding: 20px;
  padding-bottom: 56px;
  box-shadow: 0px 6px 80px rgba(0, 0, 0, 0.07);
  border-radius: 16px;
  background: #fff;
}
.upcomming-webiner .webiner-preview {
  border-radius: 16px;
  position: relative;
}
.upcomming-webiner .webiner-preview .badge {
  background: #53C272;
  border-radius: 4px;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  position: absolute;
  left: 20px;
  top: 18px;
}
.upcomming-webiner .webiner-preview .webiner-details {
  background: linear-gradient(0deg, #F4F9FF, #F4F9FF), #F8F9FB;
  border-radius: 16px;
  padding: 16px 32px 20px;
  width: 70%;
  position: absolute;
  left: 20px;
  bottom: -30px;
}
.upcomming-webiner .webiner-preview .webiner-details p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.upcomming-webiner .webiner-preview h5 {
  font-size: 20px;
  line-height: 30px;
}
.upcomming-webiner .webiner-desc {
  margin-top: 60px;
  padding: 0 20px;
}
.upcomming-webiner .webiner-desc h5 {
  margin-bottom: 16px;
  line-height: 30px;
}
.upcomming-webiner .webiner-desc p {
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 24px;
  color: #334253;
}
.upcomming-webiner .webiner-desc span {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  margin-top: 8px;
}
.upcomming-webiner .mu-btn {
  margin-top: 30px;
}
@media (max-width: 767.48px) {
  .upcomming-webiner .mu-btn {
    padding: 12px 30px;
  }
}

@media (max-width: 767.48px) {
  .like-count {
    margin-left: 30px;
  }
  .like-count .community-share {
    margin-left: 25px;
    margin-top: 18px;
  }
}
.modal-compose .modal-content {
  padding: 32px;
  border-radius: 16px;
}
.modal-compose .modal-content .modal-title {
  font-size: 16px;
  font-weight: 600;
  color: #14253B;
}
.modal-compose .modal-content .modal-header {
  padding: 0;
  padding-bottom: 16px;
}
.modal-compose .modal-content button {
  height: 40px;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
}
.modal-compose .modal-content .modal-footer {
  padding: 0;
  margin-top: 8px;
}
.modal-compose .modal-content .form-control {
  border: 1px solid #E4EDF5;
  border-radius: 6px;
  margin-bottom: 16px;
}
.modal-compose .modal-content .form-control::-moz-placeholder {
  color: #14253B;
  font-size: 14px;
  opacity: 1;
}
.modal-compose .modal-content .form-control:-ms-input-placeholder {
  color: #14253B;
  font-size: 14px;
  opacity: 1;
}
.modal-compose .modal-content .form-control::placeholder {
  color: #14253B;
  font-size: 14px;
  opacity: 1;
}
.modal-compose .modal-content .form-control:focus {
  box-shadow: none;
}

.helpsearch-banner {
  padding-bottom: 0px;
}
.helpsearch-banner .section-title {
  margin-bottom: 24px;
}

.helpsearch-search .form-control {
  background: #FFFFFF !important;
  padding-right: 140px;
}

.search-tabs .help-tablists {
  background-color: #D9EFFF;
}
@media (max-width: 767.48px) {
  .search-tabs .nav-tabs {
    justify-content: center;
  }
}
.search-tabs .nav-tabs .nav-link {
  padding: 20px 16px;
  border-bottom: 3px solid transparent;
  color: #334253;
}
.search-tabs .nav-tabs .nav-link.active {
  color: #0A2540;
  border-bottom: 3px solid #18A0FB;
}
@media (max-width: 368px) {
  .search-tabs .nav-tabs .nav-link {
    padding: 20px 10px;
  }
}

.search-tab-content {
  padding: 40px 0px 80px 0px;
}
@media (max-width: 767.48px) {
  .search-tab-content {
    padding: 20px 0px 40px 0px;
  }
}

.search-full-showing {
  margin-bottom: 18px;
}

.innersearch-tab .showing-result {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #334253;
}
.innersearch-tab .sortby-section .text {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #B4BBCA;
}
.innersearch-tab .sortby-section .form-select {
  color: #334253;
  font-weight: 500;
  line-height: 20px;
  border: none;
  font-size: 12px;
  outline: none;
  padding: 0px 16px 0px 6px;
  background-position-x: 100%;
  background-position-y: 50%;
  background-size: 12px;
}
.innersearch-tab .sortby-section .form-select:focus {
  box-shadow: unset;
}
.innersearch-tab .single-inner {
  margin-top: 16px;
  background: #FFFFFF;
  border: 1px solid #E4EDF5;
  border-radius: 8px;
  padding: 32px;
}
@media (max-width: 767.48px) {
  .innersearch-tab .single-inner {
    padding: 26px;
    margin-top: 16px;
  }
}
.innersearch-tab .single-inner h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #14253B;
  margin-bottom: 8px;
}
.innersearch-tab .single-inner h6 span {
  background: #5F559D;
  border-radius: 24px;
  padding: 4px 10px;
  font-weight: 500;
  font-size: 10px;
  color: #FFFFFF;
  border: none;
  margin-left: 16px;
}
@media (max-width: 767.48px) {
  .innersearch-tab .single-inner h6 span {
    display: block;
    width: 71px;
    height: 20px;
    padding: 0px 6px;
    text-align: center;
    line-height: 19px;
    margin-left: 0px;
    margin-top: 8px;
  }
}
.innersearch-tab .single-inner p {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #657080;
}
.innersearch-tab .muvitag {
  display: inline-block;
  margin-top: 16px;
}
.innersearch-tab .muvitag.video {
  margin-top: 2px;
}
.innersearch-tab .muvitag .single-tag {
  display: inline-block;
  font-weight: 600;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  color: #14253B;
  text-transform: capitalize;
  padding: 2px 8px;
  background: #F8FAFC;
  border: 1px solid #EBEBEB;
  border-radius: 24px;
  margin-right: 3.5px;
  margin-top: 8px;
}

.searchhot-slider .slick-slide {
  margin-right: 8px;
  margin-left: 8px;
  height: inherit !important;
}

.searchhot-section {
  margin-top: 32px;
  margin-bottom: 32px;
}
.searchhot-section h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #14142B;
}
.searchhot-section .single-helpvideo {
  margin-top: 20px;
}

.helpsearch-navigation {
  box-shadow: unset !important;
  margin-top: 40px;
}

.help-bg {
  background: #F7FBFF;
  padding-top: 40px;
  padding-bottom: 100px;
}
@media (max-width: 767.48px) {
  .help-bg {
    padding-bottom: 64px;
  }
}

.help-dot {
  position: absolute;
  right: -70px;
  top: 140px;
}
@media (max-width: 1199.98px) {
  .help-dot {
    display: none;
  }
}

.tab-title {
  color: #14253B;
  font-weight: 500;
}
.tab-title.sm {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}

.categories-row {
  --bs-gutter-y:23px ;
}

.category-box {
  background: #fff;
  padding: 32px;
  padding-top: 26px;
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  border-radius: 20px;
  min-height: 188px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767.48px) {
  .category-box {
    padding: 24px 20px;
  }
}
@media (max-width: 320.5px) {
  .category-box {
    padding: 16px 10px;
    border-radius: 14px;
  }
}
.category-box h4 {
  font-size: 20px;
  line-height: 30px;
  color: #000;
  margin-bottom: 8px;
}
@media (max-width: 767.48px) {
  .category-box h4 {
    font-size: 16px;
    line-height: 24px;
  }
}
.category-box p {
  color: rgba(20, 37, 59, 0.8);
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
.category-box .mu-button-arrow {
  font-size: 14px;
}
.category-box .add-btn {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #14253B;
}
.category-box .add-btn .svg {
  margin-right: 8px;
}

.helpsearch-cta {
  padding: 100px 0px 0px 0px;
}

.searchvideo-tab {
  padding: 0px 0px 40px 0px;
}

.community-banner.ticket {
  padding-bottom: 32px;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.community-banner.ticket::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
@media (max-width: 767.48px) {
  .community-banner.ticket {
    text-align: center;
    background: transparent;
    margin-top: 24px;
    padding-bottom: 20px;
  }
  .community-banner.ticket.ticket-listing {
    background: #F0F5FB;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

.empty-ticket {
  padding: 102px;
}
@media (max-width: 767.48px) {
  .empty-ticket {
    padding: 0;
    padding-bottom: 60px;
  }
}
.empty-ticket h6 {
  font-size: 16px;
  line-height: 30px;
  margin-top: 7px;
  margin-bottom: 8px;
  font-weight: 500;
}
.empty-ticket p {
  color: #334253;
  margin-bottom: 32px;
  font-size: 13px;
}

.ticket-help {
  background: #F0F5FB;
  padding: 88px 0;
}
@media (max-width: 991.98px) {
  .ticket-help.style-3 {
    padding-top: 64px;
    background: #F0F5FB;
  }
  .ticket-help.style-3 .help-ticket-box {
    background: #fff;
  }
  .ticket-help.style-3 .title-sm {
    font-weight: 600;
  }
}
@media (max-width: 767.48px) {
  .ticket-help {
    background: transparent;
  }
  .ticket-help.style-2 {
    padding-top: 20px;
  }
  .ticket-help.style-2 .title-sm {
    font-weight: 600;
  }
}
.ticket-help .title-sm {
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .ticket-help ul {
    display: flex;
    margin-top: 24px;
    justify-content: center;
  }
}
.ticket-help ul li {
  display: inline-block;
  padding-right: 24px;
}
.ticket-help ul li a {
  font-size: 14px;
  color: #14253B;
  font-weight: 500;
}
.ticket-help ul li:last-child {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  padding-left: 24px;
  padding-right: 0;
}
.ticket-help ul li:last-child a {
  color: #098CE3;
}
.ticket-help .help-ticket-box {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 16px 16px 16px 56px;
  padding: 32px;
  padding-bottom: 34px;
  color: #14253B;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.ticket-help .help-ticket-box:hover {
  width: 100%;
  box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  cursor: pointer;
}
@media (max-width: 767.48px) {
  .ticket-help .help-ticket-box {
    background: rgba(240, 245, 251, 0.6);
    flex-direction: column-reverse;
  }
  .ticket-help .help-ticket-box .ticket-info {
    display: flex;
    flex-direction: initial;
    flex-wrap: wrap;
    margin-top: 24px;
  }
}
.ticket-help .help-ticket-box span {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}
.ticket-help .help-ticket-box p {
  font-size: 12px;
  line-height: 18px;
  margin-top: 8px;
  width: 100%;
}
.ticket-help.style-2 {
  background: #fff;
}
.ticket-help.style-2 .help-ticket-box {
  background: rgba(240, 245, 251, 0.6);
  padding: 32px 32px 56px;
  flex-direction: column-reverse;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.ticket-help.style-2 .help-ticket-box .ticket-info {
  display: flex;
  flex-direction: initial;
  flex-wrap: wrap;
  margin-top: 24px;
}

.create-ticket .create-ticket-wrap {
  background: #EDF2F8;
  border-radius: 20px;
  padding: 48px 0;
}
@media (max-width: 991.98px) {
  .create-ticket .create-ticket-wrap {
    background: transparent;
    padding-top: 24px;
  }
}
.create-ticket .create-ticket-wrap .single-suggestion p {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 20px;
}
.create-ticket .create-ticket-wrap .single-suggestion span {
  align-self: start;
}
.create-ticket .create-ticket-wrap .single-suggestion img {
  max-height: 100px;
}
.create-ticket .create-ticket-wrap .single-suggestion .suggestion-info {
  display: block;
}
.create-ticket .create-ticket-wrap .mu-button-arrow {
  font-size: 14px;
  margin-top: 18px;
}
.create-ticket .create-ticket-wrap .create-right {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.create-ticket .create-ticket-wrap .create-right h6 {
  margin-bottom: 4px;
}
.create-ticket .create-ticket-wrap .create-right .single-ticket {
  border-radius: 8px;
  overflow: hidden;
  margin-top: 24px;
}
.create-ticket .create-ticket-wrap .create-right .single-ticket:hover .svg {
  display: flex;
}
.create-ticket .create-ticket-wrap .create-right .svg {
  background: #fff;
  padding: 10px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.create-ticket .create-left {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.64) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 20px;
  padding-top: 128px;
  padding-left: 56px;
  padding-right: 56px;
  overflow: hidden;
  height: 100%;
  text-align: center;
  padding-bottom: 212px;
}
.create-ticket .create-left .suggestions-list {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.create-ticket .create-left .suggestions-list::-webkit-scrollbar {
  display: none;
}
.create-ticket .create-left p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}
.create-ticket .create-left h5 {
  color: #334253;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 16px;
}
.create-ticket .create-left .result-appear {
  opacity: 0;
  transition: all 0.3s;
  visibility: hidden;
  height: 0;
}
.create-ticket .create-left.appeared {
  padding: 32px;
}
.create-ticket .create-left.appeared .result-appear {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.create-ticket .create-right {
  background: #FFFFFF;
  box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 48px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
}
@media (max-width: 991.98px) {
  .create-ticket .create-right {
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}
.create-ticket .create-right h6 {
  font-size: 24px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
.create-ticket .create-right p {
  font-size: 13px;
  line-height: 19px;
  color: #334253;
  margin-top: 4px;
}
.create-ticket .create-right .full-editor-box {
  border: 1px solid #E4EDF5;
  border-radius: 6px;
  padding: 8px;
}
.create-ticket .create-right .full-editor-box .bottom-editor-content {
  background: #F8F9FB;
  padding: 12px 7px;
  border-radius: 8px;
}
.create-ticket .create-right .full-editor-box .bottom-editor-content ul li {
  display: inline-block;
  margin: 0px 8px;
  cursor: pointer;
}
.create-ticket .create-right .full-editor-box .bottom-editor-content ul li.atached-file {
  position: relative;
}
.create-ticket .create-right .full-editor-box .bottom-editor-content ul li.atached-file input[type=file] {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.create-ticket .create-right .full-editor-box .bottom-editor-content ul li.atached-file input[type=file]::-webkit-file-upload-button {
  display: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.create-ticket .create-right .full-editor-box .input-textarea {
  border: none;
  resize: none;
  padding: 9.5px 10px;
}
.create-ticket .create-right .form-control {
  background: #FFFFFF;
  font-size: 13px;
  padding: 9.5px 18px;
  border: 1px solid #E4EDF5;
  outline: none;
}
.create-ticket .create-right .form-control:focus {
  box-shadow: unset;
}
.create-ticket .create-right .form-control::-moz-placeholder {
  font-size: 13px;
  color: #14253B;
}
.create-ticket .create-right .form-control:-ms-input-placeholder {
  font-size: 13px;
  color: #14253B;
}
.create-ticket .create-right .form-control::placeholder {
  font-size: 13px;
  color: #14253B;
}
.create-ticket .create-right .form-check-label {
  font-size: 14px;
  color: #202223;
}

.progress-wrap {
  transition: 0.3s;
}

.create-ticket .ticket-progress {
  text-align: center;
}
.create-ticket .ticket-progress span {
  font-size: 16px;
  line-height: 34px;
  font-weight: 500;
  color: #14253B;
  margin-top: 12px;
}
.create-ticket .ticket-progress p {
  margin-top: 0;
  font-size: 12px;
}

.dropdown-custom.style-1 .dropdown.bootstrap-select button {
  background: #FFFFFF;
  border: 1px solid #E4EDF5;
  border-radius: 6px;
  width: 100%;
  padding: 7px 18px;
  font-size: 13px;
}
.dropdown-custom.style-1 .dropdown.bootstrap-select button::after {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/pricing/dropdown.png");
  height: 10px;
  width: 10px;
  border: none;
  background-repeat: no-repeat;
  background-size: 10px;
}
.dropdown-custom.style-1 .dropdown.bootstrap-select .dropdown-menu li a {
  font-size: 13px;
}

.dropdown-custom.style-2 .dropdown.bootstrap-select button {
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04) !important;
  border-radius: 100px;
  width: 100%;
  padding: 7px 18px;
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 178px;
  border: none;
}
.dropdown-custom.style-2 .dropdown.bootstrap-select button::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L4 4L7 1' stroke='%23374151' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  height: 12px;
  width: 12px;
  border: none;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position-y: 4px;
}
@media (max-width: 991.98px) {
  .dropdown-custom.style-2 .dropdown.bootstrap-select button::after {
    height: 15px;
    width: 15px;
  }
}
@media (max-width: 991.98px) {
  .dropdown-custom.style-2 .dropdown.bootstrap-select button {
    background: transparent;
    box-shadow: none !important;
    width: auto;
  }
  .dropdown-custom.style-2 .dropdown.bootstrap-select button .filter-option {
    padding-right: 8px;
  }
}
.dropdown-custom.style-2 .dropdown.bootstrap-select .dropdown-menu li a {
  font-size: 13px;
}

.search-box.help-search.ticket {
  margin-top: 0;
}
.search-box.help-search.ticket .form-control {
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 24px;
}

.success-wrap {
  transition: all ease-in 0.3s;
}
.success-wrap .svg {
  height: 84px;
  width: 84px;
  background: linear-gradient(0deg, #098CE3, #098CE3), #78B348;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 50px;
}
.success-wrap p a {
  color: #098CE3;
}

.query-text {
  background: #F8F9FB;
  padding: 32px;
  border-radius: 16px;
}
.query-text p {
  font-size: 20px;
  line-height: 24px;
  color: #0A4FA8;
  font-weight: 600;
  margin-bottom: 16px;
}

.page-navigation {
  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.04);
}
.page-navigation.style-2 {
  padding: 24px 0;
}
.page-navigation.style-2 button {
  color: #098CE3;
  background: transparent;
}
.page-navigation.style-2 button svg path {
  fill: #098CE3;
}

.ticket-details-wrap {
  background-color: #F7FBFF;
  padding-bottom: 104px;
}
@media (max-width: 991.98px) {
  .ticket-details-wrap {
    background: #fff;
    padding-bottom: 64px;
  }
}
.ticket-details-wrap .ticket-info {
  background: #fff;
  box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 48px;
}
@media (max-width: 991.98px) {
  .ticket-details-wrap .ticket-info {
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.ticket-details-wrap .ticket-info .ticket-head h1 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 8px;
}
@media (max-width: 991.98px) {
  .ticket-details-wrap .ticket-info .ticket-head h1 {
    line-height: 24px;
  }
}
.ticket-details-wrap .ticket-info .ticket-head p {
  font-size: 13px;
  line-height: 19px;
  color: #334253;
}
.ticket-details-wrap .ticket-items {
  margin-top: 32px;
}
@media (max-width: 767.48px) {
  .ticket-details-wrap .ticket-items {
    margin-top: 24px;
  }
}
.ticket-details-wrap .ticket-items .single-ticket {
  box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.ticket-details-wrap .ticket-items .single-ticket .svg {
  display: none;
  transition: all 0.3s ease;
}
.ticket-details-wrap .ticket-items .single-ticket:hover .svg {
  display: grid;
}
.ticket-details-wrap .ticket-info .full-editor-box {
  border: 1px solid #E4EDF5;
  border-radius: 6px;
  padding: 8px;
  margin-top: 56px;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  .ticket-details-wrap .ticket-info .full-editor-box {
    margin: 24px 0;
  }
}
.ticket-details-wrap .ticket-info .full-editor-box .bottom-editor-content {
  background: #F8F9FB;
  padding: 12px 7px;
  border-radius: 8px;
  width: calc(100% - 112px);
}
@media (max-width: 426px) {
  .ticket-details-wrap .ticket-info .full-editor-box .bottom-editor-content {
    width: 100%;
  }
}
.ticket-details-wrap .ticket-info .full-editor-box .bottom-editor-content ul li {
  display: inline-block;
  margin: 0px 8px;
  cursor: pointer;
}
.ticket-details-wrap .ticket-info .full-editor-box .bottom-editor-content ul li.atached-file {
  position: relative;
}
.ticket-details-wrap .ticket-info .full-editor-box .bottom-editor-content ul li.atached-file input[type=file] {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.ticket-details-wrap .ticket-info .full-editor-box .bottom-editor-content ul li.atached-file input[type=file]::-webkit-file-upload-button {
  display: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.ticket-details-wrap .ticket-info .full-editor-box .input-textarea {
  border: none;
  resize: none;
  padding: 9.5px 10px;
  font-size: 14px;
  box-shadow: unset;
}
@media (max-width: 426px) {
  .ticket-details-wrap .ticket-info .full-editor-box .btn-box {
    margin-top: 8px;
  }
}
.ticket-details-wrap .ticket-info .full-editor-box .btn-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 104px;
  height: 44.25px;
  background: rgba(24, 160, 251, 0.04);
  border: 1px solid rgba(24, 160, 251, 0.32);
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  color: #098CE3;
  text-decoration: none;
}
@media (max-width: 426px) {
  .ticket-details-wrap .ticket-info .full-editor-box .pre-edit-content {
    display: inline-block !important;
  }
}
.ticket-details-wrap h6 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991.98px) {
  .ticket-details-wrap h6 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    margin-top: 60px;
  }
}
.ticket-details-wrap .top-border {
  border-top: 1px dashed rgba(0, 0, 0, 0.08);
}
.ticket-details-wrap .author-tittle {
  color: #14253B;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.ticket-details-wrap .note-wrapper {
  background: #F6F8FA;
  border-radius: 40px 8px 40px 40px;
  padding: 32px 40px 40px;
}
@media (max-width: 767.48px) {
  .ticket-details-wrap .note-wrapper {
    padding: 20px;
    border-radius: 24px;
  }
}
.ticket-details-wrap .note-wrapper p {
  font-size: 14px;
  line-height: 20px;
  color: #303049;
  margin-bottom: 20px;
}
.ticket-details-wrap .note-wrapper .mu-button-arrow {
  font-size: 14px;
}
.ticket-details-wrap .helpfull-wrap {
  background: #F6F8FA;
  border-radius: 40px 8px 40px 40px;
  padding: 32px 40px 40px;
  margin-top: 8px;
}
.ticket-details-wrap .helpfull-wrap .mu-btn-secondary {
  color: #14253B;
}
@media (max-width: 767.48px) {
  .ticket-details-wrap .helpfull-wrap {
    padding: 24px;
  }
}
.ticket-details-wrap .helpfull-wrap p {
  font-size: 14px;
  margin-bottom: 14px;
}
@media (max-width: 767.48px) {
  .ticket-details-wrap .helpfull-wrap p {
    font-weight: 600;
  }
}
.ticket-details-wrap .ticket-info-right {
  background: #EDF2F8;
  border-radius: 20px;
  padding: 32px;
}
@media (max-width: 575.98px) {
  .ticket-details-wrap .ticket-info-right {
    padding: 16px;
  }
}

.ticket-details .top-ticket {
  background: #fff;
  padding: 32px;
  border-radius: 16px;
}
.ticket-details .top-ticket .mu-btn-border {
  font-size: 13px;
  padding: 11px 13px;
  height: 38px;
  line-height: 16px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
.ticket-details .top-ticket ul li {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.04);
}
.ticket-details .top-ticket ul li:last-child {
  box-shadow: none;
}
.ticket-details .top-ticket .left-text {
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
  color: #202223;
}
.ticket-details .top-ticket .right-text {
  font-size: 12px;
  line-height: 19px;
  font-weight: 500;
  color: #7B8794;
}
.ticket-details .ticket-bottom {
  background: #fff;
  padding-top: 32px;
  border-radius: 16px;
  margin-top: 24px;
}
@media (max-width: 991.98px) {
  .ticket-details .ticket-bottom {
    margin-top: 16px;
  }
}
.ticket-details .ticket-bottom .progress-wrap {
  padding-left: 32px;
  padding-right: 32px;
}
.ticket-details .ticket-bottom .progress-wrap p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 6px;
}
.ticket-details .ticket-bottom .progress-wrap span {
  color: #202223;
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
}
.ticket-details .ticket-bottom .progress-wrap span span {
  color: #8C9196;
}
.ticket-details .ticket-bottom .progress-wrap .purchase {
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
}
.ticket-details .ticket-bottom .progress-wrap .purchase a {
  color: #18A0FB;
}
.ticket-details .ticket-bottom .mu-btn {
  font-size: 13px;
  padding: 10px 20px;
  margin-top: 16px;
  margin-bottom: 24px;
}
.ticket-details .form-check-input:checked {
  background-color: #18A0FB;
  border-color: #18A0FB;
}

.badge.bg-green {
  background: #53C272;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
}

.progress.style-1 {
  height: 8px;
  border-radius: 4px;
  background: #E4E5E7;
}
.progress.style-1 .progress-bar {
  background: #2C6ECB;
  border-radius: 4px;
}

.agent-wrap {
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.06);
  padding: 24px 32px;
}
.agent-wrap .ticket-userinfo p {
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  font-weight: 600;
}
.agent-wrap .ticket-userinfo span {
  color: #657080;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
}

.create-ticket.edit .create-right {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.create-ticket.edit .create-right h6 {
  margin-bottom: 4px;
}
.create-ticket.edit .create-right .single-ticket {
  border-radius: 8px;
  overflow: hidden;
  margin-top: 24px;
}
.create-ticket.edit .create-right .single-ticket:hover .svg {
  display: flex;
}
.create-ticket.edit .create-right .svg {
  background: #fff;
  padding: 10px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.ticket-table th {
  font-weight: 600;
  font-size: 12px;
  line-height: 17px;
  color: #14253B;
}
.ticket-table td {
  font-weight: 500;
  font-size: 12px;
}
.ticket-table td:nth-child(2) {
  font-size: 14px;
  line-height: 17px;
  color: #14253B;
}
.ticket-table.table > :not(caption) > * > * {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  padding: 22px 0;
}
.ticket-table.table > :not(:last-child) > :last-child > * {
  border-color: rgba(0, 0, 0, 0.04);
  padding: 12px 0;
}
.ticket-table .ticket-status {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #B4BBCA;
  margin-right: 8px;
}
.ticket-table .ticket-status.open {
  background: #35BFEE;
}
.ticket-table .status-open {
  color: #35BFEE;
}
.ticket-table .closed td {
  color: #B4BBCA;
}
.ticket-table .closed .status-open {
  color: #B4BBCA;
}
.ticket-table .fill-star svg path {
  fill: #F5D51C;
  stroke: #F5D51C;
}

.archive-btn {
  font-size: 13px;
  line-height: 24px;
  color: #14253B;
}

.toast-1 {
  background: #CBE5FE;
  color: #1B5291;
  font-size: 12px;
  border-radius: 8px;
}
.toast-1 .btn-close-white {
  filter: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 4L4 12' stroke='%23034486' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 4L12 12' stroke='%23034486' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.ticket-list {
  padding-bottom: 90px;
}
@media (max-width: 991.98px) {
  .ticket-list {
    padding-bottom: 40px;
  }
}

.tabsearch-btn.style-1 button {
  background: transparent;
  border: none;
  outline: none;
  font-size: 13px;
  line-height: 24px;
  height: 52px;
}
.tabsearch-btn.style-1 .expended-search {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 300px;
  height: 0;
  transition: all 0.3s ease;
}
.tabsearch-btn.style-1 .expended-search.inline-table {
  display: contents !important;
  height: 0;
}
.tabsearch-btn.style-1 .expended-search.inline-table .input-icon {
  left: 45px;
}
.tabsearch-btn.style-1 .expended-search.inline-table .remove-text {
  right: 45px;
}
@media (max-width: 991.98px) {
  .tabsearch-btn {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .tickets-mobile {
    font-size: 12px;
    font-weight: 500;
  }
  .tickets-mobile .status-open {
    font-weight: 600;
    font-size: 16px;
  }
  .tickets-mobile .table-contents {
    margin-top: 10px;
    padding-left: 25px;
  }
  .tickets-mobile .table-contents p {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .tickets-mobile .table-contents .table-details {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 10px 8px;
  }
  .tickets-mobile .table-contents .table-details span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #334253;
  }
}
@media (max-width: 991.98px) and (max-width: 575.98px) {
  .tickets-mobile .table-contents .table-details span {
    font-size: 11px;
  }
}
@media (max-width: 991.98px) {
  .tickets-mobile .table-contents .table-details p {
    color: #334253;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) and (max-width: 575.98px) {
  .tickets-mobile .table-contents .table-details p {
    font-size: 12px;
  }
}
@media (max-width: 991.98px) {
  .tickets-mobile ul li {
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.06);
    border-radius: 25px;
    padding: 27px 30px;
  }
}
@media (max-width: 991.98px) {
  .container.mobile-fullwidth {
    max-width: 100%;
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .tickets-mobile-navigation .page-navigation {
    margin-bottom: 80px;
  }
  .tickets-mobile-navigation .archive-btn {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 14px;
  }
  .tickets-mobile-navigation .toast-1 .btn-close-white {
    display: none;
  }
  .tickets-mobile-navigation .toast-1 .toast-body {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.ticket-content .suggestion-title {
  margin-top: 48px;
}

.ticket-comment.community-post-details {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -30px;
}
.ticket-comment .comment-box .comment-details {
  background: transparent;
  border: 1px solid #E4EDF5;
  border-radius: 8px 40px 40px 40px;
}
.ticket-comment .comment-box.has-comment .comment-details {
  background: transparent;
  border: 1px solid #E4EDF5;
  border-radius: 8px 40px 40px 40px;
}
.ticket-comment .comment-box.has-comment .comment-box .comment-details {
  background: #F6F8FA;
  border-radius: 40px 8px 40px 40px;
  border: none;
}
.ticket-comment .comment-box h6 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
@media (max-width: 991.98px) {
  .ticket-comment .comment-box h6 {
    font-size: 14px;
    line-height: 20px;
  }
}

.ticket-popup .svg {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 20px;
  top: 0;
  left: 28%;
  margin: auto;
  width: 40px;
  height: 40px;
  align-content: center;
  justify-content: center;
  display: grid;
  bottom: 0;
}
@media (max-width: 1280px) {
  .ticket-popup .svg {
    left: 20%;
  }
}
@media (max-width: 992.5px) {
  .ticket-popup .svg {
    left: 30%;
  }
}
@media (max-width: 767.5px) {
  .ticket-popup .svg {
    left: 25%;
  }
}
@media (max-width: 570.5px) {
  .ticket-popup .svg {
    left: 15%;
  }
}
@media (max-width: 430.5px) {
  .ticket-popup .svg {
    width: 30px;
    height: 30px;
    left: 5%;
  }
}

.ticket-download .svg {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 20px;
  top: 0;
  right: 28%;
  margin: auto;
  width: 40px;
  height: 40px;
  align-content: center;
  justify-content: center;
  display: grid;
  bottom: 0;
}
@media (max-width: 1280px) {
  .ticket-download .svg {
    right: 20%;
  }
}
@media (max-width: 992.5px) {
  .ticket-download .svg {
    right: 30%;
  }
}
@media (max-width: 767.5px) {
  .ticket-download .svg {
    right: 25%;
  }
}
@media (max-width: 570.5px) {
  .ticket-download .svg {
    right: 15%;
  }
}
@media (max-width: 430.5px) {
  .ticket-download .svg {
    width: 30px;
    height: 30px;
    right: 5%;
  }
}

.ticket-items.style-2 .ticket-popup .svg {
  left: 0;
  right: 0;
}

.ticket-heading p {
  font-size: 13px;
}

.ticket-case-studies {
  background: #F0F5FB;
}
@media (max-width: 767.48px) {
  .ticket-case-studies {
    background: transparent;
    padding: 32px 0px 0px 0px !important;
  }
}
.ticket-case-studies.ticket-case-studies-style2 {
  background: transparent;
}
@media (max-width: 767.48px) {
  .ticket-case-studies.ticket-case-studies-style2 {
    padding: 0px 0px 64px 0px !important;
  }
}

.modal-editlink .modal-content {
  padding: 32px;
  border-radius: 16px;
}
.modal-editlink .modal-header button {
  background: transparent;
  border: none;
}
.modal-editlink .modal-header .modal-title {
  font-size: 16px;
  font-weight: 600;
  color: #14253B;
  font-family: "Poppins";
}
.modal-editlink .form-group {
  margin-top: 12px;
}
.modal-editlink .form-group label {
  font-size: 14px;
  font-weight: 500;
  color: #14253B;
  font-family: "Poppins";
}
.modal-editlink .form-group .form-control {
  border: 1px solid #E4EDF5;
  border-radius: 6px;
  outline: none;
  box-shadow: unset;
  height: 40px;
}
.modal-editlink .form-group .form-select {
  border: 1px solid #E4EDF5;
  border-radius: 6px;
  outline: none;
  box-shadow: unset;
  font-size: 14px;
  height: 40px;
}
.modal-editlink .form-group .form-select option {
  font-size: 14px;
}
.modal-editlink .modal-footer {
  margin-top: 16px;
}
.modal-editlink .modal-footer button {
  height: 40px;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
}

.modal-errorMsg .modal-content {
  padding: 32px;
  border-radius: 16px;
}
.modal-errorMsg .modal-header button {
  background: transparent;
  border: none;
}
.modal-errorMsg .modal-header .modal-title {
  font-size: 16px;
  font-weight: 600;
  color: #14253B;
  font-family: "Poppins";
}
.modal-errorMsg .modal-body p {
  margin: 12px 0px;
  font-size: 14px;
  color: #334253;
}
.modal-errorMsg .modal-footer button {
  height: 40px;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
}

.getting-startedbox {
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 16px;
}

.getting-left {
  background: linear-gradient(90deg, #E2EBF9 0%, #EEF5FF 100%);
  border-radius: 8px;
  padding: 30px 0px 30px 30px;
}
@media (max-width: 767.48px) {
  .getting-left {
    padding: 16px 0px 0px 16px;
  }
}
.getting-left h6 {
  font-weight: 800;
  font-size: 10px;
  line-height: 14px;
  color: #0A2540;
  transform: matrix(0.98, 0, -0.21, 1, 0, 0);
  margin-bottom: 8px;
}
.getting-left p {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #0A2540;
}
.getting-left img {
  margin-top: 100px;
}
.getting-left img.fulldash-img {
  margin-top: 10px;
  width: 100%;
}

.article-next-content {
  margin-top: 68px;
}
@media (max-width: 767.48px) {
  .article-next-content {
    margin-top: 28px;
  }
}

.leftinner-bar-article {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 20px;
  z-index: 2;
}

.getting-singledetails {
  margin-left: 16px;
  margin-top: 24px;
}
@media (max-width: 991.98px) {
  .getting-singledetails {
    margin-left: 0px;
  }
}
.getting-singledetails h5 {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #0A2540;
  margin-bottom: 10px;
}
@media (max-width: 767.48px) {
  .getting-singledetails h5 {
    margin-top: 30px;
  }
}
.getting-singledetails p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #334253;
}
@media (min-width: 767.5px) {
  .getting-singledetails p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}

.articlehelp-gettingstart .title-sm {
  margin-bottom: 40px;
}
.articlehelp-gettingstart .mu-button-arrow {
  margin-top: 30px;
}
@media (max-width: 1300px) {
  .articlehelp-gettingstart .mu-button-arrow {
    margin-top: 30px;
  }
}
@media (max-width: 991.98px) {
  .articlehelp-gettingstart .mu-button-arrow {
    margin-top: 30px;
  }
}

.rightinner-bar {
  height: 100%;
  width: 100%;
}
@media (max-width: 991.98px) {
  .rightinner-bar .tab-title {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .rightinner-bar .right-tablemenu {
    display: none;
  }
}
.rightinner-bar .right-tablemenu .menu-item .menu-link {
  position: relative;
  color: #657080;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 8px 0px 8px 16px;
}
.rightinner-bar .right-tablemenu .menu-item .menu-link.active {
  background-color: #FFFFFF;
  color: #14253B;
  font-weight: 600;
}
.rightinner-bar .right-tablemenu .menu-item .menu-link.active::before {
  content: "";
  position: absolute;
  left: -3px;
  top: 0px;
  background-color: #18A0FB;
  height: 36px;
  width: 3px;
  border-radius: 10px;
}

.helparticle-tab-content .breadcrumb {
  margin-bottom: 40px;
}
.helparticle-tab-content .breadcrumb .breadcrumb-item {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #6D7175;
}
.helparticle-tab-content .breadcrumb .breadcrumb-item a {
  color: #334253;
}
.helparticle-tab-content .title-sm {
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  .helparticle-tab-content .title-sm {
    display: none;
  }
}
.helparticle-tab-content .description {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #0A2540;
}
.helparticle-tab-content h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #0A2540;
  margin-top: 48px;
  margin-bottom: 10px;
}
.helparticle-tab-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  margin-bottom: 10px;
}
.helparticle-tab-content p a {
  color: #098CE3;
  text-decoration: none;
}
.helparticle-tab-content .img-box {
  background: #E4EDF5;
  border-radius: 16px;
  width: 100%;
  height: auto;
  padding: 30px;
}
.helparticle-tab-content .img-box img {
  max-width: 100%;
}
.helparticle-tab-content .margin-relate {
  margin: 48px 0px 48px 0px;
}
.helparticle-tab-content .bottom-next {
  color: #334253;
}
.helparticle-tab-content .client-preview .video-js {
  max-width: 100%;
  min-width: 100%;
  border-radius: 16px;
  overflow: hidden;
  height: 370px;
  background-color: transparent;
}
.helparticle-tab-content .client-preview .video-js .vjs-tech {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767.48px) {
  .helparticle-tab-content .client-preview .video-js {
    height: 210px;
  }
}
.helparticle-tab-content .client-preview .video-js:hover .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  border-color: transparent;
  background: rgba(24, 160, 251, 0.6392156863);
  transition: all 0.4s;
  -webkit-backdrop-filter: blur(3.10402px);
          backdrop-filter: blur(3.10402px);
  visibility: visible;
}
.helparticle-tab-content .client-preview .vjs-poster {
  background-size: cover;
  border-radius: 20px;
  overflow: hidden;
  background-position: center;
}
.helparticle-tab-content .client-preview .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  border-color: transparent;
  background: rgba(24, 160, 251, 0.6392156863);
  visibility: hidden;
  transition: 0s;
  -webkit-backdrop-filter: blur(3.10402px);
          backdrop-filter: blur(3.10402px);
}
.helparticle-tab-content .client-preview .vjs-icon-placeholder:before {
  line-height: 1.7;
}
.helparticle-tab-content .column-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 40px;
}
.helparticle-tab-content .article-feedback {
  margin-top: 40px;
}
.helparticle-tab-content .article-feedback .feedback-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #14253B;
  margin-bottom: 5px;
}
.helparticle-tab-content .article-feedback .textarea-box textarea {
  width: 100%;
  height: 160px;
  background-color: #FFFFFF;
  border: 1px solid #E4EDF5;
  border-radius: 16px;
  box-shadow: none;
  outline: none;
  padding: 16px;
  resize: none;
}
.helparticle-tab-content .article-feedback .textarea-box textarea::-moz-placeholder {
  color: #657080;
  font-weight: 400;
  font-size: 14px;
}
.helparticle-tab-content .article-feedback .textarea-box textarea:-ms-input-placeholder {
  color: #657080;
  font-weight: 400;
  font-size: 14px;
}
.helparticle-tab-content .article-feedback .textarea-box textarea::placeholder {
  color: #657080;
  font-weight: 400;
  font-size: 14px;
}

.suggestion-title {
  color: #334253;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 24px;
  margin-top: 60px;
}

.help-article-right .suggestion-info p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.help-article-right .suggestion-info span {
  align-self: unset;
  margin-top: 10px;
}
.help-article-right .newsuggestion-info p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.help-article-right .newsuggestion-info span {
  display: block;
  color: #334253;
  font-size: 10px;
  line-height: 16px;
  font-weight: 500;
  align-self: end;
  margin-top: 10px;
}

.help-article-rightbox {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  top: 60px;
  z-index: 2;
}
.help-article-rightbox .upcomming-webiner {
  background: linear-gradient(0deg, #626EDD, #626EDD), #13156C;
  color: #FFFFFF;
}
.help-article-rightbox .upcomming-webiner .webiner-details {
  background: rgba(24, 160, 251, 0.8);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  color: #FFFFFF;
}
@media (max-width: 1199.98px) {
  .help-article-rightbox .upcomming-webiner .webiner-details {
    padding: 15px;
  }
}
@media (max-width: 991.98px) {
  .help-article-rightbox .upcomming-webiner .webiner-details {
    padding: 16px 32px 20px;
  }
}
.help-article-rightbox .upcomming-webiner h5 {
  color: #FFFFFF;
}
.help-article-rightbox .upcomming-webiner p {
  color: #FFFFFF;
}
.help-article-rightbox .upcomming-webiner .mu-btn img {
  margin-top: 0px;
}

.article-leftinner-bar {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 20px;
  z-index: 2;
}
@media (max-width: 991.98px) {
  .article-leftinner-bar {
    display: none;
  }
}

.table-content {
  padding-top: 0 !important;
}
@media (max-width: 767.48px) {
  .table-content {
    display: none;
  }
}
.table-content .menu-item {
  margin-bottom: 10px;
}
.table-content .menu-item.active {
  background: #FFFFFF;
  box-shadow: -2px 0px 0px #098CE3;
  border-radius: 0px 8px 8px 0px;
  padding: 10px 16px;
}
.table-content .menu-item.active .menu-link {
  color: #14253B;
}
.table-content .menu-item .menu-link {
  color: #657080;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.table-content .menu-item .menu-link.active {
  color: #14253B;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
.table-content .menu-item .menu-link.active::before {
  content: "";
  position: absolute;
  left: -15px;
  top: -10px;
  background-color: #18A0FB;
  height: 36px;
  width: 3px;
  border-radius: 10px;
}
.table-content .sub-tablemenu {
  margin-top: 10px;
  margin-left: 10px;
}

.mobile-table-content {
  display: none;
}
@media (max-width: 991.98px) {
  .mobile-table-content {
    display: block;
  }
}
.mobile-table-content .right-tablemenu .menu-item .menu-link {
  position: relative;
  color: #657080;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 8px 0px 8px 16px;
}
.mobile-table-content .right-tablemenu .menu-item .menu-link.active {
  background-color: #FFFFFF;
  color: #14253B;
  font-weight: 600;
}
.mobile-table-content .right-tablemenu .menu-item .menu-link.active::before {
  content: "";
  position: absolute;
  left: -3px;
  top: 0px;
  background-color: #18A0FB;
  height: 36px;
  width: 3px;
  border-radius: 10px;
}

.article-mobile-title {
  display: none;
}
@media (max-width: 991.98px) {
  .article-mobile-title {
    display: block;
  }
}

.articlemobile-tab-title {
  display: none;
}
@media (max-width: 991.98px) {
  .articlemobile-tab-title {
    display: block;
  }
}

.helparticle-tab-content {
  overflow: unset;
}
@media (max-width: 767.48px) {
  .helparticle-tab-content {
    overflow: hidden;
  }
}
.helparticle-tab-content .innertop-pane {
  background: #FAFDFF;
  width: 100%;
  height: auto;
  padding: 56px 0px 80px 0px;
}
.helparticle-tab-content .help-article-start .title-sm {
  margin-bottom: 40px;
  line-height: 42px;
}
@media (max-width: 991.98px) {
  .helparticle-tab-content .help-article-start .title-sm {
    display: block;
  }
}

.artcle-inside-form {
  background-color: #FFFFFF;
  padding: 40px 20px;
  border-radius: 8px;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06);
}
@media (max-width: 991.98px) {
  .artcle-inside-form {
    margin-top: 40px;
  }
}
.artcle-inside-form h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #14253B;
  margin-bottom: 8px;
}
.artcle-inside-form p {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
}
.artcle-inside-form form label {
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 5px;
}
.artcle-inside-form form .form-group {
  margin-top: 12px;
}
.artcle-inside-form form .form-group .form-check-input:checked {
  background-color: #18A0FB;
  border-color: #18A0FB;
}
.artcle-inside-form form .form-control {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #212529;
  font-weight: 400;
  font-size: 13px;
  box-shadow: unset;
}
.artcle-inside-form form .form-control:focus {
  border-color: #86b7fe;
  outline: 0 none;
}
.artcle-inside-form form .form-control::-moz-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.artcle-inside-form form .form-control:-ms-input-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.artcle-inside-form form .form-control::placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.artcle-inside-form form .innerform-group .bootstrap-select {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 60px !important;
  height: 45px;
}
.artcle-inside-form form .innerform-group .dropdown-toggle {
  background-color: #FFFFFF;
  outline: unset !important;
  border: none;
  box-shadow: unset !important;
  width: auto;
  height: 100%;
  margin: 0px 0px 0px 1px;
  padding: 0px 0px 0px 15px;
}
.artcle-inside-form form .innerform-group .dropdown-toggle .filter-option {
  width: 24px;
  height: auto;
  margin: 0;
  padding: 0;
}
.artcle-inside-form form .innerform-group .dropdown-item.active, .artcle-inside-form form .innerform-group .dropdown-item:active {
  background-color: #e9ecef;
}
.artcle-inside-form form .innerform-group .dropdown-toggle::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 6L8 10L12 6' stroke='%23374151' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-size: 18px;
  width: 20px;
  height: 20px;
  background-position-x: 100%;
  background-position-y: 2px;
  border: none;
  background-repeat: no-repeat;
}
.artcle-inside-form form .innerform-group .dropdown-toggle img {
  width: 20px;
}
.artcle-inside-form form .innerform-group .con-control {
  padding-left: 75px;
  -moz-appearance: textfield;
}
.artcle-inside-form form .innerform-group .con-control::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.artcle-inside-form form .innerform-group .con-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.artcle-inside-form form .form-check-label {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #7B8794;
}
.artcle-inside-form form .form-check-label a {
  color: #18A0FB;
}
.artcle-inside-form form .website-will {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #7B8794;
}
.artcle-inside-form form .website-will a {
  color: #0A2540;
  font-weight: 500;
}
.artcle-inside-form form .bottom-collapse {
  display: none;
}

.inner-table-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  color: #14253B;
  margin-bottom: 16px;
  margin-top: 38px;
}

.inner-table-content ol {
  list-style: auto;
  padding-left: 20px;
}
.inner-table-content ol li {
  margin-bottom: 8px;
}
.inner-table-content ol li:last-child {
  margin-bottom: 0px;
}
.inner-table-content ol li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}

.about-herobanner {
  padding-top: 80px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
@media (max-width: 1199.98px) {
  .about-herobanner {
    padding-top: 48px;
  }
}
.about-herobanner .top-rowline .full-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  .about-herobanner .top-rowline .full-top {
    display: inline-block;
  }
}
.about-herobanner .top-rowline .full-top .first-one {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 991.98px) {
  .about-herobanner .top-rowline .full-top .first-one {
    width: 100%;
  }
}
.about-herobanner .top-rowline .full-top .first-one .img-box-1 {
  margin-right: 24px;
  position: relative;
}
.about-herobanner .top-rowline .full-top .first-one .img-box-1 .mobile-span {
  position: absolute;
  left: 50%;
  top: -15%;
  width: 100%;
  transform: translateX(-50%);
}
@media (max-width: 575.98px) {
  .about-herobanner .top-rowline .full-top .first-one .img-box-1 .mobile-span {
    top: -25%;
  }
}
.about-herobanner .top-rowline .full-top .first-one .img-box-1 .mobile-span span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #14253B;
}
@media (max-width: 575.98px) {
  .about-herobanner .top-rowline .full-top .first-one .img-box-1 .mobile-span span {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  .about-herobanner .top-rowline .full-top .first-one .img-box-1 .mobile-span {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .about-herobanner .top-rowline .full-top .first-one .img-box-1 {
    width: 40%;
  }
  .about-herobanner .top-rowline .full-top .first-one .img-box-1 img {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .about-herobanner .top-rowline .full-top .first-one .img-box-2 {
    width: 59%;
  }
  .about-herobanner .top-rowline .full-top .first-one .img-box-2 img {
    width: 100%;
  }
}
.about-herobanner .top-rowline .full-top .second-one {
  width: calc(100% - 508px);
}
@media (max-width: 1199.98px) {
  .about-herobanner .top-rowline .full-top .second-one {
    width: calc(100% - 500px);
  }
}
@media (max-width: 991.98px) {
  .about-herobanner .top-rowline .full-top .second-one {
    width: 100%;
    margin-top: 32px;
  }
}
.about-herobanner .top-rowline .full-top .second-one span {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #233549;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
}
@media (max-width: 991.98px) {
  .about-herobanner .top-rowline .full-top .second-one span {
    display: none;
  }
}
.about-herobanner .top-rowline .full-top .second-one h1 {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
  margin-bottom: 16px;
}
@media (max-width: 1199.98px) {
  .about-herobanner .top-rowline .full-top .second-one h1 {
    font-size: 32px;
    line-height: 38px;
  }
}
.about-herobanner .top-rowline .full-top .second-one p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #334253;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
}
@media (max-width: 991.98px) {
  .about-herobanner .top-rowline .full-top .second-one p {
    font-size: 16px;
    line-height: 24px;
  }
}
.about-herobanner .top-rowline .full-bottom {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
@media (max-width: 991.98px) {
  .about-herobanner .top-rowline .full-bottom {
    display: block;
    margin-top: 16px;
  }
}
.about-herobanner .top-rowline .full-bottom .img-box-3 {
  margin-left: 48px;
}
@media (max-width: 991.98px) {
  .about-herobanner .top-rowline .full-bottom .img-box-3 {
    width: 100%;
    margin-left: 0px;
  }
  .about-herobanner .top-rowline .full-bottom .img-box-3 img {
    width: 100%;
  }
}
.about-herobanner .top-rowline .full-bottom .img-box-4 {
  margin-left: 24px;
}
@media (max-width: 991.98px) {
  .about-herobanner .top-rowline .full-bottom .img-box-4 {
    width: 100%;
    margin-left: 0px;
    margin-top: 16px;
  }
  .about-herobanner .top-rowline .full-bottom .img-box-4 img {
    width: 100%;
  }
}

.afterbanner-block {
  margin-top: 64px;
}
@media (max-width: 767.48px) {
  .afterbanner-block {
    margin-top: 40px;
  }
}
.afterbanner-block h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  margin-bottom: 16px;
  font-family: "Poppins";
}
@media (max-width: 767.48px) {
  .afterbanner-block h3 {
    font-size: 20px;
    line-height: 28px;
  }
}
.afterbanner-block p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  font-family: "Poppins";
}
.afterbanner-block p.small {
  font-size: 14px;
  color: #334253;
  line-height: 24px;
}
@media (max-width: 767.48px) {
  .afterbanner-block p {
    font-size: 14px;
    line-height: 20px;
  }
}
.afterbanner-block h4 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  margin-bottom: 10px;
}
.afterbanner-block .all-star {
  margin: 80px 0px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media (max-width: 767.48px) {
  .afterbanner-block .all-star .inner-star {
    margin: 0px 20px;
  }
}
@media (max-width: 575.98px) {
  .afterbanner-block .all-star .inner-star {
    margin: 0px 30px;
  }
}
.afterbanner-block .all-star span {
  margin-right: 10px;
}
.afterbanner-block .all-star span:last-child {
  margin-right: 0;
}
.afterbanner-block .all-star .style-border {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.08);
  width: 100%;
}
.afterbanner-block .about-client-lists .single-client {
  margin: 0 10px;
}
.afterbanner-block .about-client-lists .single-client img {
  filter: unset;
}
.afterbanner-block a {
  margin-top: 30px;
}
@media (max-width: 767.48px) {
  .afterbanner-block a {
    text-align: center;
  }
}

.about-value-block {
  background: linear-gradient(0deg, #F4F2FC, #F4F2FC), #E9E6F6;
  padding: 104px 0px 104px 0px;
  margin-top: 104px;
}
@media (max-width: 767.48px) {
  .about-value-block {
    background: #FFFFFF;
    margin-top: 0px;
    padding: 80px 0px;
  }
}
.about-value-block h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  margin-bottom: 40px;
}
@media (max-width: 767.48px) {
  .about-value-block h2 {
    font-size: 24px;
    line-height: 34px;
  }
}
.about-value-block .inner-value {
  border: 1px solid rgba(180, 187, 202, 0.4);
  border-radius: 16px;
}
@media (max-width: 767.48px) {
  .about-value-block .inner-value {
    border: none;
  }
}
@media (max-width: 767.48px) {
  .about-value-block .inner-value {
    border: none;
  }
}
.about-value-block .inner-value .row.first {
  border-bottom: 1px solid rgba(180, 187, 202, 0.4);
}
@media (max-width: 767.48px) {
  .about-value-block .inner-value .row.first {
    border: none;
  }
}
.about-value-block .inner-value .row.first .custom-border:nth-child(1) {
  border-right: 1px solid rgba(180, 187, 202, 0.4);
}
@media (max-width: 767.48px) {
  .about-value-block .inner-value .row.first .custom-border:nth-child(1) {
    border: none;
  }
}
.about-value-block .inner-value .row.first .custom-border:nth-child(2) {
  border-right: 1px solid rgba(180, 187, 202, 0.4);
}
@media (max-width: 767.48px) {
  .about-value-block .inner-value .row.first .custom-border:nth-child(2) {
    border: none;
  }
}
.about-value-block .inner-value .row.first .custom-border:nth-child(3) {
  border-right: 1px solid rgba(180, 187, 202, 0.4);
}
@media (max-width: 767.48px) {
  .about-value-block .inner-value .row.first .custom-border:nth-child(3) {
    border: none;
  }
}
.about-value-block .inner-value .row.second {
  border-bottom: 1px solid rgba(180, 187, 202, 0.4);
}
@media (max-width: 767.48px) {
  .about-value-block .inner-value .row.second {
    border: none;
  }
}
.about-value-block .inner-value .row.second .custom-border:nth-child(1) {
  border-right: 1px solid rgba(180, 187, 202, 0.4);
}
@media (max-width: 767.48px) {
  .about-value-block .inner-value .row.second .custom-border:nth-child(1) {
    border: none;
  }
}
.about-value-block .inner-value .row.second .custom-border:nth-child(2) {
  border-right: 1px solid rgba(180, 187, 202, 0.4);
}
@media (max-width: 767.48px) {
  .about-value-block .inner-value .row.second .custom-border:nth-child(2) {
    border: none;
  }
}
.about-value-block .inner-value .row.third {
  border-bottom: none;
}
.about-value-block .inner-value .single-value {
  padding: 30px;
  width: 100%;
  height: 100%;
}
@media (max-width: 991.98px) {
  .about-value-block .inner-value .single-value {
    padding: 20px;
  }
}
@media (max-width: 767.48px) {
  .about-value-block .inner-value .single-value {
    padding: 30px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.about-value-block .inner-value .single-value:hover {
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  cursor: pointer;
}
.about-value-block .inner-value .single-value:hover .video-js {
  filter: unset;
}
.about-value-block .inner-value .single-value.hover-custom-1:hover {
  border-radius: 16px 0px 0px 0px;
}
.about-value-block .inner-value .single-value.hover-custom-2:hover {
  border-radius: 0px 16px 0px 0px;
}
.about-value-block .inner-value .single-value.hover-custom-3:hover {
  border-radius: 0px 0px 0px 16px;
}
.about-value-block .inner-value .single-value.hover-custom-4:hover {
  border-radius: 0px 16px 16px 0px;
}
.about-value-block .inner-value .single-value .svg {
  margin-bottom: 16px;
}
@media (max-width: 767.48px) {
  .about-value-block .inner-value .single-value .svg {
    margin-right: 24px;
  }
}
.about-value-block .inner-value .single-value h4 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #14253B;
  margin-bottom: 10px;
}
.about-value-block .inner-value .single-value p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
  overflow-wrap: break-word;
}
.about-value-block .client-preview {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-value-block .client-preview .video-js {
  max-width: 100%;
  min-width: 100%;
  border-radius: 16px;
  overflow: hidden;
  height: 300px;
  background-color: transparent;
  filter: drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.07)) drop-shadow(0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275)) drop-shadow(0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725)) drop-shadow(0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802));
}
@media (max-width: 767.48px) {
  .about-value-block .client-preview .video-js {
    height: 210px;
  }
}
.about-value-block .client-preview .video-js:hover .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  border-color: rgba(24, 160, 251, 0.6392156863);
  background: rgba(24, 160, 251, 0.6392156863);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.about-value-block .client-preview .video-js .vjs-tech {
  -o-object-fit: cover;
     object-fit: cover;
}
.about-value-block .client-preview .vjs-poster {
  background-size: cover;
  border-radius: 16px;
  overflow: hidden;
  background-position: center;
}
.about-value-block .client-preview .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  border-color: rgba(24, 160, 251, 0.6392156863);
  background: rgba(24, 160, 251, 0.6392156863);
}
.about-value-block .client-preview .vjs-icon-placeholder:before {
  line-height: 1.7;
}

.prioritybox-area {
  margin: 100px 0px 0px 0px;
}
@media (max-width: 767.48px) {
  .prioritybox-area {
    margin: 0;
  }
}
.prioritybox-area .prioritytext-box .line-background {
  width: 60px;
  height: 4px;
  background: #18A0FB;
  margin-bottom: 40px;
}
.prioritybox-area .prioritytext-box p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  margin-bottom: 24px;
}
@media (max-width: 767.48px) {
  .prioritybox-area .prioritytext-box p {
    font-size: 16px;
    line-height: 24px;
  }
}
.prioritybox-area .prioritytext-box h3 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
}
@media (max-width: 767.48px) {
  .prioritybox-area .prioritytext-box h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
.prioritybox-area .priority-slider {
  margin-top: 64px;
}
.prioritybox-area .priority-slider .single-priority-box {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.prioritybox-area .priority-slider .single-priority-box img {
  width: 100%;
  border-radius: 8px;
}
.prioritybox-area .priority-slider .single-priority-box .svg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.24);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  opacity: 0;
  transition: all 0.3s ease;
}
.prioritybox-area .priority-slider .single-priority-box:hover .svg {
  opacity: 1;
}
.prioritybox-area .priority-slider .slick-slider {
  margin: 0 -15px;
}
.prioritybox-area .priority-slider .slick-slide {
  margin: 5px;
  text-align: center;
}
@media (max-width: 1399.98px) {
  .prioritybox-area .priority-slider .slick-slide {
    margin-right: 12px;
    margin-left: 12px;
  }
}
@media (max-width: 767.48px) {
  .prioritybox-area .priority-slider .slick-slide {
    margin-left: 0;
    padding: 0;
    margin-right: 10px;
  }
}
.prioritybox-area .slick-dots {
  display: flex;
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.prioritybox-area .slick-dots li {
  display: flex;
  align-items: center;
}
.prioritybox-area .slick-dots button {
  font-size: 0;
  height: 8px;
  width: 8px;
  background: #DDE0E6;
  border: none;
  border-radius: 50%;
  margin: 0 6px;
}
.prioritybox-area .slick-dots .slick-active button {
  background: #18A0FB;
  width: 32px;
  border-radius: 40px;
}

.about-join {
  margin: 100px 0px;
}
.about-join .join-bg {
  background: rgba(9, 140, 227, 0.08);
  padding: 48px;
  border-radius: 16px;
}
@media (max-width: 767.48px) {
  .about-join .join-bg {
    padding: 32px;
  }
}
.about-join h5 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
}
.about-join p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
}

.about-team {
  position: relative;
  margin: 135px 0px 80px 0px;
}
@media (max-width: 767.48px) {
  .about-team {
    margin: 80px 0px 80px 0px;
  }
}
.about-team .head-text {
  margin-bottom: 64px;
}
@media (max-width: 767.48px) {
  .about-team .head-text {
    margin-bottom: 32px;
  }
}
.about-team .head-text h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  margin-bottom: 8px;
}
@media (max-width: 767.48px) {
  .about-team .head-text h2 {
    font-size: 32px;
    line-height: 38px;
  }
}
.about-team .head-text p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
}
.about-team .inner-team {
  border-radius: 16px;
  border: 1px solid rgba(180, 187, 202, 0.4);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 767.48px) {
  .about-team .inner-team .mobile-col {
    flex: unset;
    width: 50%;
  }
}
.about-team .single-member {
  padding: 40px 24px 64px 24px;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}
@media (max-width: 991.98px) {
  .about-team .single-member {
    padding: 40px 24px 64px 24px;
  }
}
@media (max-width: 575.98px) {
  .about-team .single-member {
    padding: 24px;
  }
}
.about-team .single-member .img-box {
  position: relative;
  border: 1px solid transparent;
  border-radius: 50%;
  padding: 5px;
  display: inline-block;
}
.about-team .single-member .img-box::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 14px;
  background: #18A0FB;
  border-radius: 50px;
  height: 8px;
  width: 8px;
  opacity: 0;
}
.about-team .single-member:hover {
  background: rgba(24, 160, 251, 0.04);
  cursor: pointer;
}
.about-team .single-member:hover .img-box {
  position: relative;
  border: 1px solid rgba(180, 187, 202, 0.4);
  border-radius: 50%;
  padding: 5px;
  display: inline-block;
  opacity: 1;
}
.about-team .single-member:hover .img-box::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 14px;
  background: #18A0FB;
  border-radius: 50px;
  height: 8px;
  width: 8px;
  opacity: 1;
}
.about-team .single-member .social-connect {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10%;
}
@media (max-width: 767.48px) {
  .about-team .single-member .social-connect {
    position: relative;
    margin-top: 50px;
  }
}
.about-team .single-member h6 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #14253B;
  margin-top: 14px;
}
.about-team .single-member p {
  font-family: "Inter";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #363940;
}
.about-team .single-member h5 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #14253B;
  margin-bottom: 25px;
}
.about-team .custom-rightborder {
  border-right: 1px solid rgba(180, 187, 202, 0.4);
  border-bottom: 1px solid rgba(180, 187, 202, 0.4);
}
.about-team .right-bordernone {
  border-right: none;
}
@media (max-width: 767.48px) {
  .about-team .right-bordernone {
    border-right: 1px solid rgba(180, 187, 202, 0.4);
  }
}
.about-team .bottom-bordernone {
  border-bottom: none;
}
@media (max-width: 767.48px) {
  .about-team .bottom-bordernone {
    border-bottom: 1px solid rgba(180, 187, 202, 0.4);
  }
}
.about-team .leadertext-box {
  padding: 30px 60px 60px 30px;
  width: 100%;
  height: 100%;
}
.about-team .leadertext-box .svg {
  margin-top: 125px;
}

.aboutellipse-bg {
  position: absolute;
}
@media (max-width: 1199.98px) {
  .aboutellipse-bg {
    display: none;
  }
}
@media (min-width: 1200px) {
  .aboutellipse-bg {
    top: 1%;
    max-width: 300px;
  }
}
@media (min-width: 1400px) {
  .aboutellipse-bg {
    top: -10%;
    max-width: 450px;
    left: 2%;
  }
}
@media (min-width: 1600px) {
  .aboutellipse-bg {
    top: -13%;
    min-width: 500px;
    left: 3%;
  }
  .aboutellipse-bg img {
    width: 100%;
  }
}

.muvifoundation-area {
  margin: 100px 0px;
  position: relative;
}
.muvifoundation-area .foundation-ellipse-bg {
  position: absolute;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .muvifoundation-area .foundation-ellipse-bg {
    display: none;
  }
}
@media (min-width: 1200px) {
  .muvifoundation-area .foundation-ellipse-bg {
    top: 1%;
    max-width: 300px;
  }
}
@media (min-width: 1400px) {
  .muvifoundation-area .foundation-ellipse-bg {
    top: 0%;
    max-width: 350px;
    left: 0%;
  }
}
@media (min-width: 1600px) {
  .muvifoundation-area .foundation-ellipse-bg {
    top: -13%;
    min-width: 500px;
    left: 3%;
  }
  .muvifoundation-area .foundation-ellipse-bg img {
    width: 100%;
  }
}
@media (max-width: 767.48px) {
  .muvifoundation-area .row {
    flex-flow: column-reverse !important;
  }
}
.muvifoundation-area span {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  margin-bottom: 5px;
}
@media (max-width: 991.98px) {
  .muvifoundation-area span {
    margin-bottom: 16px;
  }
}
.muvifoundation-area h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  margin-bottom: 10px;
}
@media (max-width: 991.98px) {
  .muvifoundation-area h2 {
    font-size: 24px !important;
    line-height: 30px;
  }
}
.muvifoundation-area p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
}
@media (max-width: 991.98px) {
  .muvifoundation-area .banner-preview {
    margin-bottom: 30px;
  }
}
.muvifoundation-area .banner-preview img {
  filter: drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.07)) drop-shadow(0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275)) drop-shadow(0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725)) drop-shadow(0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802));
  border-radius: 8px 8px 200px 200px;
}
@media (max-width: 991.98px) {
  .muvifoundation-area .banner-preview img {
    border-radius: 8px;
  }
}

.about-details-herobanner {
  background: #E0F2FF;
  width: 100%;
  height: 320px;
  position: relative;
}
@media (max-width: 767.48px) {
  .about-details-herobanner {
    height: 150px;
  }
}
.about-details-herobanner h1 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .about-details-herobanner h1 {
    font-size: 24px;
    line-height: 30px;
  }
}
.about-details-herobanner p {
  font-weight: 500;
  font-size: 16px;
  line-height: 42px;
  color: #334253;
}
@media (max-width: 767.48px) {
  .about-details-herobanner p {
    font-size: 14px;
    line-height: 20px;
  }
}
.about-details-herobanner .left-plant {
  position: absolute;
  left: 10%;
}
@media (max-width: 991.98px) {
  .about-details-herobanner .left-plant {
    display: none;
  }
}
.about-details-herobanner .bottom-plant {
  position: absolute;
  bottom: 0;
  right: 10%;
}
@media (max-width: 991.98px) {
  .about-details-herobanner .bottom-plant {
    display: none;
  }
}

@media (max-width: 767.48px) {
  .about-nav {
    background: #E0F2FF !important;
  }
}

.details-center-content {
  padding: 48px 0px;
}
.details-center-content .only-text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .details-center-content .only-text p {
    text-align: center;
    margin-bottom: 15px;
  }
}
.details-center-content .single-awards {
  margin-top: 30px;
}
.details-center-content .single-awards .inner-single {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  padding: 24px 0px;
}
@media (max-width: 767.48px) {
  .details-center-content .single-awards .inner-single {
    text-align: center;
    border: none;
  }
}
.details-center-content .single-awards .inner-single h4 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #0A2540;
}
.details-center-content .single-awards .inner-single p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #334253;
}

.resource-hero {
  padding: 88px 0px;
  background: #F0F5FB;
}
@media (max-width: 767.48px) {
  .resource-hero {
    padding: 64px 0px;
  }
}
.resource-hero .custom-shadow-row {
  filter: drop-shadow(0px 9px 33px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161)) drop-shadow(0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235));
}
.resource-hero h1 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 48px;
  line-height: 58px;
  color: #14253B;
  margin-bottom: 30px;
}
@media (max-width: 767.48px) {
  .resource-hero h1 {
    text-align: center;
    font-size: 40px;
    line-height: 48px;
  }
}
.resource-hero .single-resource {
  background-color: #FFFFFF;
  padding: 32px;
  border-radius: 16px;
  display: block;
  text-decoration: none;
  width: 100%;
}
.resource-hero .single-resource:hover {
  width: 100%;
  box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
}
.resource-hero h6 {
  font-weight: 600;
  font-size: 15px;
  line-height: 21px;
  color: #14253B;
  font-family: "Inter";
}
.resource-hero p {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #657080;
}

.resource-latest-blog {
  padding: 104px 0px;
}
@media (max-width: 767.48px) {
  .resource-latest-blog {
    padding: 64px 0px;
  }
}
.resource-latest-blog h3 {
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .resource-latest-blog h3 {
    font-size: 32px;
  }
}
.resource-latest-blog .single-blog {
  overflow: hidden;
  background: transparent;
}
@media (max-width: 767.48px) {
  .resource-latest-blog .single-blog {
    margin-bottom: 30px;
  }
}
.resource-latest-blog .single-blog img {
  border-radius: 8px;
  width: 100%;
}
.resource-latest-blog .single-blog span {
  display: block;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #657080;
  margin-top: 16px;
  margin-bottom: 5px;
}
.resource-latest-blog .single-blog p {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #0A2540;
}
.resource-latest-blog .single-blog p:hover {
  color: #18A0FB;
}

.resource-inner-webinars .inner-weibinner {
  margin-bottom: -120px;
}
.resource-inner-webinars .mu-btn {
  font-family: "Poppins";
}

.resource-post-webinars {
  background-image: url(https://www.muvi.com/wp-content/themes/muvi-child/assets/images/resource/image.jpg);
  height: auto;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 200px 0px 100px 0px;
}
.resource-post-webinars .title-sm {
  color: #FFFFFF;
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .resource-post-webinars .title-sm {
    font-size: 32px;
  }
}
.resource-post-webinars .mu-button-arrow {
  color: #FFFFFF;
}
.resource-post-webinars .mu-button-arrow:hover svg {
  transform: translateX(5px);
}
.resource-post-webinars .single-post-webinner {
  background: #E9F1FD;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  height: 212px;
  padding: 0px 0px 24px 32px;
}
@media (max-width: 767.48px) {
  .resource-post-webinars .single-post-webinner {
    margin-bottom: 16px;
  }
}
.resource-post-webinars .single-post-webinner .left-inner-text {
  padding: 24px 15px 24px 0px;
  position: relative;
  height: 100%;
  width: 100%;
}
.resource-post-webinars .single-post-webinner .left-inner-text .svg {
  margin-bottom: 20px;
}
.resource-post-webinars .single-post-webinner .left-inner-text h5 {
  font-weight: 600;
  font-size: 17px;
  line-height: 23px;
  color: #14253B;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-family: "Inter";
}
.resource-post-webinars .single-post-webinner .bottom-text p {
  color: #14253B;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.resource-post-webinars .single-post-webinner .bottom-text span {
  color: #334253;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  display: block;
}
.resource-post-webinars .single-post-webinner.color-dip {
  background: linear-gradient(0deg, #1253C0, #1253C0), linear-gradient(0deg, #182176, #182176), #E9F1FD;
}
.resource-post-webinars .single-post-webinner.color-dip .left-inner-text h5 {
  color: #FFFFFF;
}
.resource-post-webinars .single-post-webinner.color-dip .bottom-text p {
  color: #FFFFFF;
}
.resource-post-webinars .single-post-webinner.color-dip .bottom-text span {
  color: rgba(255, 255, 255, 0.8);
}

.resource-upcoming-events {
  padding: 100px 0px;
}
.resource-upcoming-events .title-sm {
  margin-bottom: 24px;
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .resource-upcoming-events .title-sm {
    font-size: 32px;
  }
}
.resource-upcoming-events .single-events {
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 24px 24px 24px 32px;
  border-radius: 16px;
  display: block;
}
.resource-upcoming-events .single-events:hover {
  width: 100%;
  box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
}
@media (max-width: 767.48px) {
  .resource-upcoming-events .single-events {
    margin-bottom: 24px;
  }
}
.resource-upcoming-events .single-events .single-row {
  display: flex;
}
@media (max-width: 767.48px) {
  .resource-upcoming-events .single-events .single-row {
    flex-direction: column-reverse;
  }
}
.resource-upcoming-events .single-events .pre-event-right {
  width: 128px;
  height: auto;
  margin-left: 40px;
}
@media (max-width: 991.98px) {
  .resource-upcoming-events .single-events .pre-event-right {
    margin-left: 20px;
  }
}
@media (max-width: 767.48px) {
  .resource-upcoming-events .single-events .pre-event-right {
    margin-left: 0px;
    width: 100%;
  }
}
.resource-upcoming-events .single-events .event-left h5 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #14253B;
  margin-bottom: 8px;
}
.resource-upcoming-events .single-events .event-left p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.resource-upcoming-events .single-events .event-left .country-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-top: 20px;
}
.resource-upcoming-events .single-events .event-right {
  width: 100%;
  height: auto;
}
@media (max-width: 767.48px) {
  .resource-upcoming-events .single-events .event-right {
    margin-bottom: 24px;
  }
}
.resource-upcoming-events .single-events .event-right .inner-right {
  width: 100%;
  height: auto;
  background: #DFF7E5;
  border-radius: 8px;
  padding: 30px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991.98px) {
  .resource-upcoming-events .single-events .event-right .inner-right {
    padding: 30px 20px;
  }
}
@media (max-width: 767.48px) {
  .resource-upcoming-events .single-events .event-right .inner-right {
    border-radius: 8px 8px 0px 0px;
  }
}
.resource-upcoming-events .single-events .event-right .inner-right .svg {
  position: absolute;
  right: 6px;
  top: 6px;
}
.resource-upcoming-events .single-events .event-right .inner-right h4 {
  text-align: center;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
}
.resource-upcoming-events .single-events .event-right p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 767.48px) {
  .resource-upcoming-events .single-events .event-right p {
    margin: 0;
    background: #CBEAD2;
    padding: 5px 0px;
    border-radius: 0px 0px 8px 8px;
  }
}

.resource-case-studies {
  padding: 0px 0px 100px 0px;
}
.resource-case-studies .title-sm {
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .resource-case-studies .title-sm {
    font-size: 32px;
  }
}
.resource-case-studies .single-case {
  width: 100%;
  height: auto;
}
@media (max-width: 767.48px) {
  .resource-case-studies .single-case {
    margin-bottom: 32px;
  }
}
.resource-case-studies .single-case a {
  text-decoration: none;
}
.resource-case-studies .single-case a p {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #0A2540;
  margin-top: 16px;
  margin-bottom: 8px;
}
.resource-case-studies .single-case a p:hover {
  color: #18A0FB;
}
@media (max-width: 767.48px) {
  .resource-case-studies .single-case a p {
    font-size: 16px;
    line-height: 24px;
  }
}
.resource-case-studies .single-case a span {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #334253;
}
@media (max-width: 767.48px) {
  .resource-case-studies .single-case a span {
    font-size: 13px;
    line-height: 19px;
  }
}

.blog-resource-hero .single-slider {
  height: 445px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 68px 164px 0px 164px;
}
.blog-resource-hero .single-slider:nth-child(1) {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/resource/blog-hero.jpg");
}
.blog-resource-hero .single-slider:nth-child(2) {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/resource/blog-hero-2.jpg");
}
.blog-resource-hero .single-slider:nth-child(3) {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/resource/blog-hero-3.jpg");
}
.blog-resource-hero .single-slider::after {
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 991.98px) {
  .blog-resource-hero .single-slider {
    padding: 40px 64px 0px 64px;
  }
}
@media (max-width: 767.48px) {
  .blog-resource-hero .single-slider {
    height: 300px;
    padding: 32px 0px 0px 32px;
  }
}
.blog-resource-hero .single-slider h1 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
  color: #FFFFFF;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  position: relative;
  z-index: 9;
}
@media (max-width: 767.48px) {
  .blog-resource-hero .single-slider h1 {
    font-size: 20px;
    line-height: 30px;
  }
}
.blog-resource-hero .single-slider p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #A7BAE0;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  position: relative;
  z-index: 9;
}
@media (max-width: 767.48px) {
  .blog-resource-hero .single-slider p {
    font-size: 10px;
    line-height: 20px;
  }
}
.blog-resource-hero .single-slider .read-more {
  width: 124px;
  height: 44px;
  background: #18A0FB;
  border-radius: 104px;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 9;
}
.blog-resource-hero .single-slider .read-more:hover {
  background: #098CE3;
}
.blog-resource-hero .slider-controls {
  position: absolute;
  left: 0px;
  top: 350px;
  width: 100%;
  padding: 0px 164px 0px 164px;
}
@media (max-width: 991.98px) {
  .blog-resource-hero .slider-controls {
    padding: 0px 64px 0px 64px;
  }
}
@media (max-width: 767.48px) {
  .blog-resource-hero .slider-controls {
    padding: 0px 32px 0px 32px;
    top: 250px;
  }
}
.blog-resource-hero .slider-controls .inner-control {
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.blog-resource-hero .slider-controls .slick-dots {
  display: flex;
  margin-top: 4px;
  margin: 0;
}
.blog-resource-hero .slider-controls .slick-dots li {
  display: flex;
  align-items: center;
}
.blog-resource-hero .slider-controls .slick-dots button {
  font-size: 0;
  height: 8px;
  width: 8px;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  border-radius: 50%;
  margin: 0 4px;
}
.blog-resource-hero .slider-controls .slick-dots .slick-active button {
  background: #FFFFFF;
}
.blog-resource-hero .slider-controls .inner-dots {
  display: flex;
  align-items: center;
}
.blog-resource-hero .slider-controls .inner-dots button {
  background: #FFFFFF;
  border: none;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.blog-resource-hero .slider-controls .inner-dots button.slick-disabled {
  opacity: 0.16;
}

.resource-blog-post {
  background: #FAFDFF;
  padding: 50px 0px;
}
@media (max-width: 767.48px) {
  .resource-blog-post {
    padding: 24px 0px 50px 0px;
  }
}
.resource-blog-post .specific-border {
  border-right: 1px solid rgba(0, 0, 0, 0.04);
}
@media (max-width: 767.48px) {
  .resource-blog-post .specific-border {
    border: none;
  }
}
.resource-blog-post .single-content {
  width: 100%;
  height: auto;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  display: block;
}
@media (max-width: 767.48px) {
  .resource-blog-post .single-content {
    border: none;
    padding-bottom: 0px;
  }
}
.resource-blog-post .single-content img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 24px;
}
.resource-blog-post .single-content span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #657080;
  display: block;
  margin-bottom: 8px;
}
.resource-blog-post .single-content h4 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #0A2540;
  margin-bottom: 16px;
}
.resource-blog-post .single-content h4:hover {
  color: #18A0FB;
}
.resource-blog-post .single-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
}
.resource-blog-post .single-content.right-single-content h4 {
  font-size: 20px;
  line-height: 28px;
}
.resource-blog-post .single-content.right-single-content p {
  font-size: 14px;
  line-height: 20px;
}
.resource-blog-post h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
  margin-bottom: 32px;
}
.resource-blog-post .single-upcomming-webiner {
  padding-bottom: 40px;
  margin-top: 0px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
@media (max-width: 767.48px) {
  .resource-blog-post .single-upcomming-webiner {
    border: none;
    padding-bottom: 0px;
  }
}
.resource-blog-post .single-upcomming-webiner .upcomming-webiner {
  margin: 0px;
  background: linear-gradient(0deg, #626EDD, #626EDD), #13156C;
}
.resource-blog-post .single-upcomming-webiner .upcomming-webiner .webiner-details {
  background: rgba(24, 160, 251, 0.8);
  color: #FFFFFF;
}
@media (max-width: 991.98px) {
  .resource-blog-post .single-upcomming-webiner .upcomming-webiner .webiner-details {
    width: 90%;
    left: 10px;
    padding: 10px 20px 20px;
  }
}
@media (max-width: 767.48px) {
  .resource-blog-post .single-upcomming-webiner .upcomming-webiner .webiner-details {
    width: 70%;
    left: 20px;
    padding: 10px 20px 20px;
  }
}
.resource-blog-post .single-upcomming-webiner .upcomming-webiner .webiner-details h5 {
  color: #FFFFFF;
}
@media (max-width: 991.98px) {
  .resource-blog-post .single-upcomming-webiner .upcomming-webiner .badge {
    left: 10px;
    top: 10px;
  }
}
@media (max-width: 767.48px) {
  .resource-blog-post .single-upcomming-webiner .upcomming-webiner .badge {
    left: 20px;
    top: 15px;
  }
}
.resource-blog-post .single-upcomming-webiner .upcomming-webiner h5 {
  color: #FFFFFF;
}
.resource-blog-post .single-upcomming-webiner .upcomming-webiner p {
  color: #FFFFFF;
}
.resource-blog-post .single-upcomming-webiner .upcomming-webiner span {
  color: #FFFFFF;
}
@media (max-width: 991.98px) {
  .resource-blog-post .single-upcomming-webiner .webiner-desc {
    padding: 0px;
  }
}
@media (max-width: 767.48px) {
  .resource-blog-post .single-upcomming-webiner .webiner-desc {
    padding: 0 20px;
  }
}
@media (max-width: 991.98px) {
  .resource-blog-post .single-upcomming-webiner .mu-btn {
    padding: 14px 24px;
    font-size: 14px;
    line-height: 16px;
  }
}
.resource-blog-post .page-navigation.resource-blog-navigation {
  box-shadow: unset;
  padding: 40px 0px 30px 0px;
}

.resourceblog-inner-webinars {
  padding: 50px 0px 20px 0px;
}
@media (max-width: 767.48px) {
  .resourceblog-inner-webinars {
    display: none;
  }
}
@media (max-width: 1024px) {
  .resourceblog-inner-webinars .regbtn-area {
    justify-content: center !important;
    width: 100%;
    margin-top: 30px;
  }
}

@media (max-width: 767.48px) {
  .bgcustom-container-fluid {
    background: #FAFDFF;
  }
}

.resource-postdetails-area {
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);
  background: #FAFDFF;
  padding: 80px 0px;
}
@media (max-width: 767.48px) {
  .resource-postdetails-area {
    padding: 64px 0px;
  }
}
.resource-postdetails-area .inner-post-details .title {
  font-family: "Poppins";
  font-weight: 600;
  /* font-size: 32px;
  line-height: 42px;  */
  color: #14253B;
}
.resource-postdetails-area .inner-post-details .tag-list {
  display: inline-block;
  margin-top: 24px;
}
.resource-postdetails-area .inner-post-details .tag-list .single-tag {
  display: inline-block;
  background: #FFFFFF;
  border-radius: 100px;
  padding: 6px 12px;
  text-transform: capitalize;
  color: #334253;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  margin: 0px 3.5px 8px 0px;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.04));
}
.resource-postdetails-area .inner-post-details .tag-list .single-tag:hover {
  background: #18A0FB;
}
.resource-postdetails-area .inner-post-details .post-writter {
  margin-top: 24px;
}
.resource-postdetails-area .inner-post-details .post-writter img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.resource-postdetails-area .inner-post-details .post-writter .name {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
  display: inline-block;
  margin-left: 6px;
}
@media (max-width: 575.98px) {
  .resource-postdetails-area .inner-post-details .post-writter .name {
    margin-left: 14px;
  }
}
.resource-postdetails-area .inner-post-details .post-writter .publish {
  display: inline-block;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #4A5269;
  margin-left: 14px;
}
@media (max-width: 575.98px) {
  .resource-postdetails-area .inner-post-details .post-writter .publish {
    display: block;
    margin-left: 14px;
  }
}
.resource-postdetails-area .inner-post-details .post-writter .publish .date {
  color: #657080;
  font-weight: 500;
}
.resource-postdetails-area .inner-post-details .post-writter .blog-social {
  cursor: pointer;
}
.resource-postdetails-area .inner-post-details .post-writter .blog-social .clicktext {
  font-weight: 400;
  font-size: 12px;
  color: #334253;
}
.resource-postdetails-area .inner-post-details .post-writter .blog-social .clicktext span {
  margin-right: 10px;
  margin-top: -2px;
}
.resource-postdetails-area .inner-post-details .post-writter .blog-social .social-box {
  position: absolute;
  right: 0;
  top: 20px;
  background-color: #FFFFFF;
  border-radius: 16px;
  border: none;
  position: absolute;
  width: 160px;
  padding: 5px;
  height: auto;
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.resource-postdetails-area .inner-post-details .post-writter .blog-social .social-box li {
  list-style: none;
  padding: 5px 20px;
}
.resource-postdetails-area .inner-post-details .post-writter .blog-social .social-box li:hover {
  background: #e9ecef;
}
.resource-postdetails-area .inner-post-details .post-writter .blog-social .social-box li a {
  padding: 8px 0px;
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
}
.resource-postdetails-area .inner-post-details .post-writter .blog-social .social-box li a span {
  margin-right: 10px;
}
.resource-postdetails-area .inner-post-details .inner-content {
  margin-top: 24px;
  background-color: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
@media (max-width: 767.48px) {
  .resource-postdetails-area .inner-post-details .inner-content {
    box-shadow: unset;
    border-radius: unset;
    background-color: transparent;
  }
}
.resource-postdetails-area .inner-post-details .inner-content .top-img {
  overflow: hidden;
  width: 100%;
  height: auto;
  border-radius: 16px 16px 0px 0px;
  background: transparent;
}
@media (max-width: 767.48px) {
  .resource-postdetails-area .inner-post-details .inner-content .top-img {
    border-radius: 16px;
  }
}
.resource-postdetails-area .inner-post-details .inner-content .top-img img {
  width: 100%;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content {
  padding: 40px 48px;
}
@media (max-width: 991.98px) {
  .resource-postdetails-area .inner-post-details .inner-content .bottom-content {
    padding: 40px 32px;
  }
}
@media (max-width: 767.48px) {
  .resource-postdetails-area .inner-post-details .inner-content .bottom-content {
    padding: 40px 0px;
  }
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content h4 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #0A2540;
  margin-bottom: 10px;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #334253;
  margin-bottom: 24px;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .img-box {
  background: #E4EDF5;
  border-radius: 16px;
  margin-bottom: 48px;
}
@media (max-width: 767.48px) {
  .resource-postdetails-area .inner-post-details .inner-content .bottom-content .img-box {
    background: transparent;
    margin-bottom: 0px;
  }
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .img-box img {
  width: 100%;
  height: auto;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details {
  margin-top: 32px;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .inner-details {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .inner-details .writter-box {
  height: 96px;
  width: 96px;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .inner-details .writter-text-content {
  width: calc(100% - 120px);
  margin-left: 24px;
  height: auto;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .inner-details .writter-text-content .writter-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #14253B;
  margin-bottom: 0px;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .inner-details .writter-text-content .designation {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
  margin-bottom: 4px;
  display: inline-block;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .inner-details .writter-text-content .writter-desc {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #334253;
  margin-bottom: 0px;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .share-blog {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 36px;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .share-blog .share-text {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
  margin-right: 10px;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .share-blog ul {
  margin: 0;
  padding: 0;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .share-blog ul li {
  list-style: none;
  display: inline-block;
  margin-left: 24px;
}
@media (max-width: 575.98px) {
  .resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .share-blog ul li {
    margin-left: 10px;
  }
}
@media (max-width: 345.9px) {
  .resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .share-blog ul li {
    margin-left: 0px;
  }
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .share-blog ul li a {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
  text-decoration: none;
}
.resource-postdetails-area .inner-post-details .inner-content .bottom-content .writter-full-details .share-blog ul li a:hover {
  color: #18A0FB;
}
.resource-postdetails-area .inner-post-details .inner-content .accordian-table {
  margin-bottom: 64px;
}
@media (max-width: 767.48px) {
  .resource-postdetails-area .inner-post-details .inner-content .accordian-table {
    margin-bottom: 24px;
  }
}
.resource-postdetails-area .inner-post-details .inner-content .accordian-table .accordion-item {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.resource-postdetails-area .inner-post-details .inner-content .accordian-table .accordion-header .accordion-button {
  box-shadow: unset;
  background: transparent;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #0A2540;
  padding: 18px 18px 18px 13px;
}
.resource-postdetails-area .inner-post-details .inner-content .accordian-table .accordion-header .accordion-button::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 10L8 6L4 10' stroke='%235C5F62' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.resource-postdetails-area .inner-post-details .inner-content .accordian-table .accordion-header .accordion-button span {
  margin-right: 10px;
  display: inline-flex;
}
.resource-postdetails-area .inner-post-details .inner-content .accordian-table .accordion-body {
  padding: 0px 40px 28px 40px;
}
.resource-postdetails-area .inner-post-details .inner-content .accordian-table .accordion-body h5 {
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
.resource-postdetails-area .inner-post-details .inner-content .accordian-table .accordion-body .inner-item h6 {
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-bottom: 8px;
  /* margin-top: 20px; */
}
.resource-postdetails-area .inner-post-details .inner-content .accordian-table .accordion-body .inner-item ul {
  list-style: disc;
  padding-left: 20px;
}
.resource-postdetails-area .inner-post-details .inner-content .accordian-table .accordion-body .inner-item ul li {
  font-family: "Inter";
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
  margin-bottom: 6px;
}
.resource-postdetails-area .inner-post-details .comment-wrapper {
  margin-top: 45px;
}
.resource-postdetails-area .inner-post-details .comment-wrapper h5 {
  font-weight: 500;
  line-height: 30px;
  color: #0A2540;
}
@media (max-width: 767.48px) {
  .resource-postdetails-area .inner-post-details .comment-wrapper h5 {
    margin-bottom: 20px;
  }
}
.resource-postdetails-area .inner-post-details .comment-wrapper .community-share {
  margin-left: 32px;
  color: #657080;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .resource-postdetails-area .inner-post-details .comment-wrapper .community-share {
    margin-left: 0;
    margin-right: 32px;
    margin-top: 16px;
  }
}
.resource-postdetails-area .inner-post-details .comment-wrapper .community-share span {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
}
@media (max-width: 767.48px) {
  .resource-postdetails-area .inner-post-details .comment-wrapper .like-count {
    margin-left: 30px;
  }
  .resource-postdetails-area .inner-post-details .comment-wrapper .like-count .community-share {
    margin-left: 25px;
    margin-top: 18px;
  }
}
.resource-postdetails-area .inner-post-details .comment-wrapper .comment-load-more a {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #657080;
}
.resource-postdetails-area .inner-post-details .comment-wrapper .comment-load-more a:hover {
  color: #18A0FB;
}
.resource-postdetails-area .inner-post-details .comment-wrapper .resource-comment-details {
  background: #F0F5FB;
}
.resource-postdetails-area .blogdetails-righside-area .blog-details-related-video .suggestion-title {
  margin: 64px 0px 24px 0px;
}
.resource-postdetails-area .blogdetails-righside-area .blog-details-related-video .suggestion-info p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 60px;
}
.resource-postdetails-area .blogdetails-righside-area .blog-details-related-video .suggestion-info p:hover {
  color: #18A0FB;
}
.resource-postdetails-area .blogdetails-righside-area .blog-details-upcoming-webinars .upcomming-webiner {
  margin-top: 64px;
  margin-bottom: 0px;
  background: linear-gradient(0deg, #626EDD, #626EDD), #13156C;
  color: #FFFFFF;
}
.resource-postdetails-area .blogdetails-righside-area .blog-details-upcoming-webinars .upcomming-webiner .webiner-details {
  background: rgba(24, 160, 251, 0.8);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  color: #FFFFFF;
}
@media (max-width: 1199.98px) {
  .resource-postdetails-area .blogdetails-righside-area .blog-details-upcoming-webinars .upcomming-webiner .webiner-details {
    padding: 15px;
  }
}
@media (max-width: 991.98px) {
  .resource-postdetails-area .blogdetails-righside-area .blog-details-upcoming-webinars .upcomming-webiner .webiner-details {
    padding: 16px 32px 20px;
  }
}
.resource-postdetails-area .blogdetails-righside-area .blog-details-upcoming-webinars .upcomming-webiner h5 {
  color: #FFFFFF;
}
.resource-postdetails-area .blogdetails-righside-area .blog-details-upcoming-webinars .upcomming-webiner p {
  color: #FFFFFF;
}
.resource-postdetails-area .blogdetails-righside-area .blog-details-upcoming-webinars .upcomming-webiner .mu-btn img {
  margin-top: 0px;
}
.resource-postdetails-area .blogdetails-righside-area .blog-details-suggestion .suggestion-title {
  margin: 64px 0px 24px 0px;
}
.resource-postdetails-area .blogdetails-righside-area .blog-details-suggestion .newsuggestion-info p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.resource-postdetails-area .blogdetails-righside-area .blog-details-suggestion .newsuggestion-info p:hover {
  color: #18A0FB;
}
.resource-postdetails-area .blogdetails-righside-area .blog-details-form .artcle-inside-form .form-check .form-check-input {
  margin-top: 0.2em;
}

.blog-resource-case-studies {
  margin: 100px 0px 0px 0px;
}
.blog-resource-case-studies .mu-button-arrow {
  font-size: 14px;
  line-height: 24px;
}
.blog-resource-case-studies .single-case p:hover {
  color: #18A0FB;
}

.resource-whitecase-slider .single-service-box {
  border-radius: 8px;
  position: relative;
}
.resource-whitecase-slider .single-service-box span {
  display: block;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #657080;
  margin-top: 5px;
}
.resource-whitecase-slider .single-service-box a {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #0A2540;
  display: block;
  margin-top: 15px;
}
.resource-whitecase-slider .single-service-box a:hover {
  color: #18A0FB;
}
.resource-whitecase-slider .single-service-box img {
  width: 100%;
  border-radius: 8px;
}
.resource-whitecase-slider .slick-slide {
  padding-right: 24px;
}
.resource-whitecase-slider .slick-slide:last-child {
  padding-right: 0px;
}
@media (max-width: 1399.98px) {
  .resource-whitecase-slider .slick-slide {
    margin-right: 8px;
    margin-left: 8px;
  }
}
@media (max-width: 767.48px) {
  .resource-whitecase-slider .slick-slide {
    margin-left: 0;
    padding: 0;
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .resource-whitecase-slider .slick-list.draggable {
    display: flex;
    overflow: visible;
  }
  .resource-whitecase-slider .slick-track {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1199.98px) {
  .resource-whitecase-slider .slick-list {
    height: -webkit-max-content !important;
    height: -moz-max-content !important;
    height: max-content !important;
    overflow: visible;
  }
}

@media (max-width: 767.48px) {
  .resource-blog-title-sm {
    font-size: 24px !important;
    line-height: 24px !important;
  }
}

@media (max-width: 767.48px) {
  .resource-latest-whitepapers-area {
    padding: 0px 0px 80px 0px;
  }
}

.resource-latest-blogarea {
  padding: 104px 0px 0px 0px;
}

.blog-casestudy-hero .download-case-btn {
  background: #18A0FB;
  border-radius: 104px;
  padding: 12px 32px;
  text-transform: capitalize;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  font-family: "Poppins";
  position: relative;
  z-index: 9;
}
.blog-casestudy-hero .download-case-btn:hover {
  background: #098CE3;
}
@media (max-width: 767.48px) {
  .blog-casestudy-hero .download-case-btn {
    padding: 10px 24px;
    font-size: 14px;
  }
}

.casestudy-post-area {
  padding: 80px 0px;
  background: #FAFDFF;
}
@media (max-width: 767.48px) {
  .casestudy-post-area {
    padding: 24px 0px 64px 0px;
  }
}
.casestudy-post-area .post-img-box {
  width: 100%;
  height: auto;
}
.casestudy-post-area .post-img-box img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.casestudy-post-area .all-post-content {
  padding-left: 36px;
}
@media (max-width: 991.98px) {
  .casestudy-post-area .all-post-content {
    padding-left: 16px;
  }
}
@media (max-width: 767.48px) {
  .casestudy-post-area .all-post-content {
    margin-top: 16px;
    padding-left: 0px;
  }
}
.casestudy-post-area .all-post-content.casepst-content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.casestudy-post-area .all-post-content.casepst-content h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.casestudy-post-area .all-post-content span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #657080;
  display: block;
  margin-bottom: 8px;
}
.casestudy-post-area .all-post-content h4 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #0A2540;
  margin-bottom: 16px;
}
.casestudy-post-area .all-post-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
  margin-bottom: 16px;
}
.casestudy-post-area .all-post-content .single-case-download {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 100px;
  padding: 8px 16px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
  color: #000000;
}
.casestudy-post-area .all-post-content .single-case-download:hover {
  background: #18A0FB;
  color: #FFFFFF;
  border: 1px solid #18A0FB;
}
.casestudy-post-area .resource-studycase-navigation {
  box-shadow: unset;
  padding: 80px 0px 80px 0px;
}
@media (max-width: 767.48px) {
  .casestudy-post-area .resource-studycase-navigation {
    padding: 64px 0px;
  }
}

.casestudy-inner-webinars .mu-btn {
  font-family: "Poppins";
}

.full-case-study-details {
  background: #FAFDFF;
  padding: 88px 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.02);
}
@media (max-width: 767.48px) {
  .full-case-study-details {
    padding: 26px 0px 64px 0px;
  }
}
.full-case-study-details .inner-casedetails-area {
  width: 100%;
  height: auto;
}
.full-case-study-details .inner-casedetails-area .studycase-hero-section {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%), url(https://www.muvi.com/wp-content/themes/muvi-child/assets/css/.jpg), url(https://www.muvi.com/wp-content/themes/muvi-child/assets/images/resource/blog-hero.jpg), #334253;
  height: 400px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 40px;
}
@media (max-width: 767.48px) {
  .full-case-study-details .inner-casedetails-area .studycase-hero-section {
    height: 210px;
    justify-content: center;
  }
}
.full-case-study-details .inner-casedetails-area .studycase-hero-section .download-case-btn {
  background: #18A0FB;
  border-radius: 104px;
  padding: 12px 32px;
  text-transform: capitalize;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  margin: 0px 42px 46px 0px;
}
.full-case-study-details .inner-casedetails-area .studycase-hero-section .download-case-btn:hover {
  background: #098CE3;
}
@media (max-width: 767.48px) {
  .full-case-study-details .inner-casedetails-area .studycase-hero-section .download-case-btn {
    padding: 10px 24px;
    font-size: 14px;
    margin: 0px 0px 24px 0px;
  }
}
.full-case-study-details .inner-casedetails-area h1 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #0A2540;
  margin-bottom: 28px;
}
.full-case-study-details .inner-casedetails-area h6 {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
  margin-bottom: 12px;
  font-family: "Inter";
}
.full-case-study-details .inner-casedetails-area p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
  font-family: "Inter";
}
.full-case-study-details .inner-casedetails-area ul {
  list-style: unset;
  margin-left: 20px;
}
.full-case-study-details .inner-casedetails-area ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
  font-family: "Inter";
}
.full-case-study-details .inner-casedetails-area ul li ::marker {
  background-color: #14253B;
  font-size: 14px;
}
.full-case-study-details .case-download-form {
  background-color: #FFFFFF;
  padding: 80px 116px;
  box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05), 0px 6.0308px 17.869px rgba(0, 0, 0, 0.0298054), 0px 1.79553px 5.32008px rgba(0, 0, 0, 0.0201946);
  border-radius: 16px;
  margin-top: 64px;
}
@media (max-width: 1199.98px) {
  .full-case-study-details .case-download-form {
    padding: 70px 70px;
  }
}
@media (max-width: 991.98px) {
  .full-case-study-details .case-download-form {
    padding: 60px 50px;
  }
}
@media (max-width: 767.48px) {
  .full-case-study-details .case-download-form {
    padding: 40px 24px;
  }
}
.full-case-study-details .case-download-form h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #334253;
  margin-bottom: 32px;
  font-family: "Inter";
}
.full-case-study-details .case-download-form form .form-check-input:checked {
  background-color: #18A0FB;
  border-color: #18A0FB;
}
.full-case-study-details .case-download-form form label {
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 5px;
}
.full-case-study-details .case-download-form form .form-group {
  margin-top: 20px;
}
.full-case-study-details .case-download-form form .form-control {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #212529;
  font-weight: 400;
  font-size: 13px;
  box-shadow: unset;
}
.full-case-study-details .case-download-form form .form-control:focus {
  border-color: #86b7fe;
  outline: 0 none;
}
.full-case-study-details .case-download-form form .form-control::-moz-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.full-case-study-details .case-download-form form .form-control:-ms-input-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.full-case-study-details .case-download-form form .form-control::placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.full-case-study-details .case-download-form form .innerform-group .bootstrap-select {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 60px !important;
  height: 45px;
}
.full-case-study-details .case-download-form form .innerform-group .dropdown-toggle {
  background-color: #FFFFFF;
  outline: unset !important;
  border: none;
  box-shadow: unset !important;
  width: auto;
  height: 100%;
  margin: 0px 0px 0px 1px;
  padding: 0px 0px 0px 15px;
}
.full-case-study-details .case-download-form form .innerform-group .dropdown-toggle .filter-option {
  width: 24px;
  height: auto;
  margin: 0;
  padding: 0;
}
.full-case-study-details .case-download-form form .innerform-group .dropdown-item.active, .full-case-study-details .case-download-form form .innerform-group .dropdown-item:active {
  background-color: #e9ecef;
}
.full-case-study-details .case-download-form form .innerform-group .dropdown-toggle::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 6L8 10L12 6' stroke='%23374151' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-size: 18px;
  width: 20px;
  height: 20px;
  background-position-x: 100%;
  background-position-y: 2px;
  border: none;
  background-repeat: no-repeat;
}
.full-case-study-details .case-download-form form .innerform-group .dropdown-toggle img {
  width: 20px;
}
.full-case-study-details .case-download-form form .innerform-group .con-control {
  padding-left: 75px;
  -moz-appearance: textfield;
}
.full-case-study-details .case-download-form form .innerform-group .con-control::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.full-case-study-details .case-download-form form .innerform-group .con-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.full-case-study-details .case-download-form form .formSubmitBtn {
  background: #18A0FB;
  box-shadow: 0px 4px 8px rgba(24, 160, 251, 0.18), 0px 0px 2px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  padding: 15px 32px;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  border: none;
  text-transform: capitalize;
}
.full-case-study-details .case-download-form form .formSubmitBtn:hover {
  background: #098CE3;
}
@media (max-width: 767.48px) {
  .full-case-study-details .case-download-form form .formSubmitBtn {
    width: 100%;
  }
}

.detailscasestudy-inner-webinars {
  margin: 100px 0px 50px 0px;
}
@media (max-width: 767.48px) {
  .detailscasestudy-inner-webinars {
    margin: 64px 0px 50px 0px;
  }
}
.detailscasestudy-inner-webinars .title-sm {
  margin-bottom: 24px;
}

.detailscasestudy-case-studies {
  padding: 30px 0px 100px 0px;
}
@media (max-width: 767.48px) {
  .detailscasestudy-case-studies {
    padding: 30px 0px 64px 0px;
  }
}
.detailscasestudy-case-studies .title-sm {
  font-weight: 600;
}

.thankyou-area {
  padding: 140px 0px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
@media (max-width: 1199.98px) {
  .thankyou-area {
    padding: 100px 0px;
  }
}
@media (max-width: 991.98px) {
  .thankyou-area {
    padding: 80px 0px;
  }
}
@media (max-width: 991.98px) {
  .thankyou-area {
    padding: 64px 0px;
  }
}
.thankyou-area h1 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #14253B;
  margin-bottom: 16px;
  margin-top: 20px;
  font-family: "Inter";
}
.thankyou-area p {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #334253;
  margin-bottom: 40px;
}
.thankyou-area .backto-resource-btn {
  background: #18A0FB;
  box-shadow: 0px 10px 20px rgba(24, 160, 251, 0.18), 0px 2px 6px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 104px;
  padding: 12px 24px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-transform: capitalize;
  color: #FFFFFF;
  display: inline-block;
}
.thankyou-area .backto-resource-btn:hover {
  background: #098CE3;
}
.thankyou-area span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
  margin-top: 16px;
}
.thankyou-area span a {
  color: #098CE3;
}
.thankyou-area span a:hover {
  color: #18A0FB;
}

.case-white-footerbg {
  background: #FAFDFF;
}

nav.light-bg-4 {
  background: #E3ECFA;
}
nav.light-bg-4.sticky-header {
  background: #FFFFFF;
}

.event-webinars-banner {
  background: #E3ECFA;
  text-align: center;
  padding: 40px 0px 56px 0px;
}
.event-webinars-banner h1 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .event-webinars-banner h1 {
    font-size: 32px;
    line-height: 42px;
  }
}

.event-webinars-tabs .nav-tabs .nav-link {
  color: #657080;
}
.event-webinars-tabs .nav-tabs .nav-link:hover {
  color: #1185E0;
}
.event-webinars-tabs .event-webinars-bg {
  background-color: #F8F9FB;
}
.event-webinars-tabs .banner-blog {
  padding: 120px 0px 0px 0px;
}
@media (max-width: 767.48px) {
  .event-webinars-tabs .banner-blog {
    padding: 130px 0px 64px 0px;
  }
}
.event-webinars-tabs .banner-blog p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #14253B;
}
.event-webinars-tabs .banner-blog p a {
  color: #098CE3;
}
.event-webinars-tabs .banner-blog p a:hover {
  color: #18A0FB;
}

.event-webinars-events {
  padding: 100px 0px 100px 0px;
}
@media (max-width: 767.48px) {
  .event-webinars-events {
    padding: 30px 0px 64px 0px;
  }
}
.event-webinars-events .title-sm {
  font-family: "Poppins";
  margin-bottom: 28px;
  font-weight: 600;
  line-height: 42px;
}
.event-webinars-events .single-events {
  background-color: #FFFFFF;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
@media (max-width: 767.48px) {
  .event-webinars-events .single-events {
    padding: 16px;
  }
}
.event-webinars-events .single-events .country-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
.event-webinars-events .single-events .time {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  text-align: center;
}

.inner-upcoming-webinars {
  padding: 64px 0px 40px 0px;
}
@media (max-width: 767.48px) {
  .inner-upcoming-webinars {
    padding: 24px 0px 12px 0px;
  }
}
.inner-upcoming-webinars .single-upcomming-box {
  background: #FFFFFF;
  padding: 48px 64px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  margin-bottom: 48px;
}
@media (max-width: 767.48px) {
  .inner-upcoming-webinars .single-upcomming-box {
    background: transparent;
    padding: 0;
    border-radius: unset;
    box-shadow: unset;
  }
}
@media (max-width: 767.48px) {
  .inner-upcoming-webinars .single-upcomming-box .reverse-row {
    flex-flow: column-reverse;
  }
}
.inner-upcoming-webinars .single-upcomming-box h4 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
  margin-bottom: 16px;
}
@media (max-width: 767.48px) {
  .inner-upcoming-webinars .single-upcomming-box h4 {
    margin-top: 24px;
  }
}
.inner-upcoming-webinars .single-upcomming-box .date {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
.inner-upcoming-webinars .single-upcomming-box .full-time {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
}
.inner-upcoming-webinars .single-upcomming-box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
  margin-top: 16px;
}
.inner-upcoming-webinars .single-upcomming-box .time {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .inner-upcoming-webinars .single-upcomming-box .time {
    margin-top: 10px;
    margin-top: 10px;
  }
}
.inner-upcoming-webinars .single-upcomming-box .language {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-top: 10px;
}
.inner-upcoming-webinars .single-upcomming-box .read-more {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #098CE3;
  margin-top: 12px;
  transition: 0.2s;
}
.inner-upcoming-webinars .single-upcomming-box .read-more:hover svg {
  transform: translateX(5px);
}
.inner-upcoming-webinars .single-upcomming-box img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.inner-upcoming-webinars .single-upcomming-box .register-btn {
  padding: 16px 32px;
  background: #18A0FB;
  box-shadow: 0px 10px 20px rgba(24, 160, 251, 0.18), 0px 2px 6px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 104px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #FFFFFF;
  text-align: center;
  margin-top: -30px;
}
.inner-upcoming-webinars .single-upcomming-box .register-btn:hover {
  background: #098CE3;
}
.inner-upcoming-webinars .single-upcomming-box .mobile-btn {
  margin-top: 32px;
}
.inner-upcoming-webinars .single-upcomming-box .mobile-btn .register-btn {
  margin-top: 0px;
  padding: 14px 28px;
  border-radius: 100px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 320px) {
  .inner-upcoming-webinars .single-upcomming-box .mobile-btn .register-btn {
    padding: 10px 16px;
  }
}
.inner-upcoming-webinars .single-upcomming-box .mobile-btn .readmore-btn {
  border: 1px solid #1DA4FB;
  border-radius: 100px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #098CE3;
  padding: 14px 28px;
  text-transform: capitalize;
  text-align: center;
  margin-right: 5px;
}
@media (max-width: 320px) {
  .inner-upcoming-webinars .single-upcomming-box .mobile-btn .readmore-btn {
    padding: 10px 16px;
  }
}

.inner-ondemand-webinars {
  padding: 64px 0px 0px 0px;
}
@media (max-width: 767.48px) {
  .inner-ondemand-webinars {
    padding: 24px 0px 0px 0px;
  }
}
.inner-ondemand-webinars .single-image-box {
  height: 100%;
}
@media (max-width: 767.48px) {
  .inner-ondemand-webinars .single-image-box {
    margin-bottom: 20px;
    height: auto;
  }
}
.inner-ondemand-webinars .single-image-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 767.48px) {
  .inner-ondemand-webinars .single-image-box img {
    height: auto;
  }
}
.inner-ondemand-webinars .single-ondemand-box {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 48px;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  .inner-ondemand-webinars .single-ondemand-box {
    padding: 32px;
  }
}
@media (max-width: 767.48px) {
  .inner-ondemand-webinars .single-ondemand-box {
    padding: 0px;
    box-shadow: unset;
    border-radius: unset;
    background: transparent;
    margin-bottom: 50px;
  }
}
.inner-ondemand-webinars .single-ondemand-box .single-content-box {
  padding-left: 16px;
}
@media (max-width: 767.48px) {
  .inner-ondemand-webinars .single-ondemand-box .single-content-box {
    padding-left: 0px;
  }
}
.inner-ondemand-webinars .single-ondemand-box h4 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
  margin-bottom: 16px;
}
.inner-ondemand-webinars .single-ondemand-box .language {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
.inner-ondemand-webinars .single-ondemand-box .time {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-left: 30px;
}
.inner-ondemand-webinars .single-ondemand-box p {
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
  margin-top: 16px;
}
.inner-ondemand-webinars .single-ondemand-box a {
  display: inline-block;
  background: #18A0FB;
  box-shadow: 0px 10px 20px rgba(24, 160, 251, 0.18), 0px 2px 6px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 104px;
  padding: 12px 24px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-top: 32px;
}
.inner-ondemand-webinars .single-ondemand-box a:hover {
  background: #098CE3;
}
.inner-ondemand-webinars .ondemand-page-navigation {
  box-shadow: unset;
  padding: 64px 0px;
}
@media (max-width: 767.48px) {
  .inner-ondemand-webinars .ondemand-page-navigation {
    padding: 32px 0px 40px 0px;
  }
}

.upcoming-event-details {
  padding: 80px 0px 0px 0px;
}
@media (max-width: 767.48px) {
  .upcoming-event-details {
    padding: 80px 0px 64px 0px;
  }
}
.upcoming-event-details .top-calender {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
  margin-bottom: 24px;
}
.upcoming-event-details h2.details-title {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
}
@media (max-width: 991.98px) {
  .upcoming-event-details h2.details-title {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (max-width: 767.48px) {
  .upcoming-event-details h2.details-title {
    margin-bottom: 24px;
  }
}
.upcoming-event-details p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303049;
}
.upcoming-event-details .bottom-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
.upcoming-event-details .bottom-text span svg {
  margin-top: -2px;
}
@media (max-width: 767.48px) {
  .upcoming-event-details .bottom-text {
    margin-bottom: 16px;
  }
}

.inner-meeting-area {
  background: #FFFFFF;
  box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05), 0px 6.0308px 17.869px rgba(0, 0, 0, 0.0298054), 0px 1.79553px 5.32008px rgba(0, 0, 0, 0.0201946);
  border-radius: 16px;
  padding: 48px;
  margin-bottom: -80px;
  margin-top: 40px;
}
@media (max-width: 991.98px) {
  .inner-meeting-area {
    padding: 35px;
  }
}
@media (max-width: 767.48px) {
  .inner-meeting-area {
    margin-bottom: 0px;
  }
}
.inner-meeting-area p {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .inner-meeting-area p {
    margin-bottom: 8px;
  }
}
.inner-meeting-area h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 40px;
  line-height: 34px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .inner-meeting-area h2 {
    font-size: 32px;
  }
}
.inner-meeting-area span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #098CE3;
  margin-top: 8px;
}
@media (max-width: 991.98px) {
  .inner-meeting-area .mu-btn {
    padding: 14px 26px;
  }
}
@media (max-width: 767.48px) {
  .inner-meeting-area .mu-btn {
    width: 100%;
    margin-top: 24px;
  }
}

.inner-meeting-details {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  margin-top: 40px;
  height: 405px;
  display: none;
}
@media (max-width: 991.98px) {
  .inner-meeting-details {
    height: 420px;
  }
}
@media (max-width: 767.48px) {
  .inner-meeting-details {
    height: 800px;
  }
}
@media (max-width: 575.98px) {
  .inner-meeting-details {
    border: none;
  }
}
.inner-meeting-details .custom-border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  height: 405px;
}
@media (max-width: 767.48px) {
  .inner-meeting-details .custom-border-right {
    border: none;
  }
}
.inner-meeting-details .left-calender {
  padding: 40px 30px 20px 30px;
}
@media (max-width: 575.98px) {
  .inner-meeting-details .left-calender {
    padding: 0px;
  }
}
.inner-meeting-details .left-calender span {
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #334253;
  text-transform: inherit;
  letter-spacing: normal;
}
.inner-meeting-details .right-time {
  padding: 20px 30px;
}
@media (max-width: 575.98px) {
  .inner-meeting-details .right-time {
    padding: 0px;
  }
}
.inner-meeting-details .right-time p {
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  color: #334253;
  margin-bottom: 10px;
}
.inner-meeting-details .right-time .minsmu-btn {
  display: inline-block;
  background: #18A0FB;
  border-radius: 104px;
  padding: 8px 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.inner-meeting-details .right-time .span-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
}

.show-calendar {
  display: block !important;
  border: none !important;
  margin-top: -15px !important;
  background: transparent;
}
.show-calendar::after {
  content: unset !important;
}
.show-calendar::before {
  content: unset !important;
}
.show-calendar .calendar-table td {
  width: 38px;
  height: 32px;
  font-size: 14px;
  font-weight: 400;
}
.show-calendar .calendar-table.available {
  color: #202223;
}
.show-calendar .calendar-table.active {
  background: #F2F7FE;
}

.ui-timepicker-standard {
  display: block !important;
  border: none !important;
}
.ui-timepicker-standard ul::-webkit-scrollbar {
  width: 4px;
}
.ui-timepicker-standard ul::-moz-scrollbar {
  width: 4px;
}
.ui-timepicker-standard ul::-webkit-scrollbar-track {
  background: #D9D9D9;
}
.ui-timepicker-standard ul::-moz-scrollbar-track {
  background: #D9D9D9;
}
.ui-timepicker-standard ul::-webkit-scrollbar-thumb {
  background: #888;
}
.ui-timepicker-standard ul::-moz-scrollbar-thumb {
  background: #888;
}
.ui-timepicker-standard ul::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.ui-timepicker-standard ul::-moz-scrollbar-thumb:hover {
  background: #555;
}
.ui-timepicker-standard ul li {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  margin-bottom: 5px !important;
}
.ui-timepicker-standard ul li a {
  border: none;
  cursor: pointer;
}
.ui-timepicker-standard ul li a:hover {
  border: none;
}
.ui-timepicker-standard ul li a:focus-visible {
  border: none;
}

.inner-edit-meeting .top-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-transform: capitalize;
  color: #657080;
  display: block;
  letter-spacing: normal;
}
.inner-edit-meeting h4 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #334253;
}
@media (max-width: 767.48px) {
  .inner-edit-meeting h4 {
    font-size: 16px;
  }
}
.inner-edit-meeting h4 label {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-transform: capitalize;
  color: #098CE3;
  margin-left: 15px;
  vertical-align: middle;
  cursor: pointer;
}
.inner-edit-meeting h4 label:hover {
  color: #18A0FB;
}
.inner-edit-meeting form label {
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 5px;
}
.inner-edit-meeting form .form-group {
  margin-top: 20px;
}
.inner-edit-meeting form .form-control {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #212529;
  font-weight: 400;
  font-size: 13px;
  box-shadow: unset;
}
.inner-edit-meeting form .form-control::-moz-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.inner-edit-meeting form .form-control:-ms-input-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.inner-edit-meeting form .form-control::placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.inner-edit-meeting form .form-control:focus {
  border: 1px solid #18A0FB;
}
.inner-edit-meeting form .form-back-btn {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 104px;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  color: #14253B;
}
.inner-edit-meeting form .form-back-btn:hover {
  background: #18A0FB;
  color: #FFFFFF;
}
.inner-edit-meeting form .form-confirm-btn {
  background: #18A0FB;
  border-radius: 104px;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  color: #FFFFFF;
  border: 1px solid transparent;
}
.inner-edit-meeting form .form-confirm-btn:hover {
  background: #098CE3;
}

.inner-edit-meeting h6 {
  font-family: "Inter";
  font-weight: 500;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  color: #14253B;
  margin-top: 24px;
}
.inner-edit-meeting p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #334253;
}
.inner-edit-meeting h4 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #14253B;
  margin-top: 18px;
  margin-bottom: 24px;
}
.inner-edit-meeting .form-back-btn {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 104px;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  color: #14253B;
}
.inner-edit-meeting .form-back-btn:hover {
  background: #18A0FB;
  color: #FFFFFF;
}
.inner-edit-meeting .form-confirm-btn {
  background: #18A0FB;
  border-radius: 104px;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  color: #FFFFFF;
  border: 1px solid transparent;
}
.inner-edit-meeting .form-confirm-btn:hover {
  background: #098CE3;
}

.upcoming-eventbottom-details {
  background-color: #FFFFFF;
  padding: 130px 0px 100px 0px;
}
@media (max-width: 767.48px) {
  .upcoming-eventbottom-details {
    padding: 64px 0px;
  }
}
.upcoming-eventbottom-details .full-details-image {
  margin-bottom: 80px;
}
@media (max-width: 767.48px) {
  .upcoming-eventbottom-details .full-details-image {
    margin-bottom: 64px;
  }
}
.upcoming-eventbottom-details .full-details-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  border-radius: 16px;
}
.upcoming-eventbottom-details p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #303049;
  margin-bottom: 14px;
}
.upcoming-eventbottom-details ul {
  list-style: unset;
  margin-left: 35px;
  margin-bottom: 14px;
}
.upcoming-eventbottom-details ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #303049;
  margin-bottom: 8px;
}
.upcoming-eventbottom-details ul li ::marker {
  background-color: #303049;
  font-size: 14px;
}
.upcoming-eventbottom-details h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
  margin-bottom: 20px;
}
@media (max-width: 767.48px) {
  .upcoming-eventbottom-details h2 {
    margin-top: 48px;
  }
}
.upcoming-eventbottom-details ol {
  list-style: auto;
  margin-left: 20px;
}
.upcoming-eventbottom-details ol li {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #303049;
  margin-bottom: 16px;
}
.upcoming-eventbottom-details ol li ::marker {
  color: #303049;
  font-weight: bold;
}
.upcoming-eventbottom-details .schedule-meeting-btnbox {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 58px rgba(0, 0, 0, 0.05), 0px 3.35045px 12.9551px rgba(0, 0, 0, 0.0298054), 0px 0.997515px 3.85706px rgba(0, 0, 0, 0.0201946);
  border-radius: 16px 16px 16px 54px;
  padding: 48px 64px 54px;
  margin-top: 40px;
}
@media (max-width: 991.98px) {
  .upcoming-eventbottom-details .schedule-meeting-btnbox {
    padding: 40px 40px 56px;
  }
}
@media (max-width: 767.48px) {
  .upcoming-eventbottom-details .schedule-meeting-btnbox {
    padding: 40px 40px 56px;
  }
}
.upcoming-eventbottom-details .schedule-meeting-btnbox h4 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
}
.upcoming-eventbottom-details .schedule-meeting-btnbox h4 a {
  color: #098CE3;
  text-decoration: none;
}
.upcoming-eventbottom-details .schedule-meeting-btnbox h4 a:hover {
  color: #18A0FB;
}
@media (max-width: 767.48px) {
  .upcoming-eventbottom-details .schedule-meeting-btnbox h4 {
    margin-bottom: 12px;
  }
}
.upcoming-eventbottom-details .schedule-meeting-btnbox p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #334253;
}
@media (max-width: 767.48px) {
  .upcoming-eventbottom-details .schedule-meeting-btnbox p {
    margin-bottom: 18px;
  }
}
@media (max-width: 767.48px) {
  .upcoming-eventbottom-details .schedule-meeting-btnbox .mu-btn {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
}

.bottom-upcoming-area {
  background: linear-gradient(0deg, #F9F5ED, #F9F5ED), #FFFFFF;
  padding: 80px 0px;
}
@media (max-width: 767.48px) {
  .bottom-upcoming-area {
    padding: 0px 0px 64px 0px;
  }
}
.bottom-upcoming-area .image-area img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}
.bottom-upcoming-area .content-area h4 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
  margin-bottom: 8px;
}
.bottom-upcoming-area .content-area p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
}
.bottom-upcoming-area .content-area a {
  display: inline-block;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.06);
  border-radius: 100px;
  padding: 16px 30px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: capitalize;
  color: #303049;
  margin-top: 32px;
}
.bottom-upcoming-area .content-area a:hover {
  background: #18A0FB;
  color: #FFFFFF;
}
.bottom-upcoming-area .inner-weibinner {
  margin-top: 48px;
}

.upcoming-webiner-details {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 104px 136px;
  margin: 64px 0px 0px 0px;
}
@media (max-width: 1199.98px) {
  .upcoming-webiner-details {
    padding: 80px 88px;
  }
}
@media (max-width: 991.98px) {
  .upcoming-webiner-details {
    padding: 64px;
  }
}
@media (max-width: 767.48px) {
  .upcoming-webiner-details {
    padding: 0px;
    box-shadow: unset;
    background: transparent;
    border-radius: unset;
    margin: 16px 0px 64px 0px;
  }
}
.upcoming-webiner-details .span-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
}
@media (max-width: 767.48px) {
  .upcoming-webiner-details .span-text {
    margin-bottom: 8px;
  }
}
@media (max-width: 991.98px) {
  .upcoming-webiner-details .mu-btn {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.upcoming-webiner-details h2 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
  margin-bottom: 24px;
  margin-top: 24px;
}
.upcoming-webiner-details p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
  margin-bottom: 12px;
}
.upcoming-webiner-details ul {
  list-style: disc;
  margin-left: 20px;
}
.upcoming-webiner-details ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 8px;
  color: #14253B;
}
.upcoming-webiner-details ul li ::marker {
  background-color: #14253B;
}
.upcoming-webiner-details .speaker-box {
  padding: 40px 0px 0px 0px;
}
.upcoming-webiner-details .speaker-box h4 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #14253B;
  margin-bottom: 20px;
}
.upcoming-webiner-details .speaker-box p {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
  margin-bottom: 0px;
}
.upcoming-webiner-details .speaker-box img {
  width: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.upcoming-register-box {
  padding: 0px 136px 64px 136px;
}
@media (max-width: 1199.98px) {
  .upcoming-register-box {
    padding: 80px 88px;
  }
}
@media (max-width: 991.98px) {
  .upcoming-register-box {
    padding: 64px;
  }
}
@media (max-width: 767.48px) {
  .upcoming-register-box {
    padding: 0px;
    box-shadow: unset;
    background: transparent;
    border-radius: unset;
    margin: 16px 0px 64px 0px;
  }
}
.upcoming-register-box .upcoming-register-form {
  background-color: #FFFFFF;
  padding: 80px 84px;
  box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05), 0px 6.0308px 17.869px rgba(0, 0, 0, 0.0298054), 0px 1.79553px 5.32008px rgba(0, 0, 0, 0.0201946);
  border-radius: 16px;
  margin-top: -64px;
}
@media (max-width: 1199.98px) {
  .upcoming-register-box .upcoming-register-form {
    padding: 70px 70px;
    margin-top: -140px;
  }
}
@media (max-width: 991.98px) {
  .upcoming-register-box .upcoming-register-form {
    padding: 60px 50px;
    margin-top: -145px;
  }
}
@media (max-width: 767.48px) {
  .upcoming-register-box .upcoming-register-form {
    padding: 40px 24px;
    margin-top: 36px;
  }
}
.upcoming-register-box .upcoming-register-form h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #334253;
  margin-bottom: 20px;
}
.upcoming-register-box .upcoming-register-form form label {
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 5px;
}
.upcoming-register-box .upcoming-register-form form .form-group {
  margin-top: 20px;
}
.upcoming-register-box .upcoming-register-form form .form-control {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #212529;
  font-weight: 400;
  font-size: 13px;
  box-shadow: unset;
}
.upcoming-register-box .upcoming-register-form form .form-control:focus {
  border-color: #86b7fe;
  outline: 0 none;
}
.upcoming-register-box .upcoming-register-form form .form-control::-moz-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.upcoming-register-box .upcoming-register-form form .form-control:-ms-input-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.upcoming-register-box .upcoming-register-form form .form-control::placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.upcoming-register-box .upcoming-register-form form .innerform-group .bootstrap-select {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 60px !important;
  height: 45px;
}
.upcoming-register-box .upcoming-register-form form .innerform-group .dropdown-toggle {
  background-color: #FFFFFF;
  outline: unset !important;
  border: none;
  box-shadow: unset !important;
  width: auto;
  height: 100%;
  margin: 0px 0px 0px 1px;
  padding: 0px 0px 0px 15px;
}
.upcoming-register-box .upcoming-register-form form .innerform-group .dropdown-toggle .filter-option {
  width: 24px;
  height: auto;
  margin: 0;
  padding: 0;
}
.upcoming-register-box .upcoming-register-form form .innerform-group .dropdown-item.active, .upcoming-register-box .upcoming-register-form form .innerform-group .dropdown-item:active {
  background-color: #e9ecef;
}
.upcoming-register-box .upcoming-register-form form .innerform-group .dropdown-toggle::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 6L8 10L12 6' stroke='%23374151' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-size: 18px;
  width: 20px;
  height: 20px;
  background-position-x: 100%;
  background-position-y: 2px;
  border: none;
  background-repeat: no-repeat;
}
.upcoming-register-box .upcoming-register-form form .innerform-group .dropdown-toggle img {
  width: 20px;
}
.upcoming-register-box .upcoming-register-form form .innerform-group .con-control {
  padding-left: 75px;
  -moz-appearance: textfield;
}
.upcoming-register-box .upcoming-register-form form .innerform-group .con-control::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.upcoming-register-box .upcoming-register-form form .innerform-group .con-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.upcoming-register-box .upcoming-register-form form .select-department .bootstrap-select {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.upcoming-register-box .upcoming-register-form form .select-department .bootstrap-select .dropdown-toggle {
  background-color: #FFFFFF;
  height: 100%;
  font-size: 13px;
  line-height: 32px;
  color: #212529;
  outline: unset !important;
  font-weight: 400;
  box-shadow: unset !important;
}
.upcoming-register-box .upcoming-register-form form .select-department .bootstrap-select .dropdown-toggle:focus {
  border-color: #86b7fe;
  outline: 0 none;
}
.upcoming-register-box .upcoming-register-form form .select-department .bootstrap-select .dropdown-toggle::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 6L8 10L12 6' stroke='%23374151' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-size: 18px;
  width: 20px;
  height: 20px;
  background-position-x: 100%;
  background-position-y: 2px;
  border: none;
  background-repeat: no-repeat;
}
.upcoming-register-box .upcoming-register-form form .select-department .bootstrap-select .dropdown-toggle.bs-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.upcoming-register-box .upcoming-register-form form .select-department .bootstrap-select .dropdown-item.active, .upcoming-register-box .upcoming-register-form form .select-department .bootstrap-select .dropdown-item:active {
  background-color: #e9ecef;
  color: #212529;
}
.upcoming-register-box .upcoming-register-form form .form-check-input:checked {
  background-color: #18A0FB;
  border-color: #18A0FB;
}
.upcoming-register-box .upcoming-register-form form .formSubmitBtn {
  background: #18A0FB;
  box-shadow: 0px 4px 8px rgba(24, 160, 251, 0.18), 0px 0px 2px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  padding: 15px 32px;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  border: none;
  text-transform: capitalize;
}
.upcoming-register-box .upcoming-register-form form .formSubmitBtn:hover {
  background: #098CE3;
}
@media (max-width: 767.48px) {
  .upcoming-register-box .upcoming-register-form form .formSubmitBtn {
    width: 100%;
  }
}

.event-webinars-whitebg {
  padding: 100px 0px;
}

.upcomingevent-inner-webinars h3 {
  margin-bottom: 24px;
}

.upcomingevent-post-webinars {
  margin-top: 64px;
}
/* .upcomingevent-post-webinars .mu-button-arrow {
  color: #FFFFFF;
} */
.upcomingevent-post-webinars .single-post-webinner {
  background: #E9F1FD;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  height: 212px;
  padding: 0px 0px 24px 32px;
}
.upcomingevent-post-webinars .single-post-webinner:hover {
  box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767.48px) {
  .upcomingevent-post-webinars .single-post-webinner {
    margin-bottom: 16px;
  }
}
.upcomingevent-post-webinars .single-post-webinner .left-inner-text {
  padding: 24px 15px 24px 0px;
  position: relative;
  height: 100%;
  width: 100%;
}
.upcomingevent-post-webinars .single-post-webinner .left-inner-text .svg {
  margin-bottom: 20px;
}
.upcomingevent-post-webinars .single-post-webinner .left-inner-text h5 {
  font-weight: 600;
  font-size: 17px;
  line-height: 23px;
  color: #14253B;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.upcomingevent-post-webinars .single-post-webinner .bottom-text p {
  color: #14253B;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.upcomingevent-post-webinars .single-post-webinner .bottom-text span {
  color: #334253;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  display: block;
}
.upcomingevent-post-webinars .single-post-webinner.color-dip {
  background: linear-gradient(0deg, #1253C0, #1253C0), linear-gradient(0deg, #182176, #182176), #E9F1FD;
}
.upcomingevent-post-webinars .single-post-webinner.color-dip .left-inner-text h5 {
  color: #FFFFFF;
}
.upcomingevent-post-webinars .single-post-webinner.color-dip .bottom-text p {
  color: #FFFFFF;
}
.upcomingevent-post-webinars .single-post-webinner.color-dip .bottom-text span {
  color: rgba(255, 255, 255, 0.8);
}

.upcoming-video-box {
  padding-bottom: 136px;
}
.upcoming-video-box .upcoming-register-video {
  padding: 32px;
  background: #FFFFFF;
  box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05), 0px 6.0308px 17.869px rgba(0, 0, 0, 0.0298054), 0px 1.79553px 5.32008px rgba(0, 0, 0, 0.0201946);
  border-radius: 16px;
  margin-top: -64px;
}
@media (max-width: 575.98px) {
  .upcoming-video-box .upcoming-register-video {
    padding: 16px;
  }
}
.upcoming-video-box .upcoming-register-video .video-part {
  width: 100%;
  height: 513px;
  display: inline-block;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .upcoming-video-box .upcoming-register-video .video-part {
    height: 300px;
  }
}
.upcoming-video-box .upcoming-register-video .video-part iframe {
  border-radius: 8px;
}
.upcoming-video-box .upcoming-register-video .share-option {
  text-align: center;
  margin-top: 36px;
}
.upcoming-video-box .upcoming-register-video .share-option ul {
  list-style: none;
}
.upcoming-video-box .upcoming-register-video .share-option ul li {
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
  margin-right: 19.5px;
  margin-bottom: 10px;
}
.upcoming-video-box .upcoming-register-video .share-option ul li:last-child {
  margin-right: 0px;
}
.upcoming-video-box .upcoming-register-video .share-option ul li a {
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
}
.upcoming-video-box .upcoming-register-video .share-option ul li a span {
  margin-right: 8px;
  vertical-align: middle;
}

/* common class Start */
.fs-13 {
  font-size: 13px !important;
}

.pl-20 {
  padding-left: 20px;
}

.heading-1 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
}
@media (max-width: 321px) {
  .heading-1 {
    font-size: 30px;
  }
}

.subtitle-1 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #14253B;
  margin-bottom: 8px;
}

.cursor-pointer {
  cursor: pointer;
}

/* common class End */
.pricing-nav {
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 1px rgba(0, 0, 0, 0.02);
  z-index: 1;
}

.price-landinghero {
  border-top: 1px solid rgba(0, 0, 0, 0.02);
  background: #F4F7FC;
  padding-top: 24px;
}
@media (max-width: 991.98px) {
  .price-landinghero {
    padding: 0px;
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.06);
  }
}
@media (max-width: 991.98px) {
  .price-landinghero .desk-row {
    display: none;
  }
}
.price-landinghero .mobile-row {
  display: none;
}
@media (max-width: 991.98px) {
  .price-landinghero .mobile-row {
    display: block;
  }
}
.price-landinghero .single-tagproduct {
  padding: 24px;
  border-radius: 16px 16px 0px 0px;
}
.price-landinghero .single-tagproduct:hover {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  background-color: #FFFFFF;
}
@media (max-width: 1199.98px) {
  .price-landinghero .single-tagproduct {
    padding: 16px;
  }
}
.price-landinghero .single-tagproduct.active {
  background-color: #FFFFFF;
}
.price-landinghero .single-tagproduct.active:hover {
  box-shadow: unset;
}
.price-landinghero .single-tagproduct .logo {
  margin-bottom: 8px;
}
.price-landinghero .single-tagproduct p {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
}
.price-landinghero .inner-mobile {
  overflow-x: auto;
  padding: 12px 0px;
  text-align: center;
}
.price-landinghero .inner-mobile ul {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
}
.price-landinghero .inner-mobile ul li {
  display: inline-block;
  margin-right: 24px;
}
.price-landinghero .inner-mobile ul li:last-child {
  margin-right: 0px;
}
.price-landinghero .inner-mobile .single-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #14253B;
  text-transform: capitalize;
}
.price-landinghero .inner-mobile .single-text.active {
  color: #18A0FB;
}

.afterlanding-part {
  padding: 64px 0px 40px 0px;
}
@media (max-width: 767.48px) {
  .afterlanding-part {
    padding: 64px 0px 0px 0px;
  }
}
.afterlanding-part h1 {
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  line-height: 56px;
  color: #233549;
}
@media (max-width: 767.48px) {
  .afterlanding-part h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.afterlanding-part p {
  font-family: "Poppins";
  text-align: center;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
  margin-top: 8px;
}
@media (max-width: 767.48px) {
  .afterlanding-part p {
    line-height: 32px;
  }
}

.plan-bg .planbutton-section {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  margin: 16px 8px 8px 8px;
  padding: 12px 32px;
}
@media (max-width: 767.48px) {
  .plan-bg .planbutton-section {
    padding: 12px 24px;
  }
}
.plan-bg .planbutton-section h4 {
  font-family: "Inter";
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
}
.plan-bg .planbutton-section .cursor-pointer {
  font-family: "Inter";
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  opacity: 0.32;
}
.plan-bg .planbutton-section .yearly-pointer {
  opacity: 1;
}
.plan-bg .planbutton-section .yearly-pointer span {
  color: #EB5757;
  font-size: 12px;
}
@media (max-width: 767.48px) {
  .plan-bg .planbutton-section .inner-playbutton {
    margin-top: 24px;
  }
}
.plan-bg .plan-section {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .plan-bg .plan-section {
    flex-wrap: wrap;
  }
}
.plan-bg .plan-section .plan {
  background: #F4F7FC;
  border-radius: 16px;
  padding: 40px 20px;
  margin: 0px 8px;
  width: 100%;
  text-align: center;
  min-height: 537px;
}
@media (max-width: 991.98px) {
  .plan-bg .plan-section .plan {
    width: 47%;
    margin-bottom: 15px;
  }
}
@media (max-width: 767.48px) {
  .plan-bg .plan-section .plan {
    width: 46%;
  }
}
@media (max-width: 575.98px) {
  .plan-bg .plan-section .plan {
    width: 100%;
  }
}
.plan-bg .plan-section .plan-name {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #14253B;
  margin-bottom: 20px;
}
.plan-bg .plan-section .plan .prev-price {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  text-decoration: line-through;
  color: #B4BBCA;
  display: inline-flex;
  margin-bottom: 8px;
}
.plan-bg .plan-section .plan .prev-price span {
  font-size: 12px;
  font-family: "Inter", sans-serif;
  text-align: left;
  padding-left: 4px;
}
.plan-bg .plan-section .plan .price {
  margin-bottom: 20px;
}
.plan-bg .plan-section .plan .price strong {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
  color: #14253B;
}
.plan-bg .plan-section .plan .price span {
  font-family: "Poppins", sans-serif;
  color: #14253B;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  text-align: left;
  margin-left: 4px;
}
.plan-bg .plan-section .plan .price span small {
  font-size: 12px;
  line-height: 18px;
  font-family: "Inter", sans-serif;
  color: #363940;
  font-weight: 500;
  display: block;
}
.plan-bg .plan-section .plan-small-feat {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
  color: #363940;
}
.plan-bg .plan-section .plan .plus-sign {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #657080;
  font-size: 16px;
  line-height: 24px;
  margin: 8px auto;
}
.plan-bg .plan-section .plan .per-app {
  display: inline-flex;
}
.plan-bg .plan-section .plan .per-app span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #363940;
  margin-right: 8px;
}
.plan-bg .plan-section .plan .per-app strong {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  color: #14253B;
}
.plan-bg .plan-section .plan .per-app small {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #363940;
}
.plan-bg .plan-section .plan .ultimate-icon {
  margin-top: 3px;
  margin-bottom: 25px;
}
@media (max-width: 991.98px) {
  .plan-bg .plan-section .plan .ultimate-icon {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}
.plan-bg .plan-section .plan .sub-heading {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-bottom: 4px;
}
.plan-bg .plan-section .btn-sm {
  width: 164px;
  height: 44px;
}
.plan-bg .plan-section .btn-sm.nw-pricebtn {
  background: #FFFFFF;
}
.plan-bg .plan-section .btn-sm.nw-pricebtn:hover {
  background: #18A0FB;
  color: #FFFFFF;
  border: 1px solid #18A0FB;
}
.plan-bg .plan-section .btn-sm.nwprice-salesbtn {
  margin-top: 98px;
}
.plan-bg .view-details {
  font-family: "Inter", sans-serif;
  margin-top: 48px;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #098CE3;
}
.plan-bg .view-details:hover {
  color: #18A0FB;
}
@media (max-width: 767.48px) {
  .plan-bg .view-details {
    margin-top: 20px;
  }
}

.infra-details {
  max-width: 644px;
  margin: 55px auto;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #14253B;
  position: relative;
  padding-left: 28px;
}
@media (max-width: 767.48px) {
  .infra-details {
    margin-bottom: 0px;
  }
}
.infra-details .star {
  font-family: "Poppins", sans-serif;
  color: #18A0FB;
  font-weight: 400;
  font-size: 36px;
  position: absolute;
  top: 8px;
  left: 0px;
}

.list-items {
  padding: 0px 0px 0px 32px;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 767.48px) {
  .list-items {
    margin-top: 20px;
  }
}
.list-items li {
  font-family: "Inter", sans-serif;
  position: relative;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-bottom: 16px;
}
.list-items li:last-child {
  margin-bottom: 0px;
}
.list-items li::after {
  content: "";
  width: 12px;
  height: 10px;
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/pricing/check.png");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  left: -32px;
  top: 5px;
}

.all-plans-include {
  padding: 64px;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 16px;
}
@media (max-width: 767.48px) {
  .all-plans-include {
    padding: 24px 0px 64px 0px;
  }
}
.all-plans-include-right {
  padding-left: 48px;
}
@media (max-width: 767.48px) {
  .all-plans-include-right {
    padding-left: 0px;
  }
}
.all-plans-include .nocard-required {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
  margin-top: 20px;
}

.infra-fees {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #098CE3;
  margin-bottom: 32px;
  display: inline-block;
}

.full-plan-details {
  background-color: #fafcff;
}
@media (max-width: 767.48px) {
  .full-plan-details {
    background-color: #FFFFFF;
  }
}
.full-plan-details .nw-plans-include {
  padding: 64px 0px 48px 0px;
  margin-top: 48px;
}
@media (max-width: 767.48px) {
  .full-plan-details .nw-plans-include {
    margin-top: 0px;
  }
}
.full-plan-details .nw-plans-include h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .full-plan-details .nw-plans-include h3 {
    margin-bottom: 24px;
  }
}
.full-plan-details .nw-plans-include ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-bottom: 8px;
  display: flex;
}
.full-plan-details .nw-plans-include ul li span {
  margin-right: 16px;
}
.full-plan-details .nw-plans-include p {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #14253B;
  margin-top: 16px;
}
@media (max-width: 767.48px) {
  .full-plan-details .nw-plans-include p {
    width: 165px;
    text-align: center;
  }
}

.plan-details table {
  border-collapse: separate;
  min-width: 1150px;
  margin-bottom: 0px;
}
.plan-details td {
  background-color: #fff;
  border: 1px solid rgba(20, 37, 59, 0.04);
  vertical-align: middle;
  text-align: center;
  padding: 22px 10px;
  color: #14253B;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  width: 19%;
}
.plan-details th {
  vertical-align: middle;
  padding: 22px 24px 22px 0px;
  border-bottom: 1px solid rgba(20, 37, 59, 0.04);
  width: 340px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #14253B;
}
.plan-details th span {
  padding-left: 15px;
}
.plan-details th svg {
  float: right;
  position: relative;
  top: 7px;
}
.plan-details th h4 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #14253B;
}
.plan-details tr td:first-of-type {
  border-left: 1px solid rgba(20, 37, 59, 0.08);
}
.plan-details tr td:last-of-type {
  border-right: 1px solid rgba(20, 37, 59, 0.08);
}
.plan-details tr:first-of-type td {
  border-top: 1px solid rgba(20, 37, 59, 0.08);
}
.plan-details tr:first-of-type td {
  border-top: 1px solid rgba(20, 37, 59, 0.08);
}
.plan-details tr:first-of-type td:first-of-type {
  border-top-left-radius: 16px;
}
.plan-details tr:first-of-type td:last-of-type {
  border-top-right-radius: 16px;
}
.plan-details tr:last-of-type th {
  border-bottom: none;
}
.plan-details tr:last-of-type td {
  border-bottom: 1px solid rgba(20, 37, 59, 0.08);
}
.plan-details tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 16px;
}
.plan-details tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 16px;
}
.plan-details .plan-name {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #14253B;
  margin-top: 40px;
  margin-bottom: 8px;
}
.plan-details .plan-price {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #363940;
  margin-bottom: 40px;
}
.plan-details .plan-price span {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 20px;
}
.plan-details .collapse-btn {
  max-width: 340px;
  height: auto;
  background: #EDF3F9;
  border-radius: 8px;
  padding: 12px 26px;
  cursor: pointer;
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #334253;
  font-family: "Inter", sans-serif;
}
@media (max-width: 767.48px) {
  .plan-details .collapse-btn {
    max-width: 276px;
  }
}

.switchbox {
  width: 23px;
  height: 10px;
  position: relative;
  background: #C8E7C6;
  border-radius: 60px;
  margin-left: 11px;
  margin-right: 11px;
  cursor: pointer;
}
.switchbox input {
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
}
.switchbox label {
  width: 14px;
  height: 14px;
  background: #53C04C;
  border-radius: 60px;
  position: absolute;
  top: -2px;
  left: -4px;
  cursor: pointer;
  transition: 0.3s;
}
.switchbox input:checked ~ label {
  left: auto;
  right: -4px;
}

.no-bg {
  background-color: transparent !important;
  border: none !important;
}

.bg-14253B {
  background-color: #14253B !important;
}
.bg-14253B:hover {
  background-color: #000 !important;
}

/* roi-redirect */
.roi-redirect {
  padding-top: 80px;
  padding-bottom: 104px;
  background-color: #fafcff;
}
@media (max-width: 767.48px) {
  .roi-redirect {
    margin-top: 64px;
    margin-bottom: 30px;
  }
}
.roi-redirect-right {
  padding-left: 40px;
}
@media (max-width: 767.48px) {
  .roi-redirect-right {
    padding-left: 0px;
  }
}
@media (max-width: 991.98px) {
  .roi-redirect {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (max-width: 767.48px) {
  .roi-redirect {
    text-align: center;
  }
}
.roi-redirect .heading-1 {
  line-height: 50px;
  margin-bottom: 10px;
}
.roi-redirect h4 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #14253B;
  margin-bottom: 10px;
}
.roi-redirect p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
}
.roi-redirect .mu-btn-border {
  border: none;
  display: inline-block;
}
.roi-redirect .mu-btn-border:hover {
  background: #FFFFFF;
}
.roi-redirect .mu-btn-border span {
  position: relative;
  top: -2px;
}
.roi-redirect .mu-btn-border svg {
  position: relative;
  top: -4px;
  margin-right: 14px;
}

/* roi-redirect */
.pricing-leaders {
  padding-top: 119px;
  padding-bottom: 96px;
}
@media (max-width: 991.98px) {
  .pricing-leaders {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.pricing-leaders .dot-styletwo {
  z-index: 1;
  top: 0px;
}

.pricing-testimonial {
  padding-top: 40px;
  background: none;
}
@media (max-width: 991.98px) {
  .pricing-testimonial {
    padding-bottom: 40px;
  }
}
.pricing-testimonial .client-preview {
  filter: drop-shadow(0px 68px 80px rgba(0, 0, 0, 0.07)) drop-shadow(0px 6.7776px 33.4221px rgba(0, 0, 0, 0.0503198)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275)) drop-shadow(0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725)) drop-shadow(0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802)) !important;
}

@media (max-width: 991.98px) {
  .pricing-about-join {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.pricing-about-join .join-bg {
  background: linear-gradient(90deg, rgba(24, 160, 251, 0.16) 0%, rgba(12, 185, 243, 0.16) 100%), #FFFFFF;
}
@media (max-width: 767.48px) {
  .pricing-about-join .join-bg {
    padding: 40px 32px;
  }
}
.pricing-about-join h5 {
  font-size: 24px;
  margin-bottom: 10px;
}
.pricing-about-join p {
  font-size: 14px;
}

/* Secondary Accordian */
.secondary-accordian {
  margin-bottom: 40px;
}
.secondary-accordian .accordion-item {
  border: none;
  padding: 24px 0px;
  border-bottom: 1px solid rgba(223, 229, 235, 0.6);
}
.secondary-accordian .accordion-item:first-of-type {
  border-top: 1px solid rgba(223, 229, 235, 0.6);
}
.secondary-accordian .accordion-item .accordion-button {
  font-family: "Inter", sans-serif;
  padding: 0px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  box-shadow: none;
  background-color: transparent;
}
.secondary-accordian .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.secondary-accordian .accordion-item .accordion-button.collapsed::after {
  content: "";
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/pricing/collapsed.png");
  width: 14px;
  height: 8px;
  background-size: contain;
  background-repeat: no-repeat;
}
.secondary-accordian .accordion-item .accordion-button::after {
  content: "";
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/pricing/not-collapsed.png");
  width: 14px;
  height: 8px;
  background-size: contain;
  background-repeat: no-repeat;
}
.secondary-accordian .accordion-item.active .accordion-button {
  background-color: transparent;
  color: #000;
}
.secondary-accordian .accordion-item .accordion-body {
  padding: 16px 0px 0px 0px;
}

/* End Secondary Accordian */
.faq-left {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  max-width: 352px;
}
@media (max-width: 991.98px) {
  .faq-left {
    margin-bottom: 30px;
    max-width: 100%;
  }
}
@media (max-width: 767.48px) {
  .faq-left {
    margin-bottom: 88px;
  }
}

/* Pricing Ultimate Hero Page CSS start */
.pricing-ultimate-hero {
  width: 100%;
  height: auto;
  background: linear-gradient(57.06deg, rgba(12, 185, 243, 0.8) 0%, rgba(24, 160, 251, 0.8) 60.1%), #14253B;
  padding-bottom: 88px;
}
@media (max-width: 767.48px) {
  .pricing-ultimate-hero {
    padding-bottom: 80px;
  }
}
@media (max-width: 767.48px) {
  .pricing-ultimate-hero .puh-left img {
    margin: 0px auto;
    display: block;
  }
}
.pricing-ultimate-hero .puh-left .subtitle {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #FFFFFF;
  margin-top: 80px;
  margin-bottom: 8px;
}
@media (max-width: 767.48px) {
  .pricing-ultimate-hero .puh-left .subtitle {
    margin-top: 48px;
  }
}
.pricing-ultimate-hero .puh-left .title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  color: #FFFFFF;
  margin-bottom: 24px;
}
@media (max-width: 360px) {
  .pricing-ultimate-hero .puh-left .title {
    font-size: 34px;
  }
}
.pricing-ultimate-hero .puh-left .text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #F8F9FB;
  margin-bottom: 24px;
}
.pricing-ultimate-hero .puh-left .subtext {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #F8F9FB;
  margin-bottom: 68px;
}
.pricing-ultimate-hero .puh-left .subtext svg {
  position: relative;
  top: -2px;
  margin-right: 8px;
}
@media (max-width: 575.98px) {
  .pricing-ultimate-hero .puh-left .subtext {
    margin-bottom: 50px;
  }
}

.puh-from {
  max-width: 550px;
  height: auto;
  background-color: #fff;
  border-radius: 0px 0px 20px 20px;
  padding: 66px 48px;
  margin: 0px 0px 0px auto;
  position: absolute;
  top: 0px;
  right: 80px;
}
@media (max-width: 1200px) {
  .puh-from {
    right: 30px;
  }
}
@media (max-width: 1100px) {
  .puh-from {
    right: 15px;
  }
}
@media (max-width: 1050px) {
  .puh-from {
    max-width: 500px;
  }
}
@media (max-width: 991.98px) {
  .puh-from {
    position: relative;
    left: 0px;
    right: 0px;
    max-width: 100%;
    border-radius: 0px;
    padding-bottom: 96px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  }
}
.puh-from .title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
  margin-bottom: 4px;
}
.puh-from .subtitle {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  margin-bottom: 32px;
}
.puh-from .form-group {
  margin-bottom: 20px;
}
.puh-from .form-group label {
  font-family: "Inter", sans-serif;
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 5px;
}
.puh-from .form-group label span {
  color: #FF511B;
}
.puh-from .form-group .form-control {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #212529;
  font-weight: 400;
  font-size: 13px;
  box-shadow: unset;
}
.puh-from .form-group .form-control:focus {
  border: 1px solid #18A0FB;
}
.puh-from .form-group textarea.form-control {
  height: 93px;
  resize: none;
}
.puh-from .form-group .bootstrap-select {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 60px !important;
  height: 45px;
}
.puh-from .form-group .dropdown-toggle {
  background-color: #FFFFFF;
  outline: unset !important;
  border: none;
  box-shadow: unset !important;
  width: auto;
  height: 100%;
  margin: 0px 0px 0px 1px;
  padding: 0px 0px 0px 15px;
}
.puh-from .form-group .dropdown-toggle::after {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/pricing/dropdown.png");
  background-size: 10px;
  width: 10px;
  height: 10px;
  background-position-x: 100%;
  background-position-y: 2px;
  border: none;
  background-repeat: no-repeat;
}
.puh-from .form-group .dropdown-toggle:focus {
  outline: 0px !important;
}
.puh-from .form-group .dropdown-toggle .filter-option {
  width: 24px;
  height: auto;
  margin: 0;
  padding: 0;
}
.puh-from .form-group .dropdown-toggle img {
  width: 20px;
}
.puh-from .form-group .dropdown-item.active, .puh-from .form-group .dropdown-item:active {
  background-color: #e9ecef;
}
.puh-from .form-group .phone-control {
  padding-left: 75px;
}
.puh-from .input-file {
  position: relative;
}
.puh-from .input-file label {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
  cursor: pointer;
}
.puh-from .input-file .filename {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
  margin-left: 5px;
}
.puh-from .input-file input {
  opacity: 0;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
}
@media (max-width: 1050px) {
  .puh-from .mu-btn {
    margin-top: 16px;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .puh-from .mu-btn {
    margin-top: 0px;
  }
}

.pu-leaders {
  padding-top: 73px;
  padding-bottom: 50px;
}
@media (max-width: 767.48px) {
  .pu-leaders {
    padding: 96px 0px 48px 0px;
  }
}
.pu-leaders .dot-styletwo {
  z-index: 1;
}
.pu-leaders .dot-stylethree {
  z-index: 1;
  height: 260px;
}

.one-stop-solution {
  padding: 104px 0px;
}
@media (max-width: 767.48px) {
  .one-stop-solution {
    padding: 48px 0px;
  }
}
.one-stop-solution .section-title {
  margin-bottom: 32px;
}
.one-stop-solution .oss-left p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #334253;
}

.business-goals {
  padding-top: 40px;
  padding-bottom: 70px;
}
.business-goals .single-stream {
  text-align: left;
}
@media (max-width: 767.48px) {
  .business-goals .single-stream {
    padding-bottom: 25px;
  }
}
.business-goals .single-stream p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(20, 37, 59, 0.8);
  margin-bottom: 4px;
}
@media (max-width: 575.98px) {
  .business-goals .single-stream p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
  }
}
@media (max-width: 767.48px) {
  .business-goals .single-stream .it-group {
    display: flex;
    align-items: center;
  }
  .business-goals .single-stream .it-group .title-small {
    font-size: 24px;
    line-height: normal;
    padding-left: 18px;
  }
}
.business-goals .single-stream .it-group .icon {
  margin-bottom: 33px;
}
@media (max-width: 767.48px) {
  .business-goals .single-stream .it-group .icon {
    margin-bottom: 10px;
  }
}

.muvi-customers {
  background-color: #D9EFFF;
  padding-top: 88px;
  padding-bottom: 80px;
}
@media (max-width: 767.48px) {
  .muvi-customers {
    padding-top: 96px;
    padding-bottom: 62px;
  }
}
.muvi-customers .section-title {
  margin-bottom: 46px;
  font-size: 40px;
}
.muvi-customers .count {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  margin-bottom: 10px;
}
.muvi-customers .count._blue {
  color: #2C6ECB;
}
.muvi-customers .count._green {
  color: #24AE60;
}
.muvi-customers .count-text {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14.8916px;
  line-height: 18px;
  color: #14253B;
}

.exceptional-service {
  padding: 104px 0px;
}
.exceptional-service .section-title {
  margin-bottom: 73px;
  font-size: 40px;
}
@media (max-width: 575.98px) {
  .exceptional-service .single-stream p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 767.48px) {
  .exceptional-service .it-group {
    display: flex;
    align-items: center;
  }
  .exceptional-service .it-group .title-small {
    font-size: 24px;
    line-height: normal;
    padding-left: 18px;
  }
}
.exceptional-service .it-group .icon {
  margin-bottom: 33px;
}
@media (max-width: 767.48px) {
  .exceptional-service .it-group .icon {
    margin-bottom: 10px;
  }
}

.technology-expertise {
  width: 100%;
  height: auto;
  background-color: #14253B;
  padding: 104px 0px;
  color: #fff;
}
.technology-expertise .section-title {
  color: #fff;
  font-size: 40px;
}
.technology-expertise .subtitle {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.64);
}
.technology-expertise .export-img {
  text-align: center;
  margin: 56px auto;
}
@media (max-width: 575.98px) {
  .technology-expertise .export-features {
    margin-bottom: 40px;
  }
}
.technology-expertise .export-features h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #FFFFFF;
}
.technology-expertise .export-features p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
}

@media (max-width: 575.98px) {
  .pricing-ultimate-faq {
    padding-top: 96px !important;
    padding-bottom: 36px !important;
  }
}
.pricing-ultimate-faq .accordion-item {
  border-radius: 16px;
  background-color: transparent;
}
.pricing-ultimate-faq .accordion-item .accordion-button.collapsed::after {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/pricing/left.png");
  background-size: contain;
  width: 9px;
  height: 14px;
  transform: none;
  transition: none;
}
.pricing-ultimate-faq .accordion-item .accordion-button::after {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/pricing/down.png");
  background-size: contain;
  width: 11px;
  height: 6px;
  transform: none;
  transition: none;
}

.pricing-ultimate-cta {
  padding-bottom: 85px;
}
.pricing-ultimate-cta .tertiary-cta-content ul li {
  font-weight: 500;
}

/* Pricing Ultimate Hero Page CSS End */
/* Pricing ROI Page CSS Start -*/
.roi-section {
  width: 100%;
  height: auto;
  padding-top: 56px;
  padding-bottom: 82px;
}

.projecte-details {
  padding-top: 48px;
  padding-right: 20px;
}
.projecte-details h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #14253B;
}
.projecte-details p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #334253;
}

/* table-primary Strat*/
.table-primary-shadow {
  box-shadow: 0px 9px 58px rgba(0, 0, 0, 0.03), 0px 2.01027px 12.9551px rgba(0, 0, 0, 0.0178832), 0px 0.598509px 3.85706px rgba(0, 0, 0, 0.0121168);
  border-radius: 8px;
}

.table-primary {
  margin: 0px;
  border-collapse: separate;
}
.table-primary th {
  font-family: "Inter", sans-serif;
  background: #EAF7FF;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #14253B;
  text-align: center;
  padding: 15px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.table-primary th:first-of-type {
  border-top-left-radius: 8px;
}
.table-primary th:last-of-type {
  border-top-right-radius: 8px;
  border-right: none;
}
.table-primary td {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  text-align: center;
  padding: 20px 16px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.04);
}
.table-primary td:first-of-type {
  border-left: none;
  border-bottom-left-radius: 8px;
}
.table-primary td:last-of-type {
  border-right: none;
  border-bottom-right-radius: 8px;
}

/* table-primary End */
.chart-area {
  width: 100%;
  height: auto;
  margin-top: 37px;
  position: relative;
  padding-left: 25px;
}
.chart-area .price-unit {
  position: absolute;
  top: 0px;
  left: 0px;
  top: 35%;
  left: -23px;
  transform: rotate(-90deg);
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 10px;
  color: #828282;
}
.chart-area .colorcode {
  font-family: "Inter", sans-serif;
  display: inline-block;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  color: #828282;
}
.chart-area .colorcode span {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  display: inline-block;
  margin-left: 24px;
  margin-top: 32px;
  line-height: 24px;
}
.chart-area .colorcode span._revenue {
  background-color: #50A728;
}
.chart-area .colorcode span._expense {
  background-color: #BB6BD9;
}

.reportbox {
  margin: 40px 0px;
  display: none;
}
.reportbox .report-sendbox {
  background-color: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  padding: 16px;
  margin-top: 24px;
}
.reportbox .report-sendbox .form-control {
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 0px 16px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #657080;
}
.reportbox .report-sendbox .form-control:focus {
  box-shadow: none !important;
  border: 1px solid #18A0FB;
}

.roibox {
  width: 100%;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 9px 58px rgba(0, 0, 0, 0.03), 0px 2.01027px 12.9551px rgba(0, 0, 0, 0.0178832), 0px 0.598509px 3.85706px rgba(0, 0, 0, 0.0121168);
  border-radius: 40px;
  padding: 48px 56px;
}
@media (max-width: 991.98px) {
  .roibox {
    background-color: transparent;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px 0px 48px 0px;
  }
}
.roibox h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #14253B;
}
.roibox .nav-tabs {
  border-bottom: none;
  background-color: #FFFFFF;
  border: 1px solid #E4EDF5;
  border-radius: 12px;
  padding: 4px;
}
.roibox .nav-tabs .nav-item .nav-link {
  font-family: "Poppins", sans-serif;
  color: #14253B;
  font-weight: 500;
  font-size: 16px;
  border-radius: 8px;
}
.roibox .nav-tabs .nav-item .nav-link.active {
  background-color: #18A0FB;
  color: #fff;
}
.roibox .tab-content {
  margin-top: 41px;
}
.roibox .tab-content .form-box {
  padding-left: 30px;
  padding-right: 32px;
}
@media (max-width: 991.98px) {
  .roibox .tab-content .form-box {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.roibox .tab-content .form-box h3 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #334253;
  position: relative;
}
.roibox .tab-content .form-box h3 svg {
  position: absolute;
  top: 0px;
  left: -30px;
}
@media (max-width: 991.98px) {
  .roibox .tab-content .form-box h3 svg {
    position: relative;
    left: 0px;
    margin-right: 16px;
  }
}
.roibox .tab-content .form-box .form-check {
  margin-right: 24px;
  margin-bottom: 34px;
}
.roibox .tab-content .form-box .form-check label {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
}
.roibox .tab-content .form-box .dropdown-custom .dropdown-toggle {
  height: 48px;
  line-height: 31px;
  color: #334253 !important;
}
.roibox .tab-content .form-box .dropdown-custom .dropdown-toggle:focus {
  border: 1px solid #18A0FB;
}
.roibox .tab-content .form-box .form-group label {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
  margin-bottom: 4px;
}
.roibox .tab-content .form-box .form-group .bootstrap-tagsinput,
.roibox .tab-content .form-box .form-group .form-control {
  width: 100%;
  height: 48px;
  background-color: #FFFFFF;
  border: 1px solid #DBE1EA;
  box-shadow: none;
  border-radius: 4px;
}
.roibox .tab-content .form-box .form-group .bootstrap-tagsinput:focus,
.roibox .tab-content .form-box .form-group .form-control:focus {
  box-shadow: none;
  border: 1px solid #18A0FB;
}
.roibox .tab-content .form-box .form-group .bootstrap-tagsinput {
  min-height: 48px;
  height: auto;
}
.roibox .tab-content .form-box .form-group .custom-range .rangeslider {
  height: 4px;
  box-shadow: none;
}
.roibox .tab-content .form-box .form-group .custom-range .rangeslider .rangeslider__fill {
  background: #2C6ECB;
  box-shadow: none;
}
.roibox .tab-content .form-box .form-group .custom-range .rangeslider .rangeslider__handle {
  width: 14px;
  height: 14px;
  box-shadow: none;
  top: -5px;
  background-color: #2C6ECB;
  border: none;
}
.roibox .tab-content .form-box .form-group .custom-range .rangeslider .rangeslider__handle::after {
  display: none;
}

/* Pricing ROI Page CSS End */
.request-cta-content {
  padding-left: 28px;
}
@media (max-width: 991.98px) {
  .request-cta-content {
    padding-left: 0px;
  }
}

.pu-buss-goals .single-stream {
  margin-bottom: 49px;
}

.choices__inner {
  background-color: #fff;
  border: 1px solid #DBE1EA;
  border-radius: 4px;
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/pricing/dropdown.png");
  background-repeat: no-repeat;
  background-position: right 18px top 17px;
  padding-right: 32px;
}
.choices__inner .choices__input {
  width: 186px !important;
  background-color: transparent;
}

.choices__list--multiple .choices__item {
  background: linear-gradient(0deg, #DBF0FF, #DBF0FF), #ECEFF5;
  border-radius: 3px;
  padding: 5px 24px 5px 8px;
  color: #202223;
  font-weight: 400;
  font-size: 12px;
  border: none;
  outline: 0px;
}
.choices__list--multiple .choices__item:focus, .choices__list--multiple .choices__item:active {
  border: none !important;
  outline: 0px !important;
}
.choices__list--multiple .choices__item .choices__button {
  border-left: none;
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/pricing/close.png");
  width: 14px;
  height: 14px;
  background-position: top 1px right 5px;
  background-size: 12px;
  opacity: 1;
}

.hero-competition {
  position: relative;
  padding: 0px;
}
.hero-competition ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  color: #14253B;
  margin-bottom: 6px;
  text-align: left;
}
.hero-competition .banner-preview {
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .hero-competition .banner-preview {
    margin-top: 0px;
  }
}
.hero-competition .dot-competion_dot {
  position: absolute;
  z-index: -1;
  left: 0%;
  bottom: 17%;
  max-width: 100%;
}
@media (max-width: 1199.98px) {
  .hero-competition .dot-competion_dot {
    display: none;
  }
}
@media (max-width: 1440px) {
  .hero-competition .dot-competion_dot {
    left: -20px;
    right: auto;
    max-width: 260px;
  }
}
@media (max-width: 1280px) {
  .hero-competition .dot-competion_dot {
    left: -30px;
    right: auto;
    max-width: 100px;
  }
}

.search-competitor-btn {
  background: linear-gradient(90deg, #18A0FB 0%, #0CB9F3 100%), #FFFFFF;
  border-radius: 32px;
  padding: 69px 60px;
  margin: 30px 0px;
}
@media (max-width: 767.48px) {
  .search-competitor-btn {
    background: transparent;
    padding: 0px;
    margin: 0px;
  }
}
.search-competitor-btn .search-box {
  margin-top: 0px;
}
.search-competitor-btn .search-box .form-control {
  font-size: 14px;
  color: #657080;
  font-weight: 400;
}
.search-competitor-btn h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 46px;
  color: #FFFFFF;
}
@media (max-width: 991.98px) {
  .search-competitor-btn h2 {
    margin-bottom: 16px;
  }
}
@media (max-width: 767.48px) {
  .search-competitor-btn h2 {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 767.48px) {
  .full-search-competitor-btn {
    background: linear-gradient(90deg, #18A0FB 0%, #0CB9F3 100%), #FFFFFF;
    text-align: center;
    padding: 40px 0px;
    margin: 54px 0px;
  }
}

.competition-settle-text {
  margin: 100px 0px 100px 0px;
}
@media (max-width: 767.48px) {
  .competition-settle-text {
    margin: 64px 0px;
  }
}
.competition-settle-text h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  color: #14253B;
  margin-bottom: 24px;
}
@media (max-width: 767.48px) {
  .competition-settle-text h2 {
    font-size: 32px;
    line-height: 40px;
    text-align: left;
  }
}
.competition-settle-text p {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #303049;
}
@media (max-width: 767.48px) {
  .competition-settle-text p {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }
}

.full-bg-background {
  background: #FAFDFF;
}
@media (max-width: 767.48px) {
  .full-bg-background {
    padding: 32px 0px;
  }
}
.full-bg-background .single-table-content {
  padding: 104px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.full-bg-background .single-table-content:last-child {
  border-bottom: none;
}
@media (max-width: 767.48px) {
  .full-bg-background .single-table-content {
    padding: 32px 0px;
    border-bottom: none;
  }
}
@media (max-width: 767.48px) {
  .full-bg-background .single-table-content .left-content {
    margin-bottom: 24px;
  }
}
.full-bg-background .single-table-content .left-content h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #0A2540;
  margin-bottom: 24px;
}
.full-bg-background .single-table-content .left-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
  margin-bottom: 10px;
}
.full-bg-background .single-table-content .right-content {
  background: #FFFFFF;
  border: 1px solid rgba(20, 37, 59, 0.08);
  border-radius: 16px;
}
.full-bg-background .single-table-content .right-content .bg-important {
  background: #EAF7FF;
}
.full-bg-background .single-table-content .right-content .bg-important:last-child {
  border-bottom: none;
}
.full-bg-background .single-table-content .right-content table tr {
  border-bottom: 1px solid rgba(20, 37, 59, 0.08);
}
.full-bg-background .single-table-content .right-content table tr:last-child {
  border-bottom: none;
}
.full-bg-background .single-table-content .right-content table th, .full-bg-background .single-table-content .right-content table td {
  padding: 16px 24px;
  overflow-wrap: break-word;
}
.full-bg-background .single-table-content .right-content table th {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #14253B;
}
.full-bg-background .single-table-content .right-content table td {
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
}

.muvi-make-unique {
  padding: 100px 0px 40px 0px;
}
@media (max-width: 767.48px) {
  .muvi-make-unique {
    background-color: #FAFDFF;
    padding: 0px 0px 40px 0px;
  }
}
.muvi-make-unique .left-side h4 {
  font-weight: 600;
  font-size: 32px;
  line-height: 28px;
  margin-bottom: 24px;
}
.muvi-make-unique .left-side ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-bottom: 6px;
  display: flex;
}
@media (max-width: 767.48px) {
  .muvi-make-unique .right-side {
    margin-top: 24px;
  }
}
.muvi-make-unique .right-side p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #14253B;
  margin-top: 16px;
  overflow-wrap: break-word;
}

.competition-leader-area {
  margin-top: 64px;
}

.competion-review-block {
  padding: 32px 0px;
}
.competion-review-block img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  border-radius: 6px;
}
@media (max-width: 767.48px) {
  .competion-review-block img {
    margin-bottom: 16px;
  }
}
.competion-review-block .text {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #334253;
  margin-top: 16px;
  margin-bottom: 16px;
}
.competion-review-block .name {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #363A40;
}
.competion-review-block .designation {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #67758D;
}

.competion-tagline-block {
  padding: 32px 0px 64px 0px;
}
.competion-tagline-block .inner-tagline {
  border: 1px solid #098CE3;
  border-radius: 16px;
  padding: 64px;
}
@media (max-width: 767.48px) {
  .competion-tagline-block .inner-tagline {
    padding: 24px;
  }
}
.competion-tagline-block .inner-tagline h6 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #14253B;
  margin-bottom: 16px;
}
.competion-tagline-block .inner-tagline p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
}

.video-expreince-block {
  background: linear-gradient(0deg, rgba(9, 140, 227, 0.87), rgba(9, 140, 227, 0.87)), url(https://www.muvi.com/wp-content/themes/muvi-child/assets/css/.jpg), url(https://www.muvi.com/wp-content/themes/muvi-child/assets/css/.jpg), #E4EDF5;
  padding: 64px 0px;
}
@media (max-width: 767.48px) {
  .video-expreince-block {
    background: #FAFDFF;
  }
}
.video-expreince-block .inner-video-expreince {
  text-align: center;
  background: #FFFFFF;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 20px;
  padding: 64px 80px;
}
@media (max-width: 767.48px) {
  .video-expreince-block .inner-video-expreince {
    padding: 0px;
    border-radius: unset;
    background: transparent;
  }
}
.video-expreince-block .inner-video-expreince h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
  margin-bottom: 16px;
}
.video-expreince-block .inner-video-expreince p.top {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #303049;
  margin-bottom: 22px;
}
.video-expreince-block .inner-video-expreince p.bottom {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #334253;
  margin-bottom: 24px;
}
.video-expreince-block .inner-video-expreince span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
  margin-top: 22px;
}

.competition-footer {
  margin-top: 0px !important;
}

.hero-howworks {
  padding: 64px 0px 104px 0px;
}
@media (max-width: 767.48px) {
  .hero-howworks {
    padding: 64px 0px 40px 0px;
  }
}
.hero-howworks .row-full-works {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 991.98px) {
  .hero-howworks .row-full-works {
    display: inline-block;
  }
}
.hero-howworks .row-full-works .pre-left-content {
  width: 448px;
  height: auto;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.64) 0%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 991.98px) {
  .hero-howworks .row-full-works .pre-left-content {
    width: 100%;
  }
}
.hero-howworks .row-full-works .pre-right-content {
  width: calc(100% - 512px);
  height: auto;
}
@media (max-width: 991.98px) {
  .hero-howworks .row-full-works .pre-right-content {
    width: 100%;
  }
}
.hero-howworks .left-content span {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
}
.hero-howworks .left-content h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  color: #14253B;
  margin-top: 8px;
}
.hero-howworks .left-content h6 {
  font-family: "Inter";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #14253B;
  margin-top: 8px;
}
.hero-howworks .left-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
  margin-top: 12px;
}
.hero-howworks .left-content h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #14253B;
  margin-bottom: 24px;
  margin-top: 48px;
}
@media (max-width: 991.98px) {
  .hero-howworks .left-content ul {
    margin-bottom: 40px;
  }
}
.hero-howworks .left-content ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-bottom: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.hero-howworks .left-content ul li span {
  vertical-align: middle;
  line-height: normal;
}
.hero-howworks .client-preview {
  border-radius: 12px;
  filter: drop-shadow(0px 15px 78px rgba(0, 0, 0, 0.07)) drop-shadow(0px 1.87823px 9.76681px rgba(0, 0, 0, 0.035));
  background: transparent;
}
.hero-howworks .client-preview img {
  border-radius: 12px;
}
.hero-howworks .client-preview video {
  border-radius: 12px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 337px;
}
.hero-howworks .client-preview .video-js {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  height: 337px;
}
@media (max-width: 767.48px) {
  .hero-howworks .client-preview .video-js {
    height: 180px;
  }
}
.hero-howworks .client-preview .vjs-poster {
  display: none;
}
.hero-howworks .client-preview .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.14);
  -webkit-backdrop-filter: blur(2.77468px);
          backdrop-filter: blur(2.77468px);
  border-radius: 50%;
  border-color: transparent;
}
.hero-howworks .rightform-content {
  padding: 30px;
}
@media (max-width: 991.98px) {
  .hero-howworks .rightform-content {
    padding: 20px;
  }
}
@media (max-width: 767.48px) {
  .hero-howworks .rightform-content {
    padding: 20px 0px 0px 0px;
  }
}
.hero-howworks .rightform-content h5 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #14253B;
}
.hero-howworks .rightform-content a {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  color: #098CE3;
}
.hero-howworks .rightform-content a:hover {
  color: #18A0FB;
}
.hero-howworks .rightform-content .form-label {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #14253B;
}
.hero-howworks .rightform-content button {
  display: block;
  background: #FFFFFF;
  border: 1px solid #098CE3;
  border-radius: 6px;
  width: 82px;
  height: 36px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  color: #14253B;
}
.hero-howworks .rightform-content .form-check-input :checked {
  background-color: #18A0FB;
  border-color: #18A0FB;
}
.hero-howworks .rightform-content .form-check-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
}
.hero-howworks .rightform-content .form-control {
  border: 1px solid #E4EDF5;
  border-radius: 6px;
  height: 42px;
  box-shadow: unset;
  outline: none;
  font-size: 13px;
}
.hero-howworks .rightform-content .form-control:focus {
  border: 1px solid #18A0FB;
}

.product-demo-trial {
  padding: 0px 0px 100px 0px;
}
@media (max-width: 767.48px) {
  .product-demo-trial {
    padding: 0px;
  }
}
.product-demo-trial .left-box {
  background: #EEF5FF;
  border-radius: 24px;
  padding: 40px;
}
@media (max-width: 767.48px) {
  .product-demo-trial .left-box {
    margin-top: 40px;
  }
}
.product-demo-trial .left-box h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
}
.product-demo-trial .left-box p {
  font-weight: 400;
  font-size: 13px;
  line-height: 23px;
  color: #334253;
  margin-top: 8px;
}
.product-demo-trial .left-box .btn-trial.white {
  background: #FFFFFF;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-transform: capitalize;
  color: #14253B;
  margin-top: 32px;
}
.product-demo-trial .left-box .btn-trial.white:hover {
  background: #18A0FB;
  color: #FFFFFF;
}
.product-demo-trial .right-box {
  margin-left: 27px;
}
@media (max-width: 1199.98px) {
  .product-demo-trial .right-box {
    margin-left: 0px;
  }
}
.product-demo-trial .right-box h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
  margin-bottom: 24px;
}
.product-demo-trial .right-box ul {
  list-style: disc;
  margin-left: 20px;
}
.product-demo-trial .right-box ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #334253;
}
.product-demo-trial .right-box ul li ::marker {
  background-color: #334253;
}
.product-demo-trial .right-box .btn-trial {
  display: inline-block;
  margin-top: 24px;
}
.product-demo-trial .right-box span {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #334253;
  margin-top: 16px;
}

.product-demo-footer-bg {
  background: #F7FBFF;
}
@media (max-width: 767.48px) {
  .product-demo-footer-bg {
    background: #FFFFFF;
  }
}

.hiw-hero {
  padding: 80px 0px;
}
.hiw-hero p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303049;
  margin-bottom: 15px;
}
.hiw-hero .gx-40 {
  --bs-gutter-x: 40px;
}

.video-panel {
  width: 100%;
  height: auto;
}
.video-panel video {
  border-radius: 10px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-panel .video-js {
  width: 100%;
  height: 580px;
  border-radius: 20px;
  margin-bottom: 48px;
  overflow: hidden;
}
@media (max-width: 767.48px) {
  .video-panel .video-js {
    height: 300px;
  }
}
.video-panel .vjs-poster {
  display: none;
}
.video-panel .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 71px;
  height: 71px;
  line-height: 71px;
  background: #5C5F62;
  border-radius: 50%;
  border-color: transparent;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border: none;
}
.video-panel .video-js:hover .vjs-big-play-button {
  border-color: transparent !important;
  background-color: rgba(24, 160, 251, 0.6) !important;
}

.titletab {
  padding: 80px 0px;
}
.titletab .title-sm {
  color: #14253B;
  margin-bottom: 56px;
}
.titletab .tabscroll {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 24px;
  border-radius: 32px;
}
.titletab nav {
  background: #F8F9FB;
  border-radius: 32px;
  max-width: 1112px;
  margin: 0px auto;
}
.titletab nav .nav-tabs {
  border: none;
  display: flex;
  flex-wrap: nowrap;
}
.titletab nav .nav-tabs .nav-link {
  width: 174px;
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(180, 187, 202, 0.12);
  border-radius: 16px;
  border: none;
  margin-right: 48px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
  position: relative;
  flex: 0 0 174px;
  transition: 0.3s;
}
.titletab nav .nav-tabs .nav-link::before {
  content: "";
  width: 33px;
  height: 8px;
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/hiw/tab-arrow.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: -40px;
}
.titletab nav .nav-tabs .nav-link:last-child {
  margin-right: 0px;
}
@media (max-width: 991.98px) {
  .titletab nav .nav-tabs .nav-link:last-child {
    margin-right: 24px;
  }
}
.titletab nav .nav-tabs .nav-link:last-child::before {
  display: none;
}
.titletab nav .nav-tabs .nav-link.active, .titletab nav .nav-tabs .nav-link:hover {
  background: #FFFFFF;
  box-shadow: 0px 36px 80px rgba(0, 0, 0, 0.07), 0px 4.50776px 10.0172px rgba(0, 0, 0, 0.035), inset 0px -2px 0px #E4E6EA;
}
.titletab .tab-content {
  margin-top: 56px;
}
@media (max-width: 991.98px) {
  .titletab .flashImgBox {
    margin-left: auto;
    margin-right: auto;
  }
}

.accordion-style-3 .accordion-item {
  border: none;
  border-bottom: 1px solid rgba(223, 229, 235, 0.6);
  padding-top: 24px;
  padding-bottom: 24px;
}
.accordion-style-3 .accordion-item:last-child {
  border-bottom: none;
}
.accordion-style-3 .accordion-item .accordion-button {
  color: #000000;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  box-shadow: none;
  background-color: transparent;
  position: relative;
  padding: 0px;
}
.accordion-style-3 .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.accordion-style-3 .accordion-item .accordion-button span {
  width: 24px;
  height: 24px;
  border-radius: 50px;
  margin-right: 24px;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  background-color: #098CE3;
  color: #fff;
}
.accordion-style-3 .accordion-item .accordion-button.collapsed span {
  background-color: #fff;
  border: 1px solid #098CE3;
  color: #334253;
}
.accordion-style-3 .accordion-item .accordion-body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #334253;
  padding: 16px 40px 0px 48px;
}

.hiw-faq .secondary-accordian {
  max-width: 718px;
}
@media (max-width: 575.98px) {
  .hiw-faq .secondary-accordian {
    margin-bottom: 0px;
  }
}
.hiw-faq .secondary-accordian .accordion-body p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
}
.hiw-faq .secondary-accordian .accordion-item .accordion-button:after {
  width: 11px;
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/pricing/collapsed.png");
}

.hiw-product-trial {
  padding: 104px 0px;
}
.hiw-product-trial .btn-trial {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.hiw-product-trial .left-box {
  max-width: 323px;
}
@media (max-width: 767.48px) {
  .hiw-product-trial .right-box {
    padding-left: 0px;
  }
}
.hiw-product-trial .right-box span {
  margin-top: 20px;
}
.hiw-product-trial .right-box ul {
  margin: 30px 0px 30px 20px;
}
@media (max-width: 767.48px) {
  .hiw-product-trial {
    padding-bottom: 0px;
    padding-top: 64px;
    background: #F3F6F9;
  }
  .hiw-product-trial .left-box {
    margin-top: 0px;
    margin-bottom: 75px;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #EEF5FF;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 24px;
  }
  .hiw-product-trial .left-box h6 {
    font-size: 20px;
  }
  .hiw-product-trial .left-box p {
    font-size: 14px;
  }
  .hiw-product-trial .left-box .btn-trial {
    border: 1px solid #18A0FB;
  }
  .hiw-product-trial .right-box {
    padding-bottom: 65px;
  }
}

.hiw-leaders {
  padding-top: 60px;
  padding-bottom: 96px;
}
@media (max-width: 767.48px) {
  .hiw-leaders {
    padding-top: 0px;
    padding-bottom: 30px;
  }
}
.hiw-leaders .dot-styletwo {
  z-index: 1;
  top: -50px;
}

.hiw-cta .hiw-cta-dep {
  max-width: 479px;
}
@media (max-width: 767.48px) {
  .hiw-cta .hiw-cta-dep {
    text-align: center;
    max-width: 100%;
  }
}
@media (max-width: 767.48px) {
  .hiw-cta h3 {
    padding-left: 16px;
  }
}

.light-bglive-3 {
  background: #D9EFFF;
}
.light-bglive-3.sticky-header {
  background: #FFFFFF;
}

.live-demo-hero {
  background: #D9EFFF;
  padding: 40px 0px 62px 0px;
}
.live-demo-hero h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  color: #14253B;
  margin-bottom: 8px;
}
@media (max-width: 767.48px) {
  .live-demo-hero h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.live-demo-hero p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #303049;
  margin-top: 6px;
}

.live-free-demo {
  padding: 80px 0px;
}
.live-free-demo .left-text {
  padding: 0px 84px;
}
@media (max-width: 1199.98px) {
  .live-free-demo .left-text {
    padding: 0px 30px;
  }
}
@media (max-width: 991.98px) {
  .live-free-demo .left-text {
    padding: 0px;
    margin-bottom: 64px;
  }
}
.live-free-demo .left-text h6 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
  margin-bottom: 12px;
}
.live-free-demo .left-text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  margin-bottom: 14px;
}
.live-free-demo .left-text p:last-child {
  margin-bottom: 0px;
}

.explore-possibilities-block {
  padding: 70px 0px 100px 0px;
}
@media (max-width: 767.48px) {
  .explore-possibilities-block {
    padding: 44px 0px 64px 0px;
  }
}
.explore-possibilities-block h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 58px;
  color: #14253B;
  margin-bottom: 16px;
}
@media (max-width: 767.48px) {
  .explore-possibilities-block h3 {
    line-height: 40px;
  }
}
.explore-possibilities-block p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #334253;
}
.explore-possibilities-block .inside-block {
  margin-top: 40px;
}
.explore-possibilities-block .inside-block span {
  display: inline-block;
  margin-bottom: 24px;
}
.explore-possibilities-block .inside-block h6 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 8px;
}
.explore-possibilities-block .inside-block p {
  font-family: "Inter";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(20, 37, 59, 0.8);
}

.live-demo-footer-bg {
  background: #F7FBFF !important;
}
@media (max-width: 767.48px) {
  .live-demo-footer-bg {
    background: #FFFFFF !important;
    padding: 0px !important;
  }
}

.liveinner-meeting-details {
  background: transparent;
  border-radius: 8px;
  height: 405px;
  border-radius: 20px;
  box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05), 0px 6.0308px 17.869px rgba(0, 0, 0, 0.0298054), 0px 1.79553px 5.32008px rgba(0, 0, 0, 0.0201946);
}
@media (max-width: 991.98px) {
  .liveinner-meeting-details {
    height: 420px;
  }
}
@media (max-width: 767.48px) {
  .liveinner-meeting-details {
    height: 800px;
  }
}
@media (max-width: 575.98px) {
  .liveinner-meeting-details {
    border: none;
  }
}
.liveinner-meeting-details .custom-border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  height: 405px;
}
@media (max-width: 767.48px) {
  .liveinner-meeting-details .custom-border-right {
    border: none;
    height: 350px;
  }
}
.liveinner-meeting-details .left-calender {
  padding: 30px 30px;
}
@media (max-width: 1199.98px) {
  .liveinner-meeting-details .left-calender {
    padding: 30px 5px;
  }
}
@media (max-width: 575.98px) {
  .liveinner-meeting-details .left-calender {
    padding: 15px;
  }
}
.liveinner-meeting-details .left-calender span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #14253B;
  text-transform: inherit;
  letter-spacing: normal;
  margin-bottom: 10px;
}
.liveinner-meeting-details .right-time {
  padding: 30px 30px;
}
@media (max-width: 1199.98px) {
  .liveinner-meeting-details .right-time {
    padding: 30px 5px;
  }
}
@media (max-width: 575.98px) {
  .liveinner-meeting-details .right-time {
    padding: 15px;
  }
}
.liveinner-meeting-details .right-time p {
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  color: #334253;
  margin-bottom: 10px;
}
.liveinner-meeting-details .right-time .minsmu-btn {
  display: inline-block;
  background: #18A0FB;
  border-radius: 104px;
  padding: 8px 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.liveinner-meeting-details .right-time .span-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
}

.liveinner-edit-meeting {
  border-radius: 20px;
  box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05), 0px 6.0308px 17.869px rgba(0, 0, 0, 0.0298054), 0px 1.79553px 5.32008px rgba(0, 0, 0, 0.0201946);
  padding: 42px !important;
}
@media (max-width: 767.48px) {
  .liveinner-edit-meeting {
    padding: 24px !important;
  }
}
.liveinner-edit-meeting .top-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-transform: capitalize;
  color: #657080;
  display: block;
  letter-spacing: normal;
}
.liveinner-edit-meeting h4 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #334253;
}
@media (max-width: 767.48px) {
  .liveinner-edit-meeting h4 {
    font-size: 16px;
  }
}
.liveinner-edit-meeting h4 label {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-transform: capitalize;
  color: #098CE3;
  margin-left: 15px;
  vertical-align: middle;
  cursor: pointer;
}
.liveinner-edit-meeting h4 label:hover {
  color: #18A0FB;
}
.liveinner-edit-meeting form label {
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 5px;
}
.liveinner-edit-meeting form .form-group {
  margin-top: 20px;
}
.liveinner-edit-meeting form .form-control {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #212529;
  font-weight: 400;
  font-size: 13px;
  box-shadow: unset;
}
.liveinner-edit-meeting form .form-control:focus {
  border-color: #86b7fe;
  outline: 0 none;
}
.liveinner-edit-meeting form .form-control::-moz-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.liveinner-edit-meeting form .form-control:-ms-input-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.liveinner-edit-meeting form .form-control::placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.liveinner-edit-meeting form .form-back-btn {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 104px;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  color: #14253B;
}
.liveinner-edit-meeting form .form-back-btn :hover {
  color: red;
}
.liveinner-edit-meeting form .form-confirm-btn {
  background: #18A0FB;
  border-radius: 104px;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  color: #FFFFFF;
  border: 1px solid transparent;
}

.liveinner-edit-meeting {
  padding: 42px;
}
.liveinner-edit-meeting h6 {
  font-family: "Inter";
  font-weight: 500;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  color: #14253B;
  margin-top: 24px;
}
.liveinner-edit-meeting p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #334253;
}
.liveinner-edit-meeting h4 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #14253B;
  margin-top: 18px;
  margin-bottom: 24px;
}
.liveinner-edit-meeting .form-back-btn {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 104px;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  color: #14253B;
}
.liveinner-edit-meeting .form-back-btn:hover {
  background: #18A0FB;
  border: 1px solid #18A0FB;
  color: #FFFFFF;
}
.liveinner-edit-meeting .form-confirm-btn {
  background: #18A0FB;
  border-radius: 104px;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  color: #FFFFFF;
  border: 1px solid transparent;
}
.liveinner-edit-meeting .form-confirm-btn:hover {
  background: #098CE3;
}

.open-calender {
  opacity: 0;
  height: 0;
  width: 0;
}

.open-time {
  opacity: 0;
  width: 90%;
}

.migrate-muvi-hero {
  padding: 0;
  position: relative;
  padding-top: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
@media (max-width: 767.48px) {
  .migrate-muvi-hero {
    padding-top: 0px;
  }
  .migrate-muvi-hero .mu-btn {
    text-align: start !important;
  }
}
.migrate-muvi-hero .hero-content {
  margin-top: 60px;
}
@media (max-width: 991.98px) {
  .migrate-muvi-hero .hero-content {
    margin-top: 24px;
  }
}
.migrate-muvi-hero .hero-content .page-heading {
  margin-bottom: 16px;
}
.migrate-muvi-hero .dot-competion_dot {
  position: absolute;
  z-index: -1;
  left: 0%;
  bottom: 0%;
  max-width: 140px;
}
@media (max-width: 1199.98px) {
  .migrate-muvi-hero .dot-competion_dot {
    display: none;
  }
}
@media (max-width: 1440px) {
  .migrate-muvi-hero .dot-competion_dot {
    left: 0px;
    right: auto;
    max-width: 140px;
  }
}
@media (max-width: 1280px) {
  .migrate-muvi-hero .dot-competion_dot {
    left: -30px;
    right: auto;
    max-width: 100px;
  }
}

.smooth-migration-area {
  padding: 100px 0px;
  background: #FAFDFF;
}
@media (max-width: 767.48px) {
  .smooth-migration-area {
    padding: 64px 0px;
  }
}
.smooth-migration-area h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .smooth-migration-area h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.smooth-migration-area h6 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #303049;
}
.smooth-migration-area p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #334253;
  margin-bottom: 10px;
}
.smooth-migration-area p:last-child {
  margin-bottom: 0px;
}

.choose-option-area {
  padding: 80px 0px;
}
@media (max-width: 767.48px) {
  .choose-option-area {
    padding: 64px 0px 50px 0px;
  }
}
.choose-option-area .top-text {
  margin-bottom: 32px;
  text-align: center;
}
.choose-option-area .top-text h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #14253B;
  margin-bottom: 8px;
}
.choose-option-area .top-text p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
}
.choose-option-area .nav {
  justify-content: center;
  border: 1px solid #E4EDF5;
  border-radius: 12px;
  padding: 5px;
}
.choose-option-area .nav .nav-link {
  border: none;
  padding: 16px 32px;
}
.choose-option-area .nav .nav-link h6 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.choose-option-area .nav .nav-link p {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #334253;
}
.choose-option-area .nav .nav-link.active {
  background: #CFEDCD;
  border-radius: 8px;
}
.choose-option-area .nav .nav-link.active h6 {
  color: #191A15;
}
.choose-option-area .nav .nav-link.active p {
  color: #334253;
}
.choose-option-area .inner-tabs {
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.choose-option-area .tab-content {
  margin-top: 48px;
}
.choose-option-area .tab-content .full-circle-box {
  display: inline-flex;
  filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));
}
.choose-option-area .tab-content .full-circle-box .single-circle {
  text-align: center;
  position: relative;
  width: 170px;
  height: auto;
}
.choose-option-area .tab-content .full-circle-box .single-circle::before {
  content: "";
  width: 33px;
  height: 8px;
  background-image: url(https://www.muvi.com/wp-content/themes/muvi-child/assets/images/hiw/tab-arrow.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  top: 26%;
  right: 7%;
}
.choose-option-area .tab-content .full-circle-box .single-circle:last-child {
  width: 112px;
}
.choose-option-area .tab-content .full-circle-box .single-circle:last-child::before {
  display: none;
}
.choose-option-area .tab-content .full-circle-box .single-circle.active::before {
  background-image: url(https://www.muvi.com/wp-content/themes/muvi-child/assets/images/hiw/tab-arrow-active.png);
}
.choose-option-area .tab-content .full-circle-box .single-circle .top-circle {
  background: linear-gradient(0deg, rgba(198, 230, 250, 0.8), rgba(198, 230, 250, 0.8)), #FFFFFF;
  border: 4px solid #FFFFFF;
  border-radius: 110px;
  width: 112px;
  height: 112px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 4px solid #FFFFFF;
}
.choose-option-area .tab-content .full-circle-box .single-circle .top-circle.stage-one {
  background: linear-gradient(0deg, rgba(198, 230, 250, 0.2), rgba(198, 230, 250, 0.2)), #FFFFFF;
}
.choose-option-area .tab-content .full-circle-box .single-circle .top-circle.stage-two {
  background: linear-gradient(0deg, rgba(198, 230, 250, 0.4), rgba(198, 230, 250, 0.4)), #FFFFFF;
}
.choose-option-area .tab-content .full-circle-box .single-circle .top-circle.stage-three {
  background: linear-gradient(0deg, rgba(198, 230, 250, 0.6), rgba(198, 230, 250, 0.6)), #FFFFFF;
}
.choose-option-area .tab-content .full-circle-box .single-circle .top-circle.stage-four {
  background: linear-gradient(0deg, rgba(198, 230, 250, 0.8), rgba(198, 230, 250, 0.8)), #FFFFFF;
}
.choose-option-area .tab-content .full-circle-box .single-circle .top-circle.stage-five {
  background: linear-gradient(0deg, #C6E6FA, #C6E6FA), #FFFFFF;
}
.choose-option-area .tab-content .full-circle-box .single-circle .top-circle.stage-six {
  background: linear-gradient(0deg, #AEDDFB, #AEDDFB), #FFFFFF;
}
.choose-option-area .tab-content .full-circle-box .single-circle .top-circle p {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}
.choose-option-area .tab-content .full-circle-box .single-circle .top-circle span {
  font-weight: 500;
  font-size: 10px;
  line-height: 18px;
  color: #14253B;
  display: inline-block;
}
.choose-option-area .tab-content .full-circle-box .single-circle .text {
  width: 130px;
  margin-top: 24px;
}
.choose-option-area .tab-content .full-circle-box .single-circle .text.first {
  margin-left: -15px;
}
.choose-option-area .tab-content .full-circle-box .single-circle .text.second {
  margin-left: -15px;
}
.choose-option-area .tab-content .full-circle-box .single-circle .text.third {
  margin-left: -10px;
}
.choose-option-area .tab-content .full-circle-box .single-circle .text.four {
  margin-left: -5px;
}
.choose-option-area .tab-content .full-circle-box .single-circle .text p {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #334253;
}
.choose-option-area .tab-content h6 {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  margin-top: 40px;
}

.all-migrate-area .inner-migrate-area {
  padding: 100px 64px;
  background: #F8F9FB;
  border-radius: 24px;
}
@media (max-width: 767.48px) {
  .all-migrate-area .inner-migrate-area {
    padding: 64px 24px;
  }
}
.all-migrate-area h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  color: #14253B;
  margin-bottom: 42px;
}
.all-migrate-area .single-box {
  padding: 32px 24px;
  background: rgba(180, 187, 202, 0.12);
  border-radius: 16px;
  width: 100%;
  height: 104px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  margin-bottom: 30px;
}
@media (max-width: 767.48px) {
  .all-migrate-area .single-box {
    margin-bottom: 16px;
  }
}
.all-migrate-area .single-box.active {
  background: #FFFFFF;
}
@media (max-width: 767.48px) {
  .all-migrate-area .single-box.active {
    background: rgba(180, 187, 202, 0.12);
  }
}
.all-migrate-area .single-box p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
.all-migrate-area .bottom-content {
  margin-top: 64px;
}
@media (max-width: 767.48px) {
  .all-migrate-area .bottom-content {
    margin-top: 48px;
  }
}
@media (max-width: 767.48px) {
  .all-migrate-area .bottom-content .left-text {
    margin-bottom: 30px;
  }
}
.all-migrate-area .bottom-content h4 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  color: #14253B;
  margin-bottom: 12px;
}
.all-migrate-area .bottom-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #334253;
  margin-bottom: 10px;
}
.all-migrate-area .bottom-content p:last-child {
  margin-bottom: 0px;
}
.all-migrate-area .bottom-content img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.migrate-help-cta {
  padding: 60px 0px;
}
@media (max-width: 767.48px) {
  .migrate-help-cta {
    padding: 60px 0px;
  }
}
.migrate-help-cta p a {
  color: rgb(9, 140, 227);
}

.question-area .top-text {
  margin-bottom: 40px;
  padding-top: 80px;
}
@media (max-width: 1199.98px) {
  .question-area .top-text {
    padding-top: 40px;
  }
}
@media (max-width: 767.48px) {
  .question-area .top-text {
    padding-top: 20px;
  }
}
.question-area .top-text h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  text-transform: capitalize;
  color: #14253B;
  margin-bottom: 18px;
}
.question-area .top-text p {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
}
.question-area .top-text p a {
  color: #098CE3;
}
.question-area .secondary-accordian .accordion-body p {
  font-size: 14px;
}
.question-area .touchForm {
  width: 100%;
  height: auto;
  background: #F8F9FB;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 2px 2px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  padding: 70px 64px;
  border-radius: 40px;
}
@media (max-width: 1199.98px) {
  .question-area .touchForm {
    padding: 40px;
  }
}
@media (max-width: 1199.98px) {
  .question-area .touchForm {
    padding: 40px 20px;
    border-radius: unset;
  }
}
.question-area .touchForm h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.question-area .touchForm p {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
}
.question-area .form-block {
  margin-top: 30px;
}
.question-area .form-block label {
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 5px;
}
.question-area .form-block .form-group {
  margin-top: 20px;
}
.question-area .form-block .form-control {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #212529;
  font-weight: 400;
  font-size: 13px;
  box-shadow: unset;
}
.question-area .form-block .form-control:focus {
  border-color: #86b7fe;
  outline: 0 none;
}
.question-area .form-block .form-control::-moz-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.question-area .form-block .form-control:-ms-input-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.question-area .form-block .form-control::placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.question-area .form-block .innerform-group:focus {
  border-color: #86b7fe;
  outline: 0 none;
}
.question-area .form-block .innerform-group .bootstrap-select {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 60px !important;
  height: 45px;
}
.question-area .form-block .innerform-group .dropdown-toggle {
  background-color: #FFFFFF;
  outline: unset !important;
  border: none;
  box-shadow: unset !important;
  width: auto;
  height: 100%;
  margin: 0px 0px 0px 1px;
  padding: 0px 0px 0px 15px;
}
.question-area .form-block .innerform-group .dropdown-toggle .filter-option {
  width: 24px;
  height: auto;
  margin: 0;
  padding: 0;
}
.question-area .form-block .innerform-group .dropdown-item.active, .question-area .form-block .innerform-group .dropdown-item:active {
  background-color: #e9ecef;
}
.question-area .form-block .innerform-group .dropdown-toggle::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 6L8 10L12 6' stroke='%23374151' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-size: 18px;
  width: 20px;
  height: 20px;
  background-position-x: 100%;
  background-position-y: 2px;
  border: none;
  background-repeat: no-repeat;
}
.question-area .form-block .innerform-group .dropdown-toggle img {
  width: 20px;
}
.question-area .form-block .innerform-group .con-control {
  padding-left: 75px;
  -moz-appearance: textfield;
}
.question-area .form-block .innerform-group .con-control::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.question-area .form-block .innerform-group .con-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.question-area .form-block .custom-control {
  height: 93px;
  resize: none;
  padding-top: 10px;
}
.question-area .form-block .select-department .bootstrap-select {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.question-area .form-block .select-department .bootstrap-select .dropdown-toggle {
  background-color: #FFFFFF;
  height: 100%;
  font-size: 13px;
  line-height: 32px;
  color: #212529;
  outline: unset !important;
  font-weight: 400;
  box-shadow: unset !important;
}
.question-area .form-block .select-department .bootstrap-select .dropdown-toggle:focus {
  border-color: #86b7fe !important;
  outline: 0 none !important;
}
.question-area .form-block .select-department .bootstrap-select .dropdown-toggle::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 6L8 10L12 6' stroke='%23374151' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-size: 18px;
  width: 20px;
  height: 20px;
  background-position-x: 100%;
  background-position-y: 2px;
  border: none;
  background-repeat: no-repeat;
}
.question-area .form-block .select-department .bootstrap-select .dropdown-toggle.bs-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.question-area .form-block .select-department .bootstrap-select .dropdown-item.active, .question-area .form-block .select-department .bootstrap-select .dropdown-item:active {
  background-color: #e9ecef;
  color: #212529;
}
.question-area .form-block .form-check-input:checked {
  background-color: #18A0FB;
  border-color: #18A0FB;
}
.question-area .form-block .formSubmitBtn {
  background: #18A0FB;
  box-shadow: 0px 4px 8px rgba(24, 160, 251, 0.18), 0px 0px 2px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  border: none;
}

.migrate-live-area {
  padding: 80px 0px;
}
@media (max-width: 767.48px) {
  .migrate-live-area {
    background: #F8F9FB;
    padding: 40px 0px;
  }
}

.migrate-testimonial-area {
  padding: 40px 0px 150px 0px;
}
.migrate-testimonial-area .section-title {
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 767.48px) {
  .migrate-testimonial-area {
    background: #F8F9FB;
    padding: 40px 0px 100px 0px;
  }
}

.migrate-footer {
  margin-top: 0px !important;
}

.migrate-possibilities-block h3 {
  line-height: 40px;
}

nav.light-bg-5 {
  background: #D9EFFF;
}
nav.light-bg-5.sticky-header {
  background: #FFFFFF;
}

.mt-40 {
  margin-top: 40px;
}

.success-story-hero {
  width: 100%;
  height: auto;
  background-color: #D9EFFF;
  padding: 38px 0px 34px 0px;
}
@media (max-width: 991.98px) {
  .success-story-hero {
    text-align: center;
  }
}
.success-story-hero .section-heading {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #303049;
}
.success-story-hero .stroy-count {
  display: flex;
  align-items: flex-start;
  text-align: left;
  justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: -moz-max-content;
  height: max-content;
  max-height: 300px;
  margin: auto;
  margin-top: 48px;
}


@media (max-width: 991.98px) {
  .success-story-hero .stroy-count {
    margin-bottom: 43px;
  }
}
@media (max-width: 991.98px) {
  .success-story-hero .stroy-count {
    justify-content: center;
  }
}
.success-story-hero .stroy-count div {
  margin-right: 54px;
}
@media (max-width: 767.48px) {
  .success-story-hero .stroy-count div {
    margin-right: 20px;
  }
}
.success-story-hero .stroy-count div:last-of-type {
  margin-right: 0px;
}
.success-story-hero .stroy-count div h6 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 22.9102px;
  line-height: 28px;
  color: #14253B;
}
.success-story-hero .stroy-count div p {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14.8916px;
  line-height: 18px;
  color: #14253B;
}

.cu-dropdown {
  width: 144px;
}
.cu-dropdown .dropdown-toggle {
  padding: 10px 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 60px;
  position: relative;
  cursor: pointer;
  color: #14253B;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
}
.cu-dropdown .dropdown-toggle:focus {
  border: 1px solid #18A0FB !important;
}
.cu-dropdown .dropdown-toggle::after {
  position: absolute;
  right: 20px;
  top: 50%;
}
.cu-dropdown .dropdown-menu {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.08));
  transform: translate(0px, 43px);
}
.cu-dropdown .dropdown-menu .form-check {
  margin-bottom: 8px;
}
.cu-dropdown .dropdown-menu .form-check-label {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
}
.cu-dropdown .apply-btn {
  width: 100%;
  padding: 10px;
  margin-top: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  background-color: #fff;
}
.cu-dropdown .apply-btn:hover {
  background-color: #18A0FB;
  color: #fff;
}

.filter-group {
  padding: 40px 0px;
}
@media (max-width: 767.48px) {
  .filter-group {
    padding-bottom: 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
}
.filter-group .filter-label {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #14253B;
  margin-right: 10px;
  white-space: nowrap;
}
.filter-group .filter-alignment {
  display: flex;
  align-items: center;
}
@media (max-width: 767.48px) {
  .filter-group .filter-alignment {
    justify-content: space-between;
    margin-bottom: 15px;
  }
}

.filter-resultbox {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0px 33px 80px rgba(0, 0, 0, 0.07);
  padding: 64px;
}
@media (max-width: 767.48px) {
  .filter-resultbox {
    padding: 0px;
    box-shadow: none;
  }
}
.filter-resultbox .filter-item {
  max-width: 456px;
}
@media (max-width: 767.48px) {
  .filter-resultbox .filter-item {
    margin-bottom: 48px;
  }
}
.filter-resultbox .filter-item-name {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}
.filter-resultbox .filter-item-img {
  width: 100%;
  height: auto;
  max-height: 308px;
  overflow: hidden;
  border-radius: 16px;
}
.filter-resultbox .filter-item .filter-item-dep {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
}

.readmore {
  font-family: "Inter", sans-serif;
  color: #098CE3;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.readmore:hover img {
  transform: translateX(5px);
}

.availableon {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
}

.availablity-list {
  padding: 0px;
  margin: 0px 0px 24px 0px;
}
.availablity-list li {
  list-style-type: none;
  padding: 4px 11px;
  background-color: #F0F5FB;
  border-radius: 60px;
  margin-right: 4px;
  margin-bottom: 8px;
  color: #14253B;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}
.availablity-list li:hover {
  background: #18A0FB;
  cursor: pointer;
}
.availablity-list li:last-child {
  margin-right: 0px;
}

.application-list .applicationbox {
  margin-top: 80px;
}
@media (max-width: 767.48px) {
  .application-list .applicationbox {
    margin-top: 48px;
  }
}
.application-list .applicationbox-name {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}
.application-list .applicationbox-img {
  width: 100%;
  height: auto;
  max-height: 208px;
  overflow: hidden;
  border-radius: 8px;
}
.application-list .applicationbox-dep {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #334253;
}

.application-pagination {
  padding: 100px 0px;
}
@media (max-width: 767.48px) {
  .application-pagination {
    padding: 30px 0px;
  }
}

.ss-case-studies {
  padding: 80px 0px;
  background-color: #F3F6F9;
}
.ss-case-studies .single-service-box {
  width: 100%;
}
.ss-case-studies .single-service-box img {
  border-radius: 8px;
  height: 212px;
}
.ss-case-studies .single-service-box span {
  font-weight: 500;
  font-size: 10px;
  color: #657080;
}
.ss-case-studies .single-service-box span strong {
  font-weight: 600;
  color: #334253;
}
.ss-case-studies .single-service-box p {
  margin-top: 6px !important;
  font-family: "Poppins", sans-serif !important;
  color: #0A2540 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.ss-case-studies .single-service-box a {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #0A2540;
  margin-top: 6px;
}
@media (max-width: 575.98px) {
  .ss-case-studies .title-sm {
    font-size: 26px;
  }
}

.ss-leaders-area {
  padding-top: 104px;
}
@media (max-width: 767.48px) {
  .ss-leaders-area {
    padding-top: 64px;
  }
}
@media (max-width: 575.98px) {
  .ss-leaders-area .title-uppercase {
    font-size: 16px;
  }
}
.ss-leaders-area .client-lists {
  max-width: 858px;
  margin: 0px auto;
  flex-wrap: wrap;
}
.ss-leaders-area .client-lists .single-client {
  margin-top: 10px;
  margin-bottom: 10px;
}

.ss-testimonial {
  background: none;
  padding: 100px 0px 190px 0px;
}
@media (max-width: 767.48px) {
  .ss-testimonial {
    padding: 64px 0px;
  }
}
.ss-testimonial .client_video-dimensions {
  width: 640px;
  height: 268px;
}

.cta-type-1 {
  background: linear-gradient(0deg, #F7FBFF, #F7FBFF), #E4EDF5;
}
.cta-type-1 .cta-type-1-right {
  max-width: 607px;
  padding-left: 75px;
}
@media (max-width: 991.98px) {
  .cta-type-1 .cta-type-1-right {
    margin-top: 40px;
    margin-bottom: 64px;
    padding-left: 0px;
  }
}
.cta-type-1 .cta-type-1-right .title-sm {
  color: #14253B;
  margin-bottom: 30px;
  font-weight: 500;
}
.cta-type-1 .cta-type-1-right p {
  margin-bottom: 30px;
  color: #334253;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

/* Details page CSS */
.ssd-container {
  max-width: 1112px;
  margin-left: auto;
  margin-right: auto;
}

.blue-bg {
  width: 100%;
  height: 372px;
  background-color: #D9EFFF;
}
@media (max-width: 767.48px) {
  .blue-bg {
    display: none;
  }
}

.ssd-body-bg {
  width: 100%;
  height: auto;
  background-image: linear-gradient(to bottom, #fbfdff, #f8fbff);
}
@media (max-width: 767.48px) {
  .ssd-body-bg {
    background-image: none;
    background-color: #fff;
  }
}

.ssd-herobox {
  height: auto;
  background-color: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  padding: 40px 48px;
  position: relative;
  margin-top: -312px;
  z-index: 1;
}
@media (max-width: 767.48px) {
  .ssd-herobox {
    margin-top: 24px;
    box-shadow: none;
    padding: 0px;
    border-radius: 0px;
  }
}
.ssd-herobox .title-sm {
  font-weight: 500;
  color: #14253B;
  margin-bottom: 32px;
}

.ssd-herobox .slider {
  width: 100%;
  background: #E4EDF5;
  border-radius: 16px;
  padding: 16px 66px;
  text-align: center;
  position: relative;
  margin-bottom: 32px;
}
@media (max-width: 767.48px) {
  .ssd-herobox .slider {
    height: auto;
    padding: 24px;
    margin-bottom: 16px;
  }
}
.ssd-herobox .slider .ssd-slider {
  max-width: 884px;
  margin: 0px auto;
}
@media (max-width: 767.48px) {
  .ssd-herobox .slider .ssd-slider {
    height: auto;
    box-shadow: 0px 10.2508px 27.3355px rgba(0, 0, 0, 0.06);
  }
}
.ssd-herobox .slider .ssd-slider .slider-img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0px 20.8122px 55.4993px rgba(0, 0, 0, 0.06);
}
.ssd-herobox .slider .slick-arrow {
  width: 36px;
  height: 36px;
  border-radius: 360px;
  background-color: #fff;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border: none;
  position: absolute;
  top: 43%;
}
.ssd-herobox .slider .ssd-slider-prev {
  left: 15px;
}
@media (max-width: 991.98px) {
  .ssd-herobox .slider .ssd-slider-prev {
    left: 20px;
  }
}
@media (max-width: 767.48px) {
  .ssd-herobox .slider .ssd-slider-prev {
    left: -18px;
  }
}
.ssd-herobox .slider .ssd-slider-next {
  right: 15px;
}
@media (max-width: 991.98px) {
  .ssd-herobox .slider .ssd-slider-next {
    right: 20px;
  }
}
@media (max-width: 767.48px) {
  .ssd-herobox .slider .ssd-slider-next {
    right: -18px;
  }
}
.ssd-herobox .ssd-dep {
  padding: 28px 32px 20px 32px;
}
@media (max-width: 767.48px) {
  .ssd-herobox .ssd-dep {
    padding: 0px;
  }
}
.ssd-herobox .ssd-dep h3 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #14253B;
}
.ssd-herobox .ssd-dep p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
.ssd-herobox .featuresbox {
  margin-top: 48px;
}
.ssd-herobox .featuresbox ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  .ssd-herobox .featuresbox ul {
    justify-content: flex-start;
  }
}
.ssd-herobox .featuresbox ul li {
  width: 190px;
  height: 137px;
  border: 1px solid rgba(215, 227, 235, 0.4);
  border-radius: 16px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .ssd-herobox .featuresbox ul li {
    margin: 15px;
  }
}
@media (max-width: 767.48px) {
  .ssd-herobox .featuresbox ul li {
    width: 42%;
  }
}
@media (max-width: 575.98px) {
  .ssd-herobox .featuresbox ul li {
    width: 40%;
    margin: 10px;
  }
}
.ssd-herobox .featuresbox ul li:last-child {
  margin-right: 0px;
}
.ssd-herobox .featuresbox ul li h3 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #14253B;
  background-color: #fff;
  text-align: center;
}
.ssd-herobox .case-studies-img img {
  border-radius: 8px;
}

.heading-2 {
  position: relative;
  margin-top: 68px;
  margin-bottom: 52px;
  line-height: 12px;
}
@media (max-width: 767.48px) {
  .heading-2 {
    margin-top: 32px;
    margin-bottom: 16px;
  }
}
.heading-2 span {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  background-color: #fff;
  padding-right: 20px;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.heading-2::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.04);
  position: absolute;
  top: 50%;
  right: 0px;
  z-index: 1;
}

@media (max-width: 767.48px) {
  .ssd-case-studies .case-studies-content {
    margin-top: 24px;
  }
}
.ssd-case-studies .case-studies-content h4 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #0A2540;
}
.ssd-case-studies .case-studies-content p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
}
.ssd-case-studies .case-studies-content .single-case-download {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 100px;
  padding: 8px 16px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
  color: #000000;
}
.ssd-case-studies .case-studies-content .single-case-download:hover {
  background: #18A0FB;
  color: #FFFFFF;
  border: 1px solid #18A0FB;
}

.ssd-testimonial {
  padding: 20px 0px 100px 0px;
  background: none;
}
@media (max-width: 767.48px) {
  .ssd-testimonial {
    padding: 20px 0px;
  }
}
.ssd-testimonial .client-preview {
  filter: none !important;
}

.more-success-stories {
  padding: 96px 0px 104px 0px;
}
@media (max-width: 767.48px) {
  .more-success-stories {
    padding: 64px 0px;
  }
}
.more-success-stories .title-sm {
  text-align: center;
  margin-bottom: 56px;
  color: #000000;
}
.more-success-stories .single-service-box {
  padding-right: 32px;
}
.more-success-stories .single-service-box h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 16px;
  margin-top: 16px;
}
.more-success-stories .single-service-box span {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
.more-success-stories .single-service-box h4 {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: rgba(20, 37, 59, 0.8);
  margin-bottom: 16px;
}
.more-success-stories .single-service-box .mu-button-arrow {
  color: #098CE3;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.more-success-stories .single-service-box .mu-button-arrow:hover svg {
  transform: translateX(5px);
}

.ssd-cta {
  background-color: #fff;
  padding: 88px 0px;
}
@media (max-width: 767.48px) {
  .ssd-cta .ssd-cta-right {
    margin-top: 40px;
  }
}
.ssd-cta .title-sm {
  color: #14253B;
  line-height: 42px;
  margin-bottom: 30px;
}
.ssd-cta p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #334253;
  margin-bottom: 30px;
}

.legal-nav {
  background: #F8F9FB;
}
.legal-nav.sticky-header {
  background: #FFFFFF;
}

.legal-hero {
  background: #F8F9FB;
}
.legal-hero .hero-inner {
  height: 280px;
}
.legal-hero .hero-inner .page-heading {
  line-height: 58px;
  color: #fff;
  
}

.all-policy {
  background: #F8F9FB;
  padding: 84px 0px 100px 0px;
}
@media (max-width: 767.48px) {
  .all-policy {
    padding: 48px 0px 64px 0px;
  }
}
.all-policy .single-policy {
  background: #FFFFFF;
  border-radius: 16px;
  width: 100%;
  height: auto;
  padding: 32px;
  margin-top: 16px;
}
.all-policy .single-policy .svg {
  margin-right: 32px;
}
@media (max-width: 767.48px) {
  .all-policy .single-policy .svg {
    margin-bottom: 12px;
    margin-right: 0px;
  }
}
.all-policy .single-policy h6 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
.all-policy .single-policy p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
}
@media (max-width: 767.48px) {
  .all-policy .single-policy p {
    margin-bottom: 8px;
  }
}
.all-policy .single-policy a {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #098CE3;
  transition: 0.2s;
}
.all-policy .single-policy a:hover svg {
  transform: translateX(5px);
}

.legal-details-area {
  padding: 24px 0px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F7FBFF 100%);
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
@media (max-width: 767.48px) {
  .legal-details-area {
    background: #FFFFFF;
    border: none;
  }
}
.legal-details-area .left-list-item {
  padding-left: 10px;
  padding-top: 52px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 52px;
  z-index: 9;
}
@media (max-width: 991.98px) {
  .legal-details-area .left-list-item {
    padding-top: 24px;
  }
}
.legal-details-area .left-list-item ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  padding: 8px 0px;
  display: inline-block;
}
.legal-details-area .left-list-item ul li a:hover {
  color: #14253B;
  font-weight: 500;
}
.legal-details-area .left-list-item ul li a.active {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  position: relative;
}
.legal-details-area .left-list-item ul li a.active::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  height: 100%;
  width: 3px;
  background: #098CE3;
  border-radius: 10px;
}
.legal-details-area .right-details-area {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 52px;
}
@media (max-width: 991.98px) {
  .legal-details-area .right-details-area {
    padding: 24px;
  }
}
@media (max-width: 767.48px) {
  .legal-details-area .right-details-area {
    padding: 24px 0px 0px 0px;
  }
}
.legal-details-area .right-details-area h1 {
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
  color: #14253B;
  margin-bottom: 32px;
}
.legal-details-area .right-details-area h6 {
  font-family: "Inter";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #0A2540;
  margin-bottom: 32px;
}
.legal-details-area .right-details-area p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #334253;
}
.legal-details-area .right-details-area ul {
  list-style: disc;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
}
.legal-details-area .right-details-area ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #334253;
}
.legal-details-area .right-details-area ul li ::marker {
  border-radius: 50px;
  background-color: #334253;
  display: flex;
}
.legal-details-area .right-details-area h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #0A2540;
  margin-top: 32px;
  margin-bottom: 8px;
}
.legal-details-area .right-details-area .bottom-box {
  margin-top: 10px;
}
.legal-details-area .right-details-area .bottom-box .row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  padding: 24px 0px;
}
.legal-details-area .right-details-area .bottom-box .row:last-child {
  border: none;
}
.legal-details-area .right-details-area .bottom-box .row .col-3 p {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #334253;
}
.legal-details-area .right-details-area .bottom-box .row .col-9 p {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #14253B;
}
.legal-details-area .bottom-nextprev {
  padding: 64px 0px;
}
@media (max-width: 767.48px) {
  .legal-details-area .bottom-nextprev {
    padding: 32px 0px;
  }
}
.legal-details-area .bottom-nextprev .page-next {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #334253;
  margin-bottom: 6px;
  transition: 0.2s;
}
.legal-details-area .bottom-nextprev .page-next:hover {
  color: #18A0FB;
}
.legal-details-area .bottom-nextprev .page-next:hover svg {
  transform: translateX(5px);
}
.legal-details-area .bottom-nextprev .page-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #14253B;
}
.legal-details-area .bottom-nextprev .page-name:hover {
  color: #18A0FB;
}

.career-banner {
  padding: 64px 0px 100px 0px;
  overflow-x: hidden;
  position: relative;
}
@media (max-width: 767.48px) {
  .career-banner {
    padding: 64px 0px;
  }
}
.career-banner .dot-competion_dot {
  position: absolute;
  z-index: -1;
  right: 5%;
  bottom: 0%;
  max-width: 300px;
}
@media (max-width: 1199.98px) {
  .career-banner .dot-competion_dot {
    display: none;
  }
}
@media (max-width: 1440px) {
  .career-banner .dot-competion_dot {
    right: -20px;
    left: auto;
    max-width: 300px;
  }
}
@media (max-width: 1280px) {
  .career-banner .dot-competion_dot {
    right: -30px;
    left: auto;
    max-width: 200px;
  }
}
@media (max-width: 767.48px) {
  .career-banner .content {
    margin-bottom: 40px;
  }
}
.career-banner .content span {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #303049;
  display: block;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif;
}
.career-banner .content h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  text-transform: capitalize;
  color: #14253B;
  margin-bottom: 10px;
}
.career-banner .content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
}
.career-banner .content .mu-btn {
  margin-top: 32px;
}

.bg-grade {
  background: linear-gradient(0deg, #1B2430, #1B2430), linear-gradient(0deg, #14253B, #14253B), #EAF7FF;
  padding: 64px 0px;
}
.bg-grade .left-text {
  border-right: 1px solid rgba(255, 255, 255, 0.16);
}
@media (max-width: 767.48px) {
  .bg-grade .left-text {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
.bg-grade h6 {
  font-family: "Inter";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.bg-grade p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.64);
}
.bg-grade h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
  color: #FFFFFF;
  margin-bottom: 12px;
}
@media (max-width: 767.48px) {
  .bg-grade .right-text {
    margin-top: 40px;
  }
}

.job-category {
  padding: 104px 0px;
}
@media (max-width: 767.48px) {
  .job-category {
    padding: 64px 0px;
  }
}
.job-category h3 {
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  text-transform: capitalize;
  color: #14253B;
  margin-bottom: 24px;
}
@media (max-width: 767.48px) {
  .job-category h3 {
    line-height: 40px;
  }
}
.job-category .single-category {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  display: block;
  transition: 0.3s;
}
@media (max-width: 767.48px) {
  .job-category .single-category {
    height: 180px;
  }
}
.job-category .single-category .topic-details {
  position: absolute;
  left: 24px;
  top: 24px;
}
.job-category .single-category .topic-details h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.job-category .single-category .topic-details p {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #FFFFFF;
}
.job-category .single-category .topic-preview img {
  width: 100%;
}
.job-category .single-category .hover-content {
  position: absolute;
  z-index: 11;
  bottom: 24px;
  right: 24px;
  display: none;
  opacity: 0;
}
.job-category .single-category:hover {
  z-index: 99;
  transform: scale(1.1);
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
}
.job-category .single-category:hover .hover-content {
  display: block;
  opacity: 1;
}
.job-category .find-more {
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  padding: 60px 0px;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 1199.98px) {
  .job-category .find-more {
    padding: 40px 0px;
  }
}
@media (max-width: 991.98px) {
  .job-category .find-more {
    padding: 30px 0px;
  }
}
.job-category .find-more a p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #0A2540;
  margin-top: 5px;
}
.job-category .find-more a:hover p {
  color: #18A0FB;
}
.job-category .find-more a:hover svg path {
  stroke: #18A0FB;
}

.our-culture.details-our-culture {
  padding-top: 56px;
}
@media (max-width: 767.48px) {
  .our-culture.details-our-culture {
    padding-top: 16px;
  }
}
.our-culture .inner-culture {
  border-bottom: 1px solid rgba(223, 229, 235, 0.8);
  padding: 0px 0px 104px 0px;
}
@media (max-width: 767.48px) {
  .our-culture .inner-culture {
    padding: 0px 0px 64px 0px;
  }
}
.our-culture h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 34px;
  text-transform: capitalize;
  color: #14253B;
  margin-bottom: 8px;
}
.our-culture p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #334253;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
}
.our-culture img {
  width: 100%;
}
.our-culture .culture-content {
  margin-top: 40px;
}
@media (max-width: 1199.98px) {
  .our-culture .culture-content {
    margin-top: 0px;
  }
}
@media (max-width: 767.48px) {
  .our-culture .culture-content {
    margin-top: 60px;
  }
}
.our-culture .culture-content h3 {
  margin-bottom: 22px;
  font-family: "Inter";
}
.our-culture .culture-content .custom-padding {
  padding: 16px 0px;
  border-bottom: 1px solid rgba(223, 229, 235, 0.48);
}
.our-culture .culture-content .custom-padding:last-child {
  border-bottom: none;
}
.our-culture .culture-content .left-text {
  font-weight: 600;
  font-size: 14px;
  color: #14253B;
  overflow-wrap: break-word;
}
.our-culture .culture-content .right-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  overflow-wrap: break-word;
}
.our-culture .culture-content .right-text a {
  color: rgb(9, 140, 227);
  font-weight: 600;
}
.our-culture .culture-content .right-text a:hover {
  color: #18A0FB;
}
.our-culture .culture-content p {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #334253;
  margin-bottom: 16px;
  font-family: "Inter";
}
.our-culture .culture-content p:last-child {
  margin-bottom: 0px;
}
.our-culture .culture-content p a {
  color: rgb(9, 140, 227);
  font-weight: 600;
}
.our-culture .culture-content p a:hover {
  color: #18A0FB;
}

.emplyee-benefits {
  padding: 104px 0px;
}
@media (max-width: 767.48px) {
  .emplyee-benefits {
    padding: 64px 0px;
  }
}
.emplyee-benefits .image-area img {
  width: 100%;
}
@media (max-width: 767.48px) {
  .emplyee-benefits .content-area {
    margin-top: 32px;
  }
}
.emplyee-benefits .content-area h3 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
  color: #14253B;
  margin-bottom: 24px;
}
.emplyee-benefits .content-area ul {
  list-style: disc;
  padding-left: 20px;
}
.emplyee-benefits .content-area ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #14253B;
  margin-bottom: 16px;
}

.interview-process {
  padding: 88px 0px;
  background: #F3F6F9;
}
@media (max-width: 767.48px) {
  .interview-process {
    padding: 64px 0px;
  }
}
@media (max-width: 767.48px) {
  .interview-process .interview-content {
    margin-top: 12px;
  }
}
.interview-process .interview-content h4 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  color: #14253B;
  margin-bottom: 16px;
}
.interview-process .interview-content .custom-padding {
  padding: 16px 0px;
  border-bottom: 1px solid rgba(223, 229, 235, 0.48);
}
.interview-process .interview-content .custom-padding:last-child {
  border-bottom: none;
}
.interview-process .interview-content .custom-left-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  overflow-wrap: break-word;
}
@media (max-width: 320px) {
  .interview-process .interview-content .custom-left-text {
    font-size: 14px;
  }
}
.interview-process .interview-content .custom-middle-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #14253B;
  overflow-wrap: break-word;
}
@media (max-width: 320px) {
  .interview-process .interview-content .custom-middle-text {
    font-size: 14px;
  }
}
.interview-process .interview-content .custom-right-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  overflow-wrap: break-word;
}
@media (max-width: 320px) {
  .interview-process .interview-content .custom-right-text {
    font-size: 12px;
  }
}

.career-details-banner {
  padding: 48px 0px 0px 0px;
}
.career-details-banner .inner-details-banner {
  border-bottom: 1px solid rgba(223, 229, 235, 0.8);
  padding: 0px 0px 48px 0px;
}
.career-details-banner .top-text {
  margin-bottom: 32px;
}
.career-details-banner .top-text h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  text-transform: capitalize;
  color: #14253B;
}
.career-details-banner .top-text p {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #14253B;
}
.career-details-banner .walk-interview {
  padding: 64px 40px;
  background: linear-gradient(0deg, #EAF7FF, #EAF7FF), #F8F9FB;
  border-radius: 24px;
}
.career-details-banner .walk-interview h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-transform: capitalize;
  color: #14253B;
  margin-bottom: 24px;
}
.career-details-banner .walk-interview .interview-time {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-bottom: 12px;
  display: flex;
}
.career-details-banner .walk-interview .share-cv {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #303049;
  margin-top: 66px;
  margin-bottom: 16px;
}
.career-details-banner .walk-interview .share-cv a:hover {
  color: #18A0FB;
}
.career-details-banner .walk-interview .mu-btn {
  font-family: "Poppins", sans-serif;
}
@media (max-width: 767.48px) {
  .career-details-banner .post-available {
    margin-top: 40px;
  }
}
.career-details-banner .post-available .single-post {
  height: 200px;
  width: 100%;
  border-radius: 16px;
  padding: 24px;
}
@media (max-width: 767.48px) {
  .career-details-banner .post-available .single-post {
    height: 120px;
  }
}
.career-details-banner .post-available .single-post h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.career-details-banner .post-available .single-post p {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #FFFFFF;
}
.career-details-banner .post-available .single-post:hover {
  box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.1);
}
.career-details-banner .bottom-text {
  margin-top: 40px;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
}

.responsibilities-area {
  padding: 48px 0px 0px 0px;
}
.responsibilities-area .inner-responsibilities {
  border-bottom: 1px solid rgba(223, 229, 235, 0.8);
  padding-bottom: 48px;
}
.responsibilities-area .inner-responsibilities h5 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #14253B;
  margin-bottom: 16px;
}
.responsibilities-area .inner-responsibilities ul {
  list-style: disc;
  padding-left: 20px;
}
.responsibilities-area .inner-responsibilities ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #14253B;
  margin-bottom: 16px;
}
.responsibilities-area .inner-responsibilities ul li:last-child {
  margin-bottom: 0px;
}
.responsibilities-area .inner-responsibilities ul li:last-child {
  margin-bottom: none;
}
.responsibilities-area.requirements-area .inner-responsibilities {
  border: none;
}

.support-footer {
  background: #F0F5FB;
}
@media (max-width: 767.48px) {
  .support-footer {
    background-color: transparent;
  }
}

@media (max-width: 767.48px) {
  .support-banner .max {
    padding: 0;
  }
}
.support-banner .inner-banner {
  background-image: url(https://www.muvi.com/wp-content/themes/muvi-child/assets/images/contactUs-hero.png);
  width: 100%;
  height: auto;
  border-radius: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 64px 0px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 767.48px) {
  .support-banner .inner-banner {
    padding: 64px 24px;
    /* border-radius: unset; */
  }
}
.support-banner .inner-banner span {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  display: block;
  margin-bottom: 24px;
}
.support-banner .inner-banner h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  color: #FFFFFF;
  margin-bottom: 16px;
}
@media (max-width: 767.48px) {
  .support-banner .inner-banner h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.support-banner .inner-banner p {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #FFFFFF;
  margin-bottom: 32px;
}
@media (max-width: 767.48px) {
  .support-banner .inner-banner p {
    font-size: 16px;
    line-height: 24px;
  }
}

.support-service .extra {
  margin-top: 32px;
}
.support-service h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #0A2540;
}
.support-service .top-table {
  overflow-x: auto;
}
.support-service table {
  border: none;
}
.support-service table tbody tr:nth-child(odd) {
  background: linear-gradient(0deg, rgba(228, 237, 245, 0.48), rgba(228, 237, 245, 0.48)), #FFFFFF;
}
.support-service table th {
  border: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #14253B;
  padding: 24px;
  min-width: 200px;
  text-align: center;
  vertical-align: middle;
}
.support-service table th:first-child {
  text-align: left;
}
.support-service table td {
  border: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #14253B;
  padding: 24px;
  min-width: 200px;
  text-align: center;
  vertical-align: middle;
}
.support-service table td:first-child {
  font-weight: 600;
  border-radius: 8px 0px 0px 8px;
  text-align: left;
}
.support-service table td:last-child {
  border-radius: 0px 8px 8px 0px;
}

.add-ons-area {
  padding: 48px 0px 64px 0px;
}
@media (max-width: 767.48px) {
  .add-ons-area {
    padding: 16px 0px 64px 0px;
  }
}
.add-ons-area .single-box.extra p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
}
@media (max-width: 767.48px) {
  .add-ons-area .single-box {
    margin-top: 32px;
  }
}
.add-ons-area .single-box h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #14253B;
}
.add-ons-area .single-box h5 {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #14253B;
}
.add-ons-area .single-box p {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: rgba(20, 37, 59, 0.8);
  margin-top: 8px;
}

.support-help .headline-text h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #14253B;
  margin-bottom: 8px;
}
.support-help .headline-text p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
}
.support-help .support-help-cta {
  margin-top: 64px;
}
.support-help .add-btn:hover {
  color: #18A0FB;
}

.service-offer-area .mu-button-arrow {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.support-testimonial-area {
  padding: 20px 0px 124px 0px;
}

.support-tertiary-cta {
  padding: 48px 0px 100px 0px;
}
@media (max-width: 767.48px) {
  .support-tertiary-cta {
    padding: 48px 0px;
  }
}
@media (max-width: 767.48px) {
  .support-tertiary-cta .section-heading {
    padding: 0px;
  }
}
.support-tertiary-cta .section-heading .title-sm {
  line-height: 40px;
}
.support-tertiary-cta .tertiary-content ul li {
  font-weight: 500;
}

.flex-banner {
  padding: 64px 0px;
  background: linear-gradient(180deg, #FBFCFE 0%, rgba(255, 255, 255, 0) 100%);
  position: relative;
}
.flex-banner h1 {
  font-weight: 600;
  font-size: 64px;
  line-height: 72px;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90.5deg, #0AB7A8 27.63%, #18A0FB 86.7%), #14253B;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (max-width: 991.98px) {
  .flex-banner h1 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media (max-width: 991.98px) {
  .flex-banner h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.flex-banner .flex-bannner-dots {
  position: absolute;
  z-index: -1;
  right: 4%;
  top: 15%;
  max-width: 100%;
}
@media (max-width: 1199.98px) {
  .flex-banner .flex-bannner-dots {
    display: none;
  }
}
@media (max-width: 1440px) {
  .flex-banner .flex-bannner-dots {
    left: -20px;
    right: auto;
    max-width: 250px;
  }
}
@media (max-width: 1280px) {
  .flex-banner .flex-bannner-dots {
    left: -30px;
    right: auto;
    max-width: 240px;
  }
}
.flex-banner .full-image {
  position: relative;
  margin-top: 64px;
}
.flex-banner .full-image img {
  width: 100%;
}
.flex-banner p {
  font-weight: 500;
  font-size: 24px;
  line-height: 38px;
  text-align: center;
  color: #303049;
}
.flex-banner .line-text {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  color: #14253B;
  vertical-align: middle;
  text-align: center;
  margin-top: 32px;
}
.flex-banner .line-text .single {
  margin-right: 20px;
  display: inline;
}
.flex-banner .line-text .single:last-child {
  margin-right: 0px;
}
.flex-banner .line-text span {
  height: 6px;
  width: 6px;
  background: #14253B;
  border-radius: 50px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.flex-banner.muvi-live {
  padding-top: 96px;
  padding-bottom: 46px;
}
@media (max-width: 575.98px) {
  .flex-banner.muvi-live {
    padding-top: 50px;
  }
}
.flex-banner.muvi-live h1 {
  text-transform: unset;
  margin-bottom: 14px;
  padding-bottom: 10px;
}
.flex-banner.muvi-live p {
  font-size: 18px;
  line-height: 1.56;
  color: #303049;
  font-weight: 400;
}
@media (max-width: 575.98px) {
  .flex-banner.muvi-live {
    text-align: left;
  }
  .flex-banner.muvi-live h1 {
    text-align: left;
  }
}
@media (max-width: 575.98px) and (max-width: 575.98px) {
  .flex-banner.muvi-live h1 br {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .flex-banner.muvi-live p {
    text-align: left;
  }
}
.flex-banner.muvi-live ul {
  margin: 40px 0;
}
@media (max-width: 575.98px) {
  .flex-banner.muvi-live ul {
    text-align: left;
  }
}
.flex-banner.muvi-live ul li {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.7502 8.25005C13.2502 10.75 11.3652 13.104 8.72022 13.63C7.43022 13.8869 6.09204 13.7303 4.89623 13.1824C3.70042 12.6346 2.70794 11.7234 2.06012 10.5786C1.41229 9.43389 1.14214 8.11393 1.28813 6.80672C1.43413 5.4995 1.98882 4.27167 2.87322 3.29805C4.68722 1.30005 7.75022 0.750046 10.2502 1.75005' stroke='%2322A11A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M5.25 7.25L7.75 9.75L13.75 3.25' stroke='%2322A11A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 16px;
  padding-left: 20px;
  background-position: center left;
  background-size: 12px;
  font-size: 15px;
  line-height: 1.67;
  color: #14253B;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
@media (max-width: 575.98px) {
  .flex-banner.muvi-live ul li {
    display: block;
    margin-left: 0;
  }
}
.flex-banner.muvi-live .rounded-bg {
  position: absolute;
  right: 0;
  top: -110px;
}
@media (max-width: 575.98px) {
  .flex-banner.muvi-live .rounded-bg {
    top: -165px;
    width: 50%;
    right: 10px;
  }
}
.flex-banner.muvi-live a {
  min-width: 174px;
}
.flex-banner.muvi-live .video-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
}
@media (max-width: 767.48px) {
  .flex-banner.muvi-live .video-bg {
    left: -20px;
  }
}
.flex-banner.muvi-live .video-bg img {
  height: 100%;
  width: 100%;
}
.flex-banner.muvi-live .flex-bannner-dot {
  position: absolute;
  top: 32%;
  right: 4%;
  max-width: 100%;
}
@media (max-width: 1199.98px) {
  .flex-banner.muvi-live .flex-bannner-dot {
    z-index: 0;
    max-width: 50%;
  }
}
@media (max-width: 575.98px) {
  .flex-banner.muvi-live .flex-bannner-dot {
    top: auto;
    bottom: 200px;
    right: -20px;
  }
}
.flex-banner.muvi-flex {
  padding-bottom: 74px;
}
.flex-banner.muvi-flex h1 {
  margin-bottom: 0px;
  text-align: center;
}
.flex-banner.muvi-flex p {
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center;
}
.flex-banner.muvi-flex ul {
  margin-top: 40px;
  margin-bottom: 0px;
}
.flex-banner.muvi-flex .rounded-bg {
  position: absolute;
  right: 0;
  top: -350px;
}
@media (max-width: 575.98px) {
  .flex-banner.muvi-flex .rounded-bg {
    top: -165px;
    width: 50%;
    right: 10px;
  }
}

.flex-modern-area {
  padding: 32px 0px 80px 0px;
}
@media (max-width: 767.48px) {
  .flex-modern-area {
    padding: 32px 0px 64px 0px;
  }
}
.flex-modern-area .top-text {
  text-align: center;
  margin-bottom: 64px;
}
@media (max-width: 767.48px) {
  .flex-modern-area .top-text {
    text-align: left;
  }
}
.flex-modern-area .top-text h2 {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  color: #14253B;
  margin-bottom: 16px;
}
@media (max-width: 767.48px) {
  .flex-modern-area .top-text h2 {
    font-size: 32px;
    line-height: 38px;
  }
}
.flex-modern-area .top-text p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #334253;
  padding: 0px 90px;
}
@media (max-width: 767.48px) {
  .flex-modern-area .top-text p {
    padding: 0;
    font-size: 15px;
    line-height: 21px;
  }
}
.flex-modern-area .single-modern-area {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
}
@media (max-width: 767.48px) {
  .flex-modern-area .single-modern-area {
    text-align: left;
    justify-content: start;
  }
}
.flex-modern-area .single-modern-area h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 8px;
  margin-top: 16px;
}
@media (max-width: 767.48px) {
  .flex-modern-area .single-modern-area h5 {
    font-size: 14px;
    line-height: 21px;
  }
}
.flex-modern-area .single-modern-area p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: rgba(20, 37, 59, 0.8);
  margin-bottom: 12px;
}
@media (max-width: 767.48px) {
  .flex-modern-area .single-modern-area p {
    font-size: 12px;
    line-height: 18px;
  }
}
.flex-modern-area .single-modern-area a {
  font-family: "Inter";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #098CE3;
}
@media (max-width: 767.48px) {
  .flex-modern-area .single-modern-area a {
    font-size: 14px;
    line-height: 20px;
  }
}
.flex-modern-area .single-modern-area .bottom-btn {
  align-self: flex-end;
  justify-self: center;
}

.flex-hightlights-area {
  padding: 100px 0px 0px 0px;
}
@media (max-width: 767.48px) {
  .flex-hightlights-area {
    padding: 84px 0px 0px 0px;
  }
}

.flex-try-area .image-area img {
  width: 100%;
}
@media (max-width: 767.48px) {
  .flex-try-area .content-area {
    margin-top: 40px;
  }
}
.flex-try-area .content-area h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
  margin-bottom: 12px;
}
.flex-try-area .content-area p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
}
.flex-try-area .content-area .mu-btn {
  display: inline-block;
  margin-top: 32px;
}

.flex-enterprise-area {
  padding-bottom: 100px;
  padding-top: 126px;
}

.flex-testimonial-area .section-title {
  line-height: 48px;
}
@media (max-width: 767.48px) {
  .flex-testimonial-area .section-title {
    line-height: 38px;
  }
}

.videos-wrapper {
  padding: 65px 0;
  margin-top: 60px;
  position: relative;
}
@media (max-width: 767.48px) {
  .videos-wrapper {
    padding: 25px 0;
  }
}
.videos-wrapper .live-video {
  width: 100%;
  border-radius: 5px;
  height: 520px;
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  .videos-wrapper .live-video {
    height: 410px;
  }
}
@media (max-width: 767.48px) {
  .videos-wrapper .live-video {
    height: 210px;
  }
}
.videos-wrapper .live-video .vjs-big-play-button {
  background: transparent !important;
  border: none;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.videos-wrapper .live-video .vjs-poster {
  background-size: 100% 100%;
}

.font-primary {
  font-family: "Poppins", sans-serif;
}

.cta-area.styled-3 {
  padding: 72px 0;
  padding-bottom: 100px;
}
.cta-area.styled-3 .section-heading {
  margin-bottom: 40px;
}
.cta-area.styled-3 .section-heading .section-title {
  line-height: 1.2;
  font-family: "Inter", sans-serif;
}
.cta-area.styled-3 .section-heading .section-title span {
  font-family: "Poppins", sans-serif;
}
@media (max-width: 575.98px) {
  .cta-area.styled-3 .section-heading .section-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.cta-area.styled-3 .section-heading span {
  color: #18A0FB;
}

.streaming-area.styled-2 {
  padding-top: 128px;
  padding-bottom: 100px;
}
@media (max-width: 575.98px) {
  .streaming-area.styled-2 {
    padding-bottom: 68px;
    padding-top: 104px;
  }
}
.streaming-area.styled-2 .single-stream p {
  font-size: 14px;
  line-height: 20px;
  color: #334253;
}

.cta-area.secondary-cta ul {
  padding-left: 25px;
}
.cta-area.secondary-cta ul li {
  list-style: disc;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
}
@media (max-width: 991.98px) {
  .cta-area.secondary-cta ul li {
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
  }
}

.title-lg {
  font-size: 36px;
  line-height: 1.222;
  text-align: center;
  color: #14253B;
}

.streaming-needs {
  padding: 40px 0;
}
@media (max-width: 767.48px) {
  .streaming-needs {
    padding-bottom: 0;
  }
}

.nav-tabs.tab-style-3 {
  margin-top: 56px;
  justify-content: space-between;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  padding-bottom: 56px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (max-width: 767.48px) {
  .nav-tabs.tab-style-3 {
    padding: 32px 0;
    margin-top: 0;
  }
}
.nav-tabs.tab-style-3::-webkit-scrollbar {
  display: none;
}
.nav-tabs.tab-style-3 .nav-item {
  width: 15.2%;
  background: rgba(180, 187, 202, 0.12);
  border-radius: 16px;
  text-align: center;
  margin-right: 16px;
}
@media (max-width: 1199.98px) {
  .nav-tabs.tab-style-3 .nav-item {
    width: auto;
  }
}
.nav-tabs.tab-style-3 .nav-item:last-child {
  margin-right: 0;
}
.nav-tabs.tab-style-3 .nav-item .nav-link {
  border: none;
  background: transparent;
  text-align: center;
  width: 100%;
  padding: 32px 24px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: 500;
  border-radius: 16px;
  transition: 0.3s;
  color: #14253B;
}
.nav-tabs.tab-style-3 .nav-item .nav-link:hover {
  background: #FFFFFF;
  box-shadow: 0px 36px 80px rgba(0, 0, 0, 0.07), 0px 4.50776px 10.0172px rgba(0, 0, 0, 0.035), inset 0px -2px 0px #E4E6EA;
}
@media (max-width: 767.48px) {
  .nav-tabs.tab-style-3 .nav-item .nav-link {
    padding: 16px;
  }
}
.nav-tabs.tab-style-3 .nav-item .nav-link.active {
  background: #FFFFFF;
  box-shadow: 0px 36px 80px rgba(0, 0, 0, 0.07), 0px 4.50776px 10.0172px rgba(0, 0, 0, 0.035), inset 0px -2px 0px #E4E6EA;
}

.tab-content.tab-style-3 h3 {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #000000;
  font-family: "Inter", sans-serif;
}
.tab-content.tab-style-3 p {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
}

.tertiary-content.styled-2 ul li {
  font-weight: 500;
  color: #14253B;
}
@media (max-width: 575.98px) {
  .tertiary-content.styled-2 ul {
    padding-left: 0;
  }
}

.cta-area.tertiary-cta.styled-2 .title-sm {
  line-height: 38px;
}
@media (max-width: 575.98px) {
  .cta-area.tertiary-cta.styled-2 .mu-btn {
    margin-bottom: 8px;
  }
}

@media (max-width: 767.48px) {
  .tertiary-cta.styled-2 {
    padding-top: 20px;
  }
}

@media (max-width: 575.98px) {
  .leaders-area.styled-2 .title-uppercase {
    font-size: 16px;
  }
}

.marketpalce-nav {
  background: linear-gradient(0deg, #E0F2FF, #E0F2FF), #FFFFFF !important;
}
.marketpalce-nav.active-menu {
  background: #FFFFFF;
}
.marketpalce-nav.sticky-header {
  background: #FFFFFF !important;
}

.marketplace-banner {
  background: linear-gradient(0deg, #E0F2FF, #E0F2FF), #FFFFFF;
  padding: 32px 0px 48px 0px;
}
.marketplace-banner h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  color: #14253B;
  margin-bottom: 16px;
}
@media (max-width: 767.48px) {
  .marketplace-banner h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.marketplace-banner p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303049;
}

.marketplace-moble-search .help-search {
  margin: 16px 0px 6px 0px;
}
@media (max-width: 575.98px) {
  .marketplace-moble-search .help-search .form-control {
    padding: 16px 30px 16px 48px;
  }
}

.marketplace-tab .help-tablists {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
@media (max-width: 767.48px) {
  .marketplace-tab .help-tablists {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 1px rgba(0, 0, 0, 0.04);
  }
}
.marketplace-tab .nav-tabs .nav-link {
  padding: 18px 16px;
}
.marketplace-tab .nav-tabs .nav-link:hover {
  color: #1185E0;
}
.marketplace-tab .nav-tabs .nav-link:first-child {
  padding-left: 0px;
}
.marketplace-tab .expended-search .form-control {
  background: transparent;
}

.markettop-text-area {
  padding: 104px 0px;
}
@media (max-width: 767.48px) {
  .markettop-text-area {
    padding: 64px 0px;
  }
}
.markettop-text-area h2 {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  color: #14253B;
  margin-bottom: 24px;
}
@media (max-width: 767.48px) {
  .markettop-text-area h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
.markettop-text-area p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #303049;
}
.markettop-text-area .mu-btn {
  margin-top: 24px;
}
@media (max-width: 767.48px) {
  .markettop-text-area .mu-btn {
    width: 100%;
  }
}

.markettop-textbox-area {
  padding-bottom: 104px;
}
@media (max-width: 767.48px) {
  .markettop-textbox-area {
    padding-bottom: 64px;
  }
}
.markettop-textbox-area .inner-textbox-area {
  padding-top: 64px;
  border-top: 3px solid rgba(0, 0, 0, 0.04);
}
.markettop-textbox-area .inner-textbox-area .gx-xl-5 {
  --bs-gutter-x: 5rem;
}
@media (max-width: 767.48px) {
  .markettop-textbox-area .inner-textbox-area .single-box {
    margin-bottom: 32px;
  }
  .markettop-textbox-area .inner-textbox-area .single-box:nth-child(3) {
    margin-bottom: 0px;
  }
}
.markettop-textbox-area .inner-textbox-area .single-box h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #14253B;
  margin-bottom: 8px;
}
.markettop-textbox-area .inner-textbox-area .single-box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: rgba(20, 37, 59, 0.8);
}

.professional-template {
  background: #F4F4F4;
  padding: 104px 0px 164px 0px;
}
@media (max-width: 767.48px) {
  .professional-template {
    padding: 64px 0px;
  }
}
.professional-template .head-block h3 {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
  margin-bottom: 8px;
}
@media (max-width: 767.48px) {
  .professional-template .head-block h3 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
  }
}
.professional-template .head-block p {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #303049;
}
.professional-template .mu-button-arrow {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #098CE3;
}
.professional-template .mu-button-arrow:hover svg {
  transform: translateX(5px);
}
@media (max-width: 991.98px) {
  .professional-template .mu-button-arrow {
    margin-top: 32px;
  }
}
.professional-template .single-design {
  margin-top: 112px;
  text-align: center;
}
@media (max-width: 767.48px) {
  .professional-template .single-design {
    margin-top: 60px;
  }
}
.professional-template .single-design img {
  width: 100%;
  box-shadow: 0px 18.1632px 48.4351px rgba(0, 0, 0, 0.06);
}
.professional-template .single-design a {
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  color: #14253B;
  text-align: center;
  margin-top: 40px;
}
.professional-template .single-design a:hover {
  color: #18A0FB;
}
@media (max-width: 767.48px) {
  .professional-template .single-design a {
    margin-top: 24px;
  }
}

.easy-create-template {
  position: relative;
  margin-top: 89px;
  padding-bottom: 104px;
  overflow: hidden;
}
@media (max-width: 767.48px) {
  .easy-create-template .row {
    flex-direction: column-reverse;
  }
}
@media (min-width: 767.5px) {
  .easy-create-template .image-box {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    width: 50%;
    text-align: right;
    bottom: auto;
  }
  .easy-create-template .image-box img {
    box-shadow: 0px 30px 80px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
  }
}
@media (max-width: 767.48px) {
  .easy-create-template .image-box img {
    width: 100%;
  }
}
.easy-create-template .left-content {
  margin-top: 20px;
}
@media (max-width: 991.98px) {
  .easy-create-template .left-content {
    margin-top: 0px;
  }
}
@media (max-width: 767.48px) {
  .easy-create-template .left-content {
    margin-top: 30px;
  }
}
.easy-create-template .left-content h3 {
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  color: #14253B;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
}
@media (max-width: 767.48px) {
  .easy-create-template .left-content h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
.easy-create-template .left-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #303049;
}

.create-website-area {
  padding: 104px 0px;
}
@media (max-width: 991.98px) {
  .create-website-area {
    padding: 24px 0px 0px 0px;
  }
}
.create-website-area h3 {
  font-weight: 600;
  font-size: 40px;
  line-height: 58px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .create-website-area h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
.create-website-area p {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #14253B;
}
.create-website-area .custom-website-row {
  margin-top: 40px;
}
.create-website-area .website-video {
  width: 370px;
  height: auto;
}
@media (max-width: 991.98px) {
  .create-website-area .website-video {
    width: 100%;
  }
}
.create-website-area .website-content {
  width: calc(100% - 430px);
}
@media (max-width: 991.98px) {
  .create-website-area .website-content {
    width: 100%;
    margin-top: 32px;
  }
}
.create-website-area .client-preview {
  border-radius: 20px;
}
.create-website-area .client-preview img {
  border-radius: 20px;
}
.create-website-area .client-preview video {
  border-radius: 20px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.create-website-area .client-preview .video-js {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .create-website-area .client-preview .video-js {
    height: 220px;
  }
}
.create-website-area .client-preview .vjs-poster {
  display: none;
}
.create-website-area .client-preview .vjs-big-play-button {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 45px;
  height: 45px;
  background: rgba(24, 160, 251, 0.64);
  -webkit-backdrop-filter: blur(3.28294px);
          backdrop-filter: blur(3.28294px);
  border-radius: 50%;
  border-color: transparent;
}
.create-website-area ul {
  list-style: auto;
}
@media (max-width: 991.98px) {
  .create-website-area ul {
    padding-left: 24px;
  }
}
.create-website-area ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 38px;
  color: #14253B;
}
@media (max-width: 767.48px) {
  .create-website-area ul li {
    line-height: 24px;
    margin-bottom: 8px;
  }
}
.create-website-area .mu-btn {
  margin-top: 40px;
}
@media (max-width: 767.48px) {
  .create-website-area .mu-btn {
    width: 100%;
  }
}

.market-color-footer {
  background: #F0F5FB;
}
@media (max-width: 991.98px) {
  .market-color-footer {
    background: #FFFFFF;
  }
}

.markettemplate-customize {
  padding: 64px 0px 104px 0px;
  background: linear-gradient(0deg, #F7FBFF 51.72%, #FFFFFF 89.82%);
}
@media (max-width: 767.48px) {
  .markettemplate-customize {
    padding: 64px 0px 64px 0px;
  }
}
.markettemplate-customize .filtered-block {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 64px;
  z-index: 2;
}
.markettemplate-customize .filtered-block .sorting p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #303049;
  margin-bottom: 10px;
}
.markettemplate-customize .filtered-block .sorting .form-check-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
.markettemplate-customize .filtered-block .sorting .form-check-input:checked {
  background-color: #18A0FB;
  border-color: #18A0FB;
}
.markettemplate-customize .filtered-block .single-filtering {
  margin-top: 24px;
}
.markettemplate-customize .filtered-block .single-filtering p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #303049;
  margin-bottom: 10px;
}
.markettemplate-customize .filtered-block .single-filtering .form-check-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
.markettemplate-customize .filtered-block .single-filtering .form-select {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
.markettemplate-customize .filtered-block .single-filtering .form-select:focus {
  box-shadow: unset;
}
.markettemplate-customize .choose-template .top-text {
  margin-bottom: 56px;
}
.markettemplate-customize .choose-template .top-text h3 {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
  margin-bottom: 8px;
}
@media (max-width: 767.48px) {
  .markettemplate-customize .choose-template .top-text h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
.markettemplate-customize .choose-template .top-text p {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #303049;
}
.markettemplate-customize .choose-template .single-template {
  margin-bottom: 104px;
}
@media (max-width: 767.48px) {
  .markettemplate-customize .choose-template .single-template {
    margin-bottom: 80px;
  }
}
.markettemplate-customize .choose-template .single-image {
  background: #FFFFFF;
  box-shadow: 0px 16.3987px 43.7297px rgba(0, 0, 0, 0.06);
}
.markettemplate-customize .choose-template .single-image .preview-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  border: 1px solid #E4EDF5;
  border-radius: 100px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: capitalize;
  color: #14253B;
  padding: 11px 24px;
}
.markettemplate-customize .choose-template .single-image .preview-btn:hover {
  background: #18A0FB;
  color: #FFFFFF;
  border: 1px solid #18A0FB;
}
@media (max-width: 767.48px) {
  .markettemplate-customize .choose-template .template-content {
    margin-top: 24px;
  }
}
.markettemplate-customize .choose-template .template-content h4 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #303049;
}
.markettemplate-customize .choose-template .template-content .mu-button-arrow {
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
}
.markettemplate-customize .choose-template .template-content .mu-button-arrow:hover svg {
  transform: translateX(5px);
}
.markettemplate-customize .choose-template .template-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  margin-top: 8px;
}
.markettemplate-customize .choose-template .template-content span.suitable {
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #657080;
  margin-top: 24px;
}
.markettemplate-customize .choose-template .template-content label {
  display: block;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #000000;
  margin-top: 8px;
  margin-bottom: 24px;
}
.markettemplate-customize .choose-template .template-content h5 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #303049;
}
.markettemplate-customize .choose-template .template-content .buy-now {
  background: #18A0FB;
  box-shadow: 0px 4px 8px rgba(24, 160, 251, 0.18), 0px 0px 2px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  padding: 11.5px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: capitalize;
  color: #FFFFFF;
}
.markettemplate-customize .choose-template .template-content .buy-now:hover {
  background: #098CE3;
}
.markettemplate-customize .single-migratebox {
  background: linear-gradient(90deg, rgba(24, 160, 251, 0.16) 0%, rgba(12, 185, 243, 0.16) 100%), #FFFFFF;
  box-shadow: 0px 9px 58px rgba(0, 0, 0, 0.03), 0px 2.01027px 12.9551px rgba(0, 0, 0, 0.0178832), 0px 0.598509px 3.85706px rgba(0, 0, 0, 0.0121168);
  border-radius: 40px;
  padding: 48px 64px 54px;
  margin-bottom: 104px;
}
@media (max-width: 767.48px) {
  .markettemplate-customize .single-migratebox {
    margin-bottom: 80px;
    padding: 48px 40px;
  }
}
.markettemplate-customize .single-migratebox h5 {
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
  margin-bottom: 10px;
}
.markettemplate-customize .single-migratebox p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
@media (max-width: 991.98px) {
  .markettemplate-customize .single-migratebox .mu-btn {
    margin-top: 24px;
  }
}
.markettemplate-customize .single-free-trial {
  background: #FFFFFF;
  border: 1px solid #098CE3;
  border-radius: 16px;
  padding: 40px 48px;
  margin-bottom: 104px;
}
@media (max-width: 767.48px) {
  .markettemplate-customize .single-free-trial {
    margin-bottom: 80px;
    padding: 40px 32px;
  }
}
.markettemplate-customize .single-free-trial h5 {
  font-weight: 600;
  font-size: 23px;
  line-height: 34px;
  color: #14253B;
  margin-bottom: 15px;
}
.markettemplate-customize .single-free-trial ul {
  list-style: disc;
  padding-left: 20px;
}
@media (max-width: 1199.98px) {
  .markettemplate-customize .single-free-trial ul {
    margin-bottom: 32px;
  }
}
.markettemplate-customize .single-free-trial ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #334253;
}
.markettemplate-customize .single-free-trial p {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #334253;
  margin-top: 16px;
}
.markettemplate-customize .template-navigation {
  box-shadow: unset;
}

.mobile-filtering {
  width: 100%;
  height: auto;
}
.mobile-filtering .inn-filter {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #FFFFFF;
  z-index: 2;
  text-align: center;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-bottom: -2px;
}
.mobile-filtering .inn-filter .border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.mobile-filtering .inn-filter .left-text {
  padding: 20px 0px;
  cursor: pointer;
}
.mobile-filtering .inn-filter .right-text {
  padding: 20px 0px;
  cursor: pointer;
}
.mobile-filtering .outer-flter .shodow-sort {
  width: 100%;
  height: 100%;
  background-color: rgba(1, 34, 55, 0.4392156863);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  overflow: hidden;
  display: none;
}
.mobile-filtering .outer-flter .mobile-sorting {
  background-color: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 32px;
}
.mobile-filtering .outer-flter .mobile-sorting .sort-title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-transform: capitalize;
  color: #14253B;
}
.mobile-filtering .outer-flter .mobile-sorting .form-check {
  margin-bottom: 8px;
}
.mobile-filtering .outer-flter .mobile-sorting .form-check .form-check-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #14253B;
}
.mobile-filtering .outer-flter .shodow-fill {
  width: 100%;
  height: 100%;
  background-color: rgba(1, 34, 55, 0.4392156863);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  overflow: hidden;
  display: none;
}
.mobile-filtering .outer-flter .mobile-fill {
  background-color: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 32px;
}
.mobile-filtering .outer-flter .mobile-fill .fill-title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-transform: capitalize;
  color: #14253B;
}
.mobile-filtering .outer-flter .mobile-fill .fill-content {
  overflow: auto;
  height: 500px;
}
.mobile-filtering .outer-flter .mobile-fill .single-fill {
  margin-top: 24px;
}
.mobile-filtering .outer-flter .mobile-fill .single-fill .form-select {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
}
.mobile-filtering .outer-flter .mobile-fill .single-fill .form-select:focus {
  box-shadow: unset;
}
.mobile-filtering .outer-flter .mobile-fill p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #303049;
  margin-bottom: 12px;
}
.mobile-filtering .outer-flter .mobile-fill .form-check {
  margin-bottom: 8px;
}
.mobile-filtering .outer-flter .mobile-fill .form-check .form-check-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #14253B;
}

.marketextension-customize {
  background: linear-gradient(0deg, #F7FBFF 51.72%, #FFFFFF 89.82%);
  padding: 64px 0px 88px 0px;
}
.marketextension-customize .exyteension-product-list {
  margin-top: 24px;
}
.marketextension-customize .exyteension-product-list h4 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #14253B;
  margin-bottom: 32px;
}
.marketextension-customize .exyteension-product-list h4.new {
  margin-bottom: 8px;
}
.marketextension-customize .exyteension-product-list .bottom-text {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #334253;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  margin-bottom: 32px;
}
.marketextension-customize .exyteension-product-list .single-project {
  margin-bottom: 40px;
}
.marketextension-customize .exyteension-product-list .single-project .small-image-box {
  background: #FFFFFF;
  border: 1px solid rgba(180, 187, 202, 0.22);
  border-radius: 8px;
  width: 104px;
  height: 104px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.marketextension-customize .exyteension-product-list .single-project .content {
  margin-left: 21px;
  width: calc(100% - 125px);
}
.marketextension-customize .exyteension-product-list .single-project .content h6 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #14253B;
  margin-bottom: 8px;
}
.marketextension-customize .exyteension-product-list .single-project .content h6 span {
  background: #F59D1D;
  border: 1px solid #F59D1D;
  border-radius: 10px;
  padding: 2px 6px;
  font-weight: 600;
  font-size: 9px;
  line-height: 12px;
  text-align: center;
  color: #FFFFFF;
  margin-left: 8px;
}
.marketextension-customize .exyteension-product-list .single-project .content p {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #657080;
}

.template-details .template-details-banner {
  background: linear-gradient(0deg, #F7FBFF 51.72%, #FFFFFF 89.82%);
  padding: 32px 0px;
}
.template-details .template-details-banner .breadcrumb {
  margin-bottom: 32px;
}
.template-details .template-details-banner .breadcrumb .breadcrumb-item {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #B8BCCA;
}
.template-details .template-details-banner .breadcrumb .breadcrumb-item.active::before {
  color: #B8BCCA;
}
.template-details .template-details-banner .breadcrumb .breadcrumb-item a {
  color: #6D7175;
}
@media (max-width: 368px) {
  .template-details .template-details-banner .breadcrumb .breadcrumb-item {
    font-size: 10px;
  }
}
.template-details .template-details-banner .top-box .image-box img {
  width: 100%;
  border-radius: 16px;
}
.template-details .template-details-banner .top-box .right-content {
  margin-top: 16px;
}
@media (max-width: 767.48px) {
  .template-details .template-details-banner .top-box .right-content {
    margin-top: 32px;
  }
}
.template-details .template-details-banner .top-box .right-content h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #14253B;
  margin-bottom: 8px;
}
.template-details .template-details-banner .top-box .right-content .dollar {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #303049;
  margin-bottom: 16px;
}
.template-details .template-details-banner .top-box .right-content .dollar span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  color: #657080;
  display: inline-block;
  margin-right: 8px;
}
.template-details .template-details-banner .top-box .right-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  margin-bottom: 40px;
}
.template-details .template-details-banner .top-box .right-content h6 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #202223;
  margin-bottom: 20px;
}
.template-details .template-details-banner .top-box .right-content ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-bottom: 20px;
  display: flex;
}
.template-details .template-details-banner .top-box .right-content ul li span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.template-details .template-details-banner .top-box .right-content .right-end-block {
  background: #FFFFFF;
  box-shadow: 0px 6px 80px rgba(0, 0, 0, 0.07);
  border-radius: 16px;
  padding: 32px;
}
@media (max-width: 991.98px) {
  .template-details .template-details-banner .top-box .right-content .right-end-block {
    padding: 24px;
  }
}
@media (max-width: 767.48px) {
  .template-details .template-details-banner .top-box .right-content .right-end-block {
    padding: 32px;
    margin-top: 12px;
  }
}
@media (max-width: 330px) {
  .template-details .template-details-banner .top-box .right-content .right-end-block {
    padding: 24px;
  }
}
.template-details .template-details-banner .top-box .right-content .right-end-block .inn-area {
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.template-details .template-details-banner .top-box .right-content .right-end-block .inn-area .left-text {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #202223;
  margin-bottom: 8px;
}
.template-details .template-details-banner .top-box .right-content .right-end-block .inn-area .right-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  color: #7B8794;
  margin-bottom: 8px;
}
.template-details .template-details-banner .top-box .right-content .right-end-block .inn-area .preview-btn {
  background: #FFFFFF;
  border: 1px solid #E4EDF5;
  border-radius: 100px;
  padding: 11.5px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: capitalize;
  color: #14253B;
  margin-top: 20px;
  display: inline-block;
}
.template-details .template-details-banner .top-box .right-content .right-end-block .inn-area .preview-btn:hover {
  background: #18A0FB;
  color: #FFFFFF;
  border-color: 1px solid #18A0FB;
}
.template-details .template-details-banner .top-box .right-content .right-end-block .inn-area .buy-btn {
  background: #18A0FB;
  border-radius: 100px;
  padding: 11.5px 21px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-top: 20px;
  display: inline-block;
}
.template-details .template-details-banner .top-box .right-content .right-end-block .inn-area .buy-btn:hover {
  background: #098CE3;
}
.template-details .template-details-banner .top-box .right-content .right-end-block .social-share {
  padding-top: 32px;
}
.template-details .template-details-banner .top-box .right-content .right-end-block .social-share label {
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
  margin-bottom: 18px;
}
.template-details .template-details-banner .top-box .right-content .right-end-block .social-share a {
  display: inline-block;
  margin-right: 10px;
}
.template-details .template-details-banner .top-box .right-content .right-end-block .social-share a:last-child {
  margin-right: 0px;
}
.template-details .template-details-banner .top-box .right-content .right-end-block .social-share span {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
  margin-top: 18px;
}
.template-details .template-inner-pages {
  padding: 104px 0px 72px 0px;
}
@media (max-width: 767.48px) {
  .template-details .template-inner-pages {
    padding: 64px 0px 72px 0px;
  }
}
.template-details .template-inner-pages .top-title h4 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  color: #14253B;
  margin-bottom: 16px;
}
.template-details .template-inner-pages .top-title p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #334253;
}
@media (max-width: 767.48px) {
  .template-details .template-inner-pages .top-title p {
    margin-bottom: 24px;
  }
}
.template-details .gx-4 {
  --bs-gutter-x:2rem;
}
.template-details .inner-single {
  margin-top: 56px;
}
@media (max-width: 767.48px) {
  .template-details .inner-single {
    margin-top: 32px;
  }
}
.template-details .inner-single .image-box {
  position: relative;
}
.template-details .inner-single .image-box img {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 16.3987px 43.7297px rgba(0, 0, 0, 0.06);
  border-radius: 3px;
}
.template-details .inner-single .image-box .preview-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  border: 1px solid #E4EDF5;
  border-radius: 100px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: capitalize;
  color: #14253B;
  padding: 11px 24px;
}
.template-details .inner-single .image-box .preview-btn:hover {
  background: #18A0FB;
  color: #FFFFFF;
  border: 1px solid #18A0FB;
}
.template-details .inner-single p {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #14253B;
  margin-top: 16px;
}
.template-details .build-template {
  padding: 104px 0px;
}
.template-details .build-template .top-head h4 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  color: #14253B;
  margin-bottom: 16px;
}
.template-details .build-template .top-head p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #334253;
}
.template-details .build-template .single-build {
  margin-top: 56px;
}
.template-details .build-template .single-build h6 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 16px;
}
.template-details .build-template .single-build img {
  width: 100%;
  border-radius: 8px;
}
.template-details .build-template .single-build p {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #334253;
  margin-top: 16px;
  margin-bottom: 16px;
}
.template-details .build-template .single-build .available {
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #14253B;
}
.template-details .build-template .single-build a {
  display: inline-block;
  background: #F0F5FB;
  border-radius: 60px;
  padding: 4px 12px;
  font-weight: 500;
  font-size: 11px;
  line-height: 20px;
  color: #14253B;
  margin-top: 8px;
  margin-right: 4px;
}
.template-details .build-template .single-build a span {
  cursor: pointer;
}
.template-details .build-template .single-build a label {
  cursor: pointer;
}
.template-details .build-template .single-build a:hover {
  background: #18A0FB;
  cursor: pointer;
}
.template-details .build-template .mu-btn {
  margin-top: 56px;
}

.extension-details {
  background: linear-gradient(0deg, #F7FBFF 51.72%, #FFFFFF 89.82%);
  padding: 32px 0px 104px 0px;
}
.extension-details .breadcrumb {
  margin-bottom: 32px;
}
.extension-details .breadcrumb .breadcrumb-item {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #B8BCCA;
}
.extension-details .breadcrumb .breadcrumb-item.active::before {
  color: #B8BCCA;
}
.extension-details .breadcrumb .breadcrumb-item a {
  color: #6D7175;
}
@media (max-width: 368px) {
  .extension-details .breadcrumb .breadcrumb-item {
    font-size: 10px;
  }
}
.extension-details .top-box .image-box img {
  width: 100%;
}
.extension-details .top-box .right-content {
  margin-top: 8px;
}
@media (max-width: 767.48px) {
  .extension-details .top-box .right-content {
    margin-top: 24px;
  }
}
.extension-details .top-box h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #14253B;
  margin-bottom: 11px;
}
.extension-details .top-box .dollar {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #303049;
  margin-bottom: 16px;
}
.extension-details .top-box .dollar span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  color: #657080;
  margin-right: 8px;
}
.extension-details .top-box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  margin-bottom: 16px;
}
.extension-details .top-box .buy-btn {
  background: #18A0FB;
  border-radius: 100px;
  padding: 11.5px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: capitalize;
  color: #FFFFFF;
  display: inline-block;
}
.extension-details .top-box h6 {
  font-family: "Inter";
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #202223;
  margin-bottom: 28px;
  margin-top: 40px;
}
.extension-details .top-box ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-bottom: 20px;
  display: flex;
}
.extension-details .top-box ul li span {
  margin-right: 10px;
}
.extension-details .top-box .step {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-top: 28px;
  margin-bottom: 8px;
}
.extension-details .top-box .provide {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
}
.extension-details .top-box .please {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #334253;
  margin-top: 24px;
}
.extension-details .top-box .please a {
  color: rgb(9, 140, 227);
  text-decoration: underline;
}

/* Partner Landing Page css Start */
.partner-nav {
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 1px rgba(0, 0, 0, 0.02);
  z-index: 3;
}
@media (max-width: 575.98px) {
  .partner-nav {
    box-shadow: none;
  }
}

.tab-control {
  width: 100%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  padding: 18px 50px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767.48px) {
  .tab-control {
    padding: 18px 15px;
  }
}
.tab-control ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: hidden;
  overflow-x: auto;
}
@media (max-width: 767.48px) {
  .tab-control ul {
    justify-content: left;
  }
}
.tab-control ul li {
  list-style-type: none;
  margin-right: 32px;
}
.tab-control ul li:last-child {
  margin-right: 0px;
}
.tab-control ul li a {
  color: #334253;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  white-space: nowrap;
}
.tab-control ul li a.active, .tab-control ul li a:hover, .tab-control ul li a:focus {
  color: #1185E0;
  text-decoration: none;
}

.partner-hero {
  width: 100%;
  height: auto;
  background: linear-gradient(180deg, #FBFCFE 0%, rgba(255, 255, 255, 0) 100%);
  padding: 128px 15px 104px 15px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .partner-hero {
    padding: 40px 15px 104px 15px;
  }
}
.partner-hero::before {
  content: "";
  position: absolute;
  width: 134px;
  height: 134px;
  left: 25%;
  top: -38px;
  background: rgba(214, 52, 255, 0.5);
  mix-blend-mode: difference;
  opacity: 0.16;
  border-radius: 360px;
}
.partner-hero::after {
  content: "";
  position: absolute;
  width: 417px;
  height: 417px;
  right: -20px;
  bottom: 227px;
  background: rgba(251, 245, 132, 0.22);
  border-radius: 360px;
}
.partner-hero .title-sm {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #14253B;
  line-height: 39px;
  margin-bottom: 24px;
}
@media (max-width: 575.98px) {
  .partner-hero .title-sm {
    font-size: 16px;
  }
}
.partner-hero .section-title {
  font-size: 64px;
  line-height: 72px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media (max-width: 575.98px) {
  .partner-hero .section-title {
    font-size: 32px;
    line-height: 40px;
  }
}
.partner-hero .content {
  max-width: 724px;
  margin: 0px auto;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #303049;
  margin-bottom: 52px;
}
.partner-hero .mu-btn {
  height: 50px;
  font-size: 16px;
}
.partner-hero .dot-stylethree {
  right: auto;
  left: -60px;
  bottom: 70px;
}

.partnercount {
  border-radius: 40px;
  overflow: hidden;
  display: flex;
  justify-content: stretch;
  margin-top: 138px;
  position: relative;
  z-index: 1;
}
@media (max-width: 575.98px) {
  .partnercount {
    margin-top: 64px;
    display: block;
  }
}
.partnercount .partnerbox {
  padding: 48px 64px;
  width: 100%;
  text-align: left;
}
@media (max-width: 767.48px) {
  .partnercount .partnerbox {
    padding: 48px 30px;
  }
}
@media (max-width: 575.98px) {
  .partnercount .partnerbox {
    padding: 48px 40px;
  }
}
.partnercount .partnerbox.one {
  background-color: #EAF7FF;
}
.partnercount .partnerbox.two {
  background-color: #D8F0FF;
}
.partnercount .partnerbox.three {
  background-color: #C6E6FA;
}
.partnercount .partnerbox h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
  margin-bottom: 16px;
}
.partnercount .partnerbox p {
  font-family: "Inter", sans-serif;
  color: #334253;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
}

.partner-ecosystem .section-title {
  text-align: center;
}
@media (max-width: 575.98px) {
  .partner-ecosystem .section-title {
    text-align: left;
  }
}
.partner-ecosystem .content {
  max-width: 650px;
  height: auto;
  margin: 0px auto;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #334253;
}
@media (max-width: 575.98px) {
  .partner-ecosystem .content {
    text-align: left;
  }
}
.partner-ecosystem .list-items {
  max-width: 632px;
  margin: 72px auto;
  padding: 0px 0px 0px 28px;
}
@media (max-width: 575.98px) {
  .partner-ecosystem .list-items {
    margin: 40px auto;
  }
}
.partner-ecosystem .list-items li {
  font-size: 16px;
  line-height: 24px;
}
.partner-ecosystem .list-items li::after {
  left: -29px;
}
.partner-ecosystem .info {
  max-width: 769px;
  margin: 0px auto;
  padding: 40px 82px;
  background: #EAF7FF;
  border-radius: 16px;
}
.partner-ecosystem .info p {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #14253B;
}

.partner-testimonial {
  padding: 104px 0px 186px 0px;
}
@media (max-width: 767.48px) {
  .partner-testimonial .section-title br {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .partner-testimonial {
    padding: 104px 0px 25px 0px;
    background: none;
  }
}
@media (max-width: 575.98px) {
  .partner-testimonial .client-preview {
    filter: drop-shadow(0px 0px 39px rgba(0, 0, 0, 0.07)) drop-shadow(0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275)) drop-shadow(0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725)) drop-shadow(0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802)) !important;
  }
}
.partner-testimonial .section-title {
  margin-bottom: 70px;
}

.partner-services {
  width: 100%;
  height: auto;
  padding: 104px 0px;
}
.partner-services .section-title {
  line-height: 48px;
}
.partner-services .sub-title {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #334253;
  margin-bottom: 11px;
}
.partner-services .ps-box {
  margin-top: 65px;
}
.partner-services .ps-box-img-wrap {
  max-width: 390px;
  height: 300px;
  overflow: hidden;
}
@media (max-width: 767.48px) {
  .partner-services .ps-box-img-wrap {
    margin: 0px auto;
  }
}
@media (max-width: 575.98px) {
  .partner-services .ps-box-img-wrap {
    margin: 0px auto 60px auto;
  }
}
.partner-services .ps-box-img-wrap img {
  width: 100%;
}
.partner-services .ps-box-dep h4 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  color: #14253B;
}
.partner-services .ps-box-dep p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
}
.partner-services .ps-box-dep ul {
  padding: 0px;
  margin: 0px;
}
.partner-services .ps-box-dep ul li {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
  list-style-type: none;
  position: relative;
  padding-left: 20px;
}
.partner-services .ps-box-dep ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 360px;
  position: absolute;
  top: 9px;
  left: 5px;
  background-color: #334253;
}

.partner-featuers .pf-bg {
  width: 100%;
  height: auto;
  background-color: #fff;
  background: #EAF7FF;
  border-radius: 40px;
  padding: 64px;
}
.partner-featuers .pf-bg .pf-box {
  text-align: center;
  max-width: 244px;
  margin: 0px auto;
}
@media (max-width: 991.98px) {
  .partner-featuers .pf-bg .pf-box {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width: 575.98px) {
  .partner-featuers .pf-bg .pf-box {
    margin-top: 32px;
    margin-bottom: 32px;
    max-width: 100%;
  }
}
.partner-featuers .pf-bg .pf-box h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}
.partner-featuers .pf-bg .pf-box p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: rgba(20, 37, 59, 0.8);
}

.partner-cta {
  padding: 104px 0px;
}
@media (max-width: 575.98px) {
  .partner-cta {
    padding: 64px 0px;
  }
}
.partner-cta-left {
  max-width: 751px;
}
@media (max-width: 767.48px) {
  .partner-cta-left {
    margin-bottom: 24px;
  }
}
.partner-cta-left h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
}
.partner-cta .mu-btn {
  padding: 18px 32px;
  line-height: 24px;
  margin-right: 8px;
}
@media (max-width: 575.98px) {
  .partner-cta .mu-btn {
    margin-top: 24px;
  }
}

/* Partner Landing Page css End */
/* Partner Affiliate Page css start */
.partner-affiliate-banner {
  width: 100%;
  height: auto;
  padding-top: 96px;
  background: linear-gradient(180deg, #F5F8FD 0%, rgba(255, 255, 255, 0) 100%);
  position: relative;
}
@media (max-width: 575.98px) {
  .partner-affiliate-banner {
    padding-top: 48px;
  }
}
.partner-affiliate-banner::before {
  content: "";
  position: absolute;
  width: 604px;
  height: 604px;
  right: 23px;
  top: -75px;
  background: rgba(214, 52, 255, 0.64);
  mix-blend-mode: difference;
  opacity: 0.08;
  border-radius: 360px;
  z-index: 1;
}
@media (max-width: 767.48px) {
  .partner-affiliate-banner::before {
    width: 207px;
    height: 207px;
    right: 55px;
    top: 105px;
  }
}
.partner-affiliate-banner .dot-stylethree {
  bottom: 400px;
  right: 0px;
}
.partner-affiliate-banner .pa-hero {
  max-width: 872px;
}
.partner-affiliate-banner .pa-hero .title-sm {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-bottom: 24px;
  line-height: 40px;
}
@media (max-width: 575.98px) {
  .partner-affiliate-banner .pa-hero .title-sm {
    font-size: 16px;
  }
}
.partner-affiliate-banner .pa-hero .section-title {
  font-size: 64px;
  line-height: 72px;
  background: linear-gradient(90.5deg, #18A0FB 27.63%, #0AB7A8 86.7%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  padding-bottom: 24px;
}
@media (max-width: 575.98px) {
  .partner-affiliate-banner .pa-hero .section-title {
    font-size: 32px;
    line-height: 40px;
  }
}
.partner-affiliate-banner .pa-hero .content {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303049;
  margin-bottom: 15px;
}
.partner-affiliate-banner .pa-hero .mu-btn {
  margin-top: 52px;
}

.featuresbox-content {
  max-width: 662px;
}

.pa-hero-secondary .sub-text {
  margin-top: 110px;
  margin-bottom: 60px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #303049;
}
@media (max-width: 575.98px) {
  .pa-hero-secondary .sub-text {
    margin-top: 40px;
    margin-bottom: 27px;
  }
}

.pa-services-box {
  border: 1px solid #DBE1EA;
  border-radius: 8px;
  padding: 32px 40px 48px 40px;
  text-align: center;
}
@media (max-width: 767.48px) {
  .pa-services-box {
    margin-top: 27px;
  }
}
.pa-services-box p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #14253B;
  margin-top: 24px;
}

.pa-how-it-works {
  width: 100%;
  height: auto;
  padding-top: 104px;
}
.pa-how-it-works .section-title {
  line-height: 48px;
}
.pa-how-it-works .content {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #334253;
}
.pa-how-it-works .list-items {
  margin-top: 32px;
}
.pa-how-it-works .list-items li {
  font-size: 16px;
  line-height: 24px;
}

.featuresbox {
  width: 100%;
  height: auto;
  margin-top: 60px;
}
.featuresbox-img {
  max-width: 390px;
}
@media (max-width: 767.48px) {
  .featuresbox-img {
    margin: 0px auto;
  }
}
@media (max-width: 1440px) {
  .featuresbox-content {
    padding-left: 55px;
  }
}
@media (max-width: 767.48px) {
  .featuresbox-content {
    padding-left: 0px;
    margin-top: 16px;
  }
}
.featuresbox-content h4 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #14253B;
  font-size: 32px;
  line-height: 39px;
}
.featuresbox-content p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
}

.pa-cta {
  margin-top: 88px;
  border: 1px solid #098CE3;
  border-radius: 16px;
  padding: 48px 64px;
}
@media (max-width: 575.98px) {
  .pa-cta {
    padding: 40px 32px;
  }
}
.pa-cta h5 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #14253B;
  margin-bottom: 32px;
}

.pa-leaders-area {
  padding-top: 105px;
}
.pa-leaders-area .client-lists {
  max-width: 858px;
  margin: 0px auto;
  flex-wrap: wrap;
}
.pa-leaders-area .client-lists .single-client {
  margin-top: 10px;
  margin-bottom: 10px;
}

.pa-fqa {
  padding-top: 50px !important;
  padding-bottom: 104px;
}
.pa-fqa .primary-accordian {
  max-width: 829px;
  margin: 0px auto;
}
.pa-fqa .section-title {
  line-height: 60px;
}

/* End Partner Affiliate Page css start */
/* Partner Signup Page css Start */
.partner-actionbg {
  max-width: 1280px;
  margin: 0px auto;
  width: 100%;
  height: auto;
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/partner/actionbg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 48px;
  border-radius: 20px;
}
@media (max-width: 575.98px) {
  .partner-actionbg {
    background-image: none;
    padding: 0px;
    margin: 24px auto;
    box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05), 0px 6.0308px 17.869px rgba(0, 0, 0, 0.0298054), 0px 1.79553px 5.32008px rgba(0, 0, 0, 0.0201946);
  }
}
.partner-actionbg .p-action-box {
  width: 100%;
  height: auto;
  background: #FFFFFF;
  box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05), 0px 6.0308px 17.869px rgba(0, 0, 0, 0.0298054), 0px 1.79553px 5.32008px rgba(0, 0, 0, 0.0201946);
  border-radius: 16px;
  margin: 0px auto;
}
.partner-actionbg .p-action-box.signup {
  max-width: 800px;
  padding: 64px;
}
@media (max-width: 767.48px) {
  .partner-actionbg .p-action-box.signup {
    padding: 64px 40px;
  }
}
.partner-actionbg .p-action-box.signup .file-select {
  height: 150px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  position: relative;
}
.partner-actionbg .p-action-box.signup .file-select:focus, .partner-actionbg .p-action-box.signup .file-select:hover {
  border: 1px dashed #0CB9F3;
  box-shadow: none;
}
.partner-actionbg .p-action-box.signup .file-select .file-select-name {
  display: inline-block;
  padding: 0 10px;
  color: #212529;
  font-weight: 400;
  font-size: 13px;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-align: center;
  line-height: 20px;
}
.partner-actionbg .p-action-box.signup .file-select .file-select-name svg path {
  fill: #0CB9F3;
}
.partner-actionbg .p-action-box.signup .file-select .choosefile {
  z-index: 100;
  cursor: pointer;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.partner-actionbg .p-action-box.signup .size-restrict-mssg {
  list-style: disc;
  padding-left: 20px;
}
@media (max-width: 767.48px) {
  .partner-actionbg .p-action-box.signup .size-restrict-mssg {
    margin-top: 20px;
  }
}
.partner-actionbg .p-action-box.signup .size-restrict-mssg li {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #14253B;
}
.partner-actionbg .p-action-box.signup .form-check .form-check-label {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.partner-actionbg .p-action-box.signup .form-check .form-check-label a {
  color: #1DA4FB;
}
.partner-actionbg .p-action-box.signup .form-check .form-check-label a:hover {
  text-decoration: underline;
}
.partner-actionbg .p-action-box.signup .form-check .form-check-input:checked {
  background-color: #1DA4FB;
  border-color: #1DA4FB;
}
.partner-actionbg .p-action-box.login {
  max-width: 442px;
  padding: 72px 72px 80px 72px;
}
@media (max-width: 575.98px) {
  .partner-actionbg .p-action-box.login {
    max-width: 100%;
    padding: 48px 40px 32px 40px;
  }
}
.partner-actionbg .p-action-box.login .form-control {
  font-size: 14px !important;
}
.partner-actionbg .p-action-box.login .login-btn {
  padding: 14px 32px;
}
.partner-actionbg .p-action-box.login .or {
  margin: 16px auto;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #7B8794;
  text-align: center;
}
.partner-actionbg .p-action-box.login .social-login-btn {
  width: 100%;
  height: 54px;
  line-height: 54px;
  background: #F7F8FA;
  border: 1px solid #F1F1F1;
  border-radius: 148px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #202223;
}
.partner-actionbg .p-action-box.login .social-login-btn:hover {
  background: #F1F1F1;
}
.partner-actionbg .p-action-box.login .social-login-btn img {
  margin-right: 12px;
}
.partner-actionbg .p-action-box.login .linkto {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #2C6ECB;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.partner-actionbg .p-action-box.login .linkto:hover {
  text-decoration: underline;
}
.partner-actionbg .p-action-box.thankyou {
  min-height: 558px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575.98px) {
  .partner-actionbg .p-action-box.thankyou {
    min-height: 414px;
    padding: 24px;
  }
}
.partner-actionbg .p-action-box.thankyou .thankyou-content {
  max-width: 305px;
  margin: 0px auto;
  text-align: center;
}
.partner-actionbg .p-action-box.thankyou .thankyou-content p {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #14253B;
}
.partner-actionbg .p-action-box .title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #14253B;
}
.partner-actionbg .p-action-box .sub-title {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #334253;
}
.partner-actionbg .p-action-box .group-name {
  margin-top: 32px;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #334253;
}
.partner-actionbg .p-action-box .form-group {
  margin-bottom: 16px;
}
.partner-actionbg .p-action-box .form-group label {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #14253B;
  margin-bottom: 4px;
}
.partner-actionbg .p-action-box .form-group .form-control {
  width: 100%;
  height: 48px;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  color: #212529;
  font-weight: 400;
  font-size: 13px;
}
.partner-actionbg .p-action-box .form-group .form-control:focus, .partner-actionbg .p-action-box .form-group .form-control:hover {
  border: 1px solid #0CB9F3;
  box-shadow: none;
}
.partner-actionbg .p-action-box .form-group textarea.form-control {
  height: 93px;
  resize: none;
}
.partner-actionbg .p-action-box .form-group .bootstrap-select {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 60px !important;
  height: 45px;
}
.partner-actionbg .p-action-box .form-group .bootstrap-select .dropdown-toggle {
  background-color: #FFFFFF;
  outline: unset !important;
  border: none;
  box-shadow: unset !important;
  width: auto;
  height: 100%;
  margin: 0px 0px 0px 1px;
  padding: 0px 0px 0px 15px;
}
.partner-actionbg .p-action-box .form-group .bootstrap-select .dropdown-toggle::after {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/partner/arrow.png");
  width: 10px;
  height: 6px;
  background-position: 0px 0px;
  border: none;
  background-repeat: no-repeat;
  padding-left: 11px;
  position: relative;
  left: 5px;
}
.partner-actionbg .p-action-box .form-group .bootstrap-select .filter-option-inner {
  position: relative;
  top: 10px;
}
.partner-actionbg .p-action-box .form-group .phone-control {
  padding-left: 75px;
}
.partner-actionbg .p-action-box .mu-btn {
  padding: 18px 32px;
}
.partner-actionbg.loginbg {
  padding-top: 0px;
}
@media (max-width: 575.98px) {
  .partner-actionbg.loginbg {
    box-shadow: none;
    background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/partner/actionbg.png");
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 48px;
  }
}
.partner-actionbg.loginbg .login-heading {
  padding: 20px 0px 16px 0px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #334253;
  text-align: center;
}

/* Partner Signup Page css End */
.partnerbox {
  margin-top: 40px !important;
}
.partnerbox .single-project {
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 24px !important;
}
.partnerbox .single-project .content ul {
  padding-left: 15px;
  margin: 0px;
}
.partnerbox .single-project .content ul li {
  list-style-type: disc;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #657080;
}

.partner-list .filtered-block {
  position: -webkit-sticky;
  position: sticky;
  top: 15px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Partner Details page css */
.pd-bg {
  width: 100%;
  height: auto;
  background: linear-gradient(0deg, #F7FBFF 51.72%, #FFFFFF 89.82%);
  padding: 32px 0px 104px 0px;
}
.pd-bg .pagination {
  margin-bottom: 32px;
}
.pd-bg .pagination li {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #B8BCCA;
}
.pd-bg .pagination li a {
  color: #6D7175;
  position: relative;
  padding-right: 15px;
}
.pd-bg .pagination li a::after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/partner/arrow-right.png");
  margin: 0px 12px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  top: 2px;
  right: -10px;
}
.pd-bg .partnerDP {
  width: 160px;
  height: 160px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 40px;
  flex: 0 0 160px;
}
@media (max-width: 575.98px) {
  .pd-bg .partnerDP {
    margin-bottom: 40px;
  }
}
.pd-bg .partner-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #14253B;
}
.pd-bg .partner-content h3 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #657080;
}
.pd-bg .partner-content .list-items {
  margin-top: 40px;
}
.pd-bg .partner-content .list-items li {
  font-size: 16px;
  line-height: 24px;
}
.pd-bg .partner-content .list-items li::after {
  width: 16px;
  height: 13px;
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/partner/check.png");
}
.pd-bg .partner-content p {
  line-height: 20px;
}
.pd-bg .partner-details-form {
  max-width: 436px;
  padding: 48px;
  background-image: none;
  padding: 0px;
}
@media (max-width: 991.98px) {
  .pd-bg .partner-details-form {
    max-width: 100%;
  }
}
.pd-bg .partner-details-form .p-action-box {
  padding: 48px;
}
@media (max-width: 575.98px) {
  .pd-bg .partner-details-form .p-action-box {
    padding: 24px;
    box-shadow: 0px 27px 80px rgba(0, 0, 0, 0.05), 0px 6.0308px 17.869px rgba(0, 0, 0, 0.0298054), 0px 1.79553px 5.32008px rgba(0, 0, 0, 0.0201946);
  }
}
.pd-bg .partner-details-form .p-action-box .title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #334253;
  margin-bottom: 20px;
}
.pd-bg .partner-details-form .p-action-box .mu-btn {
  font-size: 14px;
  line-height: 20px;
  padding: 14px 32px;
}
.pd-bg .partner-details-form .form-check-label {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.pd-bg .partner-details-form .form-check-label a {
  color: #1DA4FB;
}
.pd-bg .partner-details-form .form-check-label a:hover {
  text-decoration: underline;
}

.findpartner .section-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
}
@media (max-width: 767.48px) {
  .findpartner .section-title {
    text-align: center;
    font-size: 32px;
  }
}
.findpartner .sub-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767.48px) {
  .findpartner .sub-title {
    text-align: center;
  }
}
@media (max-width: 767.48px) {
  .findpartner .search-box {
    margin-top: 24px;
  }
}

/* End Partner Details page css */
.alie-bg {
  background: linear-gradient(180deg, #FCFCFF 0%, #FFFFFF 100%);
}

.alie-preview {
  margin-top: 25px;
}
@media (max-width: 991.5px) {
  .alie-preview {
    margin-bottom: 45px;
    margin-top: 0;
  }
}
.alie-preview .video-js {
  max-width: 100%;
  border-radius: 8px;
  height: 300px;
  overflow: hidden;
}
@media (max-width: 991.5px) {
  .alie-preview .video-js {
    width: 100%;
    min-height: 400px;
  }
}
@media (max-width: 767.48px) {
  .alie-preview .video-js {
    min-height: 200px;
    max-height: 200px;
  }
}
.alie-preview .video-js .vjs-big-play-button {
  background: transparent;
  border: none;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.alie-preview .video-js .vjs-poster {
  background-size: cover;
}

.streaming-area.styled-3 .streming-lists {
  margin-top: 22px;
}
.streaming-area.styled-3 .streming-lists p {
  margin-bottom: 16px;
}
.streaming-area.styled-3 .streming-lists .single-stream p {
  font-size: 14px;
  line-height: 1.43;
  color: rgba(20, 37, 59, 0.8);
}
.streaming-area.styled-3 .streming-lists .single-stream .title-small {
  color: #14253B;
  margin-bottom: 16px;
  line-height: 1.4;
}
.streaming-area.styled-3 a {
  line-height: 24px;
}

.big-previewarea {
  padding-top: 104px;
}
@media (max-width: 767.48px) {
  .big-previewarea {
    padding-top: 64px;
  }
}
.big-previewarea .section-heading {
  margin-bottom: 32px;
}
.big-previewarea .title-sm {
  color: #14253B;
  line-height: 1.25;
}
@media (max-width: 767.48px) {
  .big-previewarea .title-sm {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 340px) {
  .big-previewarea .title-sm {
    font-size: 30px;
  }
}

@media (max-width: 767.48px) {
  .cta-area.secondary-cta.styled-2 .cta-wrapper {
    padding: 16px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.enterprise-area.styled-2 {
  padding-top: 104px;
}
@media (max-width: 767.48px) {
  .enterprise-area.styled-2 {
    padding-top: 65px;
  }
}
.enterprise-area.styled-2 .section-heading p {
  font-size: 16px;
  line-height: 1.5;
  color: #334253;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
}

.recommendation-area {
  padding: 104px 0;
  padding-top: 69px;
}
@media (max-width: 991.98px) {
  .recommendation-area {
    padding-bottom: 50px;
  }
}
.recommendation-area .section-title {
  line-height: 1.2;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
  margin-bottom: 16px;
}
.recommendation-area p {
  font-size: 16px;
  line-height: 1.5;
  color: #334253;
  text-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07);
}

.language-box {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.language-box li {
  display: inline-block;
  margin: 0 32px;
  margin-bottom: 10px;
}
.language-box li:first-child {
  margin-left: 0;
}
.language-box li:last-child {
  margin-right: 0;
}
@media (max-width: 991.98px) {
  .language-box li {
    max-width: 12%;
    margin: 0 20px;
    margin-bottom: 64px;
  }
}
.tertiary-cta.styled-3 .section-heading {
  margin-bottom: 40px;
}
.faq-area.styled-2 {
  background: linear-gradient(180deg, #F8FAFC 0%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 767.48px) {
  .faq-area.styled-2 {
    padding-top: 0;
    background: #fff;
    padding-bottom: 24px;
  }
}

.streaming-area.styled-3 {
  padding-top: 110px;
}
@media (max-width: 767.48px) {
  .streaming-area.styled-3 {
    padding: 64px 0;
    padding-bottom: 40px;
  }
}

.possibilities-banner {
  overflow: hidden;
  background: linear-gradient(120.81deg, rgba(248, 250, 252, 0) 16.66%, #EFF2F5 68.68%), #F8FAFC;
}
@media (max-width: 991.98px) {
  .possibilities-banner .direction-row {
    flex-direction: column-reverse;
  }
}
@media (max-width: 991.98px) {
  .possibilities-banner .banner-content {
    text-align: center;
    padding: 64px 0px;
  }
}
.possibilities-banner .banner-content h1 {
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  color: #14253B;
  margin-bottom: 24px;
}
@media (max-width: 767.48px) {
  .possibilities-banner .banner-content h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.possibilities-banner .banner-content ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #14253B;
  margin-bottom: 8px;
  text-align: left;
  display: flex;
}
.possibilities-banner .banner-content ul li:last-child {
  margin-bottom: 0px;
}
.possibilities-banner .banner-content ul li span {
  margin-right: 8px;
}
.possibilities-banner .banner-content .mu-btn {
  margin-top: 40px;
}
.possibilities-banner .banner-content p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
  margin-top: 20px;
}

.possibilities-leaders-area {
  padding: 104px 0px;
}

.possibilities-infra-area {
  margin-bottom: 104px;
}
@media (max-width: 767.48px) {
  .possibilities-infra-area {
    margin-bottom: 64px;
  }
}
.possibilities-infra-area .inner-infra {
  padding: 0px 80px;
}
@media (max-width: 1199.98px) {
  .possibilities-infra-area .inner-infra {
    padding: 0px 40px;
  }
}
@media (max-width: 991.98px) {
  .possibilities-infra-area .inner-infra {
    padding: 0px 20px;
  }
}
@media (max-width: 767.48px) {
  .possibilities-infra-area .inner-infra {
    padding: 0px;
  }
}
.possibilities-infra-area .inner-infra .infra-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #14253B;
}
.possibilities-infra-area .inner-infra .infra-desc {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #334253;
  margin-top: 16px;
}
.possibilities-infra-area .box-content {
  margin-top: 48px;
}
.possibilities-infra-area .box-content .single-box {
  border: 1px solid #DBE1EA;
  border-radius: 8px;
  padding: 32px;
  min-height: 216px;
}
@media (max-width: 767.48px) {
  .possibilities-infra-area .box-content .single-box {
    min-height: 192px;
  }
}
.possibilities-infra-area .box-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #14253B;
  margin-top: 42px;
}
.possibilities-infra-area .infra-btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #098CE3;
  display: inline-block;
  margin-top: 48px;
}
.possibilities-infra-area .infra-btn span {
  margin-left: 8px;
}
.possibilities-infra-area .infra-btn:hover svg {
  transform: translateX(5px);
}
.possibilities-infra-area .trial-area {
  background: linear-gradient(0deg, #EEF3F9, #EEF3F9), #FFFFFF;
  border: 8px solid #FFFFFF;
  box-shadow: 0px 15px 58px rgba(0, 0, 0, 0.05), 0px 3.35045px 12.9551px rgba(0, 0, 0, 0.0298054), 0px 0.997515px 3.85706px rgba(0, 0, 0, 0.0201946);
  border-radius: 16px 16px 16px 54px;
  padding: 56px 54px;
  margin-top: 64px;
}
@media (max-width: 991.98px) {
  .possibilities-infra-area .trial-area {
    padding: 56px 32px;
    text-align: center;
  }
}
.possibilities-infra-area .trial-area p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #14253B;
}
.possibilities-infra-area .trial-area h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #14253B;
  margin-top: 4px;
}
.possibilities-infra-area .trial-area .mu-btn {
  line-height: 24px;
}
@media (max-width: 991.98px) {
  .possibilities-infra-area .trial-area .mu-btn {
    margin-top: 32px;
  }
}

.possibilities-feature-area .feature-wrapper {
  margin-bottom: 0px;
}

.possibilities-sales {
  padding: 81px 0px 104px 0px;
}
@media (max-width: 767.48px) {
  .possibilities-sales {
    padding: 81px 0px 64px 0px;
  }
}
.possibilities-sales .inner-sales {
  background: linear-gradient(90deg, rgba(24, 160, 251, 0.16) 0%, rgba(12, 185, 243, 0.16) 100%), #FFFFFF;
  border-radius: 16px 16px 16px 54px;
  padding: 40px 54px 48px;
}
@media (max-width: 767.48px) {
  .possibilities-sales .inner-sales {
    padding: 40px 32px 48px;
  }
}
@media (max-width: 767.48px) {
  .possibilities-sales .inner-sales br {
    display: none;
  }
}
.possibilities-sales .inner-sales h4 {
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #14253B;
}
.possibilities-sales .inner-sales p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
  margin-top: 10px;
}
@media (max-width: 767.48px) {
  .possibilities-sales .inner-sales p {
    line-height: 24px;
  }
}
@media (max-width: 991.98px) {
  .possibilities-sales .inner-sales .mu-btn {
    margin-top: 24px;
  }
}

.possibilities-highlights-area {
  padding: 11px 0px 104px 0px;
}
@media (max-width: 767.48px) {
  .possibilities-highlights-area {
    padding: 0px 0px 104px 0px;
  }
}
.possibilities-highlights-area .section-heading {
  padding-top: 0px;
}
.possibilities-highlights-area .section-heading p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #14253B;
}
.possibilities-highlights-area .section-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #000000;
}
@media (max-width: 767.48px) {
  .possibilities-highlights-area .section-title {
    line-height: 38px;
  }
}
.possibilities-highlights-area .higlight-content {
  margin-bottom: 16px;
}

.possibilities-customize h3 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  color: #14253B;
  margin-bottom: 48px;
}
@media (max-width: 767.48px) {
  .possibilities-customize h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 767.48px) {
  .possibilities-customize h3 br {
    display: none;
  }
}
.possibilities-customize .single-template {
  background: #F6F6F6;
  border-radius: 24px;
  padding: 56px 0px 56px 56px;
}
@media (max-width: 991.98px) {
  .possibilities-customize .single-template {
    padding: 40px 0px 40px 32px;
  }
}
.possibilities-customize .single-template h4 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #000000;
}
@media (max-width: 767.48px) {
  .possibilities-customize .single-template h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
.possibilities-customize .single-template p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #334253;
  margin-top: 12px;
  padding-right: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1199.98px) {
  .possibilities-customize .single-template p {
    padding-right: 36px;
  }
}
@media (max-width: 991.98px) {
  .possibilities-customize .single-template p {
    -webkit-line-clamp: 3;
  }
}
@media (max-width: 767.48px) {
  .possibilities-customize .single-template p {
    -webkit-line-clamp: 5;
  }
}
.possibilities-customize .single-template a {
  display: inline-block;
  margin-top: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #098CE3;
}
.possibilities-customize .single-template img {
  margin-top: 24px;
}
.possibilities-customize .single-template.bg-4e7fff {
  background: #4E7FFF;
}
@media (max-width: 767.48px) {
  .possibilities-customize .single-template.bg-4e7fff {
    margin-top: 24px;
  }
}
.possibilities-customize .single-template.bg-4e7fff h4 {
  color: #FFFFFF;
}
.possibilities-customize .single-template.bg-4e7fff p {
  color: #FFFFFF;
}
.possibilities-customize .single-template.bg-4e7fff a {
  color: #FFFFFF;
}

.possibilities-platform {
  padding: 104px 0px;
}
@media (max-width: 767.48px) {
  .possibilities-platform {
    padding: 64px 0px;
  }
}
.possibilities-platform h3 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  color: #14253B;
  margin-bottom: 70px;
}
@media (max-width: 767.48px) {
  .possibilities-platform h3 {
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 38px;
  }
}
@media (max-width: 767.48px) {
  .possibilities-platform h3 br {
    display: none;
  }
}
.possibilities-platform .col-md-6:nth-last-child(1) .single-platform {
  min-height: auto;
  border: none;
  padding-bottom: 0px;
}
.possibilities-platform .col-md-6:nth-last-child(2) .single-platform {
  min-height: auto;
  border: none;
  padding-bottom: 0px;
}
@media (max-width: 767.48px) {
  .possibilities-platform .col-md-6:nth-last-child(2) .single-platform {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 34px;
  }
}
.possibilities-platform .single-platform {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 34px;
  margin-top: 34px;
  min-height: 145px;
}
@media (max-width: 767.48px) {
  .possibilities-platform .single-platform {
    min-height: auto;
  }
}
.possibilities-platform .single-platform .left span {
  display: inline-block;
  margin-top: 8px;
}
.possibilities-platform .single-platform .right {
  width: calc(100% - 68px);
}
.possibilities-platform .single-platform .right h6 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}
.possibilities-platform .single-platform .right p {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #334253;
  margin-top: 12px;
}
.possibilities-platform .single-platform .right a {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #098CE3;
  display: inline-block;
  margin-top: 12px;
  transition: 0.2s;
}
.possibilities-platform .single-platform .right a:hover svg {
  transform: translateX(5px);
}

.possibilities-unique {
  padding: 64px 0px;
  background: #ECF4FC;
}
.possibilities-unique .gx-5 {
  --bs-gutter-x: 2.5rem;
}
@media (max-width: 1199.98px) {
  .possibilities-unique .single-text {
    margin-bottom: 40px;
  }
}
.possibilities-unique .single-text h3 {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #14253B;
}
@media (max-width: 1199.98px) {
  .possibilities-unique .single-text h3 {
    text-align: center;
  }
}
@media (max-width: 767.48px) {
  .possibilities-unique .single-text h3 {
    font-size: 32px;
    line-height: 38px;
  }
}
@media (max-width: 1199.98px) {
  .possibilities-unique .single-text h3 br {
    display: none;
  }
}
@media (max-width: 767.48px) {
  .possibilities-unique .col-12:last-child .single-unique {
    margin-top: 24px;
  }
}
.possibilities-unique .single-unique {
  background: #FFFFFF;
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
  border-radius: 24px 24px 24px 64px;
  padding: 40px;
  min-height: 220px;
}
@media (max-width: 767.48px) {
  .possibilities-unique .single-unique {
    min-height: auto;
  }
}
.possibilities-unique .single-unique h6 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #334253;
}
.possibilities-unique .single-unique p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(20, 37, 59, 0.8);
  margin-top: 16px;
}

.possibilities-promotion-area {
  padding: 104px 0px;
}
@media (max-width: 767.48px) {
  .possibilities-promotion-area {
    padding: 64px 0px;
    display: none;
  }
}
.possibilities-promotion-area .single-promotion {
  border: 1px solid #DBE1EA;
  border-radius: 8px;
  min-height: 168px;
  padding: 32px;
}
@media (max-width: 991.98px) {
  .possibilities-promotion-area .single-promotion {
    min-height: 192px;
  }
}
@media (max-width: 767.48px) {
  .possibilities-promotion-area .single-promotion {
    min-height: auto;
  }
}
.possibilities-promotion-area .single-promotion p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #14253B;
  margin-top: 24px;
}

.possibilities-freetrial-btn {
  padding: 0px 0px 104px 0px;
}
@media (max-width: 767.48px) {
  .possibilities-freetrial-btn {
    padding: 64px 0px 0px 0px;
  }
}
@media (max-width: 767.48px) {
  .possibilities-freetrial-btn .migrate-box {
    margin-top: 75px;
  }
}
.possibilities-freetrial-btn .migrate-box .btn-border {
  border: none;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F2FAFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.possibilities-freetrial-btn .migrate-box .btn-border:hover {
  background: #18A0FB;
}
@media (max-width: 767.48px) {
  .possibilities-freetrial-btn .redirection-row {
    flex-direction: column-reverse;
  }
}

.possibilities-footer {
  background: #F8FAFC;
}
@media (max-width: 767.48px) {
  .possibilities-footer {
    background: #FFFFFF;
  }
}

body.possibilities-darkmode {
  background: linear-gradient(0deg, #1F2024, #1F2024), linear-gradient(0deg, #27292D, #27292D), #0B1017;
}
@media (max-width: 991.98px) {
  body.possibilities-darkmode.menu-active .mu-nav .navbar-toggler {
    background: #F6F7FA;
  }
}
@media (max-width: 991.98px) {
  body.possibilities-darkmode.menu-active .mu-nav .navbar-toggler span {
    background-color: #000000;
  }
}
@media (max-width: 991.98px) {
  body.possibilities-darkmode .mu-nav {
    background: linear-gradient(0deg, #010101, #010101), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F7F9FF;
  }
}
body.possibilities-darkmode .mu-nav.active-menu {
  background: linear-gradient(0deg, #010101, #010101), linear-gradient(0deg, #FFFFFF, #FFFFFF), #F7F9FF;
}
body.possibilities-darkmode .mu-nav .navbar-collapse .nav-item .nav-link {
  color: #FFFFFF;
}
@media (max-width: 991.98px) {
  body.possibilities-darkmode .mu-nav .navbar-collapse .nav-item .nav-link {
    color: #000000;
  }
}
@media (max-width: 991.98px) {
  body.possibilities-darkmode .mu-nav .navbar-toggler span {
    background: #FFFFFF;
  }
}
body.possibilities-darkmode .btn-normal {
  color: #FFFFFF;
}
body.possibilities-darkmode .btn-normal:hover {
  color: #18A0FB;
}
body.possibilities-darkmode .possibilities-banner {
  background: linear-gradient(0deg, #010101, #010101), linear-gradient(120.81deg, rgba(248, 250, 252, 0) 16.66%, #EFF2F5 68.68%), #F8FAFC;
}
body.possibilities-darkmode .possibilities-banner .banner-content h1 {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-banner .banner-content ul li {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-banner .banner-content p {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-leaders-area .title-uppercase {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-infra-area .inner-infra .infra-title {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-infra-area .inner-infra .infra-desc {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-infra-area .box-content .single-box {
  background: #27292D;
  border: none;
}
body.possibilities-darkmode .possibilities-infra-area .box-content p {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-infra-area .trial-area {
  background: linear-gradient(90deg, #18A0FB 0%, #0CB9F3 100%), linear-gradient(90deg, #18A0FB 0%, #0CB9F3 100%), #FFFFFF;
  background-blend-mode: multiply, normal, normal;
  box-shadow: 0px 15px 58px rgba(0, 0, 0, 0.05), 0px 3.35045px 12.9551px rgba(0, 0, 0, 0.0298054), 0px 0.997515px 3.85706px rgba(0, 0, 0, 0.0201946);
  border: none;
}
body.possibilities-darkmode .possibilities-infra-area .trial-area p {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-infra-area .trial-area h5 {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-infra-area .trial-area .mu-btn {
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(24, 160, 251, 0.18), 0px 2px 6px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  color: #14253B;
}
body.possibilities-darkmode .possibilities-feature-area .title-xl {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-feature-area .feature-primary {
  background: linear-gradient(0deg, #27292D, #27292D), linear-gradient(90deg, rgba(24, 160, 251, 0.1) 0%, rgba(12, 185, 243, 0.1) 100%), linear-gradient(90deg, rgba(24, 160, 251, 0.1) 0%, rgba(12, 185, 243, 0.1) 100%), #FFFFFF;
}
body.possibilities-darkmode .possibilities-feature-area .feature-primary .section-title {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-feature-area .feature-primary .line-styled li {
  color: #FFFFFF;
}
@media (min-width: 1200px) {
  body.possibilities-darkmode .possibilities-feature-area .streaming-slider-preview::before {
    background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/possibilities-dark/dots-big.png");
  }
}
body.possibilities-darkmode .possibilities-sales .inner-sales {
  background: linear-gradient(90deg, #18A0FB 0%, #0CB9F3 100%), linear-gradient(90deg, #18A0FB 0%, #0CB9F3 100%), #FFFFFF;
  background-blend-mode: multiply, normal, normal;
}
body.possibilities-darkmode .possibilities-sales .inner-sales h4 {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-sales .inner-sales p {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-sales .mu-btn {
  box-shadow: 0px 10px 20px rgba(24, 160, 251, 0.18), 0px 2px 6px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  background: #FFFFFF;
  color: #14253B;
}
body.possibilities-darkmode .possibilities-highlights-area {
  padding: 104px 0px;
  background: #27282C;
}
body.possibilities-darkmode .possibilities-highlights-area .section-title {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-highlights-area .section-heading p {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-highlights-area .hightlights-box .higlight-content h3 {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-highlights-area .hightlights-box .higlight-content h4 {
  color: rgba(255, 255, 255, 0.8);
}
body.possibilities-darkmode .possibilities-highlights-area .hightlights-box .higlight-content span {
  color: rgba(255, 255, 255, 0.8);
}
body.possibilities-darkmode .possibilities-customize {
  background: #27282C;
}
body.possibilities-darkmode .possibilities-customize h3 {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-customize .single-template {
  background: linear-gradient(0deg, #1F2024, #1F2024), #F6F6F6;
  border: 3px solid #27282C;
}
body.possibilities-darkmode .possibilities-customize .single-template.bg-4e7fff {
  background: #4E7FFF;
  border: 3px solid #27282C;
}
body.possibilities-darkmode .possibilities-customize .single-template h4 {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-customize .single-template p {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-platform {
  background: #27282C;
}
body.possibilities-darkmode .possibilities-platform h3 {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-platform .single-platform .right h6 {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-platform .single-platform .right p {
  color: rgba(255, 255, 255, 0.8);
}
body.possibilities-darkmode .possibilities-unique {
  background: linear-gradient(0deg, #1F2024, #1F2024), #ECF4FC;
}
body.possibilities-darkmode .possibilities-unique .single-text h3 {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-unique .single-unique {
  background: #27282C;
  box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.04), 0px 2.01027px 7.37098px rgba(0, 0, 0, 0.0144161), 0px 0.598509px 2.19453px rgba(0, 0, 0, 0.00589235);
}
body.possibilities-darkmode .possibilities-unique .single-unique p {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-unique .single-unique h6 {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-promotion-area {
  background: #27282C;
}
body.possibilities-darkmode .possibilities-promotion-area .single-promotion {
  background: #202125;
  border: none;
}
body.possibilities-darkmode .possibilities-promotion-area .single-promotion p {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-freetrial-btn {
  background: #27282C;
}
body.possibilities-darkmode .possibilities-freetrial-btn .migrate-box {
  background: linear-gradient(0deg, #2D2F34, #2D2F34), #1F2024;
}
body.possibilities-darkmode .possibilities-freetrial-btn .migrate-box h4 {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-freetrial-btn .migrate-box p {
  color: rgba(255, 255, 255, 0.8);
}
body.possibilities-darkmode .possibilities-freetrial-btn .trial-area h3 {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-freetrial-btn .trial-area ul li {
  color: rgba(255, 255, 255, 0.8);
}
body.possibilities-darkmode .possibilities-freetrial-btn .trial-area span {
  color: rgba(255, 255, 255, 0.8);
}
body.possibilities-darkmode .possibilities-footer {
  background: linear-gradient(0deg, #010101, #010101), #F8FAFC;
}
body.possibilities-darkmode .possibilities-footer .reach-area .text-gray {
  color: rgba(255, 255, 255, 0.6);
}
body.possibilities-darkmode .possibilities-footer .reach-area .contact-list li a {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-footer .footer-links-secondary .links-wrapper .widget-title {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-footer .footer-links-secondary .links-wrapper .list-unstyled-small li {
  color: rgba(255, 255, 255, 0.6);
}
body.possibilities-darkmode .possibilities-footer .footer-links-secondary .links-wrapper .list-unstyled-small li a {
  color: rgba(255, 255, 255, 0.6);
}
body.possibilities-darkmode .possibilities-footer .footer-bottom .widget-title {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-footer .footer-bottom .product-list li a {
  color: rgba(255, 255, 255, 0.6);
}
body.possibilities-darkmode .possibilities-footer .footer-bottom .product-list li a.current-menu {
  color: #FFFFFF;
}
body.possibilities-darkmode .possibilities-footer .footer-bottom .text-sm {
  color: #FFFFFF;
}

.calculator-section {
  padding: 56px 0px 64px 0px;
  background: #F7FBFF;
}
@media (max-width: 767.48px) {
  .calculator-section {
    padding: 56px 0px;
  }
}
.calculator-section .inner-calculator-section {
  background: #FFFFFF;
  box-shadow: 0px 9px 58px rgba(0, 0, 0, 0.03), 0px 2.01027px 12.9551px rgba(0, 0, 0, 0.0178832), 0px 0.598509px 3.85706px rgba(0, 0, 0, 0.0121168);
  border-radius: 40px;
  padding: 48px 56px 80px;
}
@media (max-width: 767.48px) {
  .calculator-section .inner-calculator-section .redirection-row {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1199.98px) {
  .calculator-section .inner-calculator-section {
    padding: 48px 32px;
  }
}
@media (max-width: 767.48px) {
  .calculator-section .inner-calculator-section {
    padding: 0px;
    background: transparent;
    box-shadow: unset;
  }
}
.calculator-section .inner-calculator-section h1 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #14253B;
}
.calculator-section .inner-calculator-section p {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #334253;
  margin-top: 8px;
  margin-bottom: 8px;
}
.calculator-section .inner-calculator-section .label-text {
  color: #14253B;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
}
.calculator-section .inner-calculator-section .label-text span {
  display: inline-block;
  margin-left: 8px;
}
.calculator-section .inner-calculator-section .label-text span svg {
  margin-top: -2px;
}
.calculator-section .inner-calculator-section .form-group {
  margin-top: 16px;
}
.calculator-section .inner-calculator-section .form-group .min-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #14253B;
  position: absolute;
  right: 30px;
  top: 14px;
}
.calculator-section .inner-calculator-section .form-control {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #14253B;
  font-weight: 500;
  font-size: 14px;
  box-shadow: unset;
  padding: 0px 45px 0px 16px;
}
.calculator-section .inner-calculator-section .form-control::-moz-placeholder {
  color: #A5ACB6;
  font-weight: 500;
  font-size: 14px;
}
.calculator-section .inner-calculator-section .form-control:-ms-input-placeholder {
  color: #A5ACB6;
  font-weight: 500;
  font-size: 14px;
}
.calculator-section .inner-calculator-section .form-control::placeholder {
  color: #A5ACB6;
  font-weight: 500;
  font-size: 14px;
}
.calculator-section .inner-calculator-section .form-control:focus {
  border-color: #86b7fe;
  outline: 0 none;
}
.calculator-section .inner-calculator-section .form-control.custom-cotrol {
  padding: 0px 16px 0px 16px;
}
.calculator-section .inner-calculator-section .select-department .bootstrap-select {
  background: #FFFFFF;
  border-radius: 6px;
  width: 100%;
  height: 48px;
  color: #14253B;
  font-weight: 500;
  font-size: 14px;
}
.calculator-section .inner-calculator-section .select-department .bootstrap-select .dropdown-toggle {
  background-color: #FFFFFF;
  height: 100%;
  font-size: 14px;
  line-height: 32px;
  color: #14253B;
  outline: unset !important;
  font-weight: 500;
  box-shadow: unset !important;
  padding: 8px 16px;
}
.calculator-section .inner-calculator-section .select-department .bootstrap-select .dropdown-toggle:focus {
  border-color: #86b7fe;
  outline: 0 none;
}
.calculator-section .inner-calculator-section .select-department .bootstrap-select .dropdown-toggle::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.66602 4H7.33268L4.99935 7L2.66602 4Z' fill='%235C5F62'/%3e%3cpath d='M2.66602 4V3C2.28408 3 1.9355 3.21755 1.7677 3.56065C1.5999 3.90375 1.64218 4.31246 1.87666 4.61394L2.66602 4ZM7.33268 4L8.12203 4.61394C8.35652 4.31246 8.3988 3.90375 8.231 3.56065C8.06319 3.21755 7.71462 3 7.33268 3V4ZM4.99935 7L4.21 7.61394C4.39945 7.85753 4.69076 8 4.99935 8C5.30794 8 5.59924 7.85753 5.7887 7.61394L4.99935 7ZM2.66602 5H7.33268V3H2.66602V5ZM6.54333 3.38606L4.21 6.38606L5.7887 7.61394L8.12203 4.61394L6.54333 3.38606ZM5.7887 6.38606L3.45537 3.38606L1.87666 4.61394L4.21 7.61394L5.7887 6.38606Z' fill='%235C5F62'/%3e%3c/svg%3e ");
  background-size: 13px;
  width: 20px;
  height: 20px;
  background-position-x: 100%;
  background-position-y: 2px;
  border: none;
  background-repeat: no-repeat;
}
.calculator-section .inner-calculator-section .select-department .bootstrap-select .dropdown-toggle.bs-placeholder {
  color: #A5ACB6;
  font-weight: 400;
  font-size: 13px;
}
.calculator-section .inner-calculator-section .select-department .bootstrap-select .dropdown-toggle.btn-light {
  border-color: rgba(0, 0, 0, 0.08);
}
.calculator-section .inner-calculator-section .select-department .bootstrap-select .dropdown-toggle.btn-light:focus {
  border-color: #86b7fe;
  outline: 0 none;
}
.calculator-section .inner-calculator-section .select-department .bootstrap-select .dropdown-item.active, .calculator-section .inner-calculator-section .select-department .bootstrap-select .dropdown-item:active {
  background-color: #e9ecef;
  color: #212529;
}
.calculator-section .inner-calculator-section .result-area {
  background: #F4F7FC;
  border-radius: 16px;
  padding: 32px;
  margin-top: 16px;
}
@media (max-width: 1199.98px) {
  .calculator-section .inner-calculator-section .result-area {
    padding: 32px 16px;
  }
}
@media (max-width: 767.48px) {
  .calculator-section .inner-calculator-section .result-area {
    margin-bottom: 8px;
  }
}
.calculator-section .inner-calculator-section .result-area .label-text {
  font-family: "Inter";
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #14253B;
}
.calculator-section .inner-calculator-section .calculate-btn {
  padding: 15.5px 64px;
  background: #18A0FB;
  box-shadow: 0px 4px 8px rgba(24, 160, 251, 0.18), 0px 0px 2px rgba(24, 160, 251, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  border: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-transform: capitalize;
  color: #FFFFFF;
}
.calculator-section .inner-calculator-section .calculate-btn:hover {
  background: #098CE3;
}
@media (max-width: 767.48px) {
  .calculator-section .inner-calculator-section .calculate-btn {
    width: 100%;
    margin-top: 8px;
  }
}

.livecalculator-footer {
  margin-top: 0px !important;
}

.flex-banner.playout {
  padding-bottom: 0px;
}
.flex-banner.playout .nocredit-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #14253B;
  margin-top: 16px;
  text-align: center;
}

.leaders-area.playout {
  padding: 76px 0px 80px 0px;
}

.streaming-area.playout {
  padding: 104px 0px;
}
@media (max-width: 1199.98px) {
  .streaming-area.playout {
    padding: 64px 0px;
  }
}
@media (max-width: 767.48px) {
  .streaming-area.playout {
    padding: 52px 0px;
  }
}
@media (max-width: 767.48px) {
  .streaming-area.playout .single-stream {
    padding-bottom: 0px;
  }
}
.streaming-area.playout .streming-lists {
  margin-top: 48px;
}
.streaming-area.playout .gx-5 {
  --bs-gutter-x:2.5em;
}
@media (max-width: 767.48px) {
  .streaming-area.playout .gx-5 {
    --bs-gutter-x:30px;
  }
}

@media (max-width: 767.48px) {
  .secondary-cta.playout {
    padding-top: 12px;
  }
}
@media (max-width: 767.48px) and (max-width: 767.48px) {
  .secondary-cta.playout ul li {
    text-align: left;
    width: 100%;
  }
}

.possibilities-customize.playout {
  padding: 104px 0px 0px 0px;
}
@media (max-width: 767.48px) {
  .possibilities-customize.playout {
    padding: 64px 0px 0px 0px;
  }
}

.cta-area.style-5 h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #14253B;
}

body {
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: #14253B;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif;
  color: #14253B;
  font-weight: 600;
  margin-bottom: 0;
}/*# sourceMappingURL=main-style.css.map */

/* Tag Section*/
.tags-content {
  padding-bottom: 40px;
}
.tags-content .single-box {
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
}
.tags-content .single-box .tags-inner {
  padding: 40px 0;
}
@media (max-width: 767.48px) {
  .tags-content .single-box .tags-inner {
    padding-top: 10px;
  }
}
.tags-content .single-box .post-img-box {
  padding: 16px 0;
}
.tags-content .single-box .post-img-box img {
  width: 100%;
}
.tags-content .single-box h2 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  color: #14253B;
}
.tags-content .single-box h2 a {
  font-family: "Inter";
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  color: #14253B;
}
.tags-content .single-box span {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  display: block;
  margin: 8px 0;
  color: #657080;
}
.tags-content .single-box p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #334253;
}
.tags-content .single-box ul {
  margin-top: 24px;
}
.tags-content .single-box ul li {
  display: inline-block;
  background: #F8FAFC;
  border: 1px solid #EBEBEB;
  border-radius: 24px;
  padding: 2px 8px;
  margin-right: 4px;
  margin-bottom: 6px;
}
.tags-content .single-box ul li a {
  font-weight: 600;
  font-size: 11px;
  line-height: 1.64;
  color: #14253B;
  display: block;
}

.tags-heading {
  padding-top: 40px;
  padding-bottom: 32px;
}
.tags-heading .title-sm {
  line-height: 1.5;
}

.page-navigation.tags {
  padding-top: 0;
  padding-bottom: 80px;
}
.bg-light-2 {
  background: #F7FBFF !important;
}
/* tag section end */

/* New home page section */
.our-solution {
  background: #F8F8FB;
  padding: 104px 0;
}
@media (max-width: 767.48px) {
  .our-solution {
    padding: 64px 0;
    background: linear-gradient(90deg, rgba(24, 160, 251, 0.1) 0%, rgba(12, 185, 243, 0.1) 100%), linear-gradient(90deg, rgba(24, 160, 251, 0.1) 0%, rgba(12, 185, 243, 0.1) 100%), #FFF;
  }
}
.our-solution .section-heading p {
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  font-family: "Inter";
}
@media (max-width: 991.98px) {
  .our-solution .section-heading p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .our-solution .section-heading p {
    padding-left: 40px;
  }
}
.our-solution .solutions-wrap {
  margin-top: 56px;
}
@media (max-width: 767.48px) {
  .our-solution .solutions-wrap {
    margin-top: 32px;
  }
}
.our-solution .solutions-wrap .single-solution {
  border-radius: 8px;
  padding: 32px;
  height: 100%;
  background: #FFF;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 0px 2px 0px rgba(0, 0, 0, 0.06), 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
}
@media (max-width: 767.48px) {
  .our-solution .solutions-wrap .single-solution {
    padding: 24px;
  }
}
.our-solution .solutions-wrap .single-solution .h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 8px;
}
@media (max-width: 767.48px) {
  .our-solution .solutions-wrap .single-solution .h3 {
    font-size: 16px;
  }
}
.our-solution .solutions-wrap .single-solution p {
  font-size: 13px;
  font-weight: 400;
  line-height: 146.154%;
  margin-bottom: 8px;
  color: #334253;
}
@media (max-width: 767.48px) {
  .our-solution .solutions-wrap .single-solution p {
    font-size: 12px;
  }
}
.our-solution .solutions-wrap .single-solution .mu-button-arrow {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: auto;
  align-self: flex-end !important;
}
.our-solution .solutions-wrap .single-solution .row {
  height: 100%;
  align-items: start;
}
.our-solution .solutions-wrap .single-solution .row .col-lg-8 {
  height: 100%;
}

.offline-sec {
  background: linear-gradient(102deg, #2BA9BA 4.69%, #2FB07B 99.76%), #FFF;
  padding: 40px 0;
  color: #fff;
}
.offline-sec .section-title {
  color: #fff;
  margin-top: 16px;
  margin-bottom: 8px;
}
.offline-sec .btn_white {
  margin-top: 32px;
}
.offline-sec p {
  font-weight: 300;
}
@media (max-width: 767.48px) {
  .offline-sec {
    text-align: center;
    padding: 64px 0;
    padding-top: 40px;
  }
  .offline-sec .btn_white {
    margin: 0 auto;
    margin-top: 32px;
  }
  .offline-sec .section-title {
    font-size: 40px;
  }
}

.badge._black {
  border-radius: 6px;
  background: #14253B;
  padding: 4px 10px;
  font-family: "Inter";
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.btn_white {
  border-radius: 100px;
  background: #FFF;
  color: #14253B !important;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 20px 30px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  transition: 0.3s;
}
.btn_white:hover {
  color: #FFF !important;
  background: #18A0FB;
}

.feautre-sec {
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(180deg, #F4F7FC 0%, #FFF 100%);
  padding-top: 104px;
  padding-bottom: 64px;
}
@media (max-width: 767.48px) {
  .feautre-sec {
    padding-top: 64px;
    padding-bottom: 40px;
  }
}
.feautre-sec .section-title {
  margin-bottom: 32px;
}
@media (max-width: 767.48px) {
  .feautre-sec .section-title {
    margin-bottom: 24px;
  }
}
@media (max-width: 767.48px) {
  .feautre-sec .row .col-md-6 .single-feautre {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0;
    background: transparent;
    padding: 24px 0;
  }
}
@media (max-width: 767.48px) {
  .feautre-sec .row .col-md-6:last-child .single-feautre {
    border: none;
  }
}
.feautre-sec .single-feautre {
  border-radius: 8px;
  background: #F4F7FC;
  padding: 32px;
  height: 100%;
}
.feautre-sec .single-feautre h4 {
  font-family: "Poppins";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #14253B;
  margin-bottom: 8px;
}
.feautre-sec .single-feautre p {
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.857%;
  color: #334253;
}

.cta-area.v2 .cta-wrapper {
  border-radius: 16px 16px 16px 54px;
  background: linear-gradient(95deg, #006FDD -8.2%, #6CF0E0 99.75%), #FFF;
  padding: 40px 54px 48px 54px;
}
@media (max-width: 767.48px) {
  .cta-area.v2 .cta-wrapper {
    text-align: center;
    padding: 32px 24px;
  }
  .cta-area.v2 .cta-wrapper .btn_white {
    margin: 0 auto;
    margin-top: 34px;
  }
}
.cta-area.v2 .cta-wrapper h3 {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 6px;
}
@media (max-width: 991.98px) {
  .cta-area.v2 .cta-wrapper h3 {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 16px;
  }
}
.cta-area.v2 .cta-wrapper p {
  font-size: 16px;
  line-height: 150%;
  font-weight: 300;
  color: #fff;
}
@media (max-width: 767.48px) {
  .cta-area.v2 .cta-wrapper p {
    font-size: 14px;
  }
}

.platform-sec {
  padding-top: 88px;
  padding-bottom: 60px;
}
@media (max-width: 767.48px) {
  .platform-sec {
    text-align: center;
    padding-top: 46px;
    padding-bottom: 20px;
  }
}
.platform-sec .feature-icon .row {
  margin-top: 0;
  margin-bottom: 20px;
}
@media (max-width: 767.48px) {
  .platform-sec .feature-icon .row {
    margin-bottom: 0px;
  }
}
.platform-sec .feature-icon .row .icons-wrapper {
  padding-top: 32px;
}
@media (max-width: 767.48px) {
  .platform-sec .feature-icon .row .icons-wrapper img {
    height: 46px;
  }
}

.drm-sec {
  background: linear-gradient(90deg, rgba(24, 160, 251, 0.24) 0%, rgba(12, 185, 243, 0.24) 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #F4F7FC;
}
.drm-sec .bg {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/white-line.png");
  background-repeat: no-repeat;
  padding-top: 64px;
  padding-bottom: 64px;
  background-position: 100%;
}
@media (max-width: 767.48px) {
  .drm-sec .bg {
    background-image: none;
  }
}
.drm-sec .drm-box {
  padding: 56px;
  border-radius: 24px;
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #4E7FFF;
}
@media (max-width: 991.98px) {
  .drm-sec .drm-box {
    padding: 40px;
  }
  .drm-sec .drm-box .title-sm {
    font-size: 32px;
  }
}
@media (max-width: 767.48px) {
  .drm-sec .drm-box {
    background: transparent;
    padding: 0;
  }
}
.drm-sec .drm-box p {
  color: #334253;
  font-size: 14px;
  line-height: 142.857%;
  margin-top: 12px;
}
.drm-sec .drm-box ul {
  margin-top: 24px;
  margin-bottom: 12px;
}
.drm-sec .drm-box ul li {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 12px;
  position: relative;
  padding-left: 36px;
}
.drm-sec .drm-box ul li::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99992 1.50134C4.93742 1.50134 0.833252 5.60551 0.833252 10.668C0.833252 15.7305 4.93742 19.8347 9.99992 19.8347C15.0624 19.8347 19.1666 15.7305 19.1666 10.668C19.1666 5.60551 15.0624 1.50134 9.99992 1.50134ZM13.9733 9.11801C14.0464 9.03438 14.1021 8.93696 14.1371 8.83148C14.172 8.72601 14.1855 8.61461 14.1768 8.50383C14.1681 8.39306 14.1373 8.28515 14.0862 8.18645C14.0352 8.08775 13.9649 8.00026 13.8795 7.92913C13.7942 7.85799 13.6955 7.80465 13.5892 7.77223C13.4829 7.73981 13.3712 7.72898 13.2607 7.74037C13.1501 7.75175 13.043 7.78513 12.9455 7.83854C12.8481 7.89194 12.7623 7.9643 12.6933 8.05134L9.10992 12.3505L7.25575 10.4955C7.09858 10.3437 6.88808 10.2597 6.66958 10.2616C6.45109 10.2635 6.24208 10.3512 6.08757 10.5057C5.93306 10.6602 5.84542 10.8692 5.84352 11.0877C5.84163 11.3062 5.92562 11.5167 6.07742 11.6738L8.57742 14.1738C8.6593 14.2557 8.75733 14.3195 8.86526 14.3614C8.9732 14.4032 9.08867 14.4221 9.20431 14.4169C9.31995 14.4116 9.43323 14.3823 9.53693 14.3309C9.64062 14.2794 9.73246 14.2069 9.80659 14.118L13.9733 9.11801Z' fill='%2341D638'/%3e%3c/svg%3e");
  content: "";
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
}

.complience-sec {
  padding: 80px 0;
}
.complience-sec p {
  font-weight: 300;
}
@media (max-width: 767.48px) {
  .complience-sec {
    padding: 64px 0;
  }
}
.complience-sec .section-title {
  margin-bottom: 16px;
}
.complience-sec img {
  max-width: 82px;
  max-height: 76px;
}
@media (max-width: 767.48px) {
  .complience-sec img {
    max-width: 100%;
  }
}
.complience-sec .my_space {
  margin-top: 50px;
  margin-bottom: 50px;
}

.customer-sec {
  background: #F4F7FC;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  padding: 104px 0;
}
@media (max-width: 767.48px) {
  .customer-sec {
    text-align: center;
    padding: 64px 0;
  }
  .customer-sec .section-title {
    margin-bottom: 32px;
  }
}
.customer-sec ul {
  margin: 24px 0;
}
.customer-sec ul li {
  font-family: "Inter";
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 10px;
}
@media (max-width: 767.48px) {
  .customer-sec ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 16px 0;
    margin-bottom: 0;
  }
  .customer-sec ul li:first-child {
    padding-top: 0;
  }
  .customer-sec ul li:last-child {
    border: none;
  }
}
.customer-sec ul li:last-child {
  margin-bottom: 0;
}

.single-rv {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.single-rv img {
  max-width: 100%;
}
.single-rv .rate-text {
  width: 100%;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin: 8px;
}
@media (max-width: 575.98px) {
  .single-rv .rate-text {
    font-size: 9px;
  }
}

.muvi-powered.new {
  position: relative;
  overflow: hidden;
}
.muvi-powered.new .slider-button {
  transform: translateY(-18%) !important;
}
.muvi-powered.new .title-sm {
  margin-bottom: 8px;
  font-size: 40px;
  font-weight: 600;
}
@media (max-width: 767.48px) {
  .muvi-powered.new .title-sm {
    font-size: 32px;
  }
}
@media (max-width: 767.48px) {
  .muvi-powered.new {
    padding-top: 64px;
  }
  .muvi-powered.new p {
    margin-bottom: 24px;
  }
}

.foundations-slider {
  margin-top: 40px;
  padding-bottom: 64px;
}
.foundations-slider .single-project {
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), url(https://www.muvi.com/wp-content/themes/muvi-child/assets/css/<path-to-image>), lightgray -307.194px 0px/222.886% 100% no-repeat;
  box-shadow: 0px 2.76726px 2.21381px 0px rgba(0, 0, 0, 0.02), 0px 6.6501px 5.32008px 0px rgba(0, 0, 0, 0.03), 0px 12.52155px 10.01724px 0px rgba(0, 0, 0, 0.04), 0px 22.33631px 17.86905px 0px rgba(0, 0, 0, 0.04), 0px 41.77761px 33.42209px 0px rgba(0, 0, 0, 0.05), 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  overflow: hidden;
  position: relative;
}
.foundations-slider .single-project .hover-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6117647059);
  transition: 0.3s;
  opacity: 0;
}
.foundations-slider .single-project:hover .hover-box {
  opacity: 1;
}
.foundations-slider .single-project img {
  width: 100%;
}
.foundations-slider .single-project h3 {
  font-size: 14px;
  line-height: 1;
  color: #0A2540;
}
.foundations-slider .single-project .project-bottom {
  padding: 24px 20px;
}
.foundations-slider .slick-slider {
  margin: 0 -15px;
}
.foundations-slider .slick-slide {
  margin-right: 16px;
}
.foundations-slider .slick-slide:last-child {
  margin-right: 0;
}
@media (max-width: 767.48px) {
  .foundations-slider .slick-slide {
    margin-right: 15px;
  }
}
.foundations-slider .slick-list {
  overflow: visible;
  position: relative;
}
.foundations-slider .slick-dots {
  text-align: center;
  margin-top: 55px;
}
@media (max-width: 767.48px) {
  .foundations-slider .slick-dots {
    margin-top: 40px;
  }
}
.foundations-slider .slick-dots li {
  display: inline-block;
  margin: 0 6px;
}
.foundations-slider .slick-dots li button {
  font-size: 0;
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 50%;
  background: #E4EDF5;
}
.foundations-slider .slick-dots li.slick-active button {
  background: #14253B;
}

.cta-success {
  padding: 104px 0;
  background: linear-gradient(90deg, rgba(24, 160, 251, 0.24) 0%, rgba(12, 185, 243, 0.24) 100%), #FFF;
}
.cta-success .h2 {
  color: #14253B;
  font-size: 56px;
  font-weight: 600;
  line-height: 114.286%;
}
.cta-success .multiple-dot {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  height: -moz-max-content;
  height: max-content;
}
.cta-success .container {
  position: relative;
  z-index: 2;
}
.cta-success .small-circle {
  position: absolute;
  bottom: -23%;
  right: 63%;
  z-index: -1;
}
.cta-success .bottom-circle {
  position: absolute;
  right: 20px;
}
@media (max-width: 767.48px) {
  .cta-success {
    padding: 48px 0;
    text-align: center;
  }
  .cta-success .h2 {
    font-size: 32px;
  }
  .cta-success .mu-btn {
    width: 100%;
  }
  .cta-success .multiple-dot {
    top: 119%;
  }
  .cta-success .bottom-circle {
    left: 0;
    right: 0;
  }
  .cta-success .small-circle {
    left: 0;
    right: 0;
    bottom: 70%;
  }
}

.leaders-area.new {
  padding: 80px 0;
}
@media (max-width: 767.48px) {
  .leaders-area.new {
    padding: 64px 0;
  }
}

.btn_red {
  border-radius: 100px;
  background: #DB491B;
  color: #fff !important;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 20px 30px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  transition: 0.3s;
}
.btn_red:hover {
  background: #b03a16;
}

.animated-banner {
  background: linear-gradient(0deg, #2E3CB8 0%, #2E3CB8 100%), #FFF;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767.48px) {
  .animated-banner {
    background-image: none;
    background: linear-gradient(0deg, #2E3CB8 0%, #2E3CB8 100%), #FFF;
  }
}
.animated-banner .single-slides {
  padding: 148px 0;
  color: #fff;
}
@media (max-width: 767.48px) {
  .animated-banner .single-slides {
    padding: 64px 0;
  }
}
@media (max-width: 767.48px) {
  .animated-banner .btn_red {
    width: 100%;
  }
  .animated-banner .btn_white {
    width: 100%;
  }
}
.animated-banner .banner-title {
  color: #FFF;
  text-align: center;
  font-size: 72px;
  font-weight: 500;
  line-height: 114.286%;
  text-transform: capitalize;
}
@media (min-width: 1441px) {
  .animated-banner .banner-title {
    font-size: 78px;
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 767.48px) {
  .animated-banner .banner-title {
    font-size: 40px;
    line-height: 48px;
  }
}
.animated-banner .banner-title span {
  color: #FFF;
  font-size: 41px;
  font-style: italic;
  font-weight: 400;
  line-height: 64.568px;
  text-transform: lowercase;
  margin-right: 10px;
}
@media (max-width: 767.48px) {
  .animated-banner .banner-title span {
    font-size: 24px;
    line-height: 20px;
  }
}
.animated-banner p {
  color: #FFF;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 171.429%;
  margin-top: 20px;
}
@media (max-width: 767.48px) {
  .animated-banner p {
    font-size: 13px;
    margin-top: 10px;
  }
}
.animated-banner .banner-subtitle {
  color: #FFF;
  text-align: center;
  font-family: "Inter";
  font-size: 20px;
  line-height: 160%;
  margin-top: 24px;
  margin-bottom: 52px;
  font-weight: 300;
}
@media (max-width: 767.48px) {
  .animated-banner .banner-subtitle {
    font-size: 15px;
    line-height: 21px;
    margin-top: 16px;
    margin-bottom: 40px;
  }
}
.animated-banner .w-174 {
  min-width: 174px;
}

.mfp-bg.mfp-ready, .mfp-wrap {
  z-index: 9999999 !important;
}

.leaders-area.new p {
  margin-bottom: 16px;
  font-weight: 300;
}

.leaders-area.new .title-uppercase {
  margin-bottom: 16px;
}

@media (min-width: 767.5px) {
  .gx-md-10 {
    --bs-gutter-x: 10px;
  }
}
@media (min-width: 819px) and (max-width: 821px) {
  .container {
    max-width: 800px;
  }
}
@media (min-width: 768px) and (max-width: 768px) {
  .container {
    max-width: 800px;
  }
}
.conferance-section {
  padding: 20px;
}
@media (max-width: 767.48px) {
  .conferance-section {
    padding: 8px;
  }
}
.conferance-section .annonce-wrap {
  background: linear-gradient(101.93deg, #987AED 4.69%, #2F51B0 99.76%);
  border-radius: 8px;
  overflow: hidden;
}
.conferance-section .annonce-wrap img {
  min-height: 330px;
  -o-object-fit: cover;
     object-fit: cover;
}
.conferance-section .annonce-wrap .middle-text {
  padding-left: 40px;
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (max-width: 1180px) {
  .conferance-section .annonce-wrap .middle-text {
    padding-left: 30px;
  }
}
@media (max-width: 1200px) {
  .conferance-section .annonce-wrap .middle-text {
    padding-top: 32px;
    text-align: center;
    padding-bottom: 26px;
    padding-left: 0;
  }
}
.conferance-section .annonce-wrap .middle-text p {
  font-family: "Inter";
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0em;
  color: #fff;
}
.conferance-section .annonce-wrap .middle-text .sub-head {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0em;
  color: #fff;
  margin-bottom: 12px;
  font-family: "Poppins";
}
@media (max-width: 767.48px) {
  .conferance-section .annonce-wrap .middle-text .sub-head {
    margin-bottom: 8px;
  }
}
.conferance-section .annonce-wrap .middle-text span {
  font-family: "Poppins";
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #fff;
  text-transform: uppercase;
  padding: 8px 16px;
  background: #B40839;
  display: inline-block;
  margin-bottom: 8px;
  padding-right: 11px;
}
.conferance-section .annonce-wrap .middle-text .h3 {
  font-family: "Poppins";
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: 0.1em;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 28px;
}
@media (max-width: 767.48px) {
  .conferance-section .annonce-wrap .middle-text .h3 {
    margin-bottom: 26px;
  }
}
.conferance-section .annonce-wrap .cta-wrap {
  padding-right: 70px;
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (max-width: 1180px) {
  .conferance-section .annonce-wrap .cta-wrap {
    padding-right: 50px;
  }
}
@media (max-width: 1200px) {
  .conferance-section .annonce-wrap .cta-wrap {
    text-align: center;
    padding: 0 50px;
    padding-bottom: 32px;
  }
  .conferance-section .annonce-wrap .cta-wrap a {
    margin: 0 auto;
  }
}
@media (max-width: 767.48px) {
  .conferance-section .annonce-wrap .cta-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.conferance-section .annonce-wrap .cta-wrap p {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0em;
  color: #fff;
  margin-bottom: 24px;
}

/* animated section */
/* new home page */


/* New menu Home Page section start */
@media (min-width: 992px) {
  .mu-nav.header-h-100 {
    height: 100px;
  }
  .mu-nav.header-h-100.sticky-header {
    height: 64px;
  }
}


.mu-nav .menu-box p {
  font-size: 12px;
  line-height: 18px;
  color: #334253;
}

.mu-nav .navbar-collapse .nav-item.has-child {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/menu-down-icon.svg");
  background-repeat: no-repeat;
  background-size: 11px 6px;
  background-position-x: 98%;
  /*padding-right: 14px;*/
  background-position-y: 31px;
  position: static;
}
.mu-nav .navbar-collapse .list-unstyled-bold li:last-child a {
  margin-bottom: 0px;
}
.mu-nav .navbar-collapse .list-unstyled-bold.home-help-list li a {
  margin-bottom: 8px;
  font-size: 13px !important;
}
.mu-nav .navbar-collapse .list-unstyled-bold.home-help-list li.bottom-li a {
  font-weight: 600;
  font-size: 14px;
}

@media (min-width: 992px) {
  .mu-nav .navbar-collapse .dropdown-help .mega-menu-help {
    left: 210px;
  }
}
.mu-nav .navbar-collapse .dropdown-help .mega-menu-help-more {
  left: initial;
}

.mu-nav .navbar-collapse .menu-padding.p-32 {
  padding: 32px;
}


@media (min-width: 992px) {
  .mu-nav.bg-3 {
    background: #F7FBFF;
  }
  
}

@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu.mega-menu-home {
    left: -70% !important;
    right: -70% !important;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .mu-nav .dropdown-mega .dropdown-menu.mega-menu-home {
    left: -50% !important;
    right: -70% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .dropdown-mega .dropdown-menu.mega-menu-home {
    left: -50% !important;
    right: -70% !important;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu.mega-menu-product {
    left: -30% !important;
    right: -30% !important;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .mu-nav .dropdown-mega .dropdown-menu.mega-menu-product {
    left: -30% !important;
    right: -30% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .dropdown-mega .dropdown-menu.mega-menu-product {
    left: -20% !important;
    right: -40% !important;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu.mega-menu-help {
    left: -20% !important;
    right: -30% !important;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .mu-nav .dropdown-mega .dropdown-menu.mega-menu-help {
    left: -20% !important;
    right: -30% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .dropdown-mega .dropdown-menu.mega-menu-help {
    left: -20% !important;
    right: -40% !important;
  }
}


@media (min-width: 992px) {

  .mu-nav .dropdown-mega .dropdown-menu.sub-menus #headerTab .nav-item .nav-link img {
    transition: 0.3s;
    margin-right: 5px;
  }

  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-home {
    left: -50% !important;
    right: -50% !important;
  }
}



@media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-home {
    left: -60% !important;
    right: -60% !important;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-product {
    left: -30% !important;
    right: -30% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-product {
    left: -20% !important;
    right: -40% !important;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-help {
    left: -20% !important;
    right: -30% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-help {
    left: -20% !important;
    right: -40% !important;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-home #headerTab, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-product #headerTab, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-help #headerTab {
    padding: 32px 0px;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-home #headerTab::after, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-product #headerTab::after, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-help #headerTab::after {
    display: none;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-home #headerTab .nav-item, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-product #headerTab .nav-item, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-help #headerTab .nav-item {
    padding: 0 !important;
    text-align: left;
    margin: 0 !important;
    width: 100%;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-home #headerTab .nav-item .nav-link, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-product #headerTab .nav-item .nav-link, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-help #headerTab .nav-item .nav-link {
    padding: 8px 0 8px 32px !important;
    width: 100%;
    text-align: left;
    border-radius: 0 !important;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-home #headerTab .nav-item .nav-link.active, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-product #headerTab .nav-item .nav-link.active, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-help #headerTab .nav-item .nav-link.active {
    background: #F4F7FC;
    color: #14253B;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-home #headerTab .nav-item .nav-link.active img, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-product #headerTab .nav-item .nav-link.active img, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-help #headerTab .nav-item .nav-link.active img {
    opacity: 1;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-home #headerTab .nav-item .nav-link:hover, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-product #headerTab .nav-item .nav-link:hover, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-help #headerTab .nav-item .nav-link:hover {
    color: #14253B;
  }
  .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-home .border-left-dash, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-product .border-left-dash, .mu-nav .dropdown-mega .dropdown-menu.sub-menus.sub-menus-help .border-left-dash {
    border-left: 1px dashed rgba(0, 0, 0, 0.16);
  }

  .mu-nav .dropdown-mega .dropdown-menu .product-menu-item {
    padding: 24px 28px;
    transition: 0.1s;
    border-radius: 16px;
    color: #334253;
  }

}
@media (min-width: 992px) {
 
  .mu-nav .dropdown-menu {
    position: absolute;
    border-radius: 16px;
    width: -moz-max-content;
    width: max-content;
    padding: 0;
    margin-left: -20px;
    background-color: #fff;
    border: none;
    filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.4));
    -webkit-filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.4));
  }

  .mu-nav .dropdown-menu .more-links {
    background: #F8F9FB;
    height: 100%;
    padding: 40px 32px;
    color: #14253B;
  }

  .mu-nav .dropdown-menu .more-links .icon-items a {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #14253B;
    margin-bottom: 23px;
    display: block;
    transition: 0.3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mu-nav .dropdown-menu .more-links .icon-items a img {
    margin-left: 8px;
    max-width: 16px;
    transition: 0.3s;
    max-height: 8px;
  }

  .mu-nav .dropdown-menu.mega-menu-home .more-links .icon-items a, .mu-nav .dropdown-menu.sub-menus-home .more-links .icon-items a, .mu-nav .dropdown-menu.mega-menu-product .more-links .icon-items a, .mu-nav .dropdown-menu.sub-menus-product .more-links .icon-items a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mu-nav .dropdown-menu.mega-menu-home .more-links .icon-items a img, .mu-nav .dropdown-menu.sub-menus-home .more-links .icon-items a img, .mu-nav .dropdown-menu.mega-menu-product .more-links .icon-items a img, .mu-nav .dropdown-menu.sub-menus-product .more-links .icon-items a img {
    max-height: 8px;
  }

  .mu-nav .list-unstyled-bold {
    min-width: -moz-max-content;
    min-width: max-content;
    max-width: 180px;
  }

}

@media (min-width: 992px) {
  .mu-nav .width-80 {
    width: 74%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .width-80 {
    width: 71%;
  }
}
@media (min-width: 992px) {
  .mu-nav .width-20 {
    width: 25%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mu-nav .width-20 {
    width: 28%;
  }
}
@media (min-width: 992px) {
  .mu-nav .dropdown-company .dropdown-menu {
    left: 120px;
  }
  .mu-nav .dropdown-company .dropdown-menu.mega-menu-company {
    left: 120px !important;
  }
  .mu-nav .dropdown-company.dropdown-company-home .dropdown-menu.mega-menu-company {
    left: 25px !important;
  }

  .navbar-expand-lg.sticky-header:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover > .dropdown-menu {
    top: 105%;
    pointer-events: all;
    visibility: visible;
    opacity: 1;
    transition: all 0.25s ease-in-out;
  }
}

.menu-gap-48 {
  gap: 48px;
}

@media (max-width: 991.98px) {
  .menu-gap-48 {
    gap: 8px;
  }
}

@media (max-width: 991.98px) {
  .mu-nav .navbar-collapse .dropdown-mega .more-links {
    padding: 32px;
    border-radius: 16px;
    background: #F8F9FB;
    margin-top: 20px;
  }
  
  .mu-nav .navbar-collapse .more-links li a img {
    float: right;
    margin-top: 10px;
    max-width: 22px;
  }
}
@media (max-width: 991.98px) {
  .menu-active .navbar-collapse {
    right: 0;
    overflow: auto;
    padding-bottom: 50px;
  }
}
.mobile-separator-home {
  padding-top: 4px;
  padding-bottom: 16px;
}
.mobile-separator-home .line {
  background: rgba(51, 66, 83, 0.0784313725);
  height: 1px;
  width: 100%;
}

@media (max-width: 991.98px) {
  .mob-hide {
    display: none !important;
  }
}
/* New menu Home Page section end */
/*Developer widgets section started */
.developer-widgets {
  background: #F4F7FC;
  padding-top: 104px;
  padding-bottom: 124px;
}
@media (max-width: 575.98px) {
  .developer-widgets {
    padding: 80px 0;
  }
}
@media (min-width: 1200px) {
  .developer-widgets .gx-80 {
    --bs-gutter-x: 80px;
  }
}
.developer-widgets .code-wrap {
  background: #1C1C1C;
  padding: 24px;
  border-radius: 16px;
  height: 684px;
  width: 100%;
}
@media (max-width: 575.98px) {
  .developer-widgets .code-wrap {
    padding: 16px;
  }
}
.developer-widgets h1 {
  color: #000000;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0em;
  margin-bottom: 8px;
}
@media (max-width: 575.98px) {
  .developer-widgets h1 {
    font-size: 32px;
  }
}
.developer-widgets p {
  color: #14253B;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
}
.developer-widgets ul {
  margin-top: 48px;
}
.developer-widgets ul li:not(:last-child) {
  margin-bottom: 16px;
}
.developer-widgets ul li a {
  display: flex;
  align-items: center;
  color: #14253B;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
}
.developer-widgets ul li a .arrow {
  margin-left: 8px;
  display: block;
  transition: 0.3s;
}
.developer-widgets ul li a .round-box {
  margin-right: 16px;
  background: #FFFFFF;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.0196078431);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);
  padding: 8px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.developer-widgets ul li a:hover .arrow {
  transform: translateX(5px);
}
/*Developer widgets section end */

/* Animated Banner Slider Start */
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInDownSD {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
/* .fadeInUpSD {
  animation-name: fadeInUpSD;
}

.fadeIn {
  animation-name: fadeInUpSD;
}

.slick-active .img-part img {
  animation-name: fadeIn;
  animation-duration: 1s;
  opacity: 1;
}

.slick-active h1 {
  animation-name: fadeInDownSD;
  animation-duration: 2s;
  opacity: 1;
}

.slick-active .banner-subtitle {
  animation-name: fadeInUpSD;
  animation-duration: 1.3s;
  opacity: 1;
  animation-duration: 1.5s;
}

.slick-active .btn_red {
  animation-name: fadeInUpSD;
  animation-duration: 1.5s;
  opacity: 1;
}

.slick-active .btn_white {
  animation-name: fadeInUpSD;
  animation-duration: 1.5s;
  opacity: 1;
}

.slick-active .trial {
  animation-name: fadeInUpSD;
  animation-duration: 1.6s;
  opacity: 1;
} */

.btn_red {
  border-radius: 100px;
  background: #DB491B;
  color: #fff !important;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 20px 30px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  transition: 0.3s;
}
.btn_red:hover {
  background: #b03a16;
}

.animated-banner {
  background-size: cover;
  background-position: center;
  position: relative;
}
@media (max-width: 767.48px) {
  .animated-banner .banner-title br {
    display: none;
  }
}
.animated-banner ul.slick-dots {
  display: flex;
  margin-top: -60px;
  z-index: 99999;
  position: relative;
  justify-content: center;
  gap: 8px;
}
.animated-banner ul.slick-dots li button {
  font-size: 0;
  border: none;
  background: #fff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.animated-banner ul.slick-dots li.slick-active button {
  width: 22px;
  border-radius: 29px;
}
.animated-banner .btn_white {
  color: #098CE3 !important;
}
.animated-banner .btn_white:hover {
  color: #fff !important;
}
@media (max-width: 767.48px) {
  .animated-banner {
    background-image: none;
  }
}
@media (max-width: 1024px) {
  .animated-banner .slider-controls {
    display: none;
  }
}
.animated-banner .slider-controls button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: transparent;
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  height: -moz-max-content;
  height: max-content;
  left: 0;
  margin: auto;
}
.animated-banner .slider-controls .home-slider-prev {
  left: 50px;
  right: auto;
}
@media (max-width: 1367px) {
  .animated-banner .slider-controls .home-slider-prev {
    left: 30px;
  }
}
@media (max-width: 1290px) {
  .animated-banner .slider-controls .home-slider-prev {
    left: 15px;
  }
}
.animated-banner .slider-controls .home-slider-next {
  right: 50px;
  left: auto;
}
@media (max-width: 1367px) {
  .animated-banner .slider-controls .home-slider-next {
    right: 30px;
  }
}
@media (max-width: 1290px) {
  .animated-banner .slider-controls .home-slider-next {
    right: 15px;
  }
}
.animated-banner .single-slides {
  min-height: 712px;
  background-size: cover;
  display: flex;
  align-items: center;
  background-position: center;
  color: #fff;
}
@media (min-width: 992px) {
  .animated-banner .single-slides {
    max-height: 550px;
    min-height: 550px;
  }
}
@media (min-width: 1400px) {
  .animated-banner .single-slides {
    max-height: 620px;
    min-height: 620px;
  }
}
.animated-banner .single-slides .btn_white {
  border: 1px solid #098CE3;
}
@media (max-width: 1024.5px) and (min-width: 992px) {
  .animated-banner .single-slides .row {
    justify-content: center;
    text-align: center;
  }
  .animated-banner .single-slides .row .col-lg-6 {
    width: 70%;
  }
}
@media (max-width: 992.5px) {
  .animated-banner .single-slides .row {
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 767.48px) {
  .animated-banner .single-slides .row {
    text-align: left;
  }
}
@media (max-width: 767.48px) {
  .animated-banner .single-slides {
    min-height: 574px;
  }
}
@media (max-width: 767.48px) {
  .animated-banner .single-slides {
    padding: 64px 0;
  }
}
.animated-banner .single-slides.style-1 {
  background: linear-gradient(125.8deg, #098CE3 14.47%, #00E1EF 72.78%);
  text-align: center;
}
@media (max-width: 767.48px) {
  .animated-banner .single-slides.style-1 {
    text-align: left;
  }
}
.animated-banner .single-slides.style-1 .container {
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/Infinity.webp");
  padding-top: 151px;
  padding-bottom: 151px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-1 .container {
    background-image: none;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.animated-banner .single-slides.style-2 {
  background: linear-gradient(96.1deg, #3662FF 18.26%, #9AB0FF 45.11%, #F1F4FF 63.83%);
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-2 {
    background: linear-gradient(72.19deg, #3662FF 9.64%, #7996FF 43.91%, #F1F4FF 104.66%);
  }
}
@media (min-width: 1024.5px) {
  .animated-banner .single-slides.style-2 .text-part {
    padding-left: 60px;
  }
  .animated-banner .single-slides.style-2 .img-part img {
    margin-left: 30px;
    min-width: 106%;
    margin-top: 40px;
  }
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-2 .img-part {
    display: none;
  }
}
.animated-banner .single-slides.style-3 {
  background: #3B40F1;
}
.animated-banner .single-slides.style-3 span {
  color: #FFCE1C;
  font-style: normal;
  font-family: "Inter";
  margin-right: 6px;
  font-weight: 700;
}
@media (max-width: 1025px) {
  .animated-banner .single-slides.style-3 span {
    margin-right: 3px;
    transform: translateY(-5px);
    display: inline-block;
  }
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-3 {
    background: #3B40F1;
  }
}
@media (min-width: 1024.5px) {
  .animated-banner .single-slides.style-3 .text-part {
    padding-left: 60px;
  }
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-3 .img-part {
    display: none;
  }
}
.animated-banner .single-slides.style-4 {
  background: #EFEEFE;
}
.animated-banner .single-slides.style-4 .banner-title {
  color: #181818;
}
.animated-banner .single-slides.style-4 .btn_white {
  border: 1px solid #098CE3;
}
.animated-banner .single-slides.style-4 span {
  color: #3B40F1;
  font-size: 40px;
  letter-spacing: -1.5%;
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-4 {
    background: #9BCFFF;
  }
}
@media (max-width: 575.98px) {
  .animated-banner .single-slides.style-4 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='428' height='261' viewBox='0 0 428 261' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg filter='url(%23filter0_d_497_679)'%3E %3Ccircle cx='214' cy='514.5' r='470.5' fill='white' fill-opacity='0.1' shape-rendering='crispEdges'/%3E %3C/g%3E %3Cg filter='url(%23filter1_d_497_679)'%3E %3Ccircle cx='214' cy='519.5' r='341.5' fill='white' fill-opacity='0.1' shape-rendering='crispEdges'/%3E %3C/g%3E %3Cg filter='url(%23filter2_d_497_679)'%3E %3Ccircle cx='218.5' cy='517' r='247' fill='white' fill-opacity='0.1' shape-rendering='crispEdges'/%3E %3C/g%3E %3Cdefs%3E %3Cfilter id='filter0_d_497_679' x='-300.5' y='0' width='1029' height='1029' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E %3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E %3CfeOffset/%3E %3CfeGaussianBlur stdDeviation='22'/%3E %3CfeComposite in2='hardAlpha' operator='out'/%3E %3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E %3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_497_679'/%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_497_679' result='shape'/%3E %3C/filter%3E %3Cfilter id='filter1_d_497_679' x='-171.5' y='134' width='771' height='771' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E %3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E %3CfeOffset/%3E %3CfeGaussianBlur stdDeviation='22'/%3E %3CfeComposite in2='hardAlpha' operator='out'/%3E %3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E %3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_497_679'/%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_497_679' result='shape'/%3E %3C/filter%3E %3Cfilter id='filter2_d_497_679' x='-72.5' y='226' width='582' height='582' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E %3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E %3CfeOffset/%3E %3CfeGaussianBlur stdDeviation='22'/%3E %3CfeComposite in2='hardAlpha' operator='out'/%3E %3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E %3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_497_679'/%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_497_679' result='shape'/%3E %3C/filter%3E %3C/defs%3E %3C/svg%3E ");
    background-position: bottom;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1366.5px) {
  .animated-banner .single-slides.style-4 .text-part {
    padding-left: 60px;
  }
}
@media (min-width: 1024.5px) {
  .animated-banner .single-slides.style-4 {
    background-size: cover;
    background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/slbg4.webp");
    background-repeat: no-repeat;
    background-position: center right;
  }
  .animated-banner .single-slides.style-4 .text-part {
    padding-left: 30px;
  }
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-4 .img-part {
    display: none;
  }
}
.animated-banner .single-slides.style-5 {
  background: #F2F1EF;
}
.animated-banner .single-slides.style-5 .banner-title {
  color: #181818;
}
.animated-banner .single-slides.style-5 .btn_white {
  border: 1px solid #098CE3;
}
.animated-banner .single-slides.style-5 span {
  color: #3B40F1;
  font-size: 40px;
  letter-spacing: -1.5%;
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-5 {
    background: #F2F1EF;
  }
}
@media (min-width: 1366.5px) {
  .animated-banner .single-slides.style-5 .text-part {
    padding-left: 60px;
  }
}
@media (min-width: 1024.5px) {
  .animated-banner .single-slides.style-5 .text-part {
    padding-left: 30px;
  }
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-5 .img-part {
    display: none;
  }
}
.animated-banner .single-slides.style-6 {
  background: linear-gradient(104.44deg, #F4FF78 -2.36%, #FFE0FC 75.29%);
}
.animated-banner .single-slides.style-6 .banner-title {
  color: #181818;
}
.animated-banner .single-slides.style-6 .btn_white {
  border: 1px solid #098CE3;
}
.animated-banner .single-slides.style-6 span {
  color: #3B40F1;
  font-size: 40px;
  letter-spacing: -1.5%;
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-6 {
    background: linear-gradient(104.44deg, #F4FF78 -2.36%, #FFE0FC 75.29%);
  }
}
@media (min-width: 1366.5px) {
  .animated-banner .single-slides.style-6 .text-part {
    padding-left: 60px;
  }
}
@media (min-width: 1024.5px) {
  .animated-banner .single-slides.style-6 .text-part {
    padding-left: 30px;
  }
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-6 .img-part {
    display: none;
  }
}
.animated-banner .single-slides.style-7 {
  background: #FFF1D6;
}
.animated-banner .single-slides.style-7 .banner-title {
  color: #181818;
}
.animated-banner .single-slides.style-7 .btn_white {
  border: 1px solid #098CE3;
}
.animated-banner .single-slides.style-7 span {
  color: #3B40F1;
  font-size: 40px;
  letter-spacing: -1.5%;
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-7 {
    background: #FFF1D6;
  }
}
@media (min-width: 1366.5px) {
  .animated-banner .single-slides.style-7 .text-part {
    padding-left: 60px;
  }
}
@media (min-width: 1024.5px) {
  .animated-banner .single-slides.style-7 .text-part {
    padding-left: 30px;
  }
}
@media (max-width: 1024.5px) {
  .animated-banner .single-slides.style-7 .img-part {
    display: none;
  }
}
@media (max-width: 767.48px) {
  .animated-banner .btn_red {
    width: 100%;
  }
  .animated-banner .btn_white {
    width: 100%;
  }
}
.animated-banner .slick-track {
  display: flex !important;
}
.animated-banner .slick-slide {
  height: inherit !important;
}
.animated-banner .slick-slider {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.animated-banner .slick-list.draggable {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.animated-banner .banner-title {
  color: #FFF;
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.animated-banner .banner-title.black {
  color: black;
}
@media (max-width: 767.48px) {
  .animated-banner .banner-title {
    font-size: 40px;
    line-height: 48px;
  }
}
.animated-banner .banner-title span {
  color: #FFF;
  font-size: 41px;
  font-style: italic;
  font-weight: 400;
  line-height: 64.568px;
  text-transform: lowercase;
  margin-right: 10px;
}
@media (max-width: 767.48px) {
  .animated-banner .banner-title span {
    font-size: 24px;
    line-height: 20px;
  }
}
.animated-banner #bannerVideo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.animated-banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  bottom: 0;
  z-index: -1;
  width: 100%;
}
.animated-banner .overlay::after {
  content: "";
  background: rgba(2, 2, 2, 0.5294117647);
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.animated-banner .overlaylight {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  bottom: 0;
  z-index: -1;
  width: 100%;
}
.animated-banner .overlaylight::after {
  content: "";
  background: rgba(2, 2, 2, 0.1803921569);
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.animated-banner .text-left .banner-title {
  text-align: left;
  margin-left: 0;
}
.animated-banner .text-left .banner-subtitle {
  text-align: left;
}
.animated-banner .text-right .banner-title {
  text-align: right;
  margin-right: 0;
}
.animated-banner .text-right .banner-subtitle {
  text-align: right;
}
.animated-banner .banner-subtitle {
  color: #FFF;
  font-family: "Inter";
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 32px;
  font-weight: 500;
}
.animated-banner .banner-subtitle.black {
  color: black;
}
@media (max-width: 767.48px) {
  .animated-banner .banner-subtitle {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 48px;
  }
}
/*Animated Banner Slider end */
/*Muvitv section start*/
.waitlist-wrap {
  background: rgb(9, 140, 227);
  padding: 48px 0;
  border-radius: 16px;
}
.waitlist-wrap h2 {
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 600;
  line-height: 54px;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  .waitlist-wrap h2 {
    line-height: 1.2;
  }
}
.waitlist-wrap input {
  padding: 8px 24px;
  height: 48px;
  border-radius: 100px;
}
.waitlist-wrap input::-WebKit-input-placeholder:after {
  content: "*";
  color: red;
}
.waitlist-wrap .placeholder {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  left: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: -moz-max-content;
  height: max-content;
  color: rgb(165, 172, 182);
  font-family: "Inter";
  font-size: 13px;
}
.waitlist-wrap .placeholder > span {
  color: red;
}
.waitlist-wrap input:valid ~ .placeholder {
  display: none;
}
.waitlist-wrap button {
  border: none;
  border-radius: 104px;
  padding: 16px 32px;
  color: #14253B;
  font-size: 16px;
  font-weight: 500;
  font-family: "Poppins";
  background: #fff;
}
.waitlist-wrap button:hover {
  color: #18A0FB;
}
@media (min-width: 1200px) {
  .waitlist-wrap button {
    margin-left: 32px;
  }
}
/*Muvitv section end*/
/* Basic slider start */
.img-sliderwrap {
  height: -moz-max-content;
  height: max-content;
}
.img-sliderwrap img {
  border-radius: 16px !important;
}
.img-sliderwrap .slider-button {
  transform: translateY(0) !important;
  display: block !important;
}
.img-sliderwrap .slider-button.prev {
  left: -24px !important;
}
.img-sliderwrap .slider-button.next {
  right: -24px !important;
}
@media (max-width: 1199.98px) {
  .img-sliderwrap .slider-button.prev {
    left: -7px !important;
  }
  .img-sliderwrap .slider-button.next {
    right: -7px !important;
  }
}

/* Basic slider end */

/* infra page */

.search-section.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.dropdown-product.product-item {
  position: relative;
}
.dropdown-product.product-item .dropdown-menu.show {
  width: 350px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
  border: none;
  box-shadow: 0px 24px 80px 0px rgba(0, 0, 0, 0.07), 0px 10.027px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 5.361px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 3.005px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 1.596px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 0.664px 2.214px 0px rgba(0, 0, 0, 0.02);
  justify-content: space-between;
  margin-top: 8px !important;
}
@media (max-width: 575.98px) {
  .dropdown-product.product-item .dropdown-menu.show {
    width: 320px;
    padding: 20px;
  }
}
.dropdown-product.product-item .dropdown-menu.show li {
  width: 50%;
  padding: 0;
  margin-bottom: 16px;
}
.dropdown-product.product-item .dropdown-menu.show li a:hover {
  background: transparent;
}
.dropdown-product.product-item button {
  padding: 0;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
  background: rgb(255, 255, 255);
  padding: 18px 24px;
  border-radius: 100px;
}
.dropdown-product.product-item button.show::before {
  position: absolute;
  width: 17px;
  height: 9px;
  content: "";
  left: auto;
  bottom: -10px;
  margin-left: 4%;
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/drop-down-toggle.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 9999;
  background-position: center;
  transition: 0.1s;
}
.dropdown-product.product-item button::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.837891 1H10.1712L5.50456 7L0.837891 1Z' fill='%235C5F62'/%3E %3Cpath d='M0.837891 1V0.5C0.646924 0.5 0.472635 0.608776 0.388733 0.780324C0.304831 0.951873 0.325972 1.15623 0.443215 1.30697L0.837891 1ZM10.1712 1L10.5659 1.30697C10.6831 1.15623 10.7043 0.951873 10.6204 0.780324C10.5365 0.608776 10.3622 0.5 10.1712 0.5V1ZM5.50456 7L5.10988 7.30697C5.20461 7.42876 5.35026 7.5 5.50456 7.5C5.65885 7.5 5.8045 7.42876 5.89923 7.30697L5.50456 7ZM0.837891 1.5H10.1712V0.5H0.837891V1.5ZM9.77655 0.69303L5.10988 6.69303L5.89923 7.30697L10.5659 1.30697L9.77655 0.69303ZM5.89923 6.69303L1.23257 0.69303L0.443215 1.30697L5.10988 7.30697L5.89923 6.69303Z' fill='%235C5F62'/%3E %3C/svg%3E ");
  border: none;
  width: 10px;
  height: 6px;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(3px);
}

.search-section.py-50 h1 {
  line-height: 48px;
}
@media (max-width: 767.48px) {
  .search-section.py-50 h1 {
    line-height: 1.2;
  }
}

.infra-inner table tr td {
  font-weight: 400;
  color: #334253;
}
.infra-inner table tr td:first-child {
  font-size: 13px;
  line-height: 19px;
  color: #14253B;
}
.infra-inner .mu-button-arrow {
  font-size: 14px;
}
.infra-inner .titletab {
  padding: 72px 0;
}
@media (max-width: 767.48px) {
  .infra-inner .titletab {
    padding: 60px 0;
  }
}
.infra-inner .titletab nav {
  background: #fff;
  border-radius: 0;
  max-width: 100%;
}
.infra-inner .titletab .nav-tabs {
  justify-content: space-between;
  gap: 8px;
}
.infra-inner .titletab .nav-tabs .nav-link {
  padding: 32px 24px;
  height: 88px;
  margin-right: 0;
  background: rgba(180, 187, 202, 0.12);
}
@media (min-width: 992px) {
  .infra-inner .titletab .nav-tabs .nav-link {
    min-width: 19.5%;
  }
}
@media (max-width: 767.48px) {
  .infra-inner .titletab .nav-tabs .nav-link {
    min-width: 150px;
  }
}
.infra-inner .titletab .nav-tabs .nav-link::before {
  display: none;
}

.infra-info {
  padding-top: 10px;
}
.infra-info h3 {
  font-family: "Inter";
  font-size: 32px;
  font-weight: 600;
  line-height: 38.73px;
  color: rgb(20, 37, 59);
  margin-bottom: 24px;
}
.infra-info span {
  color: rgb(51, 66, 83);
  font-family: "Inter";
  font-size: 16px;
  line-height: 26px;
  display: block;
  margin-bottom: 24px;
  font-weight: 600;
}
.infra-info p {
  color: rgb(51, 66, 83);
  font-family: "Inter";
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  display: block;
  margin-bottom: 24px;
}

.infra-table h4 {
  font-family: "Inter";
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: rgb(51, 66, 83);
  margin-bottom: 32px;
}
.infra-table span {
  color: rgb(51, 66, 83);
  font-family: "Inter";
  font-size: 16px;
  line-height: 26px;
  display: block;
  margin-bottom: 24px;
  font-weight: 600;
}

.table-responsive.table-primary-shadow.infra {
  border: 1px solid rgba(0, 0, 0, 0.0901960784);
}
.table-responsive.table-primary-shadow.infra td {
  padding-top: 12px;
  padding-bottom: 12px;
}
.dropdown-product.product-item .dropdown-menu.show {
  width: 350px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
  border: none;
  box-shadow: 0px 24px 80px 0px rgba(0, 0, 0, 0.07), 0px 10.027px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 5.361px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 3.005px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 1.596px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 0.664px 2.214px 0px rgba(0, 0, 0, 0.02);
  justify-content: space-between;
  margin-top: 8px !important;
}
@media (max-width: 575.98px) {
  .dropdown-product.product-item .dropdown-menu.show {
    width: 320px;
    padding: 20px;
  }
}
.dropdown-product.product-item .dropdown-menu.show li {
  width: 50%;
  padding: 0;
  margin-bottom: 16px;
}
.dropdown-product.product-item .dropdown-menu.show li a:hover {
  background: transparent;
}
.dropdown-product.product-item button {
  padding: 0;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
  background: rgb(255, 255, 255);
  padding: 18px 24px;
  border-radius: 100px;
}
.dropdown-product.product-item button.show::before {
  position: absolute;
  width: 17px;
  height: 9px;
  content: "";
  left: auto;
  bottom: -10px;
  margin-left: 4%;
  background-image: url("https://www.muvi.com/wp-content/themes/muvi-child/assets/images/drop-down-toggle.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 9999;
  background-position: center;
  transition: 0.1s;
}
.dropdown-product.product-item button::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.837891 1H10.1712L5.50456 7L0.837891 1Z' fill='%235C5F62'/%3E %3Cpath d='M0.837891 1V0.5C0.646924 0.5 0.472635 0.608776 0.388733 0.780324C0.304831 0.951873 0.325972 1.15623 0.443215 1.30697L0.837891 1ZM10.1712 1L10.5659 1.30697C10.6831 1.15623 10.7043 0.951873 10.6204 0.780324C10.5365 0.608776 10.3622 0.5 10.1712 0.5V1ZM5.50456 7L5.10988 7.30697C5.20461 7.42876 5.35026 7.5 5.50456 7.5C5.65885 7.5 5.8045 7.42876 5.89923 7.30697L5.50456 7ZM0.837891 1.5H10.1712V0.5H0.837891V1.5ZM9.77655 0.69303L5.10988 6.69303L5.89923 7.30697L10.5659 1.30697L9.77655 0.69303ZM5.89923 6.69303L1.23257 0.69303L0.443215 1.30697L5.10988 7.30697L5.89923 6.69303Z' fill='%235C5F62'/%3E %3C/svg%3E ");
  border: none;
  width: 10px;
  height: 6px;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(3px);
}
.infra-inner .titletab .tab-content {
  margin-top: 10px;
}
.pro-sub{
  font-size: 12px !important;
  line-height: 16px;
}
/* infra page end */