/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. welcome
06. features
07. testimonials
08. contact
09. footer
10. preloader

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* .clearfix {  display: inline-block; removed to avoid conflict with float } */

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: var(--rv-surface);
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 15px;
  line-height: 25px;
  color: #888;
}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: var(--rv-surface);
  font-family: 'Poppins', sans-serif;
}

::selection {
  background: #f1556a;
  color: #fff;
}

::-moz-selection {
  background: #f1556a;
  color: #fff;
}

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

a.main-button-slider {
  font-size: 14px;
  border-radius: 25px;
  padding: 15px 25px;
  background-color: #fba70b;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a.main-button-slider:hover {
  background-color: #F2CC8F;
}

a.main-button {
  font-size: 14px;
  border-radius: 25px;
  padding: 15px 25px;
  background-color: #E07A5F;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a.main-button:hover {
  background-color: #F2CC8F;
}

button.main-button {
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  border-radius: 25px;
  padding: 15px 25px;
  background-color: #E07A5F;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

button.main-button:hover {
  background-color: #A8DADC;
  color: #4a4a4a;
}


.center-heading {
  margin-bottom: 70px;
}

.center-heading h2 {
  margin-top: 0px;
  text-align: center;
  font-size: 42px;
  font-weight: 700;
  color: #1e1e1e;
  margin-bottom: 25px;
}

.center-heading h2 em {
  font-style: normal;
  color: #f4813f;
}

.center-heading p {
  font-size: 15px;
  color: #888;
  text-align: center;
}


/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.background-header {
  background-color: var(--rv-surface);
  height: 80px!important;
  position: fixed!important;
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #1e1e1e!important;
}

.background-header .main-nav .nav li:hover a {
  color: #fba70b!important;
}

.background-header .nav li a.active {
  color: #fba70b!important;
}

.header-area {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  height: 100px;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  min-height: 80px;
  background: transparent;
}

.header-area .main-nav .logo {
  line-height: 80px;
  color: #191a20;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}


.header-area .main-nav .nav {
  float: left;
  margin-top: 27px;
  margin-left: 15%;
  margin-right: 0px;
  background-color: var(--rv-surface);
  padding: 0px 20px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}

.header-area .main-nav .nav li {
  padding-left: 20px;
  padding-right: 20px;
}

.header-area .main-nav .nav li:last-child {
  padding-right: 0px;
}

.header-area .main-nav .nav li a {
  display: block;
  font-weight: 500;
  font-size: 13px;
  color: #7a7a7a;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}

.header-area .main-nav .nav li:hover a {
  color: #fba70b;
}

.header-area .main-nav .nav li.submenu {
  position: relative;
  padding-right: 35px;
}

.header-area .main-nav .nav li.submenu:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  color: #7a7a7a;
  position: absolute;
  right: 18px;
  top: 12px;
}

.header-area .main-nav .nav li.submenu ul {
  position: absolute;
  width: 200px;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  top: 40px;
  opacity: 0;
  transform: translateY(-2em);
  visibility: hidden;
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.header-area .main-nav .nav li.submenu ul li {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.header-area .main-nav .nav li.submenu ul li a {
  display: block;
  background: var(--rv-surface);
  color: #7a7a7a!important;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 13px;
  border-bottom: 1px solid #f5f5f5;
}

.header-area .main-nav .nav li.submenu ul li a:before {
  content: '';
  position: absolute;
  width: 0px;
  height: 40px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background: #fba70b;
}

.header-area .main-nav .nav li.submenu ul li a:hover {
  background: var(--rv-surface);
  color: #fba70b!important;
  padding-left: 25px;
}

.header-area .main-nav .nav li.submenu ul li a:hover:before {
  width: 3px;
}

.header-area .main-nav .nav li.submenu:hover ul {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 23px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 40px;
  display: none;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.header-area.header-sticky {
  min-height: 80px;
}

.header-area.header-sticky .nav {
  margin-top: 20px !important;
}

.header-area.header-sticky .nav li a.active {
  color: #E07A5F;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 12px;
    padding-right: 12px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}

@media (max-width: 991px) {
  .logo {
    text-align: center;
    float: none!important;
  }
  .header-area {
    background-color: #f7f7f7;
    padding: 0px 15px;
    height: 80px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    margin-top: 0px !important;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: var(--rv-surface);
    border-bottom: 1px solid #eee;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #f7f7f7 !important;
    color: #191a20 !important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #fba70b!important;
  }
  .header-area .main-nav .nav li.submenu ul {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.submenu ul.active {
    height: auto !important;
  }
  .header-area .main-nav .nav li.submenu:after {
    color: #3B566E;
    right: 25px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
}

@media (min-width: 992px) {
  .header-area .main-nav .nav {
    display: flex !important;
    align-items: center;
    background: transparent !important;
  }
}


/* 
---------------------------------------------
welcome
--------------------------------------------- 
*/
.welcome-area {
  width: 100%;
  height: 100vh;
  min-height: 793px;
  background-image: url("../images/lava/banner-bg.webp");
  background-repeat: no-repeat;
  background-position: right top;
}

.welcome-area .header-text .left-text {
  position: relative;
  align-self: center;
  margin-top: 35%;
  transform: perspective(1px) translateY(-30%) !important;
}

.welcome-area .header-text h1 {
  font-weight: 900;
  font-size: 52px;
  line-height: 80px;
  letter-spacing: 1px;
  margin-bottom: 30px;
  color: #191a20;
}

.welcome-area .header-text h1 em {
  font-style: normal;
  color: #E07A5F;
}

.welcome-area .header-text p {
  font-weight: 300;
  font-size: 17px;
  color: #7a7a7a;
  line-height: 30px;
  letter-spacing: 0.25px;
  margin-bottom: 40px;
  position: relative;
}
.welcome-area .main-button {
  margin-top: 20px;
  display: inline-block;
}

/* Google OAuth verification helper block on homepage */
.rv-compliance-block {
  background: #f5f8fb;
  border-top: 1px solid #e6ebf2;
  border-bottom: 1px solid #e6ebf2;
}

.rv-compliance-card {
  background: #ffffff;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  padding: 16px 18px;
  color: #193553;
  box-shadow: 0 6px 18px rgba(13, 41, 71, 0.06);
}

.rv-compliance-card p {
  color: #2c4b6b;
}

.rv-compliance-card a {
  color: #0b4ea2;
  text-decoration: underline;
  font-weight: 600;
}

.rv-compliance-card a:hover {
  color: #083b79;
}

@media (max-width: 1420px) {
  .welcome-area .header-text {
    width: 70%;
    margin-left: 5%;
  }
}

@media (max-width: 1320px) {
  .welcome-area .header-text .left-text {
    margin-top: 50%;
  }
  .welcome-area .header-text {
    width: 50%;
    margin-left: 5%;
  }
}

@media (max-width: 1140px) {
  .welcome-area {
    height: auto;
  }
  .welcome-area .header-text {       
    width: 92%;
    padding-top: 793px;
  }
  .welcome-area .header-text .left-text {
    margin-top: 5%;
    transform: none !important;
  }
}
@media (max-width: 810px) {
  .welcome-area {
    background-size: contain;
  }

  .welcome-area .header-text {
    padding-top: 100%;
    margin-left: 0;
  }
    
  .container-fluid .col-md-12 {
    margin-right: 0px;
    padding-right: 0px;
  }
}

/*
---------------------------------------------
about
---------------------------------------------
*/

#about {
  padding: 100px 0px;
  position: relative;
  z-index: 9;
}

@media (max-width: 992px) {
  .features-item {
    margin-bottom: 45px;
  }
}

.features-item {
  border-radius: 5px;
  padding: 60px 30px;
  text-align: center;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.features-item h2 {
  z-index: 9;
  position: absolute;
  top: 15px;
  left: 45px;
  font-size: 100px;
  font-weight: 600;
  color: #fdefe9;
}

.features-item img {
  z-index: 10;
  position: relative;
  max-width: 100%;
  margin-bottom: 40px;
}

.features-item h4 {
  margin-top: 0px;
  font-size: 22px;
  color: #1e1e1e;
  margin-bottom: 25px;
}

.features-item .main-button {
  margin-top: 35px;
  display: inline-block;
}


/*
---------------------------------------------
promotion
---------------------------------------------
*/

.left-image-decor {
  background-image: url("../images/lava/left-bg-decor.png");

  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  display: inline-block;
  height: 110%;
  margin-top: -200px;
}

#promotion {
  padding: 100px 0px;
}

#promotion .left-image {
  align-self: center;
}

#promotion .right-text ul {
  padding: 0;
  margin: 0;
}

#promotion .right-text ul li {
  display: inline-block;
  margin-bottom: 60px;
}

#promotion .right-text ul li:last-child {
  margin-bottom: 0px;
}

#promotion .right-text img {
  display: inline-block;
  float: left;
  margin-right: 30px;
}

#promotion .right-text h4 {
  font-size: 22px;
  color: #1e1e1e;
  margin-bottom: 15px;
  margin-top: 3px;
}

