* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, sans-serif;
    width: 100%;
    background-color: #f3f2ee;
}

a {
    text-decoration: none;
}

.iti {
    display: block;
}

.navbar-toggler {
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
    border: none;
}

.form-group {
    margin-bottom: 15px;
}

.form-check-input:focus {
    box-shadow: none;
    outline: 0;
}

.form-control:focus {
    box-shadow: none;
    outline: 0;
}

.form-select:focus {
    box-shadow: none;
    outline: 0;
}

.form-check:focus {
    box-shadow: none;
    outline: 0;
}

.btn:focus {
    box-shadow: none;
    outline: 0;
}

section {
    padding: 40px 5px 20px 5px;
}

p {
    font-size: 1rem;
    padding: 10px 0px 10px 0px;
}

section.breadcrumbs_wrapper {
    padding: 10px;
    background-color: #FFFFFF;
}

.breadcrumbs_wrapper .breadcrumb {
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.breadcrumbs_wrapper .breadcrumb-item {
    color: #016098;
    font-size: 14px;
}

.breadcrumbs_wrapper .breadcrumb-item a {
    color: #016098;
}

.breadcrumbs_wrapper .breadcrumb-item.active {
    color: #818181;
}

.breadcrumbs_wrapper .breadcrumb-item+.breadcrumb-item::before {
    content: "»";
    padding: 0 5px;
}

/*==============================================================
    Navbar styles start
============================================================== */
#collapseSearch {
    background-color: #262626;
}

#collapseSearch .form-control {
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #DDD;
    border-radius: 0;
    color: #FFFFFF;
}

.header-top {
    background-color: #016098;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.header-top .header-top-left {
    float: left;
}

.header-top .header-top-left li {
    color: #FFFFFF;
    margin-right: 25px;
}

.header-top .header-top-left li a {
    color: #FFFFFF;
    font-size: 13px;
}

.header-top .header-top-left li i {
    font-size: 13px;
    padding-right: 10px;
}

.header-top .header-top-right {
    float: right;
}

.header-top .header-top-right li a {
    margin: 0px 0px 0px 11px;
    padding: 4px 7px 4px 7px;
}

.header-top .header-top-right li i {
    color: #FFFFFF;
    font-size: 13px;
}

.offcanvas_navbar .offcanvas-header .btn-close {
    box-shadow: none;
    outline: 0;
}

.offcanvas_navbar .navbar-brand img {
    max-width: 12rem;
    height: auto;
}

.offcanvas_navbar {
    background-color: #FFFFFF;
}

.offcanvas_navbar .nav-item .nav-link {
    font-size: 13px;
    padding: 5px 5px;
    font-weight: 600;
    color: #0F0D0A;
}

