/**
 * My Custom Design
*/

body {
      font-family: "Momo Trust Sans", sans-serif;
      outline: none;
}

* {
    outline: none !important;
}



/* All Pages Style */

@media only screen and (max-width: 1023px){

    .site-inner {
        padding-inline: 15px !important;
    }

}

button, input[type="button"], input[type="reset"], input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button {
    background-color: #0067fe;
}

a {
    color: #0067fe;
}

.grecaptcha-badge {
    display: none !important;
}

.full-width-content .content {
    width: 100%;
}

.site-inner {
    padding-inline: 30px;
    padding-block: 100px;
    max-width: 1200px;
}

.entry-content .search-form {
    width: 100%;
}

.entry-content .search-form input {
    margin-bottom: 30px;
}

 span.page-numbers.current, .nav-links a {
    background-color: #f5f5f5;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
    padding: 8px 20px;
    text-decoration: none;
}


.archive-pagination li a {
    padding: 15px 20px;
}

.archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a {
    background-color: #0067fe;
}

span.page-numbers.current, .nav-links a:hover {
    background-color: #0067fe;
    color: #ffffff;
}

.search-result-title a {
    font-size: 30px;
    text-decoration: none;
    font-weight: 700;
}

h1.archive-title {
    font-size: 40px;
}

article.search-result-item.relative.post-196.page.type-page.status-publish.entry {
    margin-bottom: 0;
}

.entry-content a {
    color: #989898;
    text-decoration: none;
}

.wp-block-image img {
    border-radius: 10px;
}

.page-id-293 .wp-block-image figure {
    padding-left: 0;
    padding-right: 100px;
}

.wp-block-image figure {
    padding-left: 100px;
    padding-bottom: 50px;
}

.pages-bc {
    background-color: #0064ff0f;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.bg-style {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-with-overlay {
    position: relative;
}

.bg-with-overlay:before {
    content: '';
    background-color: rgb(255 240 31 / 79%);
    width: 100%;
    height: 100%;
    position: absolute;
}

.button-style a {
    text-decoration: none;
    color: #000000;
    font-size: 18px;
    height: 44px;
    background-color: #ffffff;
    padding-block: 15px;
    border-radius: 10px;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 10px;
}

.button-style i {
    margin-left: 11px;
    background-color: #0064ff;
    padding: 12px;
    border-radius: 10px;
    color: #ffffff;
}

.button-style.button-yellow a {
    background-color: #0064ff;
    color: #ffffff;
}

.button-style.button-yellow i {
    background-color: #000000;
    color: #ffffff;
}

.button-style.button-transparent i {
    background-color: transparent;
    padding: 0;
    margin-right: 10px;
}

.button-style.button-transparent a {
    padding-right: 30px;
    border: 1px solid #000000;
    background-color: transparent;
}

/* Breadcrumbs */

@media only screen and (max-width: 1023px){

    .pages-bc {
        padding-inline: 15px;
    }

    .wp-block-image figure {
        float: none !important;
        padding-left: 0 !important;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 0 !important;
    }

    .pages-title-wrapper {
        text-align: center;
    }

    .breadcrumb {
        text-align: center;
    }
    
    .form-map {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

}

.breadcrumb a {
    color: #000000;
    text-decoration: none;
}

.pages-bc {
    padding-top: 12px;
}

.breadcrumb {
    margin-bottom: 0;
}


/* Heading */

@media only screen and (max-width: 1023px){

    .big-heading, h1 {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    h2 {
        font-size: 30px !important;
    }

    .about-year-number {
        font-size: 40px;
    }

    .about-section-images > img {
        height: 300px;
        object-fit: cover;
    }

    .form-title-heading {
        font-size: 25px;
    }

    .cta-section {
        padding-inline: 15px !important;
    }

    .button-list a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 230px;
        height: 60px;
        font-size: 16px !important;
    }

    .why-choose-left-info {
        padding-inline: 15px;
    }

    .nap-data-column-item {
        width: 100%;
        max-width: 320px;
    }

    .nap-section-data-snippets-wrapper .big-heading {
        font-size: 30px !important;
    }

}


.big-heading, h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
}

h2 {
    font-size: 40px;
    font-weight: 700;
}


.heading-snippets, p {
    font-size: 18px;
}

/* COntent Home */

.home .site-inner {
    display: none;
}


/* Pages Banner */

.pages-wrapper {
    padding-block: 150px;
    padding-inline: 15px;
    position: relative;
}

