.carousel-item {
    width: 100%;
    padding: 5% 10% !important;
    width: calc(100% - 60px);
}
.carousel-item img {
    width: 160%;
    position: relative;
    left: -25%;
}

.carousel-item .share img {
    width: 50% !important;
    position: relative;
    left: 20%;
}
.carousel-item h1 {
    color: #182127;
    font-size: 76px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.carousel-item p {
    color: #182127;
    font-size: 23px;
    font-weight: 500;
    line-height: 33px;
}

.create {
    align-items: center;
}

.carousel-control-prev {
    left: 0;
    background-color: #7A53A0 !important;
    height: 60px;
    width: 60px !important;
    position: absolute !important;
    top: 50% !important;
    left: 5% !important;
    border-radius: 5px;
}
.carousel-control-next {
    right: 0;
    background-color: #7A53A0 !important;
    height: 60px;
    width: 60px !important;
    position: absolute !important;
    top: 50% !important;
    right: 5% !important;
    border-radius: 5px;
}

.container1 {
    padding: 5% 10%;
}

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

.what-we-do {
    color: #1c2654;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.4em;
}

.we-keep {
    color: #515a83;
    font-size: 21px;
}

.experience {
    padding: 5% 0;
    align-items: center;
}

.experience img {
    border-radius: 91px;
    margin-left: 20%;
}

.experience h3 {
    color: #1c2654;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3em;
}

.experience p {
    color: #515a83;
    font-size: 20px;
    line-height: 1.4em;
}

.evntjoin {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.5s, transform 0.5s;
  }

  .evntjoin.animate {
    opacity: 1;
    transform: translateX(0);
  }


.feature {
    text-align: center;
    padding: 5% 0;
}
.feature h3 {
    color: #1c2654;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3em;
}
.evntfeat {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s, transform 0.5s;
    
  }

  .evntfeat.animate {
    opacity: 1;
    transform: translateY(0);
  }

.plan {
    text-align: center;
    padding: 10% 0 0 0;
}
.plan img {
    width: 25%;
}

.plan h5 {
    font-size: 22px;
    font-weight: 900;
    font-family: "Lato", Sans-serif;
    color: #515151;
    padding-top: 5%;
}

.app-download {
    padding-top: 5%;
}
.app-download img {
    width: 25%;
    padding-left: 5%;
}
