/**
* Template Name: Arsha
* Template URL: https://bootstrapmade.com/arsha-free-bootstrap-html-template-corporate/
* Updated: Mar 17 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Inter", sans-serif !important;
}

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

#hero .btn-get-started {
  font-family: "Inter", sans-serif !important;
}

#hero .btn-watch-video {
  font-family: "Inter", sans-serif !important;
}

.about .content .btn-learn-more {
  font-family: "Inter", sans-serif !important;
}

.why-us .accordion-list a {
  font-family: "Inter", sans-serif !important;
}

.pricing h4 {
  font-family: "Inter", sans-serif !important;
}

.pricing .buy-btn {
  font-family: "Inter", sans-serif !important;
}

.faq .faq-list a {
  font-family: "Inter", sans-serif !important;
}

#footer .footer-top .footer-contact p {
  font-family: "Inter", sans-serif !important;
}

.hide {
  display: none;
}

.navbar .getstarted {
  color: #fff !important;
}

.show {
  display: block;
}
  #hero .footer-newsletter {
    font-size: 15px;
  }

  #hero .footer-newsletter h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1;
    font-weight: 600;
    color: #37517e;
  }

  #hero .footer-newsletter form {
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 50px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
    text-align: left;
  }

  #hero .footer-newsletter form input[type=text] {
    border: 0;
    padding: 4px 8px;
    width: calc(100% - 100px);
  }

  #hero .footer-newsletter form input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: none;
    font-size: 16px;
    padding: 0 20px;
    background: #47b2e4;
    color: #fff;
    transition: 0.3s;
    border-radius: 50px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  }

  #hero .footer-newsletter form input[type=submit]:hover {
    background: #209dd8;
  }

  #hero .container {
  	padding-top: 20px;
  }

  section#hero {
    background: url('../img/hero-bg-gradient.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .title {
    font-size: 64px !important;
    font-weight: 600 !important;
  }

  .title2 {
    width: 80% !important;
  }

  .gradient-title {
    background: -webkit-linear-gradient(#B0B0B0, #5A5A5A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .principal {
    width: 75% !important;
  }

  .about .content ul li {
    font-size: 14px !important;
    padding: 0px;
  }

  .resources {
    width: 100% !important;

  }

  .text-resources {
    font-size: 14px !important;
    margin: 0 150px 0 150px;
  }


  #container2 {
    max-width: 100%;
  }

  .qr-code {
    /* width: 75% !important; */
	   height: 72px;
  }

  .lines {
    width: 60% !important;
  }

  .description {
    width: 100% !important;
    height: 100% !important;
  }

  .border-right {
    border-right: 1px solid #332C36;
  }

  .text-left {
    text-align: left !important;
  }

  .padding-10 {
    padding: 10px;
  }

  #why-us {
    background: url('../img/interface-rekbio-bg.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .gradient-secondary {
    background: -webkit-linear-gradient(left, #F15F52, #F15E6F, #D17CAD, #8171B3, #388EB5, #34C4F3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .why-us .content p {
    font-size: 14px !important;
    line-height: 20px;
  }

  .gradient-third {
    background: -webkit-linear-gradient(#B0B0B0, #5A5A5A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }


  .swiper, .swiper-slide {
    display: flex !important;
  }

  .card {
    color: white;
    padding: 50px;
    border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
    /* width: 30%; */
    margin-left: 40px;
  }

  .card .titulo {
    margin-top: 25px;
    font-size: 34px;
    font-weight: 600;
    height: 15vh;
  }

  .card .descicao {
    font-size: 14px;
    font-weight: 600;
    height: 20vh;
  }

  .card-1 {
    background: url('../img/adaptacao-universal-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .card-2 {
    background: url('../img/area-de-trabalho-digital-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .card-3 {
    background: url('../img/centralizacao-de-informacoes-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .card-4 {
    background: url('../img/equipe-integrada-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .card-5 {
    background: url('../img/fluxo-de-trabalho-inteligente-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .card-6 {
    background: url('../img/formularios-praticos-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .faq .faq-list {
    padding: 0 !important;
  }

  #beta {
    background: url('../img/pre-footer-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .section-title h2::before {
    content: none;
  }

  .section-title {
    text-align: left;
  }

  .section-title h2 {
    margin: 0;
  }

  .section-title h2::after {
    content: none;
  }

  #faq a {
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #B748FF !important;
  }

  #faq a.collapsed {
    color: #332C36 !important;
  }

  .title-beta {
    font-size: 48px !important;
    font-weight: 600 !important;
  }

  .bg-success {
    background: #289800 !important;
  }

  #footer .footer-top h4 {
    color: #000000 !important;
    font-size: 20px;
    font-weight: normal;
  }

  #footer .footer-top .footer-links ul a {
    color: #000000 !important;
  }

  #footer .footer-top .container {
    border-bottom: 1px solid #332C36;
  }

  #footer .footer-bottom {
    background: white;
    color: #332C36;
  }

  .copyright {
    width: 100%;
  }

  .bi.bi-list.mobile-nav-toggle {
    color: #979797 !important;
  }

  .descriptions {
	  width: 100% !important;
	   height: 100% !important;
  }
.descriptions {
	width: 170px;
	height: 74px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.descriptions p {
	/* font-family: 'Inter'; */
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
}

.qr-code h3 {
  /* font-family: "Open Sans", sans-serif !important; */
  font-family: 'Inter' !important;
}

@media (min-width: 992px) {
  .card {
    width: 90%;
  }

  .title-about {
  	font-size: 48px !important;
  	width: 80% !important;
  	font-weight: 600;
  }

  .title-resources {
  	font-size: 48px !important;
  	/* width: 80% !important; */
  	font-weight: 600;
  }
}

@media (max-width: 991px) {
  #portfolio-details .container {
    max-width: 960px;
  }

  .text-resources {
	 margin: 0 25px 0 25px;
  }

  .card {
    width: 90%;
    margin-left: 0px;
  }

  .qr-code {
  	width: 100% !important;
  }

  .navbar-left {
  	margin-right: 0px !important;
  }

  .principal {
	   width: 100% !important;
  }

  .title {
	  font-size: 52px !important;
    line-height: 45px !important;
  }

  .pt-4, .py-4 {
  	padding-top: 4.5rem !important;
  }
}

@media (max-width: 412px) {
  .d-flex {
	 display: block !important;
  }

  .owl-item .card {
    width: 95%;
  	padding-left: 10px;
  	padding-right: 10px;
  }
}