/*GENERIC CSS START*/
body {
    background: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    overflow-x: hidden;
}

h2 {
    font-size: 2.5rem;
}

a {
    text-decoration: none;
    color: white;
}

.raleway-medium {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.raleway-semi-bold {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
}

.raleway-bold {
    font-family: "Raleway", sans-serif;
    font-weight: 700;
}

.cta-btn {
    padding: .75rem 1.5rem;
    border-radius: 30px;
    border: 1px solid #66def2;
    font-weight: 600;
    transition: 0.3s;
}

.cta-btn:hover {
    background-color: #ea8700;
    color: #000 !important;
    font-weight: 700;
    border: 1px solid #ea8700;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.sticky {
    position: fixed!important;
    top: 0;
    width: 100%;
    z-index: 222;
    background-color: rgba(0, 0, 0, 0.95);
}

.icofont-navigation-menu {
    color: #fff;
    position: fixed;
    top: 50px;
    right: 50px;
}
/*GENERIC CSS END*/
/*HEADER START*/
#header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    transition: ease-in-out 0.25s;
}
.inner-page #header {
    position: relative;
    background-color: #070016;
}
.navbar-brand {
    margin-left: 0px;
    height: auto;
    float: left;
}

.nav-menu {
    justify-content: right;
}
.navbar-nav {
    display: block;
}
.navbar-nav li {
    display: inline-block;
    white-space: nowrap;
    float: left;
    padding: 10px 10px;
}
.nav-menu a {
    text-align: left;
    position: relative;
    color: #fff;
    transition: 0.3s;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: inherit;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.nav-menu a:hover {
    color: #ea8700;
    font-weight: 800;
}
/*HEADER END*/
/*HERO START*/
#hero {
    background: url(https://bluedresswebsitedesign.com/images/Website-Designer-Knoxville-TN.png);
    background-position: 50% 10%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: 0;
}

#hero .row {
    padding-top: 7rem;
}

#hero h1 {
    font-size: 48px;
}

#hero h2 {
    font-size: 22px;
    font-weight: 400;
}

#hero a {
    display: inline-block;
    margin-top: 1rem;
}
/*HERO END*/
/*WEBSITE DESIGN START*/
#Website-Design {
    color: #000;
}

#Website-Design h3 {
    font-size: 18px;
    font-weight: 700;
}
#Website-Design img {
    filter: drop-shadow(0px 0px 30px rgba(0,0,0,0.2));
}
#Website-Design .bullet-points h3 {
    font-weight: normal;
}

#Website-Design .bullet-points h3::before {
    content: '\2714';
    color: #ea8700;
    padding-right: 5px;
}
/*WEBSITE DESIGN END*/
/*CONTACT BANNER START*/
#Contact-Banner {
    background-color: #000066;
    height: 340px;
}

#Contact-Banner h3 {
    padding: 1rem 0;
}

#Contact-Banner a {
    display: inline-block;
}

#Contact-Banner a:hover {
    color: #ea8700;
}

#Contact-Banner img {
    position: relative;
    top: -30px;
}
/*CONTACT BANNER END*/
/*GROW BUSINESS START*/
#Ready-To-Grow-Business {
    background: #f0f0f6;
    color: #000;
}

#Ready-To-Grow-Business .container-fluid img {
    position: relative;
    top: 320px;
}

#Ready-To-Grow-Business .container img {
    position: relative;
    z-index: 1;
}

#Ready-To-Grow-Business .col-md-3 h3 {
    font-size: 25px;
    padding-top: 1rem;
}
/*GROW BUSINESS END*/
/*ABOUT START*/
#About-Us {
    color: #000;
}
/*ABOUT END*/
/*UNIQUE WEBSITE START*/
#Unique-Website {
    color: #000;
}
#Unique-Website img {
    filter: drop-shadow(0px 0px 30px rgba(0,0,0,0.2));
}
#Unique-Website h3 {
    font-size: 18px;
    font-weight: 700;
}
#Unique-Website .bullet-points h3 {
    font-weight: normal;
}

