.avenir {
  font-family: 'avenir next', avenir, sans-serif;
}

* {
  margin: 0;
  padding: 0;
  font-family: 'avenir next', avenir, sans-serif;
}

.m-w {
  max-width: 1600px;
}

.m-w2 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.bg-pri {
  background-color: #0079FF;
}

.login {
  color: #0079FF;
  font-size: 16px;
  font-weight: 700;
}

.hero-title {
  color: #2E3B95
}

.bg-sec {
  background-color: #2E3B95;
}

.card-image {
  max-width: 70%;
}

.landing-image {
  display: flex;
}

@media (max-width: 768px) {
  .card-image {
    max-width: 100%;
    object-fit: contain;
  }

  .landing-text {
    justify-content: center;
  }

  .landing-image {
    display: none;
  }

}

.lt-bg {
  background-color: #F3F5FB;
}

.bg-alt {
  background-color: #FCFCFC;
}

.bg-pri-dim {
  background-color: #1B2C7E;
}

.bg-pri-dim2 {
  background-color: #060B1D;
}

.bg-card-col {
  background: whitesmoke;
}

.bg-col-pri {
  background-color: #0079FF;
}

.bg-sec {
  background-color: #FFB92D;
}

.bg-sec2 {
  background-color: #193A5C;
}

.btn2-h {
  height: 60px !important;
}

.btn1-h {
  height: 64px !important;
}

.pri {
  color: #0079FF !important;
}

.title-col {
  color: #32325d !important;
}

.text-col {
  color: #525f7f !important;
}

.text-col-b {
  color: #969696 !important;
}

.sec {
  color: #FFB92D;
}

.bg-pri-o {
  background-color: rgba(34, 60, 176, 0.1);
}

a {
  outline-color: transparent !important;
  text-decoration: none;
  -webkit-transition: 1s;
  transition: 1s;
}

a.cs:hover {
  color: #FFB92D !important;
  -webkit-transition: .2s;
  transition: .2s;
}

.b--pri {
  border-color: #0079FF !important;
}

hr {
  border: 1px solid #0079FF;
}

