@import url(pe-icon-7-stroke.css);
@import url(owl.css);
@import url(fancyBox.css);
@import url(animate.min.css);
@import url(font-awesome.min.css);
@import url(bootstrap-datepicker.min.css);
body {
    direction: rtl;
    font-family: 'Tajawal', sans-serif;
    font-size: 14px
}

p {
    color: #707070;
    font-size: 16px;
    line-height: 28px
}

.grecaptcha-badge {
    visibility: collapse!important
}

.ajaxForm .form-control-feedback {
    width: 56px!important;
   /* height: 56px!important;*/
   /* line-height: 56px!important*/
}

.ajaxForm .form-group {
    margin-bottom: 0px!important
}

.intl-tel-input .form-control-feedback {
    left: -15px!important
}

.bgh {
    background: rgba(112, 112, 112, 0.35);
}

.tabib-nav {
    z-index: 999;
    width: 100%;
    min-height: 96px;
    position: fixed;
    background: linear-gradient(120deg, rgba(40, 215, 250, .7), rgba(2, 247, 188, .9));
    opacity: 1;
    border: none
}

.padding-0 {
    padding: 0
}

.header {
    min-height: 768px;
    width: 100%
}

.header2 {
    min-height: 535px;
    width: 100%
}

.header a,
.header2 a {
    color: #FFF
}

a:hover {
    color: #11C096;
    text-decoration: none
}

section {
    background-size: cover;
    background-repeat: no-repeat;
/
}

.logo-rft {
    display: block;
    text-indent: -9999px;
    width: 150px;
    height: 50px;
    background: url(../img/logomobile2.svg);
    background-size: 150px 50px;
    margin: auto
}

.logo-mobile-header {
    margin-left: auto;
    margin-right: auto;
    margin-top: 18px;
    display: block;
    text-indent: -9999px;
    width: 100px;
    height: 50px;
    background: url(../img/logomobile3.svg);
    background-size: 150px 50px
}

.dept-item {
    padding: 15%;
    text-align: center;
    height: 150px;
    text-align: center;
    border: 1px solid;
    margin-bottom: 15px;
    overflow: hidden;
    background: #efeff3;
    font-family: 'Tajawal', sans-serif!important
}

.logo {
    margin-top: 30px;
    position: absolute;
    display: inline-block;
    text-indent: -9999px;
    width: 174px;
    height: 40px;
    background: url(../img/logo.svg);
    background-size: 174px 40px
}

.tabib-menu {
    height: 32px;
    top: 35px;
    margin: auto;
    position: relative;
    display: block
}

.tabib-menu ul {
    padding: 0;
    vertical-align: middle
}

#searchPro:focus {
    outline: none !important;
    border: 0px solid red;
    box-shadow: 0 0 10px #719ECE;
}

.tabib-menu ul li {
    font-size: 17px;
    font-weight: 700;
    color: #FFF
}

.tabib-menu .active {
    border-bottom: #fff 4px solid;
    padding-bottom: 5px
}

.tabib-consult {
    top: 31px;
    left: 0;
    margin-left: -15px;
    position: absolute;
    display: block
}

.tabib-consult a {
    color: #11C096!important
}

.action-botton {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 17px;
    letter-spacing: .5px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 12px;
    padding-right: 12px;
    color: #28D7FA;
    width: 134px;
    min-height: 35px;
    background: #FEED5A
}

.slogo {
    margin-top: 186px
}

.slogo-title {
    width: 550px;
    height: 146px;
    padding-bottom: 23px;
    margin-bottom: 23px;
    border-bottom: solid 3px rgba(255, 255, 255, .5)
}

.slogo-title h1 {
    font-size: 70px;
    color: #FFF;
    font-family: 'Tajawal', sans-serif;
    font-weight: 700;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .25)
}

.padding-none {
    padding: 0px!important
}

.slogo-title h4 {
    font-size: 25px;
    color: #FFF;
    font-weight: 200;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .25)
}

.search-box1 {
    height: 56px;
    background-color: #02F7BC;
    padding-right: 17px;
    padding-top: 12px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    -webkit-transition: all 0.3s;
    margin-right: 15px;
    z-index: 2
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #11C096;
    border-color: #11C096
}

.search-box1 span {
    font-size: 17px;
    color: #11C096!important
}

