body {
    margin: 0;
    overflow-x: hidden;
}

@font-face {
    font-family: 'Raleway-Regular';
    src: url('../fonts/Cairo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway-Light';
    src: url('../fonts/Cairo-Light.ttf') format('truetype');
}

.typed-cursor {
    display: none;
}

#Header {
    background: url('../img/new/NYDEBanner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.navbar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: transparent !important;
    padding: 0;
}

.nav-link {
    font-family: Raleway-Regular;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.85em;
    transition: 0.4s;
    color: #088bd8 !important;
    display: block;
    padding: 10px;
    margin: auto 3px;
}

    .nav-link:hover, .nav-item.active .nav-link {
        border-radius: 4px;
        background-color: #088bd8;
        color: #fff !important;
    }

#Services .description {
    text-align: justify;
    max-width: 1000px;
    margin: auto;
    font-family: Raleway-Regular;
    color: #fff;
    display: block;
    margin-bottom: 60px;
}

.element {
    padding-top: 100px;
    color: #088bd8;
    font-family: Raleway-Regular;
    font-weight: bold;
    max-width: 1000px;
    font-size: 1.8em;
    line-height: 60px;
    text-align: center;
    margin: auto;
}


.navbar-brand {
    font-weight: bold;
    padding: 5px 30px;
    background-color: rgba(255,255,255,1);
    font-size: 1.5em;
    color: #088bd8 !important;
    font-family: Raleway-Regular;
}

::-webkit-scrollbar {
    width: 12px;
    padding: 1px;
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #088bd8;
}

.arrows {
    width: 60px;
    height: 72px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 20px;
}

    .arrows path {
        stroke: #fff;
        fill: transparent;
        stroke-width: 2px;
        animation: arrow 2s infinite;
        -webkit-animation: arrow 2s infinite;
    }

@keyframes arrow {
    0% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
    0% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.arrows path.a1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s; /* Safari 和 Chrome */
}

#Services, #WhyUs {
    padding: 80px 50px;
    background: #6db3f2;
    background: -moz-linear-gradient(-45deg, #6db3f2 12%, #6db3f2 12%, #1e69de 100%);
    background: -webkit-linear-gradient(-45deg, #6db3f2 12%,#6db3f2 12%,#1e69de 100%);
    background: linear-gradient(135deg, #6db3f2 12%,#6db3f2 12%,#1e69de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=1 );
}

    #Services h2, #WhyUs h2 {
        text-align: center;
        color: #fff;
        font-family: Raleway-Regular;
        font-weight: bold;
        font-size: 2.5em;
        color: #fff;
        margin-bottom: 50px;
    }

        #Services h2:after, #WhyUs h2:after {
            display: block;
            width: 5%;
            height: 3px;
            background-color: #fff;
            margin: 10px auto 50px auto;
            content: '';
        }

    #Services .row .serv-box {
        margin: 30px auto;
        padding: 40px;
        transition: 0.5s;
        border-top-right-radius: 40px;
        border-bottom-left-radius: 40px;
        height: 95%;
        background-color: #fff;
    }

        #Services .row .serv-box:hover {
            cursor: pointer;
            transform: scale(1.04);
            box-shadow: #fff 0 0 40px;
        }

.serv-box .serv-title {
    color: #088bd8;
    text-align: center;
    font-family: Raleway-Regular;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 30px;
}

.serv-box .serv-list {
    list-style-image: url('../img/new/VivovitalsSmall.png');
}

    .serv-box .serv-list li {
        color: #333;
        font-family: Raleway-Light;
        margin-bottom: 20px;
    }

#OurTeam {
    padding: 80px 50px;
    background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url('../img/1.jpg');
    background-size: cover;
}

    #OurTeam h2 {
        text-align: center;
        font-family: Raleway-Regular;
        font-size: 2.7em;
        font-weight: bold;
        color: #088bd8;
    }

        #OurTeam h2:after {
            display: block;
            width: 5%;
            height: 3px;
            background-color: #088bd8;
            margin: 10px auto 50px auto;
            content: '';
        }

    #OurTeam .drImg {
        height: 230px;
        object-fit: cover;
        width: 230px;
        border-radius: 100%;
    }

    #OurTeam .drName {
        font-size: 1.2em;
        margin-top: 20px;
        text-align: center;
        font-family: Raleway-Regular;
        font-weight: bold;
        color: #088bd8;
        margin-bottom: 5px;
    }

    #OurTeam .drSpecialist {
        text-align: center;
        color: #444;
        font-size: 0.9em;
        font-family: Raleway-Regular;
    }

    #OurTeam .description {
        display: block;
        max-width: 800px;
        text-align: justify;
        margin: auto;
        margin-bottom: 60px;
        font-family: Raleway-Light;
        line-height: 30px;
        font-family: 1.3em;
    }

