body {
    font-family: cairo !important;
    }
.headerContact
{
    background-color: #267F88;
    width: 100%;
    padding: 10px;
}
.navbar
{
    background-color: #fff !important;
}

.bgInfo
{
    background-color: #267F88;
}
.textInfo
{
    color: #267F88 !important;
}
.logoImg
{
    width: 50px;
}
.logoImg img
{
    width: 100%;
    height: 100%;
}
@media (min-width:280px) and (max-width:600px) {
    .headerContact
    {
        font-size: 7px;
    }
    .headerContact span
    {
        margin: auto 2px !important;
    }
    .showing
    {
        background-color: #fff;
        z-index: 9999999999;
    }
    .imgDrHome
    {
        width: 100% !important;
        margin: 20px auto !important;
    }
    .divBook
    {
        width: 90% !important;
    }
}

.DrAtefHome p
{
    color: #808080;
}
.secTapes a
{
    text-decoration: none;
}





.alink
{
    text-align: center;
    padding-top: 10px;
}

.secTapes .col-md-1:after {
    content: "";
    background-color: #267F88;
    width: 2px;
    height: 40px;
    display: block;
    margin: 2px auto ;
}
.service
{
    margin: 20px auto;
}
@media (min-width:280px) and (max-width:600px){
    .secTapes .col-md-1:after {
        content: "";
        background-color: #267F88;
        width: 180px;
        height: 2px;
        display: block;
        margin: 22px auto ;
    }
    .secpserv
    {
        width: 50% !important;
    }
    .service
    {
        margin: 20px auto;
    }
    .divSepDocImage
    {
        margin-top: 10px;
    }
    .faqs
    {
        width: 100% !important;
    }
}
.video
{
    width: 100%;
    height: 450px;
    margin: 10px 0px;
}
.service
{
    width: 100%;
    height: 365px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
    /* margin: 10px; */
}
.servImage
{
    width: 100%;
    height: 220px;
}
.contentServ p
{
   color: #545454;
   font-size: 13px;
}
.fa-plus-circle
{
    font-size: 12px;
}

.secSpecial
{
    background-color: #267F881A;
}
.imgspeDoctor
{
    height: 350px;
    width: 50%;
}
.secFrqs
{
    background-color: #267F881A;
    padding: 40px 20px;
}
.pfrqs
{
    font-size: 13px;
    color: #3C4959;
}

.accordion {
    width: 90%;
    max-width: 1000px;
    margin: 2rem auto;
  }

  .accordion-item {
    background-color: #267F881A;
    /* background-color: #faf2e7; */
    color: #111;
    margin: 1rem 0;
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);

  }

  .accordion-item-header {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
  }

  .accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 1rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    /* background-color: #fff; */
    /* border: 1px solid #fff; */
    color: #267F88;

  }

  .accordion-item-header.active::after {
    content: "\2212";
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    /* border: 1px solid #fff; */
    color: #fff;
}
.accordion-item-header.active{

    background-color: #267F88 !important;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}
  .accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #267F88;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

  }

  .accordion-item-body-content {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid #fff;
    /* border-image: linear-gradient(to right, transparent, #34495e, transparent) 1; */
  }



.feedbackcourse section {
    padding: 5rem 0;
    /* tablet sizing*/
    /* width: 746px; */
    /* height: min-content; */
    display: flex;
    justify-content: center;
    align-self: center;
  }

  .carousel__wrapper {

    position: relative;
    width: 100%;
    height: max-content;
    gap: 2rem 0;
    align-items: center;
  }

  .carousel__header {
    grid-area: title;
    font-weight: 700;
    font-size: 2rem;
  }

  .carousel {
    grid-area: carousel;
    position: relative;
    overflow-x: clip;
  }

  .carousel__item {
    position: absolute;
    padding: 2rem;
    border-radius: 12px;
    /*   border: 1px solid #999; */
    /* background: #eee; */
    top: 0;
    transition: all ease-in-out 800ms;
    /* display: grid; */
    place-items: center;
    top: -0.5rem;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  }

  .carousel__item--active {
    top: -0.5rem;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Adjust the values for the hover effect */
  }

  .carousel__item__name {
    color: #fff;
    text-align: center;
  }

  /* .carousel__item > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem 0;
  } */


  /* Caousel Nav */
  .carousel__nav {
    grid-area: nav;
    justify-self: end;
    display: flex;
    justify-content: center;
    gap: 0 2rem;
  }

  .carousel__nav__item {
    padding: 0.375rem;
    border: 1px solid #267F88;
    border-radius: 24px;
    /* background-color: #e5e5e5; */
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    color: #267F88;

  }

  .carousel__nav__item:hover {
    /* background-color: #cacacb; */
    color: #fff;
    border: 1px solid #267F88;
    background-color: #267F88;
  }


  .textWarning
  {
    color: #FEB62F;
  }
  .secanyDrAtef
  {
     width: 100%;
     min-height:450px;
     background: url('../images/GroupbgDr.png');
     background-size: cover;
  }
  .anyDr
  {
     position: absolute;
     bottom: 20px;
  }
  @media (min-width:280px) and (max-width:991px) {
    .carousel__item
    {
        display: none;
    }
    .carousel__item--active {
        display: block;
        left: 9px !important;
        width: 95% !important;
        box-shadow: 0 0 0;
        border: 1px solid #d9d9d9;
    }
    .headerContact span
    {
        font-size: 8px !important;
    }
    .secanyDrAtef
    {
       width: 100%;
       min-height:650px;
       background: url('../images/BGDRRESPONSIVE.png');
       background-size: cover;
    }
    .anyDr
    {
       position: absolute;
       top: 20px;
    }
  }

  @media (min-width:360px) and (max-width:600px){

    .secReviews .carousel__item--active {
        display: block;
        left: 25px !important;
    }
 }




 .secBookApoyment
 {
    background-color: #267F881A;
 }

 .footer
 {
    background-color: #267F88;
 }
 .footer h5
 {
    font-size: 16px;
    margin: auto 0px;
 }
 .footer .nav-link
 {
    padding: 4px 0px;
}
 .footer p , span
 {
    font-size: 14px;
 }

 /* ===================================== page about ================================ */

