.navbar-nav>.active>a {
  background-color: #C0C0C0;
  color: green !important;
}
.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}
.featurette-heading {
  font-size: 50px;
}
.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.team-card
{
 position: relative;
 width: 300px!important;
 height: 350px!important;
 background-size: cover;
 background-position: center;
 margin: auto;
 z-index: 9;
 overflow: hidden;
 border-radius: 15%;
}

.cards {
  border-radius: 20px;
  filter: drop-shadow(#8A1538);
  background-color:transparent;
  position: relative;
  z-index: 0;
  overflow: hidden;
  transition: 1s ease-in;
  color:#8A1538;
  border-color: black!important;
}
.cards p{
  color: #8A1538;
}

.cards::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -15px;
  right: -15px;
  background: #8A1538;
  height:220px;
  width: 20px;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.cards:hover::before{
  transition-delay:.3s ;

  transform: scale(40);
}

.cards:hover{
  color: #ffffff;
}
.cards:hover p{
  color: #ffffff;
}
.centered-medical {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.container-medical
{
  position: relative;
  text-align: center;
  color: white;
}
* { box-sizing: border-box; }

/* force scrollbar */
html { overflow-y: scroll; }

body { font-family: sans-serif; }

/* ---- grid ---- */

.grid {
  background: whitesmoke;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}
.grid2 {
  background: #fff;
}

/* clear fix */
.grid2:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid2-sizer,
.grid2-item {
  width: 33.333%;
}

.grid2-item {
  float: left;
/*  margin-bottom: 10px;*/
}

.grid2-item img {
  display: block;
  max-width: 100%;
}
/* grid 3 */
.grid3 {
  background: #fff;
}

/* clear fix */
.grid3:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid3-sizer,
.grid3-item {
  width: 33.333%;
}

.grid3-item {
  float: left;
/*  margin-bottom: 10px;*/
}

.grid3-item img {
  display: block;
  max-width: 100%;
}
/*grid 4*/
.grid4 {
  background: whitesmoke;
}

/* clear fix */
.grid4:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid4-sizer,
.grid4-item {
  width: 33.333%;
}

.grid4-item {
  float: left;
}

.grid4-item img {
  display: block;
  max-width: 100%;
}
/*new grid*/
.new-grid {
  background: whitesmoke;
}

/* clear fix */
.new-grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.new-grid-sizer,
.new-grid-item {
  width: 33.333%;
}

.new-grid-item {
  float: left;
}

.new-grid-item img {
  display: block;
  max-width: 100%;
}
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}
/*.size {
        height: auto;
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }*/
    .caption {
      font-size: 20px;
      color: white;
      text-align: justify;
      width: 100%;
      position: absolute;
/*      top: 50%;
      left: 30%;*/
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
    }
    #text-test 
    {
      font-family: "Tahoma";
      font-size: 35px;
      max-width: 60ch;
      transform: scale(0.94);
      animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
      text-transform: uppercase;
      text-shadow: 1px 1px 2px black, 0 0 25px #8A1538, 0 0 5px #8A1538;
    }
    @keyframes scale {
      100% {
        transform: scale(1);
      }
    }

    #text-test span {
      display: inline-block;
      opacity: 0;
      filter: blur(4px);
    }

    #text-test span:nth-child(1) {
      animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(2) {
      animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(3) {
      animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(4) {
      animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(5) {
      animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(6) {
      animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(7) {
      animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(8) {
      animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(9) {
      animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(10) {
      animation: fade-in 0.8s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(11) {
      animation: fade-in 0.8s 2.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(12) {
      animation: fade-in 0.8s 2.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(13) {
      animation: fade-in 0.8s 2.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(14) {
      animation: fade-in 0.8s 2.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(15) {
      animation: fade-in 0.8s 2.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(16) {
      animation: fade-in 0.8s 2.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(17) {
      animation: fade-in 0.8s 2.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    #text-test span:nth-child(18) {
      animation: fade-in 0.8s 2.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    @keyframes fade-in {
      100% {
        opacity: 1;
        filter: blur(0);
      }
    }

    .text-font-size
    {
      font-size: 30px;
      text-transform: lowercase;
      font-family: "Marck Script", cursive;
    }
    .topleft {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
/*      font-size: 18px;*/
}

.patterns {
  height: 100vh;
}



svg text {
  font-family: Lora;
  letter-spacing: 5px;
  stroke: white;
  font-size: 73px;
  font-weight: 700;
  stroke-width: 3;

  animation: textAnimate 5s infinite alternate;

}

@keyframes textAnimate {
  0% {
    stroke-dasharray: 0 50%;
    stroke-dashoffset:  20%;
    fill:hsl(342.05, 73.58%, 31.18%)

  }

  100% {
    stroke-dasharray: 50% 0;
    stroke-dashoffstet: -20%;
    fill: hsla(342.05, 73.58%, 31.18%,0%)
  }

}
#text1,
#text2,#text3,#text4 {
  position: absolute;
  width: 100%;
  display: inline-block;
/*  font-family: "Raleway", sans-serif;*/
font-size: 80pt;
user-select: none;
}
.logo-container {
  &:before {
    content:  "";
    position: absolute;
    top:      calc( 100% - 2px );
    width:    100%;
    height:   4px;
    background-color: #cf0000;
    transform-origin: center center;
    transform: scaleX( 0 );
    
    animation: line-animation 3s ease infinite alternate;
  }
  
  h1#page-logo {
    font: bold 6rem 'Arial', sans-serif;
    
    animation: clip-path-reveal-1 3s ease infinite alternate;
  }
}

@keyframes line-animation {
  0% { transform: scaleX( 0 ); }
  15% { transform: scaleX( 0 ); }
  20%, 25% { transform: scaleX( 1 ); top: calc( 100% - 2px ); }
  50% { transform: scaleX( 1 ); top: 0px; }
  70% { transform: scaleX( 0.2 ); top: 0px; }
  80%, 100% { transform: scaleX( 0.2 ); top: 0px; }
}

@keyframes clip-path-reveal-1 {
  0%, 25% { clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); }
  50% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
}

/*ourservices*/
#gambetta {
  font-size: 120px;
  text-transform: uppercase;
  font-family: 'Gambetta', serif;
  letter-spacing: -3px;
  transition: 700ms ease;
  font-weight: 100;
  margin-bottom: 0.8rem;
  color: PaleGoldenRod;
  outline: none;
  text-align: center;
}

#gambetta :hover {
  font-weight: 100;
  letter-spacing: 2px;
  color: #8A1538;
}

.animate-charcter
{
 text-transform: uppercase;
 background-image: linear-gradient(
  -225deg,
  #231557 0%,
  #44107a 29%,
  #ff1361 67%,
  #fff800 100%
);
 background-size: auto auto;
 background-clip: border-box;
 background-size: 200% auto;
 color: #fff;
 background-clip: text;
 text-fill-color: transparent;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 animation: textclip 2s linear infinite;
 display: inline-block;
 font-size: 190px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}