@font-face {
  font-family: "LiberationSans-Bold";
  src: url("../fonts/LiberationSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/LiberationSans-Bold.woff") format("woff"), url("../fonts/LiberationSans-Bold.ttf") format("truetype"), url("../fonts/LiberationSans-Bold.svg#LiberationSans-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LiberationSans-Regular";
  src: url("../fonts/LiberationSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/LiberationSans-Regular.woff") format("woff"), url("../fonts/LiberationSans-Regular.ttf") format("truetype"), url("../fonts/LiberationSans-Regular.svg#LiberationSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "LiberationSans-Regular";
  color: #000000;
}

a {
  color: #046380;
}

a:hover, a:focus {
  outline: none;
  box-shadow: none;
  text-underline-offset: 6px;
  color: #000000;
}

a.link {
  font-family: "LiberationSans-Bold";
}

button:focus {
  outline: none;
}

.sprite {
  background-image: url("../../images/sprite.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.tra {
  transition: all 0.3s;
}

.container {
  max-width: 1440px;
}

/* typography */
.padding {
  padding: 50px 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "LiberationSans-Bold";
}

h2.title {
  font-size: clamp(1.8rem, 1.56rem + 1.2vw, 3rem);
  line-height: 1.2;
  position: relative;
  margin: 0 0 40px;
}

h3 {
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  margin: 0 0 20px;
}

.btn-custom {
  position: relative;
  border: 2px solid #046380;
  border-radius: 10px;
  padding: 15px 30px;
  overflow: hidden;
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  font-family: "LiberationSans-Bold";
  background-color: transparent;
  color: #046380;
  letter-spacing: 2px;
}
.btn-custom::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background-color: #046380;
  transition: all 0.4s;
}
.btn-custom:focus::before, .btn-custom:hover::before {
  width: 100%;
}
.btn-custom:focus span, .btn-custom:hover span {
  color: #ffffff;
  position: relative;
}

.list-style1 li {
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}
.list-style1 li::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #000000;
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 50%;
}

.list-style2 li {
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  margin-bottom: 15px;
  position: relative;
  padding-left: 30px;
}
.list-style2 li::before {
  content: "";
  background-image: url("../../images/sprite.png");
  background-repeat: no-repeat;
  background-position: -9px -107px;
  width: 21px;
  height: 21px;
  filter: invert(11%) sepia(51%) saturate(1760%) hue-rotate(148deg) brightness(102%) contrast(101%);
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
}

/* header */
header {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  left: 0;
  right: 0;
  top: 0;
  transition: all 0.4s;
  z-index: 22 !important;
}
header .navbar .navbar-brand {
  color: #002F2F;
  font-family: "LiberationSans-Bold";
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
}
header .navbar .navbar-nav .nav-link {
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  color: #000000;
  padding: 30px 0;
  transition: all 0.3s linear;
  font-weight: bold;
}
header .navbar .navbar-nav .nav-link:hover, header .navbar .navbar-nav .nav-link.active {
  color: #002F2F !important;
}
header .navbar .navbar-brand {
  transform: scale(1);
  transition: all 0.3s linear;
}
header .dropdown .dropdown-menu .dropdown-item:focus, header .dropdown .dropdown-menu .dropdown-item:hover {
  color: #002F2F;
  background-color: transparent;
}
header.fixed {
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
}

/* banner */
#banner {
  max-height: 980px;
}
#banner .banner-pic {
  max-width: 260px;
}
#banner .banner-pic .animate-effect {
  -webkit-animation: MoveUpDown 5s linear infinite;
          animation: MoveUpDown 5s linear infinite;
  position: relative;
  left: 0;
  bottom: 0;
}
#banner .banner-content h1 {
  font-size: clamp(2.188rem, 1.8756rem + 1.562vw, 3.75rem);
}
#banner .banner-content h1 span {
  color: #046380;
}

