/*
-------------------------------------------------------------------------
* Template Name    : Rivani - Responsive One Page Multipurpose Template * 
* Author           : ThemesBoss                                         *
* Version          : 1.0.0                                              *
* Created          : Octomber 2020                                      *
* File Description : Main Css file of the template                      *
*------------------------------------------------------------------------
*/
/***********************
    1. BASIC           *
    2. HELPER          *
    3. NAVBAR          *
    4. HOME            *
    5. ABOUT US        *
    6. SERVICES        *
    7. CASE            *
    8. HIT             *
    9. CTAONE          *
    10.WORK            *
    11.PRICE           *
    12.TEAM            *
    13.CLIENT          *
    14.BLOG            *
    15.SUBCRIBE        *
    16.CONTACT         *
    16.FOOTER          *
    16.RESPONSIVE      *
    16.DEMO            *
************************/
@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;600;700;800&display=swap");
body {
  font-family: "Prompt", sans-serif;
  overflow-x: hidden;
  background-color: #ffffff; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Prompt", sans-serif; }

h1.fw-bold,
h2.fw-bold,
h3.fw-bold,
h4.fw-bold,
h5.fw-bold,
h6.fw-bold {
  font-weight: 600 !important; }

p {
  font-size: 18px; }

a,
a:hover,
a:focus,
button,
button:focus {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important; }

::selection {
  background: rgba(166, 175, 189, 0.3); }

::-moz-selection {
  background: rgba(166, 175, 189, 0.3); }

.back_top {
  text-align: center;
  position: fixed;
  bottom: 15px;
  height: 35px;
  width: 35px;
  background: #e96058;
  display: none;
  z-index: 10000;
  border-radius: 3px;
  right: 20px;
  transition: all 0.5s; }
  .back_top i {
    color: #ffffff;
    line-height: 35px;
    font-size: 32px;
    display: block; }

.loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 9999; }
  .loader-wrapper .loader {
    height: 1px;
    background: #e96058;
    position: absolute;
    z-index: 9999; }