/*
--------------------------------------------
testimonials
--------------------------------------------
*/
.right-image-decor {
  background-image: url("../images/lava/left-bg-decor.png");
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  width: 100%;
  display: inline-block;
  height: 110%;
  margin-top: -200px;
}

#testimonials {
  padding-top: 100px;
  position: relative;
  z-index: 9;
}

#testimonials .item {
  position: relative;
}

#testimonials .item .testimonial-content {
  background: rgb(244,129,63);
  background: linear-gradient(145deg, rgba(244,129,63,1) 0%, rgb(85, 184, 241) 100%);
  margin-left: 60px;
  padding: 40px 30px;
  text-align: center;
  border-radius: 5px;
}

#testimonials .item .testimonial-content ul li {
  display: inline-block;
  margin: 0px 1px;
}

#testimonials .item .testimonial-content ul li i {
  color: #fff;
  font-size: 13px;
}

#testimonials .item .testimonial-content h4 {
  font-size: 22px;
  margin-top: 20px;
  color: #fff;
}

#testimonials .item .testimonial-content p {
  color: #fff;
  font-style: italic;
  font-weight: 200;
  margin: 20px 0px 15px 0px;
}

#testimonials .item .testimonial-content span {
  color: #fff;
  font-weight: 200;
  font-size: 13px;
}