.search-box1 .active {
    border: solid 1px #fff;
    border-radius: 5px;
    padding: 0 2px 0 2px;
    color: #fff!important;
    font-weight: 700
}

.search-box1 a {
    font-size: 17px;
    color: #11C096
}

.search-menu {
    height: 22px;
    margin-right: 86px;
    display: inline-block
}

.search-menu ul {
    padding: 0
}

.search-menu ul li {
    margin-left: 7px;
    font-size: 17px;
    color: #11C096
}

.search-box2 {
    height: 56px;
    background-color: #11C096;
    margin-right: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    -webkit-transition: all 0.3s;
    font-size: 17px;
    margin-top: -1px;
    color: #02F7BC!important
}

.search-box2 input {
    width: 93%;
    min-height: 56px;
    margin-top: 0!important;
    padding: 0;
    background: #11C096!important;
    border: none;
    font-size: 17px;
    color: #FFF!important
}

.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1)
}

.over-layer-black-new {
    background: radial-gradient(circle at top, rgba(255, 247, 162, .45) 10%, rgba(255, 240, 75, .45) 20%, rgba(40, 215, 250, .45) 80%);
    width: 100%;
    height: 190px;
    position: relative;
    margin-top: 91px
}

.mainstat {
    padding: 0 0 10px!important
}

.fancy {
    color: #FFF;
    font-size: 21px;
    font-weight: 700;
    opacity: 1;
    margin-top: 18px
}

.counter-col-new h4 {
    color: #FFF
}

.counter-col-new i {
    font-size: 80px;
    color: #fff;
    border-bottom: solid 1px #FFF;
    padding: 10px
}

.bottomsectionborder {
    border-bottom: 1px rgba(112, 112, 112, .2) solid
}

.main-about {
    border-bottom: 1px rgba(112, 112, 112, .2) solid
}

.main-about h4 {
    font-size: 25px;
    color: #11C096
}

.margin-top-90 {
    margin-top: 40px
}

.margin-top-100 {
    margin-top: 90px
}

.margin-top-60 {
    margin-top: 30px
}

.margin-top-30 {
    margin-top: 20px!important
}

.about {
    color: #707070;
    font-size: 13px;
    line-height: 28px
}

.action-botton-more a {
    color: #11C096;
    font-size: 14px;
    letter-spacing: .5px
}

.action-botton-more {
    padding-top: 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 124px;
    height: 35px;
    background: transparent;
    border: 1px solid #11C096;
    margin: auto;
    display: block;
    position: relative
}

.circle-below {
   /* background-image: url(../img/circle.png);
    height: 100px;
    background-repeat: no-repeat;
    background-position: 70% 5%*/
    padding-top: 40px;

}

.circle-above {
   /* background-image: url(../img/circleabove.png);
    background-repeat: no-repeat;
    background-position: 0% 4%*/
    padding-top: 40px;
}

.circle-below2 {
   /* background-image: url(../img/circleabove.png);
    height: 136.5px;
    background-repeat: no-repeat;
    background-position: 60% 0%*/
    padding-top: 40px;

}

.docpdoc .dd {
    /*background-image: url(../img/circleabove.png);
    background-repeat: no-repeat;
    background-position: 60% 100%;
    height: 136.5px;
    padding-top: 90px*/
    padding-top: 40px;
}

.servNomobile {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-attachment: fixed;
  /*  background: linear-gradient(45deg, rgba(250, 236, 40, .1) 36%, rgba(0, 255, 194, .1) 66%);*/

    z-index: -5
}

.servNomobile h2 {
    font-size: 33px;
    color: #11C096;
    font-weight: bolder
}

.servNomobile a:hover h2,
a:hover span {
    color: #02F7BC!important
}

.serv a:hover h2,
a:hover span,
a:hover i {
    color: #02F7BC!important
}

.action-botton-more:hover,
.action-botton-more a:hover {
    color: #02F7BC!important
}

.action-botton-contact a:hover {
    color: #02F7BC!important
}

.servNomobile h4 {
    color: #11C096;
    font-size: 25px;
    margin-bottom: 15px
}

.servNomobile .type {
    font-size: 13px;
    color: #11C096;
    font-weight: 700
}

.cit {
    border-bottom: 1px rgba(112, 112, 112, .2) solid
}

.cities {
    background-image: url(../img/cities.png);
    height: 100%;
    background-repeat: no-repeat;
    background-position: 85% 53%
}

