@charset "UTF-8";

:root {

  --cdl-blue: #0d6efd;

  --cdl-indigo: #6610f2;

  --cdl-purple: #6f42c1;

  --cdl-pink: #d63384;

  --cdl-red: #dc3545;

  --cdl-orange: #fd7e14;

  --cdl-yellow: #ffc107;

  --cdl-green: #198754;

  --cdl-teal: #20c997;

  --cdl-cyan: #0dcaf0;

  --cdl-black: #191919;

  --cdl-white: #FFFFFF;

  --cdl-gray: #686868;

  --cdl-gray-dark: #343a40;

  --cdl-gray-100: #F4F4F4;

  --cdl-gray-200: #EAEAEA;

  --cdl-gray-300: #dee2e6;

  --cdl-gray-400: #ced4da;

  --cdl-gray-500: #8E969C;

  --cdl-gray-600: #0d3354;

  --cdl-gray-700: #495057;

  --cdl-gray-800: #343a40;

  --cdl-gray-900: #212529;

  --cdl-primary: #A40404;

  --cdl-secondary: #8E969C;

  --cdl-success: #198754;

  --cdl-info: #0dcaf0;

  --cdl-warning: #ffc107;

  --cdl-danger: #dc3545;

  --cdl-light: #f8f9fa;

  --cdl-dark: #191919;

  --cdl-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --cdl-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --cdl-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

  --cdl-body-font-family: var(--cdl-font-sans-serif);

  --cdl-body-font-size: 1rem;

  --cdl-body-font-weight: 400;

  --cdl-body-line-height: 1.5;

  --cdl-body-color: #212529;

  --cdl-body-bg: #FFFFFF;

  --cdl-border-width: 1px;

  --cdl-border-style: solid;

  --cdl-border-color: #dee2e6;

  --cdl-border-color-translucent: rgba(25, 25, 25, 0.175);

  --cdl-border-radius: 0.375rem;

  --cdl-border-radius-sm: 0.25rem;

  --cdl-border-radius-lg: 0.5rem;

  --cdl-border-radius-xl: 1rem;

  --cdl-border-radius-2xl: 2rem;

  --cdl-border-radius-pill: 50rem;

  --cdl-link-color: #0d6efd;

  --cdl-link-hover-color: #0a58ca;

  --cdl-code-color: #d63384;

  --cdl-highlight-bg: #fff3cd;

}



html[data-theme=light] {

  --cdl-primary: #A40404;

  --cdl-primary-dark: #A40404;

  --cdl-secondary: #8E969C;

  --cdl-gray: #686868;

  --cdl-gray-100: #F4F4F4;

  --cdl-gray-200: #EAEAEA;

  --cdl-gray-500: #8E969C;

  --cdl-black: #191919;

  --cdl-white: #ffffff;

  --cdl-dark: #191919;

  --cdl-body-bg: #ffffff;

}



html[data-theme=dark] {

  --cdl-primary: #A40404;

  --cdl-primary-dark: #ffffff;

  --cdl-secondary: #ffffff;

  --cdl-gray: #ffffff;

  --cdl-gray-100: #401E1E;

  --cdl-gray-200: #ffffff;

  --cdl-gray-500: #8E969C;

  --cdl-black: #ffffff;

  --cdl-white: #ffffff;

  --cdl-dark: #191919;

  --cdl-body-bg: #191919;

}



@font-face {

  font-family: "Inter";

  src: url("fonts/Inter-roman.var.ttf") format("truetype");

}

body {

  font-family: "Inter";

}



/* Custom styles for the navbar and dropdown */

.navbar {

  padding: 1rem 0;

}



.navbar-brand img {

  max-height: 40px;

}



a,

.nav-link::before {

  transition-delay: 0s;

  transition-duration: 0.4s;

  transition-property: all;

  transition-timing-function: ease;

  -webkit-transition-delay: 0s;

  -webkit-transition-duration: 0.4s;

  -webkit-transition-property: all;

  -webkit-transition-timing-function: ease;

  -moz-transition-delay: 0s;

  -moz-transition-duration: 0.4s;

  -moz-transition-property: all;

  -moz-transition-timing-function: ease;

  -ms-transition-delay: 0s;

  -ms-transition-duration: 0.4s;

  -ms-transition-property: all;

  -ms-transition-timing-function: ease;

  -o-transition-delay: 0s;

  -o-transition-duration: 0.4s;

  -o-transition-property: all;

  -o-transition-timing-function: ease;

}



.nav-link {

  font-size: 1rem;

  color: #344051 !important;

  position: relative;

  padding: 0.5rem 0.2rem;

}



.white-header .nav-link {

  color: #ffffff !important;

}



.nav-link::before,

.dropdown-toggle:before {

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 0;

  height: 1px !important;

  content: "";

  background: #344051;

}



.white-header .nav-link::before,

.white-header .dropdown-toggle:before {

  background: #ffffff;

}



.nav-link:hover:before,

.nav-item.active .nav-link:before {

  width: 60%;

}



.nav-item {

  margin-left: 1.2rem;

}



.nav-link:hover {

  color: white;

}



.dropdown-menu {

  min-width: 200px;

}



header {

  position: absolute;

  top: 1.5rem;

  left: 0;

  width: 100%;

  z-index: 100000000000;

}



.ml-auto {

  margin-left: auto !important;

}



.menu-bar span {

  width: 100%;

  height: 2.5px;

  vertical-align: top;

  background: #344051;

  display: inline-block;

  float: right;

  margin-bottom: 6px;

  border-radius: 25%;

  overflow: hidden;

}



.white-header .menu-bar span {

  background: #fff;

}



.menu-bar {

  width: 4rem;

  float: right;

  top: 0;

}



.navbar-toggler {

  border: none !important;

}



.menu-bar span:nth-child(2) {

  width: 70%;

}



.menu-mobile-shadow {

  position: fixed;

  top: 0;

  opacity: 0;

  visibility: hidden;

  right: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

}



.menu-bar,

.menu-bar span,

.menu-mobile-shadow,

#navbarNav {

  transition-delay: 0s;

  transition-duration: 0.4s;

  transition-property: all;

  transition-timing-function: ease;

  -webkit-transition-delay: 0s;

  -webkit-transition-duration: 0.4s;

  -webkit-transition-property: all;

  -webkit-transition-timing-function: ease;

  -moz-transition-delay: 0s;

  -moz-transition-duration: 0.4s;

  -moz-transition-property: all;

  -moz-transition-timing-function: ease;

  -ms-transition-delay: 0s;

  -ms-transition-duration: 0.4s;

  -ms-transition-property: all;

  -ms-transition-timing-function: ease;

  -o-transition-delay: 0s;

  -o-transition-duration: 0.4s;

  -o-transition-property: all;

  -o-transition-timing-function: ease;

}



.menu-active .wp-menu-main-menu {

  left: 0;

  height: 100vh;

}



.menu-bar span:nth-child(2) {

  width: 70%;

}



.menu-bar span:nth-child(3) {

  width: 50%;

}



.menu-active .menu-bar span:nth-child(1) {

  transform: rotateZ(45deg);

}



.menu-active .menu-bar span:nth-child(1),

.menu-bar span:nth-child(2) {

  position: relative;

  width: 70% !important;

}



.menu-active .menu-bar span:nth-child(2) {

  transform: rotateZ(-45deg);

  top: -8px;

  width: 70% !important;

}



.menu-active .menu-bar span:nth-child(3) {

  opacity: 0;

  transition-delay: 0s;

  transition-duration: 0.15s;

  transition-property: all;

  transition-timing-function: ease;

  -webkit-transition-delay: 0s;

  -webkit-transition-duration: 0.15s;

  -webkit-transition-property: all;

  -webkit-transition-timing-function: ease;

  -moz-transition-delay: 0s;

  -moz-transition-duration: 0.15s;

  -moz-transition-property: all;

  -moz-transition-timing-function: ease;

  -ms-transition-delay: 0s;

  -ms-transition-duration: 0.15s;

  -ms-transition-property: all;

  -ms-transition-timing-function: ease;

  -o-transition-delay: 0s;

  -o-transition-duration: 0.15s;

  -o-transition-property: all;

  -o-transition-timing-function: ease;

}



.menu-active {

  overflow: hidden;

}



.heading-1 {

  font-size: 1.8rem;

}



.heading-2 {

  font-size: 3rem;

  font-weight: 700;

  color: black;

  line-height: 5rem;

}



.slider-text {

  font-weight: 500 !important;

  font-size: 0.7rem !important;

  color: black;

}



.footer-section p,

.footer-section .desc {

  font-size: 1rem !important;

}



.footer-section a {

  color: black;

}



.heading-3 {

  color: #D7008A !important;

}



.nav-item.dropdown:hover .dropdown-menu {

  display: unset !important;

}



.dropdown-item {

  font-weight: 600;

  font-size: 0.7rem;

}



.dropdown-item:hover {

  color: #D7008A;

}



.icon-yellow {

  background-color: #FFB21A !important;

}



.icon-blue {

  background-color: #1C008A !important;

}



.newsletter-form input {

  border: 1px solid white !important;

  border-radius: 8px;

  background: white !important;

  padding: 1rem;

  font-size: 1.1rem !important;

}



.block-2 .text-4 {

  font-size: 0.9rem !important;

}



.button-5 {

  width: 100%;

  border: unset !important;

  height: unset !important;

  border-radius: 3.5rem;

  background: #970061 !important;

  font-size: 1.123rem;

  min-width: 10rem !important;

  padding: 0.7rem 1rem;

  font-weight: 500;

  color: white !important;

  text-transform: unset !important;

}