.secpageAbout
{
    width: 100%;
    height: 300px;
    background: url('../images/bgabout.png');
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contentAbout
{
    border-radius: 10px;
    width: 90%;
    margin: auto;
    height: 270px;
    margin: 10px;
    padding: 15px;
    text-align: center;
}
.contentAbout img
{
    width: 80px;
    height: 80px;
}
.contentAbout p
{
    color:#545454;
    font-size: 14px;
}
.imggallary
{
    height: 350px;
}
@media (min-width:280px) and (max-width:600px) {
    .imgSecAbout
    {
        margin-top: 20px;
    }
    .imggallary img
    {
        margin: 0px !important;
    }
    .servImage {
        width: 100%;
        height: 250px;
    }
    .service {
        width: 100%;
        height: 390px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
        border-radius: 8px;
        overflow: hidden;
        /* margin: 10px; */
    }
    .divVedio {
        margin: 20px 0px !important;
    }
}





 /* ===================================== page about ================================ */


/* ========================= page contact us ================ */

.divcontactIcon{
    background-color: #267F881A;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* ========================= page contact us ================ */
/* ========================= page blogs ================ */

.page-item.active .page-link {

    background-color: #267F88;
    border-color: #267F88;
}
.page-link {

    color: #267F88;

}

/* ========================= page blogs ================ */



/* ========================= page reviews ================ */

.navHeader .border-bottom
{
    border-bottom: 2px solid #267F88 !important;
}

.review
{
    border-radius: 7px;
    margin: 20px 10px;
}

/* ========================= page reviews ================ */


.divVedio
{
    margin: 20px 10px;
    width: 100%;
    height: 280px;
}



.imghomeBlog
{
    width: 100%;
    height: 300px;
}

.divImgBlogDetail
{
    height: 400px;
    overflow: hidden;
}

.servalink .row .col-md-3 a
{
    text-decoration: none;
    color: #111;
}
.footer .alinkIcon
{
    text-decoration: none;
    color: #fff;
}

.icons_wPhone
{
    position: fixed;
    right: 20px;
    bottom: 20px;
}
.icons_wPhone a
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 15px 0px;
    text-decoration: none;
}
.icons_wPhone a
{
    border: 2px solid #fff;
}
.footer .d a
{
    color: #fff;
    text-decoration: none;
}
.headerContact .fab
{
    cursor: pointer;
}

.secVedios .col-lg-3.col-md-6.col-sm-12 .divVedio
{
    border-radius: 25px;
    overflow: hidden;
}

@media (min-width:280px) and (max-width:600px) {
    .divSepDocImage
    {
        display: block !important;
    }
    .divSepDocImage img
    {
        width: 100%;
        margin: 10px 0px;
    }
    .anyDr
    {
        margin-top: 0px !important;
        padding-top: 10px !important;
    }
}
@media (min-width:280px) and (max-width:991px) {
.secpserv
{
    width: 70% !important;
}
.accordion-item-body-content
{
    font-size: .7rem;
}
.caroNew{
    min-height: 200px;
}
}
@media (min-width:600px) and (max-width:991px) {
.secanyDrAtef
{
   width: 100%;
   min-height:450px;
   background: url('../images/6000.png') !important;
   background-size: cover;
}
.secanyDrAtef h4
{
    font-size: 22px;
}
.imgSecAbout{
    margin-top: 10px ;
}
}

.navbar
{
    z-index: 999999999999999999 !important;
}

.secGallary .row .col-md-6
{
    margin: 10px auto !important;
}
@media (min-width:600px) and (max-width:991px) {
    .navbar
    {
        z-index: 999999999999999999 !important;
    }
    .nav-link {
        display: block;
        padding: .2rem 1rem;
    }
}
.sectionAnyDr
{
    background: url('../images/background.png');
    background-size: cover;
    min-height: 250px;
    position: relative;

}

.photoDoct
{
 position: absolute;
 height: 400px;
 width: 50%;
 right: 0%;
 bottom: 0px;
}
.photoDoct img
{
    width: 100%;
    height: 100%;
}
@media (max-width:768px) {
    .headerContact .fab{
    font-size: .6rem !important;
}
.headerContact span{
    font-size: .6rem !important;
}
.headerContact {
    padding: 25px 0px;
}
.service {
    width: 90%;
}
.anyDoct {
    width: 180px !important;
 }
}
.logoImg {
    width: 65px !important;
}
.imgDrHome {
    width: 100%;
    height: 350px;
    background-size: cover;
}

.service {
    width: 100%;
    height: 390px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
    /* margin: 10px; */
}
.icons_wPhone {
    z-index: 999999999999999;
}
a{
    text-decoration: none;
}
.btn.bgInfo.selected {
    border: 3px solid #2b8a8e !important;
}
.secService .btn:hover{
    background-color: #fff !important;
    color: #2b8a8e !important;
    border: 2px solid #2b8a8e !important;
}
@media (max-width:820px) {
    .containerquiz .btn-container #prevStep8, #nextStep8 {
    padding: 6px 11px !important;
}
.anyDoct
{
  width:180px !important ;
  color: #fff !important;

}

}
.faq-span {
    display: block;
    width: 80% !important;
}