.cityimgback {
    background-color: rgba(255, 84, 200, .6);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: block;
    padding: 0;
    position: relative;
    height: 470px
}

.cityimgbackshadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, .56)
}

.cityimg {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: block;
    padding: 0;
    position: relative;
    height: 470px;
    opacity: .8;
    object-fit: cover;
    object-position: center
}

.cityimg::after {
    position: relative
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-15 {
    margin-top: 15px
}

.margin-top-10 {
    margin-top: 10px
}

.cities h4 {
    color: #11C096;
    font-size: 25px;
    margin-bottom: 15px
}

.cities h2 {
    font-size: 25px;
    color: #707070;
    margin-bottom: 15px;
    font-weight: 700
}

.tri {
    top: 40px;
    left: -27px;
    position: absolute
}

.cir {
    bottom: -30px;
    left: 37px;
    position: absolute
}

.circle-below-left {
   /* background-image: url(../img/circle.png);
    height: 40px;
    background-repeat: no-repeat;
    background-position: 30% 5%*/
    padding-top: 40px;
}

.squr-button {
    background-color: #FFF04B;
    height: 32px;
    width: 100px;
    bottom: 30px;
    left: -15px;
    position: absolute;
    padding: 3px;
    z-index: 50
}

.squr-button a {
    z-index: 50;
    font-size: 11px;
    color: #000
}

.cityinfo1 {
    display: block;
    position: relative;
    width: 100%;
    border: 3px solid transparent;
    margin-top: 20px;
    padding: 15px 15px 15px 10px
}

.cityinfohover {
    display: block;
    position: relative;
    width: 100%;
    border: 3px solid #F3F3F4;
    margin-top: 20px;
    padding: 15px 15px 15px 10px
}

.padding-left-right-0 {
    padding-right: 0;
    padding-left: 0
}

.padding-left-right-5 {
    padding-right: 5px;
    padding-left: 5px
}

.hospitals {
    background: linear-gradient(45deg, rgba(250, 236, 40, .1) 36%, rgba(0, 255, 194, .1) 66%);
    z-index: -5
}

.hospitalss {
    background-image: url(../img/cities.png);
    height: 100%;
    background-repeat: no-repeat;
    background-position: 85% 53%
}

.hospitalss h4 {
    color: #11C096;
    font-size: 25px;
    margin-bottom: 15px
}

.hospitalss h2 {
    font-size: 25px;
    color: #707070;
    margin-bottom: 15px;
    font-weight: 700
}

.help {
    /*margin-top: 112px*/
}

.help h4 {
    color: #11C096;
    font-size: 25px;
    margin-bottom: 15px
}

.help h2 .help h2 {
    font-size: 25px;
    color: #707070;
    margin-bottom: 15px;
    font-weight: 700
}

.helpme {
    margin: auto;
    position: relative;
    display: block;
    width: 155px
}

tabib-consult-down {
    display: block;
    position: relative;
    margin: auto
}

.tabib-consult-down a {
    color: #11C096!important
}

.tabib-consult-left {
    display: block;
    position: absolute;
    left: 10px
}

.tabib-consult-left a {
    color: #11C096!important
}

.footer {
    z-index: 999;
    width: 100%;
    height: 300px;
    background: radial-gradient(circle at 50% -100%, rgba(255, 247, 162, .7) 8%, rgba(255, 240, 75, .7) 8%, rgba(40, 215, 250, 1) 65%);
    border: none
}

.footer h2 {
    font-size: 25px;
    font-weight: 700;
    font-family: 'Tajawal', sans-serif;
    color: #FFF
}

.footer ul {
    margin-top: 30px
}

.footer ul li {
    margin-bottom: 15px;
    color: #FFF;
    font-size: 14px
}

.footer a {
    color: #FFF
}

.footer a:hover {
    color: #11C096;
    text-decoration: none
}

.navbar-default {
    background-color: transparent!important;
    border-color: transparent!important
}

.doctors {
    height: 100%;
    background-repeat: no-repeat;
    background-position: 85% 53%
}

.doctors h4,
.doctors2 h4 {
    color: #11C096;
    font-size: 25px;
    margin-bottom: 15px
}

.doctors h2,
.doctors2 h2 {
    font-size: 25px;
    color: #707070;
    margin-bottom: 15px;
    font-weight: 700
}

.doctor_type {
    height: 470px;
    border-left: solid 6px #28D7FA;
    direction: ltr;
    margin-left: 1px
}

.doctor_type .doctype {
    margin-top: 14px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .16);
    padding-top: 19px;
    padding-bottom: 22px
}

