@font-face {
  font-family: myriadpro-bold;
  src: url("../fonts/myriad-pro-cufonfonts/MYRIADPRO-BOLD.OTF")
    format("opentype");
}

@font-face {
  font-family: myriadpro-regular;
  src: url("../fonts/myriad-pro-cufonfonts/MYRIADPRO-REGULAR.OTF")
    format("opentype");
}


.template-treatment .main-banner {
  max-height: 450px;
  min-height: 30vh;
  background-color: #1A99D4;
  display: flex;
  align-items: center;
  padding-left: 3vw;
}

.template-treatment .main-banner h1 {
  color: white;
  font-family: "myriadpro-bold", Fallback, sans-serif;
  font-size: 4vw;
  margin-left: 2%;
}
.template-treatment .main-banner .outside-icon {
  height: 80%;
  width: auto;
}
.template-treatment .main-banner .outside-icon .icon {
  background-color: white;
  -webkit-border-radius: 50%;
  text-align: center;
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.template-treatment .main-banner .outside-icon .icon img{
  padding: 20%;
  max-height: 15vw;
  max-width: 15vw;
}



.template-treatment .template-treatment__content{
  margin-top: 10vh;
  display: grid;
  grid-template-columns: 45% 45%;
  grid-column-gap: 10%;
  font-family: "myriadpro-regular", Fallback, sans-serif;

}
.template-treatment .template-treatment__content{
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 5vh;
  min-height: 40vh;
}

.template-treatment .template-treatment__content .template-treatment__content__text h2{
  font-size: 3vw;
  font-family: "myriadpro-bold", Fallback, sans-serif;

}

.template-treatment .template-treatment__content .template-treatment__content__text .intro_text{
  margin-top: 5vh;
  font-size: 1.2vw;
  line-height: 1.2em;
  font-family: "myriadpro-regular", Fallback, sans-serif;
  color: #5b5a5a;
}

.template-treatment .template-treatment__content .template-treatment__content__text .text{
  margin-top: 5vh;
  font-size: 1.2vw;
  line-height: 1.2em;
  font-family: "myriadpro-regular", Fallback, sans-serif;
  color: #4C4C4C;
}

.template-treatment .template-treatment__content .template-treatment__content__text .text ol {
  margin-left: 2vw;
}

.template-treatment .template-treatment__content .template-treatment__content__text .text strong{
  color: black;
}
.template-treatment .template-treatment__content .template-treatment__content__image img {
  border-radius: 25px;
}
.template-treatment .template-treatment__content .template-treatment__content__iframe iframe {
    height:100%;
}

.template-treatment-second__content{
  margin-top: 10vh;
  width: 100%;
  background-color: #1A99D4;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-treatment-second__content__text {
  width: 55%;
  padding-top: 9vh;
  padding-bottom: 9vh;
  justify-content: center;
}

.template-treatment-second__content__text h2{
  font-size: 2vw;

}


.template-treatment-second__content__text .text{
  margin-top: 2vh;
  font-size: 1.2vw;
  line-height: 1.3vw;
}

.template-treatment-second__content__text .text a{
  color: #d1cfcf;
}

.template-treatment-second__content__table {
  margin: 5%;
  font-size: 0.9em;
  font-family: sans-serif;
  min-width: 90%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border-collapse: collapse;
  border-radius: 1em;
  overflow: hidden;
}

.template-treatment-second__content__table thead tr {
  background-color: #D5B728;
  color: black;
  text-align: left;
}

.template-treatment-second__content__table td{
  padding: 12px 15px;
  color: black;
}
.template-treatment-second__content__table th {
  padding: 12px 15px;
  color: white;
}

.template-treatment-second__content__table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.template-treatment-second__content__table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.template-treatment-second__content__table tbody tr:nth-of-type(odd) {
  background-color: #ffffff;
}

  
.template-treatment-third__content {
  margin-top: 10vh;
  width: 100%;
  background-color: #e5e2e2;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5vh;
}

.template-treatment-third__content__text {
  width: 55%;
  padding-top: 9vh;
  padding-bottom: 9vh;
  justify-content: center;
}

.template-treatment-third__content h2 {
  margin-bottom: 2vh;
  font-family: "myriadpro-bold", Fallback, sans-serif;
  font-size: 2em;
  color: black;
}



.template-treatment-third__content .text{
  margin-top: 2vh;
  font-size: 1.2vw;
  line-height: 1.3vw;
}

.item-left{
  list-style-type: none;
  line-height: 1.5vw;
  width: 40%;
  float:left;
  text-align:left;
  display:inline;
}

.item-right{
  list-style-type: none;
  line-height: 1.5vw;
  width: auto;
  text-align:left;
  display:inline;
}

.template-treatment-third__content .text a{
  color: #737373;
}

.template-treatment-fourth__content {
  display: flex;
  flex-wrap: wrap;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 10vh;
}

.template-treatment-fourth__content__image{
  flex: 0 0 45%;
  padding: 1%;
  margin-right: 15px;
  position: relative;
}

.template-treatment-fourth__content__image .image{
  position: relative;
  background-color: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
}

.template-treatment-fourth__content__image .image img{
background-color: #FFFFFF;
}
.template-treatment-fourth__content__image .dots{
  position: absolute;
  left: -30px;
  bottom: 0;
}

.template-treatment-fourth__content__text {
  flex: 0 0 45%;
  padding: 1%;
  margin-top: 5vh;
}

.template-treatment-fourth__content h2 {
  margin-bottom: 2vh;
  font-family: "myriadpro-bold", Fallback, sans-serif;
  font-size: 2em;
  color: black;
}



.template-treatment-fourth__content .text{
  margin-top: 2vh;
  font-size: 1.2vw;
  line-height: 1.3vw;
}

.template-treatment-fourth__content .text a{
  color: #737373;
}

.icon-bar__title{
  font-family: "myriadpro-bold", Fallback, sans-serif;
  font-size: 3vw;
  text-align: center;
  margin-top: 5vh;
}

.read_more {
  font-size: 2em;
  background-color: #512177;
  color: #fff;
  padding: 9px 0px;
  width: 30vw;
  text-align: center;
  display: inline-block;
  transition: ease-in all 0.3s;
  font-weight: 500;
  margin-left: 35vw;
  margin-right: auto;
  border-radius: 25px;
  margin-bottom: 5vh;
}

.read_more:hover {
  background: #85639F;
  color: #fff;
  transition: ease-in all 0.3s;
}

@media (max-width: 620px) {

.template-treatment .template-treatment__content .template-treatment__content__text {
  margin-top: 5vh;
}
  .template-treatment .template-treatment__content{
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 2vh;
  }
  .template-treatment .template-treatment__content .template-treatment__content__image {
    order: 0;
  }
  .template-treatment .template-treatment__content .template-treatment__content__text {
    order: 1;
  }
  .template-treatment .template-treatment__content .button-yellow {
    order: 2;
  }
  .template-treatment .template-treatment__content .template-treatment__content__text h2{
    font-size: 6vw;
  }
  .template-treatment .template-treatment__content .template-treatment__content__text .text{
    font-size: 4vw;
    line-height: 1em;
    width: 100%;
  }
  .template-treatment .main-banner {
    max-height: 25vh;
    min-height: 15vh;
  }
  .icon-bar__title{
    font-size: 6vw;
    text-align: center;
    margin-top: 1vh;
  }
  
  .template-treatment .main-banner h1 {
    font-size: 8vw;
  }

  /** second content **/

  .template-treatment-second__content{
    margin-top: 2vh;
    margin-bottom: 2vh;
  }

  .template-treatment-second__content__text {
    width: 80%;
    padding-top: 4vh;
    padding-bottom: 4vh;
    justify-content: center;
  }

  
  .template-treatment-second__content__text h2{
    font-size: 6vw;
  }
  .template-treatment-second__content__text .text{
    font-size: 4vw;
    line-height: 1em;
  }
  /** third content **/
  .template-treatment-third__content {
    margin-top: 2vh;
    margin-bottom: 2vh;
  }

  .template-treatment-third__content__text {
    width: 90%;
    padding-top: 4vh;
    padding-bottom: vvh;
  }
  
  .template-treatment-third__content h2 {
    margin-bottom: 2vh;
    font-size: 6vw;
  }
  
  
  .template-treatment-third__content .text{
    font-size: 4vw;
    line-height: 1em;
  }

  .read_more {
    display:none;
  }
  /** FOURTH CONTENT **/

  .template-treatment-fourth__content {
    display:block;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 4vh;
  }

  .template-treatment-fourth__content h2 {
    font-size: 6vw;
  }

  .template-treatment-fourth__content .text{
    font-size: 4vw;
    line-height: 1em;
  }
  .template-treatment .template-treatment__content .template-treatment__content__text .intro_text{
    font-size: 4vw;
    line-height: 1em;
  }
}

@media (min-width: 620px) and (max-width: 1080px) {

  .template-treatment .main-banner {
    max-height: 300px;
    min-height: 20vh;
  }
}