.section {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  background-color: #ffffff; }

.h-100vh {
  height: 100vh; }

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

.bg-light {
  background-color: #ebf7f2 !important; }
  .bg-lightgray {
  background-color: #fafafa !important; }

.bg-overlay {
  background: rgba(26, 26, 26, 0.72);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }

.back_top {
  text-align: center;
  position: fixed;
  bottom: 15px;
  height: 35px;
  width: 35px;
  background-color: #e96058;
  display: none;
  z-index: 10000;
  border-radius: 3px;
  right: 20px;
  transition: all 0.5s; }
  .back_top i {
    color: #ffffff;
    line-height: 35px;
    font-size: 32px;
    display: block; }

.curv_top svg {
  position: absolute;
  width: 100%;
  top: -1px;
  left: 0;
  bottom: 0; }

.curv_bottom svg {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0; }

.sec_main_head_title {
  max-width: 650px; }
  .sec_main_head_title p {
    max-width: 650px; }
  .sec_main_head_title h2 {
    z-index: 1;
    position: relative;
    font-size: 38px;
    font-weight: 600;
/*    text-transform: capitalize;*/
    line-height: 1.4; }
    .sec_main_head_title h2 span {
      background-color: #e96058;
      height: 6px;
      width: 100px;
      display: inline-block;
      position: absolute;
      border-radius: 50%;
      z-index: -1;
      margin: 0 auto;
      top: 24px;
      -webkit-transform: rotate(160deg);
      -moz-transform: rotate(160deg); }

.sec_main_head_title_bg {
  max-width: 650px; }
  .sec_main_head_title_bg p {
    max-width: 500px;
    color: #e7e7e7; }
  .sec_main_head_title_bg h2 {
    z-index: 1;
    position: relative;
    font-size: 38px;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.4; }
    .sec_main_head_title_bg h2 span {
      background-color: #000000;
      height: 6px;
      width: 100px;
      display: inline-block;
      position: absolute;
      border-radius: 50%;
      z-index: -1;
      margin: 0 auto;
      top: 24px;
      -webkit-transform: rotate(160deg);
      -moz-transform: rotate(160deg); }

.sec_divider {
  background-color: #f1f1f1;
  height: 1px;
  width: 68%;
  display: block; }

.bg-dark {
  background-color: #000000; }

.bg-custom {
  background-color: #e96058; }

.text-muted {
  color: #565656 !important; }

.text-dark {
  color: #000000 !important; }

.text-custom {
  color: #e96058 !important; }

.btn {
  padding: 12px 28px; }

.btn-sm {
  padding: 8px 15px; }

.btn-rounded {
  border-radius: 30px !important; }

.btn-custom {
  background-color: #e96058;
  border: 2px solid #e96058;
  color: #ffffff;
  font-size: 18px;
  transition: all 0.5s;
  border-radius: 5px;
  letter-spacing: 1px;
  text-transform: none; }
  .btn-custom:hover {
    background: #2b9467;
    border-color: #2b9467 !important;
    color: #ffffff !important; }
  .btn-custom:active {
    background: #2b9467;
    border-color: #2b9467 !important;
    color: #ffffff !important; }
  .btn-custom:focus {
    background: #2b9467;
    border-color: #2b9467 !important;
    color: #ffffff !important; }
  .btn-custom.active {
    background: #2b9467;
    border-color: #2b9467 !important;
    color: #ffffff !important; }
  .btn-custom.focus {
    background: #2b9467;
    border-color: #2b9467 !important;
    color: #ffffff !important; }

.btn-white {
  background-color: #ffffff;
  border: 2px solid #ffffff;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.5s;
  border-radius: 5px;
  letter-spacing: 1px;
  text-transform: capitalize; }
  .btn-white:hover {
    background: #f1f1f1;
    border-color: #f1f1f1 !important;
    color: #000000 !important; }
  .btn-white:active {
    background: #f1f1f1;
    border-color: #f1f1f1 !important;
    color: #000000 !important; }
  .btn-white:focus {
    background: #f1f1f1;
    border-color: #f1f1f1 !important;
    color: #000000 !important; }
  .btn-white.active {
    background: #f1f1f1;
    border-color: #f1f1f1 !important;
    color: #000000 !important; }
  .btn-white.focus {
    background: #f1f1f1;
    border-color: #f1f1f1 !important;
    color: #000000 !important; }

.btn-black {
  background-color: #000000;
  border: 2px solid #000000;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.5s;
  border-radius: 5px;
  letter-spacing: 1px;
  text-transform: capitalize; }
  .btn-black:hover {
    background: #e96058;
    border-color: #e96058 !important;
    color: #ffffff !important; }
  .btn-black:active {
    background: #e96058;
    border-color: #e96058 !important;
    color: #ffffff !important; }
  .btn-black:focus {
    background: #e96058;
    border-color: #e96058 !important;
    color: #ffffff !important; }
  .btn-black.active {
    background: #e96058;
    border-color: #e96058 !important;
    color: #ffffff !important; }
  .btn-black.focus {
    background: #e96058;
    border-color: #e96058 !important;
    color: #ffffff !important; }

.custom-nav {
  background-color: transparent;
  padding: 22px 0px;
  width: 100%;
  border-radius: 0px;
  z-index: 999;
  border-bottom: none;
  margin-bottom: 0px;
  transition: all 0.5s ease-in-out; }
  .custom-nav .navbar-nav li a {
    color: #000000 !important;
    font-size: 18px;
    background-color: transparent !important;
    margin: 0 8px;
    line-height: 24px;
    transition: all 0.5s;
    font-weight: 500; }
    .custom-nav .navbar-nav li a.active {
      color: #e96058 !important; }
    .custom-nav .navbar-nav li a:hover {
      color: #e96058 !important; }
    .custom-nav .navbar-nav li a:active {
      color: #e96058 !important; }
  .custom-nav .navbar-toggler {
    color: #000000;
    font-size: 38px;
    padding: 0px;
    line-height: 40px;
    border: none; }
  .custom-nav .navbar-brand .logo-dark {
    height: 28px; }

.custom-nav.stickyadd {
  padding: 18px 0px;
  box-shadow: 0px -16px 20px 0 #e96058;
  backdrop-filter: blur(10px);
  background-color: rgba(235, 247, 242, 0.8); }
  .custom-nav.stickyadd li a.active {
    color: #e96058 !important; }
  .custom-nav.stickyadd li a:hover {
    color: #e96058 !important; }
  .custom-nav.stickyadd li a:active {
    color: #e96058 !important; }

.home_main_sec {
  background-color: #ebf7f2;
  background: url(../images/buttbg.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 200px 0 0px; }
  .home_main_sec .header_content h1 {
    font-size: 52px;
    line-height: 1.2;
    font-weight: 600;
    max-width: 650px;
    letter-spacing: 1px; }
  .home_main_sec .header_content .sub_title {
    font-size: 18px;
    max-width: 480px; }
  .home_main_sec .header_content .small_title {
    padding: 6px 18px;
    background-color: #e96058;
    display: inline-block;
    border-radius: 6px;
    color: #fff; }
  .home_main_sec .header_content .scroll_btn i {
    font-size: 22px;
    background-color: #e96058;
    border-radius: 50%;
    display: inline-block;
    height: 52px;
    width: 52px;
    line-height: 52px; }
  .home_main_sec .home_mockup {
    max-width: 900px;
    z-index: 100;
    top: 60px;
    position: relative; }
  .home_main_sec .curv-img {
    position: absolute;
    width: 100%;
    bottom: 0px;
    z-index: 1; }
    .home_main_sec .curv-img svg {
      display: block; }
  .home_main_sec .sub_form form {
    max-width: 380px; }
    .home_main_sec .sub_form form button {
      position: absolute;
      top: 3px;
      right: 3px;
      outline: none !important;
      font-size: 14px;
      padding: 10px 30px; }
    .home_main_sec .sub_form form input {
      padding: 14px 15px;
      width: 100%;
      font-size: 14px;
      outline: none !important;
      padding-right: 150px;
      padding-left: 20px;
      border-radius: 30px;
      color: #000000;
      background-color: transparent;
      border: 1px solid #e0e0e0; }

.home_main_sec .free_form {
  max-width: 480px;
  padding: 50px 40px; }
  .home_main_sec .free_form input {
    height: 54px;
    margin-top: 10px;
    box-shadow: none !important;
    border: 1px solid #e4e4e4; }
    .home_main_sec .free_form input:focus {
      border-color: #e96058; }

.content_features {
  max-width: 700px; }
  .content_features .content_small_title {
    position: relative;
    z-index: 99;
    letter-spacing: 6px;
    font-size: 14px; }
    .content_features .content_small_title span {
      background-color: #e96058;
      height: 12px;
      width: 60px;
      display: inline-block;
      position: absolute;
      opacity: 0.13; }
  .content_features .content_main_title {
    font-size: 32px;
    line-height: 1.4;
    text-transform: capitalize;
    font-weight: 600; }

.features_divider {
  background-color: #f1f1f1;
  height: 1px;
  width: 100%;
  margin: 70px 0 60px;
  display: block; }

.ser_sec {
  position: relative;
  margin-top: -98px; }
  .ser_sec .ser_bor_boxes {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 40px 30px;
    border: 1px solid #e9e9e9; }
    .ser_sec .ser_bor_boxes .ser_icon {
      align-items: flex-start;
      display: flex; }
    .ser_sec .ser_bor_boxes .ser_content h4 {
      font-weight: 600; }

.fun_bg .fun_box {
  padding: 36px 18px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  background-color: #ffffff; }
  .fun_bg .fun_box .fun_icon i {
    background-color: #e96058;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    color: #ffffff;
    font-size: 22px; }

.cta_section {
  background-color: #e96058;
  padding: 80px 0px;
  border-radius: 12px; }
  .cta_section .cta_content h1 {
    max-width: 650px;
    line-height: 1.4;
    font-size: 44px; }
  .cta_section .cta_content p {
    color: #ffffff;
    opacity: 0.8;
    max-width: 650px;
    line-height: 1.8;
    font-size: 18px; }

.hit_box .hit_icon p {
  background-color: #e96058;
  color: #ffffff;
  padding: 10px 16px;
  display: inline-block;
  border-radius: 8px;
  font-size: 15px; }
.hit_box .hit_detail h4 {
  font-weight: 600; }

.client_box {
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid #e9e9e9;
  box-shadow: 0 0 35px -20px rgba(0, 0, 0, 0.06);
  padding: 38px 24px; }
  .client_box .client_img_rate .client_img img {
    max-width: 80px; }
  .client_box .client_img_rate .client_review i {
    font-size: 18px; }

.tns-outer {
  position: relative; }
  .tns-outer .tns-controls {
    justify-content: space-between;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    text-align: center;
    left: 0;
    right: 0; }
    .tns-outer .tns-controls button {
      border: none;
      background-color: #e96058 !important;
      color: #ffffff;
      font-size: 22px;
      line-height: 40px;
      width: 40px;
      height: 40px; }
    .tns-outer .tns-controls button[data-controls="prev"] {
      position: relative;
      margin-left: -20px;
      border-radius: 50px 20px 20px 50px; }
    .tns-outer .tns-controls button[data-controls="next"] {
      position: relative;
      margin-right: -20px;
      border-radius: 20px 50px 50px 20px; }

.price_box {
  position: relative;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  padding: 30px 34px;
  overflow: hidden; }
  .price_box .price_name h2 {
    font-size: 34px; }
  .price_box .price_name p {
    font-size: 22px; }
  .price_box .plan_price h1 {
    font-size: 48px; }
    .price_box .plan_price h1 sub {
      font-size: 24px;
      position: relative;
      top: 0px; }

.price_box.active::after {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e96058;
  flex-shrink: 0;
  top: 50%;
  position: absolute;
  left: -15px;
  transform: translateY(-50%); }
.price_box.active::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  background: #e96058;
  flex-shrink: 0;
  position: absolute;
  left: auto;
  right: -15px; }

.contact_sec {
  position: relative;
  margin-top: -98px; }
  .contact_sec .contact_form {
    border-radius: 10px;
    border: 1px solid #f4f4f4;
    max-width: 800px;
    background-color: #ffffff; }
    .contact_sec .contact_form form .form-group label {
      font-weight: 600; }
    .contact_sec .contact_form form .form-group .form-control {
      height: 40px;
      border-radius: 0px;
      border: 1px solid #ececec;
      margin-top: 10px;
      box-shadow: none !important;
      font-size: 14px; }
    .contact_sec .contact_form form .form-group textarea {
      height: auto !important; }

.contact_detail_bg {
  background-image: linear-gradient(to bottom, rgba(250, 251, 251, 0), #f7fffc);
  clip-path: ellipse(150% 120% at 50% -25%); }
  .contact_detail_bg .contact_detail .contact_icon i {
    font-size: 26px;
    background-color: #e96058;
    height: 48px;
    color: #ffffff;
    width: 48px;
    line-height: 48px;
    display: inline-block;
    border-radius: 5px; }

.footer {
  padding: 60px 0px 60px; }
  .footer .footer_logo img {
    height: 26px; }
  .footer h5 {
    font-size: 22px; }
  .footer .footer_menu .footer_menu_list li a {
    color: rgba(0, 0, 0, 0.6) !important;
    margin-bottom: 10px;
    display: inline-block;
    transition: all 0.5s; }
    .footer .footer_menu .footer_menu_list li a:hover {
      color: #e96058 !important; }
  .footer .fot_social .social-icon {
    border-radius: 50%;
    transition: all 0.5s;
    width: 44px;
    height: 44px;
    display: block;
    font-size: 22px;
    line-height: 44px;
    text-align: center;
    color: #ffffff !important;
    background-color: #e96058; }

.footer_main_divider {
  height: 1px;
  width: 68%;
  margin: 0 auto;
  background-color: #e7e7e7; }

@media (max-width: 768px) {
  .h-100vh {
    height: auto;
    padding: 94px 0px !important; }

  .sec_main_head_title h2 {
    font-size: 34px; }

  .custom-nav, .custom-nav.stickyadd {
    backdrop-filter: blur(10px);
    background-color: rgba(235, 247, 242, 0.8);
    padding: 10px 0px !important;
    box-shadow: 0px -16px 20px 0 #e96058; }
    .custom-nav > .container, .custom-nav.stickyadd > .container {
      width: 95%; }

  .home_main_sec {
    padding: 120px 0 0px; }
    .home_main_sec .header_content h1 {
      font-size: 34px; }

  .content_features .content_main_title {
    font-size: 28px; }

  .cta_section .cta_content h1 {
    font-size: 34px; }
  .cta_section .cta_content p {
    line-height: 1.6; }

  .tns-outer .tns-controls {
    justify-content: center;
    display: block;
    top: 0;
    position: relative;
    transform: none;
    text-align: center; }
    .tns-outer .tns-controls button {
      margin: 12px 6px; }
    .tns-outer .tns-controls button[data-controls="prev"] {
      margin-left: 0px; }
    .tns-outer .tns-controls button[data-controls="next"] {
      margin-right: 0px; } }

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