.aksBtn {
    background-color: #fff;
    color: #088bd8;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.85em;
    margin-top: 40px;
    display: inline-block;
    padding: 20px 40px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-family: Raleway-Regular;
    transition: 0.5s;
    box-shadow: #fff 0 0 40px;
}

    .aksBtn.aksBtn-blue {
        background-color: #088bd8;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 0.85em;
        margin-top: 40px;
        display: inline-block;
        padding: 20px 40px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        font-family: Raleway-Regular;
        transition: 0.5s;
        box-shadow: rgba(30, 105, 222, 0.61) 0 0 20px;
    }

    .aksBtn:hover {
        transform: scale(0.93);
        text-decoration: none;
    }

.whyUs-Box {
    padding: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    transition: 0.5s;
    margin-top: 30px;
    background-color: #fff;
}

    .whyUs-Box:hover {
        transform: scale(1.07);
        box-shadow: #fff 0 0 50px;
        cursor: pointer;
    }

    .whyUs-Box img {
        background-color: #fff;
        position: relative;
        height: 90px;
    }

    .whyUs-Box .title {
        text-align: center;
        font-family: Raleway-Regular;
        font-weight: bold;
        margin-bottom: 0;
        height: 70px;
        color: #088bd8;
        margin-top: 20px;
        font-size: 1.3em;
    }

        .whyUs-Box .title + p {
            text-align: center;
            font-family: Raleway-Light;
        }

#Pricing {
    padding: 80px 50px;
}

    #Pricing h2 {
        text-align: center;
        font-family: Raleway-Regular;
        font-weight: bold;
        color: #088bd8;
        font-size: 2.7em;
    }

        #Pricing h2:after {
            display: block;
            width: 5%;
            height: 3px;
            background-color: #088bd8;
            margin: 10px auto 50px auto;
            content: '';
        }

    #Pricing p {
        max-width: 800px;
        padding: 40px;
        border: 3px dashed #ddd;
        font-family: Raleway-Regular;
        margin: auto;
        margin-bottom: 40px;
        text-align: center;
    }

        #Pricing p span {
            display: block;
            font-family: Raleway-Regular;
            color: #000;
            font-weight: bold;
            font-size: 1.3em;
        }

.aksTbl {
    max-width: 1000px;
    margin: auto;
    margin-bottom: 40px;
}

    .aksTbl th {
        background-color: #088bd8;
        color: #fff;
        font-family: Raleway-Regular;
    }

    .aksTbl tr td:first-child {
        background-color: #6db3f2;
        color: #fff;
        font-family: Raleway-Regular;
    }

    .aksTbl tr td, .aksTbl tr th {
        font-family: Raleway-Regular;
        border-bottom: 1px solid #088bd8;
        border-top: none !important;
    }

#GetInTouch {
    padding: 80px 50px;
    background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url('../img/new/AdobeStock_178172872.jpeg');
    background-size: cover;
}

    #GetInTouch h2 {
        text-align: center;
        font-family: Raleway-Regular;
        font-size: 2.7em;
        font-weight: bold;
        color: #088bd8;
    }

        #GetInTouch h2:after {
            display: block;
            width: 5%;
            height: 3px;
            background-color: #088bd8;
            margin: 10px auto 50px auto;
            content: '';
        }

    #GetInTouch .description {
        text-align: center;
        font-size: 1.3em;
        font-family: Raleway-Regular;
    }

.form-control {
    margin: 5px auto;
    border-radius: 2px;
    background-color: rgba(255,255,255,0.6);
    border-color: #ddd;
    padding: 22px;
    transition: 0.4s;
}

    .form-control:focus {
        box-shadow: none;
        outline: none;
        border-color: #ddd;
    }

button.aksBtn {
    cursor: pointer;
    border: none;
}

.aksBtn span {
    margin-left: 7px;
}

textarea {
    height: 140px !important;
}


@media only screen and (max-width:991px) {
    .element {
        padding-top: 100px;
        color: #088bd8;
        font-family: Raleway-Regular;
        font-weight: bold;
        max-width: 1000px;
        font-size: 1.8em;
        line-height: 40px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}


#Thanks {
    display: none;
    color: #fff;
    font-size: 1em;
    background-color:#1bce24;
    padding:10px;
    text-align:center;
    direction:rtl;
}