.doctor_type a {
    font-weight: 700;
    font-size: 18px
}

.doctor_type .first {
    box-shadow: 0 0 8px rgba(0, 0, 0, .16);
    padding-top: 19px;
    padding-bottom: 22px
}

.hoverr {
    background: linear-gradient(120deg, #28D7FA 80%, #FFF04B 120%);
    box-shadow: unset!important
}

.tridoc {
    top: 0;
    right: 0;
    position: absolute;
    object-fit: cover;
    object-position: center;
    height: 100%
}

.doctor2-item {
    color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.doctor2-content {
    padding-top: 20px;
    height: 100%
}

.doctor2-content p {
    font-size: 14px;
    margin-bottom: 2px!important;
    padding-left: 10px;
    padding-right: 10px
}

.doctor2-content a {
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.doctor2-item {
    margin-bottom: 16px;
    height: 170px!important;
    overflow: hidden;
    text-align: center
}

.doctor2-img img {
    object-fit: cover;
    object-position: center;
    display: inline;
    position: relative;
    border-radius: 50%;
    width: 85px;
    height: 85px
}

.doctorsitem {
    overflow-x: hidden;
    min-height: 470px;
    max-height: 470px;
    direction: ltr
}

.vertical-center {
    min-height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center
}

.col-centered {
    float: none;
    margin: 0 auto
}

.doctors {
    background-image: url(../img/doctorCircle.png);
    background-repeat: no-repeat;
    background-position: 30% 80%
}

.doc {
    border-bottom: 1px rgba(112, 112, 112, .2) solid
}

.doctors2 {
    background-repeat: no-repeat;
    background-position: 40% 80%
}

.docdiv {
    background-image: url(../img/doctorTri.png);
    background-repeat: no-repeat;
    background-size: unset;
    height: 70px;
    background-position: 40% 50%
}

.profile-image img {
    object-fit: cover;
    object-position: top;
    display: inline;
    position: relative;
    border-radius: 13px;
    width: 100%;
    height: 290px
}
.profile-image-user img {
    object-fit: cover;
    border: 1px #000;
    object-position: top;
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: auto;
    display: block
}

.profile p {
    font-size: 16px
}

.action-botton-contact a {
     color: #11C096;
     font-size: 13px;
     letter-spacing: .5px;
     font-weight: 700
 }
.action-botton-contact.success  {
    background-color: green !important;
    color: #fff !important;
}
.action-botton-contact.fail  {
     background-color: red !important;
     color: #fff !important;
 }
.action-botton-contact.fail  a{

    color: #fff !important;
}
.action-botton-contact.success  a{

    color: #fff !important;
}

.action-botton-contact {
    padding-top: 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 90%;
    height: 32px;
    background: transparent;
    border: 1px solid #11C096;
    margin: auto;
    display: block;
    position: relative
}

.contact-form {
    background: linear-gradient(10deg, #02F7BC, #28D7FA);
    border-radius: 13px;
    width: 100%;
    min-height: 290px;
    padding-bottom: 20px
}

.contact-form h2 {
    font-size: 25px;
    font-weight: 700;
    padding-top: 30px;
    font-family: 'Tajawal', sans-serif;
    color: #FFF
}

.contact-form h4 {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: 800;
    margin-top: 50px;
    color: #FFF
}

.contact-form .contactmobile {
    border-radius: 30px;
    width: 93%;
    min-height: 40px;
    margin-top: 20px!important;
    padding-right: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 0 transparent;
    font-size: 14px;
    direction: ltr;
    text-align: right
}

.contact-form .input {
    padding-right: 30px
}

.contact-form .form-control-feedback {
    top: 12px!important
}

.chk .form-control-feedback {
    display: none!important
}

#search:focus {
    outline: none!important;
    border: 0 solid red;
    box-shadow: 0 0 10px #719ECE
}

#searchmobile:focus {
    outline: none!important;
    border: 0 solid red;
    box-shadow: 0 0 10px #719ECE
}

.contact-form .contactname {
    border-radius: 30px;
    width: 93%;
    min-height: 40px;
    margin-top: 20px!important;
    padding-right: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 0 transparent;
    font-size: 14px;
    padding-rigth: 30px
}

.action-botton-call {
    padding-top: 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 155px;
    height: 32px;
    background: transparent;
    border: 1px solid #fff;
    color: #FFF;
    margin: auto;
    display: block;
    position: relative;
    margin-top: 20px
}

.action-botton-call a {
    color: #FFF;
    font-weight: 700
}

.doctor-name {
    height: 65px
}

.doctor-name h1 {
    margin-top: -20px;
    font-size: 35px;
    color: #11C096;
    font-weight: 400
}

.doctor-cv {
    margin-right: 30px
}

.borderright {
    border-right: 1px solid rgba(112, 112, 112, .8);
    padding-right: 30px;
    min-height: 170px!important
}

.doctor-cv .borderright {
    min-height: 0px !important;
}

.borderright3 {
    border-right: 1px solid #11C096;
    padding-right: 5px
}

.borderright2 {
    border-right: 1px solid transparent;
    padding-right: 30px
}

.borderbottoma11 {
    border-bottom: 1px solid #28D7FA;
    padding-bottom: 30px
}

.borderbottoma111 {
    border-bottom: 1px solid #28D7FA
}

.borderbottom {
    border-bottom: 1px solid #11C096;
    width: 40%;
    padding-top: 30px
}

.searchinputm .select2-selection__arrow {
    top: 20%!important
}

.searchinputm .select2-selection__rendered {
    color: #11C096!important
}

.doctor-cv h3 {
    font-size: 25px;
    color: #707070;
    font-weight: 700
}

.doctor-cv ul {
    margin-right: 0
}

.doctor-cv li {
    list-style: none;
    margin-bottom: 3px;
    font-size: 12px;
    text-indent: -1.5em
}

.doctor-cv li::before {
    content: "•";
    color: #11C096;
    font-size: 14px;
    font-weight: 900;
    margin-left: 10px
}

.docprofile,
.hosprofile {
  /*  border-bottom: 1px rgba(112, 112, 112, .2) solid*/
}
.propp {
      border-bottom: 1px rgba(112, 112, 112, .2) solid
}

.hospindoctor {
    background-color: #F3F3F4;
    broder: solid 1px #F3F3F4;
    border-radius: 24px;
    color: #707070;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px
}

.hosp h3 {
    margin-top: -5px!important
}

.hosp p {
    min-height: 72px;
    text-align: justify;
    overflow: hidden;
    margin-bottom: 30px!important
}

.hosp .loc {
    height: 45px;
    overflow: hidden;
    position: relative;
    display: inline-block
}

.hosp .col-md-7 {
    min-height: 140px
}

.hosp .col-md-3 {
    min-height: 140px
}

.bottom {
    position: absolute;
    bottom: 0
}

.hosp .readmore {
    color: #11C096 !important;;
    position: absolute;
    bottom: 0
}

.locationmark {
    background-image: url(../img/mark.png);
    height: 16px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    position: relative;
    display: inline-block;
    margin-top: 10px
}

.hosimg {
    width: 100%;
    height: 100%;
    border-radius: 4px!important;
    display: block;
    padding: 0;
    position: relative;
    object-fit: cover;
    object-position: center
}

.hosprofile h5,
.hospitals h5 {
    font-size: 25px;
    color: #11C096
}

.map-form {
    border: 1px solid #707070;
    border-radius: 13px;
    width: 100%;
    height: 290px
}

.mapf {
    border-radius: 13px
}

.borderbottomsection {
    border-bottom: 1px rgba(112, 112, 112, .2) solid
}

.hospitalssearch {
    border-bottom: 1px rgba(112, 112, 112, .2) solid
}

.dept-item h4 {
    font-family: 'Tajawal', sans-serif
}

.hospitalssearch h5 {
    font-size: 25px;
    color: #11C096
}

.filter-menu {
    background-color: #28D7FA;
    padding-top: 10px;
    height: 57px
}

.filter-menu h2 {
    font-size: 25px;
    font-weight: 700;
    font-family: 'Tajawal', sans-serif;
    color: #FFF;
    position: relative;
    display: block;
    margin: auto
}

.filter h3 {
    font-size: 25px;
    color: #707070;
    font-weight: 700
}

.filter a {
    font-size: 16px;
    margin-right: 19px;
    color: #11C096
}

.filter .filterSearchCountry {
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    background: #FFF
}

a {
    color: unset;
    font-size: unset
}

.filterm {
    min-height: 100px;
    max-height: 350px
}

.filter {
    max-height: 750px!important
}

.intl-tel-input {
    width: 100%
}

.scrollfilter {
    overflow-x: hidden;
    min-height: 350px;
    max-height: 350px;
    direction: ltr
}

.scrollfilter .col-xs-11 {
    direction: rtl!important
}

.searchresult {
    border-right: 1px solid rgba(112, 112, 112, .2);
    min-height: 1000px!important
}

.padding-right-7 {
    padding-right: 7px
}

.margin-bottom-60 {
    margin-bottom: 60px
}

.searchicon {
    background-color: #11C096!important;
    color: #FFF;
    height: 56px!important;
    margin: auto
}

.searchicon span {
    font-size: 17px;
    position: relative;
    color: #FFF;
    padding-top: 18px
}

.searchinput2 input,
.searchinput2 textarea {
    width: 90%;
    min-height: 42px;
    margin-top: 0!important;
    padding: 0;
    background: transparent;
    border: none;
    font-size: 17px;
    color: #11C096!important
}

.searchinput input {
    width: 90%;
    min-height: 42px;
    margin-top: 0!important;
    padding: 0;
    background: transparent;
    border: none;
    font-size: 17px;
    color: #11C096!important
}

.cityselect {
    width: 100%;
    min-height: 46px;
    margin-top: 0!important;
    padding: 0;
    background: transparent;
    border: none;
    font-size: 17px;
    color: #11C096!important
}

.searchinput .caret {
    margin-right: 15px
}

.searchinput {
    border: solid 1px #11C096;
    min-height: 42px;
    padding-right: 15px;
    width: 100%!important
}

.searchinput2 {
    border: solid 1px #11C096;
    min-height: 56px;
    padding-right: 15px;
    width: 100%!important
}

.select2-selection {
    border: solid 1px #11C096!important;
    min-height: 42px!important;
    padding-right: 15px!important;
    width: 100%!important
}

.select2-results__option.select2-results__option--highlighted {
    background-color: #11C096!important;
    color: #fff!important
}

.select2-selection__placeholder {
    direction: rtl;
    font-family: 'Tajawal', sans-serif;
    font-size: 14px;
    line-height: 2!important
}

.select2-selection__rendered {
    direction: rtl;
    font-family: 'Tajawal', sans-serif;
    font-size: 14px;
    line-height: 2!important
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #11C096!important;
    color: #fff!important
}

.margin-right-7 {
    margin-right: 7px
}

.margin-top-bottom-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.citiesmenu {
    min-width: 100%;
    background: #02F7BC;
    color: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    margin-top: 5px;
    padding-right: 0px!important;
    padding-left: 0px!important;
    overflow-x: hidden!important;
    max-height: 350px;
    direction: ltr
}

.citiesmenu a {
    color: #11C096!important;
    padding-top: 15px!important;
    height: 50px;
    font-weight: bold!important
}

.citiesmenu a:hover {
    color: #FFF!important;
    background: #11C096!important;
    height: 50px
}

.docpersonal {
    object-fit: cover;
    object-position: center;
    display: inline;
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: auto
}

#searchmobile::placeholder {
    color: #FFF;
!important
}

.searchinputm #searchmobile::placeholder {
    color: #11C096;
!important
}

