/* header */
.header-menu {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  position: sticky;
  top: 0;
  z-index: 999;
}

.header-logo {
  width: 70px;
}

.header-text {
  color: #efefef;
}

.button-16 {
  background-color: transparent;
  border: 3px solid #ffffff;
  border-radius: 10px;
  color: #85cce8;
  cursor: pointer;
  font-size: 14px;
  height: 30px;
  line-height: 27px;
  min-width: 54px;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: pre;
  margin: 5px;
  padding: 0px 15px 5px 15px;
  font-weight: 600;
}

.button-16:hover {
  border-color: #dadce0;
  box-shadow: rgba(0, 0, 0, .1) 0 1px 1px;
  color: #202124;
}

.button-16:focus {
  border-color: #4285f4;
  outline: none;
}

/* body */
body{
    /* margin: 0 !important; */
    background: url('assets/image/bg1.jpg') no-repeat center center fixed;
    background-size: cover;
    /* background-repeat: no-repeat; */
}
.body-logo {
  text-align: center;
}

.home-logo {
  width: 300px;
}

.body-text {
  color: #3c4043;
}

.body-video {
  align-items: center;
}

.body-video {
  width: 1080px;
}

.paragraf {
  margin-top: 25px;
  font-size: 25px;
  justify-content: center;
  text-align: center;
}

.body-icon {
  width: 100px;
  border-radius: 50%;
  text-align: center;
  margin: auto auto;
  display: block;
}

.text {
  text-decoration: none;
  color: #202124;
}

/* slider */
.profile {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 3rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  position: relative;
  border: 3px solid transparent;
  background-clip: padding-box;
  text-align: center;
  color: #f1f3f3;

  &:after {
    content: "";
    display: block;
    top: -3px;
    left: -3px;
    bottom: -3px;
    right: -3px;
    z-index: -1;
    position: absolute;
    border-radius: 16px;
    /* background-image: linear-gradient(135deg,
        #937895,
        #56494d 15%,
        #1b2028 40%,
        #2c333e 100%); */
  }
}

.profile-image {
  border-radius: 50%;
  overflow: hidden;
  width: 175px;
  height: 175px;
  position: relative;
  filter: drop-shadow(0 0 10px #000037);


  img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
}

@media (max-width: 768px) {
  .profile-image {
    width: 135px;
    height: 135px;
    filter: drop-shadow(0 0 10px #8b8be1);
  }
}

.profile-username {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 1.5rem;
  filter: drop-shadow(0 0 16px #000);
}

@media (max-width:768px) {
  .profile-username {
    font-size: 15px;
    filter: drop-shadow(0 0 16px #000);
  }
}

.btn-modal {
  display: inline-block;
  width: 20%;
  color: #f50000;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 5px;
}

.button-slider {
  background-color: #767676;
  color: white;
  padding: 10px 20px 10px 20px;
  border: none;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  text-align: center;
  margin-top: 15px;
  display: inline-block;
  filter: drop-shadow(0 0 12px #464545);

}

/* title */
.title {
  text-align: right;
}

.button-title {
  /* background-color: #767676; */
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  color: white;
  padding: 10px 40px 10px 40px;
  border: none;
  border-radius: 40px;
  font-size: 25px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  margin-top: 100px;
  cursor: default;
  filter: drop-shadow(0 0 16px #000);

}
.button-title2{
  background-color: #767676;
  color: white;
  padding: 10px 40px 10px 40px;
  border: none;
  border-radius: 40px;
  font-size: 25px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  margin-top: 50px;
  cursor: default;
  filter: drop-shadow(0 0 16px #000);
}

.card-support {
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 15px;
}

.text-card {
  justify-content: center !important;
  align-items: center;
  font-size: 18px;
  font-weight: 100;
  color: #fff;
  padding: 25px;
  padding-top: 38px;
}

.img-card {
  width: 80%;
  border-radius: 25px;
}

/* modal */
.text-modal {
  font-size: 13px;
}

.modal-content {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  color: #fff;
}

.button-modal {
  background-color: transparent;
  border: 1px solid #fff !important;
  color: white;
  padding: 4px 11px 4px 11px;
  border: none;
  border-radius: 40px;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  display: inline-block;
}

/* footer */

.footer {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 40px 40px 0 0;
  margin-top: 90px;
}

.img-footer {
  width: 15%;
}

.img-footer1 {
  margin-top: 25px;
  margin-bottom: 15px;
  text-align: left;
}

@media(max-width:768px) {
  .img-footer1 {
    margin-top: 20px;
    text-align: center;
  }
}

@media(max-width:768px) {
  .img-footer {
    width: 25%;
  }
}

.icon-footer {
  width: 25px;
  color: #fff;
}

.text-footer {
  margin: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 17px;
}

.tittle-footer {
  font-size: 25px;
  margin-bottom: 15px;
  color: #fff;
}

.right-footer {
  margin-top: 25px;
}

/* new page */
.video-shiva{
  text-align: center;
  margin-top: 25px;
}
.img-shiva{
  width: 8%;
  margin-left: 3px;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 50%;
}
.text-video{
  color: #fff;
  font-size: 12px;
  text-align: right;
}
.title-video{
margin-top: 10px;
}
.profile-user-handle {
  color: #ff0000;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 200;
}

.profile-user {
  color: #fefefe;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 100;
}