@-webkit-keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 40px;
  }
}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 40px;
  }
}
/* products */
#products {
  background-color: rgba(229, 226, 175, 0.3);
}
#products .porduct-item {
  transition: all 0.3s;
  top: 0;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 30px;
  color: #002F2F;
}
#products .porduct-item .porduct-image {
  max-width: 150px;
}
#products .porduct-item .product-info .product-name {
  font-family: "LiberationSans-Bold";
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  color: inherit;
}
#products .porduct-item:hover {
  top: -10px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

/* features */
#features .item {
  max-width: 300px;
  margin: 0 auto;
}
#features .item .icon {
  max-width: 90px;
  min-height: 90px;
  padding: 15px;
  background-color: rgba(229, 226, 175, 0.4);
  border-radius: 10px;
}
#features .item .icon img {
  filter: invert(11%) sepia(51%) saturate(1760%) hue-rotate(148deg) brightness(102%) contrast(101%);
}

.mobile-phone {
  margin: auto;
  padding: 70px 10px 70px;
  width: 290px;
  height: 577px;
  box-shadow: 0 0 20px #e2e2e2;
  border-radius: 30px;
  position: relative;
  background: #000000;
}
.app-screenshot{
    margin: auto;
    padding:0 10px;
    position: relative;
    width: 290px;
   
}
.mobile-phone .screen {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 0;
  overflow-y: auto;
}
.mobile-phone .screen img {
  width: 100%;
  max-height: 100%;
}
.mobile-phone .brove {
  width: 80%;
  height: 20px;
  background: #ffffff;
  position: absolute;
  margin: 0 auto;
  border-radius: 0 0 20px 20px;
  top: 30px;
  left: 0;
  right: 0;
  background: transparent;
}
.mobile-phone .speaker {
  width: 60px;
  height: 8px;
  background: #111;
  display: block;
  margin: auto;
  margin-top: 5px;
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.mobile-phone .camera {
  position: absolute;
  top: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  right: 0px;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset;
}
.mobile-phone .camera::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #000000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}
.mobile-phone .bottom {
  width: 70px;
  height: 30px;
  background: #ffffff;
  position: absolute;
  margin: 0 auto;
  bottom: 20px;
  left: 0;
  right: 0;
  background: #000000;
  border-radius: 20px;
  box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.1) inset;
}

/* rating-block */
#rating-block .rating-text {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
#rating-block .rating-slider .item .rating-block .name {
  font-family: "LiberationSans-Bold";
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
#rating-block .rating-slider .item .rating-block .location {
  font-size: clamp(0.92rem, 0.88rem + 0.2vw, 1.12rem);
}

.owl-carousel.style01 .owl-nav {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  top: auto;
  bottom: -70px;
  margin: 0 auto;
  width: 170px;
  display: flex;
  justify-content: space-between;
}
.owl-carousel.style01 .owl-nav .owl-prev, .owl-carousel.style01 .owl-nav .owl-next {
  opacity: 0.6;
  outline: none;
}
.owl-carousel.style01 .owl-nav .owl-prev:hover, .owl-carousel.style01 .owl-nav .owl-next:hover {
  opacity: 1;
}
.owl-carousel.style01 .owl-nav .text {
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  font-family: "LiberationSans-Bold";
  color: #046380;
  display: inline-block;
  vertical-align: middle;
}
.owl-carousel.style01 .owl-nav .owl-prev .text {
  margin-right: 10px;
}
.owl-carousel.style01 .owl-nav .owl-next .text {
  margin-left: 10px;
}
.owl-carousel.style01 .owl-nav .owl-prev .prev-icon {
  filter: invert(25%) sepia(83%) saturate(1511%) hue-rotate(167deg) brightness(87%) contrast(97%);
  background-position: -2px -1px;
  width: 30px;
  height: 30px;
}
.owl-carousel.style01 .owl-nav .owl-next .next-icon {
  filter: invert(25%) sepia(83%) saturate(1511%) hue-rotate(167deg) brightness(87%) contrast(97%);
  background-position: -38px -1px;
  width: 30px;
  height: 30px;
}