.button-1 {

  height: unset !important;

  border-radius: 3.5rem;

  box-shadow: 7px 10px 0 #D7008A;

  border: var(--spacing-2, 2px) solid var(--Text-text-primary, #141C24);

  background: #FFF;

  font-size: 1.123rem;

  padding: 0.7rem 1rem;

  width: 10.25rem;

  text-transform: unset !important;

  min-width: 10rem !important;

  font-weight: 500;

  color: black !important;

}



.white-text {

  color: #E4E7EC;

  opacity: 90%;

}



.accordion-button:not(.collapsed) {

  box-shadow: unset !important;

}



.helpsection-questions-answer {

  color: #344051;

  font-weight: 400;

  text-align: left;

}



.helpsection-questions-header {

  font-size: 1.1rem;

  font-weight: 500;

}



.helpsection-questions-row {

  display: flex;

}



.warning-block {

  background-color: #FBE6F3;

  border-radius: 8px;

  padding: 2rem;

  width: 50%;

  margin: auto;

  margin-top: 2rem;

}



.helpsection-questions-icons i {

  position: absolute;

  right: 0;

  color: #637083;

}



.helpsection-questions-block {

  width: 100%;

  position: relative;

  padding: 1rem 0rem;

  cursor: pointer;

  border-bottom: 0.5px solid rgba(205, 202, 202, 0.5882352941);

}



.menu-item {

  width: 20%;

  padding: 0.5rem;

  position: relative;

}



.menu-number {

  position: absolute;

  border-radius: 50%;

  background-color: #e6e7e7;

  width: 24px;

  top: 0.65rem;

  height: 22px;

  right: 0;

  font-size: 0.8rem;

}



.menu-item-active {

  background-color: white;

  border-radius: 8px;

  color: #D7008A;

}



.menu-tab {

  background-color: #F2F4F7;

  padding: 0.5rem;

  border-radius: 8px;

  color: #637083;

  font-weight: 500;

  width: 50%;

  margin: auto;

  margin-top: 3rem;

  list-style-type: none;

  display: flex;

}



.slider-item-1-content h5 {

  color: white;

}



a.button-1 {

  text-align: center;

}



.half-div {

  width: 50%;

  margin: auto;

}



.mapleft {

  padding-left: 0 !important;

}



.faqsearch {

  width: 100%;

  border: 1px solid rgba(128, 128, 128, 0.4509803922) !important;

  padding: 1rem;

  border-radius: 8px !important;

  font-size: 1.1rem !important;

  height: 50px !important;

}



.pr-0 {

  padding-right: 0 !important;

}



.mapleft img {

  width: 100%;

  border-top-right-radius: 8px;

  border-bottom-right-radius: 8px;

}



.heading-7 {

  font-size: 0.9rem;

  line-height: 28px;

}



.block-slider.slider-2 {

  grid-gap: 25px !important;

}



.block-3 {

  border-radius: 8px;

  border: 1px solid #D5D5D5;

  padding: 1rem;

  max-width: 22%;

  flex: 22%;

  position: relative;

  text-align: left;

}



.job {

  position: absolute;

  right: 1rem;

  top: 1rem;

  color: #0F0090;

  font-weight: 500;

}



.block-3 .heading-7:nth-child(2) {

  font-weight: 600;

  margin-top: 1rem;

}



.form-group input,

.form-group textarea {

  width: 100%;

  border: 1px solid rgba(128, 128, 128, 0.4901960784) !important;

  border-radius: 8px;

  height: unset !important;

  padding: 0.5rem;

}



.nav-link {

  font-weight: 500;

}



.block-blue {

  background-color: #F0F4FF !important;

}



.blockyellow {

  background-color: #FFF1E6 !important;

}



.tag-yellow {

  background-color: #FFEECC !important;

  color: #B37520 !important;

}



body .securepayment .block-slider .block-yellow {

  background-color: #FFF9EB !important;

}



#aboutus-slider-1 .swiper-slide {

  width: 350px !important;

}



.slider-item-style-1 .img {

  background-color: #4c8fcc;

  border-radius: 35px;

}



.team-item {

  width: 270px;

  text-align: center;

}



.team-item .info {

  text-align: left !important;

}



#aboutus-slider-1 .swiper-slide .heading-5 {

  left: unset !important;

}



body .securepayment .block-slider .block-bl {

  background-color: #E5EEFF !important;

}



.form-group {

  margin-bottom: 1rem;

}



.form-group span {

  text-align: left;

  color: #637083;

  font-weight: 400;

  font-size: 0.8rem;

}



.form-group .label {

  margin-bottom: 0.5rem;

  color: #344051;

  font-weight: 500;

  font-size: 0.9rem;

  text-align: left;

}



.form-group select {

  width: 100%;

}



.journey .heading-2 {

  color: white;

}



.journey {

  background: black;

}



.text-1 {

  color: white;

  font-size: 1.3rem;

}



.heading-4 {

  font-size: 1.3rem;

  font-weight: 600;

}



.heading-6 {

  font-size: 1.3rem;

  color: #344051;

  font-weight: 400;

  line-height: spacing-40;

  padding: 0rem 3.5rem;

}



.heading-5 {

  color: white;

  text-align: center;

  font-size: 1rem;

  font-weight: 700;

  position: absolute;

  bottom: 7rem;

  left: 0;

  line-height: 1.2;

}



.image-8 {

  position: absolute;

  right: 0;

  top: 17rem;

}



.text-2 {

  color: var(--Text-text-secondary, #344051);

  font-size: 0.9rem;

  font-weight: 400;

}



.text-3 {

  font-size: 0.8rem;

  border-radius: 1rem;

  margin: auto;

  background-color: white;

  padding: 1rem;

  font-weight: 500;

  display: flex;

  position: absolute;

  bottom: 2rem;

  width: 90%;

  left: 5%;

}



.text-3 .icon {

  background-color: #D7008A;

  border-radius: 50px;

  width: 2.2rem;

  height: 2.2rem;

  text-align: center;

  padding-top: 0.3rem;

  margin-right: 0.5rem;

}



.block {

  /* width: 34%; */

  height: 29rem;

  position: relative;

  flex-shrink: 0;

  padding: 2rem 1rem;

  border-radius: var(--spacing-32, 1rem);

  background: var(--light-pink, #FAD2E1);

  background-position: center;

  flex: 33%;

  max-width: 31%;

  overflow: hidden;

}



.block:hover .block-hover {

  top: 0;

  opacity: 1;

}



#aboutus-slider-1 .block {

  width: 100%;

  max-width: 100%;

  flex: 100%;

}



#aboutus-slider-1 .swiper-slide {

  color: #000000;

}



.block-hover {

  width: 100%;

  max-width: 100%;

  flex: 100%;

  position: absolute;

  top: 100%;

  right: 0;

  z-index: 10;

  opacity: 0;

  transition-delay: 0s;

  transition-duration: 0.4s;

  transition-property: all;

  transition-timing-function: ease;

  -webkit-transition-delay: 0s;

  -webkit-transition-duration: 0.4s;

  -webkit-transition-property: all;

  -webkit-transition-timing-function: ease;

  -moz-transition-delay: 0s;

  -moz-transition-duration: 0.4s;

  -moz-transition-property: all;

  -moz-transition-timing-function: ease;

  -ms-transition-delay: 0s;

  -ms-transition-duration: 0.4s;

  -ms-transition-property: all;

  -ms-transition-timing-function: ease;

  -o-transition-delay: 0s;

  -o-transition-duration: 0.4s;

  -o-transition-property: all;

  -o-transition-timing-function: ease;

}



.whyMatensa .block:nth-child(2) {

  background-size: cover;

  background-position: center;

}



.tags {

  display: flex;

  margin-top: 1rem;

  grid-gap: 0.5rem;

}



.highlight-list {

  display: flex;

  grid-gap: 25px;

  flex-wrap: wrap;

  margin-top: 4rem;

}



.highlight-block {

  text-align: left;

  padding: 1rem 2rem;

}



.highlight-image img {

  width: 100%;

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

}



.highlight-content {

  color: #344051;

  font-size: 1.4rem;

  font-weight: 700;

}



.info-name.highlight-content {

  font-size: 1.6rem !important;

  color: black;

}



.whyMatensa .block .text-3 div {

  align-self: center;

  margin-left: 0.5rem;

}



.highlight-text {

  font-weight: 500;

  font-size: 1.2rem;

  color: #637083;

  margin-bottom: 1rem;

}



.highlight-item {

  flex: 33%;

  max-width: 31%;

  background-color: #F2F4F7;

  border-radius: 8px;

}



.block-slider {

  display: flex;

  grid-gap: 25px;

  flex-wrap: wrap;

}



.text-4 {

  color: var(--Text-text-tertiary, #637083);

  font-size: 1rem;

  font-weight: 400;

}



.numbering {

  width: 90px;

  text-align: center;

  height: 90px;

  border-radius: 50%;

  background-color: #D7008A;

  color: white;

  font-size: 3.3rem;

  font-weight: 800;

}



.salary .text-4 {

  font-size: 0.9rem !important;

}



.block-3 .text-4 {

  font-size: 0.9rem !important;

  margin-bottom: 1rem;

}



.icon-2 {

  background-color: #D7008A;

  border-radius: 0.5rem;

  width: 4.5rem;

  height: 4.5rem;

  text-align: center;

  padding-top: 0.3rem;

  margin-right: 2rem;

  padding: 0.5rem;

}



.block-2 {

  display: flex;

}



.journey .button-1 {

  margin: auto;

  display: block;

  margin-top: 6rem;

}



.journey {

  background: var(--website-text-blue-dark, #0A0130);

  position: relative;

}



.highlights .button-1 {

  margin: auto;

  display: block;

  margin-top: 3rem;

}



#aboutus-slider-2 .swiper-button {

  left: -3rem;

}



#aboutus-slider-2 .swiper-button svg {

  width: 3rem;

}



#aboutus-slider-2 .swiper-button-next-swiper-testimonoals {

  left: auto;

  right: -3rem;

}



.info {

  position: relative;

  color: white;

  margin-top: 0.5rem;

}



#aboutus-slider-2 .block {

  width: 100%;

  flex: 100%;

  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(167, 167, 167, 0.659) 65.9%, #000000 100%) #6C0045;

  max-width: 100%;

  padding-bottom: 0;

  height: auto;

}