#testimonials .author img {
  max-width: 120px;
  margin-bottom: -60px;
}

.owl-carousel .owl-nav button.owl-next span {
  z-index: 10;
  top: 45%;
  border-radius: 10px;
  font-size: 46px;
  color: #fff;
  right: -210px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  display: inline-block;
  background: rgb(244,129,63);
  background: linear-gradient(145deg, rgba(244,129,63,1) 0%, rgba(241,85,106,1) 100%);
  position: absolute;
}

.owl-carousel .owl-nav button.owl-prev span {
  z-index: 9;
  top: 30%;
  border-radius: 10px;
  font-size: 46px;
  color: #fff;
  right: -150px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  display: inline-block;
  background: rgb(244,129,63);
  background: linear-gradient(145deg, rgba(244,129,63,1) 0%, rgba(241,85,106,1) 100%);
  position: absolute;
}

@media screen and (max-width: 1060px) {
  .owl-carousel .owl-nav {
    display: none!important;
  }
}


/* 
---------------------------------------------
footer
--------------------------------------------- 
*/

@media (max-width: 992px) {
  footer {
    padding-top: 0px!important;
    margin-top: 0px!important;
  }
  .contact-form {
    margin-bottom: 45px;
  }
  footer .right-content {
    text-align: center;
  }
  footer .footer-content {
    padding: 60px 0px!important;
  }
}

.rv-footer {
  margin-top: 200px;
  padding-top: 120px;
  background-image: url("../images/lava/footer-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
}

footer .footer-content {
  padding: 120px 0px;
}

.contact-form {
  position: relative;
  z-index: 10;
  padding: 45px;
  border-radius: 5px;
  background-color: var(--rv-surface);
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  
}

footer .right-content {
  align-self: center;
}

.contact-form input,
.contact-form textarea {
  color: #777;
  font-size: 13px;
  border: 1px solid #eee;
  background-color: #f7f7f7;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  outline: none;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 30px;
}

.contact-form textarea {
  height: 150px;
  resize: none;
  padding: 20px;
}

.contact-form {
  text-align: center;
}

.contact-form ::-webkit-input-placeholder { /* Edge */
  color: #7a7a7a;
}

.contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7a7a7a;
}

.contact-form ::placeholder {
  color: #7a7a7a;
}

.footer-content .right-content {
  color: #fff;
}

.footer-content .right-content h2 {
  margin-top: 0px;
  margin-bottom: 30px;
  font-size: 42px;
  text-transform: capitalize;
  font-weight: 700;
  letter-spacing: 1px;
}

