body {
    font-family: 'Helvetica';
    color: #5D5A88;
}

a, a:hover {
    color: #82BDBC;
}

h4 {
    margin-bottom: 30px;
}

.navbar {
    background: white;
}

.nav-link {
    font-size: 14px;
    color: #82BDBC;
}

.nav-link:hover {
    font-weight: bold;
    color: #82BDBC;
}

.nav-link:active {
    font-weight: bold;
    color: #82BDBC;
}

.nav-link:visited {
    color: #82BDBC;
}

.navbar-brand>img {
    height: 40px;
    margin: 30px 0;
}

.bottom-navbar-brand>img {
    height: 40px;
    margin: 0;
}

.small-nav-link {
    font-size: 16px;
    padding-left: 0;
}

.header-image-container {
    height: 100vh;
}

.header-image-container>img {
    height: 100vh;
    width: 100%;
}

.header-image-elements-container {
    position: absolute;
    top: 40vh;
    margin-left: 10vw;
    padding: 25px;
    width: 50%;
    color: white;
    background-color: rgba(130, 189, 188, 0.7);
}

.header-image-elements-title {
    font-size: 50px;
    font-weight: bold;
    line-height: 50px;
}

.header-image-elements-description {
    font-size: 20px;
    margin-bottom: 50px;
    margin-top: 20px;
}

button {
    padding: 15px 35px;
    border-radius: 30px;
    margin: 10px 20px 10px 0;
    font-size: 20px;
}

svg {
    fill: #82BDBC;
}

.white-button {
    background: white;
    border: white;
    color: #82BDBC;
}

.link-button {
    background: transparent;
    border: 2px solid white;
    color: white;
}

.white-button:hover, .link-button:hover {
    font-weight: bold;
}



#trusted-by {
    margin-top: 75px;
    margin-bottom: 75px;
}

#trusted-by img {
    height: auto;
    max-height: 45px;
}

.trusted-by-swipper {
  width: 100%;
  height: 100px;
}

.swiper-slide {
  width: 60%;
}

.swiper-slide:nth-child(2n) {
  width: 40%;
}

.swiper-slide:nth-child(3n) {
  width: 20%;
}

.swiper-button-prev, .swiper-button-next {
    color: #82BDBC !important;
}

.swiper-pagination-bullet-active {
    background: rgb(93, 90, 136) !important;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.trustedby-title-container {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 50px;
    color: #82BDBC;
}

.row-info-container {
    margin: 40px 0;
    text-align: justify;
}

.row-title-container {
    font-size: 40px;
    color: #82BDBC;
}

.row-details-container {
    font-size: 16px;
    color:#9F9DBB;
}

.image-container {
    height: 300px;
    background-size: cover;
    margin:10px;
}

.card-container {
    border: none;
    margin: 30px 10px;
    padding: 10px;
    width: 350px;
}

.card-body-container {
    margin-top: 10px;
}

.card-body-container>p {
    text-align: center;
}

.card-name-container {
    font-size: 24px;
    text-align: center;
}

#team {
    flex-direction: row;
    flex-wrap: wrap;
}

.team-image {
    width: 310px;
    margin: 10px;
}

.footer-container>hr {
    margin: 100px 0;
}

.footer-end-row {
    margin-bottom: 40px;
}

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

.welcoming-title-container {
    font-size: 30px;
    font-weight: bold;
    margin: 100px 0 20px 0;
    color: #82BDBC;
}

.welcoming-description-container {
    color: #9F9DBB;
    font-size: 20px;
}
#solutions {
    scroll-margin-top: 100px;
}
#solutions ul {
  list-style: none;
}
#solutions ul li:before,
.team-member .list-item:before {
  content: '✓';
  color: #82BDBC;
  margin-right: 10px;
}

.solution-container {
    margin: 20px 20px;
    padding: 50px;
    border: 1px solid #9F9DBB;
    border-radius: 25px;
    min-width: 350px;
    max-width: 400px;
}

.solutions-title {
    margin: 20px 0;
    font-size: 26px;
    font-weight: bold;
}

.solutions-description {
    color: #9F9DBB;
}
.rounded-image {
    border-radius: 20px;
    height: 100px;
}

.step-container {
    margin: 20px 20px;
    padding: 50px;
    min-width: 350px;
    max-width: 400px;
}

.round-image {
    border-radius: 100px;
    height: 150px;
}

.light-color-text {
    color: #9F9DBB;
}

#check-team-member-svg {
    fill: #9F9DBB;
}

.row-reverse {
    flex-direction: row-reverse; 
}

.copyright-text-conteainer {
    text-align: end;
    color: #82BDBC;
}
.footer-address {
    color: #82BDBC;
}

#intro {
    background-color: #82BDBC;
    color: white;
    font-size: 20px;
    padding: 50px 0;
    scroll-margin-top: 100px;
}

#marketing-campaign-MitFrima {
    scroll-margin-top: 100px;
    width: 100%;
}

.marketing-campaign-container {
    width: 100%;
    overflow: hidden;
}

.marketing-campaign-element-container>img {
    height: 70vh;
    margin-right: -40px;
    z-index: 20;
    margin-bottom: 40px;
}

.marketing-campaign-element-description {
    max-width: 40vw;
    width: auto;
    background: #82BDBC;
    color: white;
    height: auto;
    border-radius: 20px;
    padding: 20px 40px 20px 70px;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    line-height: 170%;
    margin-bottom: 40px;
}

.swiper-slide .marketing-campaign-element-description {
  display: none;
}

.swiper-slide.swiper-slide-active .marketing-campaign-element-description {
  display: block;
  animation: fadeIn 1s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media only screen and (max-width: 700px) {
    .header-image-container {
        height: auto;
    }
    .image-container {
        height: auto;
        margin: 10px;
        width: -webkit-fill-available;
        width: -moz-available;
    }
    .header-image-container > img {
        height: auto;
        width: 100%;
    }
    .header-image-elements-container {
        padding: 10px
    }
        
    .header-image-elements-container {
            top: 20vh;
            width: 80%;
    }
    .header-image-elements-title {
                font-size: 20px;
                line-height: 20px;
    }
    .header-image-elements-description {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 14px;
    }
    .welcoming-title-container {
      font-size: 30px;
      margin: 50px 0 20px 0;
      line-height: 30px;
    }
    .marketing-campaign-element-container>img {
        height: 40vh;
        margin-right: -20px;
    }
    
    .marketing-campaign-element-description {
        height: 40vh;
        width: 60vw;
        font-size: 14px;
        padding-left: 30px;
        padding-right: 20px;
    }
}

@media only screen and (min-width: 701px) and (max-width: 1200px) {
    .header-image-container, .header-image-container > img {
        height: auto;
    }
    .header-image-elements-container {
        top: 25vh;
        width: 75%;
    }
    .header-image-elements-title {
      font-size: 30px;
      line-height: 35px;
    }
   .image-container {
        height: auto;
        margin: 10px;
        width: -webkit-fill-available;
        width: -moz-available;
    }
    .marketing-campaign-element-description {
        width: 50vw;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .marketing-campaign-element-description {
        width: 40vw;
    }
}

@media only screen and (max-width: 450px) {
    .marketing-campaign-element-description {
        font-size: 0.7rem;
    }
}