.help-block {
    color: red
}

.hospindoctor .col-xs-3 {
    min-height: 170px
}

.aboutdoc {
    padding-right: 10px;
    margin: auto
}

.aboutdoc i {
    font-size: 18px;
    color: #707070;
    padding-right: 5px
}

.aboutdoc .row {
    /*height:22px;overflow:hidden*/
}

.center {
    display: block;
    position: relative;
    margin: auto
}

.iconn {
    height: 84px
}

.register h3 {
    font-size: 25px;
    color: #707070;
    font-weight: 700
}

.register {
    border-right: 1px solid rgba(112, 112, 112, .2)
}

.noborderright {
    border-right: none!important
}

.ask {
    font-size: 17px;
    color: #707070;
    font-weight: 700
}

.register ul {
    margin-right: 0
}

.register li {
    list-style: none;
    margin-bottom: 3px;
    font-size: 12px;
    text-indent: -1.5em
}

.register li::before {
    content: "•";
    color: #707070;
    font-size: 14px;
    font-weight: 900;
    margin-left: 10px
}

.register p {
    font-size: 14px;
    font-weight: 400
}

.att {
    font-size: 18px;
    color: #FFF;
    background-color: #11C096;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    padding-top: 5px
}

.register .action-botton {
    padding-left: 50px!important;
    padding-right: 50px!important
}

