.overview{margin: 0 auto 50px; width: 90%;}
.overview h3{color: #017C99; font-weight: 600; margin-bottom: 25px;}
.overview h4{color: #000000; font-size: 23px; font-weight: 600;}
.overview p{margin-top: 5%;}

.core {background-color: var(--bs-white); border: 1px solid #707070; border-radius: 20px; box-shadow: 0 3px 6px #00000029; margin: 0 auto; padding: 25px; text-align: center; width: 100%;}
.core h3{color: #017C99; font-weight: 600;}
.core h4{color: #000000; font-size: 25px; font-weight: 600;}
.core .box{background: #ffffff; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, rgba(217, 217, 217, 1) 100%); border-radius: 20px; margin-top: 60px; padding: 0 20px 30px; width: 100%;}
.core .box img {display: inline-block; margin: -50px auto 40px;}

.vision{background: #017C99; background: radial-gradient(circle, rgba(1, 124, 153, 1) 0%, rgba(1, 62, 77, 1) 90%);}
.vision .media{margin: 25px auto ; width: 100%;}
.vision .media:nth-child(odd){border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin-bottom: 50px; padding-bottom: 50px;}
.vision h3{font-weight: 600;}
.vision p{color: var(--bs-white);font-size: 15px;}
.vision hr{color: var(--bs-white); margin: 50px 0;}
.vision .btn-outline-light{border-color: #F1F1F1; font-size: 16px; line-height: 35px;}

.rounded-bottom{ border-radius: 0 0 20px 20px !important;}

.message{margin: 0 auto; width: 80%;}
.message .quote{margin: 5px 0 0 -90px; position: absolute;}
.message h3{color: #017C99; font-weight: 600; margin-bottom: 15px;}
.message p{margin-right: 8%;}
.message hr{color: #867249; margin: 2rem 0;}
.caption{clear: both; color: #7C7C7C; font-size: 20px; padding-top: 20px; width: 100%;}
.caption h4{color: var(--bs-black); font-size: 23px; font-weight: 600; margin: 0;}

.video{clear: both; position: relative; width: 100%;}
.video a{background: url(../images/play.avif) no-repeat center; bottom: 0; display: block; left: 0; height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 1;}

.profile{margin: 0 auto; width: 95%;}
.profile h4 { color: var(--bs-blaxk); font-weight: 600;}
.docker{background: #1A1E23; background: linear-gradient(0deg, rgba(26, 30, 35, 1) 0%, rgba(152, 169, 189, 1) 100%); border-radius: 0 0 20px 20px; margin-bottom: 1rem; padding: 0 15px 60px; width: 100%;}
.desk{background-color: #017C99; color: var(--bs-white); border-radius: 15px; margin: -10% auto 50px; padding: 15px 40px; position: relative; z-index: 1; }
.docker p{color: var(--bs-white); font-size: 18px; margin-bottom: 40px;}
.docker .block{margin-left: 7%; padding-right: 12px; max-width: 350px; width: 100%;}
.docker .btn{border-color: rgba(255, 255, 255, 50%); line-height: 35px;}
.desk h3{font-weight: 600; margin-bottom:0px;}
.desk span{color: var(--bs-white); font-size: 18px;}

.description {background-color: #F1F1F1; border-radius: 0 20px 20px 0; margin: 0 0 30px -25px; padding: 50px 50px 40px 75px; width: 105%;}
.description h4 {font-size: 21px; margin-bottom: 1.5rem;}
.treatment {padding-left: 50px;}
.treatment h4{border-bottom: 2px solid #818181; margin-bottom: 20px; padding-bottom: 20px;}
.treatment ol{margin: 0 0 20px; padding: 0 0 0 15px; counter-reset:item;}
.treatment ol > li{margin-bottom: 15px; padding-left: 20px; text-indent: -3em; list-style-type: none; counter-increment: item;}
.treatment ol>li:before {display: inline-block; width: 3em; padding-right: 1em; font-weight: bold; text-align: right; content: counter(item);}

.facts{background-color: var(--bs-white); border: 1px solid #707070; border-radius: 20px; padding: 22px 15px; width: 100%;}
.facts .accordion-item{background-color: rgba(192, 161, 101, 20%); border-radius: 8px; color: var(--bs-black); margin-bottom: 15px;  overflow: hidden; width: 100%;}
.facts .accordion-item:last-child{margin-bottom: 0;}
.facts .accordion-button{background: transparent; box-shadow: inherit; color: var(--bs-black); font-size: 20px;}
.facts .accordion-body{font-size: 16px;}
.facts .accordion-button::after{background-image: url(../images/plus.avif); background-size: cover; width: 25px; height: 25px;}
.facts .accordion-button:not(.collapsed)::after{background-image: url(../images/minus.avif);}

.tags{background-color: var(--bs-white); border: 1px solid #707070; border-radius: 20px; margin-top: 40px; padding: 12px 24px; width: 100%;}
.tags .btn{font-size: 20px; margin: 10px 10px 10px 0; padding: 0.375rem 1.5rem;}

.facilities{background: #F1F1F1; background: linear-gradient(0deg, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 1) 25%, rgba(1, 124, 153, 1) 25%, rgba(1, 124, 153, 1) 100%); border: 0px solid #bebebe; border-radius: 20px; box-shadow: 0 3px 6px #00000029; margin: 0 auto; padding: 50px; text-align: center; width: 95%;}
.facilities h3{color: var(--bs-white); font-weight: 600;}
.facilities p{color: var(--bs-white); margin: 0 auto; max-width: 65%;}
.facilities .box {background-color: var(--bs-white); border-radius: 20px; box-shadow: 0 3px 6px #00000029; padding: 50px; margin-top: 30px; padding-bottom: 25px; text-align: center; width: 100%;}
.facilities .panel{background-color: #F1F1F1; box-shadow: 0 3px 6px #00000029; border-radius: 20px; margin-bottom: 1.5rem; padding: 20px 15px; width: 100%;}
.facilities .btn { padding: 0.25rem 1rem; max-width: 177px; width: 100%; }





/*--------------------------
    Media Query
----------------------------------*/

@media only screen and (max-width: 767px) {
    .overview, .message, .core{width: 92%;}
    .core .col{flex-basis: auto; max-width: 100%;}
    .core .box{margin-bottom: 20px;}
    .order-2{order: inherit !important;}
    .gx-5 {--bs-gutter-x: 0rem;}
    .message p{margin-right: 0;}
    .video a{background-size:45px;}
    .profile{width: 95%;}
    .docker .block{padding-right: 12px;}
    .docker p{font-size: 14px;}
    .description{border-radius: 20px; margin: 0 0 30px; padding: 20px; width: 100%;}
    .treatment{padding: 0;}
    .facts .accordion-button{font-size: 16px;}
    .facts .accordion-body{font-size: 14px;}
     div.tags .btn {font-size: 13px;margin: 5px 5px 5px 0;padding: 3px 6px;}
    .facilities{padding: 30px;}
    .facilities p{max-width: 100%;}
    .facilities .box{padding: 25px;}
    .docker .btn {font-size: 14px;}
    div.tag {margin-top: 16px;}
    div.tags {margin-top: 20px;}


}
@media only screen and (max-width: 991px) {
    div.facts div.accordion-body {font-size: 14px;}
  .description h4 {font-size: 17px;}

  .vision {padding: 0 20px;}
  
  .treatment h4 { padding-bottom: 10px;font-size: 17px;}
div.core {padding: 25px 0 0 0; }
.message .quote {left: 180px;}
.subpage.bg-white.box-box-bg {padding-top: 0;padding: 0px 0px;}
  .vision h3 {font-weight: 600;font-size: 19px;}
  .doctor-prof-wrp {display: block;}
  .doctr-prof-left,  .doctr-prof-right {width: 100%;}
  .doctr-prof-left picture img {width: 100%;}
section.vision .btn-outline-light {font-size: 14px;line-height: 24px;}
.vision p {font-size: 14px;}
div.overview h4 {font-size: 19px;margin: 0;}
div.overview h3 { margin-bottom: 2px;font-size: 20px;}
div.overview p {margin-top: 3px;}
div.overview {margin: 0 auto 13px;}
div.core h3 {  font-size: 20px;}
div.row.circle-abus {flex-wrap: nowrap;overflow: scroll;padding-bottom: 13px;justify-content: left;}
div.core .box img {display: inline-block;margin: -20px auto 16px;width: 40px;}
 div.core h4 {font-size: 15px;}
div.core .box {margin-top: 27px;}
.visin-abt {display: block;}
.visin-abt-mob {width: 100%;}
section.vision .media:nth-child(2n+1) {margin-bottom: 20px;padding-bottom: 20px;}
section.vision .media {margin: 25px auto;}
.our-voisin-mob {padding-top: 20px;}
div.message p {margin-right: 0;}
.message h3 {font-size: 19px;}
.message h3 br {display: none;}
div.caption h4 {font-size: 16px;}
div.caption { font-size: 16px;}
  .video a {background-size: 45px;}
.desk h3 {font-size: 18px;margin-bottom: 3px;}
div.desk span {font-size: 15px;}

.treatment li {
  font-size: 14px;
}
}

@media only screen and (min-width: 992px) {
div.facts .accordion-body {font-size: 14px;}
div.facts .accordion-button{font-size: 18px;}

}




@media only screen and (min-width: 768px) and (max-width: 991px) {
    .core { width: 95%;}
    .core h4{font-size: 14px;}
    .core .col{flex-basis: auto; max-width: 33%;}
    .gx-5 {--bs-gutter-x: 2rem;}
    .profile{width: 95%;}
    .docker .block{padding-right: 12px;}
    .desk{padding: 10px 30px;}
    .docker p{font-size: 14px;}
    .description{padding: 20px 20px 20px 55px;}
    .treatment{padding: 0;}
    .facts .accordion-button{font-size: 18px;}
    .facts .accordion-body{font-size: 15px;}
    .tags .btn{font-size: 15px; margin: 5px 5px 5px 0; padding: 0.375rem 1rem;}
    .facilities{padding: 30px;}
    .facilities p{max-width: 85%;}
    .facilities .box{padding: 25px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1080px) {
    .core .box{padding: 0 12px 25px;}
    .core h4{font-size: 14px;}
    .core p{font-size: 12px;}
    .core .box img{max-width: 75px; margin-top: -40px;}
    .desk{padding: 10px 30px;}
    .desk h3{font-size: 20px}
    .desk span, .docker p{font-size: 15px;}
    .docker .btn{font-size: 13px;}
    .description{padding: 30px 30px 20px 55px;}
    .treatment{ padding-left: 35px;}    
    .tags .btn{font-size: 15px; margin: 5px 5px 5px 0; padding: 0.375rem 1rem;}
    .facilities p{max-width: 85%;}
    .facilities .panel{font-size: 13px; padding: 12px;}
}

@media (max-width:1300px){
    .core h4{font-size: 18px;}
    .tags .btn{font-size: 16px;}
      div.facts .accordion-body {
    font-size: 16px;
  }
}

@media (min-width: 1600px) {
    .core h4{font-size: 20px;}
    .vision .media .article:last-child {padding-right: 4%;}
}