* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Almarai', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    direction: rtl;
}

img {
    max-width: 100%;
    display: block;
    outline: none;
    border: 0;
}


ul {
    margin: 0;
    list-style-type: none;
}

 

.article p {
    margin-bottom: 25px;
}
.article a{
    color:#F65C32;font-weight: 700;
}.article a:hover{
    color:#F65C32;font-weight: 700;text-decoration: none;
}
.wrapper {
    max-width: 970px;
    padding: 0 10px;
    margin: auto;
   
}


.center {
    text-align: center;
}

.header {
    background: #F65C32;
    color: #fff;
    padding: 15px 0;
}

.name,
.recommend,
.followers {
    display: none;
}

.logo {
    max-width: 320px;
    font-size: 18px;
    margin: auto;
}

.logo b {
    display: block;
    font-weight: 700;
    font-size: 30px;line-height: 1;
}

.nav {
    font-size: 0;
    background: linear-gradient(90.01deg, #011B58 0.95%, #59CCF2 100%);
    height: 15px;
    margin-bottom: 30px;
}



.breadcrumbs {
    display: none;
}



.title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;

}

.title b {
    font-weight: 800;

    text-transform: uppercase;
    margin: 0 -10px;
    margin-bottom: 10px;
    display: table;
    background: #CFF3FF;
    padding: 5px 12px;
}

.date {
    margin-bottom: 30px;
    font-size: 14px;
    color: #9f9f9f
}

.doctor {
    background: #F1F1F1;
    padding: 16px 10px;
    margin-bottom: 20px;
}

.doctor__title {
    margin-bottom: 15px;
    background: #CFF3FF;
    font-size: 24px;
    font-weight: 800;
    padding: 3px 10px;
}

.doctor--author {
    margin-bottom: 45px;
}

.doctor>img {
    margin-bottom: 20px;
    max-width: 110px;
}

.doctor__name {
    font-weight: 800;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 1.2;
}

.doctor__about p {
    margin-bottom: 20px;
}



.doctor__text p {
    font-family: 'Lemonada', cursive;
    font-size: 13px;
    margin-bottom: 20px;
}

.doctor__about p:last-of-type,
.doctor__intro p:last-of-type {
    margin-bottom: 0;
}

.doctor__certs div {
    display: inline-block;
    vertical-align: top;
}

.doctor__certs div:nth-child(2),
.doctor__certs div:nth-child(3) {
    margin-right: -99px;
}

.doctor__certs div,
.doctor__certs img {
    height: 215px;
}

.doctor__certs img {
    margin-bottom: 0;
}

.aside {
    margin-bottom: 65px;
}

.new {
    max-width: 320px;
    margin: auto;
}

.new li {
    display: table;
    margin-bottom: 20px;
}



.new__text,
.new__img {
    display: table-cell;
    vertical-align: top;
}

.new__img {
    width: 50%;
}

.new__text {
    width: 50%;
    padding: 0 20px 0 0;
    font-size: 14px;
    line-height: 1.4;
}

.new__text a {
    color: #333;
    text-decoration: none;
    margin-bottom: 10px;
    display: inline-block;
}

.new__text a:hover {
    color: #F65C32;
    text-decoration: none;
}

.aside-prod {
    background: #F8FFD0;
    padding: 15px;
}

.aside-prod img {
    margin: auto;
    margin-bottom: 10px;
}