.footer-content .right-content h2 em {
  font-style: normal;
  color: #E07A5F;
}

.footer-content .right-content p {
  color: #FFF;
}

.footer-content .right-content a {
  color: #FFF;
}
.rv-footer .bi {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer-content .right-content a:hover {
  color: #A8DADC;
}

.rv-footer .social {
  overflow: hidden;
  margin-top: 30px;
}

footer .social li:first-child {
  margin-left: 0px;
}

footer .social li {
  margin: 0px 7.5px;
  display: inline-block;
}

.rv-footer .social li a {
  color: #fff;
  text-align: center;
  background-color: transparent;
  border: 1px solid #fff;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 50%;
  display: inline-block;
  font-size: 16px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.rv-footer .social i a:hover {
  background-color: #E07A5F;
  border-color: #E07A5F;
  color: #fff;
}

.rv-footer .copyright {
  margin-top: 10px;
  font-weight: 400;
  font-size: 15px;
  color: #4a4a4a;
  letter-spacing: 0.88px;
  text-transform: capitalize;
}

.rv-footer .sub-footer {
  padding: 60px 0px;
  border-top: 1px solid rgba(250,250,250,0.3);
  text-align: center;
}

.rv-footer .sub-footer a {
	color: #FFF;
}

.rv-footer .sub-footer a:hover {
	color: #FC3;
}

.rv-footer .sub-footer p {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.5px;
}

@media (max-width: 991px) {
  .rv-footer .copyright {
    text-align: center;
  }
  .rv-footer .social {
    text-align: center;
  }

  .rv-footer {
    margin-top: 64px;
    padding-top: 96px;
    background-position: top center;
    background-size: 190% auto;
    overflow: hidden;
  }

  .rv-footer .container {
    position: relative;
    z-index: 2;
    margin: 0 12px;
    padding: 14px 16px 22px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.28);
    backdrop-filter: blur(3px);
  }

  .rv-footer p,
  .rv-footer .small,
  .rv-footer .copyright {
    color: #1f4b60 !important;
  }

  .rv-footer a {
    color: #0f4d8a;
  }

  .rv-footer .d-flex {
    justify-content: flex-start !important;
  }
}


/* 
---------------------------------------------
preloader
--------------------------------------------- 
*/
#preloader {
  overflow: hidden;
  background-image: linear-gradient(145deg, #f4813f 0%, #f1556a 100%);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: 9999;
  color: #fff;
}

#preloader .jumper {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
  margin: auto;
  width: 50px;
  height: 50px;
}

#preloader .jumper > div {
  background-color: var(--rv-surface);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 50px;
  -webkit-animation: jumper 1s 0s linear infinite;
  animation: jumper 1s 0s linear infinite;
}

#preloader .jumper > div:nth-child(2) {
  -webkit-animation-delay: 0.33333s;
  animation-delay: 0.33333s;
}

#preloader .jumper > div:nth-child(3) {
  -webkit-animation-delay: 0.66666s;
  animation-delay: 0.66666s;
}

@-webkit-keyframes jumper {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes jumper {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* === GLANCE SECTION BACKGROUND + CONTRAST === */
#glance{
  background:#b6c0c0;                /* όλο το section */
  border-radius: 18px;                /* αν ΔΕΝ το θέλεις καμπύλο, αφαίρεσέ το */
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  margin: 0px 60px;


}
#glance .container{
  /* λίγο extra “μαξιλάρι” μέσα στο χρωματιστό φόντο */
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* Tabs πάνω στο ανοιχτό τιρκουάζ */
#glance .nav-pills .nav-link{
  background: rgba(255,255,255,0.45);
  color: var(--heading-color);
  border-radius: 999px;
  backdrop-filter: saturate(120%);
}
#glance .nav-pills .nav-link:hover{
  background: rgba(255,255,255,0.65);
}
#glance .nav-pills .nav-link.active{
  background: #fff;                   /* να “κάθεται” καθαρά πάνω στο #A8DADC */
  color: var(--heading-color);
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* Το περιεχόμενο σε “κάρτα” για αναγνωσιμότητα πάνω στο φόντο */
#glance .glance-card{
  background: rgba(255,255,255,0.92);
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* Κρατάμε τα δικά σου */
.glance-card{
  display:flex;
  gap: 20px;
  align-items: stretch;
  min-height: 420px;
  padding: 20px;
}
.glance-media{
  flex: 0 0 45%;
  display:flex;
}
.glance-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius: var(--border-radius-small);
}
.glance-body{
  flex: 1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding: 20px 12px;
}
.glance-body h5{ color: var(--heading-color); }
.glance-body p{ color: var(--p-color); }