/* download-block */
#download-block {
  background-color: rgba(4, 99, 128, 0.05);
}
#download-block .download-item {
  color: #002F2F;
}
#download-block .download-item .icon {
  max-width: 150px;
}
#download-block .download-item .product-name {
  font-family: "LiberationSans-Bold";
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  color: inherit;
}
#download-block .download-item .playstore-icon {
  max-width: 200px;
}

/* blog-section */
#blog-section .owl-carousel.style01 .owl-nav {
  bottom: -40px;
}
#blog-section .blog-slider .item .blog-item {
  color: #000000;
  background-color: rgba(229, 226, 175, 0.1);
  border-radius: 15px;
  transition: all 0.3s;
  text-decoration: none;
}
#blog-section .blog-slider .item .blog-item:hover {
  background-color: rgba(229, 226, 175, 0.3);
}
#blog-section .blog-slider .item .blog-item .blog-pic {
  padding-top: 65%;
}
#blog-section .blog-slider .item .blog-item .blog-pic img {
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#blog-section .blog-slider .item .blog-item .info .date {
  color: #5c5c5c;
}
#blog-section .blog-slider .item .blog-item .info .title {
  font-family: "LiberationSans-Bold";
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
#blog-section .blog-slider .item .blog-item .info .btn-custom {
  font-size: 0.85rem;
  font-family: "LiberationSans-Regular";
  border-width: 1px;
  padding: 10px 15px;
}

.owl-carousel.owl-flex .owl-stage {
  display: flex;
}

.owl-carousel.owl-flex .owl-stage .item {
  height: 100%;
  display: flex;
}

/* footer */
footer {
  background-color: #E5E2AF;
}
footer a {
  color: #002F2F;
}
footer a:hover {
  color: #046380;
}
footer .form-inline .form-group {
  width: 60%;
}
footer .form-inline .form-group .form-control {
  border-radius: 0;
  font-size: 0.85rem;
  padding: 10px;
  height: auto;
  width: 100%;
}
footer .form-inline .btn-custom {
  border-radius: 0;
  border: none;
  background-color: #046380;
  padding: 10px 15px;
  color: #ffffff;
  font-size: 0.85rem;
  font-family: "LiberationSans-Regular";
}
footer .form-inline .btn-custom::before {
  display: none;
}
footer .copyright {
  margin-top: 20px;
  border-top: 1px solid rgba(0, 47, 47, 0.5);
  padding: 15px 0;
  color: #046380;
  font-size: 0.85rem;
}

.email .sprite {
  background-position: -235px -65px;
  width: 30px;
  height: 31px;
}

.number .sprite {
  background-position: -275px -65px;
  width: 30px;
  height: 31px;
}

/* social-media */
.social-media li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.social-media li a.fb i {
  background-position: -7px -65px;
  width: 30px;
  height: 30px;
}
.social-media li a.tw i {
  background-position: -83px -65px;
  width: 30px;
  height: 30px;
}
.social-media li a.ld i {
  background-position: -195px -65px;
  width: 30px;
  height: 30px;
}
.social-media li a.in i {
  background-position: -44px -65px;
  width: 31px;
  height: 31px;
}
.social-media li a.yt i {
  background-position: -119px -65px;
  width: 30px;
  height: 30px;
}

/* totop */
#totop {
  bottom: 30px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  right: -60px;
  z-index: 9;
  background: #E5E2AF;
  color: #ffffff;
  transition: all 0.2s linear;
  opacity: 0;
  box-shadow: 0px 10px 29.7px 3.3px rgba(0, 0, 0, 0.2);
}
#totop .arrow-up {
  filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(93%) contrast(103%);
  background-position: -75px -6px;
  width: 16px;
  height: 20px;
}

