body {
    font-family: 'Cairo', sans-serif;
}
.row > *
{
    padding-left:30px;
    padding-right:30px;
}
.all-pages {
    direction: rtl
}
.all-pages img{
    max-width:100%
}
.banner-title {
    color: #385b8f;
    font-size: 52px;
    font-weight: bold;
    line-height:1.2;
    margin-bottom:20px;
}
.banner-subtitle-1 {
    color: #385b8f;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}
.banner-subtitle-2 {
    background: #385b8f;
    color:#fff;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
    padding:10px 20px;
    display:inline-block;
    border-radius:16px;
}
.banner-subtitle-3 {
    color: #385b8f;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}
.banner-subtitle-4 {
    color: #385b8f;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}
    .banner-subtitle-4 span {
        background: #385b8f;
        color: #fff;
        padding: 10px 20px;
        display: inline-block;
        border-radius: 16px;
    }
    .banner{
        padding:60px 0;
    }
.features {
    padding: 60px 0;
}
.features-title {
    color: #272d38;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}
    .features-title span {
        color: #385b8f;
    }


.features-subtitle li {
    color: #272d38;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 20px;
}

    .features-subtitle span {
        color: #385b8f;
    }
.success-number
{
    padding-top:30px;
    padding-bottom:30px;
    text-align:center
}
.number-success
{
    text-align:center;
    padding:30px 0 80px;
}
.number-title {
    font-size: 112px;
    margin-bottom:30px;
    font-weight: bold;
    line-height: 1.2;
    color: #385b8f;
}
.number-subtitle {
    font-weight: 500;
    line-height: 1.2;
    color: #385b8f;
    margin-top: 0px;
    font-size: 54px;
}
.number-desc {
    color: #272d38;
    font-size:24px;
    text-align:center;
    line-height:1.2;
    font-size:56px;
    margin-top:40px;
}
.doctors
{
    padding:30px 0 60px;
}
.doctor-maintitle {
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    color: #272d38;
    font-size: 56px;
}
.doctor-box {
    background: #f6f6f6;
    padding:60px 60px;
    border-radius:16px;
}
.doctor-right img{
    margin-bottom:30px;
    border-radius:100%;
}
.doctor-maintitle
{
    margin-bottom:40px;
}
.doctor-title {
    text-align: center;
    margin-bottom: 30px;
    color: #272d38;
    line-height:1.2;
    font-weight:bold;
    font-size:26px;
}
.doctor-box ul li {
    margin-bottom:20px;
    color: #272d38;
    font-size: 24px;
}
    .doctor-box ul li:last-child
    {
        margin-bottom:0
    }
    .doctor-box ul {
        list-style: circle;
    }
.btn-landing {
    background: #385b8f;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    padding: 10px 30px;
    border-radius: 12px;
    font-weight: 300;
    text-decoration:none;
    border:0
}
.doctors .col-md-4 .doctor-box {
    padding-left:10px;
    padding-right:10px;
}
.doctor-right img
{
    max-width:240px;
    margin-left:auto;
    margin-right:auto
}
.doctor-right
{
    text-align:center
}
.doctors .col-md-4 .doctor-box ul li
{
    font-size:15px;
}
.doctors .col-md-4 .doctor-box
{
    margin-top:40px;
}
.doctors .col-md-4 .doctor-box
{
    padding:20px;
}
.doctor-box ul
{
    padding-left:0
}
.doctors .col-md-4 .doctor-box .doctor-right
{
    margin-bottom:30px;
}
.btn-landing:hover
{
    color:#fff;
    text-decoration:none
}
.doctors .col-md-4 .doctor-box .doctor-right img{
    max-width:200px;
}
.doctor-box ul
{
    min-height:320px;
}
.contactus {
    background: #f6f6f6;
    padding:80px 0
}
.contact-title {
    font-size: 48px;
    font-weight: 400;
    color: #272d38;
}
.form-group
{
    text-align:right
}
.form-control {
    margin-bottom: 30px;
    background: #fff;
    min-height: 60px;
    border-radius: 16px;
    direction: rtl;
}
.contact-title
{
    margin-bottom:30px;
}
.map
{
    position:relative
}
.map-img
{
    margin-top:100px;
}

.map-marker {
    position: absolute;
    right: 85px;
    max-width: 75px !important;
    top: 120px;
}
.map-details {
    position: absolute;
    right: 123px;
    top: -33px;
    max-width: 400px !important;
}
.map-content {
    position: absolute;
    top: -28px;
    right: 173px;
}
    .map-content ul {
        list-style: none;
        padding-left: 0;
        padding-right: 0;
    }
.findus
{
    padding:80px 0;
}
.findus-title {
    font-size: 56px;
    font-weight: 400;
    color: #272d38;
    text-align:center;
    font-weight:bold;
    margin-bottom:40px;
}
iframe
{
    max-width:100%;
    border-radius:16px;
}
@media (max-width:1199px)
{
    .banner-title
    {
        font-size:36px;
    }
    .banner-subtitle-1, .banner-subtitle-2 {
        font-size: 24px;
    }
    .banner-subtitle-3, .banner-subtitle-4 {
        font-size: 24px;
    }
    .features-title {
        margin-top: 40px;
        font-size: 24px;
    }
    .features-subtitle li {
        font-size: 24px;
    }
    .number-title
    {
        font-size:56px;
    }
    .number-subtitle
    {
        font-size:42px;
    }
    .number-desc
    {
        font-size:24px;
    }
    .doctor-maintitle {
        font-size: 36px;
    }
    .doctor-title
    {
        font-size:21px;
    }
    .btn-landing
    {
        font-size:21px
    }
    .doctor-right
    {
        margin-bottom:30px;
    }
    .doctor-box ul li
    {
        font-size:15px;
    }
    .doctor-box
    {
        padding-left:15px;
        padding-right:15px;
    }
    .doctors .col-md-4 .doctor-box {
        padding-left: 15px;
        padding-left: 15px;
    }
    .doctors .container > .doctor-box {
        margin-left: 15px;
        margin-right: 15px;
    }
    .doctor-box
    {
        padding-bottom:0
    }
        .doctor-box ul
        {
            min-height:inherit
        }
    .contact-title {
        font-size: 36px;
        margin-top:40px;
    }
    .findus-title {
        font-size: 36px;
    }
   
    .map-img
    {
        width:300px;
       
    }
    .map-marker {
        position: absolute;
        right: 35px;
        max-width: 50px !important;
        top: 101px;
    }
    .map-details {
        position: absolute;
        right: 60px;
        top: -15px;
        width: 300px;
    }
    .map-content ul li
    {
        font-size:11px;
    }
    .map-content {
     
        top: -17px;
        right: 117px;
    }
    .col-md-4, .col-md-6 {
        width: 100%;
    }
    iframe
    {
        padding-left:15px;
        padding-right:15px;
    }
}
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    line-height: 60px;
    bottom: 20px;
    left: 30px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
    .float i {
        color: #fff;
    }
.float-call {
    position: fixed;
    width: 60px;
    height: 60px;
    line-height: 60px;
    bottom: 20px;
    right: 30px;
    background-color: #385b8f;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    left: auto;
}
.float::before {
    position: absolute;
    content: "";
    background: #25d366;
    width: 110%;
    height: 110%;
    border-radius: 50%;
    left: 0px;
    right: 0;
    z-index: -1;
    top: 0px;
}
.float::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    background: #25d366;
    border-radius: 50%;
    z-index: -1;
    animation: video-ripple 1500ms ease-out infinite;
    left: 3px;
    top: 2px;
    z-index: -1;
}
.float-call::before {
    background: #385b8f;
}
.float i {
    margin-left: 7px;
    margin-top: 16px;
}
.float-call::after {
    background: #385b8f;
}
@keyframes video-ripple {
    0%, 35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0.8;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@-webkit-keyframes video-ripple {
    0%, 35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0.8;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
.banner-subtitle-5 {
    color: #385b8f;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top:40px;
}
    .banner-subtitle-5 span {
        background: #385b8f;
        color: #fff;
        padding: 7.5px 15px;
        display: inline-block;
        border-radius: 16px;
        margin-top: 10px;
    }
    @media (max-width:1199px)
    {
        .banner-subtitle-5
        {
            font-size:21px;
        }
    }