@font-face {
  font-family: "Outfit-Light";
  src: url(../fonts/Outfit-Light.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Outfit-Bold";
  src: url(../fonts/Outfit-Bold.woff) format("woff");
  font-display: swap;
}

.h-title {
  color: #1f2632;
}

.w-33 {
  width: 33.333% !important;
}

@media (min-width: 1070px) and (max-width: 1250px) {
  #site-header .top-nav-container,
  #header-wrap .top-nav-container {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media (min-width: 992px) and (max-width: 1069px) {
  #site-header .top-nav-container,
  #header-wrap .top-nav-container {
    padding-left: 20px !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 991px) {
  #site-header .top-nav-contact {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .md-flex {
    display: flex;
  }

  .md-flex .w-55 {
    flex: 0 0 60px;
  }

  .md-text-right {
    text-align: right;
  }
}

.flex-h-right {
  justify-content: flex-end;
}

.flex-v-center {
  align-items: center;
}

.pt-0 {
  padding-top: 0 !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.lh-22 {
  line-height: 22px !important;
}

.fs-18 {
  font-size: 18px;
}

@media (min-width: 768px) {
  .col-md-offset-0 {
    margin-left: 0;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
}

a,
a:focus {
  text-decoration: none !important;
}

a:focus,
a:hover {
  color: #c7c6dd;
  text-decoration: none !important;
}

a,
button,
input {
  outline: medium none !important;
  color: #6959a1;
}

*::-moz-selection {
  background: #6959a1;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #6959a1;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #ecb932;
  color: #fff;
  text-shadow: none;
}

a,
i,
.btn,
button,
img,
span,
.dropdown-item,
.nav-link.dropdown-toggle::after,
.social-icons li:hover a,
.owl-item,
.service-item,
.service-desc,
.service-item .service-icon,
.featured-item,
.featured-item .featured-icon,
.featured-item .featured-icon i,
.team-member,
.team-description,
.post,
.post-image:after,
.product-link {
  -webkit-transition: all 0.5s ease-in-out 0;
  -moz-transition: all 0.5s ease-in-out 0;
  -ms-transition: all 0.5s ease-in-out 0;
  -o-transition: all 0.5s ease-in-out 0;
  transition: all 0.5s ease-in-out 0;
}

.transform-x,
#search-input-box {
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}

.transform-y,
.align-center,
.image-column {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.video-btn-pos,
.post-link {
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
}

.box-shadow,
.dropdown-menu,
.fixed-header,
.navbar-nav ul,
.service-item .service-desc,
.featured-item.style-2,
.post {
  -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.08);
}

.owl-carousel .post,
.owl-carousel .featured-item,
.owl-carousel .service-desc,
.service-item.style-3,
.service-item.style-3 .service-icon {
  -webkit-box-shadow: 0 0 22px 0 rgba(7, 7, 7, 0.08);
  -moz-box-shadow: 0 0 22px 0 rgba(7, 7, 7, 0.08);
  box-shadow: 0 0 22px 0 rgba(7, 7, 7, 0.08);
}

.clear-loader {
  background-color: #6959a1;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  margin: 0 auto;
}

.loader {
  position: relative;
  display: inline-block;
  margin: 4em;
  width: 4em;
  height: 4em;
  transform-origin: center center;
  animation: rotate-anim 3s ease infinite;
}

.loader .plus {
  position: absolute;
  width: 4em;
  height: 1em;
  top: 1em;
  left: 0;
  background-color: white;
  animation: plus-anim 3s linear infinite;
  transform-origin: center center;
  transform: rotate(45deg);
}

.loader .plus:nth-of-type(2) {
  transform: rotate(135deg);
}

.loader .dot {
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  left: 1.25em;
  top: 1.25em;
}

.loader .dot:before {
  position: absolute;
  content: "";
  width: 0.5em;
  height: 0.5em;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: white;
  animation: dots-anim 3s linear infinite;
}

.loader .dot:nth-of-type(3) {
  transform: rotate(270deg);
}

.loader .dot:nth-of-type(4) {
  transform: rotate(360deg);
}

.loader .dot:nth-of-type(5) {
  transform: rotate(450deg);
}

.loader .dot:nth-of-type(6) {
  transform: rotate(540deg);
}

[data-overlay] {
  position: relative;
  z-index: 0;
}

[data-overlay]:before {
  position: absolute;
  content: "";
  background-color: #0a1426;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

[data-overlay].white-overlay:before {
  background-color: #fff;
}

[data-overlay].theme-overlay:before {
  background-color: #6959a1;
}

[data-overlay].hero-overlay:before {
  background: white;
  background: linear-gradient(90deg, white 0, white 20%, rgba(255, 255, 255, 0) 100%);
}

[data-overlay].overlay-50:before {
  width: 50%;
}

[data-overlay="1"]:before {
  opacity: 0.1;
}

[data-overlay="2"]:before {
  opacity: 0.2;
}

[data-overlay="3"]:before {
  opacity: 0.3;
}

[data-overlay="4"]:before {
  opacity: 0.4;
}

[data-overlay="5"]:before {
  opacity: 0.5;
}

[data-overlay="6"]:before {
  opacity: 0.6;
}

[data-overlay="7"]:before {
  opacity: 0.7;
}

[data-overlay="8"]:before {
  opacity: 0.8;
}

[data-overlay="9"]:before {
  opacity: 0.9;
}

[data-overlay="10"]:before {
  opacity: 1;
}

[data-overlay="0"]:before {
  opacity: 0;
}

.img-overlay[data-overlay]:before {
  z-index: 1;
}

.scroll-top {
  position: fixed;
  bottom: 88px;
  right: 11px;
  z-index: 600;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transform: translate3d(0, 200%, 0);
  -ms-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
}

.scroll-top a,
.scroll-top a:visited {
  display: block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  -webkit-box-shadow: 0 0 15px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 15px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 32px;
  color: #fff;
  background: #6959a1;
}

.scroll-top a:hover,
.scroll-top a:focus {
  color: #fff;
  background: #c7c6dd;
}

.scroll-top.scroll-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.topbar-link {
  font-size: 14px;
}

.topbar-link i {
  font-size: 20px;
  margin-right: 10px;
}

.topbar-link a:hover {
  color: #6959a1;
}

.header-top .social-icons li a {
  background: rgba(255, 255, 255, 0.2);
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #454545;
}

#header-wrap {
  position: relative;
}

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999 !important;
  background: #fff;
  animation: smoothScroll 0.4s forwards;
}

@keyframes smoothScroll {
  0 {
    transform: translateY(-40px);
  }

  100% {
    transform: translateY(0);
  }
}

.logo img {
  height: 42px;
}

.navbar {
  padding: 0;
}

.navbar-nav .nav-item {
  margin: 0 10px;
}

@media (min-width: 1400px) {
  .navbar-nav .nav-item {
    margin: 0 20px;
  }
}

.navbar-nav li {
  list-style: none;
}

.navbar-nav .nav-item.dropdown .dropdown-menu {
  border-radius: 0;
  padding: 20px;
  background: #fff;
  top: 100%;
  border: 0;
  margin-top: 0;
  left: -100%;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(42, 39, 94, 0.06);
  box-shadow: 0 0.5rem 1rem rgba(42, 39, 94, 0.06);
}

.navbar-brand {
  margin-right: 0;
  padding: 0;
}

.nav-item.dropdown .dropdown-menu a {
  display: block;
  color: #1f2632;
  padding: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  position: relative;
  background: 0;
  font-size: 15px;
  font-weight: 400;
}

.nav-item.dropdown .dropdown-menu a:hover {
  color: #6959a1;
}

.fixed-header .navbar-brand {
  color: #fff !important;
}

@media (min-width: 992px) {
  .navbar-collapse {
    width: auto;
  }

  .navbar-expand-lg {
    justify-content: space-between;
  }

  .navbar-nav .dropdown-menu {
    min-width: 12em !important;
    max-width: 20em !important;
  }

  .navbar-nav .nav-item.dropdown .dropdown-menu li a {
    transition: all ease-out 0.3s;
    cursor: pointer;
  }

  .navbar-nav .nav-item.dropdown .dropdown-menu li {
    position: relative;
  }

  .navbar-nav .nav-item.dropdown .dropdown-menu li ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: 350px;
    background-color: #fff;
    display: none;
    transition: all ease-out 0.3s;
  }

  .navbar-nav .nav-item.dropdown .dropdown-menu li:hover > ul {
    display: block;
  }

  .navbar-nav .dropdown > .dropdown-menu {
    opacity: 0;
    position: absolute;
    width: 350px;
    display: block;
    background: #fff;
    -webkit-transition: all 0.5s ease-in-out 0, opacity 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out 0, opacity 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out 0, opacity 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out 0, opacity 0.5s ease-in-out;
    transition: all 0.5s ease-in-out 0, opacity 0.5s ease-in-out;
  }

  .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    pointer-events: auto;
    left: 0;
  }

  .navbar-nav .dropdown-submenu:hover .dropdown-menu {
    top: 0;
    display: block;
  }

  .nav-link.dropdown-toggle::after {
    border: solid #1f2632;
    border-width: 0 1px 1px 0;
    width: 0.425rem;
    height: 0.425rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    vertical-align: 0.15em;
  }

  .navbar-nav .nav-link {
    line-height: 70px;
  }

  .navbar-nav .dropdown-submenu .dropdown-toggle::after {
    border-top: 0.125rem solid #1f2632;
    border-right: 0.125rem solid #1f2632;
    border-bottom: 0;
    border-left: 0;
    width: 0.425rem;
    height: 0.425rem;
    position: absolute;
    right: 0;
    margin: 0;
    vertical-align: middle;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
}

.navbar-nav .nav-item.dropdown .dropdown-menu li.dropdown ul {
  display: none !important;
}

.navbar-nav .nav-item.dropdown .dropdown-menu li.dropdown span {
  display: none !important;
}

@media (max-width: 991.98px) {
  .navbar-nav .dropdown-submenu .dropdown-menu {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 0;
  }
}

.navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu {
  background: #fff;
  left: 100%;
  margin: 0;
  right: auto;
  top: 0;
}

.navbar-nav .dropdown-submenu {
  display: block;
  position: relative;
}

.navbar-nav .nav-link {
  color: #1f2632;
  font-size: 16px;
  padding: 0 !important;
  border-radius: 0;
  text-transform: capitalize;
  position: relative;
  font-weight: 500;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-item .nav-link.active {
  color: #6959a1;
}

.navbar-nav {
  width: 100%;
}

.logo-pc {
  display: none;
}

.logo-mobile {
  display: block;
}

@media (min-width: 992px) {
  .logo-pc {
    display: block;
  }

  .logo-mobile {
    display: none;
  }
}

.search-mobile {
  cursor: pointer;
}

.search-mobile i {
  font-size: 24px;
  transform: rotateY(180deg);
}

.search-mobile.active i:before {
  content: "\f00d";
}

@media (min-width: 1170px) {
  .search-mobile {
    display: none;
  }
}

.right-nav {
  position: relative;
}

@media (min-width: 1170px) {
  .right-nav {
    display: block !important;
  }
}

@media (max-width: 1169px) {
  .right-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 999999;
    background-color: #fff;
  }

  .search-input-nav {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.08);
    width: 100%;
    margin-top: 10px;
  }

  .search-input-nav input {
    width: 100%;
  }
}

.search-input-nav form {
  height: 46px;
  border: 1px solid #e9eaed;
  border-radius: 0;
  display: block;
  width: 100%;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: 400;
  line-height: 1.5;
}

.search-input-nav form input {
  border: 0;
  height: 35px;
  font-size: 13px;
}

.search-input-nav form button {
  height: 35px;
  border: 0;
  outline: 0;
  background: 0;
}

.search-input-nav form button:hover {
  color: #6959a1;
}

.search-input-nav form button i {
  transform: rotateY(180deg);
  font-size: 20px;
}

.search-icon a {
  font-size: 30px;
  color: #1f2632;
  line-height: 30px;
}

#search-input-box {
  position: fixed;
  left: 50%;
  width: 100%;
  max-width: 1140px;
  text-align: center;
  background: #0d092c;
  z-index: 9999;
}

.search-inner {
  padding: 5px 5px;
}

#search-input-box .form-control {
  background: transparent;
  border: 0;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  padding: 0;
}

#search-input-box .btn {
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}

#search-input-box #close-search {
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  padding: 10px;
  padding-right: 0;
}

.media-icon.list-inline li {
  display: inline-block;
}

.media-icon li {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
}

.media-icon li:last-child {
  margin-bottom: 0;
}

.media-icon li i {
  height: 35px;
  width: 30px;
  line-height: 28px;
  text-align: center;
  font-size: 22px;
  color: #6959a1;
  margin-right: 10px;
  flex: 0 0 30px;
}

.media-icon li a {
  color: #454545;
}

.media-icon li a:hover {
  color: #6959a1;
  text-decoration: underline !important;
}

.footer-list li {
  margin-bottom: 15px;
  text-transform: capitalize;
}

.footer-list li:last-child {
  margin-bottom: 0;
}

.footer-list li a {
  color: #454545;
  position: relative;
  transition: padding-left ease-out 0.3s;
}

.footer-list li a:hover {
  color: #6959a1;
  padding-left: 8px;
}

.social-icons.footer-social li a {
  background: 0;
  border: 1px solid rgba(233, 233, 233, 0.2);
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 24px;
}

.page-title {
  display: block;
  position: relative;
  padding: 100px 0;
}