.b-img {
  background-image: url(https://res.cloudinary.com/temiid/image/upload/fl_progressive,q_auto:eco/v1572549596/platphom/bgServices2.svg);
  background-size: cover;
  background-repeat: no-repeat;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: top center;
}

.b-img2 {
  background-image: url(https://res.cloudinary.com/temiid/image/upload/fl_progressive,q_auto:eco/v1573312546/platphom/slantbg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: top center;
}

.b-img3 {
  background-image: url(https://res.cloudinary.com/temiid/image/upload/fl_progressive,q_auto:eco/v1572668633/platphom/expense-card-bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: top center;
}

.b-img4 {
  background-image: url(https://res.cloudinary.com/temiid/image/upload/fl_progressive,q_auto:eco/v1582761409/platphom/test-bg-.svg);
  background-size: cover;
  background-repeat: no-repeat;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: top center;
}

.b-img6 {
  background-image: url(https://res.cloudinary.com/temiid/image/upload/fl_progressive,q_auto:eco/v1582585673/platphom/test-bg22.svg);
  background-size: cover;
  background-repeat: no-repeat;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: top center;
}

.land-card-main {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.land-card1 {
  scale: 1.2;
  border-radius: .25rem;
  width: 300px;
  height: 580px;
  left: 410px;
  top: 135px;
}

.land-card2 {
  -webkit-box-shadow: 37.2px 62.5px 125px -25px rgba(50, 50, 93, 0.2), 22.3px 37.5px 75px -37.5px rgba(0, 0, 0, 0.2);
  box-shadow: 37.2px 62.5px 125px -25px rgba(50, 50, 93, 0.2), 22.3px 37.5px 75px -37.5px rgba(0, 0, 0, 0.2);
  border-radius: 1.79rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  /* background: #232E3E; */
  height: 554px;
  width: 725.5px;
  left: 10px;
}

.illust-card-cont {
  -webkit-perspective: 1400px;
  perspective: 1400px;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.budget-illust-card {

  scale: 1.05;
  border-radius: .2rem;
  overflow: hidden;
  position: relative;
}

.track-illust-card {
  scale: 1.05;
  border-radius: .3rem;
  overflow: hidden;
  position: relative;
  justify-content: flex-end;
  width: 100%;

}

.smart-cards {
  scale: 1.05;
  border-radius: .3rem;
  position: relative;
}

.card-shadow {
  -webkit-box-shadow: 27.1px 62.5px 125px -25px rgba(50, 50, 93, 0.5), 16.2px 37.5px 75px -37.5px rgba(0, 0, 0, 0.6);
  box-shadow: 27.1px 62.5px 125px -25px rgba(50, 50, 93, 0.5), 16.2px 37.5px 75px -37.5px rgba(0, 0, 0, 0.6);
}

.card-size {
  height: 550px;
  width: 310px;
  border-radius: .78rem;
}

.front,
.back {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s linear;
  transition: -webkit-transform .4s linear;
  transition: transform .4s linear;
  transition: transform .4s linear, -webkit-transform .4s linear;
}

.front {
  -webkit-transform: perspective(800px) rotateY(0deg);
  transform: perspective(800px) rotateY(0deg);
}

.back {
  -webkit-transform: perspective(800px) rotateY(180deg);
  transform: perspective(800px) rotateY(180deg);
}

.panels:hover .front {
  -webkit-transform: perspective(4000px) rotateY(-180deg);
  transform: perspective(4000px) rotateY(-180deg);
  cursor: pointer;
}

.panels:hover .back {
  -webkit-transform: perspective(4000px) rotateY(0deg);
  transform: perspective(4000px) rotateY(0deg);
  cursor: pointer;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
}

@keyframes flip {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
}

@-webkit-keyframes flip2 {
  0% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@keyframes flip2 {
  0% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@media (max-width: 768px) {
  .land-card1 {
    width: 210px;
    height: 340px;
    left: 71px;
    top: 50px;
  }

  .land-card2 {
    width: 96%;
    height: 418px;

    display: flex;
    justify-content: center;
    align-items: center;
  }

  .budget-illust-card {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .track-illust-card {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .card-size {
    height: 405px;
    width: 250px;
  }

  .b-img4 {
    background-image: url(https://res.cloudinary.com/temiid/image/upload/fl_progressive,q_auto:eco/v1582761409/platphom/test-bg-1.svg);
    background-position: right center;
  }

  .b-post {
    background-position: top center;
    -o-object-fit: cover;
    object-fit: cover;
    background-image: url(https://res.cloudinary.com/temiid/image/upload/fl_progressive,q_auto:eco/v1582761409/platphom/test-bg-2.svg);
  }

  .b-menu {
    background-position: center;
    background-image: url(https://res.cloudinary.com/temiid/image/upload/fl_progressive,q_auto:eco/v1581903537/platphom/mobile-menu-bg2.svg);
  }
}

@media (max-width: 768px) {
  .sc-down-overflow {
    overflow: hidden;
  }

  .order-0-pro {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .order-1-pro {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
}

@media screen and (width: 1280px) {
  .land-card1 {
    left: 390px;
    top: 130px;
  }

  .land-card2 {
    left: 0px;
    height: 502px;
    width: 655px;
  }
}

@media (min-width: 1920px) {
  .land-card1 {
    left: 475px;
    top: 75px;
    width: 350px;
  }

  .land-card2 {
    border-radius: 2.5rem;
    height: 634px;
    width: 829px;
    left: 0px;
  }

  .b-img4 {
    background-image: url(https://res.cloudinary.com/temiid/image/upload/fl_progressive,q_auto:eco/v1582761409/platphom/test-bg-.svg);
    background-position: top center;
  }
}

.cnt-card {
  top: 15%;
}

@media (max-width: 768px) {
  .cnt-card {
    top: 13%;
  }
}

@media (max-width: 764px) {
  .b-img {
    background-position: top center;
  }

  .b-img2 {
    background-position: left center;
  }

  .b-img2 {
    background-position: top center;
  }

  .btn1-h {
    height: 52px !important;
  }

  .cnt-card {
    top: 12%;
  }

  .blk-sm {
    background: rgba(0, 0, 0, 0.025);
  }

  .vh-45-cus {
    height: 50vh;
  }
}

@media screen and (min-width: 400px) and (max-width: 414px) {
  .vh-45-cus {
    height: 42vh;
  }
}

@media (max-width: 375px) {
  .vh-45-cus {
    height: 42vh;
  }
}

@media (max-width: 360px) {
  .vh-45-cus {
    height: 50vh;
  }
}

@media (max-width: 320px) {
  .vh-45-cus {
    height: 69vh;
  }
}

.controls {
  opacity: 1;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  font-size: 0.875rem;
}

.controls:hover {
  opacity: 0.6;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 0.75rem;
}

@media (max-width: 764px) {

  .controls,
  .controls:hover {
    font-size: 0.75rem !important;
  }
}

.inpt2 input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.inpt2 input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.inpt2 input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.inpt2 input::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.inpt2 input {
  color: rgba(0, 0, 0, 0.85) !important;
}

.inpt input::-webkit-input-placeholder,
.inpt textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25) !important;
}

.inpt input:-ms-input-placeholder,
.inpt textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.25) !important;
}

.inpt input::-ms-input-placeholder,
.inpt textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.25) !important;
}

.inpt input::placeholder,
.inpt textarea::placeholder {
  color: rgba(0, 0, 0, 0.25) !important;
}

.obj-fit {
  -o-object-fit: cover;
  object-fit: cover;
}

.uk-link:hover,
a:hover {
  color: #fff;
  text-decoration: none !important;
}

.nav-header-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  /* MOBILE MENU STYLES */
}

.showMob-nav-width {
  width: 100% !important;
  height: 90% !important;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.02);
  -webkit-transition: .4s !important;
  transition: .4s !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

@media (width: 768px) {
  .showMob-nav-width {
    width: 45% !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
  }

  .b-img4 {
    background-image: url(https://res.cloudinary.com/temiid/image/upload/fl_progressive,q_auto:eco/v1582761409/platphom/test-bg-.svg);
    background-position: bottom center;
  }
}

.filter-img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.carouselCont .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bg-grad {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, rgba(0, 0, 0, 0.8)), color-stop(200%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 100%, rgba(255, 255, 255, 0) 200%, rgba(255, 255, 255, 0) 100%);
}

.shadow-in {
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
}

.shadow-in2 {
  -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
}

.z-999 {
  z-index: 999;
}

.z-1000 {
  z-index: 1000;
}

.bg-hover:hover {
  background-color: #0079FF;
}

/* SLIDE ANIMATION */
.slide-left {
  -webkit-animation: slide-left .4s .2s ease-in-out forwards;
  animation: slide-left .4s .2s ease-in-out forwards;
  opacity: 0;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.ani-opacity {
  -webkit-animation: ani-opacity .4s .2s ease-in-out forwards;
  animation: ani-opacity .4s .2s ease-in-out forwards;
  opacity: 0;
}

.slide-up {
  -webkit-animation: slide-up .4s .2s ease-in-out forwards;
  animation: slide-up .4s .2s ease-in-out forwards;
  opacity: 0;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.slide-up-4s {
  -webkit-animation: slide-up .4s 1.1s ease-in-out forwards !important;
  animation: slide-up .4s 1.1s ease-in-out forwards !important;
}

.bounce {
  animation: bounce 2s infinite alternate-reverse ease-in-out;
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0.1;
}

.bounce2 {
  animation: bounce2 2s infinite alternate-reverse ease-in-out;
  -webkit-transform: translateY(40%);
  transform: translateY(40%);
  opacity: 0.1;
}

@-webkit-keyframes slide-left {
  from {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }

  to {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes slide-left {
  from {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }

  to {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes ani-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ani-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes slide-up {
  from {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes slide-up {
  from {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }

  to {
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
    opacity: .98;
  }
}

@keyframes bounce {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }

  to {
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
    opacity: .98;
  }
}

@-webkit-keyframes bounce2 {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }

  to {
    -webkit-transform: translateY(4%);
    transform: translateY(4%);
    opacity: .2;
  }
}

@keyframes bounce2 {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }

  to {
    -webkit-transform: translateY(4%);
    transform: translateY(4%);
    opacity: .2;
  }
}

[data-scroll].scroll-effect {
  -webkit-transition: all .5s;
  transition: all .5s;
}

[data-scroll='out']#we-strive {
  opacity: 0;
  -webkit-transition: 0.2s 0.5s ease-in-out;
  transition: 0.2s 0.5s ease-in-out;
  -webkit-transform: translateX(5%);
  transform: translateX(5%);
}

[data-scroll='in']#we-strive {
  opacity: 1;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

[data-scroll='out']#serv1 {
  opacity: 0.1;
  -webkit-transition: 0.2s .5s ease-in-out;
  transition: 0.2s .5s ease-in-out;
  -webkit-transform: translateY(12%);
  transform: translateY(12%);
}

[data-scroll='in']#serv1 {
  opacity: 1;
  -webkit-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

[data-scroll='out']#serv2 {
  -webkit-transition: 0.5s 1s ease-in-out;
  transition: 0.5s 1s ease-in-out;
  -webkit-transform: translateY(12%);
  transform: translateY(12%);
}

[data-scroll='in']#serv2 {
  -webkit-transition: 0.9s .15s ease-in-out;
  transition: 0.9s .15s ease-in-out;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

[data-scroll='out']#serv3 {
  opacity: 0;
  -webkit-transition: 0.5s 1s ease-in-out;
  transition: 0.5s 1s ease-in-out;
  -webkit-transform: translateY(12%);
  transform: translateY(12%);
}

[data-scroll='in']#serv3 {
  opacity: 1;
  -webkit-transition: 1s .25s ease-in-out;
  transition: 1s .25s ease-in-out;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

[data-scroll='out']#serv4 {
  opacity: 0;
  -webkit-transition: 0.5s 1s ease-in-out;
  transition: 0.5s 1s ease-in-out;
  -webkit-transform: translateY(12%);
  transform: translateY(12%);
}

[data-scroll='in'].scroll-effect {
  -webkit-transition: 0s ease-in-out;
  transition: 0s ease-in-out;
  background: rgba(255, 255, 255, 0);
}

[data-scroll='out'].scroll-effect {
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
  background: rgba(255, 255, 255, 0.9);
}

[data-scroll='in'] .logo {
  width: 10rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

[data-scroll='out'] .logo {
  width: 8em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media screen and (min-width: 768px) {
  .illust {
    right: 0px;
    top: 105px;
  }
}

@media screen and (max-width: 764px) {
  [data-scroll='in'] .logo {
    width: 9em;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  [data-scroll='out'] .logo {
    width: 8em;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  [data-scroll='in'].scroll-effect {
    margin-top: 0rem;
  }

  [data-scroll='out'].scroll-effect {
    margin-top: 0rem;
  }

  .cuz-bottom-mrg-c {
    margin-bottom: 22rem;
  }

  .cuz-bottom-mrg {
    margin-bottom: 42rem;
  }

  .black-80-sm {
    background-color: rgba(0, 0, 0, 0.8);
  }

  .land-card1 {
    top: 20px;
  }

  .land-card2 {
    border-radius: 1.4rem;
    top: 50px;
  }

  .budget-illust-card {
    height: 259px;
  }

  .track-illust-card {
    height: 260px;
  }
}

@media screen and (width: 320px) {
  .cuz-bottom-mrg {
    margin-bottom: 50rem;
  }
}

[data-scroll='in'].sb-btn {
  background: #FFB92D;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

[data-scroll='out'].sb-btn {
  background: #0079FF;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #fff;
}

[data-scroll='in'].scroll-effect .link {
  font-size: 1.15rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

[data-scroll='out'].scroll-effect .link {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

[data-scroll='out'].scroll-effect .socials {
  color: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.socials:hover {
  color: #FFB92D !important;
}

.list .link:hover {
  color: #0079FF;
}

@media screen and (max-width: 764px) {
  .no-shadow {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  }
}

/* Cursor */
.txt-type>.txt {
  border-right: 0.2rem solid #0079FF;
}

/* //MEDIA QUERY FOR IPAD PRO */
@media screen and (width: 1024px) {
  .vh-25-pro {
    height: 25vh !important;
  }

  .vh-60-pro {
    height: 50vh !important;
  }

  .vh-55-pro {
    height: 55vh !important;
  }

  .pl5-ns {
    padding-left: 4rem;
  }

  .pr0-ns {
    padding-right: 0rem !important;
  }

  .pr5-ns {
    padding-right: 4rem;
  }

  .f1-pro {
    font-size: 2.7rem;
  }

  .f1-5-pro {
    font-size: 2.5rem !important;
  }

  .f2-pro {
    font-size: 2.25rem !important;
  }

  .f2-3-pro {
    font-size: 2.15rem !important;
  }

  .f2-5-pro {
    font-size: 2rem !important;
  }

  .f2-8-ns {
    font-size: 1.65rem !important;
  }

  .f4-5-pro {
    font-size: 1.15rem;
  }

  .f5-pro {
    font-size: 1rem;
  }

  .f5-5-pro {
    font-size: .9375rem;
  }

  .w-31-pro {
    width: 31% !important;
  }

  .w-38-pro {
    width: 40% !important;
  }

  .w-40-pro {
    width: 45% !important;
  }

  .w-50-pro {
    width: 50% !important;
  }

  .w-55-pro {
    width: 55% !important;
  }

  .w-80-pro {
    width: 80% !important;
  }

  .w-90-pro {
    width: 90% !important;
  }

  .w-100-pro {
    width: 100% !important;
  }

  .mt3-pro {
    margin-top: 1rem;
  }

  .mv3-5-pro {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .ml4-pro {
    margin-left: 2rem;
  }

  .mb3-pro {
    margin-bottom: 1rem;
  }

  .mb3-5-pro {
    margin-bottom: 1.5rem;
  }

  .mr0-pro {
    margin-right: 0rem !important;
  }

  .mr5-pro {
    margin-right: 4rem !important;
  }

  .h7-ns {
    height: 24rem !important;
  }

  .h5-9-ns {
    height: 19rem !important;
  }

  .pb6-3-ns {
    padding-bottom: 7rem !important;
  }

  .pb4-5-pro {
    padding-bottom: 3rem !important;
  }

  .pb5-5-pro {
    padding-bottom: 6rem !important;
  }

  .pr0-pro {
    padding-right: 0rem !important;
  }

  .pl5-ns-pro {
    padding-left: 4rem !important;
  }

  .pl6-ns-pro {
    padding-left: 8rem !important;
  }

  .ph5-ns-pro {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .ph6-5-ns {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .mt-cuz {
    margin-top: -180px !important;
  }

  .w7-l {
    width: 20rem;
  }

  .w3-5-ns {
    width: 4.5rem;
  }

  .h3-5-ns {
    height: 4.5rem;
  }

  .dn-pro {
    display: none !important;
  }

  .land-card1 {
    width: 300px;
    height: 580px;
    left: 0px;
    top: 65px;
  }
}

@media screen and (width: 1024px) and (height: 768px) {
  .vh-25-pro {
    height: 43vh !important;
  }

  .vh-83-pro-lndscp {
    height: 83vh !important;
  }

  .f1-pro-lndscp {
    font-size: 3rem !important;
  }

  .f1-5-pro-lndscp {
    font-size: 2.55rem !important;
  }
}

@media screen and (width: 1280px) {
  .w7-x1l {
    width: 32rem !important;
  }

  .w-27-x1l {
    width: 27% !important;
  }

  .w-33-x1l {
    width: 31% !important;
  }

  .w-37-x1l {
    width: 37% !important;
  }

  .w-70-x1l {
    width: 70% !important;
  }

  .w-77-x1l {
    width: 77% !important;
  }

  .w-85-x1l {
    width: 85% !important;
  }

  .w-90-x1l {
    width: 90% !important;
  }

  .w-100-x1l {
    width: 100% !important;
  }

  .f1-5-x1l {
    font-size: 2.5rem;
  }

  .f0-7-x1l {
    font-size: 2.9rem;
  }

  .f4-x1l {
    font-size: 1.25rem;
  }

  .f5-x1l {
    font-size: 1rem;
  }

  .mr2-x1l {
    margin-right: 0.5rem !important;
  }

  .ml0-x1l {
    margin-right: 0rem !important;
  }

  .ml4-x1l {
    margin-left: 2rem !important;
  }

  .pr0-x1l {
    padding-right: 0rem !important;
  }

  .pr4-x1l {
    padding-right: 2rem !important;
  }

  .ph4-xl {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .ph5-x1l {
    padding-left: 4rem;
    padding-right: 4rem !important;
  }

  .ph5-5-x1l {
    padding-left: 6rem;
    padding-right: 6rem !important;
  }

  .pl5-x1l {
    padding-left: 4rem !important;
  }

  .pl5-5-x1l {
    padding-left: 6rem !important;
  }

  .vh-40-x1l {
    height: 40vh !important;
  }

  .vh-45-x1l {
    height: 45vh !important;
  }

  .vh-75-x1l {
    height: 75vh !important;
  }
}

@media screen and (width: 1280px) and (height: 950px) {
  .vh-90-ns {
    height: 75vh !important;
  }
}

@media screen and (width: 1366px) and (height: 1024px) {
  .land-card2 {
    height: 538.5px;
    width: 704px;
    left: -10px !important;
    border-radius: 1.86rem;
  }

  .land-card1 {
    left: 370px;
    top: 135px;
  }

  .vh-90-ns {
    height: 75vh !important;
  }
}

/* //MEDIA QUEY FOR 1920PX ABOVE  */
@media screen and (min-width: 1920px) {
  .pt5-5-xl {
    padding-top: 6rem !important;
  }

  .pl6-3-xl {
    padding-left: 11rem !important;
  }

  .pr5-xl {
    padding-right: 4rem !important;
  }

  .mt-cuz {
    margin-top: -180px !important;
  }

  .mt3-xl {
    margin-top: 1rem;
  }

  .vh-35-xl {
    height: 35vh !important;
  }

  .vh-70-xl {
    height: 70vh !important;
  }

  .vh-75-xl {
    height: 78vh !important;
  }

  .vh-90-xl {
    height: 90vh !important;
  }

  .mt6-5-xl {
    margin-top: 14rem;
  }

  .f1-5-xl {
    font-size: 2.5rem;
  }

  .w-30-xl {
    width: 30%;
  }

  .w-80-xl {
    width: 80%;
  }

  .w-48-xl {
    width: 48%;
  }
}

/* //MEDIA QUEY FOR 2560PX ABOVE  */
@media screen and (min-width: 2560px) {
  .w-51-xxl {
    width: 51% !important;
  }

  .w-23-xxl {
    width: 23% !important;
  }

  .w-32-xxl {
    width: 31% !important;
  }

  .w-95-xxl {
    width: 95% !important;
  }

  .vh-65-xxl {
    height: 65vh !important;
  }

  .mh0-xxl {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .mt6-5-xxl {
    margin-top: 14rem;
  }

  .ph7-xxl {
    padding-left: 16rem;
    padding-right: 16rem;
  }
}

.video {
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center;
}

@media screen and (min-width: 400px) and (max-width: 414px) {
  .w6 {
    width: 22rem;
  }

  .h6 {
    height: 29rem;
  }
}

@media screen and (min-width: 360px) and (max-width: 375px) {
  .w6 {
    width: 20rem;
  }
}

@media (max-width: 320px) {
  .w6 {
    width: 17rem;
  }
}

.toggle1 {
  webkit-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: .5s all;
  transition: .5s all;
  z-index: 100000;
}

.toggle2 {
  webkit-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -6px;
  -webkit-transition: .5s all;
  transition: .5s all;
  z-index: 100000;
}

.price {
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  position: relative;
  overflow: hidden;
}

/*# sourceMappingURL=styles.css.map */