.join-team .heading-2 {

  font-weight: 600 !important;

}



.info-name {

  font-size: 1rem;

  font-weight: 700;

}



.apply-now .job-det,

.apply-now .heading-4 {

  margin-left: -15px;

}



.image-1 {

  margin-right: 2rem;

  max-width: 19rem;

}



.salary input[type=text] {

  border: 1px solid rgba(128, 128, 128, 0.5411764706) !important;

  height: 33px !important;

  border-radius: 8px;

  padding: 1rem;

  font-size: 1rem !important;

}



.newsletter-form input[type=text] {

  height: 45px;

  width: 100%;

  font-size: 1rem !important;

}



.Jobdetail ul {

  list-style-type: unset !important;

}



.job-detail {

  display: flex;

  margin-left: -15px;

}



.salary img {

  width: 20%;

}



.job-detail img {

  width: 5%;

  height: 10%;

  margin-top: 0.5rem;

  margin-right: 1rem;

}



.growbusiness .main-div {

  width: 70%;

  margin: auto;

}



.image-home-1 {

  top: 3rem;

  position: absolute;

  right: 0;

}



.image-home-2 {

  position: absolute;

  left: 0;

  top: 65rem;

}



.image-home-3 {

  position: absolute;

  right: 0rem;

  bottom: 45rem;

}



.image-home-4 {

  position: absolute;

  left: 0rem;

  bottom: 0rem;

}



.growbusiness .payment-gateway {

  width: unset !important;

}



.growbusiness .payment-gateway span {

  margin-right: 0.5rem;

}



.salary .col-lg-5 {

  border-left: 2px solid #D5D5D5;

}



.job-detail .tag-1 {

  font-size: 0.6rem;

  position: absolute;

  right: 0;

  bottom: 0;

}



