body {
  margin: 0;
  padding: 0;
  background: #536069;
  color: #DFD7B9;
  font-family: 'Poppins', sans-serif; }

.page_container {
  position: relative;
  overflow: visible;
  width: 100%; }

.page {
  min-height: 100vh; }

h1 {
  font-size: 125pt;
  font-weight: bold;
  line-height: 0.999;
  margin-top: 5%; }

.hero-text {
  padding: 70px 0; }

.pr-1 {
  padding-right: 10px; }

.pr-2 {
  padding-right: 20px; }

.pt-1 {
  padding-top: 10px; }

.pt-2 {
  padding-top: 20px; }

.pt-3 {
  padding-top: 30px; }

.mt-0 {
  margin-top: 0; }

.users-text {
  text-decoration: line-through;
  opacity: 0.2; }

.clinicroom-container {
  display: flex;
  padding-top: 120px; }

.buddy-container {
  display: flex;
  padding-top: 120px; }

.eats-container {
  display: flex;
  padding-top: 120px; }

.arrow-main {
  position: relative;
  bottom: -2rem;
  left: 50%;
  width: 70px;
  height: 70px;
 /**
* Dark Arrow Down
*/
  background-image: url(../images/arrow.svg);
  background-size: 25px;
  background-repeat: no-repeat; }

.bounce {
  animation: bounce 4s infinite; }

@keyframes bounce {
  0%,
    20%,
    50%,
    80%,
    100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
.arrow-wrapper {
  position: absolute;
  left: 50%;
  width: 70px; }

#myElement {
  color: #0038FF; }

.time-line-wrapper {
  margin-top: 70px; }
  .time-line-wrapper__time-stamp {
    float: left;
    width: 100%;
    position: relative; }
    .time-line-wrapper__time-stamp .position {
      border-top: 2px solid #DFD7B9;
      position: relative; }
      .time-line-wrapper__time-stamp .position::before {
        content: " ";
        width: 1px;
        height: 26px;
        display: block;
        background: #DFD7B9;
        position: absolute;
        top: -15px; }
      .time-line-wrapper__time-stamp .position span {
        margin-left: 20px; }
    .time-line-wrapper__time-stamp .year {
      position: absolute;
      top: -38px;
      left: -5px; }
  .time-line-wrapper .span-wrapper {
    display: block;
    position: absolute;
    left: -26px;
    top: 14px; }
  .time-line-wrapper.last-element__time-stamp .position::before {
    content: " ";
    content: " ";
    width: 1px;
    height: 26px;
    display: block;
    background: #DFD7B9;
    position: absolute;
    top: -15px; }
  .time-line-wrapper.last-element__time-stamp .year {
    position: absolute;
    top: -38px;
    right: -5px; }

.time-line-wrapper__time-stamp.last-element .span-wrapper {
  left: 148px; }
.time-line-wrapper__time-stamp.last-element .year {
  left: 165px; }
.time-line-wrapper__time-stamp.last-element .position::before {
  right: 88px; }

.seporate-border {
  border-top: 1px solid #ffffff2e; }

.yellow-text {
  color: #FFC804; }

.paragraph-long-text {
  font-size: 30px; }

.experince-wrp {
  display: flex;
  flex-direction: column; }
  .experince-wrp .numbers {
    font-size: 100px; }
  .experince-wrp .specilized-text {
    font-weight: bold;
    font-size: 40px; }

.projects-area {
  position: relative; }
  .projects-area .background-blur-h1 {
    position: absolute;
    width: 100%;
    background-color: rgba(83, 96, 105, 0.3);
    font-family: sans-serif;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(30px); }

.project-wrapper {
  display: flex;
  flex-direction: row; }
  .project-wrapper .project-img-wrp img {
    width: 700px; }
  .project-wrapper .project-img-wrp .pt-60 {
    padding-top: 60px; }
  .project-wrapper .project-description .client-name {
    font-size: 16px; }
  .project-wrapper .project-description .project-description {
    font-size: 40px;
    font-weight: bold; }
  .project-wrapper .project-description .case-study-path {
    font-size: 16px;
    color: #FFC804;
    text-decoration: none; }

.deep-ash-bg {
  background: #424E57; }

.motion-wrp.coffe {
  background-image: url("../images/coffe.gif"); }
.motion-wrp.flight {
  background-image: url("../images/flight.gif"); }
.motion-wrp.watch {
  background-image: url("../images/animation-dribble.gif"); }
.motion-wrp.menu {
  background-image: url("../images/menu-animation.gif"); }

.motion-description .client-name {
  font-size: 16px; }
.motion-description .project-description {
  font-size: 40px;
  font-weight: bold; }
.motion-description .case-study-path {
  font-size: 16px;
  color: #FFC804;
  text-decoration: none; }

.splide__slide {
  margin-right: 30px !important;
  border-radius: 20px;
  overflow: hidden; }
  .splide__slide img {
    width: 100%; }
  .splide__slide .description {
    font-size: 30px;
    font-weight: bold; }
  .splide__slide .tool-used {
    font-size: 16px;
    font-weight: normal; }
  .splide__slide__imgwrp {
    background-color: white;
    border-radius: 20px;
    overflow: hidden;
    background-position: bottom center; }

.splide__arrow {
  top: 40% !important; }

.contact-area ul {
  list-style: none;
  width: 100%; }
  .contact-area ul li {
    float: left;
    padding: 2px 17px; }
.contact-area .contact-desc {
  width: 70%; }
.contact-area .copyrights {
  border-top: 1px solid #DFD7B9;
  font-size: 10;
  font-weight: normal; }

.mail-link {
  color: #FFC804;
  text-decoration: underline; }

.backhome {
  position: fixed;
  width: 35px;
  height: 34px;
  left: 28px;
  top: 32px;
  background: transparent;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center; }
  .backhome .texttohome {
    display: none; }
  .backhome:hover {
    width: 165px;
    background: #424E57;
    color: #FFC804;
    /* Rectangle 116 */
    position: fixed;
    width: 163px;
    height: 50px;
    left: 28px;
    top: 32px;
    background: #424E57;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center; }
    .backhome:hover .texttohome {
      display: block; }
  .backhome:hover {
    cursor: pointer; }

.gdrive-container {
  padding: 50px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }

.gdrive {
  background: #536069;
  border: none;
  border-radius: 10px;
  width: 283px;
  padding: 10px 17px;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .gdrive span.rightborder {
    color: white;
    border-right: 1px solid #fff;
    padding-right: 10px;
    margin-right: 10px; }

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

@media only screen and (max-width: 1400px) {
  .project-wrapper .project-img-wrp img {
    width: 645px; } }

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