html,
body {
    height: 100%;
}

body {
    color: #212226;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", sans-serif;
}

p {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

section {
    background: #fff;
    overflow: hidden;
}


/* =========================================
                Content Boxes
============================================ */

.content-box-lg {
    padding: 120px 0;
}

.content-box-md {
    padding: 100px 0;
}

.content-box-sm {
    padding: 90px 0;
}


/* =========================================
                 services
============================================ */
#services {
    background-color: #f4f4f4;
}

#services-heading {
    /*background: url("../img/title/title.jpg") no-repeat fixed center; */
    background-color:#1787aa ;
    background-size: cover;
    height: 200px;
    margin-top: 50px;
}
#services-heading h2 {
    padding: 65px;
    font-weight: 400;
}
#services-heading span {
    color: #fff;
}

#service-left p:first-child {
    margin-top: 80px;
    margin-bottom: 30px;
}
#service-left h6 i {
    color: #1787aa;
    
}


#service-right {
    margin-top: 60px;
}

#service-right img {
    margin: 0 auto;
}

/* =========================================
               Services 01
============================================ */
#services-list {
    background-image: url("../img/title/title.jpg") no-repeat fixed center;
    background-size: cover;
}

.service {
    margin: 35px 0;
}
.service span {
    font-weight: 600;
   
    
}
.heading-2 span {
    font-weight: 700;
    color: #1787aa;

}

.service .icon {
    font-size: 32px;
    margin: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
    color: #8dc63f;
}

.service:hover .icon {
    color: #1787aa;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.service h5 {
    font-size: 12px;
    text-transform: uppercase;
    color: #1787aa;
    margin: 0 0 6px 0;
}

.service:hover h5 {
    color: #212226;
}

.service h4 {
    font-size: 24px;
    margin: 0 0 8px 0;
    color: #8dc63f;
}
.service h6{
    color:#1787aa ;
}

.service p {
    line-height: normal;
}


/* =========================================
                Why Choose US
============================================ */


#choose-us .content-box-md {
    background: rgba(0, 0, 0, 0.8);
   
}

#choose-us .horizontal-heading {
    margin-bottom: 50px;
}

#choose-us .horizontal-heading h2 {
    color: #fff;
}
#choose-us .horizontal-heading h3 {
    color: #fff;
}


.choose-item {
    background: rgba(61, 68, 68, 0.6);
    border-radius: 8px;
    margin: 5px 0;
    min-height: 80px;
    padding: 3px 50px;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.choose-item i {
    font-size: px;
    color: #8dc63f;
    margin: 0 0 6px 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.choose-item h4 {
    font-size: 26px;
    color: #fff;
    margin: 5px 0 5px 0;
}

.choose-item p {
    color: #fff;
    margin: 0;
}

.choose-item:hover {
    background: #8dc63f;
}

.choose-item:hover i {
    color: #fff;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

#choose-us p {
    color: #fff;
    padding-top: 30px;
    font-size: 20px;
}

/* =========================================
                Navigation
============================================ */

.navbar {
    padding: 45px 100px 20px 100px;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
     background: #8dc63f;
}



ul.navbar-nav>li>a {
    font-family: "Raleway", sans-serif;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding:3px;
}

ul.navbar-nav>li>a:hover,
ul.navbar-nav>li>a:focus {
    background: none;
    color: #1787aa;
}


/* White Navigation */

.white-nav-top {
    background: #fff;
    padding: 15px 100px;
    -webkit-box-shadow: 0 8px 6px -9px #999;
    box-shadow: 0 8px 6px -9px #999;
    z-index: 2;
}

.white-nav-top ul.navbar-nav>li>a {
    color: #212226;
    padding:3px;
}

.white-nav-top ul.navbar-nav>li>a:hover,
.white-nav-top ul.navbar-nav>li>a:focus {
    color: #1787aa;
}


/* Scroll spy active state */

.white-nav-top ul.navbar-nav>li>a.active {
    color: #1787aa;
    font-weight: 500;
}

html,
body {
    height: 100%;
}

body {
    color: #212226;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", sans-serif;
}

p {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

section {
    background: #fff;
    overflow: hidden;
}

/* =========================================
                Content Boxes
============================================ */

.content-box-lg {
    padding: 120px 0;
}

.content-box-md {
    padding: 100px 0;
}

.content-box-sm {
    padding: 90px 0;
}
/* =========================================
                Footer
============================================ */

footer {
    background: #212226;
    padding: 30px;
}

footer p {
    color: #fff;
    line-height: 20px;
    margin: 0;
}

footer p span {
    color: #1787aa;
}