.btn {
    background: linear-gradient(90deg, #F6A832 -5.14%, #DE481F 103.74%);
    border-radius: 5px;
    color: #fff !important;
    font-weight: 400;
    display: table;
    text-align: center;
    margin: auto;
    padding: 15px 40px;
    font-size: 24px;
    -ms-transition: .5s;
    transition: .5s;
    text-decoration: none;
    font-family: inherit;
    line-height: 1.2;
    outline: none;
    border: 0;
    cursor:pointer;
}

.btn:hover {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    color: #fff !important;
    text-decoration: none;
}

.sec-title {
    text-align: center;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 15px;
}


.properties {
    background: #CFF3FF;
    padding: 15px;
    margin-bottom: 20px;
}

.properties img {
    margin: auto;
}

.properties__text {
    max-width: 500px;
    margin: auto;
}

.properties__title {
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 25px;
}

.quote {
    margin-bottom: 20px;
    background: #F8FFD0;
    font-weight: 800;
    font-size: 32px;
    text-align: center;
    padding: 20px;
    line-height: 1.2;
}

.result {
    display: block;
    max-width: 100%;
    margin: auto;
    margin-bottom: 15px;
}

.result__caption {
    color: #fff;
    background: linear-gradient(90deg, #F6A832 -5.14%, #DE481F 103.74%);
    text-align: center;
    padding: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.doctors__title {
    background: #CFF3FF;
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 15px;
    padding: 5px 10px;
}

.poll__intro {
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 20px;
}

.poll__title {
    font-weight: 800;
    font-size: 24px;
    background: #CFF3FF;
    text-align: center;
    padding: 10px;
    line-height: 1.3;
}

.graph {
    max-width: 320px;
    margin: auto;
    margin-bottom: 20px;
}

.graph__columns {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    height: 320px;
    margin-top: -150px;
}

.graph__percent {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.graph__line {
    display: block;
    width: 25px;
    height: 100%;

}

.graph__column:nth-child(1) {
    height: 23%;
}

.graph__column:nth-child(2) {
    height: 47%;
}

.graph__column:nth-child(3) {
    height: 8%;
}

.graph__column:nth-child(4) {
    height: 17%;
}

.graph__column:nth-child(5) {
    height: 5%;
}

.graph__column:nth-child(1) .graph__line {
    background: #CFF3FF;
}

.graph__column:nth-child(2) .graph__line {
    background: #F6A832;
}

.graph__column:nth-child(3) .graph__line {
    background: #838884;
}

.graph__column:nth-child(4) .graph__line {
    background: #F8FFD0;
}

.graph__column:nth-child(5) .graph__line {
    background: #EA6262;
}

.graph__captions {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    font-size: 8px;
    text-align: center;
    padding-top: 6px;
    border-top: 1px solid;
    margin-top: 24px;
}

.graph__caption {
    width: 20%;
    padding: 0 10px;
}

.attention {
    margin-bottom: 20px;
    background: #F8FFD0;
    padding: 20px 10px;
}

.attention__title {
    text-align: center;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 800;
}

.researches {
    margin-bottom: 20px;
}

.researches__title {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px;
}

.researches__box {
    background: #CFF3FF;
    padding: 40px 15px;
}

.researches__box li span {
    display: block;
}

.researches__box li:not(:last-child) {
    margin-bottom: 15px;
}

.prooved {
    margin-bottom: 20px;
}

.prooved b {
    display: block;
    text-align: center;
    content: url(../images/!.svg);
    margin: 10px auto;
}

.prooved ul {
    list-style-type: disc;
    padding-left: 15px;

}

.fakes {
    background: #F8FFD0;
    text-align: center;
    padding: 15px 10px;
    margin-bottom: 40px;
}.fakes__text{
    max-width: 320px;
    margin: auto;
}
fakes__img{
    max-width: 200px;
    margin: auto;
    margin-bottom: 20px;
}


.fakes__title {
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 10px;
}

.comment-add {
    margin-bottom: 40px;
}
.comment-add::after{
    content:"";
    display: block;
    clear: both;
}
.comment-add__caption {
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 10px;
}

.comment-add textarea {
    width: 100%;
    background: #ded8d8;
    padding: 10px;
    border: 0;
    border-radius: 4px;
    height: 72px;
}

.btn--add-comment {
    font-size: 15px;
    margin-left: 0;
    padding: 10px 20px;
    border-radius: 0;
    float: right;
}

.comment-all {
    font-size: 17px;
    font-weight: 700;
    text-decoration-line: underline;
    margin-bottom: 30px;
    display: block;

    color: #0A2D67;
}
.comments{
    padding-bottom: 50px;
}
.comment {
    margin-bottom: 15px;
    position: relative;
}

.comment::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/like.svg) no-repeat;
    width: 58px;
    height: 19px;
}
.comment::after{
    content:"";
    display: table;
    clear: both;
}
/* .comment:not(.mob) {
    display: none;
} */

.comment__ava {
    float: right;
    width: 72px;
    height: 72px; border-radius: 50%;
    background: #ccc;display: block;


}.comment__ava img{
    border-radius: 50%;
}

.comment__name,
.comment__text,
.comment__date {
    padding-right: 90px;
}

.comment__name {
    color: #0A2D67;
    margin-bottom: 10px;
    font-weight: 800;
}

.comment__text {
    margin-bottom: 10px;
}
.comment__text img{
    margin-top: 10px;
}
.comment__date {
    font-size: 12px;


    color: #9f9f9f;

}
.comment a{
    color:#F65C32;font-weight: 700;
}.comment a:hover{
    color:#F65C32;font-weight: 700;text-decoration: none;
}
input, select{
height: 45px;
margin-bottom: 15px;
padding: 0 15px;
box-sizing: border-box;
width: 100%;
display: block;
font-family: inherit;
border:1px solid #ccc;font-size: 14px;
}
input::-ms-clear {
   display: none;
}
input[name='phone'],.js_errorMessage
{
    direction: ltr;
    text-align: right;
}
select::-ms-expand {
  display: none;
}
select {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none!important;
background-image: url(../images/sel.png);
  background-repeat:no-repeat;
  background-position: 5% 50%;
}
.price{
  margin: 20px 0;
  text-align: center;
  direction:ltr;
}
.price__old{
  text-decoration: line-through;
}
.price__new{
  font-weight: 700;
  color:red
}

form{
  max-width: 300px;
  margin: auto;
}
textarea.error{
    outline:1px solid red
}
.fixed {
    position: fixed;
    top: 0;max-width: 285px;
  }
.footer {
    text-align: center;
    padding: 20px 0;
}

@media(min-width:992px) {
    .header {
        padding: 25px 0;
        background: #fff;
        color: #000
    }

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

    .logo {
        background: #F65C32;
        padding: 10px 30px;
        line-height: 1.2;
        color: #fff;
    }

    .name,
    .recommend,
    .followers,
    .nav,
    .breadcrumbs {
        display: block;
    }

    .name {
        font-size: 16px;
        font-weight: 800;
        max-width: 330px;
        padding: 0 30px;
    }

    .rating {
        background: #EBEDEE;
        padding: 5px;
        font-size: 10px;
        line-height: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #3B3833;
        
    }

    .rating b {
        font-weight: 800;
        font-size: 18px;
    }

    .rating img {
        margin: 0 5px;
    }



    .logo {
        background: #F65C32;
    }

    .followers {
         
        text-align: center;
    }

    .followers b {
        display: block;
        background: #3F99C6;
        font-weight: 700;
        color: #fff;
    }
.recommend{
     margin: 0 30px;
}
    .nav {
        font-size: 18px;
        padding: 15px 0;
        text-align: center;
        text-transform: uppercase;
        height: auto;
        margin-bottom: 22px;
    }

    .nav ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .nav li {
        width: 17%;
        border-left: 1px solid #fff;
    }

    .nav li:last-child {
        border: 0;
    }

    .nav a {
        color: #fff;
        display: block;
text-decoration:none;

    }

    .nav a:hover {
        text-decoration: none;
        opacity: 0.4;
    }

    .breadcrumbs {
        margin-bottom: 60px;
    }

    .breadcrumbs li {
        display: inline-block;
        vertical-align: middle;

    }

    .breadcrumbs li:after {
        content: "/";
        margin: 0 10px;
        color: #838884;
    }

    .breadcrumbs li:last-child::after {
        display: none;
    }

    .breadcrumbs a {
        color: #838884;
        text-decoration: none;
    }

    .breadcrumbs a:hover {
        text-decoration: none;
        opacity: 0.4;
    }

    .title {
        font-size: 32px;

    }

    .title b {
        margin: 0 0 10px;
    }

    .date {
        margin-bottom: 70px;
    }

    .article {
        position: relative;
        padding-left: 33%;
    }
 
    .aside {
        position: absolute;
        left: 0;
        top: 0;
        max-width: 30%;
    }

    .aside-prod {

        padding: 35px;
    }

    .doctor {
        padding: 40px 20px;
        margin: 60px 0;
    }

    .doctor--author {
        margin-bottom: 55px;
    }

    .doctor>img {
        float: right;
        margin-left: 15px;
        max-width: none;
    }

    .clear {
        display: table;
        clear: both;
    }

    .sec-title {
        margin-bottom: 40px;
    }

    .properties {
        margin: 60px 0;
        display: flex;
        align-items: top;
        padding: 30px;
        justify-content: space-between;
    }

    .properties__img {
        max-width: 190px;
        margin-left: 15px;
    }

    .quote {
        margin: 60px 0;
    }

    .result {
        margin: 60px auto;
    }

    .result__caption {
        font-size: 18px;
    }

    .doctor__title {
        font-size: 32px;
        margin-bottom: 60px;
    }

    .doctor__certs {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .doctor__certs div:nth-child(2),
    .doctor__certs div:nth-child(3) {
        margin: 0;
    }

    .poll__title {
        font-size: 32px;
        margin: 60px 0;
    }

    .graph {
        max-width: 640px;
    }

    .graph__captions {
        font-size: 16px;
        font-weight: 700;
        padding-top: 20px;

        margin-top: 30px;
    }

    .graph__percent {
        font-size: 20px;
        font-weight: 800;
    }

    .graph__line {
        width: 56px;
    }

    .graph__columns {
        height: 640px;
        margin-top: -350px;
    }

    .attention {
        margin: 60px 0;
        font-size: 18px;
        font-weight: 800;
        padding: 40px 15px;
    }

    .attention__title,
    .researches__title {
        font-size: 32px;
    }

    .researches__title {
        margin: 60px 0;
    }

    .researches__text {
        font-weight: 800;
    }

    .researches__box {
        margin: 60px 0;
    }

    .researches__box li {
        font-size: 18px;
        font-weight: 800;
    }

    .researches__box li:not(:last-child) {
        margin-bottom: 25px;
    }

    .researches__box li span {
        font-size: 16px;
        font-weight: 400;
    }

    .prooved {
        display: flex;
        margin: 60px 0;
        align-items: center;
        font-size: 18px;
        font-weight: 800;
        justify-content: space-between;
    }

    .prooved b {
        display: block;
        padding: 0 40px;
    }

    .fakes {
        display: flex;
        margin: 60px 0;
        align-items: center;
        font-size: 18px;
        padding: 40px 15px;
        justify-content: space-between;
    }

    
 

    .fakes__img {
        width: 100%;
    }

    .comments {
        padding-left: 33%; 
    }

    .comment:not(.mob) {
        display: block;
    }
}



@media(max-width:319px) {
    body {
        zoom: .8;
    }
}