.tag-1 {

  border-radius: var(--radius-max, 62.4375rem);

  background: var(--Primary-Magenta-100, #F7CCE8);

  padding: var(--spacing-4, 0.25rem) var(--spacing-12, 0.75rem);

  color: var(--Primary-Magenta-700, #970061);

  font-size: 0.875rem;

  font-weight: 600;

  border: unset;

}



.tag-2 {

  border-radius: var(--radius-max, 62.4375rem);

  background: var(--Info-100, #CCEAFF);

  padding: var(--spacing-4, 0.25rem) var(--spacing-12, 0.75rem);

  border: unset;

  color: var(--Info-700, #0076CC);

  font-size: 0.875rem;

  font-weight: 600;

}



.date-1 {

  color: var(--Secondary-Blue-600, #0F0090);

  font-size: 0.875rem;

  font-weight: 500;

}



.job-date {

  font-size: 0.8rem;

}



.salary .job-date {

  font-weight: 500;

  color: #344051;

}



.job-det {

  font-size: 0.6rem;

  color: #637083;

}



.borderrad {

  border-radius: 16px;

}



.manage {

  margin-top: -7rem;

}



.button-4 {

  color: #D7008A;

  padding: 0.7rem 1rem;

  margin-right: 1rem;

  border-radius: 50px;

  background-color: white;

  border: 1px solid #D7008A !important;

  min-width: 10rem;

  font-weight: 600;

  font-size: 1rem !important;

  height: unset !important;

  min-width: 10rem !important;

  text-transform: unset !important;

}



.action-buttons button {

  min-width: 10rem;

}



select {

  border: 1px solid rgba(128, 128, 128, 0.4901960784);

  border-radius: 8px;

  padding: 0.5rem 1rem;

  width: 60%;

  color: gray;

  height: 60px;

}



.pagyment-gatway-section {

  background-color: #F2F4F7;

}



.pagyment-gatway-section p {

  font-size: 1.12rem !important;

}



.footer-section .container:nth-child(1) {

  border-bottom: 1px solid rgba(128, 128, 128, 0.2392156863);

  padding-bottom: 1rem;

}



.marginright {

  margin-right: 1rem;

}



.copy-r {

  color: #141C24;

  font-weight: 500;

}



.text-half {

  margin: auto;

  width: 70%;

}



.footer-section p {

  color: black !important;

}



.footer-section .desc a {

  font-weight: 500 !important;

  color: #344051 !important;

  font-size: 1rem !important;

}



.header-height {

  height: 40px !important;

}



.Error {

  border: 1px solid red;

}



.floatright {

  float: right;

}



.text-right {

  text-align: right;

}



.text-left {

  text-align: left;

}



.join-team .image-9 {

  right: 17rem;

  bottom: -1rem;

  left: unset;

  width: 30%;

}



.image-7 {

  bottom: unset;

  top: 0;

}



.terms input {

  width: 100%;

  border: 1px solid rgba(128, 128, 128, 0.4509803922) !important;

  border-radius: 8px;

  padding: 1rem;

  font-size: 1rem !important;

  height: 50px !important;

}



.terms {

  width: 80%;

  margin: auto;

}



.steps {

  text-align: left;

  padding-left: 6rem;

}



.button-2 {

  color: white;

  font-size: 1rem !important;

  height: unset !important;

  padding: 0.7rem 1rem;

  border-radius: 50px;

  border: unset !important;

  background-image: linear-gradient(to left, #D7008A 0%, #EB525D 51%, #FFA72E 100%);

  text-transform: unset !important;

  min-width: 10rem !important;

}



.methods {

  font-size: 1.2rem;

}



.button-3 {

  border: 1px solid #CED2DA;

  background-color: #F9FAFB;

  border-radius: 8px;

  font-weight: 400;

  color: black;

  font-size: 1rem;

  height: 33px;

  min-width: 5rem;

  text-transform: unset !important;

  margin-top: 1rem;

}



.socialicons a {

  margin-right: 1rem;

}



.highdets {

  font-size: 2rem !important;

  color: black;

}



.salary .date-1 {

  font-size: 1.2rem !important;

}



input[type=checkbox] {

  margin-right: 1rem;

  width: 1rem;

  height: 1rem;

}



.text-5 {

  font-weight: 500;

  font-size: 1.1rem;

}



.empower .heading-2 {

  font-size: 3.7rem !important;

}



.empower .width-100 {

  width: 75% !important;

}



.applydiv {

  width: 70%;

  margin: auto;

}



.apply-now .text-5.info-name {

  font-size: 1.5rem !important;

  font-weight: 600 !important;

}



.heading-2 {

  line-height: 60px !important;

}



.applydiv .job-det {

  font-size: 0.8rem !important;

}



.applydiv .heading-4 {

  font-size: 2.2rem !important;

  font-weight: 600 !important;

}



.apply-now input[type=text], .apply-now input[type=date] {

  font-size: 1rem;

  border: 1px solid rgba(128, 128, 128, 0.5098039216);

  border-radius: 8px;

  height: 50px;

  padding: 1rem;

  width: 100%;

}



.apply-now textarea {

  font-size: 1rem;

  border: 1px solid rgba(128, 128, 128, 0.5098039216);

  border-radius: 8px;

  padding: 1rem;

  width: 100%;

}



.apply-now select {

  width: 100% !important;

}



.width-100 {

  width: 100% !important;

}



.width-80 {

  width: 80% !important;

}



.h2-style-1 {

  font-size: 3.7rem !important;

}



.image-11 {

  position: absolute;

  right: -6rem !important;

}



.image-12 {

  margin-top: 8rem !important;

  width: 60%;

}



.apply-now select {

  border-radius: 8px;

  height: 50px;

}



.termsCond {

  color: #2F83FE;

}



@media (min-width: 1200px) {

  .container {

    max-width: 1250px !important;

    position: relative;

    z-index: 999;

  }

}

.block-slider .block img {

  width: 100%;

  height: 100%;

}



.welcome {

  background-size: cover;

  background-position: center;

}



.image-2 {

  position: absolute;

  bottom: 0;

  opacity: 30%;

}



.image-3 {

  position: absolute;

  top: 0;

  right: 0;

  opacity: 30%;

}



.securepayment .block-slider {

  grid-gap: 10rem;

  width: 90%;

  margin: auto;

}



.securepayment .block {

  max-width: 50%;

}



.block-slider1 {

  grid-gap: 5rem !important;

  width: 70% !important;

}



.team-content {

  position: absolute;

  opacity: 0;

  left: 0;

  padding: 1rem;

  width: 100%;

  height: 100%;

  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(167, 167, 167, 0.659) 65.9%, #000000 100%) #6C0045;

  z-index: 10;

  transition-delay: 0s;

  transition-duration: 0.4s;

  transition-property: all;

  transition-timing-function: ease;

  -webkit-transition-delay: 0s;

  -webkit-transition-duration: 0.4s;

  -webkit-transition-property: all;

  -webkit-transition-timing-function: ease;

  -moz-transition-delay: 0s;

  -moz-transition-duration: 0.4s;

  -moz-transition-property: all;

  -moz-transition-timing-function: ease;

  -ms-transition-delay: 0s;

  -ms-transition-duration: 0.4s;

  -ms-transition-property: all;

  -ms-transition-timing-function: ease;

  -o-transition-delay: 0s;

  -o-transition-duration: 0.4s;

  -o-transition-property: all;

  -o-transition-timing-function: ease;

}



.team-item:hover .team-content {

  top: 0;

  opacity: 1;

}



.team-brief {

  position: absolute;

  bottom: 1rem;

  font-size: 0.75rem;

  color: white;

  text-align: left;

}



.team-position {

  color: #CACACA !important;

  font-size: 0.8rem !important;

}



.highlights .block-2 .heading-4 {

  font-size: 1.1rem !important;

  margin-bottom: 0.5rem;

}



.join-team .heading-2 {

  font-size: 3rem !important;

  line-height: 60px;

}



.salary .job-det {

  font-size: 0.75rem;

  font-weight: 500;

}



.join-team p.mt-4 {

  font-size: 1.125rem !important;

}



.team-brief,

.team-position {

  opacity: 0.7;

}



.row {

  margin-left: -30px !important;

  margin-right: -30px !important;

}



.row .row {

  margin-left: -15px !important;

  margin-right: -15px !important;

}



.socialmediaicons {

  grid-gap: 1rem;

  display: flex;

  float: right;

}



.securepayment .block:nth-child(1) {

  background-color: #E5F4FF !important;

  text-align: left;

}



.securepayment .block:nth-child(2) {

  background-color: #ECF9F2 !important;

  text-align: left;

}



.securepayment .heading-4 {

  width: 60%;

  margin-bottom: 2rem;

  font-size: 1.5rem !important;

  font-weight: 600 !important;

}



.row.stay-connectedrow {

  width: 90%;

  margin: auto !important;

}



.swiper-container-3 .swiper-slide .text-2 {

  font-size: 1.2rem !important;

}



.securepayment .block-slider1 .block .heading-6 {

  font-size: 1.25rem !important;

  font-weight: 400;

  line-height: 28px;

}



.securepayment .heading-6 {

  padding: unset !important;

}



.warning {

  color: red;

}



.securepayment .block img {

  width: 25% !important;

  position: absolute;

  right: 2rem;

  top: 2rem;

  height: unset !important;

}



.underlinepink {

  border-bottom: 7px solid #D7008A;

}



.image-5 {

  position: absolute;

  bottom: 0;

  opacity: 90%;

}



.image-4 {

  position: absolute;

  top: 0;

  right: 0;

  opacity: 90%;

}



.image-6 {

  border-radius: 245px;

  margin-top: 6rem;

}



.map {

  margin: auto;

  width: 80%;

  margin-top: 3rem;

}



.contact-info {

  padding: 2rem;

  text-align: left;

  background-color: #202B37;

  color: white;

  border-top-left-radius: 8px;

  border-bottom-left-radius: 8px;

  position: relative;

  padding-bottom: 6rem;

  height: 100%;

}



.contact-info i {

  color: #EB525D;

}



.socialmedia {

  position: absolute;

  bottom: 1rem;

  left: 2rem;

}



.image-7 {

  position: absolute;

  bottom: -4rem;

  right: -2rem;

  z-index: -1;

}



.info-block {

  border-radius: 16px;

  background-color: white;

  padding: 1rem;

}



.info-block:nth-child(1) {

  position: absolute;

  top: 10rem;

  right: 32rem;

}



.info-block:nth-child(2) {

  position: absolute;

  top: 5rem;

  right: 7rem;

}



.info-block:nth-child(3) {

  position: absolute;

  bottom: 3rem;

  right: 8rem;

}



.salary {

  border-radius: 8px;

  border: 1px solid #D5D5D5;

  padding: 2rem;

}



.heading-8 {

  font-size: 10rem;

  font-weight: 700;

  text-transform: uppercase;

  line-height: 132px;

  letter-spacing: 10;

}



.business .journey .button-1 {

  display: unset;

  margin: unset !important;

}



.business {

  margin-top: 5rem !important;

}



.relativeposition {

  position: relative;

}



.image-16 {

border-radius: 16px;

    width: 30%;

    position: absolute;

    top: -2rem;

    right: 3rem;

    /* max-height: 10rem; */

    max-width: 17rem;

}



.image-15 {

  border-radius: 16px;

  width: 48%;

}



.text-10 {

  font-size: 11rem !important;

}



.warning-block .heading-4 {

  font-size: 1.25rem !important;

}



.half-div .heading-1,

.head-0 {

  font-weight: 600 !important;

}



.accordion-button:not(.collapsed) {

  background-color: unset !important;

}



.accordion-item:first-of-type {

  border-left: unset;

  border-top: unset;

  border-right: unset;

  border-top-left-radius: unset !important;

  border-top-right-radius: unset !important;

  border-bottom-left-radius: unset !important;

  border-bottom-right-radius: unset !important;

}



.half-div .form-group {

  text-align: left !important;

}



.terms .heading-1 {

  font-weight: 600;

}



.highlightdetails .heading-1 {

  font-size: 1.5rem !important;

  font-weight: 500;

}



.morearticles .highlight-content,

.morearticles .highlight-text {

  font-size: 1rem !important;

}



.image-14 {

  border-radius: 16px;

}



.KeyBenefits .block-2 .text-4 {

  font-size: 1.12rem !important;

}



.KeyBenefits .text-4 {

  font-size: 1.5rem !important;

  color: #344051 !important;

}



.image-13 {

  border-radius: 16px;

  margin-top: 7rem;

}



.heading-9 {

  font-size: 14.5rem;

  font-weight: 700;

  text-transform: uppercase;

  line-height: 132px;

  color: #D7008A;

}



.image-9 {

  bottom: -10rem;

  position: absolute;

  left: -13rem;

  z-index: -1;

  opacity: 70%;

}



@media (max-width: 1200px) {

  .image-3,

  .image-2,

  .image-4,

  .image-5,

  .image-7 {

    display: none;

  }

  .info-block:nth-child(1) {

    right: 25rem !important;

  }

  .welcome img {

    width: 100%;

  }

  .info-block:nth-child(3) {

    right: 1rem !important;

  }

  .contact-info {

    border-top-left-radius: unset !important;

    border-bottom-left-radius: unset !important;

  }

  .container {

    padding-right: 25px !important;

    padding-left: 25px !important;

    padding-top: 25px;

    padding-bottom: 25px;

  }

  .steps {

    padding-left: unset !important;

  }

  .slider-item-1-card {

    width: 80%;

    margin: auto;

    padding: 0.7rem 0.8rem;

  }

  .block {

    max-width: 100%;

  }

  .slider-item-1-card p {

    font-size: 1rem !important;

  }

  .KeyBenefits img {

    display: none;

  }

  .highlights img {

    margin-top: 2rem;

    margin-bottom: 1rem;

  }

  #aboutus-slider-2 .swiper-button-next-swiper-testimonoals {

    right: 0 !important;

  }

  #aboutus-slider-2 .swiper-button {

    left: unset !important;

  }

  .dropdown-menu .dropdown-item {

    font-size: 1.8rem !important;

    background: unset !important;

    padding: unset !important;

    font-size: 1.6rem !important;

    font-weight: 500;

    margin-top: 1rem;

  }

  #navbarNav {

    padding-top: 12vh !important;

  }

  .nav-link {

    font-weight: 700;

    font-size: 4.5vw !important;

  }

  .dropdown-toggle:hover {

    margin-bottom: 0rem !important;

  }

  .home-blk-3-content img {

    margin-top: 1rem;

  }

  .nav-link:hover:before, .nav-item.active .nav-link:before {

    width: unset !important;

  }

  header.headersmall {

    visibility: visible !important;

  }

  .headerbig {

    visibility: hidden;

  }

  .nodown .dropdown-menu {

    display: unset !important;

    border: unset !important;

  }

  .main-slide {

    margin-top: 2rem;

  }

  .highlights .block-2 {

    display: unset !important;

  }

  .journey .block-slider .block {

    margin-bottom: 3.5rem;

  }

  .dropdown-toggle img {

    width: 2rem;

    float: right;

    margin-top: 1.3rem;

    margin-right: 3rem;

  }

  .securepayment .block {

    max-width: unset !important;

    height: unset !important;

    flex: unset;

  }

  .dropdown-toggle::after {

    display: none;

  }

  .securepayment .block-slider {

    grid-gap: 25px !important;

  }

  .heading-2 {

    font-size: 2rem !important;

    line-height: 1.2 !important;

  }

  .welcome .heading-6 {

    padding: unset !important;

  }

  .payment-gateway span img {

    max-width: 80% !important;

  }

  .methods {

    margin-bottom: 2rem;

    font-size: 2rem;

  }

  .business img {

    margin-top: 2rem;

  }

  .business {

    margin-top: 7rem !important;

  }

  .numbering {

    padding-top: 1rem;

    margin: auto;

  }

  .salary {

    text-align: center;

  }

  .applydiv {

    width: unset !important;

  }

  .icon-2 {

    padding: unset !important;

  }

  .salary .share {

    text-align: left !important;

  }

  .salary img {

    width: unset !important;

    margin-top: 1rem;

  }

  .job-detail {

    margin-left: unset !important;

  }

  .map {

    width: unset !important;

  }

  .whyMatensa .block {

    flex: 100%;

  }

  .image-6 {

    width: 100%;

  }

  .block-3 {

    max-width: unset !important;

    flex: unset !important;

    width: 100%;

  }

  .firstimage img {

    margin-top: 3rem;

  }

  .apply-now .job-det,

  .apply-now .heading-4 {

    margin-left: 1rem !important;

  }

  .business .journey {

    padding-top: 0rem !important;

  }

  .salary .fa-map-marker-alt {

    padding-top: 1rem;

  }

  .apply-now input, .apply-now textarea {

    margin-top: 1rem;

  }

  .salary .col-lg-5 {

    border-left: unset !important;

  }

  .salary .details .row {

    grid-gap: 1rem;

  }

  .salary {

    margin-top: 2rem;

  }

  input[type=text],

  select {

    width: 100% !important;

    margin-top: 0.5rem !important;

  }

  .highlight-image img {

    margin-top: unset !important;

  }

  .highlight-item {

    max-width: unset !important;

    flex: unset !important;

    margin: auto;

  }

  .container .map .row .col-lg-7 img {

    padding-left: 15px !important;

  }

  .button-3 {

    margin-top: 2rem;

  }

  .business .image-8 {

    display: none;

  }

  .menu-item {

    width: unset !important;

  }

  .share i {

    left: 90% !important;

    top: 15% !important;

  }

  .action-buttons button {

    min-width: 7rem;

  }

  .menu-tab {

    display: block !important;

  }

  .main-div {

    width: 100% !important;

    margin-top: 5rem !important;

  }

  .warning-block {

    width: 100% !important;

  }

  .helpsection-questions-icons i {

    top: 3rem;

  }

  .heading-9 {

    font-size: 4rem !important;

  }

  .heading-8 {

    font-size: 4rem !important;

    line-height: 1 !important;

  }

  .mockupimage {

    display: none;

  }

  .heading-6 {

    padding: unset !important;

  }

  .BigText {

    padding-bottom: unset !important;

  }

  .manageagreements img {

    margin-left: unset !important;

    margin-top: unset !important;

  }

}

@media (max-width: 600px) {

  html,

  body {

    font-size: 12px;

  }

}

@media (max-width: 960px) {

  html,

  body {

    font-size: 14px;

  }

  .image-10 {

    display: none;

  }

}

.securepayment .block .heading-6 {

  padding-bottom: 1rem !important;

  font-size: 1.4rem !important;

}



.image-10 {

  position: absolute;

  z-index: -3;

  height: 100%;

  top: 11rem;

  left: 57rem;

  width: 100%;

}



.headersmall {

  visibility: hidden !important;

}



.upload-container {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 200px;

  background-color: #F9FAFB;

  border-radius: 8px;

  text-align: center;

}



.upload-icon {

  font-size: 48px;

  color: #888888;

}



.upload-text {

  margin-top: 10px;

  font-size: 16px;

}



.file-input {

  display: none;

}



.slider-item-1-card span {

  margin-left: auto !important;

  font-size: 1.5rem !important;

}



@media (max-width: 960px) {

  .hero {

    padding-top: 12rem !important;

  }

  header.headersmall {

    padding-top: 3rem;

  }

  .container .h2-style-1, .container .heading-2 {

    font-size: 9vw !important;

  }

  .home-blk-3-1 .heading-2.color-white {

    font-size: 7vw !important;

  }

  .home-blk-3-2 {

    text-align: center;

  }

  .button-1 {

    font-size: 4vw !important;

    padding: 1rem 3rem;

    width: unset !important;

    margin-bottom: 2rem;

    font-weight: 600;

  }

  .nav-item-btn {

    display: flex;

    margin: 0 !important;

    padding: 2rem 0rem;

    background-color: #FBE6F3;

    padding-left: 3rem !important;

    position: fixed;

    bottom: 0;

    width: 100%;

  }

  .menu-active #navbarNav {

    text-align: left;

  }

  .nav-item {

    padding-left: 2rem;

  }

  .btn-style-3 {

    background: transparent;

    border-radius: 3rem;

    padding: 0.5rem 2rem !important;

    color: black !important;

    border: 1px solid gray;

    font-weight: 600;

  }

  .nav-item-btn a {

    margin-right: 2.5rem;

    margin-bottom: 0rem !important;

  }

  .footer-section .socialmediaicons {

    margin-top: 1rem;

    display: block !important;

    float: unset !important;

  }

  .aboutus-section {

    text-align: center;

  }

}

.hero {

  position: relative;

}



.hero img {

  max-width: 100%;

}



.hero-bg img {

  width: 100%;

  height: 100vh;

}



.banner-img-1 {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  text-align: center;

}



.inner-banner-img-1 {

  display: inline-block;

  position: relative;

}



.banImg1 {

  height: 76vh;

  position: relative;

  z-index: 10;

}



.img-ini-size {

  opacity: 0;

  width: 100%;

}



.bg-img-1 {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 77%;

}



.bg-img-1 span {

  height: 100%;

  width: 80%;

  border-radius: 32px 32px 0px 0px;

  position: absolute;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.15);

  border: 3px solid #D4D4D4;

}



.hero-content-row {

  position: absolute;

  top: 21vh;

  left: 9vw;

  width: 100%;

  z-index: 10000;

}



.hero-content {

  width: 38%;

}



.hero-content p {

  font-size: 1.2rem;

  color: white;

  line-height: 1.4;

  max-width: 82%;

}



.ban-client-style-1 {

  position: relative;

  float: right;

}



.ban-client-style-1.left .ban-client-info .inner-content {

  padding-right: 4rem;

}



.ban-client-style-1.right .ban-client-info .inner-content {

  padding-left: 4rem;

}



.ban-client-style-1.right {

  margin-right: 14rem;

}



.ban-client-style-1.right .ban-client-info {

  left: 50%;

  right: auto;

}



.ban-client-img {

  position: relative;

  z-index: 10;

}



.ban-client-info {

  position: absolute;

  top: 0;

  right: 50%;

}



.ban-client-info .inner-content {

  background: white;

  display: flex;

  padding: 0.5rem 0.8rem;

  line-height: 1;

  border-radius: 8px;

}



.ban-client-info i {

  display: inline-block;

  vertical-align: top;

  margin-right: 0.5rem;

}



.client-info-transaction span {

  width: 100%;

  display: inline-block;

  vertical-align: top;

}



.ban-clients {

  position: absolute;

  right: 9vw;

  top: 6vh;

}



.client-info-transaction .price {

  font-size: 1.125rem;

  font-weight: 500;

  line-height: 1.125rem;

}



.transaction-status {

  font-size: 0.75rem;

  line-height: 0.75rem;

}



.swiper-button {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 10;

  cursor: pointer;

}



.swiper-button-next-swiper-testimonoals {

  right: 0;

}



.quote-1 {

  position: absolute;

  top: 0;

  width: 100%;

}



.quote-2 {

  position: absolute;

  top: 3rem;

  width: 100%;

}



.stay-connected {

  background: #D7008A;

}



.stay-connected .desc {

  font-size: 1rem;

  color: #E7E6F6 !important;

}



.stay-connected .desc.color-white {

  color: white !important;

  font-weight: 600;

}



.rating {

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 25px;

  /* Adjust the size of the stars */

  position: relative;

  width: -moz-max-content;

  width: max-content;

}



.star-container {

  display: flex;

  position: relative;

}



.star {

  color: #ccc;

  /* Default color for empty stars */

  position: relative;

  z-index: 1;

}



.star::before {

  content: "★";

  color: #ffce00;

  /* Color for filled stars */

  position: absolute;

  left: 0;

  top: 0;

  width: 0;

  overflow: hidden;

  z-index: 2;

}



.star.full::before {

  width: 100%;

}



.star.half::before {

  width: 50%;

}



.rate-result {

  margin-left: 0.5rem;

  margin-top: 0.5rem;

  display: inline-block;

}



.pagyment-gatway-section-head p {

  font-size: 1.125rem;

}



.payment-gateway {

  display: flex;

  width: 80%;

  margin: 0 auto;

}



.payment-gateway span {

  width: 100%;

  text-align: center;

}



.slider-item-style-1 {

  position: relative;

}



.slider-item-style-1.start {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.swiper-slide {

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 18px;

  color: #fff;

  transition: transform 0.3s;

}



.swiper-3d .swiper-slide-shadow-left {

  background: none;

}



.swiper-slide-active {

  transform: scale(1.2);

}



.slider-item-style-1 .img img {

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.swiper-pagination {

  bottom: -3.5rem !important;

  top: auto !important;

}



.home-section-2 .slider-item-style-1 .img {

  height: 100%;

  display: flex;

  align-items: end;

}



.home-section-2 .swiper-pagination {

  bottom: -3rem !important;

}



.swiper-pagination-bullet-active {

  background: #637083;

  width: 1.3rem;

  border-radius: 0.5rem;

}



.swiper-slide.swiper-slide-visible {

  opacity: 1;

}



.swiper-slide {

  opacity: 0;

}



.home-section-3 {

  overflow: hidden;

  background: var(--website-text-blue-dark, #0A0130);

}



.home-blk-3-video img {

  max-height: 80vh;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 1rem;

}



.video-player-1 {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.slider-item-blk-3 img {

  max-width: 100%;

}



.home-section-2 {

  margin-bottom: 6rem !important;

}



.gallery-blk-3-tabs {

  display: flex;

  margin-top: 1rem;

  justify-content: center;

  /* Centers the swiper container horizontally */

  align-items: center;

  /* Centers the swiper container vertically if needed */

}



.tab-style-1 {

  display: inline-block;

  border: 1px solid white;

  color: white;

  padding: 0.5rem 0.9rem;

  border-radius: 3rem;

  font-size: 0.9rem;

  margin-right: 0.5rem;

  cursor: pointer;

}



.tab-style-1.active {

  background: white;

  color: var(--Text-text-primary, #141C24);

  font-weight: 500;

}



.home-blk-3-content img {

  max-width: 100%;

}



.shadow-style-1 {

  width: 0;

  height: 0;

  opacity: 0.4;

  display: inline-block;

  border-radius: 50%;

  /* Makes the element round */

  background: linear-gradient(270deg, #D7008A 0%, #FFA72E 100%);

  /* Background gradient */

  box-shadow: 0px 0px 30vw 30vw #D7008A, 0px 0px 30vw 30vw #FFA72E;

  /* Gradient color for the box shadow */

  /* Box shadow */

}



.aboutus-section img {

  max-width: 100%;

}



.aboutus-section-img-1 {

  display: inline-block;

  width: 40%;

  margin-left: 1.5rem;

  margin-right: 1.5rem;

  vertical-align: top;

}



.matensa-community {

  background: #0A0130;

  width: 100%;

}



.matensa-community .img svg {

  max-width: 100%;

}



.ban-client-info {

  overflow: hidden;

}



.banImg1 {

  opacity: 0;

  transform: translateY(400px) scale(0);

  vertical-align: bottom;

}



.bg-img-1 {

  opacity: 0;

}



.trans,

.hero-content h1,

.hero-content p,

.hero-content span {

  opacity: 0;

}



.trans.ActiveItem {

  opacity: 1;

}



.ban-client-img img,

.ban-client-info {

  transform: scale(0);

}



.ban-client-img img {

  opacity: 0;

}



.load-page .ban-client-img img {

  opacity: 1;

}



.load-page .ban-clients.active .ban-client-img img,

.load-page .ban-clients.active .ban-client-info {

  animation: ini-scale 0.5s forwards;

}



@keyframes ini-scale {

  0% {

    transform: scale(0);

  }

  50% {

    transform: scale(1.15);

  }

  100% {

    transform: scale(1);

  }

}

.banImg1,

.trans,

.ban-client-img img {

  transition-delay: 0s;

  transition-duration: 1s;

  transition-property: all;

  transition-timing-function: ease;

  -webkit-transition-delay: 0s;

  -webkit-transition-duration: 1s;

  -webkit-transition-property: all;

  -webkit-transition-timing-function: ease;

  -moz-transition-delay: 0s;

  -moz-transition-duration: 1s;

  -moz-transition-property: all;

  -moz-transition-timing-function: ease;

  -ms-transition-delay: 0s;

  -ms-transition-duration: 1s;

  -ms-transition-property: all;

  -ms-transition-timing-function: ease;

  -o-transition-delay: 0s;

  -o-transition-duration: 1s;

  -o-transition-property: all;

  -o-transition-timing-function: ease;

}



.hero-content h1,

.hero-content p,

.hero-content span,

.ban-client-style-1 {

  transition-duration: 1s;

  transition-property: all;

  transition-timing-function: ease;

  -webkit-transition-duration: 1s;

  -webkit-transition-property: all;

  -webkit-transition-timing-function: ease;

  -moz-transition-duration: 1s;

  -moz-transition-property: all;

  -moz-transition-timing-function: ease;

  -ms-transition-duration: 1s;

  -ms-transition-property: all;

  -ms-transition-timing-function: ease;

  -o-transition-duration: 1s;

  -o-transition-property: all;

  -o-transition-timing-function: ease;

}



.load-page .banImg1,

.load-page .bg-img-1 {

  transform: translateY(0) scale(1);

  opacity: 1;

}



.load-page .hero-content h1,

.load-page .hero-content p,

.load-page .hero-content span {

  opacity: 1;

}



.ban-clients {

  display: none;

}



.ban-clients.active {

  display: block;

}



.removeItems .ban-client-style-1 {

  transform: scale(0);

}



.matensa-community .img svg g,

.slider-item-blk-3 svg g,

.home-blk-3-content svg g {

  transition-delay: 0s;

  transition-duration: 0.4s;

  transition-property: all;

  transition-timing-function: ease;

  -webkit-transition-delay: 0s;

  -webkit-transition-duration: 0.4s;

  -webkit-transition-property: all;

  -webkit-transition-timing-function: ease;

  -moz-transition-delay: 0s;

  -moz-transition-duration: 0.4s;

  -moz-transition-property: all;

  -moz-transition-timing-function: ease;

  -ms-transition-delay: 0s;

  -ms-transition-duration: 0.4s;

  -ms-transition-property: all;

  -ms-transition-timing-function: ease;

  -o-transition-delay: 0s;

  -o-transition-duration: 0.4s;

  -o-transition-property: all;

  -o-transition-timing-function: ease;

}



.slider-item-blk-3 svg {

  max-width: 100%;

}



.slider-item-blk-3 svg g,

.home-blk-3-content svg g {

  opacity: 0;

}



.trans.ActiveItem .swiper-slide-active .slider-item-blk-3 svg g,

.home-blk-3-content .img.trans.ActiveItem svg g {

  opacity: 1;

}



.home-blk-3-content svg .g-1 {

  transition-delay: 0.4s;

}



.home-blk-3-content svg .g-2 {

  transition-delay: 0.8s;

}



.home-blk-3-content svg .g-3 {

  transition-delay: 1.2s;

}



.slider-item-blk-3 svg g:nth-child(3) {

  transition-delay: 0.4s;

}



.slider-item-blk-3 svg g:nth-child(4) {

  transition-delay: 0.8s;

}



.slider-item-blk-3 svg g:nth-child(5) {

  transition-delay: 1.2s;

}



.slider-item-blk-3 svg g:nth-child(6) {

  transition-delay: 1.6s;

}



.slider-item-blk-3 svg g:nth-child(7) {

  transition-delay: 2s;

}



.matensa-community .img svg g:nth-child(1) {

  transition-delay: 0.13s;

}



.matensa-community .img svg g:nth-child(2) {

  transition-delay: 0.26s;

}



.matensa-community .img svg g:nth-child(3) {

  transition-delay: 0.39s;

}



.matensa-community .img svg g:nth-child(4) {

  transition-delay: 0.52s;

}



.matensa-community .img svg g:nth-child(5) {

  transition-delay: 0.65s;

}



.matensa-community .img svg g:nth-child(6) {

  transition-delay: 0.78s;

}



.matensa-community .img svg g:nth-child(7) {

  transition-delay: 0.91s;

}



.matensa-community .img svg g:nth-child(8) {

  transition-delay: 1.04s;

}



.matensa-community .img svg g:nth-child(9) {

  transition-delay: 1.17s;

}



.matensa-community .img svg g:nth-child(10) {

  transition-delay: 1.3s;

}



.matensa-community .img svg g:nth-child(11) {

  transition-delay: 1.43s;

}



.matensa-community .img svg g:nth-child(12) {

  transition-delay: 1.56s;

}



.matensa-community .img svg g:nth-child(13) {

  transition-delay: 1.69s;

}



.matensa-community .img svg g:nth-child(14) {

  transition-delay: 1.82s;

}



.matensa-community .img svg g:nth-child(15) {

  transition-delay: 1.95s;

}



.matensa-community .img svg g:nth-child(16) {

  transition-delay: 2.08s;

}



.matensa-community .img svg g:nth-child(17) {

  transition-delay: 2.21s;

}



.matensa-community .img svg g:nth-child(18) {

  transition-delay: 2.34s;

}



.matensa-community .img svg g:nth-child(19) {

  transition-delay: 2.47s;

}



.matensa-community .img svg g:nth-child(20) {

  transition-delay: 2.6s;

}



.matensa-community .img svg g:nth-child(21) {

  transition-delay: 2.73s;

}



.matensa-community .img svg g:nth-child(22) {

  transition-delay: 2.86s;

}



.matensa-community .img svg g:nth-child(23) {

  transition-delay: 2.99s;

}



.matensa-community .img svg g:nth-child(24) {

  transition-delay: 3.12s;

}



.matensa-community .img svg g {

  opacity: 0;

}



.matensa-community .trans.ActiveItem.img svg g {

  opacity: 1;

}



.trans-1 {

  transition-delay: 0.2s;

}



.trans-2 {

  transition-delay: 0.4s;

}



.trans-3 {

  transition-delay: 0.6s;

}



.trans-4 {

  transition-delay: 0.8s;

}



.trans-5 {

  transition-delay: 1s;

}



.trans-6 {

  transition-delay: 1.2s;

}



.trans-7 {

  transition-delay: 1.4s;

}



.trans-8 {

  transition-delay: 1.6s;

}



.trans-9 {

  transition-delay: 1.8s;

}



.trans-10 {

  transition-delay: 2s;

}



.anim-1 {

  animation-delay: 0.2s !important;

}



.anim-2 {

  animation-delay: 0.4s !important;

}



.anim-3 {

  animation-delay: 0.6s !important;

}



.anim-4 {

  animation-delay: 0.8s !important;

}



.anim-5 {

  animation-delay: 1s !important;

}



.anim-6 {

  animation-delay: 1.2s !important;

}



.anim-7 {

  animation-delay: 1.4s !important;

}



.anim-8 {

  animation-delay: 1.6s !important;

}



.anim-9 {

  animation-delay: 1.8s !important;

}



.anim-10 {

  animation-delay: 2s !important;

}



.slider-item-1-content {

  position: absolute;

  bottom: 2rem;

  width: 90%;

  left: 5%;

}



.slider-item-1-card {

  display: flex;

  background: #FFFFFF;

  border-radius: 1rem;

  padding: 0.7rem 0.8rem;

}



.slider-item-1-content h5 {

  font-size: 1.75rem;

  text-align: center;

  font-weight: 700;

  line-height: 1.1;

  margin-bottom: 1.5rem;

}



.slider-item-1-card i {

  margin-right: 0.6rem;

}



.slider-item-1-card p b {

  display: block;

  font-size: 0.8rem;

}



.slider-item-1-card span {

  font-size: 1.15rem;

  color: #141C24;

  margin-left: 0.5rem;

  font-weight: 500;

}



.slider-item-1-card p {

  display: block;

  font-size: 0.9rem;

  margin-bottom: 0;

}



.anim-img {

  position: absolute;

}



.home-section-3 {

  min-height: 70vh;

}



@media (max-width: 1250px) {

  div.start {

    width: inherit !important;

    height: inherit !important;

    transform-origin: 0px 0px !important;

    transform: translate(0, 0) !important;

    max-width: 100%;

  }

}

@media (min-width: 1250px) {

  .start-item {

    width: 100%;

  }

  .main-section {

    position: relative;

  }

  .swiper-slide a {

    display: inline-block;

  }

  body.home-page {

    background: #91cfe4;

  }

  body.home-page.home-animation {

    background: white;

  }

  .anim-img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

  }

  .home-section-2 .start:before {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 80%;

    height: 77%;

    content: "";

    border-radius: 10px;

  }

  .start:before {

    transition-delay: 0s;

    transition-duration: 1s;

    transition-property: all;

    transition-timing-function: ease;

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 1s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    -moz-transition-delay: 0s;

    -moz-transition-duration: 1s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    -ms-transition-delay: 0s;

    -ms-transition-duration: 1s;

    -ms-transition-property: all;

    -ms-transition-timing-function: ease;

    -o-transition-delay: 0s;

    -o-transition-duration: 1s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

  }

  .banner-img-1 .start {

    display: inline-block;

  }

  .home-section-3 {

    margin-top: 300px !important;

  }

  body.home-animation {

    overflow: hidden;

  }

  .home-section-2 {

    position: absolute;

    padding-top: 50px !important;

    left: 0;

    top: 150px;

    width: 100%;

    height: 100%;

  }

  .home-section-2 .destination {

    opacity: 0;

    visibility: hidden;

  }

  .home-section-2 .slider-item-style-1,

  .home-section-2 .slider-item-1-content {

    opacity: 0;

    visibility: hidden;

    transition-delay: 0s;

    transition-duration: 0.25s;

    transition-property: all;

    transition-timing-function: ease;

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 0.25s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    -moz-transition-delay: 0s;

    -moz-transition-duration: 0.25s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    -ms-transition-delay: 0s;

    -ms-transition-duration: 0.25s;

    -ms-transition-property: all;

    -ms-transition-timing-function: ease;

    -o-transition-delay: 0s;

    -o-transition-duration: 0.25s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

  }

  .home-section-2 .home-animation .slider-item-style-1,

  .home-section-2 .home-animation .slider-item-1-content {

    opacity: 0;

    visibility: hidden;

    transition-delay: 0s;

    transition-duration: 1s;

    transition-property: all;

    transition-timing-function: ease;

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 1s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    -moz-transition-delay: 0s;

    -moz-transition-duration: 1s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    -ms-transition-delay: 0s;

    -ms-transition-duration: 1s;

    -ms-transition-property: all;

    -ms-transition-timing-function: ease;

    -o-transition-delay: 0s;

    -o-transition-duration: 1s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

  }

  .home-section-2 .slider-item-style-1 .img {

    background: none;

  }

  .home-section-2 .swiper-slide-active .slider-item-style-1 {

    opacity: 1;

    visibility: visible;

  }

  .anim-img,

  .start {

    transition-delay: 0.1s;

    transition-duration: 0.4s;

    transition-property: all;

    transition-timing-function: ease-in-out;

    -webkit-transition-delay: 0.1s;

    -webkit-transition-duration: 0.4s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease-in-out;

    -moz-transition-delay: 0.1s;

    -moz-transition-duration: 0.4s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease-in-out;

    -ms-transition-delay: 0.1s;

    -ms-transition-duration: 0.4s;

    -ms-transition-property: all;

    -ms-transition-timing-function: ease-in-out;

    -o-transition-delay: 0.1s;

    -o-transition-duration: 0.4s;

    -o-transition-property: all;

    -o-transition-timing-function: ease-in-out;

  }

  .slider-item-style-1.start {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

  }

  .banImg1 {

    opacity: 0 !important;

  }

  .destination {

    display: inline-block;

  }

  .bg-img-1 {

    transition-delay: 0s;

    transition-duration: 1s;

    transform-origin: center bottom;

    transition-property: transform;

    transition-timing-function: cubic-bezier(0.35, 0, 0, 1);

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 1s;

    -webkit-transition-transform-origin: center bottom;

    -webkit-transition-property: transform;

    -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0, 1);

    -moz-transition-delay: 0s;

    -moz-transition-duration: 1s;

    -moz-transform-origin: center bottom;

    -moz-transition-property: transform;

    -moz-transition-timing-function: cubic-bezier(0.35, 0, 0, 1);

    -ms-transition-delay: 0s;

    -ms-transition-duration: 1s;

    -ms-transform-origin: center bottom;

    -ms-transition-property: transform;

    -ms-transition-timing-function: cubic-bezier(0.35, 0, 0, 1);

    -o-transition-delay: 0s;

    -o-transition-duration: 1s;

    -o-transform-origin: center bottom;

    -o-transition-property: transform;

    -o-transition-timing-function: cubic-bezier(0.35, 0, 0, 1);

    transform: translateX(0) scale(1);

  }

  .start .slider-item-1-card {

    width: 21rem;

    left: 51%;

    position: relative;

    top: -2vh;

    transition-delay: 0s;

    transition-duration: 0.8s;

    transition-property: all;

    transition-timing-function: ease;

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 0.8s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    -moz-transition-delay: 0s;

    -moz-transition-duration: 0.8s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    -ms-transition-delay: 0s;

    -ms-transition-duration: 0.8s;

    -ms-transition-property: all;

    -ms-transition-timing-function: ease;

    -o-transition-delay: 0s;

    -o-transition-duration: 0.8s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

  }

  .start .slider-item-1-content {

    opacity: 1;

    visibility: visible;

  }

  .start .slider-item-1-content h5 {

    opacity: 0;

    visibility: hidden;

  }

  .home-section-2 .swiper-container {

    transform: scale(1);

    transition-delay: 0s;

    transition-duration: 1.2s;

    transition-property: all;

    transition-timing-function: ease;

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 1.2s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    -moz-transition-delay: 0s;

    -moz-transition-duration: 1.2s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    -ms-transition-delay: 0s;

    -ms-transition-duration: 1.2s;

    -ms-transition-property: all;

    -ms-transition-timing-function: ease;

    -o-transition-delay: 0s;

    -o-transition-duration: 1.2s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

  }

  .main-section .header {

    transition-delay: 0s;

    transition-duration: 0.4s;

    transition-property: all;

    transition-timing-function: ease;

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 0.4s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    -moz-transition-delay: 0s;

    -moz-transition-duration: 0.4s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    -ms-transition-delay: 0s;

    -ms-transition-duration: 0.4s;

    -ms-transition-property: all;

    -ms-transition-timing-function: ease;

    -o-transition-delay: 0s;

    -o-transition-duration: 0.4s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

  }

  .home-animation .main-section .header {

    transform: translateY(-30vh);

    opacity: 0;

    visibility: hidden;

  }

  .home-animation .hero-content h1,

  .home-animation .hero-content p,

  .home-animation .button-1 {

    transform: translateX(-50vw);

    opacity: 0;

    transition-delay: 0s;

    transition-duration: 0.4s;

    transition-property: all;

    transition-timing-function: ease;

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 0.4s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    -moz-transition-delay: 0s;

    -moz-transition-duration: 0.4s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    -ms-transition-delay: 0s;

    -ms-transition-duration: 0.4s;

    -ms-transition-property: all;

    -ms-transition-timing-function: ease;

    -o-transition-delay: 0s;

    -o-transition-duration: 0.4s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

  }

  .home-animation .ban-client-style-1 {

    transform: scale(0);

    opacity: 0;

    visibility: hidden;

    transform: translateY(-45vh);

    transition-delay: 0s;

    transition-duration: 0.4s;

    transition-property: all;

    transition-timing-function: ease;

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 0.4s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    -moz-transition-delay: 0s;

    -moz-transition-duration: 0.4s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    -ms-transition-delay: 0s;

    -ms-transition-duration: 0.4s;

    -ms-transition-property: all;

    -ms-transition-timing-function: ease;

    -o-transition-delay: 0s;

    -o-transition-duration: 0.4s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

  }

  .home-animation .home-section-2 .swiper-container {

    transform: scale(0.9);

  }

  .home-section-2-description,

  .home-section-2 .heading-2 {

    transform: scale(0.7);

    opacity: 0;

    visibility: hidden;

    transition-delay: 0s;

    transition-duration: 0.25s;

    transition-property: all;

    transition-timing-function: ease;

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 0.25s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    -moz-transition-delay: 0s;

    -moz-transition-duration: 0.25s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    -ms-transition-delay: 0s;

    -ms-transition-duration: 0.25s;

    -ms-transition-property: all;

    -ms-transition-timing-function: ease;

    -o-transition-delay: 0s;

    -o-transition-duration: 0.25s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

  }

  .home-animation .home-section-2-description,

  .home-animation .home-section-2 .heading-2 {

    transform: scale(1);

    opacity: 1;

    transition-delay: 0s;

    transition-duration: 1s;

    transition-property: all;

    transition-timing-function: ease;

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 1s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    -moz-transition-delay: 0s;

    -moz-transition-duration: 1s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    -ms-transition-delay: 0s;

    -ms-transition-duration: 1s;

    -ms-transition-property: all;

    -ms-transition-timing-function: ease;

    -o-transition-delay: 0s;

    -o-transition-duration: 1s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

  }

  .home-animation .start .slider-item-1-content h5 {

    opacity: 1;

    visibility: visible;

    transition-delay: 0.7s;

    transition-duration: 0.8s;

    transition-property: all;

    transition-timing-function: ease;

    -webkit-transition-delay: 0.7s;

    -webkit-transition-duration: 0.8s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    -moz-transition-delay: 0.7s;

    -moz-transition-duration: 0.8s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    -ms-transition-delay: 0.7s;

    -ms-transition-duration: 0.8s;

    -ms-transition-property: all;

    -ms-transition-timing-function: ease;

    -o-transition-delay: 0.7s;

    -o-transition-duration: 0.8s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

  }

  .home-animation .start .slider-item-1-card {

    width: 100%;

    left: 0;

    position: relative;

    top: 0;

  }

  .home-animation .bg-img-1 {

    transform: translateX(-10%) scale(4.29753, 1.52857);

  }

  .home-animation .bg-img-1 span {

    height: 100%;

    width: 100%;

    border-radius: 0;

    background: rgb(255, 255, 255);

    border: 0px solid #ffffff;

  }

  .home-animation .heading-2,

  .home-animation .home-section-2-description,

  .home-animation .slider-item-style-1,

  .home-animation .slider-item-1-content {

    opacity: 1;

    visibility: visible;

  }

  .home-animation .start {

    border-radius: 35px;

    overflow: hidden;

    transform: translate(0, 0) !important;

  }

  .home-animation .start:before {

    display: block;

    height: 100%;

    width: 100%;

    border-radius: 35px;

    background: url(../images/home/banner/bg-ban.jpg) bottom center/cover;

  }

}

.footer {

  width: 100%;

  background: #E0EBC9;

  padding: 3.75rem 0;

}

@media (max-width: 960px) {

  .footer {

    padding: 3.75rem 2rem;

  }

}

.footer nav ul {

  display: flex;

  flex-wrap: wrap;

}

@media (max-width: 800px) {

  .footer nav ul {

    display: block;

  }

}

.footer nav ul li {

  width: 50%;

  padding: 0.1rem 0;

}

@media (max-width: 800px) {

  .footer nav ul li {

    width: 100%;

  }

}

.footer nav ul li a {

  color: #000000;

  font-size: 1.6875rem;

  text-transform: uppercase;

}

@media (max-width: 800px) {

  .footer nav ul li a {

    font-size: 1.3rem;

  }

}

.footer .footer_logo {

  text-align: center;

}

.footer .footer_logo img {

  display: block;

  margin: auto;

}

.footer .social_icon {

  display: flex;

  align-items: center;

  justify-content: flex-end;

}

@media (max-width: 800px) {

  .footer .social_icon {

    display: block;

  }

}

.footer .social_icon li {

  margin-left: 2.5rem;

}

@media (max-width: 800px) {

  .footer .social_icon li {

    margin: 0 0 1rem;

    display: flex;

    justify-content: flex-end;

  }

}

.footer .social_icon li:first-child {

  margin-left: 0;

}

.footer .social_icon li img {

  display: block;

  width: 3.1875rem;

}

@media (max-width: 800px) {

  .footer .social_icon li img {

    width: 2.1875rem;

  }

}



html,

body {

  font-size: 16px;

  overflow-x: hidden;

}



body {

  font-family: "Inter";

}



.container.mod {

  padding: 0;

}



* {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  box-sizing: border-box;

}



::-webkit-scrollbar-track {

  background: transparent;

}



::-webkit-scrollbar-thumb {

  background: transparent;

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: #555;

}



a {

  text-decoration: none;

}



ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

  padding: 0;

}



p {

  margin: 0 0 1rem;

  font-weight: 400;

  font-size: 1rem;

  line-height: 1.4rem;

  color: #31402A;

}



.for-desktop {

  display: block !important;

}

@media (max-width: 800px) {

  .for-desktop {

    display: none !important;

  }

}



.for-msite {

  display: none !important;

}

@media (max-width: 800px) {

  .for-msite {

    display: block !important;

  }

}



.h1-style-1 {

  font-size: 4.2rem;

  color: white;

  font-weight: 700;

  line-height: 1;

}



.h2-style-1 {

  font-size: 4.35rem;

  color: #141C24;

  font-weight: 700;

}



.h3-style-1 {

  font-size: 2.25rem;

  color: white;

}



.font-border {

  color: white;

  text-shadow: 2px 0 #D7008A, -2px 0 #D7008A, 0 2px #D7008A, 0 -2px #D7008A, 1px 1px #D7008A, -1px -1px #D7008A, 1px -1px #D7008A, -1px 1px #D7008A;

}



.loader {

  border: 4px solid #f3f3f3;

  /* Light grey */

  border-top: 4px solid #D7008A;

  /* Blue */

  border-radius: 50%;

  width: 30px;

  height: 30px;

  animation: spin 2s linear infinite;

  display: inline-block;

}



@keyframes spin {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

.desc,

p {

  font-size: 1.1rem;

  font-weight: 400;

  line-height: 1.6;

  color: var(--Text-text-secondary, #344051);

}



.desc.color-white p {

  color: white;

}



.color-white {

  color: white;

}



.z-index-1 {

  z-index: 1;

}



.z-index-2 {

  z-index: 2;

}



.button-1 {

  cursor: pointer;

}



.button-1:hover {

  box-shadow: 0px 0px 0 #D7008A;

  background: #D7008A;

  color: white !important;

  border: var(--spacing-2, 2px) solid var(--Text-text-primary, #D7008A);

}



.btn-style-1 {

  background: linear-gradient(79.77deg, #FFA72E 0%, #DF33A1 100%);

  border-radius: 3rem;

  padding: 0.5rem 2rem !important;

  color: white !important;

}



.btn-style-2 {

  display: inline-block;

  position: relative;

  cursor: pointer;

}



.btn-style-2 span {

  display: inline-block;

  background-color: white;

  font-size: 1.2rem;

  border: 2px solid rgb(20, 28, 36);

  padding: 0.5rem 2rem;

  position: relative;

  z-index: 1;

  border-radius: 2rem;

  color: #141C24;

}



.btn-style-2:before {

  border-radius: 2rem;

  position: absolute;

  top: 0.5rem;

  left: 0.5rem;

  width: 100%;

  height: 100%;

  background: #D7008A;

  content: "";

}



.btn-style-1:before {

  display: none;

}



@media (max-width: 1600px) {

  html,

  body {

    font-size: 16px;

  }

}

@media (min-width: 600px) {

  .accordion_row_space {

    display: none;

  }

}

.logo img {

  height: 8rem;

}



@media (max-width: 960px) {

  html,

  body {

    font-size: 12px;

  }

  .home-blk-3-2,

  .home-blk-3-1 {

    padding-top: 0 !important;

    position: relative;

    z-index: 10;

  }

  .row .col-md-7 {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

  .testimonials-slider {

    position: relative;

  }

  .banner-img-1 {

    position: relative !important;

  }

  .navbar-brand img,

  .hero-bg img {

    margin-top: 0;

  }

  div.hero-content-row {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 10000;

  }

  .ban-clients .ban-client-style-1 {

    display: none !important;

  }

  .ban-clients .ban-client-style-1:first-child {

    display: block !important;

  }

  .ban-client-info {

    right: 22% !important;

  }

  .hero-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

  }

  div.container {

    padding-right: 15px !important;

    padding-left: 15px !important;

  }

  .hero-content {

    width: 100% !important;

  }

  .hero-bg img {

    height: 100%;

  }

  header {

    top: 0;

  }

  .banImg1 {

    height: auto;

  }

  .h1-style-1 {

    font-size: 12.5vw;

  }

  .h2-style-1,

  .heading-2 {

    font-size: 10vw !important;

  }

  .home-blk-3-1 .heading-2 {

    font-size: 12vw !important;

    position: relative;

  }

  .home-blk-3-2 .row .col-md-7 {

    padding-top: 0 !important;

    padding-left: 15px !important;

    padding-right: 15px !important;

    margin-top: 0 !important;

  }

  #tabs-slider-blk-3-1.gallery-blk-3-tabs {

    display: block;

    text-align: center;

  }

  #tabs-slider-blk-3-1.gallery-blk-3-tabs .tab-style-1 {

    width: 47%;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 0.5rem;

  }

  .aboutus-section-img-1 {

    width: 38%;

    margin-left: 1.2rem;

    margin-right: 1.2rem;

  }

  .matensa-community .img svg {

    max-width: 100%;

    height: auto;

  }

  .payment-gateway {

    display: block;

    width: 100%;

  }

  .image-9 {

    display: none;

  }

  .payment-gateway span {

    width: 47% !important;

    display: inline-block;

  }

  .copy-r {

    margin-top: 1rem !important;

    padding-top: 0;

  }

  .play-store-row {

    padding-bottom: 1.5rem;

  }

  .footer-section {

    text-align: center;

  }

  .row.stay-connectedrow {

    width: 100%;

  }

  .payment-gateway span img {

    max-width: 100%;

  }

  .image-15 {

    width: 100%;

    margin-top: 3rem !important;

  }

  .menu-tab {

    display: none !important;

  }

  #aboutus-slider-1 .swiper-slide {

    width: 100% !important;

  }

  .gallery-blk-3 {

    margin-top: 3rem;

  }

  .hero {

    padding-top: 8rem;

  }

  .banImg1 {

    max-width: 80% !important;

    margin: 0 auto;

  }

  .bg-img-1 span {

    left: 15px;

  }

  .row {

    margin-left: 0px !important;

    margin-right: 0px !important;

  }

  .ban-clients {

    transform: scale(0.8);

    right: 15px;

    top: 100%;

  }

  .home-blk-3-2 {

    padding-top: 0 !important;

  }

  .slider-item-style-1 .img img {

    height: auto;

    max-height: 55vh;

    width: 100%;

  }

  .rate-result {

    margin-top: 1rem;

  }

  .white-header .nav-link {

    color: #344051 !important;

  }

  .white-header .nav-link.btn-style-1 {

    color: white !important;

  }

  .nav-link {

    font-size: 5vw;

    margin-bottom: 3vh;

  }

  .nav-item {

    margin-left: 1.2rem;

    margin-right: 1.2rem;

  }

  #navbarNav {

    background: white;

    height: 100vh;

    top: 0;

    position: fixed;

    right: -100vw;

    width: 80%;

    padding-top: 14vh;

    text-align: center;

  }

  .menu-active #navbarNav {

    right: 0;

  }

  .menu-active .menu-bar span {

    background: #344051;

  }

  .navbar-toggler,

  .navbar-toggler:focus,

  .navbar-toggler:hover {

    outline: none !important;

    border: none !important;

    text-shadow: none !important;

    background: none !important;

    position: absolute;

    right: 0;

    z-index: 1000;

    top: 2.5rem;

  }

  .menu-active .menu-mobile-shadow {

    opacity: 1;

    visibility: visible;

  }

  .menu-active {

    overflow: hidden;

  }

  .dropdown-menu {

    margin-top: 0rem;

    position: relative !important;

    top: -1rem;

  }

  .slider-item-blk-3 svg {

    height: inherit;

  }

  .home-blk-3-content.blk-1 {

    margin-top: 3.5rem;

  }

  .home-blk-3-2 .img svg {

    max-width: 90%;

    height: inherit;

    margin-top: 2.5rem;

  }

  .gallery-blk-3 {

    margin-top: 0 !important;

  }

  .testimonials-section .swiper-button {

    top: 100%;

    margin-top: 0.5rem;

    left: 50%;

    width: 4rem;

    transform: translateX(-6rem);

  }

  .testimonials-section .swiper-button.swiper-button-next-swiper-testimonoals {

    transform: translateX(2rem);

  }

  .testimonials-section .swiper-button svg {

    width: 100%;

  }

  .dropdown-item {

    font-size: 1.4rem !important;

    background: #f7f7f7;

  }

  .dropdown-menu .dropdown-item:first-child {

    padding-top: 1rem;

  }

  .dropdown-menu .dropdown-item:last-child {

    padding-bottom: 1rem;

  }

}/*# sourceMappingURL=style.css.map */