@font-face {
  font-family: "arFont";
  src: url("../fonts/Poppins-Regular.otf");
  font-weight: 400; }

@font-face {
  font-family: "arFont";
  src: url("../fonts/Poppins-SemiBold.otf");
  font-weight: 500; }

@font-face {
  font-family: "arFont";
  src: url("../fonts/Poppins-Bold.ttf");
  font-weight: 600; }

@font-face {
  font-family: "arFont";
  src: url("../fonts/Poppins-Light.ttf");
  font-weight: 200; }

html {
  scroll-behavior: smooth; }

body {
  font-family: "arFont";
  font-weight: 400; }

input:focus, a:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, button:focus, button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus {
  outline: 0; }

img {
  max-width: 100%; }

::-moz-selection {
  background: rgba(145, 90, 149, 0.5);
  color: #fff; }

::selection {
  background: rgba(145, 90, 149, 0.5);
  color: #fff; }

.padd-0 {
  padding: 0; }

a {
  text-decoration: none; }

.sub-head {
  color: #915A95;
  padding-left: 2.5rem;
  position: relative;
  font-size: 16px;
  margin-bottom: 10px; }
  .sub-head:before {
    content: '';
    background: #915A95;
    position: absolute;
    width: 1.875rem;
    left: 0;
    top: 50%;
    height: 1px; }

.flex-div {
  display: flex; }
  .flex-div > *:not(:last-child) {
    margin-right: 10px; }

.flex-d {
  display: flex;
  align-items: flex-end; }

/*Custom Grid
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10,
.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
.col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
} */
/*Global Component*/
button {
  transition: all .5s; }
  button:hover {
    opacity: .8; }

.button {
  padding: 14px 48px;
  border-radius: 6px;
  border: 0; }
  .button.btn-gred {
    background: linear-gradient(270deg, #E07178 0%, #9D98AE 100%);
    color: #fff;
    font-weight: 200; }

.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(55, 55, 55, 0.6);
  opacity: 1;
  /* Firefox */ }

.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(55, 55, 55, 0.6); }

.form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(55, 55, 55, 0.6); }

.contact-input {
  border: 0;
  min-height: 4.25rem;
  color: rgba(55, 55, 55, 0.6); }