.page-title .black-bg {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

.page-title .black-bg h1 {
  color: #fff;
}

.page-title .black-bg.black-bg-dark {
  background-color: rgba(0, 0, 0, 0.3);
}

.page-title h1 {
  font-size: 50px;
  line-height: 54px;
  font-weight: 500;
}

.breadcrumb {
  background: 0;
  display: inline-block;
  margin: 0;
  text-transform: capitalize;
  color: #fff;
}

.breadcrumb li {
  display: inline-block;
}

.breadcrumb li a[href] {
  color: #fff !important;
}

.breadcrumb li a:hover {
  color: #fff;
}

.breadcrumb li.active,
.breadcrumb li:last-child {
  color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff2") format("woff2"), url("../fonts/Flaticon.woff") format("woff"),
    url("../fonts/Flaticon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-style: normal;
}

.flaticon-laboratory:before {
  content: "\f100";
}

.flaticon-flask:before {
  content: "\f101";
}

.flaticon-laboratory-1:before {
  content: "\f102";
}

.flaticon-biology:before {
  content: "\f103";
}

.flaticon-medical-laboratory:before {
  content: "\f104";
}

.flaticon-research:before {
  content: "\f105";
}

.flaticon-research-1:before {
  content: "\f106";
}

.flaticon-diabetes-test:before {
  content: "\f107";
}

.flaticon-blood:before {
  content: "\f108";
}

.flaticon-test:before {
  content: "\f109";
}

.flaticon-medical-laboratory-1:before {
  content: "\f10a";
}

.flaticon-heathcare-and-medical:before {
  content: "\f10b";
}

.flaticon-help-call:before {
  content: "\f10c";
}

.flaticon-award:before {
  content: "\f10d";
}

.flaticon-pharmacy:before {
  content: "\f10e";
}

.flaticon-biology-1:before {
  content: "\f10f";
}

.flaticon-doctor:before {
  content: "\f110";
}

.flaticon-medical-assistance:before {
  content: "\f111";
}

.flaticon-doctor-1:before {
  content: "\f112";
}

.flaticon-hospital:before {
  content: "\f113";
}

.flaticon-working-hours:before {
  content: "\f114";
}

.flaticon-medical-history:before {
  content: "\f115";
}

.flaticon-medical-report:before {
  content: "\f116";
}

.flaticon-calendar:before {
  content: "\f117";
}

.flaticon-doctor-2:before {
  content: "\f118";
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.me-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ms-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.me-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ms-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.me-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ms-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.me-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ms-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.me-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ms-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.me-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ms-5,
.mx-5 {
  margin-left: 3rem !important;
}

.m-6 {
  margin: 4rem !important;
}

.mt-6,
.my-6 {
  margin-top: 4rem !important;
}

.me-6,
.mx-6 {
  margin-right: 4rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 4rem !important;
}

.ms-6,
.mx-6 {
  margin-left: 4rem !important;
}

.m-7 {
  margin: 5rem !important;
}

.mt-7,
.my-7 {
  margin-top: 5rem !important;
}

.me-7,
.mx-7 {
  margin-right: 5rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 5rem !important;
}

.ms-7,
.mx-7 {
  margin-left: 5rem !important;
}

.m-8 {
  margin: 6rem !important;
}

.mt-8,
.my-8 {
  margin-top: 6rem !important;
}

.me-8,
.mx-8 {
  margin-right: 6rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 6rem !important;
}

.ms-8,
.mx-8 {
  margin-left: 6rem !important;
}

.m-9 {
  margin: 7rem !important;
}

.mt-9,
.my-9 {
  margin-top: 7rem !important;
}

.me-9,
.mx-9 {
  margin-right: 7rem !important;
}

.mb-9,
.my-9 {
  margin-bottom: 7rem !important;
}

.ms-9,
.mx-9 {
  margin-left: 7rem !important;
}

.m-10 {
  margin: 8rem !important;
}

.my-10 {
  margin-top: 8rem !important;
}

.me-10,
.mx-10 {
  margin-right: 8rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 8rem !important;
}

.ms-10,
.mx-10 {
  margin-left: 8rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pe-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.ps-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pe-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.ps-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pe-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.ps-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pe-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.ps-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pe-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.ps-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pe-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.ps-5,
.px-5 {
  padding-left: 3rem !important;
}

.p-6 {
  padding: 4rem !important;
}

.pt-6,
.py-6 {
  padding-top: 4rem !important;
}

.pe-6,
.px-6 {
  padding-right: 4rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 4rem !important;
}

.ps-6,
.px-6 {
  padding-left: 4rem !important;
}

.p-7 {
  padding: 5rem !important;
}

.pt-7,
.py-7 {
  padding-top: 5rem !important;
}

.pe-7,
.px-7 {
  padding-right: 5rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 5rem !important;
}

.ps-7,
.px-7 {
  padding-left: 5rem !important;
}

.p-8 {
  padding: 6rem !important;
}

.pt-8,
.py-8 {
  padding-top: 6rem !important;
}

.pe-8,
.px-8 {
  padding-right: 6rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 6rem !important;
}

.ps-8,
.px-8 {
  padding-left: 6rem !important;
}

.p-9 {
  padding: 7rem !important;
}

.pt-9,
.py-9 {
  padding-top: 7rem !important;
}

.pe-9,
.px-9 {
  padding-right: 7rem !important;
}

.pb-9,
.py-9 {
  padding-bottom: 7rem !important;
}

.ps-9,
.px-9 {
  padding-left: 7rem !important;
}

.p-10 {
  padding: 8rem !important;
}

.pt-10,
.py-10 {
  padding-top: 8rem !important;
}

.pe-10,
.px-10 {
  padding-right: 8rem !important;
}

.pb-10,
.py-10 {
  padding-bottom: 8rem !important;
}

.ps-10,
.px-10 {
  padding-left: 8rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.me-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ms-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.me-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ms-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.me-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ms-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.me-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ms-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.me-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ms-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-n6 {
  margin: -4rem !important;
}

.mt-n6,
.my-n6 {
  margin-top: -4rem !important;
}

.me-n6,
.mx-n6 {
  margin-right: -4rem !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -4rem !important;
}

.ms-n6,
.mx-n6 {
  margin-left: -4rem !important;
}

.m-n7 {
  margin: -5rem !important;
}

.mt-n7,
.my-n7 {
  margin-top: -5rem !important;
}

.me-n7,
.mx-n7 {
  margin-right: -5rem !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -5rem !important;
}

.ms-n7,
.mx-n7 {
  margin-left: -5rem !important;
}

.m-n8 {
  margin: -6rem !important;
}

.mt-n8,
.my-n8 {
  margin-top: -6rem !important;
}

.me-n8,
.mx-n8 {
  margin-right: -6rem !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: -6rem !important;
}

.ms-n8,
.mx-n8 {
  margin-left: -6rem !important;
}

.m-n9 {
  margin: -7rem !important;
}

.mt-n9,
.my-n9 {
  margin-top: -7rem !important;
}

.me-n9,
.mx-n9 {
  margin-right: -7rem !important;
}

.mb-n9,
.my-n9 {
  margin-bottom: -7rem !important;
}

.ms-n9,
.mx-n9 {
  margin-left: -7rem !important;
}

.m-n10 {
  margin: -8rem !important;
}

.mt-n10,
.my-n10 {
  margin-top: -8rem !important;
}

.me-n10,
.mx-n10 {
  margin-right: -8rem !important;
}

.mb-n10,
.my-n10 {
  margin-bottom: -8rem !important;
}

.ms-n10,
.mx-n10 {
  margin-left: -8rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.me-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ms-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .me-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ms-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .me-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ms-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .me-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ms-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .me-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ms-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .me-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ms-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .me-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ms-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .m-sm-6 {
    margin: 4rem !important;
  }

  .mt-sm-6,
  .my-sm-6 {
    margin-top: 4rem !important;
  }

  .me-sm-6,
  .mx-sm-6 {
    margin-right: 4rem !important;
  }

  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 4rem !important;
  }

  .ms-sm-6,
  .mx-sm-6 {
    margin-left: 4rem !important;
  }

  .m-sm-7 {
    margin: 5rem !important;
  }

  .mt-sm-7,
  .my-sm-7 {
    margin-top: 5rem !important;
  }

  .me-sm-7,
  .mx-sm-7 {
    margin-right: 5rem !important;
  }

  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 5rem !important;
  }

  .ms-sm-7,
  .mx-sm-7 {
    margin-left: 5rem !important;
  }

  .m-sm-8 {
    margin: 6rem !important;
  }

  .mt-sm-8,
  .my-sm-8 {
    margin-top: 6rem !important;
  }

  .me-sm-8,
  .mx-sm-8 {
    margin-right: 6rem !important;
  }

  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 6rem !important;
  }

  .ms-sm-8,
  .mx-sm-8 {
    margin-left: 6rem !important;
  }

  .m-sm-9 {
    margin: 7rem !important;
  }

  .mt-sm-9,
  .my-sm-9 {
    margin-top: 7rem !important;
  }

  .me-sm-9,
  .mx-sm-9 {
    margin-right: 7rem !important;
  }

  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 7rem !important;
  }

  .ms-sm-9,
  .mx-sm-9 {
    margin-left: 7rem !important;
  }

  .m-sm-10 {
    margin: 8rem !important;
  }

  .mt-sm-10,
  .my-sm-10 {
    margin-top: 8rem !important;
  }

  .me-sm-10,
  .mx-sm-10 {
    margin-right: 8rem !important;
  }

  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 8rem !important;
  }

  .ms-sm-10,
  .mx-sm-10 {
    margin-left: 8rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pe-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .ps-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pe-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .ps-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pe-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .ps-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pe-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .ps-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pe-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .ps-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .p-sm-6 {
    padding: 4rem !important;
  }

  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4rem !important;
  }

  .pe-sm-6,
  .px-sm-6 {
    padding-right: 4rem !important;
  }

  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4rem !important;
  }

  .ps-sm-6,
  .px-sm-6 {
    padding-left: 4rem !important;
  }

  .p-sm-7 {
    padding: 5rem !important;
  }

  .pt-sm-7,
  .py-sm-7 {
    padding-top: 5rem !important;
  }

  .pe-sm-7,
  .px-sm-7 {
    padding-right: 5rem !important;
  }

  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 5rem !important;
  }

  .ps-sm-7,
  .px-sm-7 {
    padding-left: 5rem !important;
  }

  .p-sm-8 {
    padding: 6rem !important;
  }

  .pt-sm-8,
  .py-sm-8 {
    padding-top: 6rem !important;
  }

  .pe-sm-8,
  .px-sm-8 {
    padding-right: 6rem !important;
  }

  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 6rem !important;
  }

  .ps-sm-8,
  .px-sm-8 {
    padding-left: 6rem !important;
  }

  .p-sm-9 {
    padding: 7rem !important;
  }

  .pt-sm-9,
  .py-sm-9 {
    padding-top: 7rem !important;
  }

  .pe-sm-9,
  .px-sm-9 {
    padding-right: 7rem !important;
  }

  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 7rem !important;
  }

  .ps-sm-9,
  .px-sm-9 {
    padding-left: 7rem !important;
  }

  .p-sm-10 {
    padding: 8rem !important;
  }

  .pt-sm-10,
  .py-sm-10 {
    padding-top: 8rem !important;
  }

  .pe-sm-10,
  .px-sm-10 {
    padding-right: 8rem !important;
  }

  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 8rem !important;
  }

  .ps-sm-10,
  .px-sm-10 {
    padding-left: 8rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .me-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ms-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .me-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ms-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }

  .me-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ms-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .me-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ms-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }

  .me-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-n6 {
    margin: -4rem !important;
  }

  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -4rem !important;
  }

  .me-sm-n6,
  .mx-sm-n6 {
    margin-right: -4rem !important;
  }

  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -4rem !important;
  }

  .ms-sm-n6,
  .mx-sm-n6 {
    margin-left: -4rem !important;
  }

  .m-sm-n7 {
    margin: -5rem !important;
  }

  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -5rem !important;
  }

  .me-sm-n7,
  .mx-sm-n7 {
    margin-right: -5rem !important;
  }

  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -5rem !important;
  }

  .ms-sm-n7,
  .mx-sm-n7 {
    margin-left: -5rem !important;
  }

  .m-sm-n8 {
    margin: -6rem !important;
  }

  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -6rem !important;
  }

  .me-sm-n8,
  .mx-sm-n8 {
    margin-right: -6rem !important;
  }

  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -6rem !important;
  }

  .ms-sm-n8,
  .mx-sm-n8 {
    margin-left: -6rem !important;
  }

  .m-sm-n9 {
    margin: -7rem !important;
  }

  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: -7rem !important;
  }

  .me-sm-n9,
  .mx-sm-n9 {
    margin-right: -7rem !important;
  }

  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: -7rem !important;
  }

  .ms-sm-n9,
  .mx-sm-n9 {
    margin-left: -7rem !important;
  }

  .m-sm-n10 {
    margin: -8rem !important;
  }

  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: -8rem !important;
  }

  .me-sm-n10,
  .mx-sm-n10 {
    margin-right: -8rem !important;
  }

  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: -8rem !important;
  }

  .ms-sm-n10,
  .mx-sm-n10 {
    margin-left: -8rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .me-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ms-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .me-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ms-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .me-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ms-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .me-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ms-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .me-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ms-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .me-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ms-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .m-md-6 {
    margin: 4rem !important;
  }

  .mt-md-6,
  .my-md-6 {
    margin-top: 4rem !important;
  }

  .me-md-6,
  .mx-md-6 {
    margin-right: 4rem !important;
  }

  .mb-md-6,
  .my-md-6 {
    margin-bottom: 4rem !important;
  }

  .ms-md-6,
  .mx-md-6 {
    margin-left: 4rem !important;
  }

  .m-md-7 {
    margin: 5rem !important;
  }

  .mt-md-7,
  .my-md-7 {
    margin-top: 5rem !important;
  }

  .me-md-7,
  .mx-md-7 {
    margin-right: 5rem !important;
  }

  .mb-md-7,
  .my-md-7 {
    margin-bottom: 5rem !important;
  }

  .ms-md-7,
  .mx-md-7 {
    margin-left: 5rem !important;
  }

  .m-md-8 {
    margin: 6rem !important;
  }

  .mt-md-8,
  .my-md-8 {
    margin-top: 6rem !important;
  }

  .me-md-8,
  .mx-md-8 {
    margin-right: 6rem !important;
  }

  .mb-md-8,
  .my-md-8 {
    margin-bottom: 6rem !important;
  }

  .ms-md-8,
  .mx-md-8 {
    margin-left: 6rem !important;
  }

  .m-md-9 {
    margin: 7rem !important;
  }

  .mt-md-9,
  .my-md-9 {
    margin-top: 7rem !important;
  }

  .me-md-9,
  .mx-md-9 {
    margin-right: 7rem !important;
  }

  .mb-md-9,
  .my-md-9 {
    margin-bottom: 7rem !important;
  }

  .ms-md-9,
  .mx-md-9 {
    margin-left: 7rem !important;
  }

  .m-md-10 {
    margin: 8rem !important;
  }

  .mt-md-10,
  .my-md-10 {
    margin-top: 8rem !important;
  }

  .me-md-10,
  .mx-md-10 {
    margin-right: 8rem !important;
  }

  .mb-md-10,
  .my-md-10 {
    margin-bottom: 8rem !important;
  }

  .ms-md-10,
  .mx-md-10 {
    margin-left: 8rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pe-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .ps-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pe-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .ps-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pe-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .ps-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pe-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .ps-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pe-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .ps-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .p-md-6 {
    padding: 4rem !important;
  }

  .pt-md-6,
  .py-md-6 {
    padding-top: 4rem !important;
  }

  .pe-md-6,
  .px-md-6 {
    padding-right: 4rem !important;
  }

  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4rem !important;
  }

  .ps-md-6,
  .px-md-6 {
    padding-left: 4rem !important;
  }

  .p-md-7 {
    padding: 5rem !important;
  }

  .pt-md-7,
  .py-md-7 {
    padding-top: 5rem !important;
  }

  .pe-md-7,
  .px-md-7 {
    padding-right: 5rem !important;
  }

  .pb-md-7,
  .py-md-7 {
    padding-bottom: 5rem !important;
  }

  .ps-md-7,
  .px-md-7 {
    padding-left: 5rem !important;
  }

  .p-md-8 {
    padding: 6rem !important;
  }

  .pt-md-8,
  .py-md-8 {
    padding-top: 6rem !important;
  }

  .pe-md-8,
  .px-md-8 {
    padding-right: 6rem !important;
  }

  .pb-md-8,
  .py-md-8 {
    padding-bottom: 6rem !important;
  }

  .ps-md-8,
  .px-md-8 {
    padding-left: 6rem !important;
  }

  .p-md-9 {
    padding: 7rem !important;
  }

  .pt-md-9,
  .py-md-9 {
    padding-top: 7rem !important;
  }

  .pe-md-9,
  .px-md-9 {
    padding-right: 7rem !important;
  }

  .pb-md-9,
  .py-md-9 {
    padding-bottom: 7rem !important;
  }

  .ps-md-9,
  .px-md-9 {
    padding-left: 7rem !important;
  }

  .p-md-10 {
    padding: 8rem !important;
  }

  .pt-md-10,
  .py-md-10 {
    padding-top: 8rem !important;
  }

  .pe-md-10,
  .px-md-10 {
    padding-right: 8rem !important;
  }

  .pb-md-10,
  .py-md-10 {
    padding-bottom: 8rem !important;
  }

  .ps-md-10,
  .px-md-10 {
    padding-left: 8rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .me-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ms-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .me-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ms-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }

  .me-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ms-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .me-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ms-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }

  .me-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-n6 {
    margin: -4rem !important;
  }

  .mt-md-n6,
  .my-md-n6 {
    margin-top: -4rem !important;
  }

  .me-md-n6,
  .mx-md-n6 {
    margin-right: -4rem !important;
  }

  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -4rem !important;
  }

  .ms-md-n6,
  .mx-md-n6 {
    margin-left: -4rem !important;
  }

  .m-md-n7 {
    margin: -5rem !important;
  }

  .mt-md-n7,
  .my-md-n7 {
    margin-top: -5rem !important;
  }

  .me-md-n7,
  .mx-md-n7 {
    margin-right: -5rem !important;
  }

  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -5rem !important;
  }

  .ms-md-n7,
  .mx-md-n7 {
    margin-left: -5rem !important;
  }

  .m-md-n8 {
    margin: -6rem !important;
  }

  .mt-md-n8,
  .my-md-n8 {
    margin-top: -6rem !important;
  }

  .me-md-n8,
  .mx-md-n8 {
    margin-right: -6rem !important;
  }

  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -6rem !important;
  }

  .ms-md-n8,
  .mx-md-n8 {
    margin-left: -6rem !important;
  }

  .m-md-n9 {
    margin: -7rem !important;
  }

  .mt-md-n9,
  .my-md-n9 {
    margin-top: -7rem !important;
  }

  .me-md-n9,
  .mx-md-n9 {
    margin-right: -7rem !important;
  }

  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: -7rem !important;
  }

  .ms-md-n9,
  .mx-md-n9 {
    margin-left: -7rem !important;
  }

  .m-md-n10 {
    margin: -8rem !important;
  }

  .mt-md-n10,
  .my-md-n10 {
    margin-top: -8rem !important;
  }

  .me-md-n10,
  .mx-md-n10 {
    margin-right: -8rem !important;
  }

  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: -8rem !important;
  }

  .ms-md-n10,
  .mx-md-n10 {
    margin-left: -8rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .me-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .me-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ms-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .me-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ms-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .me-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ms-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .me-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ms-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .me-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ms-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .me-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ms-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .m-lg-6 {
    margin: 4rem !important;
  }

  .mt-lg-6,
  .my-lg-6 {
    margin-top: 4rem !important;
  }

  .me-lg-6,
  .mx-lg-6 {
    margin-right: 4rem !important;
  }

  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 4rem !important;
  }

  .ms-lg-6,
  .mx-lg-6 {
    margin-left: 4rem !important;
  }

  .m-lg-7 {
    margin: 5rem !important;
  }

  .mt-lg-7,
  .my-lg-7 {
    margin-top: 5rem !important;
  }

  .me-lg-7,
  .mx-lg-7 {
    margin-right: 5rem !important;
  }

  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 5rem !important;
  }

  .ms-lg-7,
  .mx-lg-7 {
    margin-left: 5rem !important;
  }

  .m-lg-8 {
    margin: 6rem !important;
  }

  .mt-lg-8,
  .my-lg-8 {
    margin-top: 6rem !important;
  }

  .me-lg-8,
  .mx-lg-8 {
    margin-right: 6rem !important;
  }

  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 6rem !important;
  }

  .ms-lg-8,
  .mx-lg-8 {
    margin-left: 6rem !important;
  }

  .m-lg-9 {
    margin: 7rem !important;
  }

  .mt-lg-9,
  .my-lg-9 {
    margin-top: 7rem !important;
  }

  .me-lg-9,
  .mx-lg-9 {
    margin-right: 7rem !important;
  }

  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 7rem !important;
  }

  .ms-lg-9,
  .mx-lg-9 {
    margin-left: 7rem !important;
  }

  .m-lg-10 {
    margin: 8rem !important;
  }

  .mt-lg-10,
  .my-lg-10 {
    margin-top: 8rem !important;
  }

  .me-lg-10,
  .mx-lg-10 {
    margin-right: 8rem !important;
  }

  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 8rem !important;
  }

  .ms-lg-10,
  .mx-lg-10 {
    margin-left: 8rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pe-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .ps-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pe-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .ps-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pe-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .ps-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pe-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .ps-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pe-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .ps-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .p-lg-6 {
    padding: 4rem !important;
  }

  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4rem !important;
  }

  .pe-lg-6,
  .px-lg-6 {
    padding-right: 4rem !important;
  }

  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4rem !important;
  }

  .ps-lg-6,
  .px-lg-6 {
    padding-left: 4rem !important;
  }

  .p-lg-7 {
    padding: 5rem !important;
  }

  .pt-lg-7,
  .py-lg-7 {
    padding-top: 5rem !important;
  }

  .pe-lg-7,
  .px-lg-7 {
    padding-right: 5rem !important;
  }

  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 5rem !important;
  }

  .ps-lg-7,
  .px-lg-7 {
    padding-left: 5rem !important;
  }

  .p-lg-8 {
    padding: 6rem !important;
  }

  .pt-lg-8,
  .py-lg-8 {
    padding-top: 6rem !important;
  }

  .pe-lg-8,
  .px-lg-8 {
    padding-right: 6rem !important;
  }

  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 6rem !important;
  }

  .ps-lg-8,
  .px-lg-8 {
    padding-left: 6rem !important;
  }

  .p-lg-9 {
    padding: 7rem !important;
  }

  .pt-lg-9,
  .py-lg-9 {
    padding-top: 7rem !important;
  }

  .pe-lg-9,
  .px-lg-9 {
    padding-right: 7rem !important;
  }

  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 7rem !important;
  }

  .ps-lg-9,
  .px-lg-9 {
    padding-left: 7rem !important;
  }

  .p-lg-10 {
    padding: 8rem !important;
  }

  .pt-lg-10,
  .py-lg-10 {
    padding-top: 8rem !important;
  }

  .pe-lg-10,
  .px-lg-10 {
    padding-right: 8rem !important;
  }

  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 8rem !important;
  }

  .ps-lg-10,
  .px-lg-10 {
    padding-left: 8rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .me-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ms-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .me-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ms-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }

  .me-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ms-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .me-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ms-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }

  .me-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-n6 {
    margin: -4rem !important;
  }

  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -4rem !important;
  }

  .me-lg-n6,
  .mx-lg-n6 {
    margin-right: -4rem !important;
  }

  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -4rem !important;
  }

  .ms-lg-n6,
  .mx-lg-n6 {
    margin-left: -4rem !important;
  }

  .m-lg-n7 {
    margin: -5rem !important;
  }

  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -5rem !important;
  }

  .me-lg-n7,
  .mx-lg-n7 {
    margin-right: -5rem !important;
  }

  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -5rem !important;
  }

  .ms-lg-n7,
  .mx-lg-n7 {
    margin-left: -5rem !important;
  }

  .m-lg-n8 {
    margin: -6rem !important;
  }

  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -6rem !important;
  }

  .me-lg-n8,
  .mx-lg-n8 {
    margin-right: -6rem !important;
  }

  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -6rem !important;
  }

  .ms-lg-n8,
  .mx-lg-n8 {
    margin-left: -6rem !important;
  }

  .m-lg-n9 {
    margin: -7rem !important;
  }

  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: -7rem !important;
  }

  .me-lg-n9,
  .mx-lg-n9 {
    margin-right: -7rem !important;
  }

  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: -7rem !important;
  }

  .ms-lg-n9,
  .mx-lg-n9 {
    margin-left: -7rem !important;
  }

  .m-lg-n10 {
    margin: -8rem !important;
  }

  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: -8rem !important;
  }

  .me-lg-n10,
  .mx-lg-n10 {
    margin-right: -8rem !important;
  }

  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: -8rem !important;
  }

  .ms-lg-n10,
  .mx-lg-n10 {
    margin-left: -8rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .me-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ms-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .me-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ms-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .me-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ms-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .me-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ms-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .me-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ms-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .me-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ms-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .m-xl-6 {
    margin: 4rem !important;
  }

  .mt-xl-6,
  .my-xl-6 {
    margin-top: 4rem !important;
  }

  .me-xl-6,
  .mx-xl-6 {
    margin-right: 4rem !important;
  }

  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 4rem !important;
  }

  .ms-xl-6,
  .mx-xl-6 {
    margin-left: 4rem !important;
  }

  .m-xl-7 {
    margin: 5rem !important;
  }

  .mt-xl-7,
  .my-xl-7 {
    margin-top: 5rem !important;
  }

  .me-xl-7,
  .mx-xl-7 {
    margin-right: 5rem !important;
  }

  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 5rem !important;
  }

  .ms-xl-7,
  .mx-xl-7 {
    margin-left: 5rem !important;
  }

  .m-xl-8 {
    margin: 6rem !important;
  }

  .mt-xl-8,
  .my-xl-8 {
    margin-top: 6rem !important;
  }

  .me-xl-8,
  .mx-xl-8 {
    margin-right: 6rem !important;
  }

  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 6rem !important;
  }

  .ms-xl-8,
  .mx-xl-8 {
    margin-left: 6rem !important;
  }

  .m-xl-9 {
    margin: 7rem !important;
  }

  .mt-xl-9,
  .my-xl-9 {
    margin-top: 7rem !important;
  }

  .me-xl-9,
  .mx-xl-9 {
    margin-right: 7rem !important;
  }

  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 7rem !important;
  }

  .ms-xl-9,
  .mx-xl-9 {
    margin-left: 7rem !important;
  }

  .m-xl-10 {
    margin: 8rem !important;
  }

  .mt-xl-10,
  .my-xl-10 {
    margin-top: 8rem !important;
  }

  .me-xl-10,
  .mx-xl-10 {
    margin-right: 8rem !important;
  }

  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 8rem !important;
  }

  .ms-xl-10,
  .mx-xl-10 {
    margin-left: 8rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pe-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .ps-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pe-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .ps-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pe-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .ps-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pe-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .ps-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pe-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .ps-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .p-xl-6 {
    padding: 4rem !important;
  }

  .pt-xl-6,
  .py-xl-6 {
    padding-top: 4rem !important;
  }

  .pe-xl-6,
  .px-xl-6 {
    padding-right: 4rem !important;
  }

  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 4rem !important;
  }

  .ps-xl-6,
  .px-xl-6 {
    padding-left: 4rem !important;
  }

  .p-xl-7 {
    padding: 5rem !important;
  }

  .pt-xl-7,
  .py-xl-7 {
    padding-top: 5rem !important;
  }

  .pe-xl-7,
  .px-xl-7 {
    padding-right: 5rem !important;
  }

  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 5rem !important;
  }

  .ps-xl-7,
  .px-xl-7 {
    padding-left: 5rem !important;
  }

  .p-xl-8 {
    padding: 6rem !important;
  }

  .pt-xl-8,
  .py-xl-8 {
    padding-top: 6rem !important;
  }

  .pe-xl-8,
  .px-xl-8 {
    padding-right: 6rem !important;
  }

  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 6rem !important;
  }

  .ps-xl-8,
  .px-xl-8 {
    padding-left: 6rem !important;
  }

  .p-xl-9 {
    padding: 7rem !important;
  }

  .pt-xl-9,
  .py-xl-9 {
    padding-top: 7rem !important;
  }

  .pe-xl-9,
  .px-xl-9 {
    padding-right: 7rem !important;
  }

  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 7rem !important;
  }

  .ps-xl-9,
  .px-xl-9 {
    padding-left: 7rem !important;
  }

  .p-xl-10 {
    padding: 8rem !important;
  }

  .pt-xl-10,
  .py-xl-10 {
    padding-top: 8rem !important;
  }

  .pe-xl-10,
  .px-xl-10 {
    padding-right: 8rem !important;
  }

  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 8rem !important;
  }

  .ps-xl-10,
  .px-xl-10 {
    padding-left: 8rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .me-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ms-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .me-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ms-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }

  .me-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ms-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .me-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ms-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }

  .me-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-n6 {
    margin: -4rem !important;
  }

  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -4rem !important;
  }

  .me-xl-n6,
  .mx-xl-n6 {
    margin-right: -4rem !important;
  }

  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -4rem !important;
  }

  .ms-xl-n6,
  .mx-xl-n6 {
    margin-left: -4rem !important;
  }

  .m-xl-n7 {
    margin: -5rem !important;
  }

  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -5rem !important;
  }

  .me-xl-n7,
  .mx-xl-n7 {
    margin-right: -5rem !important;
  }

  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -5rem !important;
  }

  .ms-xl-n7,
  .mx-xl-n7 {
    margin-left: -5rem !important;
  }

  .m-xl-n8 {
    margin: -6rem !important;
  }

  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -6rem !important;
  }

  .me-xl-n8,
  .mx-xl-n8 {
    margin-right: -6rem !important;
  }

  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -6rem !important;
  }

  .ms-xl-n8,
  .mx-xl-n8 {
    margin-left: -6rem !important;
  }

  .m-xl-n9 {
    margin: -7rem !important;
  }

  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: -7rem !important;
  }

  .me-xl-n9,
  .mx-xl-n9 {
    margin-right: -7rem !important;
  }

  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: -7rem !important;
  }

  .ms-xl-n9,
  .mx-xl-n9 {
    margin-left: -7rem !important;
  }

  .m-xl-n10 {
    margin: -8rem !important;
  }

  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: -8rem !important;
  }

  .me-xl-n10,
  .mx-xl-n10 {
    margin-right: -8rem !important;
  }

  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: -8rem !important;
  }

  .ms-xl-n10,
  .mx-xl-n10 {
    margin-left: -8rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.custom-py-1 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.custom-py-2 {
  padding-top: 15rem !important;
  padding-bottom: 15rem !important;
}

.custom-py-3 {
  padding-top: 20rem !important;
  padding-bottom: 20rem !important;
}

.custom-py-4 {
  padding-top: 25rem !important;
  padding-bottom: 25rem !important;
}

.custom-py-5 {
  padding-top: 30rem !important;
  padding-bottom: 30rem !important;
}

.custom-pt-1 {
  padding-top: 10rem !important;
}

.custom-pt-2 {
  padding-top: 15rem !important;
}

.custom-pt-3 {
  padding-top: 20rem !important;
}

.custom-pt-4 {
  padding-top: 25rem !important;
}

.custom-pt-5 {
  padding-top: 30rem !important;
}

.custom-pb-1 {
  padding-bottom: 10rem !important;
}

.custom-pb-2 {
  padding-bottom: 15rem !important;
}

.custom-pb-3 {
  padding-bottom: 20rem !important;
}

.custom-pb-4 {
  padding-bottom: 25rem !important;
}

.custom-pb-5 {
  padding-bottom: 30rem !important;
}

.mt-n15 {
  margin-top: -15rem !important;
}

.mt-n20 {
  margin-top: -20rem !important;
}

@media (max-width: 575.98px) {
  .mt-nsm-0 {
    margin-top: 0;
  }
}

.banner a:hover {
  color: #222;
}

.related-services-slider__container .swiper-wrapper {
  padding: 20px 0;
}

.related-services-slider__container .swiper-wrapper .swiper-slide {
  padding: 0 5px;
}

.related-services-slider__container .swiper-button-prev,
.related-services-slider__container .swiper-button-next {
  background: #eee;
  line-height: 40px;
  height: 50px;
  text-align: center;
}

.related-services-slider__container .swiper-button-prev:hover,
.related-services-slider__container .swiper-button-next:hover {
  background: #c7c6dd;
}

.related-services-slider__container .swiper-button-prev {
  background-image: none;
}

.related-services-slider__container .swiper-button-prev:before {
  content: "‹";
  font-size: 42px;
  color: #fff;
}

.related-services-slider__container .swiper-button-next {
  background-image: none;
}

.related-services-slider__container .swiper-button-next:before {
  content: "›";
  font-size: 42px;
  color: #fff;
}

.service-item {
  height: 100%;
}

.service-item .service-img {
  overflow: hidden;
}

.service-item img {
  width: 100%;
  transition: ease-out all 0.3s;
}

.service-item a span {
  text-decoration: none;
  color: #1f2632;
}

.service-item a:hover img {
  transform: scale(1.1);
}

.service-item a:hover h3,
.service-item a:hover h4,
.service-item a:hover span {
  color: #6959a1;
}

.post-card .service-img {
  overflow: hidden;
}

.post-card img {
  transition: ease-out all 0.3s;
}

.post-card a span {
  text-decoration: none;
  color: #1f2632;
}

.post-card a:hover img {
  transform: scale(1.1);
}

.post-card a:hover h3 {
  color: #6959a1;
}

.post-card.learn-more {
  position: relative;
}

.post-card.learn-more span {
  background-color: transparent;
}

.post-card.learn-more .learn-more__text {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 42%;
  font-size: 32px;
  font-weight: bold;
}

.post-card.learn-more:hover {
  box-shadow: 0 0 5px #c7c6dd;
}

.post-card.learn-more:hover .learn-more__text {
  color: #4822ce;
}

.featured-item {
  transition: all ease-out 0.3s;
}

.featured-item.gray-bg {
  background-color: #f5f8fd;
}

.featured-item:hover h3 {
  color: #fff;
}

.featured-item:hover ul {
  color: #fff;
}

@media (max-width: 1420px) {
  .featured-item {
    height: 230px;
  }

  .featured-item.h320 {
    height: 320px;
  }
}

.zoom-fade,
.featured-item.style-1:after {
  animation-name: zoom-fade;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: zoom-fade;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: zoom-fade;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: zoom-fade;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: zoom-fade;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.index-contact-bg {
  background-image: url(../images/index-contact-bg.jpg);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
}

.index-contact-bg:before {
  background-color: #6959a199;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}

@supports (background-image: url("../images/index-contact-bg.webp")) {
  .index-contact-bg {
    background-image: url("../images/index-contact-bg.webp");
  }
}

@media (max-width: 992px) {
  @supports (background-image: url("../images/index-contact-bg-m.webp")) {
    .index-contact-bg {
      background-image: url("../images/index-contact-bg-m.webp");
    }
  }
}

body {
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #363636;
  overflow-x: hidden;
  letter-spacing: 0.5px;
}

.page-wrapper {
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
  color: #1f2632;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1,
.h1 {
  font-size: 44px;
  font-style: normal;
  line-height: 80px;
  font-weight: 700;
  letter-spacing: 0;
}

h2,
.h2 {
  font-size: 23px;
  font-style: normal;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 10px;
  position: relative;
}

h3,
.h3 {
  font-size: 21px;
  font-style: normal;
  line-height: 28px;
  font-weight: 600;
}

h4,
.h4 {
  font-size: 18px;
  font-style: normal;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 28px;
}

h5,
.h5 {
  font-size: 16px;
  font-style: normal;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 28px;
}

h6,
.h6 {
  font-size: 16px;
  font-style: normal;
  line-height: 28px;
  margin-bottom: 15px;
}

ul {
  margin: 0;
  padding: 0;
}

p {
  line-height: 28px;
  margin-bottom: 15px;
}

.lead {
  font-weight: normal;
  font-size: 17px;
  line-height: 30px;
}

.z-index-0 {
  z-index: 0;
  position: relative;
}

.z-index-1 {
  z-index: 9;
  position: relative;
}

section {
  padding: 80px 0;
}

.font-w-3 {
  font-weight: 300;
}

.font-w-4 {
  font-weight: 400;
}

.font-w-5 {
  font-weight: 500;
}

.font-w-6 {
  font-weight: 600;
}

.font-w-7 {
  font-weight: 700;
}

.font-w-8 {
  font-weight: 800;
}

.font-w-9 {
  font-weight: 900;
}

.line-h-2 {
  line-height: 1.6;
}

.line-h-3 {
  line-height: 1.7;
}

.line-h-4 {
  line-height: 1.8;
}

.line-h-5 {
  line-height: 1.9;
}

.letter-space-1 {
  letter-spacing: 5px;
}

.letter-space-2 {
  letter-spacing: 10px;
}

.letter-space-3 {
  letter-spacing: 15px;
}

.text-theme {
  color: #6959a1;
}

.text-hover {
  color: #4822ce;
}

.text-black {
  color: #1f2632;
}

.text-grey {
  color: #454545;
}

.text-rgba {
  color: rgba(255, 255, 255, 0.8);
}

.white-bg {
  background-color: #fff;
}

.dark-bg {
  background-color: #0a1426;
}

.light-bg {
  background-color: #f5f8fd;
}

.theme-bg {
  background-color: #6959a1;
}

.transparent-bg {
  background-color: inherit !important;
}

.fullscreen-banner {
  position: relative;
  min-height: 750px;
}

[data-bg-img] {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.align-center {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 9;
}

.fullscreen-banner .owl-carousel,
.fullscreen-banner .owl-stage-outer,
.fullscreen-banner .owl-stage,
.fullscreen-banner .owl-item,
.fullscreen-banner .item {
  height: 100%;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-pos-l {
  background-position: left;
}

.bg-pos-r {
  background-position: right;
}

.bg-pos-rt {
  background-position: right top;
}

.bg-pos-lt {
  background-position: left top;
}

.bg-pos-rb {
  background-position: right bottom;
}

.bg-pos-lb {
  background-position: left bottom;
}

.bg-repeat {
  background-repeat: repeat;
}

.countdown {
  width: 100%;
}

.countdown > li {
  list-style-type: none;
  text-align: center;
}

.countdown > li span {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  width: 150px;
  height: 150px;
  line-height: 150px;
  font-size: 60px;
  font-weight: 500;
  display: inline-block;
  color: #6959a1;
}

.countdown > li p {
  font-size: 20px;
  font-weight: 500;
  margin-top: 15px;
  display: block;
  margin-bottom: 0;
  color: #fff;
}

.terms-and-conditions p {
  margin-bottom: 25px;
}

.terms-and-conditions ul.list {
  margin-bottom: 20px;
  display: block;
}

.terms-and-conditions ul.list li i {
  padding-right: 12px;
  font-size: 15px;
}

.privacy-policy p {
  margin-bottom: 25px;
}

.privacy-policy ul.list {
  margin-bottom: 20px;
  display: block;
}

.privacy-policy ul.list li i {
  padding-right: 12px;
  font-size: 15px;
}

.contact-media a {
  color: #fff;
}

.contact-media a:hover {
  color: #6959a1;
}

.form-group {
  position: relative;
  margin-bottom: 10px;
}

label {
  font-size: 14px;
  color: #1f2632;
  font-weight: bold;
}

iframe {
  width: 100%;
  border: 0;
  pointer-events: auto;
}

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  width: 100%;
  font-size: 0.8rem;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  width: 100%;
  font-size: 0.8rem;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #1f2632 !important;
  transition: background-color 5000s ease-in-out 0;
}

.map {
  height: 400px;
  z-index: 999;
}

.map iframe {
  border: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.video-btn {
  position: relative;
  display: inline-block;
}

.video-btn-pos {
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto !important;
  z-index: 99;
}

.video-btn .play-btn {
  width: 80px;
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  background: #fff;
  display: inline-block;
  text-align: center;
  line-height: 80px;
  position: relative;
}

.video-btn .play-btn::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #6959a1;
  left: 0;
  top: 0;
  transform: scale(0.6);
  transition: 0.5s ease;
  border-radius: 50%;
  opacity: 0;
}

.video-btn .play-btn:hover::after {
  transform: scale(1);
  opacity: 1;
}

.video-btn .play-btn i {
  z-index: 1;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #6959a1;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.2s ease-out !important;
  transform: translate3d(-50%, -50%, 0);
}

.video-btn .play-btn:hover i {
  transform: translate3d(-50%, -50%, 0) scale(0.75);
  color: #fff;
}

.image-column {
  position: absolute;
  left: 0;
  top: 50%;
}

.image-column.right {
  left: inherit;
  right: 0;
}

.list-icon li {
  display: flex;
  align-items: center;
}

.list-icon li i {
  margin-right: 10px;
  color: #fff;
  font-size: 14px;
  width: 22px;
  height: 22px;
  text-align: center;
  display: inline-block;
  line-height: 22px;
  background: #1c2431;
  flex: 0 0 22px;
}

.ic-1x {
  font-size: 1em;
}

.ic-2x {
  font-size: 2em;
}

.ic-3x {
  font-size: 3em;
}

.ic-5x {
  font-size: 5em;
}

.ic-7x {
  font-size: 7em;
}

.product-card {
  border: 0;
  overflow: hidden;
}

.product-link {
  padding: 20px 15px;
  opacity: 0;
  right: 0;
  top: 2rem;
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.product-card:hover .product-link {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.product-link button {
  color: #1f2632;
  font-size: 20px;
  border: 0;
  padding: 0.5rem 0.75rem;
  background: #fff;
  display: block;
}

.product-link button:hover {
  background: #6959a1;
  color: #fff;
}

.product-card .card-body {
  padding: 20px;
  position: relative;
  text-align: center;
  background: #fff;
}

.product-title a {
  color: #1f2632;
  font-size: 18px;
  font-weight: 500;
}

.product-title a:hover {
  color: #6959a1;
}

.product-price {
  color: #6959a1;
  font-weight: 600;
}

.product-price del {
  font-size: 0.9rem;
}

.product-list.product-card {
  padding: 0;
}

.product-list.product-card .card-body {
  text-align: left;
}

.star-rating {
  color: #fdcc0d;
}

.form-check-input:checked {
  background-color: #6959a1;
  border-color: #6959a1;
}

input.form-product {
  -moz-appearance: textfield;
  height: 40px;
  border: 0;
  background: #fff;
  text-align: center;
  width: 50px;
  border-top: 1px solid #e9eaed;
  color: #1f2632;
  vertical-align: middle;
}

.btn-product {
  background: 0;
  color: #1f2632;
  border: 1px solid #e9eaed;
  height: 40px;
  width: auto;
  padding: 0 10px;
  font-size: 13px;
  cursor: pointer;
}

.view-filter a.active {
  color: #6959a1;
}

.view-filter a {
  color: #1f2632;
  padding-right: 8px;
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
}

.cart-table thead th {
  padding: 20px;
  vertical-align: middle;
  color: #1f2632;
  font-size: 20px;
  font-weight: 600;
}

.cart-table td {
  padding: 10px;
  color: #1f2632;
  vertical-align: middle;
}

.sidebar-links li {
  list-style: none;
}

.sidebar-links li:last-child {
  margin-bottom: 0;
}

.sidebar-links li a {
  color: #1f2632;
  display: block;
  font-size: 14px;
  padding: 10px 10px;
  font-weight: 500;
  position: relative;
  border-left: 3px solid transparent;
  transition: all ease-out 0.3s;
  border-bottom: 1px solid #e9eaed;
}

.sidebar-links li li a {
  padding-left: 15px;
  font-size: 16px;
  padding-right: 25px;
}

.sidebar-links li ul {
  padding-left: 0;
}

.sidebar-links li > a:hover {
  color: #6959a1;
}

.navMenu li {
  position: relative;
}

.navMenu li span {
  position: absolute;
  right: 8px;
  top: 14px;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.navMenu > li {
  padding: 0;
}

.navMenu > li > a {
  font-weight: 600;
}

.navMenu > li > ul > li {
  margin-bottom: 0;
}

.navMenu > li > ul > li:last-child {
  border-bottom: 0;
}

.navMenu > li > ul > li ul {
  display: none;
}

.navMenu > li > ul > li ul > li > a {
  padding-left: 20px;
  color: #555;
}

.navMenu > li > ul > li ul > li > ul > li > a {
  padding-left: 25px;
}

.open > span {
  transform: rotate(180deg);
}

.img-border {
  border: 10px solid #fff;
}

.bg-effect:after {
  background: #c7c6dd;
  top: 0;
  content: "";
  position: absolute;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 50%;
}

.bg-effect.right:after {
  left: inherit;
  right: 0;
}

.shape-1 {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
}

.shape-1.bottom {
  top: inherit;
  bottom: -1px;
}

.round-anim {
  content: "";
  position: absolute;
  top: -10%;
  left: 0;
  width: 700px;
  height: 700px;
  border: 50px solid rgba(196, 176, 255, 0.3);
  border-radius: 50%;
  display: inline-block;
  z-index: -1;
  animation-name: zoom-fade;
  animation-duration: 5000ms;
  transform-origin: 70% 70%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.round-anim.right {
  right: -10%;
  left: inherit;
}

.round-anim.center {
  left: 50%;
  margin-left: -350px;
}

@media (max-width: 1200px) {
  .navbar-nav .nav-item {
    margin: 0 10px;
  }
}

@media (max-width: 992px) {
  h1,
  h1 {
    font-size: 60px;
    line-height: 70px;
  }

  h2,
  h2 {
    font-size: 34px;
    line-height: 46px;
  }

  .custom-mt-0 {
    margin-top: 0 !important;
  }

  #header-wrap {
    padding: 10px 0;
  }

  .navbar-toggler {
    background: 0;
    height: 34px;
    width: 40px;
    padding: 0;
    margin: 0;
    border: 1px solid #454545;
  }

  .navbar-nav ul {
    position: static;
  }

  .navbar-nav > .nav-item {
    margin: 0;
  }

  .navbar-nav .nav-link {
    padding: 10px !important;
    color: #454545;
  }

  .navbar-nav .nav-link:hover,
  .navbar-nav .nav-item .nav-link.active,
  .navbar-nav .nav-item .nav-link.show {
    background: #6959a1;
    color: #fff;
  }

  .navbar-collapse {
    background: #fff;
    max-height: 400px;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 99;
    top: 100%;
    width: 100%;
    overflow: auto;
    border: medium none;
    -webkit-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
    -moz-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
    box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
  }

  .navbar-toggler span {
    width: 26px;
    height: 2px;
    margin: 5px auto;
    display: block;
    background: #6959a1;
  }

  .navbar-nav .dropdown-toggle::after {
    content: "+";
    background: none !important;
    position: absolute;
    border: 0;
    top: 50%;
    right: 10px;
    margin: -0.5em 0.5em 0 0;
    border-radius: 0.25rem;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1;
  }

  .navbar-nav .dropdown > .dropdown-toggle.show::after {
    content: "-";
  }

  .navbar-nav .dropdown-submenu .dropdown-toggle::after {
    width: auto;
    height: auto;
    margin-right: 0;
  }

  .navbar {
    padding: 0;
  }

  .fullscreen-banner {
    min-height: inherit;
    height: auto !important;
  }

  .fullscreen-banner .align-center {
    position: inherit;
    transform: inherit;
    padding: 150px 0 150px !important;
  }

  .image-column {
    left: 0;
    position: relative;
    top: inherit;
    transform: inherit;
  }

  .image-column-h {
    min-height: 300px;
  }

  .countdown > li span {
    font-size: 60px;
    line-height: 70px;
  }

  .countdown > li p {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  h1,
  h1 {
    font-size: 50px;
    line-height: 60px;
  }

  h2,
  h2 {
    font-size: 34px;
    line-height: 44px;
  }

  .section-title p {
    font-size: 16px;
  }

  .page-title h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .logo img {
    max-height: 40px;
  }

  .countdown > li span {
    font-size: 40px;
    line-height: 40px;
  }

  .countdown > li p {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  h1,
  h1 {
    font-size: 44px;
    line-height: 54px;
  }

  h2,
  h2 {
    font-size: 30px;
    line-height: 40px;
  }

  h3,
  .h3 {
    font-size: 26px;
    line-height: 36px;
  }

  h4,
  .h4 {
    font-size: 22px;
    line-height: 32px;
  }

  .logo img {
    max-height: 35px;
  }

  .fullscreen-banner p br,
  .section-title br {
    display: none;
  }

  .breadcrumb-item {
    line-height: 30px;
  }

  .tab .nav-tabs .nav-link {
    display: block;
    width: 100%;
  }

  .owl-carousel .owl-nav button.owl-prev {
    left: 0;
  }

  .owl-carousel .owl-nav button.owl-next {
    right: 0;
  }
}

.section-title {
  margin-bottom: 40px;
  position: relative;
}

.section-title p {
  font-size: 16px;
  margin-bottom: 0;
}

.dark-bg .title,
.theme-bg .title,
.dark-bg .title span,
.theme-bg .title span {
  color: #fff;
}

.section-title h2 {
  margin-bottom: 15px;
}

.dark-bg .title.text-black {
  color: #1f2632;
}

.dark-bg .title span.text-theme {
  color: #6959a1;
}

.btn {
  z-index: 1;
  background: 0;
  color: #1f2632;
  padding: 14px 25px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  border: 0;
  border-radius: 0;
  text-decoration: none;
  font-weight: 500;
}

.btn-sm {
  padding: 10px 25px;
  color: #1f2632;
}

.btn,
.btn.focus,
.btn:focus {
  box-shadow: none;
  color: #fff;
}

.btn + .btn {
  margin-left: 15px;
}

.btn.btn-theme {
  background: #6959a1;
  color: #fff;
}

.btn.btn-theme:hover {
  background: #6959a1;
  color: #fff;
}

.btn.btn-white {
  background: #fff;
  color: #6959a1;
}

.btn.btn-white:hover {
  color: #fff;
}

.btn.btn-dark {
  background: #0a1426;
  color: #fff;
}

.btn.btn-dark:hover {
  background: #6959a1;
  color: #fff;
}

.btn.btn-outline {
  border: 1px solid #1c2431;
}

.btn.btn-outline:hover {
  border-color: #6959a1;
  background: #6959a1;
}

.btn.btn-outline.white {
  border: 1px solid #fff;
  color: #fff;
}

.btn.btn-outline.white:hover {
  border-color: #6959a1;
  background: #6959a1;
}

.btn span {
  position: relative;
  z-index: 1;
  padding-right: 40px;
}

.btn span:before {
  position: absolute;
  height: 1px;
  background: #fff;
  width: 20px;
  right: 0;
  top: 50%;
  transition: all 0.3s ease;
  z-index: 1;
  content: "";
}

.btn.btn-white span:before {
  background: #0a1426;
}

.btn.btn-white:hover span:before {
  background: #fff;
}

.btn:before,
.btn:after {
  z-index: -1;
  content: "";
  background: #c7c6dd;
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.btn:before {
  top: 0;
  left: 0;
  right: auto;
}

.btn:after {
  bottom: 0;
  right: 0;
  left: auto;
}

.btn:hover:before {
  width: 100%;
  right: 0;
  left: auto;
}

.btn:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}

.btn:hover span:before {
  width: 30px;
}

.accordion .accordion-item {
  background: 0;
  position: relative;
}

.accordion .accordion-item .accordion-button {
  text-transform: capitalize;
  font-size: 1.125rem;
  padding: 0.5rem 1rem;
  border: 0;
  background-color: #f5f8fd;
}

.accordion .accordion-item .accordion-button[aria-expanded="true"] {
  color: #fff;
  background-color: #6959a1;
}

.accordion .accordion-item .accordion-button:focus {
  border-color: inherit;
  box-shadow: none;
}

.accordion .accordion-item .accordion-button:after {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background: #6959a1;
  content: "\f067";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 0.9rem;
  top: 50%;
  position: absolute;
  right: 0.5rem;
  margin-top: -10px;
  color: #fff;
}

.accordion .accordion-item .accordion-button[aria-expanded="true"]:after {
  color: #6959a1;
  content: "\f068";
  background: #fff;
}

.accordion .accordion-body {
  padding: 15px;
  line-height: 2;
}

.social-icons ul {
  padding: 0;
  margin: 0;
  line-height: 0;
}

.social-icons li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 8px 0 0;
}

.social-icons li a {
  background: #f3f5f8;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  margin: 0;
  border: 0;
  color: #1f2632;
  overflow: hidden;
}

.social-icons li:hover a {
  background: #6959a1;
  color: #fff;
}

.team-member {
  position: relative;
  overflow: hidden;
}

.team-member .team-description {
  position: absolute;
  bottom: 0;
  background: #fff;
  padding: 15px 20px;
}

.team-social-icon {
  background: #f5f8fd;
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.team-member:hover .team-social-icon {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.team-member a img {
  transition: all ease-out 0.3s;
}

.team-member a h3 {
  margin-bottom: 5px;
  text-transform: capitalize;
  font-weight: 500;
  color: #454545;
}

.team-member a:hover h3 {
  color: #6959a1;
}

.team-member a:hover img {
  transform: scale(1.1);
}

.team-member .team-description span {
  font-size: 14px;
}

.team-social-icon li {
  float: left;
  margin-right: 1px;
}

.team-social-icon li a {
  background: #fff;
  font-size: 20px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  color: #454545;
  display: inline-block;
  text-align: center;
}

.team-social-icon li a:hover {
  background: #1c2431;
  color: #fff;
}

.team-member img {
  width: 100%;
}

.tab .nav-tabs {
  border: 0;
}

.tab .nav-tabs .nav-link {
  text-align: center;
  border-radius: 0;
  font-weight: 600;
  color: #1f2632;
  position: relative;
  padding: 15px 20px;
  background: #fff;
}

.tab .nav-tabs .nav-link.active,
.tab .nav-tabs .nav-link:hover,
.tab .nav-tabs.active > a:focus,
.tab .nav-tabs > a:hover {
  background: #6959a1;
  color: #fff;
}

.counter {
  position: relative;
  z-index: 9;
}

.counter span {
  font-size: 45px;
  font-weight: 600;
  line-height: 45px;
  display: inline-block;
  margin: 0 0 10px;
}

.counter h6 {
  display: block;
  color: #454545;
  font-size: 20px;
  position: relative;
  margin: 0;
}

.counter-icon i {
  font-size: 50px;
  line-height: 50px;
  display: inline-block;
  font-weight: normal;
  color: #1c2431;
  margin-bottom: 20px;
}

.post-card .link-btn {
  font-size: 26px;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background: #6959a1;
  color: #fff;
}

.post-card .link-btn:hover {
  background: #1c2431;
}

.post-card ul li + li:before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #1f2632;
  content: "\f1ce";
  font-family: "Line Awesome Free";
  font-weight: 700;
}

.pagination {
  display: inline-block;
}

.pagination > li {
  margin: 0 6px;
  display: inline-block;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 0;
}

.pagination > li > a {
  color: #1f2632;
  font-weight: 600;
  border-color: #e9eaed;
}

.pagination > li.active .page-link,
.page-link:hover,
.page-link:focus {
  box-shadow: none;
  background: #6959a1;
  color: #fff;
  border-color: #6959a1;
}

.widget-tags a {
  border: 1px solid #e9eaed;
  color: #1f2632;
  padding: 10px 15px;
}

.widget-tags a:hover {
  background: #6959a1;
  color: #fff;
}

.testimonial {
  position: relative;
}

.testimonial-content p {
  font-size: 18px;
  line-height: 30px;
}

.testimonial .testimonial-caption h5 {
  font-weight: 500;
  display: inline-block;
  margin-bottom: 0;
}

.testimonial-img span {
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50px;
  background-color: #fff;
  text-align: center;
  line-height: 100px;
}

.testimonial-img i {
  color: #6959a1;
  font-size: 60px;
  vertical-align: middle;
}

.featured-item {
  padding: 30px;
  position: relative;
  z-index: 1;
}

.owl-carousel .featured-item {
  margin: 30px 0;
}

.featured-item .featured-icon {
  font-size: 60px;
  line-height: 1;
  color: #6959a1;
  display: inline-block;
}

.services-we-provide .featured-item .featured-icon {
  overflow: hidden;
  width: 70px;
  height: 70px;
  position: relative;
}

.services-we-provide .featured-item .featured-icon img {
  transition: all ease-out 0.3s;
  position: absolute;
  left: 0;
  max-width: 70px;
  max-height: 70px;
}

.services-we-provide .featured-item .featured-icon img.color {
  top: 0;
}

.services-we-provide .featured-item .featured-icon img.white {
  top: 110%;
}

.services-we-provide .featured-item:hover .featured-icon img.color {
  top: -100%;
}

.services-we-provide .featured-item:hover .featured-icon img.white {
  top: 0;
}

.featured-desc p {
  margin-bottom: 0;
}

.featured-title h5 {
  margin: 20px 0 15px;
  text-transform: capitalize;
}

.dark-bg .featured-title h5,
.dark-bg .featured-desc,
.theme-bg .featured-title h5,
.theme-bg .featured-desc,
.theme-bg .featured-icon i {
  color: #fff;
}

.featured-item.style-1 {
  border: 1px solid #e9eaed;
  padding: 40px;
}

.featured-item.style-1:hover {
  background: #1c2431;
  border-color: #1c2431;
}

.featured-item.style-1:hover:after {
  opacity: 0.2;
}

.featured-item.style-1:after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  z-index: -1;
}

.featured-item.style-1:hover .featured-icon i,
.featured-item.style-1:hover h5,
.featured-item.style-1:hover p {
  color: #fff;
}

.price-table {
  padding: 50px 30px;
  z-index: 9;
}

.price-value h2 {
  color: #1f2632;
  margin-bottom: 0;
}

.price-value h2 span {
  font-size: 18px;
  line-height: 18px;
  color: #454545;
  font-weight: normal;
}

.price-list ul li {
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.price-list ul li:last-child {
  margin-bottom: 0;
}

.price-list li i {
  color: #1f2632;
  font-size: 12px;
  display: inline-block;
  margin-right: 10px;
}

.text-white .price-list ul li,
.text-white .price-list li i {
  color: rgba(255, 255, 255, 0.7);
}

.ht-progress-bar h4 {
  color: #1f2632;
  font-weight: 500;
  font-size: 18px;
}

.ht-progress-bar .progress {
  height: 6px;
  background: #dafeff;
  overflow: visible;
  align-items: center;
  position: relative;
}

.light-bg .ht-progress-bar .progress {
  background: #fff;
}

.ht-progress-bar .progress .progress-bar {
  height: 6px;
  background-color: #6959a1;
  overflow: visible;
  position: relative;
}

.ht-progress-bar .progress-parcent {
  position: absolute;
  right: 0;
  top: -35px;
  color: #1f2632;
  font-size: 16px;
  font-weight: 600;
}

.cases-title {
  width: 100%;
  padding: 20px;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.cases-item {
  background-color: #fff;
  padding: 0;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
}

.cases-item img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  transition: all ease-out 0.3s;
}

.cases-item:hover .cases-title {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all ease-out 0.4s;
}

.cases-item .cases-title span {
  color: #fff;
  padding: 3px 6px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  transition: all ease-out 0.3s;
}

.cases-item h4 a {
  color: #fff;
  padding: 2px 4px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 10px;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.cases-item h4 a:hover {
  color: #6959a1;
}

.cases-item h4 a:before,
.cases-item .cases-title span:before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  background: #6959a1;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  z-index: -1;
}

.cases-item:hover h4 a:before,
.cases-item:hover .cases-title span:before {
  width: 100%;
}

.popup-img {
  background: #6959a1;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: block;
  font-size: 24px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  position: absolute;
  top: 2rem;
  right: 2rem;
  z-index: 500;
}

.cases-item .popup-img:hover {
  background: #c7c6dd;
  color: #fff;
}

.popup-img:after {
  top: 0;
  left: 0;
  padding: 0;
  z-index: 10;
  border: 3px dashed #fff;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: "";
}

.cases-item:hover .popup-img:after {
  -webkit-animation: spinAround 9s linear infinite;
  -moz-animation: spinAround 9s linear infinite;
  animation: spinAround 9s linear infinite;
}

.cases-item:hover .popup-img {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.cases-item:hover img {
  transform: scale(1.05);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.service-item {
  position: relative;
  z-index: 1;
}

.owl-carousel .service-item {
  margin: 30px 0;
}

.service-desc {
  padding: 30px;
  position: relative;
}

.service-desc p {
  margin-bottom: 0;
}

.service-title h5 {
  margin: 20px 0 15px;
  text-transform: capitalize;
}

.service-item.style-1 .service-icon {
  font-size: 50px;
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background: #1c2431;
  color: #fff;
}

.service-item.style-1:hover .service-icon,
.service-item.style-1.active .service-icon {
  left: 0;
}

.service-item.style-1 .link-btn,
.service-item.style-2 .link-btn {
  font-size: 30px;
  display: inline-block;
  transform: scale(0);
  position: absolute;
  right: 30px;
  bottom: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  background: #6959a1;
  color: #fff;
}

.service-item.style-1 .link-btn:hover,
.service-item.style-2 .link-btn:hover {
  background: #1c2431;
}

.service-item:hover .link-btn,
.service-item.active .link-btn {
  transform: scale(1) translateY(50%);
}

.service-item.style-1:hover .service-desc,
.service-item.style-1.active .service-desc {
  padding-bottom: 50px;
}

.service-item.style-2 {
  border: 15px solid #fff;
}

.service-item.style-2 .service-icon {
  font-size: 80px;
  opacity: 0.1;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #1c2431;
}

.service-item.style-2 .link-btn {
  right: 50%;
  bottom: inherit;
  top: 50%;
  margin-top: -40px;
  margin-right: -20px;
}

.service-item.style-2:hover .service-desc,
.service-item.style-2.active .service-desc {
  padding-bottom: 30px;
}

.service-item.style-3 .service-icon {
  z-index: 9;
  font-size: 40px;
  margin-left: -50px;
  margin-top: -50px;
  position: absolute;
  left: 50%;
  top: 0;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  color: #1c2431;
}

.page-banner-service {
  background-image: url(../images/index-contact-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  overflow: hidden;
}

@supports (background-image: url("../images/page-inner-banner.webp")) {
  .page-banner-service {
    background-image: url("../images/page-inner-banner.webp");
  }
}

@media (max-width: 1024px) {
  @supports (background-image: url("../images/page-inner-banner-m.webp")) {
    .page-banner-service {
      background-image: url("../images/page-inner-banner-m.webp");
    }
  }
}

@media (max-width: 767px) {
  @supports (background-image: url("../images/page-inner-banner-s.webp")) {
    .page-banner-service {
      background-image: url("../images/page-inner-banner-s.webp");
    }
  }
}

.service-title {
  margin-top: -10px;
  margin-bottom: 25px;
}

.service-title h1 {
  font-size: 30px;
  line-height: 1.4;
  color: #1f2632;
}

.side-nav a {
  color: #1f2632;
}

.side-nav a:hover {
  color: #6959a1;
}

.related-services div[class*="col-"] {
  margin-bottom: 20px;
}

.related-services a {
  color: #1f2632;
  display: block;
  padding: 10px 10px 10px 30px;
  line-height: 26px;
  background: #f0f1f2;
  break-inside: avoid;
  position: relative;
  transition: background-color ease-out 0.3s, color ease-out 0.3s;
}

.related-services a:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 12px;
  border-left: 3px solid #1f2632;
  border-top: 3px solid #1f2632;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transform: rotateZ(135deg);
  transition: border-left-color ease-out 0.3s, border-top-color ease-out 0.3s;
}

.related-services a:hover {
  background-color: #c7c6dd;
  color: #fff;
}

.related-services a:hover:before {
  border-left-color: #fff;
  border-top-color: #fff;
}

.product-card {
  transition: all ease-out 0.3s;
}

.product-card img {
  transition: all ease-out 0.3s;
}

.product-card .product-title {
  color: #1f2632;
}

.product-card:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.product-card:hover img {
  transform: scale(1.1);
}

.product-card:hover .product-title {
  color: #6959a1;
}

.careers .career-icon {
  width: 70px;
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 992px) {
  .page-content .page-content-left {
    width: 70%;
  }

  .page-content .page-content-right {
    width: 30%;
  }
}

.page-content-html h2,
.page-content-html .h2 {
  font-size: 23px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.page-content-html h2.h2-title-bg,
.page-content-html .h2.h2-title-bg {
  background-color: #6959a1;
  color: #fff;
  text-align: center;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
}

.page-content-html h3,
.page-content-html .h3 {
  font-size: 21px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.page-content-html h4,
.page-content-html .h4 {
  font-size: 18px;
}
.page-content-html h5,
.page-content-html .h5 {
  font-size: 16px;
}
.page-content-html h6,
.page-content-html .h6 {
  font-size: 16px;
}
.page-content-html a {
  color: #6959a1;
}

.page-content-html a:hover {
  color: #b7a1cf;
}

.page-content-html img {
  max-width: 100%;
  height: auto;
}

.tool-tips {
  margin: 30px auto;
  background-color: #f0f1f2;
  padding: 8px 15px;
  font-size: 14px;
  color: #1f2632;
  display: flex;
  align-items: center;
}

.tool-tips i {
  font-size: 20px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin-right: 10px;
}

.side-form form label {
  display: none;
}

.side-form {
  background-color: #e1deec;
  border-radius: 8px;
  overflow: hidden;
}

.side-form #form-inquiry {
  padding: 20px;
}

.red {
  color: red;
}

.sub,
.sup {
  font-size: 10px;
  line-height: 14px;
}

@-moz-document url-prefix() {
  .-moz-sub,
  .-moz-sup {
    position: relative;
  }

  .-moz-sub-span {
    position: relative;
    top: -8px;
  }

  .-moz-sup-span {
    position: relative;
    top: 0;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .-webkit-w16 {
    width: 16px;
    display: inline-block;
  }

  .-webkit-sub,
  .-webkit-sup {
    -webkit-transform: scale(0.5) translate(-8px, 0);
    -webkit-letter-spacing: 1px;
  }
}

table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
}

table tr,
table th,
table td {
  border: 1px solid #ddd;
}

table th,
table td {
  padding: 5px 6px;
  text-align: left;
}

table td {
  font-size: 0.93em;
}

table th {
  background: #c7c6dd;
}

table tr td a {
  text-decoration: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  font-size: 0.875rem;
  padding: 0;
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
  padding: 10px;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  display: inline-block;
  padding: 2px 5px;
}

table.bt tfoot th:first-of-type:before,
table.bt tfoot th:first-of-type .bt-content,
table.bt tfoot td:first-of-type:before,
table.bt tfoot td:first-of-type .bt-content,
table.bt tbody td:first-of-type:before,
table.bt tbody td:first-of-type .bt-content {
  padding-top: 10px;
}

table.bt tfoot th:last-of-type:before,
table.bt tfoot th:last-of-type .bt-content,
table.bt tfoot td:last-of-type:before,
table.bt tfoot td:last-of-type .bt-content,
table.bt tbody td:last-of-type:before,
table.bt tbody td:last-of-type .bt-content {
  padding-bottom: 10px;
}

table.bt thead,
table.bt tbody th {
  display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  border: 0;
  display: block;
  vertical-align: top;
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 30%;
  display: inline-block;
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
  display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  vertical-align: top;
  width: 55%;
  display: inline-block;
  padding-top: 10px;
}

.inquiry_btn {
  padding: 0.3em 0.8em;
  clear: both;
  color: #fff;
  background-color: #ff8000;
  text-decoration: none;
  border-radius: 10px 0 10px 0;
  font-size: 14px;
  display: inline-block;
}

.inquiry_btn:hover {
  color: #fff;
  transition: background-color 0.3s;
  border-radius: 10px 0 10px 0;
  background: #29abe2;
}

.services-container .italic {
  font-style: italic;
}

.services-container p {
  line-height: 28px;
  margin: 0;
  padding-bottom: 15px;
  font-size: 16px;
}

.services-container a {
  text-decoration: none;
}

.inpage_left {
  width: 800px;
  height: auto;
  overflow: hidden;
  display: inline-block;
}

.inpage_section_title {
  margin: 0 auto;
  text-align: left;
}

.inpage_section_title h1 {
  font-size: 28px;
}

.inpage_section_title hr {
  height: 4px;
  width: 70px;
  text-align: left;
  position: relative;
  background: #10336a;
  margin: 0 auto;
  margin-bottom: 20px;
  border: 0;
  display: inline-block;
}

.serviceshowpic {
  font-size: 0.75em;
  text-align: center;
  color: #666;
}

.serviceshowpic img {
  margin: auto;
}

.serviceshowleftpic {
  float: left;
  margin-right: 15px;
  text-align: center;
  color: #666;
  display: inline-block;
}

.serviceshowrightpic {
  float: right;
  margin-left: 15px;
  text-align: center;
  color: #666;
  display: inline-block;
}

.serviceshowpic,
.serviceshowrightpic,
.serviceshowleftpic {
  font-size: 0.9em !important;
  text-align: center;
}

.serviceshowpic img,
.serviceshowrightpic img,
.serviceshowleftpic img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
}

.ollist {
  padding: 0 0 15px 19px;
  margin: 0;
}

.f-text-container ul,
.f-text-container ol {
  padding: 0 0 15px 19px;
  margin: 0;
}

.f-text-container ul li {
  list-style: disc;
}

.f-text-container ol li {
  list-style-type: decimal;
}

.f-text-container ul li > ul > li {
  list-style-type: circle;
}

.f-text-container ol li > ul > li {
  list-style-type: lower-latin;
}

.ullist {
  margin: 0 0 10px 2px;
}

.ullist li {
  list-style: none;
  margin: 0;
  padding-bottom: 3px;
  position: relative;
  padding-left: 14px;
}

.ullist li:before {
  content: "\2022";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  color: #6959a1;
  font-size: 12px;
  line-height: 10px;
  font-weight: bold;
  transform: scale(1.5);
}

.rhombusList li:before {
  display: none !important;
}

.rhombusList li {
  padding-left: 0 !important;
}

table td .ullist {
  margin-top: 10px;
}

.ollist li {
  list-style-type: decimal;
  margin: 0;
  padding-bottom: 3px;
}
.ullist li > ul{
	margin-left: 0px;
	padding-left: 19px;
	margin-top: 5px;
}
.ullist li > ul > li {
  list-style-type: circle;
  padding-left: 0px;
}
.ullist li > ul > li:before {
  content: none;
}
.ollist li > ul > li {
  list-style-type: lower-latin;
}

ul li > ul,
ul li > ul li > ul {
  padding-left: 5px;
}

.fa-disc::before {
  content: "●";
  font-style: normal;
  font-weight: normal;
  padding-right: 5px;
}

.fa-triangle::before {
  content: "▶";
  font-style: normal;
  font-weight: normal;
  padding-right: 5px;
  font-size: 30%;
}

.fa-star::before {
  content: "★";
  font-style: normal;
  font-weight: normal;
  padding-right: 5px;
}

.triangle li {
  list-style-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNy4zNjEgMTcuMzYxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNy4zNjEgMTcuMzYxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM1RjVGNUYiIHBvaW50cz0iMS45MjgsMTcuMzY1IDEuOTI4LDAuMSAxNS41ODQsOC43MzIgIi8+DQo8L3N2Zz4NCg==) !important;
}

.star li {
  list-style-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTcuNCAxNy40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNy40IDE3LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM1RTVFNUU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuNCw2LjhsLTUuMiwzLjhsMS43LDYuM2wtNS4zLTMuN2wtNS4yLDMuN2wxLjktNi4yTDAsNi44aDYuNmwyLjEtNi4ybDIuMSw2LjJIMTcuNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==) !important;
}

.disc li {
  list-style: disc !important;
}

.roman li {
  list-style: lower-roman !important;
}

.hollow-disc li {
  list-style-type: circle !important;
}

.decimal li {
  list-style: decimal !important;
}

.greek li {
  list-style: lower-greek !important;
}

.latin li {
  list-style: lower-latin !important;
}

.upper-latin li {
  list-style: upper-latin !important;
}

.disc li {
  list-style: disc !important;
}

.roman li {
  list-style: lower-roman !important;
}

.Reference,
.References,
.reference,
.references {
  color: #787878;
}

p.reference,
p.references {
  font-size: 18px;
  color: #202c33;
}

.Referencemargin,
.Reference,
.References,
.reference,
.references {
  padding-bottom: 0 !important;
}

.Referencemargin li,
.Reference li,
.References li,
.reference li,
.references li {
  color: #787878;
}

.service-table {
  border: 0;
  border-bottom: 1px solid #c7c6dd;
}

.service-table tr:first-child td {
  background-color: #c7c6dd;
  color: #1f2632;
}

.service-table td,
.service-table th {
  border: 0;
  border-bottom: 1px solid #c7c6dd;
}

.service-table th {
  border-top: 1px solid #c7c6dd;
  border-bottom: 1px solid #c7c6dd;
}

.table-responsive {
  margin-bottom: 30px;
}

.tablecontentshow {
  border-right: 0;
  border-bottom: 1px solid #c7c6dd;
  border-left: 1px solid #c7c6dd;
  border-top: 1px solid #c7c6dd;
}

.tablecontentshow td {
  padding: 4px 7px;
  font-size: 0.93em;
}

.tablecontentshow td,
.tablecontentshow th {
  border-top: 0;
  border-left: 0;
  border-right: 1px solid #c7c6dd;
  border-bottom: 1px solid #c7c6dd;
}

.tablecontentshow th {
  padding: 4px 7px;
  font-weight: bold;
  font-size: 1em;
  color: #1f2632;
  border-bottom: 1px solid #c7c6dd;
  background-color: #c7c6dd;
}

.tablecontentshow tr {
  border-bottom: 0;
}

.tablecontentshow tr:nth-child(2n) td {
  background-color: rgba(134, 150, 254, 0.08);
}

@media (min-width: 769px) and (max-width: 1279px) {
  .services-container p {
    line-height: 30px;
    margin: 0;
    padding-bottom: 20px;
  }

  .services-container a {
    text-decoration: none;
  }

  .inpage_left {
    width: 60%;
    height: auto;
    overflow: hidden;
    display: inline-block;
  }

  .inpage_section_title {
    margin: 0 auto;
    font-family: "Century Gothic";
    text-align: left;
  }

  .inpage_section_title h1 {
    font-size: 28px;
  }

  .inpage_section_title hr {
    height: 4px;
    width: 70px;
    text-align: left;
    position: relative;
    background: #10336a;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 0;
    display: inline-block;
  }

  .serviceshowleftpic,
  .serviceshowrightpic {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .serviceshowleftpic img,
  .serviceshowrightpic img {
    margin-bottom: 15px;
  }

  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

@media (max-width: 768px) {
  .services-container p {
    line-height: 30px;
    margin: 0;
    padding-bottom: 20px;
  }

  .services-container a {
    text-decoration: none;
  }

  .inpage_left {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: inline-block;
  }

  .inpage_section_title {
    margin: 0 auto;
    text-align: left;
  }

  .inpage_section_title hr {
    height: 4px;
    width: 70px;
    text-align: left;
    position: relative;
    background: #10336a;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 0;
    display: inline-block;
  }

  .serviceshowleftpic,
  .serviceshowrightpic {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .serviceshowleftpic img,
  .serviceshowrightpic img {
    margin-bottom: 15px;
  }

  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

.ztitle {
  position: relative;
  padding: 0 10px 5px 10px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  cursor: pointer;
  color: #10336a;
}

.ztitle a {
  width: 95%;
  display: inherit;
}

.ztitle span {
  position: absolute;
  right: 10px;
  top: 3px;
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 25px;
  font-size: 24px;
  font-weight: bolder;
  padding: 0;
  border-radius: 50%;
}

.product-info-tabs {
  margin-top: 45px;
}

.con_div {
  padding: 0 15px 0 30px;
}

.ztitle span:after {
  transition: opacity 0.5s;
  opacity: 0;
}

.ztitle .cshow:after {
  content: "+";
  opacity: 1;
}

.ztitle .chide:after {
  content: "-";
  opacity: 1;
  font-size: 26px;
}

.Fold-box {
  margin-bottom: 20px;
}

.services-tabs {
  position: relative;
}

.services-tabs .tab-btns {
  position: relative;
  z-index: 1;
  background: #d2d2d2;
  padding-top: 5px;
  padding-left: 20px;
}

.services-tabs .tab-btns .tab-btn {
  position: relative;
  top: 1px;
  display: block;
  float: left;
  margin-right: 5px;
  font-size: 16px;
  background: #fff;
  color: #999;
  font-weight: 700;
  line-height: 24px;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 3px 22px 3px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.services-tabs .tab-btns .tab-btn:hover:after,
.services-tabs .tab-btns .tab-btn.active-btn:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 5px;
  background-color: #fff;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.services-tabs .tab-btns .tab-btn:hover,
.services-tabs .tab-btns .tab-btn.active-btn {
  color: #333;
  background: #fff;
}

.services-tabs .tabs-content {
  position: relative;
  padding: 15px;
  padding-bottom: 0;
  border-top: 0;
}

.services-tabs .tabs-content .tab {
  position: relative;
  display: none;
  border-top: 0;
}

.services-tabs .tabs-content .tab.active-tab {
  display: block;
}

.services-tabs .tabs-content .tab .content {
  position: relative;
}

.services-tabs .tabs-content .tab .content p {
  position: relative;
  font-size: 14px;
  line-height: 2em;
  color: #666;
  margin-bottom: 0;
}

.custom-service-style-one div[class*="col-"] {
  margin-bottom: 30px;
}

.custom-service-style-one .text {
  border: 2px solid #06215c;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  padding: 30px 12px 0 12px;
  height: 100%;
}

.custom-service-style-one .text p:last-child {
  margin-bottom: 0;
}

.custom-service-style-one .title {
  width: 100%;
  height: 42px;
  border-radius: 22px;
  margin-bottom: -22px;
}

.custom-service-style-one .title p {
  font-weight: bold;
  color: #fff;
  line-height: 1;
  padding: 0 10px 0 0;
  display: flex;
  align-items: center;
  width: 100%;
}

.custom-service-style-one .title p a {
  color: #fff;
  text-align: center;
}

.custom-service-style-one .title p span {
  display: inline-block;
  float: left;
  border: 2px solid #fff;
  background-color: #06215c;
  border-radius: 50%;
  height: 42px;
  width: 42px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  margin-right: 5px;
  flex: 0 0 42px;
  margin-left: -2px;
}

.custom-service-style-one .inner {
  height: 100%;
}

.custom-service-style-one .inner:hover .title {
  background-color: #6959a1 !important;
}

.custom-service-style-one .inner:hover .title span {
  background-color: #6959a1 !important;
}

.custom-service-style-one .inner:hover .text {
  border-color: #6959a1 !important;
}

.custom-service-style-two {
  display: flex;
  flex-wrap: wrap;
}

.custom-service-style-two div[class*="col-"] {
  margin-bottom: 20px;
}

.custom-service-style-two div[class*="col-"]:last-child .title span {
  display: none;
}

.custom-service-style-two .inner {
  height: 100%;
  border: 1px solid #b7a1cf;
  border-radius: 12px 12px 0 0;
}

.custom-service-style-two .text {
  border-top: 0;
  padding: 10px;
  height: 100%;
  text-align: center;
  color: #6959a1;
  font-size: 0.9em;
}

.custom-service-style-two .text p:last-child {
  margin-bottom: 0;
}

.custom-service-style-two .title {
  height: 60px;
  position: relative;
}

.custom-service-style-two .title p {
  background-color: #b7a1cf;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 60px;
  border-radius: 10px;
}

.custom-service-style-two .title p a {
  color: #fff;
}

.custom-service-style-two .title span {
  position: absolute;
  right: -20px;
  top: 12px;
  display: inline-block;
  background-image: url("../images/icon-arrow.svg");
  width: 15px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
}

.custom-service-style-two.six-column {
  margin: 0 -3px 40px -3px;
}

.custom-service-style-two.six-column div[class*="col-"] {
  padding-left: 3px;
  padding-right: 3px;
}

.custom-service-style-two.six-column .inner {
  word-break: break-word;
}

.custom-service-style-two.six-column .text {
  text-align: left;
  color: #1f2632;
  font-size: 0.85em;
}

.custom-service-style-two.six-column .text ul {
  margin-left: 15px;
}

.custom-service-style-two.six-column .title {
  height: 65px;
  font-size: 0.9em;
}

.custom-service-style-two.six-column .title p {
  height: 65px;
}

@media (min-width: 992px) {
  .custom-service-style-two div[class*="col-"] {
    width: 20%;
  }
}

@media (max-width: 1279px) {
  .custom-service-style-two.six-column div[class*="col-"] {
    width: 33.33% !important;
  }
}

@media (max-width: 767px) {
  .custom-service-style-two.six-column div[class*="col-"] {
    width: 50% !important;
  }
}

.service-column-text {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.service-column-text span {
  width: 13.5%;
  margin-right: 0.9%;
  margin-bottom: 6px;
  color: #fff;
  text-align: center;
  padding: 3px 2px;
  font-size: 0.9em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  transition: background-color ease-out 0.3s;
}

.service-column-text span a {
  color: #fff;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.service-column-text span a:hover {
  color: #fff;
}

.service-column-text span:first-child {
  background-color: #6959a1;
}

.service-column-text span:nth-child(2) {
  background-color: #786aab;
}

.service-column-text span:nth-child(3) {
  background-color: #877ab5;
}

.service-column-text span:nth-child(4) {
  background-color: #968bbe;
}

.service-column-text span:nth-child(5) {
  background-color: #a59bc7;
}

.service-column-text span:nth-child(6) {
  background-color: #b4acd0;
}

.service-column-text span:last-child {
  background-color: #c3bdda;
  margin-right: 0;
}

.service-column-text span:hover {
  background-color: #b7a1cf !important;
}

@media (max-width: 991px) {
  .service-column-text span {
    width: 100px;
  }
}

.gray-bg {
  background-color: #f5f5f5;
  padding: 10px;
}

.custom-service-style-three {
  margin-bottom: 20px;
  overflow: hidden;
}

.custom-service-style-three .rotate-title {
  text-align: center;
  color: #6959a1;
  font-weight: bold;
  font-size: 18px;
}

.custom-service-style-three .row {
  border-left: 2px solid #6959a1;
  width: 100%;
}

.custom-service-style-three .text {
  font-size: 0.9em;
  border: 2px solid #6959a1;
  padding: 15px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  min-height: 150px;
}

.custom-service-style-three ul {
  margin-left: 15px;
  margin-bottom: 0;
}

.custom-service-style-three .title p {
  background-color: #6959a1;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  padding: 7px 10px;
  margin-bottom: 5px;
  text-align: center;
  border-radius: 15px;
}

.custom-service-style-three .title p a {
  color: #fff;
}

.custom-service-style-three div[class*="col-"] {
  margin-bottom: 10px;
  margin-top: 10px;
}

.custom-service-style-three div[class*="col-"].color-1 .text {
  border-color: #784ea3;
}

.custom-service-style-three div[class*="col-"].color-1 .title p {
  background-color: #784ea3;
}

.custom-service-style-three div[class*="col-"].color-2 .text {
  border-color: #5c3cac;
}

.custom-service-style-three div[class*="col-"].color-2 .title p {
  background-color: #5c3cac;
}

.custom-service-style-three div[class*="col-"].color-3 .text {
  border-color: #8066ae;
}

.custom-service-style-three div[class*="col-"].color-3 .title p {
  background-color: #8066ae;
}

@media (min-width: 768px) {
  .custom-service-style-three {
    display: flex;
    align-items: center;
  }

  .custom-service-style-three .rotate-title {
    transform: rotate(-90deg);
    display: inline-block;
    height: 30px;
    width: 95px;
    flex: 0 0 95px;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .custom-service-style-three .rotate-title {
    border-bottom: 2px solid #6959a1;
  }
}

.custom-service-style-four {
  margin: 0;
}

.custom-service-style-four .item {
  border: 1px solid #b2a3e2;
  width: 50%;
  padding: 0;
  margin-right: -1px;
}

.custom-service-style-four .title {
  background-color: #b2a3e2;
  color: #fff;
  text-align: center;
  padding: 7px 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.custom-service-style-four .text {
  text-align: center;
  padding: 10px;
}

.custom-service-style-four .text p {
  min-height: 60px;
  line-height: 1.4;
}

.custom-service-style-four .img {
  height: 80px;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 15px;
}

.custom-service-style-four .img img {
  max-height: 80px;
  max-width: 100%;
  object-fit: contain;
}

@media (min-width: 992px) {
  .custom-service-style-four {
    display: flex;
    flex-wrap: wrap;
  }

  .custom-service-style-four .item {
    width: 20%;
  }
}

.custom-service-style-five {
  overflow: hidden;
}

.custom-service-style-five .inner {
  height: 100%;
  border: 2px solid #675e7f;
  border-radius: 18px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.custom-service-style-five .text {
  padding: 15px;
  border-radius: 18px;
  text-align: center;
  height: 86%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-service-style-five .text p:last-child {
  margin-bottom: 0;
}

.custom-service-style-five .title p {
  background-color: #6959a1;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  padding: 12px 10px;
  margin-bottom: 0;
  text-align: center;
  border-radius: 15px 15px 0 0;
}

.custom-service-style-five .title p a {
  color: #fff;
}

.custom-service-style-five div[class*="col-"].color-1 .text {
  border-color: #7c64c3;
}

.custom-service-style-five div[class*="col-"].color-1 .title p {
  background-color: #7c64c3;
}

.custom-service-style-five div[class*="col-"].color-2 .text {
  border-color: #b47fe2;
}

.custom-service-style-five div[class*="col-"].color-2 .title p {
  background-color: #b47fe2;
}

.custom-service-style-five div[class*="col-"].color-3 .text {
  border-color: #8d77b7;
}

.custom-service-style-five div[class*="col-"].color-3 .title p {
  background-color: #8d77b7;
}

@media (min-width: 768px) {
  .custom-service-style-five {
    display: flex;
  }
}

@media (max-width: 767px) {
  .custom-service-style-five div[class*="col-"] {
    margin-bottom: 20px;
  }
}

.custom-service-style-six {
  overflow: hidden;
  margin-bottom: 20px;
}

.custom-service-style-six .left .inner,
.custom-service-style-six .right .inner {
  height: 100%;
  border: 1px solid #b7a1cf;
  border-radius: 18px;
  padding: 15px;
  color: #6959a1;
  position: relative;
}

.custom-service-style-six .left .inner p,
.custom-service-style-six .right .inner p {
  margin-bottom: 0;
}

.custom-service-style-six .left .img,
.custom-service-style-six .right .img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1.5px solid #b7a1cf;
  background: #fff;
  position: absolute;
  top: 28%;
  right: -40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-service-style-six .left .img img,
.custom-service-style-six .right .img img {
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
}

.custom-service-style-six .right {
  text-align: right;
}

.custom-service-style-six .right .img {
  left: -40px;
  right: inherit;
}

.custom-service-style-six .middle {
  text-align: center;
}

.custom-service-style-six .middle .inner {
  color: #6959a1;
}

@media (min-width: 768px) {
  .custom-service-style-six .middle {
    padding-top: 40px;
  }
}

@media (max-width: 767px) {
  .custom-service-style-six .left .inner {
    padding-right: 100px;
  }

  .custom-service-style-six .left .img {
    left: 10px;
  }

  .custom-service-style-six .right .inner {
    padding-left: 100px;
  }

  .custom-service-style-six .right .img {
    right: 10px;
  }

  .custom-service-style-six .middle {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .row-5-columns {
    margin: 0 -5px;
  }

  .row-5-columns .col-md-3 {
    width: 20%;
    padding: 0 5px;
  }

  .row.padding-0 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .row.padding-0 div[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (min-width: 992px) {
  .custom-service-style-seven div[class*="col-"] {
    position: relative;
    text-align: center;
  }

  .custom-service-style-seven div[class*="col-"] img {
    margin-bottom: 15px;
  }

  .custom-service-style-seven div[class*="col-"]:after {
    content: "";
    display: block;
    width: 50px;
    height: 28px;
    background-image: url(../img/icon-services-arrow-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -25px;
    top: 26px;
  }

  .custom-service-style-seven div[class*="col-"]:last-child:after {
    display: none;
  }

  .custom-service-style-seven.arrow2 div[class*="col-"]:after {
    width: 60px;
    right: -30px;
    top: 20px;
    background-image: url(../img/icon-services-arrow-2.jpg);
  }

  .custom-service-style-seven.arrow2 div[class*="col-"]:last-child:after {
    display: none;
  }
}

.bg-box {
  background: #c7c6dd;
  padding: 15px;
}

.bg-box ul:last-of-type {
  margin-bottom: 0;
}

.bg-box p:last-of-type {
  margin-bottom: 0;
}

div.bg-box {
  margin-bottom: 25px;
  height: calc(100% - 25px);
}

.service-bg-box {
  margin-bottom: 30px;
}

.service-bg-box .row {
  margin: 0;
}

.service-bg-box div[class*="col-"] {
  padding: 15px;
}

.service-bg-box div[class*="col-"] p:last-of-type,
.service-bg-box div[class*="col-"] ul:last-of-type {
  margin-bottom: 0;
}

.service-bg-box .gray-bg {
  background: #f3f4f5;
}

.service-bg-box .purple-bg {
  background: #c7c6dd;
}

.title-line {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 22px;
  font-family: "Barlow Condensed";
  color: #6959a1;
  text-align: center;
}

.title-line:before,
.title-line:after {
  position: absolute;
  left: 50%;
  margin-left: -120px;
  content: "";
  display: inline-block;
  width: 240px;
  height: 15px;
  background-image: url(../images/icon-service-01.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.title-line:before {
  top: 0;
}

.title-line:after {
  bottom: 0;
}

.inner-border {
  height: 100%;
  border: 1px solid #b7a1cf;
  padding: 15px;
}

.inner-border p:last-of-type,
.inner-border ul:last-of-type {
  margin-bottom: 0;
}

.inner-border h3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
}

.inner-border-title {
  height: calc(100% - 50px);
  border: 1px solid #b7a1cf;
  padding: 45px 20px 30px 20px;
  position: relative;
  margin-top: 40px;
}

.inner-border-title p:last-of-type,
.inner-border-title ul:last-of-type {
  margin-bottom: 0;
}

.inner-border-title .title {
  padding: 15px 10px;
  position: absolute;
  top: -30px;
  left: 10%;
  width: 80%;
  background-color: #c7c6dd;
  text-align: center;
  border-radius: 6px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.service-style-1 {
  position: relative;
  margin-bottom: 25px;
}

.service-style-1 .row {
  padding-top: 10px;
  padding-bottom: 10px;
}

.service-style-1 .title {
  background-color: #c7c6dd;
  border-radius: 20px;
  padding: 10px;
  text-align: center;
}

.service-style-1 .title h3:last-of-type,
.service-style-1 .title p:last-of-type {
  margin-bottom: 0;
}

.service-style-1:before {
  content: "";
  background-color: #f4f7fa;
  border-radius: 20px;
  width: 85%;
  height: 100%;
  padding: 10px;
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
}

.service-style-1 .text {
  padding-right: 15px;
}

.service-style-1 .text p:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .service-style-1 .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

.service-style-2 div[class*="col-"] {
  margin-bottom: 25px;
}

.service-style-2 .inner {
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}

.service-style-2 .inner p:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .service-style-2 .row {
    display: flex;
    flex-wrap: wrap;
  }

  .service-style-2 div[class*="col-"] .inner {
    height: 100%;
  }
}

.service-style-3 div[class*="col-"] {
  margin-bottom: 25px;
}

@media (min-width: 992px) {
  .service-style-3 .row {
    display: flex;
    flex-wrap: wrap;
  }

  .service-style-3 div[class*="col-"] .inner {
    height: 100%;
  }
}

.service-style-4 div[class*="col-"] {
  margin-bottom: 25px;
}

.service-style-4 .inner {
  padding: 20px 15px;
  background-color: #f4f3f8;
  border-radius: 20px;
}

.service-style-4 .inner .img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  float: right;
  margin-left: 10px;
}

.service-style-4 .inner .img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
}

.service-style-4 .inner .title {
  display: inline-block;
  padding: 5px 20px;
  background-color: #c7c6dd;
  background-image: -webkit-linear-gradient(left, #6959a199 0, #c7c6dd 100%);
  border-radius: 10px;
  color: #fff;
}

.service-style-4 .inner .title a:hover {
  color: #fff;
}

.service-style-4 .inner p:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .service-style-4 .row {
    display: flex;
    flex-wrap: wrap;
  }

  .service-style-4 div[class*="col-"] .inner {
    height: 100%;
  }
}

.service-style-5 div[class*="col-"] {
  margin-bottom: 25px;
}

.service-style-5 .inner {
  background: #fff;
  border-radius: 20px;
  border: 1px solid #c7c6dd;
  text-align: center;
  padding-bottom: 30px;
}

.service-style-5 p {
  padding: 0 10px 10px;
  letter-spacing: -0.1px;
}

.service-style-5 .inner .title {
  padding: 15px 20px;
  background: url(../images/btn-border.png) no-repeat;
  background-size: contain;
  background-position: right bottom;
  width: 200px;
  text-align: center;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #6959a2;
  margin: auto;
}

.service-style-5 .inner .title a:hover {
  color: #fff;
}

.service-style-5 .inner p:last-of-type {
  margin-bottom: 0;
}

.service-style-6 {
  text-align: center;
}

.service-style-6 div[class*="col-"] {
  margin-bottom: 25px;
  position: relative;
}

.service-style-6 div[class*="col-"]:after {
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 8px;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.service-style-6 div[class*="col-"]:nth-child(1):after {
  background-image: url("../images/line-1.jpg");
}

.service-style-6 div[class*="col-"]:nth-child(2):after {
  background-image: url("../images/line-2.jpg");
}

.service-style-6 div[class*="col-"]:nth-child(4):after {
  background-image: url("../images/line-2.jpg");
}

.service-style-6 div[class*="col-"]:nth-child(5):after {
  background-image: url("../images/line-1.jpg");
}

.service-style-6 div[class*="col-"]:nth-child(7):after {
  background-image: url("../images/line-1.jpg");
}

.service-style-6 div[class*="col-"]:nth-child(8):after {
  background-image: url("../images/line-2.jpg");
}

.service-style-6 div[class*="col-"]:nth-child(10):after {
  background-image: url("../images/line-2.jpg");
}

.service-style-6 div[class*="col-"]:nth-child(11):after {
  background-image: url("../images/line-1.jpg");
}

.service-style-6 .img {
  width: 80px;
  height: 80px;
  margin: 0 auto 15px auto;
  border-radius: 50%;
}

.service-style-6 .img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
}

.service-style-6 p:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .service-style-6 .row {
    display: flex;
    flex-wrap: wrap;
  }

  .service-style-6 div[class*="col-"] .inner {
    height: 100%;
  }
}

.service-img-text-positioning {
  position: relative;
  margin: 0 auto;
}

.service-img-text-positioning img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  display: inline-block;
}

.service-img-text-positioning a {
  position: absolute;
  display: inline-block;
  line-height: 1.1;
  font-size: 0.9em;
}

.service-img-text-positioning a:hover {
  color: #89378f;
}

.service-style-7 div[class*="col-"] {
  margin-bottom: 25px;
  position: relative;
}

.service-style-7 div[class*="col-"] .inner {
  background-color: #6a5aa1;
  border-radius: 20px 20px 10px 10px;
}

.service-style-7 div[class*="col-"] .inner ul {
  margin-left: 0;
}

.service-style-7 div[class*="col-"] .inner ul:last-of-type {
  margin-bottom: 0;
}

.service-style-7 div[class*="col-"] img {
  width: 100%;
  height: auto;
  border-radius: 20px 20px 0 0;
}

.service-style-7 div[class*="col-"] .text {
  min-height: 210px;
  margin: 10px;
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
}

@media (min-width: 992px) {
  .service-style-7 .row {
    display: flex;
    flex-wrap: wrap;
  }

  .service-style-7 div[class*="col-"] .inner {
    height: 100%;
  }
}

.service-style-8 div[class*="col-"] {
  margin-bottom: 25px;
  position: relative;
}

.service-style-8 div[class*="col-"] .inner {
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 300px;
}

.service-style-8 div[class*="col-"] .inner p {
  margin-bottom: 0;
}

.service-style-8 div[class*="col-"] .inner ul {
  margin-left: 0;
}

.service-style-8 div[class*="col-"] .inner ul:last-of-type {
  margin-bottom: 0;
}

.service-style-8 div[class*="col-"] img {
  width: 100%;
  height: auto;
}

.service-style-8 div[class*="col-"] .text {
  margin-left: 62px;
}

@media (min-width: 992px) {
  .service-style-8 .row {
    display: flex;
    flex-wrap: wrap;
  }

  .service-style-8 div[class*="col-"] .inner {
    height: 100%;
  }
}


.contact-section1{
	width: 100%;
	height: auto;
	padding: 80px 0px 40px;
}
.contact-section1-title{
	font-family: "Outfit-Bold", sans-serif;
    font-size: 22px;
    margin-bottom: 15px;
    color: #6959A1;
}
.contact-section1-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contact-section1-list .list-item{
	width: 48%;
	background: rgba(105,54,216,.07);
	box-shadow: 3px 4px 7px rgba(168,168,168,.25);
	padding: 25px 15px 10px;
	margin-bottom: 40px;
}
.contact-section1-list .list-item .list-content{
	width: 100%;
	padding-left: 45px;
	position: relative;
	margin-bottom: 15px;
}
.contact-section1-list .list-item .list-content:before{
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 14px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.contact-section1-list .list-item .list-content:nth-child(1):before{
	background-image: url(../images/contact-address.svg);
}
.contact-section1-list .list-item .list-content:nth-child(2):before{
	background-image: url(../images/contact-email.svg);
}
.contact-section1-list .list-item .list-content:nth-child(3):before{
	background-image: url(../images/contact-phone.svg);
}
.contact-section1-list .list-item .list-content .style1{
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 16px;
}
.contact-section1-list .list-item .list-content .style2{
	margin-bottom: 0px;
}
.contact-section1-list .list-item .list-content .style2 a{
	color: #6959A1;
}
.contact-section1-list .list-item .list-content .style2 a:hover{
	color: #56429A;
}
.maps{
	width: 100%;
	height: 400px;
}
.maps iframe{
	width: 100%;
	height: 100%;
}
.ullist.list-icon1{
	padding-left: 0px;
}
.ullist.list-icon1>li{
	padding-left: 24px;
	position: relative;
	list-style: none;
}
.ullist.list-icon1>li:before{
	content: '';
    position: absolute;
    top: 4px;
    left: 0px;
    width: 16px;
    height: 16px;
    background: url(../images/list-icon1.png) no-repeat 0px center/contain;
    transform: none;
}
.list-item1{
	width: 100%;
	height: auto;
}
.list-item1>.row{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0px -10px;
}
.list-item1>.row:before{
	content: none;
}
.list-item1>.row:after{
	content: none;
}
.list-item1>.row>div{
    padding: 0px 10px;
	margin-bottom: 25px;
}
.list-item1 .list-item{
	width: 100%;
	height: 100%;
	display: block;
    border: 1px solid #fff;
    background: linear-gradient(180deg, #ffffff, #c8c5df);
    box-shadow: 5px 5px 5px #c6c1dc;
    padding: 20px 20px 5px;
    border-radius: 12px;
}
.list-item2{
	width: 100%;
	height: auto;
}
.list-item2>.row{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0px -10px;
}
.list-item2>.row:before{
	content: none;
}
.list-item2>.row:after{
	content: none;
}
.list-item2>.row>div{
    padding: 0px 10px;
	margin-bottom: 25px;
}
.list-item2 .list-item{
	width: 100%;
	height: 100%;
	display: block;
    border: 1px solid #fff;
    background: linear-gradient(180deg, #ffffff, #c8c5df);
    box-shadow: 0px 0px 8px rgba(0,0,0,.1);
    padding: 20px 20px 5px;
}
.list-item2 .list-item .info-pic-left{
	column-gap: 10px;
	margin-bottom: 15px;
}
.page-content-html .info-title-style1{
	padding-left: 42px;
	position: relative;
}
.page-content-html .info-title-style1:before{
	content: '';
	width: 17px;
	height: 20px;
	background: #998fbf;
	position: absolute;
	left: 0px;
	top: 4px;
	--pw:calc(100% - 4px);
    clip-path: polygon(4px 0%,100% 0%,var(--pw) 100%,0% 100%);
}
.page-content-html .info-title-style1:after{
	content: '';
	width: 17px;
	height: 20px;
	background: #998fbf;
	position: absolute;
	left: 17px;
	top: 4px;
	--pw:calc(100% - 4px);
    clip-path: polygon(4px 0%,100% 0%,var(--pw) 100%,0% 100%);
}
.page-content-html .font-color1{
	color: #6959a2;
}
.list-item3{
	width: 100%;
	height: auto;
}
.list-item3 .list-item{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 20px;
	position: relative;
}
.list-item3 .list-item:before{
	content: '';
	width: 20px;
	height: 34px;
	background: url(../images/arrow1.png) no-repeat center center/contain;
	position: absolute;
	left: 20px;
	bottom: -30px;
}
.list-item3 .list-item:last-child:before{
	content: none;
}
.list-item3 .list-item .pic{
	width: 60px;
	flex-shrink: 0;
}
.list-item3 .list-item .text p{
	margin-bottom: 5px;
}
.list-item3 .list-item .text p:last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.list-item3 .list-item .text ul:last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.list-item4{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 10px;
}
.list-item4 .list-item{
	width: 49%;
	margin-bottom: 30px;
	padding-left: 55px;
	position: relative;
}
.list-item4 .list-item .pic{
	width: 110px;
	height: 110px;
	border-radius: 200px;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
	box-shadow: 0px 0px 6px rgba(0,0,0,.2);
}
.list-item4 .list-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.list-item4 .list-item:hover .pic img{
	transform: scale(1.1); 
}
.list-item4 .list-item .text{
	width: 100%;
	height: 100%;
	background: #f8f8f8;
	box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	padding: 20px 10px 5px 65px;
	border-radius: 0px 20px 20px 0px;
}


@media (max-width: 1200px) {

.page-content-box{
	flex-direction: column-reverse;
	margin: 0px;
}
.page-content-box .page-content-right{
	width: 100%;
	padding: 0px !important;
}
.page-content-box .page-content-left{
	width: 100%;
	margin-bottom: 40px;
	padding: 0px !important;
}
	
}



@media (max-width: 1000px) {


.list-item4 .list-item{
	width: 100%;
}
.list-item2>.row>div{
    width: 100%;
}
.neiBnaner .neiBnanerImg img {
    height: 400px;
    object-fit: cover;
}
.page-content section{
	padding: 20px 0px;
}
.list-item1>.row>div{
    width: 100%;
}
.contact-section1-list .list-item{
	width: 100%;
}
.container{
	width: 100%;
	max-width: 100%;
	padding: 0px 30px;
}  
}

@media (max-width: 800px) {


.container{
	padding: 0px 15px;
}	
}

@media (max-width: 600px) {

.list-item4 .list-item{
	padding-top: 45px;
	padding-left: 0px;
}
.list-item4 .list-item .pic{
	width: 90px;
	height: 90px;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.list-item4 .list-item .text{
	padding: 55px 10px 5px 10px;
	border-radius: 10px;
	height: auto;
}
}