/* v1.0 | 20240304
----------------------------------------------  */

body {
  background-color: var(--bg-dark);
  color: var(--light-secondary);
  font: normal normal 16px/150% 'LinearSans', arial, sans-serif;
  overflow-x: hidden;
}
a, a:visited {
  color: var(--primary-green);
  transition: all .2s;
}
a:hover {
  color: var(--secondary-green);
}


/* Overwrite bootstrap
---------------------------------------------- */
.container {
  width: 90%;
  max-width: 1300px;
  box-sizing: content-box;
}
p {
  font-size: 1rem;
  line-height: 150%;
}
div > p:last-of-type {
  margin-bottom: 0;
}
.btn,
.btn:visited {
  border-radius: 0;
  color: #ffffff;
}
.btn-arrow-down svg {
  transform: rotate(45deg);
}

/* About Page
---------------------------------------------- */
.about{
  background:url(../images/background2.svg);
    position: relative;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top;
    min-height: 100vh; 
    margin: 0;
    padding: 0; 
}

.about .intro{
  position: relative;
}
.about .intro::after{
  content: '';
  background:url(../images/line.svg);
  width: 800px;
  height: 800px;
  position: absolute;
  z-index: 1;
  left: -16%;
  top:40%;
}
.about .intro > .row {
  position: relative;
  z-index: 2;
}

.about .logo{
  padding-bottom: 120px;
}

@media screen and (max-width: 720px){
  .about .logo{
    padding-bottom: 60px;
  }

  .about .intro::after{
    display: none;
  }
}
.about .main-team-slider{
  padding-top: 5%;
  padding-bottom: 20%;
}

.about .user-main{
  min-height: 50vh;
}


.about .user-main{
  margin:0 auto;
}
.about h1{
  opacity: 0.87;
}
.about p{
  opacity: 0.87;
}

.about small{
  opacity: 0.5;
  margin-bottom: 3px;
}

.about .main-item {
  width: 200px;
}

.about .item {
  background: #1C202C;
  border-radius: 20px;
  cursor: pointer;
  position: unset;
}

.about .item figure {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
}

.about .item figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about .item figure img:last-child {
  visibility: hidden;
  opacity: 0;
}

.about .caption {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 640px;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
}

.about .center .caption {
  visibility: visible;
  opacity: 1;
  transition: clip-path 1s cubic-bezier(0.59, 0.73, 0.17, 1), all 0.3s linear;
  transition-delay: 1s;
}

.about .caption cite {
  font-style: normal;
  font-size: 1.125rem;
  line-height: 140%;
  display: block;
  margin-bottom: 4%;
}

.about .caption cite > * {
  display: block;
}

.about .caption > p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 640px;
  padding: 10% 0;
  color: rgba(255,255,255, 0.87);
  text-align: center;
  font-size: 1.5rem;
}

.about .item:hover{
  background: rgb(133,90,232);
  background: -moz-linear-gradient(220deg, rgba(133,90,232,1) 0%, rgba(67,44,158,1) 65%);
  background: -webkit-linear-gradient(220deg, rgba(133,90,232,1) 0%, rgba(67,44,158,1) 65%);
  background: linear-gradient(220deg, rgba(133,90,232,1) 0%, rgba(67,44,158,1) 65%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#855ae8",endColorstr="#432c9e",GradientType=1);
}

.about .personal-info {
  width: 100%;
  color: #fff;
  padding: 0px 40px;
  max-width: 600px;
  margin:0 auto;
  min-height: 300px;
  display: none;
}

.about .personal-info .name{
  font-size: 18px;
  opacity: .87;
}

.about .personal-info .title{
  font-size: 14px;
  opacity: .5;
}

.about .personal-info .quote{
  font-size: 24px;
  line-height: 1.2;
}
.personal-info.active {
  display: block;
}

.about .icons img{
  width: 16px;
  height: 16px;
}

.about .icons .linkedin{
  width: 14px;
  height: 18px;
}


.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.owl-carousel {
  cursor: e-resize;
}
.owl-carousel .owl-item {
  box-shadow: none;
  position: unset;
}
.owl-carousel .owl-controls {
  display: none;
}
.owl-carousel .owl-controls .owl-nav>div {
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -13px;
  width: 14px;
  height: 26px;
  background-color: transparent;
  background-position: center;
  background-size: 14px 26px;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -500px;
}
.owl-carousel .owl-controls .owl-prev {
  background-image: url(https://1.bp.blogspot.com/-J5ZXEpgM-8g/W0YjVTRczWI/AAAAAAAAM-g/P8ZPCi2f43sWq_4rdF2lOpi0zRrijy8GwCLcBGAs/s1600/icon-carousel_left.png);
  left: 80px;
}
.owl-carousel .owl-controls .owl-next {
  background-image: url(https://3.bp.blogspot.com/-aw-pvdnqW18/W0YjVdd1uII/AAAAAAAAM-k/Y7AFZb3qfE8MIp_jAtx4ciq1UFWAOSR_wCLcBGAs/s1600/icon-carousel_right.png);
  right: 80px;
}
.owl-carousel .owl-controls .owl-nav>div.disabled {
  opacity: 0.3;
  cursor: default;
}
.owl-carousel .owl-stage {
  transition-timing-function: linear !important;
}