.bottom2 {
    display: block;
    position: absolute;
    bottom: 90px
}

.logofooter {
    position: relative;
    display: block;
    margin: auto;
    text-indent: -9999px;
    width: 370px;
    height: 71px;
    background: url(../img/logo.svg);
    background-size: auto auto;
    background-size: 370px 71px;
    margin-top: 30px
}

.plystory {
    position: relative;
    display: block;
    text-indent: -9999px;
    width: 100px;
    height: 29px;
    background: url(../img/playstore.svg);
    background-size: auto auto;
    background-size: 100px 29px;
    margin-top: 15px;
    left: 0;

}
.ios {
    position: relative;
    display: block;
    text-indent: -9999px;
    width: 100px;
    height: 29px;
    background: url(../img/ios.svg);
    background-size: auto auto;
    background-size: 100px 29px;
    margin-top: 15px;
    right: 0;

}

.scroll1::-webkit-scrollbar {
    width: 5px
}

.scroll1::-webkit-scrollbar-track {
    background: #F3F3F4
}

.scroll1::-webkit-scrollbar-thumb {
    background: #707070
}

.protitle1 {
    border: solid 4px #F3F3F4
}

.protitle2 {
    border-top: solid 4px #F3F3F4;
    border-left: solid 4px #F3F3F4;
    border-bottom: solid 4px #F3F3F4
}

