body {
    /* background: #191C26; */
    background: radial-gradient(#36a4ff, #000000);
    /* background: radial-gradient(#136cfb, #00307d); */
    /* background: radial-gradient(#36a4ff, #004a87); */
    /* background: linear-gradient(179deg, #07121e, #004a87); */
    /* background: linear-gradient(179deg, #000000, #07121e,#0a1d31,#0f3155,#113c69,#13477d, #004a87); */
    font-family: 'Poppins', sans-serif!important;
    height: 100%!important;
    overflow-x: hidden;
    display: block
}

a {
    text-decoration: none;
}

.header-man {
    width: 100%;
    animation: swing ease-in-out 10s infinite alternate;
}

.main-title {
    /* color: white;
    font-weight: bolder; */
    /* font-size: 4em; */
    font-size: 4.7em;

    background: -webkit-linear-gradient(0deg, #ed2cff,#c690ff, #00ff8c, #00ffeb,#1eff38);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* width: fit-content; */
    font-weight: 500;
    text-align: center;
    margin-left: 17%;
    display: none
}

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

.white {
    color: white!important
}

.black {
  color: black!important
}

.bold {
  font-weight: bold;
}

.bolder {
    font-weight: bolder;
  }

.second-explain {
    font-weight: 200;

}

.more-text  {
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.2s ease;
}

.more-text:hover  {
    display: flex;
    align-items: center;
    gap: 10px;
    transform: translateX(10px);
    transition: 0.2s ease;
}

.more-img {
    width: 4em;
    position: absolute;
    z-index: -1;
    margin-left: -20px;
}

.mt-1-em {
    margin-top: 1em;
}

.mt-2-em {
    margin-top: 2em;
}

.aqua {
    /* color: #45ff81; */
    color: #55dbec
}

.main-card {
    padding: 2em;
    border-radius: 1.5em;
    position: relative;
    height: 100%;
    background: #00000085;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.main-card-1 {
    background: linear-gradient(315deg, #0F68A8, #4D27CC);
    transition: 0.5s ease;
}

.main-card-1:hover {
    background: linear-gradient(315deg, #0F68A8, #4D27CC);
    transition: 0.1s ease;
    /* box-shadow: rgb(94 94 94 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(125 125 125 / 12%) 0px 4px 6px, rgb(106 106 106 / 17%) 0px 12px 13px, rgb(135 135 135 / 9%) 0px -3px 5px; */
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; */
    box-shadow: rgb(0 0 0 / 19%) 0px 30px 60px -12px inset, rgb(0 0 0 / 71%) 0px 18px 36px -18px inset;
}

.main-card-1:hover .apps-icon {
    transition: 0.8s ease;
    transform: rotate(338deg);
}

.main-card-1 .apps-icon {
    transition: 0.3s ease;
}

.main-card-2 {
    background: white;
    transition: 0.5s ease;
}

.main-card-2 .left-stick-card {
    transition: 0.2s ease;
}

.main-card-2:hover .left-stick-card {
    width: 7px;
    position: absolute;
    margin-left: 40%;
    transition: 0.6s ease;
    transform: rotate(90deg);
}

.main-card-2:hover .rocket-icon {
    filter: drop-shadow(2px 1px 3px #3678d6);
    transition: 0.7s ease;
    transform: rotate(315deg);
    /* animation: rocket ease-in-out 6s infinite alternate; */
}

.main-card-2 .rocket-icon {
    transition: 0.3s ease;
}

.main-card-2:hover {
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}

.main-card-3 {
    backdrop-filter: blur(6px);
    transition: 0.5s;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.main-card-3:hover {
    backdrop-filter: blur(1px);
    box-shadow: none;
    transition: 0.1s;
}

.main-card-5 {
    backdrop-filter: blur(6px);
    transition: 0.5s;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.main-card-5:hover {
    backdrop-filter: blur(1px);
    box-shadow: none;
    transition: 0.1s;
}

.main-card-3:hover .medical-icon {
    transform: scale(1.3);
    transition: 0.3s ease;
    background: #d69636;
    padding: 8px;
    border-radius: 13px;
    margin-left: 20px;
}

.main-card-3 .teeth-icon {
    transform: scale(1.3);
    transition: 0.3s ease;
    /* background: #d69636; */
    padding: 8px;
    border-radius: 13px;
    margin-left: 20px;
    filter: invert(1)!important;
}

.main-card-3:hover .teeth-icon {
    transform: scale(1.5);
    transition: 0.3s ease;
    /* background: #d69636; */
    padding: 8px;
    border-radius: 13px;
    margin-left: 20px;
    /* filter: invert(1); */
}

.main-card-3 .hair-dynamic {
    transition: 0.5s;
    filter: invert(1);
 }

.main-card-3:hover .hair-dynamic {
   /* transform: translate(0px, 33px); */
   transform: translate(0px, 38%);
   transition: 0.5s;
   filter: invert(1);
}

.main-card-3 .transplant-icon {
    transition: 0.5s;
    filter: invert(1);
 }

.main-card-3:hover .transplant-icon {
    transition: 0.5s;
    filter: invert(1);
    transform: translate(0px, -35%);
 }

.main-card-3 .eye-icon {
    transition: 0.5s;
    filter: invert(1)
}

.main-card-3:hover .eye-icon {
    transition: 0.5s;
    /* transform: rotate(36deg) scale(1.3); */
    /* height: 12px!important */
    padding: 65px 0px;
    border-radius: 2em
}

.main-card-3 .heart-icon-special {
    display: none;
    width: 123px;
    left: 6px;
    position: absolute;
}

.main-card-3:hover .heart-icon-special {
    display: block;
    width: 123px;
    left: 6px;
    position: absolute;
}

.main-card-3 .obesity-icon {
    transition: 0.5s;
    height: 110px;
    object-fit: contain;
    filter: invert(1);
}

.main-card-3:hover .obesity-icon {
    transition: 0.3s;
    transform: rotate(60deg);
}

.main-card-3 .plastic-icon {
  transition: 0.5s;
}

.nose-icon {
  transition: 0.5s;
  filter: invert(1);
}

#mailIcon {
  filter: invert(1);
}

.main-card-5 .knife {
  position: absolute;
  width: 59px;
  left: 132px;
  top: 100px;
  transition: 0.5s
}

.main-card-5:hover .knife {
  position: absolute;
  width: 59px;
  left: 105px;
  top: 90px;
  transition: 0.5s
}

.main-card-5 .enjector {
  position: absolute;
  width: 59px;
  left: 23px;
  top: 100px;
  transition: 0.5s
}

.main-card-5:hover .enjector {
  position: absolute;
  width: 59px;
  left: 33px;
  top: 90px;
  transition: 0.5s
}


.main-card-3 .medical-icon {
    transition: 0.3s ease;
}

.medical-icon {
    filter: invert(1);
}

.left-stick-card {
    width: 7px;
    position: absolute;
    margin-left: -32px;
}

.max-w-80 {
    max-width: 80%;
}

.space-btw {
    justify-content: space-between;
}

.card-number-span {
    font-size: 3vw;
    color: #ffffff33;
}

.card-border {
    border-bottom: 1px solid white;
    margin-left: 10px;
    margin-top: 1em;
    margin-bottom: 10px;
}

.card-bottom-text {
    font-size: 0.9em;
    font-weight: 200;
}

.pad-10 {
  padding: 10px;
}

.pad-30 {
    padding: 30px;
  }

.pad-50 {
   padding: 50px;
}

@keyframes swing {
    0% { transform: scale(1.00); opacity: 0.8;}
    25% { transform: scale(1.01); opacity: 0.9;}
    50% { transform: scale(1.02); opacity: 1; filter: drop-shadow(4px 8px 12px black);}
    75% { transform: scale(1.01); opacity: 0.9;}
    100% { transform: scale(1.00); opacity: 0.8; }
}

@keyframes swingSkeleton {
    0% { transform: scale(1.00); opacity: 0.5;}
    25% { transform: scale(1.01); opacity: 0.7;}
    50% { transform: scale(1.02); opacity: 1; filter: drop-shadow(4px 8px 12px black);}
    75% { transform: scale(1.01); opacity: 0.7;}
    100% { transform: scale(1.00); opacity: 0.5; }
}

@keyframes rocket {
    0% { filter: drop-shadow(2px 1px 3px #3678d6);

    }


    10% { filter: drop-shadow(2px 1px 3px #3678d6);
        transform: rotate(-30deg);

    }

    20% { filter: drop-shadow(2px 1px 3px #3678d6);
        transform: rotate(-50deg);

    }
}

.swingSkeleton {
    animation: swingSkeleton ease-in-out 6s infinite alternate;
}

.big-circle {
    animation: swingSkeleton ease-in-out 6s infinite alternate;
}

.big-circle-2 {
    animation: swingSkeleton ease-in-out 6s infinite alternate;
}

.info-section {
    margin-top: 50px;
    position: relative
}

.info-text {
    font-weight: 200;
    font-size: 1em;
}

.info-ghost-text {
    font-size: 6vw;
    /* color: #7282fa24; */
    color: #87c7ff24;
}

.gap-30 {
    gap: 30px;
}

.shadow-blue-text {
    filter: drop-shadow(2px 4px 6px aqua);
    color: #62FFA4;
    font-size: 2em;
}

.justify-center {
    justify-content: center;
}

.mw-100 {
    max-width: 100%;
}

.mw-80 {
    max-width: 80%;
}

.booking-container {
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}

.booking-section {
    width: 90%;
    margin: auto;
}








@keyframes grow{
    0%{
      width: 100px;
      height: 100px;
       opacity: 0.7;
    }

    100%{
      width: 450px;
      height: 450px;
      opacity: 0;
    }
  }

  .sonar {
    width: 150px;
    height: 150px;
    background-color: #51af07;
    border-radius: 50%;
    position: relative;
    border: 0;
}
@keyframes sonar {
    0% {
        opacity: 0;
        transform: scale(0) translate(-50%, -50%);
   }
    50% {
        opacity: 0.4;
   }
    100% {
        opacity: 0;
        transform: scale(2.5) translate(-50%, -50%);
   }
}
.sonar:before, .sonar:after {
    content: '';
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #51af07;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    animation: sonar 3s linear infinite;
    transform-origin: left top;
}
.sonar:after {
    animation-delay: 0.25s;
}

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

.index-minus {
    z-index: -1!important;
    position: relative;
}

.justify-end {
    justify-content: flex-end;
}

.blue-print {
    color: aqua;
}

.w-80 {
    width: 80%;
}

.feature-text-area {
    display: flex;
    gap: 35px;
}

.mt-50 {
    margin-top: 50px;
}

.white-circle {
    width: 25px;
}

.gap-70 {
    gap: 70px;
}

.gap-50 {
    gap: 50px;
}

.mt-100 {
    margin-top: 100px;
}

.big-circle {
    position: absolute;
    width: 1209px;
    z-index: -1;
    margin-left: -440px;
    margin-top: -257px;
}

.big-circle-2 {
    position: absolute;
    width: 1209px;
    z-index: -1;
    margin-left: 500px;
    margin-top: -257px;
}

.features-container {
    overflow: hidden;
    position: relative;
    height: 1200px;
    max-width: 100%;
}

.slider-card {
    height: 12em;
    background-size: cover!important;
    position: relative;
}

.slider-card-title {
    width: 7em;
    text-align: center;
    position: absolute;
    font-size: 13px;
    bottom: 0px;
    padding: 4px;
    background: #4130BD;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    backdrop-filter: drop-shadow(6px 10px 14px #4421D6);
    box-shadow: hwb(247deg 19% 26% / 14%) 0px 8px 24px, rgb(64 48 189 / 39%) 0px 16px 56px, rgb(64 48 189 / 13%) 0px 24px 80px;
    color: white;
}

.feature-slider-container {
    margin-left: 5%;
    max-width: 95%!important;
}

.feature-slider-container-2 {
    margin-right: 5%;
    max-width: 95%!important;
}

.m-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.feature-card {
    background: #0000004a;
    position: relative;
    padding: 90px 10px;
    border-radius: 38px;
    transition: 0.2s ease;
    color: white;
}

.feature-card:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    transition: 0.2s ease;
    background: black;
    color: white
}

.feature-card:hover .card-symbole {
    transform: translate(50%, 0px);
    transition: 1s ease;
    filter: invert(1)
}

.feature-card .card-symbole {
    transition: 0.5s ease
}

.card-symbole {
    width: 8em;
    position: absolute;
    top: -50px;
    left: -8px;
    filter: invert(1)
}

.three-card-title {
    width: fit-content;
    border-bottom: 1px solid black;
    margin-left: 1em
}

.feature-card li {
    font-weight: 500;
}

.sss-title {
    margin-bottom: 80px;
    font-size: 3em;
}

.sss-container {
    margin-top: -80px;
}

.accordion-header {
    margin: 20px;
}

.accordion-item {
    background: transparent;
    border: none;
}

.accordion-button {
    border-radius: 2em!important;
    font-weight: bolder;
    color: black!important;
}

.accordion-body {
    color: white;
    max-width: 90%;
    margin: auto;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('assets/images/icon/plus.png')!important;
    content: '-';
    font-size: 30px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.accordion-button::after {
    background-image: url('assets/images/icon/plus.png')!important;
    content: '+';
    font-size: 30px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

footer {
    position: relative;
}

footer li {
    line-height: 40px;
}

.footer-border {
    border-bottom: 1px solid white;
}

.marker-area {
    margin-top: 24px;
    margin-bottom: 24px;
    height: auto;
    position: relative;
}

.marker-row {
    justify-content: space-between;
}

.footer-icon {
    width: 30px;
}

.footer-icon-2 {
    width: 40px;
}

.footer-icon-3 {
    width: 16px;
}

.footer-icons {
    text-align: right;
    display: flex;
    justify-content: right;
    gap: 15px;
}

.logo {
    width: 130px;
}

.footer-fade {
    width: 40vw;
    position: absolute;
    top: -150px;
    z-index: -1;
    left: -228px;
}

.bottom-right-fade {
    width: 40vw;
    position: absolute;
    bottom: -150px;
    z-index: -1;
    right: 0px;
}

header {
    padding-top: 40px;
}


select {
    background: transparent;
    color: white;
    border: none;
}

.header-area {
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.left-menu li a {
    color: white;
    font-weight: 200;
}

.vertical-line {
    position: absolute;
    height: 1500px;
    left: 7%;
    z-index: -1;
}

.vertical-line-2 {
    position: absolute;
    height: 1500px;
    left: 25%;
    z-index: -1;
}

.vertical-line-3 {
    position: absolute;
    height: 1500px;
    left: 45%;
    z-index: -1;
}

.vertical-line-4 {
    position: absolute;
    height: 1500px;
    left: 60%;
    z-index: -1;
}

.info-section:hover .skeleton {
  transition: 0.2s ease;
  transform: rotate(90deg) scale(0.9) translatey(30%);
}

.info-section:hover .shadow-blue-text {
  transition: 0.5s ease;
  transform: scale(1.3);
}

.info-section .shadow-blue-text {
  transition: 0.5s ease;
}

.info-section:hover .info-ghost-text {
  transform: translateY(50%);
  transition: 0.5s ease;
}

.info-section .info-ghost-text {
  transition: 0.5s ease;
}


.info-section .skeleton {
  transition: 0.3s ease;
}

.category-detail-button {
    /* border-radius: 0.4em; */
    border-top-right-radius: 2em;
    border-bottom-left-radius: 2em;
    margin-top: 1em;
    /* background: linear-gradient(45deg, aqua, #5d95ffc4); */
    /* background: linear-gradient(45deg, #45ff81, #00ab37); */
    background: #72c2e9;
    border: none;
    padding: 6px 20px;
    font-size: 1em;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
}

.category-detail-button:hover {
  border-radius: 0.4em;
  margin-top: 1em;
  /* background: linear-gradient(45deg, aqua, #5d95ffc4); */
  /* background: linear-gradient(45deg, #45ff81, #00ab37); */
  background: #72c2e9;
  border: none;
  padding: 6px 20px;
  font-size: 1em;
  text-transform: uppercase;
  width: 100%;
  opacity: 0.7;
  font-weight: 600;
}

.paragraph-container {
    margin-bottom: 6em;
    padding: 2em;
    margin-top: 10em;
}

.text-paragraph-area {
    backdrop-filter: blur(27px);
    background: #0000005c;
}

@media screen and (max-width: 900px) {
    .text-paragraph-area .col-12 {
        padding: 3em 2.2em;
        color: white;
    }
}

@media screen and (min-width: 900px) {
    .text-paragraph-area .col-12 {
        /* padding: 4em; */
        padding: 2em;
        color: white;
    }
}

.info-text-small {
   font-weight: 100;
}

.p-text-custom {
    font-weight: 200;
}

.page-back-btn {
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 23px;
    font-weight: 100;
}

.page-back-btn i {
    /* padding-bottom: 4px; */
    transition: 0.1s;
    color: aqua;
}

.page-back-btn:hover i {
    transition: 0.3s;
    transform: translate(-10px, 0px);
    color: aqua;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /* background-color: aqua; */
    /* background-color: #0000004d; */
    background-color: #000000a1;
    /* color: black; */
    color: aqua;
    font-weight: 700;
}

.nav-pills .nav-link {
  color: aqua;
  font-weight: 700;
  transition: 0.2s;
}

.nav-pills .nav-link:hover {
    color: aqua;
    font-weight: 700;
    /* background-color: #0000004d; */
    background-color: #000000a1;
    transition: 0.2s;
}

@media screen and (max-width: 900px) {
    .my-tabs {
        display: flex!important;
        flex-direction: row!important;
        gap: 10px!important;
    }

    .my-nav-pills {
        justify-content: center!important;
        display: block;
    }
}

@media screen and (min-width: 1200px) {
    h3 {
        font-size: 1.55rem!important;
    }
}

.contact-us-btn {
    text-align: center;
    display: block;
    background: aqua;
    color: black;
    padding: 8px;
    font-weight: 600;
    margin-top: 2em;
    border-radius: 10px;
}

.contact-us-btn:hover {
    text-align: center;
    display: block;
    background: aqua;
    color: black;
    padding: 8px;
    font-weight: 600;
    margin-top: 2em;
    opacity: 0.7;
}

.obesity-card {
    padding: 14px;
    background: #00000026;
    margin-bottom: 14px;
    height: 100%;
}

.obesity-card .col-12 {
    padding: 12px
}

.obesity-card img {
    width: 100px
}

.pad-top-0 {
    padding-top: 0px!important;
}

.pad-bottom-0 {
    padding-bottom: 0px!important;
}

.obesity-row .col-12 {
    padding: 1em!important;
}

.botox-img {
    border-radius: 1em;
}

.partner-slider-image {
    width: 100px;
    height: 100px;
    object-fit: contain;
    border-radius: 10em;
    background: white
}

.partner-slider-row {
    width: 100%;
    overflow: scroll;
    flex-wrap: nowrap;
    margin-top: 1em;
}

.partner-slider-row .col-4 {
    margin-left: 1em;
}

.footer-copyright {
    font-weight: 100;
}

.accordion-body strong {
    font-weight: 200;
}

.feature-card li {
    font-weight: 200;
}

.footer li {
    font-weight: 400;
}

footer {
    background: black;
    padding: 48px;
}

.marker-area {
    background: black;
    margin: 0px;
    padding: 15px 91px;
    width: 100%;
    max-width: 100%;
}

footer h5 {
    color: aqua
}

.font-bolder {
    font-weight: 500!important;
}

.quick-link {
  color: white;
  font-weight: 700
}

.quick-link:hover  {
    color: aqua;
}

.tab-pane {
  background-color: #0000004d;
  padding: 7px;
}


/* NEW CSS FOR NEW HEADER */

header {
  /* position: fixed;
  width: 95%;
  z-index: 999;
  margin-left: 5%;
  transform: translate(-2.5% , 0px); */
  /* background: #8a8a8a75; */
  /* background: #000000b5;
  padding-top: 0px;
  backdrop-filter: blur(15px);
  margin-top: 16px;
  border-radius: 2em;
  -webkit-backdrop-filter: blur(15px);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */

  /*  */



  /* position: absolute; */
  position: fixed;
    width: 95%;
    z-index: 999;
    margin-left: 5%;
    transform: translate(-2.5% , 0px);
    padding-top: 0px;
    margin-top: 16px;
    /* border-radius: 2em; */
    border-top-right-radius: 2em;
    border-bottom-left-radius: 2em;
    transition: 1s
}

.header-logo-area {
  color: white;
  font-size: 1em;
}

@media screen and (max-width: 576px) {
  .header-right-area {
    display: none
  }
}

.mobile-menu-icon i {
  color: white;
  font-size: 2em;
}

.sub-header-mobile .row {
  justify-content: center;
  text-align: center;
}

header {
  transition: 0.15s ease-out;
  overflow: hidden;
  top: 0px
}

.sub-header-mobile {
  font-size: 0.9em;
  padding: 15px;
}

.header-logo-area {
  display: flex;
    align-items: center;
    gap: 15px;
}

.whatsapp-button {
  padding: 1em;
  background: linear-gradient(45deg, #00a23d, #25D366);
  border-radius: 5px;
  color: white;
  display: flex;
  align-items: center;
  /* width: fit-content; */
  gap: 3px;
  padding: 10px 15px;
  font-size: 1em;
  justify-content: center;
  height: 40px
}

.whatsapp-button:hover {
  padding: 1em;
  background: linear-gradient(45deg, #00a23d, #25D366);
  /* border-radius: 1em; */
  color: white;
  display: flex;
  align-items: center;
  /* width: fit-content; */
  gap: 3px;
  padding: 10px 15px;
  font-size: 1em;
  justify-content: center;
  opacity: 0.7
}


.insta-button {
  padding: 1em;
  /* background: linear-gradient(5deg, #fa7e1e , #d62976, #962fbf, #4f5bd5 ); */
  background: linear-gradient(5deg, #fa7e1e , #d62976, #962fbf, #4f5bd5 );
  color: white;
  font-weight: 500;
  /* border-radius: 1em; */
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 3px;
  padding: 10px 15px;
  font-size: 1em;
  justify-content: center;
  height: 40px;
  border-radius: 5px
}

.insta-button:hover {
  padding: 1em;
  background: linear-gradient(5deg, #fa7e1e , #d62976, #962fbf, #4f5bd5 );
  /* border-radius: 1em; */
  color: white;
  opacity: 0.7;
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 3px;
  padding: 10px 15px;
  font-size: 1em;
  justify-content: center;
}

.twt-button {
  padding: 1em;
  background: #00acee;
  border-radius: 5px;
  color: white;
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 3px;
  padding: 10px 15px;
  font-size: 1em;
  justify-content: center;
  height: 40px;
}

.twt-button:hover {
  padding: 1em;
  background: #00acee;
  /* border-radius: 1em; */
  color: white;
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 3px;
  padding: 10px 15px;
  font-size: 1em;
  justify-content: center;
  opacity: 0.7
}

.wp-icon {
  font-size: 1.2em
}

.max-height-header {
  max-height: 500px;
}

#myIcon {
  transition: 0.2s ease-out;
}

#categories {
  /* padding: 0px 100px;
  margin-top: 8em */
  padding: 0px 100px;
  /* background: url(https://medical.loreandigital.com/female-doctor.jpg); */
  background-size: cover;
  margin: 0px;
  max-width: 100%;
  background-position: center;
}

.logo {
  padding: 5px;
  border-radius: 8em;
  filter: contrast(0.1);
  -webkit-filter: contrast(0.6);
}

.card-inner-col {
  height: 230px
}

.lime {
  /* color: #62FFA4; */
  color: #b5ff62;
  font-weight: 500
}

.whatsapp-sticky {
  display: block;
  width: fit-content;
  position: fixed;
  right: 2%;
  z-index: 99999;
  top: 40%;
}

.twitter-sticky {
  display: block;
  width: fit-content;
  position: fixed;
  right: 2%;
  z-index: 99999;
  top: 50%;
}

.wp-icon-area {
  background: #25D366;
  border-radius: 4em;
  padding: 7px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.twitter-icon-area {
  background: #00acee;
  border-radius: 4em;
  padding: 7px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.wp-icon-sticky {
  color: white;
  font-size: 3em;
}

.flex-icon-text {
  display: flex;
  align-items: center;
  gap: 5px;
}

.f-2-em {
  font-size: 2em
}

.header-right-area {
  width: 60%
}

.top-left-fade {
  filter: opacity(0.4);
}

.main-cards {
  padding: 2em;
  max-width: 1500px;
  margin: auto;
}

.header-right-area {
  font-weight: 200
}

.logo-area-text {
  /* background: -webkit-linear-gradient(0deg, #ed2cff,#c690ff, #00ff8c, #00ffeb,#1eff38);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content; */
    font-weight: 900;
    color: white
}

.logo-area-text:hover {
  /* background: -webkit-linear-gradient(0deg, #ed2cff,#c690ff, #00ff8c, #00ffeb,#1eff38);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content; */
    font-weight: 900;
    cursor: pointer;
    color: white
}

.dynamic-image {
  animation: swingNew ease-in-out 7s infinite alternate;
}

@keyframes swingNew {
    0% { transform: scale(1.00) translateY(-5px);; opacity: 1;}
    25% { transform: scale(1.01) translateY(-5px); opacity: 1;}
    50% { transform: scale(1.02) translateY(-5px); opacity: 1;}
    75% { transform: scale(1.01) translateY(-5px); opacity: 1;}
    100% { transform: scale(1.00) translateY(-5px); opacity: 1; }
}

@media screen and (max-width: 576px) {
  .dynamic-image {
    max-height: 525px;
    display: none
  }

  .mobile-justify-center {
    justify-content: center
  }

  #dynamicHeight {
    max-height: 525px
  }

  #categories {
    padding: 0px 10px!important;
  }
}

@media screen and (max-width: 992px) {
  .mt-6-mobile {
    margin-top: 6em;
  }

  .dynamic-image {
    display: none
  }
}

.dynamic-image:hover {
  transition: 0.1s;
  /* filter: drop-shadow(3px 2px 12px #48587a) grayscale(1); */
  filter: blur(5px);
  cursor: pointer
}

.dynamic-image {
  transition: 0.4s;
  z-index: 1
}

#watermarkLogo {
  transition: 0.6s;
  /* transform: rotate3d(0, 1, 0.5, 5.5977rad) translate(-50%, -50%); */
  /* transform: rotate3d(0, 1, 0.5, 5.7816rad) translate(-50%, -50%); */
  /* transform: rotate3d(0, 1, 0.5, 6.2693rad) translate(-50%, -50%); */
  filter: contrast(0.1);
  opacity: 0.4;
  z-index: 0
}

.dynamic-image:hover + #watermarkLogo {
  /* filter: drop-shadow(0 0 0.75rem #0a3986) contrast(0.5); */
  /* transform: rotate3d(1, 1, 1, 350deg) translate(-50%, -50%) rotate(359deg); */
  transform: translate(-50%, -50%);
  transition: 0.2s;
  opacity: 1;
}

.dynamic-image {
  transition: 0.4s
}

#dynamicHeight {
  /* background: url('/logo.png'); */
  background-size: 375px;
  background-repeat: no-repeat;
  background-position: center;
}

.main-cards {
  margin-right: 0px!important
}

.card-main-img {
  width: 150px;
  height: 150px!important;
  object-fit: cover;
}

.transplant-spec {
  width: 150px;
  height:auto;
  object-fit: cover;
}

.more-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.for-more {
  justify-content: center;
  text-align: center;
  position: relative;
  top: 50%;
  font-size: 1.5em;
  padding: 1em;
  border-radius: 1em;
  background: #00000085;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.for-more:hover {
  justify-content: center;
  text-align: center;
  position: relative;
  top: 50%;
  font-size: 1.5em;
  padding: 1em;
  border-radius: 1em;
  background: #00000026;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.more-text-first {
  color: white;
  font-weight: 800
}

.more-text-second {
  color: lime;
  font-weight: 1000;
}

.swiper-slide img {
  width: 100%;
  height: 315px;
  padding: 0px 7px;
  object-fit: cover;
  border-radius: 2em;
  touch-action: pan-up;
}

.swiper-slide:hover {
  cursor: grab;
}

.swiper-slide:active {
  cursor: grabbing;
}

.swiper-button-next, .swiper-button-prev {
  color: #ffffff!important
}

.area-slide {
  margin-right: 15px
}

.area-slide img {
  width: 100%;
  height: 351px;
  border-radius: 2em;
  object-fit: cover;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.category-slider .row {
  overflow: scroll;
  flex-wrap: initial;
  padding: 1em
}

.tab-image {
  width: 55px
}

.call-us-btn {
  background: #62FFA4;
  color: #0d3454;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.p-1 {
  padding: 0.5em!important
}

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	background-color: #0ae;

	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}

.header-navigate-button-mobile {
  background: black;
  border-radius: 1em;
  padding: 4px 10px;
}

/* SCROLL DOWN */
:root {
  --color: rgba(122, 122, 124, 0.918);
}

.container_mouse {
  text-align: center;
  color: var(--color);
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 2rem;
  cursor: pointer;
  margin-top: 30em;
  position: absolute;
}

.container_mouse .mouse-btn {
  margin: 10px auto;
  width: 40px;
  height: 80px;
  border: 3px solid var(--color);
  border-radius: 30px;
  display: flex;
}

.container_mouse .mouse-btn .mouse-scroll {
  display: block;
  width: 20px;
  height: 20px;
  background: linear-gradient(170deg, rgba(122, 122, 124, 0.918), rgb(123, 124, 124));
  border-radius: 50%;
  margin: auto;
  animation: scrolling 1s linear infinite;
}


@keyframes scrolling {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(20px);
  }
}

.trankela {
  visibility: hidden!important;
  opacity: 0;
  transition: visibility 0s linear 0.33s, opacity 0.33s linear;
}

.trankelaDonus {
  visibility: visible!important;
  opacity: 1;
  transition: visibility 0s linear 0.33s, opacity 0.33s linear;
}

#logo-area-text {
  transition: 0.2s ease-out;
  background: -webkit-linear-gradient(0deg, #ed2cff,#c690ff, #00ff8c, #00ffeb,#1eff38);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 1.3em
}

#wpSticky {
  visibility: hidden;
}

#twSticky {
  visibility: hidden;
}

.hair-li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px
}

.hair-li-image {
  width: 42px;
  filter: invert(1);
}

.privacy-policy {
  color: #bebebe!important;
  font-weight: 400!important;
}

.wp-icon-mobile-append {
  border-top-right-radius: 2em!important;
  border-bottom-left-radius: 2em!important;
}

.wp-icon-mb {
  font-size: 2em!important
}

.max-bottom-text {
  color: #cbffff;
  font-weight: 100;
}

.trust-symbole {
  width: 8em;
  position: absolute;
  filter: invert(1);
  top: -25px;
  left: -8px;
}

.special-blue {
  color: #cbffff!important;
  font-weight: 100!important
}