#Unique-Website .bullet-points h3::before {
    content: '\2714';
    color: #ea8700;
    padding-right: 5px;
}
/*UNIQUE WEBSITE END*/
/*CHOOSE US START*/
#Choose-Us {
    color: #000;
}
#Choose-Us img {
    padding-bottom: 2rem;
}
/*CHOOSE US END*/
/*WEBSITES THAT RANK START*/
#Websites-That-Rank h4 {
    padding: 1rem;
    border-radius: 50%;
    color: white;
    background: #000;
}
/*WEBSITES THAT RANK END*/
/*LANDING PAGES START*/
#Landing-Pages {
    color: #000;
    background-color: #f0f0f6;
}
#Landing-Pages img {
    filter: drop-shadow(0px 0px 30px rgba(0,0,0,0.2));
}
#Landing-Pages .facts h5 {
    display: flex;
}
#Landing-Pages .facts h5::before {
    content: '\2022';
    color: #ea8700;
    padding-right: 5px;
}
/*LANDING PAGES END*/
/*GOOGLE RANK START*/
#Google-Rank {
    color: #000;
    background: url(https://bluedresswebsitedesign.com/images/Website-Developer-Company-Examples-Knoxville.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*GOOGLE RANK END*/
/*TESTIMONIALS START*/
#Testimonials {
    color: #000;
    background-color: #f0f0f6;
}
#Testimonials .stars {
    color: #ea8700;
}
#Testimonials .testimonial-content {
    background-color: #fff;
    filter: drop-shadow(0px 0px 30px rgba(0,0,0,0.2));
    border-radius: 20px;
    min-height: 320px;
}
#Testimonials h4 {
    font-weight: 700;
    padding-left: 10px;
}
#Testimonials a {
    color: #000!important;
    font-weight: 700;
}
#Testimonials .cards-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#Testimonials .left, #Testimonials .right {
    display: flex;
    align-items: center;
}
#Testimonials .original-testimonial:hover {
    color: #ea8700!important;
    text-decoration: underline;
}
/*TESTIMONIALS END*/
/*FOUNDER START*/
#Founder {
    color: #000;
}
#Founder a {
    color: #000!important;
    font-weight: 700;
}
#Founder .facts h5 {
    display: flex;
}
#Founder .facts h5::before {
    content: '\2022';
    color: #000;
    padding-right: 5px;
}
/*FOUNDER END*/
/*MAXIMIZE ONLINE PRESENCE START*/
#Maximize-Online-Presence {
    background-color: #d20a2e;
}
#Maximize-Online-Presence h4, #Maximize-Online-Presence p {
    color: #fff;
}
#Maximize-Online-Presence p {
    margin: 0;
    padding: 0;
}
#Maximize-Online-Presence h2 {
    color: #fff;
    font-weight: 800;
}
/*MAXIMIZE ONLINE PRESENCE END*/
/* INNER PAGE CSS START */
.inner-page .breadcrumbs {
    padding: 25px 0;
}
.inner-page .breadcrumbs ul {
    padding-inline-start: 0;
}
.inner-page .breadcrumbs ul li {
    list-style: none;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
}
.inner-page .breadcrumbs ul li a {
    color: #fff;
}
.inner-page .page-title {
    color: #fff;
    text-transform: uppercase;
}
.blog-content {
    color: #000;
}
.blog-content a {
    color: inherit;
    text-decoration: underline;
}
.blog-content a:hover {
    color: #66def2;
}
#blog-archive-sec-1 .blog-img {
    position: relative;
}
#blog-archive-sec-1 .blog-date {
    position: relative;
}
#blog-archive-sec-1 .blog-date p {
    color: #fda704;
    background-color: #000066;
    width: max-content;
    margin-bottom: 0;
}
#blog-archive-sec-1 .blog-excerpt {
    background-color: #000066;
    color: #fff;
}
#blog-archive-sec-1 .blog-excerpt h2 {
    font-size: 20px;
    line-height: 30px;
}
#blog-archive-sec-1 .blog-excerpt a {
    color: #fda704;
    font-weight: 600;
}
/* INNER PAGE CSS END */
/*FOOTER START*/
#footer {
    color: #000;
    background-color: #f0f0f6;
}
#footer ul {
    list-style: none;
    padding: initial;
}
#footer a {
    color: #000!important;
}
/*FOOTER END*/
/*FOOTER BOTTOM START*/
#footer-bottom {
    color: #000;
    background-color: #f0f0f6;
}
#footer-bottom a {
    color: #000!important;
}
/*FOOTER BOTTOM END*/