.offcanvas_navbar .dropdown-menu {
    background-color: rgb(255, 255, 255);
    padding: 0 0 0;
    border-radius: 0.5rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px, rgba(0, 0, 0, 0.12) 0px 10px 30px;
    animation: fadeIn .3s ease-in-out;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate(0, -10px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.offcanvas_navbar .dropdown .dropdown-menu .dropdown-item {
    color: #0F0D0A;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.00938em;
    padding: 4px 16px;
}

.offcanvas_navbar .dropdown .dropdown-menu li {
    border-bottom: 1px solid rgb(231, 223, 218);
}

.offcanvas_navbar .dropdown .dropdown-menu li:last-child {
    border-bottom: none;
}

.offcanvas_navbar .dropdown .dropdown-item.dropdown-toggle:focus {
    background-color: transparent;
}


.header_wrapper {
    background-color: #FFFFFF;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

.header_wrapper .navbar-brand img {
    max-width: 17rem;
    height: auto;
}

.header_wrapper .menu-navbar-nav {
    padding: 10px 0;
}

.header_wrapper .nav-item {
    margin: 0 18px;
}

.header_wrapper .nav-item .nav-link {
    font-size: 14px;
    padding: 5px 0px;
    font-weight: 600;
}

.header_wrapper .dropdown .dropdown-menu {
    background-color: rgb(255, 255, 255);
    padding: 0 0 0;
    border-radius: 0.5rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px, rgba(0, 0, 0, 0.12) 0px 10px 30px;
    border-left: none;
    border-right: none;
    min-width: 12.5rem;
    animation: fadeIn .3s ease-in-out;

}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate(0, -10px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.header_wrapper .dropdown .dropdown-menu .dropdown-item {
    color: #0F0D0A;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.00938em;
    padding: 15px 10px;
    transition: all .3s ease-in-out;
}

.header_wrapper .dropdown .dropdown-menu li {
    border-bottom: 1px solid rgb(231, 223, 218);
    line-height: 1.5;
}

.header_wrapper .dropdown .dropdown-menu li:last-child {
    border-bottom: none;
}

.header_wrapper .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #FBFAF9;
}

.header_wrapper .dropdown:hover .dropdown-menu {
    display: block;
}

.header_wrapper .dropdown-menu .dropdown-menu {
    width: calc(100% - (1rem * 2));
    margin: 0 1rem;
}

.header_wrapper .dropdown-menu>.dropdown .dropdown-menu {
    display: none;
    top: 0;
    right: auto;
    left: 100%;
    width: auto;
    margin-top: -0.5rem;
    margin-right: 0;
    margin-left: -0.25rem
}

.header_wrapper .dropdown-menu>.dropdown .dropdown-menu {
    top: .35rem
}

.header_wrapper .dropdown-menu>.dropdown:hover .dropdown-menu {
    display: block;
}


/*==============================================================
    Navbar styles end
============================================================== */

/*==============================================================
    Banner styles start
============================================================== */
.banner_wrapper {
    background-image: url(../images/banner.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner_wrapper .right_column h4 {
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 30px;
}

.banner_wrapper .right_column h4 span {
    color: #016098;
}

.banner_wrapper .right_column h1 {
    font-size: 52px;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.banner_wrapper .right_column .btn-banner {
    background-color: #4daf51;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
    padding: 10px 40px;
}

.banner_wrapper .left_column .form-wrapper {
    background: #f6f6f8b8;
    border-radius: 20px;
    padding: 20px;
}

.banner_wrapper .left_column .form-wrapper .title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 40px;
}

.banner_wrapper .left_column .form-wrapper .form-control {
    border: 1px solid #DDD;
}

.banner_wrapper .left_column .form-wrapper input[type="submit"] {
    background: #CD362B;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 20px;
}

.banner_wrapper .left_column .form-wrapper p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/*==============================================================
    Banner styles end
============================================================== */

/*==============================================================
    about styles end
============================================================== */
.about_wrapper h1 {
    font-size: 37px;
    color: #016098;
    font-weight: bold;
    margin: 20px 0px 0px;
    padding: 0px 0px 40px;
}

.about_wrapper .animate {
    width: 100%;
    height: 100%;
}

/*==============================================================
    about styles end
============================================================== */

/*==============================================================
    offices card styles start
============================================================== */
.offices_wrapper h1 {
    font-size: 37px;
    color: #016098;
    font-weight: bold;
    margin: 20px 0px 0px;
    padding: 0px 0px 40px;
}

.offices_wrapper .card {
    background-color: transparent;
}

.offices_wrapper .card .card-body {
    padding: 0;
}

.offices_wrapper .card .card-title {
    color: #3A3A3A;
    font-size: 17px;
    line-height: 1.304347826086957em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 10px;
}

.offices_wrapper .card .card-text {
    color: #3A3A3A;
    font-weight: 400;
    font-size: 16px;
}

.offices_wrapper .card .btn {
    background: #016098;
    color: #FFFFFF;
    padding: 8px 23px;
    border: 2px solid #016098;
    font-size: 13px;
    font-weight: 700;
    transition: all .3s ease-in-out;
}

.offices_wrapper .card .btn:hover {
    background-color: transparent;
    color: #3A3A3A;
}

/*==============================================================
    offices card styles end
============================================================== */


/*==============================================================
    services styles end
============================================================== */
.services_wrapper {
    background-color: #016098;
}

.services_wrapper h1 {
    font-size: 37px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 20px 0px 0px;
}

.services_wrapper p {
    color: #FFFFFF;
}

.services_wrapper .icon {
    background: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
    padding: 20px;
}

.services_wrapper h3 {
    color: #FFFFFF;
    padding: 8px 0px 8px 0px;
    text-align: left;
    font-weight: 600;
    font-size: 24px;
}

.services_wrapper ul {
    text-align: left;
}

.services_wrapper ul li {
    color: #FFFFFF;
}

.services_wrapper ul li i {
    text-align: left;
    color: #DDD;
    padding-right: 10px;
    padding-left: 0px;
}

/*==============================================================
    services styles end
============================================================== */

/*==============================================================
    tabs styles start
============================================================== */
.tabs_wrapper .flex-column .nav-link {
    color: #016098;
    font-size: 16px;
    padding: 20px 25px;
    font-weight: 700;

}

.tabs_wrapper .flex-column .nav-link.active {
    background-color: #016098;
    color: #FFFFFF;
}



.tabs_wrapper .tab-content p {
    font-size: 16px;
    padding: 0px 0px 12px;
}


/*==============================================================
    tabs styles end
============================================================== */

/*==============================================================
    testimonials styles start
============================================================== */
.testimonials_wrapper {
    background-color: #016098;
}

.testimonials_wrapper h1 {
    font-size: 37px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0px 0px 0px;
    padding: 0px 0px 10px;
}

.testimonials_wrapper p.text-center {
    padding: 0px;
    margin: 0px 0px 40px;
}

.testimonials_wrapper p {
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    line-height: 1.666666666666667em;
}

.testimonials_wrapper .prev-btn,
.testimonials_wrapper .next-btn {
    background: none;
    border: none;
}


/*==============================================================
    testimonials styles start
============================================================== */


/*==============================================================
    success styles start
============================================================== */
.success_wrapper {
    background-image: url(../images/success-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px 5px 20px 5px;
}

.success_wrapper h1 {
    font-size: 37px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 20px 0px 0px;
}

.success_wrapper p {
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    line-height: 1.666666666666667em;
}

.success_wrapper h5 {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 24px;
    margin: 8px 0px 8px 0px;
}

.success_wrapper h6 {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 16px;
}

/*==============================================================
    success styles end
============================================================== */

/*==============================================================
    blog styles start
============================================================== */
.blog_wrapper h1 {
    font-size: 37px;
    color: #016098;
    font-weight: bold;
    margin: 0px 0px 0px;
    padding: 0px 0px 40px;
}

.blog_wrapper .card-title {
    background-color: #016098;
    color: #FFFFFF;
    padding: 10px;
    font-weight: 600;
    font-size: 18px;
}

.blog_wrapper .card-title a {
    text-decoration: none;
    color: #FFFFFF;
}

.blog_wrapper .btn-card {
    background: #016098;
    color: #FFFFFF;
    padding: 8px 23px;
    border: 2px solid #016098;
    font-size: 13px;
    font-weight: 700;
    transition: all .3s ease-in-out;
}

.blog_wrapper .btn-card:hover {
    background-color: transparent;
    color: #3A3A3A;
}

/*==============================================================
    blog styles end
============================================================== */

/*==============================================================
    footer styles start
============================================================== */
.footer_wrapper {
    background-color: #0b2a63;
    padding: 40px 5px 10px 5px;
}

.footer_wrapper h5 {
    color: #FFFFFF;
    font-size: 15px;
    margin: 0px 0px 22px;
    line-height: 1.571428571428571em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}

.footer_wrapper .nav-link {
    font-size: 14px;
    color: #DDD;
}

.footer_wrapper .footer-bottom p {
    margin: 0px 0px 5px;
    padding: 5px 0px;
    color: #FFFFFF;
}

.footer_wrapper img {
    max-width: 17rem;
    height: auto;
}

/*==============================================================
    footer styles end
============================================================== */


/*==============================================================================================================================================
================================================================Other pages Style ==============================================================
==============================================================================================================================================*/

/*==============================================================
    contact banner styles start
============================================================== */
.contact_banner {
    background-image: url(../images/contact-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}

.contact_banner .heading-wrapper {
    margin-top: 80px;
}

.contact_banner h1 {
    font-size: 37px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0px 0px;
    padding: 0px 0px 10px;
}

.seo_banner .subtitle {
    display: block;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
}

/*==============================================================
    contact banner styles end
============================================================== */

/*==============================================================
    contact form styles start
============================================================== */
.form_wrapper h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #54595F;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1px;
}

.form_wrapper h3 {
    text-transform: uppercase;
    color: #3A3A3A;
    font-size: 17px;
    line-height: 1.304347826086957em;
    letter-spacing: 1px;
    font-weight: 600;
}

.form_wrapper h3 strong {
    font-weight: bold;
}

.form_wrapper p {
    color: #3A3A3A;
    font-weight: 400;
    font-size: 1rem;
    padding: 0;
}

.form_wrapper p a {
    font-size: 14px;
    color: #016098;
}

.form_wrapper .form-container {
    background-color: #016098;
    padding: 20px;
    border-radius: 0px 40px 0px;
}

.form_wrapper .form-container .form-label {
    color: #FFFFFF;
    font-size: 1rem;
}

.form_wrapper .form-container .form-label span {
    color: #FF0000;
}

.form_wrapper .form-container .form-control {
    border-radius: 0;
    border: 1px solid #DDD;
}

.form_wrapper .form-container input[type="tel"] {
    padding: 6px 12px;
    width: 100%;
    border: 1px solid #DDD;
    display: block;
}

.form_wrapper .form-container .error {
    color: #3b9cff;
    font-weight: 600;
}

.form_wrapper .form-container input[type="tel"]:focus {
    box-shadow: none;
    outline: 0;
}

.form_wrapper .form-container input[type="submit"] {
    background-color: #C93627;
    width: 100%;
    color: #FFFFFF;
    border-radius: 0;
    transition: all .3s ease-in-out;
}

.form_wrapper .form-container input[type="submit"]:hover {
    background-color: transparent;
    border: 1px solid #C93627;
}

/*==============================================================
    contact form styles end
============================================================== */


/*==============================================================
    blog banner styles start
============================================================== */
.blog_banner {
    background-image: url(../images/blog-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
}

.blog_banner .heading-wrapper {
    margin-top: 80px;
}

.blog_banner h1 {
    font-size: 37px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0px 0px;
    padding: 0px 0px 10px;
}

/*==============================================================
    blog banner styles end
============================================================== */


/*==============================================================
    blog styles start
============================================================== */
.blog_section .card-body {
    padding: 5px 20px;
}

.blog_section .card-body .card-link {
    font-size: 18px;
    font-weight: 600;
    color: #54595F;
}

.blog_section .card-body .data {
    font-weight: 400;
    line-height: 1.3em;
    font-size: 14px;
    margin-bottom: 13px;
    color: #777;
}

.blog_section .card-body .card-text {
    font-size: 1rem;
    padding: 0;
    font-weight: 400;
    margin: 0;
    line-height: 1.5em;
    color: #3A3A3A;
}

.blog_section .card-body .btn {
    font-size: 14px;
    color: #C93627;
    font-weight: 500;
    padding-left: 0;
}

.blog_section .card-body .btn {
    margin-top: 10px;
    background: #016098;
    color: #FFFFFF;
    padding: 8px 23px;
    border: 2px solid #016098;
    font-size: 13px;
    font-weight: 700;
    transition: all .3s ease-in-out;
}

.blog_section .card-body .btn:hover {
    background-color: transparent;
    color: #3A3A3A;
}

.blog_section aside.col-lg-3 hr {
    margin: 0 0 1rem 0;
}

.blog_section aside.col-lg-3 h5 {
    color: #C1C1C1;
    margin: 0px 0px 14px;
    font-size: 16px;
    line-height: 1.571428571428571em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}

.blog_section aside.col-lg-3 .form-control,
.blog_section aside.col-lg-3 .form-select {
    border: 1px solid #DDD;
    border-radius: 0;
    font-size: 13px;
    color: #818181;
}

.blog_section aside.col-lg-3 button[type="submit"] {
    border: 0px solid transparent;
    background: transparent;
    font-size: 13px;
}

.blog_section .title {
    font-size: 26px;
    color: #3A3A3A;
    line-height: 1.25em;
    font-weight: 700;
}

.blog_section .text {
    font-size: 1rem;
    color: #3A3A3A;
    margin-bottom: 22px;
    padding: 0;
}

.blog_section .small-heading {
    font-size: 22px;
    padding: 12px 0px;
    color: #3A3A3A;
    font-weight: 600;
}

.blog_section aside .form {
    background-color: #016098;
    padding: 20px;
    margin-bottom: 1rem;
}

.blog_section aside .form .form-label {
    color: #FFFFFF;
    font-size: 1rem;
}

.blog_section aside .form .form-label span {
    color: #FF0000;
}

.blog_section aside .form .form-control {
    border-radius: 0;
    border: 1px solid #DDD;
}

.blog_section aside .form input[type="tel"] {
    padding: 6px 12px;
    width: 100%;
    border: 1px solid #DDD;
}

.blog_section aside .form input[type="tel"]:focus {
    box-shadow: none;
    outline: 0;
}

.blog_section aside .form .error {
    color: #3b9cff;
    font-weight: 600;
}

.blog_section aside .form input[type="submit"] {
    background-color: #C93627;
    width: 100%;
    color: #FFFFFF;
    border-radius: 0;
    transition: all .3s ease-in-out;
}

.blog_section aside .form input[type="submit"]:hover {
    background-color: transparent;
    border: 1px solid #C93627;
}

/*==============================================================
    blog styles end
============================================================== */




/*==============================================================
    booking styles start
============================================================== */
.book_wrapper {
    background-color: #016098;
    padding: 40px 5px 40px 5px;
}

.book_wrapper h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 1.384615384615385em;
    font-weight: 600;
    letter-spacing: 1px;
}

.book_wrapper p {
    font-size: 14px;
    color: #FFFFFF;
    padding-top: 0px;
}

.book_wrapper .btn {
    background-color: transparent;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 23px;
}

/*==============================================================
    booking styles end
============================================================== */


/*==============================================================
    All services section styles start
============================================================== */
.content_writing_banner {
    background-image: url(../images/banners/seo_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sitemap_banner {
    background-image: url(../images/banners/sitemap-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.seo_banner {
    background-image: url(../images/banners/seo-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.google_ads_banner {
    background-image: url(http://efaystudio.com/Qaimdigital/images/banners/Google-ads-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.facebook_ads_banner {
    background-image: url(../images/banners/facebook-ads-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.instagram_ads_banner {
    background-image: url(../images/banners/instagram-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.linkedin_ads_banner {
    background-image: url(../images/banners/linkedin-ads-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.twitter_ads_banner {
    background-image: url(../images/banners/twitter-ads-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.remarketing_ads_banner {
    background-image: url(../images/banners/remarketing-ads-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.display_ads_banner {
    background-image: url(../images/banners/display-ads-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.email_sms_marketing_banner {
    background-image: url(../images/banners/email-marketing-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.smm_banner {
    background-image: url(../images/banners/smm_banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.paid_marketing_banner {
    background-image: url(../images/banners/seo_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service_and_package_banner {
    background-image: url(../images/banners/seo_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.copyright_banner {
    background-image: url(../images/banners/Copyright.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.t_and_c_banner {
    background-image: url(../images/banners/seo_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.privacy_policy_banner {
    background-image: url(../images/banners/seo_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.web_development_banner {
    background-image: url(../images/banners/web-development.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.web_design_banner {
    background-image: url(../images/banners/seo_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about_banner {
    background-image: url(../images/banners/seo_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.heading-wrapper {
    margin-top: 60px;
}

.heading-wrapper h1 {
    font-size: 34px;
    color: #FFFFFF;
    line-height: 1.384615384615385em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 20px 0px 0px;
    padding: 0px 0px 10px;
}

.service_wrapper h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #3A3A3A;
    line-height: 1.384615384615385em;
    font-weight: 600;
    letter-spacing: 1px;
}

.service_wrapper h3 {
    font-size: 17px;
    color: #3A3A3A;
    line-height: 1.304347826086957em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 10px 0px 8px 0px;
}

.service_wrapper h5 {
    font-size: 15px;
    color: #3A3A3A;
    line-height: 1.304347826086957em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 10px 0px 8px 0px;
}

.service_wrapper p {
    font-size: 1rem;
    color: #3A3A3A;
    padding-top: 0px;
}

.service_wrapper p a {
    color: #016098;
}

.service_wrapper a {
    color: #016098;
}

.service_wrapper li {
    font-size: 1rem;
    color: #3A3A3A;
}

.service_wrapper .accordion-button.collapsed {
    background-color: #f3f2ee;
    border: 1px solid #DDD;
    color: #6c757d;
}

.service_wrapper .accordion-button {
    background-color: #f3f2ee;
    font-weight: 600;
    font-size: 1rem;
    border: 1px solid #DDD;
    color: #3A3A3A;
}

.service_wrapper .accordion-button:focus {
    box-shadow: none;
    outline: 0;
}

.service_wrapper .accordion-body {
    background-color: #f3f2ee;
    border: 1px solid #DDD;
}

.service_wrapper .card {
    border: none;
    width: 100%;
    border-radius: 0;
    background-color: transparent;
}

.service_wrapper .card .card-body {
    padding: 0;
}

.service_wrapper .card .card-title {
    color: #3A3A3A;
    font-size: 17px;
    line-height: 1.304347826086957em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 10px;
}


.service_wrapper .card .btn {
    background: #016098;
    color: #FFFFFF;
    padding: 8px 23px;
    border: 2px solid #016098;
    font-size: 13px;
    font-weight: 700;
    transition: all .3s ease-in-out;
}

.service_wrapper .card .btn:hover {
    background-color: transparent;
    color: #3A3A3A;
}

/*==============================================================
    All services section styles end
============================================================== */

/*==============================================================
    FAQs page styles start
============================================================== */

.faq_banner {
    background-image: url(../images/banners/seo_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq_banner h1 {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 52px;
    margin: 0px;
}

.faq_banner p {
    color: #FFFFFF;
    padding-top: 0px;
    font-weight: 600;
}

.faq_wrapper h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #3A3A3A;
    line-height: 1.384615384615385em;
    font-weight: 600;
    letter-spacing: 1px;
}

.faq_wrapper p {
    font-size: 14px;
    color: #3A3A3A;
}

.faq_wrapper ul li {
    font-size: 14px;
    color: #3A3A3A;
}

.faq_wrapper .accordion-button.collapsed {
    background-color: #f3f2ee;
    border: 1px solid #DDD;
    color: #6c757d;
}

.faq_wrapper .accordion-button {
    background-color: #f3f2ee;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #DDD;
    color: #3A3A3A;
}

.faq_wrapper .accordion-button:focus {
    box-shadow: none;
    outline: 0;
}

.faq_wrapper .accordion-body {
    background-color: #f3f2ee;
    border: 1px solid #DDD;
}

/*==============================================================
    FAQs page styles end
============================================================== */
.sitemap_wrapper h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #3A3A3A;
    line-height: 1.384615384615385em;
    font-weight: 600;
    letter-spacing: 1px;
}

.sitemap_wrapper ul li a {
    color: #3A3A3A;
}

.sitemap_wrapper ul>ul li a {
    color: #6c757d;
}

/*==============================================================
    Bottom navigation styles start
============================================================== */

.bottom-nav {
    background-color: #FFFFFF;
    padding: 12px;
}

.bottom-nav .nav-link {
    font-family: inherit;
    font-weight: inherit;
    font-size: 1rem;
    line-height: 1.125rem;
    padding: 0.7rem 0.8rem;
}

.bottom-nav .nav-link i {
    font-size: 23px;
}

.bottom-nav .whatsapp-icon {
    border: 1px solid #25d366;
    background: #25D366;
    color: #FFFFFF;
}

.bottom-nav .call-icon {
    border: 1px solid #DC4E41;
    color: #FFFFFF;
    background: #DC4E41;
}

.bottom-nav .email-icon {
    border: 1px solid #52b448;
    color: #FFFFFF;
    background: #52b448;
}

.bottom-nav .btn {
    border: 1px solid #DC4E41;
    color: #FFFFFF;
    background: #DC4E41;
    text-transform: uppercase;
    letter-spacing: .2em;
    border-radius: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: 1rem;
    line-height: 1.125rem;
    padding: 0.9rem 0.8rem;
}

/*==============================================================
    Bottom navigation styles end
============================================================== */
.packages_wrapper h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #3A3A3A;
    line-height: 1.384615384615385em;
    font-weight: 600;
    letter-spacing: 1px;
}

.packages_wrapper .card-header {
    background-color: #54595F;
    padding: 15px 10px 5px;
    text-align: center;
}

.packages_wrapper .card-header h2 {
    color: #FFFFFF;
    font-size: 26px;
    margin: 0;
}

.packages_wrapper .card-header h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
    line-height: 1.2;
    color: #FFFFFF;
}

.packages_wrapper .card-body {
    padding: 40px 10px;
}

.packages_wrapper .card-body ul li {
    color: #3A3A3A;
    font-weight: 400;
    line-height: 1.6em;
}

.packages_wrapper .card-body ul li i {
    color: #016098;
}

.packages_wrapper .card-footer {
    background-color: #FFFFFF;
    border: none;
}

.packages_wrapper .card-footer .btn {
    background: #016098;
    color: #FFFFFF;
    border-radius: 0;
    border: 2px solid #016098;
    font-weight: 700;
    transition: all .3s ease-in-out;
}

.packages_wrapper .card-footer .btn:hover {
    background-color: transparent;
    color: #3A3A3A;
}

.not-found .not-found-404 {
    margin-bottom: 0;
}

.not-found .not-found-404 h1 {
    font-size: 186px;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase;
    background: url(../images/text.webp);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-position: center;
}

.not-found h2 {
    font-size: 26px;
    font-weight: 700;
    margin: 0;
}

.not-found a {
    margin-top: 10px;
    background: #016098;
    color: #FFFFFF;
    padding: 8px 23px;
    border: 2px solid #016098;
    font-size: 13px;
    font-weight: 700;
    transition: all .3s ease-in-out;
}

.not-found a:hover {
    border: 2px solid #016098;
    background-color: transparent;
    color: #3A3A3A;
}