/* inner-banner */
#inner-banner {
  height: 350px;
  background-color: rgba(229, 226, 175, 0.3);
}
#inner-banner h1 {
  font-size: clamp(2.188rem, -1.6098rem + 6.1255vw, 3.75rem);
}
#inner-banner .breadcrumb {
  background-color: transparent;
}
#inner-banner .breadcrumb li {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
#inner-banner .breadcrumb li::before {
  content: "-";
}
#inner-banner .breadcrumb li:first-child::before {
  display: none;
}
#inner-banner .breadcrumb li a {
  color: #046380;
}
#inner-banner .breadcrumb li a:hover, #inner-banner .breadcrumb li a:focus {
  color: #000000;
}

/* download-section */
.download-section {
  background-color: rgba(4, 99, 128, 0.05);
}

/* author-info */
.author-info p {
  margin-bottom: 0;
}
.author-info p span {
  color: #046380;
}

/*  form-wrap */
.form-wrap {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  border-radius: 20px;
  padding: 50px;
}
.form-wrap form .user {
  background-position: -38px -104px;
  width: 22px;
  height: 24px;
}
.form-wrap form .number {
  background-position: -129px -107px;
  width: 14px;
  height: 24px;
}
.form-wrap form .password {
  background-position: -103px -106px;
  width: 18px;
  height: 24px;
}
.form-wrap form .email {
  background-position: -71px -107px;
  width: 24px;
  height: 18px;
}
.form-wrap form .message {
  background-position: -211px -107px;
  width: 24px;
  height: 24px;
}
.form-wrap form .input-group {
  position: relative;
  transition: all 0.3s;
  margin-bottom: 30px;
  border-bottom: 1px solid #000000;
}
.form-wrap form .input-group .form-control {
  height: 55px;
  border: none;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  color: #000000;
}
.form-wrap form .input-group textarea.form-control {
  height: 120px;
  resize: none;
}
.form-wrap form .input-group .control-label {
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transform: translate3d(0, 30px, 0) scale(1);
  transform-origin: left top;
  transition: 240ms;
  left: 50px;
  margin: 0;
  top: -10px;
  color: #737171;
}
.form-wrap form .input-group.focused .control-label {
  opacity: 1;
  transform: scale(0.85);
  color: #dddddd;
  top: -10px;
}
.form-wrap form .input-group .input-group-text {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 40px;
  justify-content: center;
  max-height: 55px;
}
.form-wrap form .btn-custom {
  background-color: #046380;
  color: #ffffff;
}

/* pricing-block */
.pricing-block {
  padding: 30px;
  border-radius: 10px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.pricing-block .package {
  color: #ffffff;
  background-color: #046380;
  font-family: "LiberationSans-Bold";
  padding: 5px 20px;
  border-radius: 20px;
}
.pricing-block .price {
  color: #000000;
  font-family: "LiberationSans-Bold";
  font-size: clamp(2rem, 1.6rem + 2vw, 4rem);
  line-height: 1.2;
}
.pricing-block .term {
  color: #000000;
  font-family: "LiberationSans-Bold";
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
}
.pricing-block ul li {
  margin-bottom: 1rem;
}

@media only screen and (min-width: 992px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .btn-custom {
    padding: 15px 20px;
  }
  header {
    background-color: #ffffff;
  }
  header .navbar .navbar-collapse {
    max-height: 100vh;
    height: 80vh;
    overflow-y: auto;
  }
  header .navbar .navbar-nav .nav-link {
    padding: 15px 0;
  }
  header.fixed .navbar .navbar-nav .nav-link {
    padding: 15px 0;
  }
  #banner {
    height: auto !important;
  }
  .padding {
    padding: 50px 0;
  }
  .list-style1 li::before {
    width: 6px;
    height: 6px;
  }
  #rating-block .rating-slider .owl-nav {
    bottom: -40px;
  }
  h2.title {
    margin: 0 0 20px;
  }
  #inner-banner {
    height: 250px;
  }
  .form-wrap {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
  header .navbar .navbar-collapse {
    max-height: 100vh;
    height: 70vh;
    overflow-y: auto;
  }
}/*# sourceMappingURL=common.css.map */