.protitle1 h4,
.protitle2 h4 {
    font-size: 24px;
    color: #28D7FA
}

.proinside1 {
    padding-top: 20px;
    border-left: solid 4px #F3F3F4
}

.proinside2 {
    padding-top: 20px
}

.inside .pro {
    margin-top: 15px!important;
    margin-bottom: 15px!important
}

.pro .panel-heading {
    background-color: #F3F3F4!important;
    padding: 15px!important;
    font-size: 18px;
    border: unset
}

.pro .panel {
    border-color: transparent
}

.action-botton-pro.active a {
    color: #FFB4C8
}

.action-botton-pro.active {
    background: #FFF
}

.action-botton-pro a {
    color: #FFF;
    font-size: 9px;
    font-weight: 700;
    display: block;
    position: relative;
    margin: auto
}

.action-botton-pro {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 60px;
    height: 20px;
    background: #FFB4C8;
    border: 1px solid #FFB4C8;
    display: inline-block;
    float: left
}

.pro li {
    font-size: 13px!important;
    margin: 10px!important
}

.contact-form-parent {
    width: 100%;
    border-radius: 32px!important;
    background-image: url(../img/Mask3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px!important
}

.margin-top--20 {
    margin-top: -20px
}

.margin-top-5 {
    margin-top: 2px
}

.moreclick {
    padding-left: 20px!important
}

.showallname {
    background-color: #FFF!important;
    z-index: 555;
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 18px;
    background: #fff;
    min-height: 30px;
    margin: auto;
    font-size: 16px!important;
    color: #11C096!important;
    padding-top: 5px;
    width: 100%;
    word-wrap: break-word;
    line-height: 1.5!important;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

.showallname p {
    font-size: 16px!important;
    color: #11C096!important
}

.easy-autocomplete-container {
    top: 56px!important;
    margin-top: 0px!important;
    color: #02F7BC
}

.easy-autocomplete-container ul {
    list-style: none;
    margin-right: 0px!important;
    padding-right: 0px!important
}

.easy-autocomplete-container ul li {
    padding-bottom: 15px;
    font-size: 16px!important;
    margin-right: 0
}

.easy-autocomplete input {
    border-radius: 0px!important;
    border-style: solid!important;
    border-width: 0px!important;
    box-shadow: unset!important;
    float: none;
    padding: inherit!important
}

.pretty {
    white-space: inherit!important;
    width: 100%!important
}

.pretty .state label {
    text-indent: 0em!important;
    padding-right: 1.5em!important
}

.pretty .state label:after,
.pretty .state label:before {
    top: 0!important
}

@media screen and (min-width:769px) {
    .mobile {
        display: none
    }
}