.pages-wrapper:before {
    content: '';
    background-image: -moz-linear-gradient( 1deg, rgb(255,240,31) 0%, rgba(255,240,31,0) 100%);
    background-image: -webkit-linear-gradient(1deg, #0064ff 0%, rgba(255, 240, 31, 0) 100%);
    background-image: -ms-linear-gradient( 1deg, rgb(255,240,31) 0%, rgba(255,240,31,0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.pages-title-wrapper .big-heading {
    color: #ffffff;
}

.pages-title-wrapper-holder {
    position: relative;
}

.innerpages-img img {
    border-radius: 10px;
}

.innerpages-section-info {
    margin-bottom: 30px;
}

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

@media only screen and (min-width: 1024px){

    .page-id-293 .innerpages-content {
        order: 1;
    }

    .innerpages-section-info {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        align-items: center;
    }

    .innerpages-content {
        width: calc(60% - 50px);
    }

    .innerpages-img {
        width: calc(40% - 50px);
    }

}


/* Mobile Header */

@media only screen and (max-width: 1023px){

    .genesis-nav-menu .sub-menu a {
        background-color: #0067fe;
    }

    span.menu-dropdown i::before {
        content: none !important;
    }

}

.top-mobile-design a {
    background-color: #0067fe;
    color: #ffffff;
    width: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-block: 12px;
    text-decoration: none;
    font-weight: 700;
    flex-wrap: wrap;
    gap: 10px;
}

.mobile-design {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 15px;
    gap: 20px;
    background-color: #ffffff;
}

.mobile-design-navigation {
    font-size: 25px;
}

.mobile-tooltip-data {
    background-color: #0067fe;
    padding: 15px;
    color: #ffffff;
    display: none;
}

.mobile-menu a {
    color: #ffffff;
}



.sub-menu-toggle::before {
    color: #ffffff;
}

.mobile-menu {
    background-color: #0067fe;
    padding: 15px;
    display: none;
}

.mobile-menu.show {
    display: block;
}

.mobile-menu {
    position: absolute;
    width: 100%;
    z-index: 999;
}

.mobile-design-navigation.show i::before {
    content: '\f00d';
}

.top-mobile-design.sticky-header {
    display: none;
}

.mobile-menu .menu-toggle {
    display: none;
}

.header-mobile-design {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
}

.mobile-tooltip-data a {
    color: #ffffff;
    text-decoration: none !important;
}

.mobile-nap-item span.mobile-nap-icon {
    margin-right: 8px;
}

.mobile-nap-item {
    margin-bottom: 8px;
}


.mobile-design-logo img {
    max-width: 120px;
}

.mobile-design-logo {
    margin-right: 10px;
}

.mobile-design-estimate a {
    background-color: #0067fe;
    color: #ffffff;
    text-decoration: none;
    padding: 15px;
    border-radius: 10px;
    font-size: 12px;
}

/* Header */

@media only screen and (max-width: 1450px) and (min-width: 1200px){

    .header-navigation-cta-list a {
        font-size: 14px !important;
    }

}

@media only screen and (max-width: 1200px) and (min-width: 1024px){

    .header-navigation-cta-list a {
        font-size: 12px !important;
    }

}

@media only screen and (min-width: 1024px){

    .header-section {display: block;}
    .header-mobile-design {display: none;}

    .nav-primary .genesis-nav-menu a {
        padding-left: 8px;
        padding-right: 8px;
    }

    .sticky-mobile-design {display: none;}

}

@media only screen and (max-width: 1023px){

    .header-section {display: none;}
    .header-mobile-design {display: block;}

    .sticky-mobile-design.sticky-header {display: block;}

}

.header-section.sticky-header {
    position: fixed;
    z-index: 999;
}

.header-site-logo {
    background-color: #ffffff;
    padding: 20px 15px;
}

.header-section-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-around;
}


.header-navigation-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}

.header-logo {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    width: 15%;
}

.header-nav-listing {
    width: calc(85% - 70px);
}

.top-header {
    padding-top: 15px;
    margin-bottom: 30px;
}

.top-header-listing {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: flex-end;
}

.header-navigation-cta-list {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.top-header-item i {
    margin-right: 5px;
}

.top-header-item, .top-header-item a {
    font-size: 14px;
    text-decoration: none;
    color: #000000;
}

.header-navigation-cta-item:nth-child(2) a {
    font-size: 18px;
    background-color: #0064ff;
    text-decoration: none;
    color: #ffffff;
    padding: 15px 35px;
    border-radius: 10px;
    font-weight: 700;
}

.header-navigations a {
    font-size: 16px;
    font-weight: 700;
}

.header-section {
    padding-inline: 60px;
    transition: 0.5s ease-in-out;
    position: relative;
    width: 100%;
}

/* Hero */

@media only screen and (max-width: 1023px){

    .hero-section-buttons .button-style-list {
        flex-direction: column;
    }

    .hero-section-title {
        font-size: 35px !important;
        line-height: 50px !important;
    }

    .hero-arrow-right.slick-arrow, .hero-arrow-left.slick-arrow {
        display: none !important;
    }

}

.hero-section-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-inline: 15px;
}

.hero-section-data .heading-snippets {
    text-align: center;
    color: #ffffff;
    margin-block: 30px;
    max-width: 800px;
}

.hero-section-item {
    padding-block: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.hero-section-item:before {
    content: '';
    background-color: rgb(0, 0, 0);
    opacity: 0.6;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.hero-section-buttons .button-style-item:first-child a {
    padding-inline: 40px;
}

.hero-section-buttons .button-style-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.hero-section-buttons .button-style-list .button-style-item:nth-child(1) a {
    color: #ffffff;
    border-color: #ffffff;
}

.hero-section-buttons .button-style-list .button-style-item a {
    width: 190px;
    display: flex;
    height: 65px;
    align-items: center;
    text-align: center;
    justify-content: center;
}


.hero-section-listed {
    position: relative;
}

.hero-section-title {
    font-size: 70px;
    color: #ffffff;
    font-weight: 700;
    line-height: 75px;
    text-align: center;
    max-width: 800px;
}

.header-navigation-cta-item:nth-child(1) a {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    text-decoration: none;
}

.reviews-arrow-left {
    left: 0 !important;
    color: #000000 !important;
}

.reviews-arrow-right {
    right: 0 !important;
    color: #000000 !important;
}

.hero-arrow-left, .reviews-arrow-left {
    position: absolute;
    top: 50%;
    z-index: 99;
    left: 60px;
    background-color: #ffffff33;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    cursor: pointer;
}

.reviews-listed {
    position: relative;
    padding-inline: 30px;
}

.custom-reviews.reviews-lister {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.reviews-design-wrapper {
    width: calc(100% / 3 - 10px);
}

.hero-arrow-right, .reviews-arrow-right {
    position: absolute;
    top: 50%;
    z-index: 99;
    right: 60px;
    background-color: #ffffff33;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    cursor: pointer;
}

.hero-arrow-right:hover, .hero-arrow-left:hover {
    background-color: #ffffff;
    color: #000000;
}

/* Free QUote Form */

@media only screen and (min-width: 1024px){

    .cf-two-columns {
        display: flex;
        gap: 25px;
    }

    .cf-two-columns > div {
        width: calc(100% / 2);
    }

}

.cf-call-consent span.wpcf7-list-item, .cf-sms-consent span.wpcf7-list-item {
    margin-left: 0;
}

.service-free-quote-form .cf-fields-wrapper label {
    color: #ffffff;
}

.service-free-quote-form .cf-notes, .service-free-quote-form .cf-rc-notes, .service-free-quote-form .cf-call-consent, .service-free-quote-form .cf-sms-consent, .service-free-quote-form .cf-notes a, .service-free-quote-form .cf-rc-notes a, .service-free-quote-form .cf-call-consent a, .service-free-quote-form .cf-sms-consent a {
    color: #ffffff;
}

.service-free-quote-form .cf-submit input, .service-free-quote-form .cf-submit input:hover {
    background-color: #333;
    max-width: 200px;
}

.service-free-quote-form .cf-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    top: 0;
}

span.wpcf7-not-valid-tip {
    width: auto !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 12px;
}

.wpcf7-response-output {
    font-size: 12px;
    text-align: center;
}

.cf-submit input {
    display: block;
    background-color: #0064ff;
    width: 100%;
    color: #ffffff;
}

.cf-call-consent, .cf-sms-consent {
    font-size: 14px;
    color: #6b6b6b;
    font-weight: 300;
    margin-bottom: 20px;
}

.cf-rc-notes {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #6b6b6b;
}

.cf-notes {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 30px;
    color: #6b6b6b;
}

.free-quote-form {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 17px 79px 0px rgba(0, 0, 0, 0.08);
    padding-inline: 15px;
    padding-block: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.free-quote-wrapper {
    max-width: 450px;
}

.form-title-heading {
    font-size: 30px;
    color: #000000;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 40px;
}

.form-title-heading:before {
    content: '';
    background-color: #0064ff;
    border-radius: 20px;
    height: 5px;
    width: 120px;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.cf-fields-wrapper {
    margin-bottom: 30px;
}

.cf-fields-wrapper label {
    font-size: 16px;
    color: #3b3b3b;
    font-weight: 300;
    margin-bottom: 10px;
    display: block;
}

.cf-fields-wrapper input::placeholder, .cf-fields-wrapper select::placeholder, .cf-fields-wrapper textarea::placeholder {

    font-size: 16px;
    color: #3b3b3b;
    font-weight: 300;

}

.cf-fields-wrapper input, .cf-fields-wrapper select, .cf-fields-wrapper textarea {
    background-color: #f6f6f6;
    border-radius: 5px;
    border: none;
    font-size: 16px;
}

/* About  */

@media only screen and (max-width: 1023px){

    .about-section-column {
        flex-direction: column;
    }

    .about-section-form {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .free-quote-form .free-quote-wrapper {
        max-width: 600px;
    }

}

@media only screen and (min-width: 1024px){

    .about-section-column > div {
        width: calc(100% / 2 - 40px);
    }

    .about-section-content-info .heading-snippets {
        padding-right: 50px;
    }

    .about-year-number {
        font-size: 70px;
    }

}

.about-listing {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.about-listed {
    margin-top: 30px;
}

.about-item i {
    color: #0064ff;
    margin-right: 5px;
}

.about-item {
    font-size: 14px;
    color: #242424;
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
    padding: 10px 15px;
}

.about-years {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 17px 79px 0px rgba(57, 151, 203, 0.16);
    padding: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.about-year-info {
    font-size: 16px;
    max-width: 100px;
    text-align: center;
    line-height: 24px;
}

.about-section-images {
    position: relative;
}

.about-year-number {
    font-size: 70px;
    font-weight: 700;
    text-align: center;
    line-height: 70px;
}

.about-section-button {
    margin-top: 50px;
    margin-bottom: 50px;
}

.about-section-images > img {
    width: 100%;
    border-radius: 10px;
}

.about-section-content-info .big-heading {
    max-width: 500px;
    margin-bottom: 30px;
    color: #ffffff;
}

.about-section-content-info .heading-snippets {
    color: #ffffff;
}

.about-section-column {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.about-section {
    padding-block: 100px;
    padding-inline: 15px;
    background-color: #0064ff;
}


/* Popop Form  */

@media only screen and (max-width: 600px){

    .popop-form-info {
        padding-block: 10px !important;
    }

    .popop-close {
        right: 0;
        top: 0;
    }

    .popop-form-shortcode {
        padding: 10px 15px !important;
    }

    .popop-form-heading {
        font-size: 15px !important;
    }

}

.popop-form {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000cf;
    z-index: 9999;
    top: 0;
    display: none;
}

.popop-form-btn {cursor: pointer;}

.popop-form.closed {
    display: none;
}

.popop-form.opened {
    display: block;
}

.popop-form-info {
    background-color: #ffffff;
    max-width: 600px;
    border-radius: 5px;
}

.popop-form-heading {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
}

.popop-form .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.popop-form .cf-fields-wrapper {
    margin-bottom: 0;
}

.popop-form .cf-fields-wrapper input, .popop-form .cf-fields-wrapper select, .popop-form .cf-fields-wrapper textarea {
    padding: 8px 5px;
}

.popop-form .cf-notes, .popop-form .cf-rc-notes, .popop-form span.wpcf7-list-item-label {
    font-size: 10px;
}

.popop-form .cf-fields-wrapper label {
    font-size: 14px;
}

.popop-form-shortcode {
    padding: 10px 40px;
}

.popop-form .cf-two-columns > div {
    width: 100%;
}
.popop-form-info {
    padding-block: 50px;
    position: relative;
}

.popop-form .cf-two-columns {
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.popop-close {
    position: absolute;
    right: 0;
    color: #000000;
    top: 0;
    background-color: #ffffff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    cursor: pointer;
}


/* Services Listing */

@media only screen and (min-width: 1024px){

    .services-pages-item-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
    }

    .services-pages-item-wrapper > div {
        width: calc(100% / 2 - 50px);
    }

    .services-pages-images img {
        height: 100%;
        object-fit: cover;
    }

}

.services-pages-items {
    position: relative;
}

.services-pages-items > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.services-pages-items {
    margin-bottom: 30px;
}

.services-pages-data {
    padding-block: 30px;
}

.services-pages-snippets {
    font-size: 18px;
    color: #3b3b3b;
}

.services-pages-images img {
    width: 100%;
    border-radius: 5px;
}

.services-pages-highlight-heading {
    font-size: 18px;
    text-transform: uppercase;
    color: #0064ff;
}

.services-pages-featured-heading {
    font-size: 35px;
    font-weight: 700;
    line-height: 40px;
    margin-block: 15px;
}

.services-pages-item-wrapper {
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 30px 20px;
}

/* Services */

@media only screen and (max-width: 1023px){

    .services-section-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        max-width: 500px;
    }

    .services-listed {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
        color: #ffffff !important;
    }

}

@media only screen and (min-width: 1024px){

    .services-section-list {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .services-section-item {
        width: calc(100% / 3 - 20px);
    }

}

.service-quote-title.big-heading {
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 60px;
    position: relative;
}

.services-pages-design {
    padding-block: 100px 15px;
    background-color: #0064ff;
    padding-bottom: 150px;
    padding-inline: 15px;
}

.services-pages-buttons a {
    background-color: #0064ff;
    color: #ffffff;
}

.services-pages-buttons i {
    background-color: #000000;
    color: #ffffff;
}

.services-item-info {
    padding-block: 55px;
    padding-inline: 30px;
}

.services-item-info-heading {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.services-item-info-snippets {
    font-size: 16px;
    margin-bottom: 10px;
}

.services-item-info-button a {
    text-decoration: none;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
}

.services-item-icon {
    border-width: 3px;
    border-color: #0064ff;
    border-style: solid;
    border-radius: 5px;
    background-color: #0064ff;
    padding: 10px;
    position: absolute;
    bottom: -30px;
    left: 30px;
    border: 3px solid #ffffff;
}

.service-quote-title:before {
    content: '';
    background-color: #ffffff;
    border-radius: 20px;
    height: 5px;
    width: 120px;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.services-section-item:hover .services-item-info-heading {
    color: #ffffff;
}

.services-section-item:hover .services-item-info-button a {
    color: #ffffff;
}

.services-section-item:hover .services-item-info-snippets {
    color: #ffffff;
}

.services-item-thumbnail {
    position: relative;
}

.services-item-thumbnail > img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.services-section {
    padding-block: 100px;
    padding-inline: 15px;
    background-color: #fffee9;
}

.services-section-item {
    background-color: #ffffff;
    border-radius: 10px;
}

.services-section-item:hover {
    background-color: #0064ff;
}

.services-section-heading .big-heading {
    text-align: center;
    margin-bottom: 50px;
}

.service-buttons {
    text-align: center;
    margin-top: 50px;
}

/* CTA */

@media only screen and (max-width: 1023px){

    .cta-column-heading .big-heading {
        text-align: center;
        margin-bottom: 30px;
    }

    .cta-button-listed .button-list {
        flex-direction: column;
        gap: 30px;
    }

}

@media only screen and (min-width: 1024px){

    .cta-column {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        align-items: center;
    }

    .cta-column > div {
        width: calc(100% / 2 - 40px);
    }

}

.cta-button-listed .button-item:nth-child(1) a {
    color: #ffffff;
    border: 1px solid #ffffff !important;
}

.cta-column-heading .big-heading {
    color: #ffffff;
}

.button-list {
    display: flex;
    gap: 25px;
    align-items: center;
    justify-content: center;
}

.cta-section-wrapper {
    background-color: #0064ff;
    border-radius: 10px;
    padding-block: 50px;
    padding-inline: 15px;
}

.cta-section {
    padding-inline: 60px;
}






/* Financing */

@media only screen and (max-width: 1023px){

    .financing-section-column {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .financing-images {
        margin-bottom: 50px;
    }

}

@media only screen and (min-width: 1024px){

    .financing-section-column > div {
        width: calc(100% / 2 - 20px);
    }

    .financing-section-column {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

}

.financing-section {
    padding-block: 100px;
    padding-inline: 15px;
}

.financing-images {
    position: relative;
}

.financing-icon {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 13px 79px 0px rgba(0, 0, 0, 0.08);
    position: absolute;
    top: -30px;
    right: 60px;
    padding: 15px;
}

.financing-icon img {
    width: 100px;
}

.financing-images img {
    border-radius: 10px;
}

.financing-data-content {
    max-width: 500px;
}

.financing-button {
    margin-top: 40px;
}

.financing-data-content .big-heading {
    max-width: 400px;
    margin-bottom: 30px;
}

.financing-info {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Why Choose */

@media only screen and (max-width: 1023px){

    .why-choose-item {
        max-width: 400px;
    }

    .why-choose-us-list {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .why-choose-right-img {
        display: none;
    }

    .why-choose-right-details {
        text-align: center;
    }

    .why-choose-right-info-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-block: 50px;
        padding-inline: 15px;
    }

}

@media only screen and (min-width: 1024px){

    .why-choose-us-list {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .why-choose-item {
        width: calc(100% / 2 - 20px);
    }

    .why-choose-column {
        display: flex;
        flex-wrap: wrap;
    }

    .why-choose-left-info {
        width: 70%;
    }

    .why-choose-right-info {
        width: 30%;
    }

    .why-choose-right-img {
        position: absolute;
        left: -138px;
        bottom: 0;
    }

    .why-choose-right-details {
        position: absolute;
        top: 200px;
        right: 50px;
    }

}

.why-choose-right-details {
        border-radius: 20px;
        background-color: rgb(255, 255, 255);
        padding: 30px;
        max-width: 300px;
    }

.why-choose-right-details-title {
    font-size: 20px;
    font-weight: 700;
}

.why-choose-right-info {
    position: relative;
}


.why-choose-us-listed {
    margin-top: 20px;
}

.why-choose-left-info-wrapper {
    max-width: 700px;
}

.why-choose-left-info-wrapper .big-heading {
    color: #ffffff;
}

.why-choose-left-info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: 80px;
}

.why-choose-left-info {
    background-color: #0064ff;
}

.why-choose-data-title {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
}

.why-choose-data-content {
    font-size: 16px;
    color: #ffffff;
}

.why-choose-item {
    display: flex;
    gap: 23px;
    align-items: center;
}

.why-choose-item {
    border-radius: 10px;
    background-color: rgb(0, 0, 0);
    padding: 30px;
}


/* Reviews */

@media only screen and (max-width: 1023px){



}

@media only screen and (min-width: 1024px){

   .reviews-design-item {
        margin-inline: 10px;
    }

}

.reviews-content {
    margin-top: 30px;
}

.reviews-button {
    margin-top: 50px;
}

.reviews-content p {
    font-size: 16px;
}

.reviews-design-item {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 13px 79px 0px rgba(0, 0, 0, 0.06);
    padding: 30px;
}

.custom-reviews-listed {
    margin-top: 50px;
}

.reviews-name {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.reviews-heading-info {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 20px;
}

.reviews-section-info .big-heading {
    text-align: center;
    max-width: 500px;
    margin-bottom: 50px;
}

.reviews-section-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reviews-section {
    padding-block: 100px;
    padding-inline: 15px;
    background-color: #fffee9;
}

.reviews-heading-icon {
    background-image: -moz-linear-gradient( -50deg, rgb(255,240,31) 1%, rgb(255,202,20) 100%);
    background-image: -webkit-linear-gradient(-50deg, #0064ff 1%, #0064ff 100%);
    background-image: -ms-linear-gradient( -50deg, rgb(255,240,31) 1%, rgb(255,202,20) 100%);
    box-shadow: 0px 8px 21px 0px #0064ff, inset 0px 8px 21px 0px rgba(255, 255, 255, 0.73);
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 30px;
    color: #ffffff;
}

/* Badges */

.badges-section {
    padding-block: 100px;
    padding-inline: 15px;
}

.badges-data-section {
    text-align: center;
}

.badges-data-section .big-heading {
    margin-bottom: 40px;
}


.badges-listing {
    display: flex;
    justify-content: center;
    gap: 70px;
}

.badges-item img {
    width: 200px;
}

.badges-item {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Gallery */

@media only screen and (max-width: 1023px){

    .gallery-section-list {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }

    .gallery-section-item {
        width: calc(100% / 2 - 20px);
    }

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

    .custom-reviews.reviews-lister {
        flex-direction: column;
    }

    .reviews-design-wrapper {
        width: 100%;
    }

    .reviews-listed {
        padding-inline: 0 !important;
    }

    .reviews-arrow-left, .reviews-arrow-right {
        display: none;
    }

}


@media only screen and (min-width: 1024px){

    .gallery-section-info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .gallery-section-item {
        width: calc(100% / 4 - 30px);
    }

    .gallery-section-list {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
    }

}

.gallery-section-img img {
    width: 100%;
}

.gallery-button {
    margin-top: 50px;
}

.gallery-section {
    padding-block: 100px;
    padding-inline: 15px;
}

.gallery-section-info .big-heading {
    text-align: center;
}

.gallery-section-info .heading-snippets {
    text-align: center;
    max-width: 950px;
}

.gallery-section-item {
    position: relative;
}

.gallery-section-item, .gallery-section-item img {
    border-radius: 10px;
}

.gallery-section-link img {
    border-radius: 0;
}

.gallery-section-hover-link {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #0064ffe6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.gallery-section-item:hover .gallery-section-hover-link {
    opacity: 1;
}

.gallery-section-hover-link a {
    position: absolute;
    width: 100%;
    height: 100%;
}

.gallery-section-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 700;
}

/* Areas */

@media only screen and (max-width: 1023px){

    .areas-content-info .big-heading {
        text-align: center;
        margin-bottom: 30px;
    }

    .areas-map-list {
        max-width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .areas-map-item {
        width: 200px;
    }

    .areas-button {
        display: none;
    }

    .areas-content-map {
        margin-top: 100px;
        text-align: center;
    }

}

@media only screen and (min-width:1024px){

    .areas-column-list > div {
        width: calc(100% / 2 - 40px);
    }

    .areas-map-list {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .areas-column-list {
        display: flex;
        gap: 40px;
    }

    .areas-content-info .heading-snippets {
        padding-right: 50px;
    }

    .areas-map-item {
        width: calc(100% / 2 - 20px);
    }

    .areas-section:before {
        content: '';
        position: absolute;
        right: 0;
        background-color: #000000;
        height: 100%;
        width: 40%;
        top: 0;
    }

}

.areas-button {
    margin-top: 30px;
}

.areas-content-info .big-heading {
    color: #ffffff;
    margin-bottom: 20px;
}

.areas-content-info .heading-snippets {
    color: #ffffff;
}

.areas-section {
    background-color: #0064ff;
    padding-block: 100px;
    padding-inline: 15px;
    position: relative;
}

.areas-map-item {
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 16px;
    color: #ffffff;
}

.areas-map-item i {
    margin-right: 8px;
}


.areas-map-list {
    max-width: 450px;
}

.areas-map-location img {
    border-radius: 15px;
}

.areas-content-map {
    position: relative;
}

/* Contact Us */

.contactus-form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-map {
    display: flex;
    gap: 40px;
}

.contact-us-map iframe {
    border-radius: 15px;
}

.contactus-form .cf-style {
    max-width: 600px;
    background-color: #dddddd;
    padding: 30px;
    border-radius: 15px;
}



/* Nap */

@media only screen and (max-width: 1200px) and (min-width: 1024px){

    .nap-data-style-heading {
        font-size: 15px;
    }

    .nap-data-style-response {
        font-size: 14px;
    }

    .footer-column-list {
        gap: 15px;
    }

    .reviews-heading-info {
        margin-bottom: 40px;
    }

    .why-choose-right-details {
        top: 20px;
        right: 0;
        z-index: 1;
    }

    .cta-column-heading .big-heading {
        font-size: 35px;
    }

    .cta-button-listed .button-item a {
        font-size: 14px;
    }

    .header-section.bg-style {
        padding-inline: 30px;
    }

    .header-navigation-list {
        gap: 20px;
    }

    .header-navigation-cta-item:nth-child(1) a {
        font-size: 12px;
        padding-inline: 0;
    }

    .header-navigation-cta-item:nth-child(2) a {
        font-size: 12px;
        padding-inline: 15px;
    }

    .header-navigations a {
        font-size: 10px;
    }

    .top-header {
        margin-bottom: 5px;
    }

}

@media only screen and (max-width: 1023px){

    .nap-data-column-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .nap-data-column-item {
        width: 310px;
        padding: 25px 15px;
    }

    .nap-data-style {
        display: flex;
        gap: 20px;
    }

    .nap-data-style-heading {
        font-size: 20px;
    }

    .nap-data-style-response {
        font-size: 14px;
    }




}

@media only screen and (min-width: 1024px){

    .nap-data-style {
        display: flex;
        gap: 30px;
        align-items: center;
    }

    .nap-data-column-list {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .nap-data-column-item {
        padding: 30px 40px;
    }

}

.nap-data-style-response {
    color: #ffffff;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.nap-data-style-heading {
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
}

.nap-data-column-item {
    margin-bottom: 30px;
    background-color: rgb(49 50 52 / 80%);
    border-radius: 10px;
}

.nap-section-details {
    padding-block: 100px;
    padding-inline: 15px;
}

.nap-section-data-snippets-wrapper {
    max-width: 750px;
}

.nap-section-data-snippets-wrapper .heading-snippets {
    color: #ffffff;
    text-align: center;
    margin-bottom: 50px;
}

.nap-section-data-snippets-wrapper .big-heading {
    text-align: center;
    color: #ffffff;
}

.nap-section-data-snippets {
    display: flex;
    justify-content: center;
}

.nap-data-style-icon {
    background-image: -moz-linear-gradient( -50deg, rgb(255,240,31) 1%, rgb(255,202,20) 100%);
    background-image: -webkit-linear-gradient(-50deg, #0064ff 1%, #0064ff 100%);
    background-image: -ms-linear-gradient( -50deg, rgb(255,240,31) 1%, rgb(255,202,20) 100%);
    box-shadow: 0px 8px 21px 0px #0064ff, inset 0px 8px 21px 0px rgba(255, 255, 255, 0.73);
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
}



/* Footer */

@media only screen and (max-width: 1023px){

    .footer-columns {
        padding-inline: 30px;
    }

    .footer-site-info-wrapper {
        padding-block: 40px;
        padding-inline: 15px;
    }

    .footer-site-info {
        margin-bottom: 50px;
    }

    .footer-column-item {
        margin-bottom: 50px;
    }

}

@media only screen and (min-width: 1024px){

    .footer-columns {
        display: flex;
        justify-content: center;
    }

    .footer-site-info {
        width: 35%;
    }

    .footer-column-listed {
        width: 65%;
    }

    .footer-column-list {
        display: flex;
        gap: 60px;
    }

    .footer-columns {
        gap: 60px;
    }

    .footer-site-info {
        padding: 40px;
    }

    .footer-columns {
        padding-inline: 60px;
    }


}

.footer-back-top.back-top {
    position: fixed;
    bottom: 150px;
    right: 20px;
    cursor: pointer;
}

.footer-design-wrapper {
    position: relative;
}

.license-info {
    margin-top: 30px;
}

.footer-site-hours-list li {
    font-size: 16px;
    color: #3c3c3c;
}

.footer-site-hours-title {
    margin-bottom: 5px;
    font-size: 18px;
    text-transform: uppercase;
}

.footer-site-badges {
    margin-top: 40px;
}

.footer-site-badges-list {
    display: flex;
    align-items: center;
    gap: 40px;
}

.footer-site-logo {
    margin-bottom: 40px;
}

.footer-site-info {
    background-color: #ffffff;
    border-radius: 5px;
}

.footer-column-list {
    margin-bottom: 50px;
}

.footer-site-social {
    margin-bottom: 60px;
}


.footer-site-social-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
}

.footer-site-copyright-info {
    font-size: 15px;
    color: #ffffff;
}

.footer-column-menu a {
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
}


.footer-columns {
    padding-block: 100px;
}

.footer-nap-information, .footer-nap-information a {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    color: #ffffff;
}

.footer-column-item-title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    color: #ffffff;
}


.footer-nap-information li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}

.footer-nap-information li span:first-child {
    position: absolute;
    left: 0;
}

.footer-site-social-list {
    margin-top: 20px;
}

.footer-site-social-item {
    display: flex;
    gap: 15px;
}

.sticky-mobile-design {
    position: fixed;
    bottom: 0;
    z-index: 99;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: none;
}

.sticky-mobile-design a {
    color: #ffffff;
    text-decoration: none;
    background-color: #0064ff;
    padding: 15px 40px;
    border-radius: 8px 8px 0 0;
    background-image: -moz-linear-gradient( -50deg, rgb(255,240,31) 1%, rgb(255,202,20) 100%);
    background-image: -webkit-linear-gradient(-50deg, #0064ff 1%, #0064ff 100%);
    background-image: -ms-linear-gradient( -50deg, rgb(255,240,31) 1%, rgb(255,202,20) 100%);
    box-shadow: 0px 8px 21px 0px #0064ff, inset 0px 8px 21px 0px rgba(255, 255, 255, 0.73);
}