header {
  transition: all .5s;
  position: absolute;
  width: 100%;
  z-index: 2;
  background: transparent; }
  header .navbar {
    padding-right: 0;
    padding-left: 0; }
    header .navbar li:not(:first-child) {
      margin-left: 1.25rem; }
    header .navbar a {
      font-size: 1.125rem;
      color: #fff;
      transition: color .5s; }
      header .navbar a:hover {
        text-decoration: none; }
  header .navbar-toggler {
    color: #fff; }

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background: #CD739F; }
  .sticky .navbar-brand img {
    max-width: 5rem; }

footer {
  background: linear-gradient(90deg, #cd739f 0%, #915a95 100%);
  padding: 0.9375rem 0; }
  footer p {
    font-size: 1rem;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    font-weight: 200; }

.banner {
  padding-top: 12.5rem;
  background: url("../imgs/home/globe.png"), linear-gradient(270deg, #915A95 52%, #CD739F 100%);
  background-repeat: no-repeat;
  background-attachment: fixed; }
  .banner .banner-txt {
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
    .banner .banner-txt h2 {
      font-size: 2.5rem; }
    .banner .banner-txt button {
      width: fit-content; }
  .banner .banner-imgs {
    position: relative;
    margin-bottom: -6.25rem; }
    .banner .banner-imgs img {
      max-width: 60%; }
    .banner .banner-imgs img:last-child {
      position: absolute;
      right: 0; }

.about {
  padding: 9.375rem 0 1.875rem;
  background: url("../imgs/home/about-bef.png");
  background-repeat: no-repeat;
  background-position: top left; }
  .about h3 {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 30px; }
  .about p {
    font-weight: 200;
    color: rgba(55, 55, 55, 0.6); }

section.work {
  padding: 3.75rem 0;
  background: #FCFCFC; }

.head-sec {
  text-align: center; }
  .head-sec h3 {
    position: relative;
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem;
    font-weight: 600; }
    .head-sec h3:after {
      content: '';
      width: 5rem;
      height: 0.25rem;
      background: #B29DBC;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
  .head-sec p {
    color: rgba(55, 55, 55, 0.6); }
    .head-sec p span {
      display: block; }

.work-d {
  text-align: center;
  padding: 0 15px; }
  .work-d h4 {
    font-weight: 500; }
  .work-d p {
    color: rgba(55, 55, 55, 0.6); }

.work-icon {
  background: linear-gradient(315deg, #E07178 40%, #BB9BAA 100%);
  border-radius: 0.375rem;
  padding: 15px;
  width: 6.25rem;
  height: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto; }

.interface {
  padding: 3.75rem 0; }

.screen-wrap {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden; }
  .screen-wrap .mobile-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25rem;
    height: 46.875rem; }

.screen-slider {
  position: relative;
  padding: 7.5rem 0;
  /*&:before{
    content: '';
    background: url('../imgs/home/mobile.png');
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-position: center;
    background-repeat: no-repeat;
    width: rem(400px);
    height: rem(750px);
  }*/ }
  .screen-slider .slick-slide img {
    margin: 1.25rem auto 0;
    max-width: 23.75rem;
    max-height: 36.25rem; }

.slick-dots li button {
  width: 10px;
  height: 10px; }

.slick-dots li {
  width: 12px;
  height: 12px; }
  .slick-dots li button:before {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: rgba(145, 90, 149, 0.2);
    color: transparent;
    opacity: 1; }

.slick-dots li.slick-active {
  width: 3.75rem; }
  .slick-dots li.slick-active button:before {
    background: #915A95;
    color: transparent;
    width: 3.75rem; }

.download-wrap {
  border-radius: 1.875rem;
  margin: 1.875rem 0 3.75rem;
  background: url("../imgs/home/down-bef@2x.png"), linear-gradient(90deg, #cd739f 0%, #915a95 100%);
  background-repeat: no-repeat;
  background-position: top right;
  overflow: hidden;
  padding: 3.75rem 1.875rem 0;
  color: #fff; }
  .download-wrap h4 {
    font-size: 2rem; }
  .download-wrap h4 span, .download-wrap p span {
    display: block; }
  .download-wrap .down-txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; }
  .download-wrap p {
    margin: 0.9375rem 0 1.875rem; }
  .download-wrap .btns img {
    width: 7.5rem; }

.btns > *:not(:last-child) {
  margin-right: 10px; }

.trust {
  padding: 3.75rem 0;
  background: #FCFCFC; }
  .trust p {
    margin: 0; }
  .trust p {
    color: rgba(55, 55, 55, 0.6); }
    .trust p span {
      display: block; }

.imgs > *:not(:first-child) {
  margin-left: 3.125rem; }

.contact-wrap {
  box-shadow: 0px 12px 32px rgba(26, 27, 30, 0.06);
  margin: 3.75rem 0; }
  .contact-wrap .grey-back {
    height: 100%;
    padding: 3.75rem; }
  .contact-wrap .contact-input {
    margin-bottom: 15px; }

.contact-txt {
  padding: 3.75rem; }
  .contact-txt h5 {
    margin-bottom: 30px; }
  .contact-txt .flex-div {
    align-items: center; }
  .contact-txt p {
    color: rgba(55, 55, 55, 0.6); }
  .contact-txt ul {
    padding: 0;
    margin: 0; }
    .contact-txt ul li {
      list-style: none;
      margin-bottom: 20px; }
  .contact-txt li p {
    margin: 0; }

.border-b {
  border-bottom: 1px solid #F3F3F3;
  padding-bottom: 15px;
  margin-bottom: 30px; }

.grey-back {
  background: #F2F2F2; }

@media only screen and (max-width: 600px) {
  .download-wrap > .row {
    flex-direction: column-reverse; } }

@media only screen and (max-width: 768px) {
  html {
    font-size: 12px; }
  .navbar-brand img {
    max-width: 80px; }
  .banner .banner-txt h2 {
    font-size: 2rem;
    margin-bottom: 15px; }
  .banner-imgs {
    margin-top: 30px; }
  ul.nav.navbar-nav {
    background: #fff;
    padding: 10px 0; }
    ul.nav.navbar-nav li {
      margin-bottom: 5px; }
    ul.nav.navbar-nav li a {
      color: rgba(55, 55, 55, 0.6); }
  header .navbar li:first-child {
    margin-left: 1.25rem; }
  .down-txt {
    margin-bottom: 30px; }
  .trust .imgs {
    margin-top: 15px; }
  .contact-txt, .contact-wrap .grey-back {
    padding: 2rem; } }

@media (max-width: 1200px) and (min-width: 769px) {
  html {
    font-size: 14px; }
  .banner .banner-txt h2 {
    font-size: 2rem; }
  .contact-txt, .contact-wrap .grey-back {
    padding: 1rem; } }