/* Mobile */
@media (max-width: 576px){
  #glance{ border-radius: 12px; }
  .glance-card{
    flex-direction: column;
    min-height: 420px;
  }
  .glance-media img{ height: 220px; }
}

/* ===== Section wrapper (μαλακό φόντο + καμπύλες) ===== */
#memories-emotions{
  background: var(--section-bg-color, #f7fafc);
  border-radius: 18px;
}
#memories-emotions .container{
  padding-top:.75rem; padding-bottom:.75rem;
}

/* ===== Common card layout (media αριστερά, κείμενο δεξιά) ===== */
.duo-card{
  display:flex; gap:20px; align-items:stretch;
  min-height: 420px; padding:20px;
  background: rgba(255,255,255,0.94);
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  height: 100%;
}
.duo-media{
  flex: 0 0 45%; position:relative; display:flex; overflow:hidden;
  border-radius: var(--border-radius-small, 12px);
  background: #eef3f7;
}
.duo-body{
  flex:1 1 auto; display:flex; flex-direction:column; justify-content:center;
  padding: 12px;
}
.duo-body h3{ color: var(--heading-color); }
.duo-body p{ color: var(--p-color); }

/* ===== Chips ===== */
.chips{ display:flex; flex-wrap:wrap; gap:10px; }
.chip{
  background:#fff; border:1px solid var(--border-color, #e6e8eb);
  color: var(--heading-color); border-radius:999px;
  padding:8px 14px; font-size:.95rem; line-height:1;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: transform .12s ease, background .12s ease;
}
.chip:hover{ background:#f9fbff; transform: translateY(-1px); }

/* ===== LEFT CARD: Slideshow (CSS cross-fade) ===== */
.slideshow{
  position:relative; width:100%; height:100%;
}
.slideshow .slide{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:0; animation: fadeShow 16s infinite ease-in-out;
  border-radius: var(--border-radius-small, 12px);
}
.slideshow .slide:nth-child(1){ animation-delay: 0s; }
.slideshow .slide:nth-child(2){ animation-delay: 4s; }
.slideshow .slide:nth-child(3){ animation-delay: 8s; }
.slideshow .slide:nth-child(4){ animation-delay: 12s; }

@keyframes fadeShow{
  0%{opacity:0}
  5%{opacity:1}
  25%{opacity:1}
  30%{opacity:0}
  100%{opacity:0}
}

/* Προσβασιμότητα: σε χρήστες με reduced motion, μη κάνεις animation */
@media (prefers-reduced-motion: reduce){
  .slideshow .slide{ animation: none; opacity: 1; }
  .slideshow .slide:not(:first-child){ display:none; }
}

/* ===== RIGHT CARD: Mood preview (απλές μπάρες demo) ===== */
.duo-media--accent{
  padding: 14px; align-items: flex-end;
  background: linear-gradient(180deg, #eef3f7 0%, #e7f1ff 100%);
}
.mood-preview{
  display:flex; gap:6px; align-items:flex-end; width:100%;
  height: 100%;
}
.mood-preview .bar{
  flex:1 1 0; height: 30%;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(180deg, #8bd3dd, #0B409C);
  opacity:.85;
  animation: pulseBar 3.6s ease-in-out infinite;
}
.mood-preview .bar:nth-child(3n){ height: 55%; animation-delay:.2s; }
.mood-preview .bar:nth-child(3n+1){ height: 70%; animation-delay:.4s; }
.mood-preview .bar:nth-child(3n+2){ height: 45%; animation-delay:.6s; }

@keyframes pulseBar{
  0%,100%{ transform: translateY(0); opacity:.85; }
  50%{ transform: translateY(-3px); opacity:1; }
}

/* Mini KPIs */
.mini-kpi{
  background:var(--rv-surface); border: 1px solid var(--border-color, #e6e8eb);
  border-radius: 10px; padding: 6px 10px; font-size:.92rem;
  color: var(--heading-color); display:inline-flex; align-items:center; gap:6px;
}

/* ===== Mobile ===== */
@media (max-width: 576px){
  #memories-emotions{ border-radius: 12px; }
  .duo-card{ flex-direction: column; min-height: 420px; }
  .duo-media{ min-height: 220px; }
}

/* ===== Sections wrappers (ίδια αίσθηση με πριν) ===== */
#shared-journal,
#shared-links{
  background: var(--section-bg-color, #f7fafc);
  border-radius: 18px;
}
#shared-journal .container, #shared-links .container{
  padding-top:.75rem; padding-bottom:.75rem;
}

/* ===== Reuse duo-card layout (αν δεν υπάρχει ήδη, κράτησέ το) ===== */
.duo-card{
  display:flex; gap:20px; align-items:stretch;
  min-height: 420px; padding:20px;
  background: rgba(255,255,255,0.94);
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  height: 100%;
}
.duo-card--reverse{ flex-direction: row-reverse; }
.duo-media{
  flex:0 0 45%; position:relative; display:flex; overflow:hidden;
  border-radius: var(--border-radius-small, 12px);
  background: #eef3f7;
}
.duo-body{
  flex:1 1 auto; display:flex; flex-direction:column; justify-content:center;
  padding: 12px;
}
.mini-kpi{
  background:var(--rv-surface); border:1px solid var(--border-color, #e6e8eb);
  border-radius:10px; padding:6px 10px; font-size:.92rem;
  color: var(--heading-color); display:inline-flex; align-items:center; gap:6px;
}
.chips{ display:flex; flex-wrap:wrap; gap:10px; }
.chip{
  background:#fff; border:1px solid var(--border-color, #e6e8eb);
  color: var(--heading-color); border-radius:999px;
  padding:8px 14px; font-size:.95rem; line-height:1;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: transform .12s ease, background .12s ease;
}
.chip:hover{ background:#f9fbff; transform: translateY(-1px); }

/* ===== Avatars animation (Shared Journal - Members) ===== */
.duo-media--avatars{ background: linear-gradient(180deg,#eef3f7 0%,#e7f1ff 100%); }
.avatar-stack{
  position:relative; width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
}
.avatar-stack img{
  position:absolute; width:96px; height:96px; border-radius:50%;
  object-fit:cover; border:4px solid #fff; box-shadow:0 8px 18px rgba(0,0,0,.12);
  animation: floatY 5.5s ease-in-out infinite;
}
.avatar-stack img:nth-child(1){ left:18%; top:30%; animation-delay:.1s; }
.avatar-stack img:nth-child(2){ left:55%; top:20%; animation-delay:.4s; }
.avatar-stack img:nth-child(3){ left:32%; top:62%; animation-delay:.7s; }
.avatar-stack img:nth-child(4){ left:68%; top:58%; animation-delay:1s; }

@keyframes floatY{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-8px); }
}

/* ===== Map preview (Shared Journal - Map) ===== */
.duo-media--map{ background: radial-gradient(120% 120% at 50% 0%, #eaf2ff 0%, #eef3f7 60%, #e9f7ff 100%); }
.map-canvas{ position:relative; width:100%; height:100%; }
.map-canvas::before{
  content:""; position:absolute; inset:0;
  background-image: radial-gradient(#c9d7ee 1px, transparent 1px);
  background-size: 18px 18px; opacity:.35;
}
.pin{
  position:absolute; transform: translate(-50%,-100%);
  padding:8px 10px; background:var(--rv-surface); border:1px solid #e6e8eb; border-radius:10px;
  box-shadow:0 8px 18px rgba(0,0,0,.1); font-size:.85rem; color:var(--heading-color);
}
.pin::after{
  content:""; position:absolute; left:50%; bottom:-9px; transform:translateX(-50%);
  width:12px; height:12px; background: #F17020; border-radius:50%;
  box-shadow: 0 0 0 0 rgba(241,112,32,.45);
  animation: pulsePin 1.8s ease-out infinite;
}
@keyframes pulsePin{
  0%{ box-shadow: 0 0 0 0 rgba(241,112,32,.45); }
  100%{ box-shadow: 0 0 0 16px rgba(241,112,32,0); }
}

/* ===== Link previews (Shared Links - left card) ===== */
.duo-media--links{ background: linear-gradient(180deg,#eef3f7 0%,#f7fbff 100%); align-items:center; }
.link-previews{
  width:100%; padding:16px; display:flex; flex-direction:column; gap:12px;
}
.link-preview{
  background:var(--rv-surface); border:1px solid var(--border-color, #e6e8eb);
  border-radius:12px; padding:12px; box-shadow:0 6px 14px rgba(0,0,0,.06);
}
.lp-header{ display:flex; align-items:center; gap:8px; color:var(--heading-color); margin-bottom:4px; }
.lp-url{ font-size:.9rem; color:#0B409C; word-break: break-all; margin-bottom:6px; }

/* ===== Passcode box (Shared Links - right card) ===== */
.duo-media--passcode{ background: linear-gradient(180deg,#eef3f7 0%,#e7f1ff 100%); align-items:center; justify-content:center; }
.passcode-box{
  background:var(--rv-surface); border:1px solid var(--border-color, #e6e8eb);
  border-radius:14px; padding:14px; width:min(460px, 92%);
  box-shadow:0 10px 22px rgba(0,0,0,.08);
}
.pc-row{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.pc-row i{ font-size:1.2rem; color:#0B409C; }
.pc-row input{
  flex:1 1 auto; border:1px solid #e2e6ea; border-radius:10px; padding:10px 12px;
  outline:none;
}
.pc-row input:focus{ border-color:#0B409C; box-shadow:0 0 0 3px rgba(11,64,156,.12); }
.btn-apply{
  border:none; border-radius:10px; padding:10px 14px; cursor:pointer;
  background:#0B409C; color:#fff; font-weight:600;
}
.btn-apply:hover{ opacity:.95; }

/* ===== Mobile ===== */
@media (max-width: 576px){
  #shared-journal, #shared-links{ border-radius:12px; }
  .duo-card, .duo-card--reverse{ flex-direction: column; min-height:420px; }
  .duo-media{ min-height:220px; }
  .avatar-stack img{ width:76px; height:76px; }
}

/* ===== Wrapper ===== */
#journey-companion{
  background: var(--section-bg-color, #f7fafc);
  border-radius: 18px;
}
#journey-companion .container{ padding-top:.75rem; padding-bottom:.75rem; }

/* ===== Card with internal subnav ===== */
.mega-card{
  background: rgba(255,255,255,0.95);
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
  padding: 16px;
}

/* Subnav: horizontal scroll on small screens */
.subnav-scroll{
  position: relative;
  margin-bottom: 14px;
  overflow: hidden;
}
.subnav-scroll .nav{
  overflow-x: auto;
  flex-wrap: nowrap;
  scrollbar-width: thin;
  scrollbar-color: #d6d9de transparent;
}
.subnav-scroll .nav::-webkit-scrollbar{ height: 6px; }
.subnav-scroll .nav::-webkit-scrollbar-thumb{ background:#d6d9de; border-radius:4px; }

.subnav-scroll .nav-link{
  white-space: nowrap;
  background: rgba(11,64,156,.06);     /* light brand wash */
  color: var(--heading-color);
  border-radius: 999px;
  padding: 8px 14px;
  display: inline-flex; align-items: center; gap: 8px;
}
.subnav-scroll .nav-link:hover{ background: rgba(11,64,156,.12); }
.subnav-scroll .nav-link.active{
  background: #0B409C; color: #fff;
  box-shadow: 0 2px 10px rgba(11,64,156,.25);
}

/* Tab content layout */
.tab-layout{
  display:flex; gap:20px; align-items:stretch;
  min-height: 420px;
}
.tab-media{
  flex:0 0 45%; border-radius: 12px; overflow:hidden; background:#eef3f7;
  display:flex;
}
.tab-media img{
  width:100%; height:100%; object-fit:cover;
}
.tab-copy{
  flex:1 1 auto; display:flex; flex-direction:column; justify-content:center;
  padding: 8px 6px;
}
.tab-copy h3{ color: var(--heading-color); }
.tab-copy p{ color: var(--p-color); }

/* Feature list */
.feature-list li{
  display:flex; align-items:center; gap:10px;
  padding:4px 0; color: var(--heading-color);
}

/* Mobile */
@media (max-width: 576px){
  #journey-companion{ border-radius:12px; }
  .tab-layout{ flex-direction: column; min-height: 420px; }
  .tab-media{ min-height: 220px; }
}