﻿body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
}

p {
    /*word-break: keep-all !important;*/
}

.brand_logo {
    width: auto;
    height: 38px;
}

.btn-align {
    position: relative;
}

.about-review .swiper-controls {
    position: relative;
}

.list-point {
    margin-top: 20px;
    margin-bottom: 25px;
}

    .list-point ul li::before {
        content: url(../images/hiphen.png);
        color: green;
        font-size: 16px;
        position: absolute;
        left: -20px;
        top: -3px;
    }

    .list-point ul li {
        font-size: 15px;
        position: relative;
        margin-bottom: 4px;
        margin-left: 22px;
    }

.footer_main ul {
    justify-content: center;
    display: flex;
}

    .footer_main ul li img {
        width: 60px;
        margin: 0px 5px;
        margin-top: 25px;
    }

.gallery_item .media .overlay {
    opacity: 1
}

.ptb-70 {
    padding: 70px 0px !important
}

.locations {
    padding: 50px 0px;
}

.location-list {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    grid-gap: 30px;
    margin-bottom: 50px;
}


    .location-list img {
        width: 60px;
        margin-right: 15px;
        border-radius: 10px;
        height: 60px;
        object-fit: cover;
    }

.location {
    display: flex;
    border-color: #dcdcdc;
    padding-bottom: 10px;
    border-radius: 4px;
    margin-bottom: 17px;
    align-items: center;
    padding: 20px 15px;
    /*  border-bottom: 1px solid;
    background-color: #fafafa;*/
}

.cityname {
    max-width: 70%;
    flex: 0 0 70%;
    padding-left: 20px;
}

    .cityname span {
        color: green;
        font-weight: 500;
        font-size: 14px;
    }

    .cityname h5 {
        font-size: 20px;
    }

    .cityname a {
        display: block;
    }

.location:hover {
    border-radius: 5px;
    background-color: #f5f5f5;
}

.icon-chevron_right {
    transform: rotate(90deg);
}

.city-image {
    max-width: 20%;
    flex: 0 0 20%;
}

.cityname {
    max-width: 70%;
    flex: 0 0 70%;
}

.arrow-right {
    max-width: 10%;
    flex: 0 0 10%;
    text-align: right;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.flex-50 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.flex-25 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
}

.flex-33 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}

.location-slider {
    flex: 0 0 65%;
    max-width: 65%;
}

.sidebar {
    max-width: 31%;
    flex: 0 0 31%;
    margin-left: 4%;
}

.about_article.w-100 {
    width: 100%;
}

.g-25 {
    gap: 25px !important;
}

.process_steps.mt-70 {
    margin-top: 90px !important
}

.mt-20 {
    margin-top: 20px !important;
}

.mtb-10 {
    margin: 10px 0px !important;
}

.services_slider-pagination.pagination-h {
    flex-direction: row !important
}

.page.nobanner {
    padding-top: 50px !important;
    padding-bottom: 30px;
}

.breadcrumb ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

    .breadcrumb ul li span {
        color: #666;
    }

.breadcrumb {
    margin-bottom: 20px;
}

.flex1 {
    flex: 0 0 50%;
    max-width: 50%;
}

.flex2 {
    flex: 0 0 50%;
    max-width: 50%;
}

.calldetail {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
}

    .calldetail span {
        color: green;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .calldetail a.btn-bg-grey span {
        color: green;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 15px;
        position: relative;
        top: 2px;
        right: -20px;
    }

.footer {
    padding-top: 50px;
    padding-bottom: 40px;
}

.footer_main {
    padding-bottom: 50px;
}

.footer_secondary {
    padding-top: 25px;
}

.footer_main-block_nav .list-item .link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: inherit;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0;
    gap: 5px;
}

.footer {
    padding-top: 50px;
}

.mb-25 {
    margin-bottom: 25px;
}

.sub-heading {
    margin-bottom: 15px;
    font-size: 22px;
}

.sidebar p {
    font-size: 16px;
}

.form-control {
    width: 100%;
    border: 1px solid #929292;
    padding: 16px;
    margin-bottom: 15px;
    border-radius: 5px;
    font-size: 15px;
}

input.form-control:focus {
    outline-color: green
}

.btn-outline-green {
    border: 2px solid #108a00;
    border-radius: 25px;
    padding: 10px 20px;
    text-align: center;
    background: white !important;
    color: #108a00 !important;
    font-weight: 500 !important;
}

.btn-outline-dark {
    border: 1px solid #212121;
    border-radius: 25px;
    padding: 10px 20px;
    text-align: center;
    background: white !important;
    color: #108a00 !important;
    font-weight: 600 !important;
    width: 100%;
    display: block;
}

.sidebar .wrapper {
    padding: 20px !important;
}

.about_article p {
    margin-bottom: 20px
}

.benefits {
    background-color: #F8FBFF !important
}

    .benefits .wrapper.box {
        box-shadow: 0 0 11px 1px rgb(0 0 0 / 3%);
        background-color: #fff;
        border: 1px solid #fafefc;
        padding: 20px 50px 30px 50px;
    }

.skillsection .wrapper.box.skill {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #fafefc;
    padding: 20px 50px 30px 50px;
}

.skillsection .wrapper.box.skill {
    padding: 0px 20px;
    margin-bottom: 50px;
}

.skillsection h4 {
    font-size: 22px;
}

.benefits .wrapper.box.skill img {
    margin: auto
}

.benefits .wrapper.box:hover {
    border-color: green
}

.benefits .wrapper.box:hover {
    border: none
}

.benefits img {
    width: 90px
}

.skillsection img {
    width: 85px;
    margin: auto;
}

.skillsection a {
    color: green;
    text-decoration: underline;
}

.skillsection p {
    margin-bottom: 20px;
}

.row-minus {
    margin: 0px -15px;
}

.why-us {
    padding: 0px 15px;
    text-align: center;
    margin-top: 30px;
}

    .why-us img {
        margin: auto;
        width: 70px;
        margin-bottom: 20px;
    }

    .why-us h4 {
        font-size: 21px;
    }

    .why-us p {
        margin-top: 20px;
    }

.contact.contact-new .container {
    gap: 100px
}

.contact_form-header p {
    margin-bottom: 20px;
}

.contact_form-header h2 {
    margin-bottom: 20px;
}

.contact.contact-new .contact_form-header {
    max-width: 700px;
}

.contact.contact-new .container {
    align-items: flex-start
}

li.team_list-item b {
    font-weight: 600;
}

.padding-add {
    padding: 0px 15px;
}

.section-f5f5f5 {
    background: #f5f5f5;
}

.blog.section {
    padding: 70px 0 !important;
}

.post.section-nopb {
    padding: 70px 0 !important;
}

.post_article p {
    margin-bottom: 15px !important;
}

.post_article h3 {
    margin-bottom: 15px !important;
    margin-top: 20px !important;
}

ul.list li.list-item {
    font-family: 'Montserrat'
}

.widgets_widget--categories .list li.list-item a.link {
    font-size: 15px;
}

.package {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
    text-align: center;
    border-radius: 10px;
    padding-bottom: 20px;
    background: #fff;
    min-height: 560px;
}

    .package .list {
        list-style: none;
        margin: 0px 20px;
    }

    .package h3 {
        background-color: #bca477;
        /* text-transform: uppercase; */
        text-align: center;
        color: #fff;
        padding: 30px 0px;
        font-size: 28px;
        margin-top: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 10px 10px 0px 0px;
        border-radius: 10px 10px 0px 0px;
    }

    .package li.price {
        text-align: center;
        font-size: 25px;
        background-color: white;
        margin-top: 25px;
    }

    .package .list li {
        border-bottom: 1px solid #747C89;
        padding: 25px 0px;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .package .list li span:first-child::before {
            content: url(../images/icons/list-tick.png);
            position: relative;
            top: 3px;
            right: 5px;
        }

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.reviews.section {
    position: relative;
}

    .reviews.section .swiper-button-next {
        bottom: 60%;
        right: 75px
    }

    .reviews.section .swiper-button-prev {
        bottom: 60%;
        right: 5px
    }
/*.service-icon{
    flex:0 0 30%;
    max-width:30%
}
.service-content {
    padding-left: 20px;
    flex: 0 0 70%;
    max-width: 70%
}
    .service-content h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }
.text-content
{
    min-height:100px;
}
.text-right{
    text-align:right;
}
.btn-text a {
    text-transform: uppercase;
    color: #14a800;
    font-weight: 600;
}
*/
.btn-small {
    background: green;
    padding: 10px;
}

a.btn-bg-grey {
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 20px;
    color: #333;
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #ddd;
}

.bb {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 20px;
}

.lighblue {
    background: #E4F2FB
}

.project {
    margin: 0 7px;
    border: 1px solid #c7c8c9;
    padding: 5px;
    border-radius: 20px;
    margin-bottom: 25px;
    background-color: #fff
}

    .project img {
        height: 250px;
    }

    .project h3 {
        font-size: 24px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .project li {
        list-style-type: square;
    }

        .project li span {
            display: inline-block;
            border-radius: 25px;
            padding: 10px;
            font-size: 10px;
            padding: 8px 15px;
            margin-top: 8px;
            background: #def7e9;
            color: #27ae60;
            text-transform: uppercase;
            font-weight: 500;
            margin-right: 10px;
        }

.project-content p {
    margin-bottom: 15px;
}

.project img {
    border-radius: 35px;
}

.project-content {
    padding: 15px
}

    .project-content ul {
        margin-left: 20px;
    }

.bg-white {
    background-color: #fff;
}
/*.section_header span{
    color:#666;
}*/
.projects_list-item.light-bg h3 {
    color: #111;
}

.projects_list-item.light-bg .main_info {
    color: #666;
    line-height: 22px;
    font-size: 14px;
}

.project-screen img {
    box-shadow: 0 4px 12px rgb(0 0 0 / 25%);
    border-radius: 15px;
}

.ps-screen h3 {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 35px;
}

.testimonial-in {
    border-radius: 25px;
    margin-bottom: 30px;
}

    .testimonial-in p {
        color: initial;
    }

    .testimonial-in .media_info .name {
        color: initial;
    }

.client-icon {
    flex: 0 0 30%;
    max-width: 30%
}

.client-content {
    padding-left: 20px;
    flex: 0 0 70%;
    max-width: 70%
}

.plr15 {
    padding: 0px 15px;
}

.align-items-center {
    align-items: center;
}

.wrapper.box h4 {
    font-size: 20px;
}

.pr-50 {
    padding-right: 50px;
}

.p-list {
    box-shadow: 1px 1px 6px rgba(0,0,0,.1);
    color: initial;
    text-align: center;
    padding: 0;
    border-radius: 1px 1px 5px 5px;
    /* background: #f6f6f7; */
    margin-bottom: 30px;
    background: white;
}

.p-content {
    padding: 25px;
}

    .p-content a:first-child {
        display: block;
        margin-bottom: 15px;
    }

    .p-content a {
        color: #2C8CF4;
        font-weight: 500;
        font-size: 16px;
    }

    .p-content a {
        color: #2C8CF4;
        font-weight: 500;
        font-size: 16px;
    }

        .p-content a p {
            color: #212121;
            font-weight: 500;
        }

.p-icon img {
    margin-bottom: 0px;
    height: 240px;
    object-fit: cover;
    object-position: center;
}

.p-content h4 {
    color: #001f3f;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 24px;
}

.projects-new .projects_list-item .media img {
    background: #e4dad2;
    padding: 30px 20px;
    height: auto;
}

ul.scrollbar li {
    list-style-type: square;
    margin-left: 15px;
    list-style-position: inside;
}

a.brand {
    background: #fff;
}

.reviews_slider1 .reviews_slider-slide {
    padding: 0px
}

.project-description ul li {
    background-color: #e4ebe4;
    color: #001e00;
    border-radius: 12px;
    padding: 0 10px;
    margin: 0 5px 10px 0;
    font-size: 13px;
    display: inline-block;
}

.project-description h3 {
    font-size: 22px;
    margin: 15px 0px;
    font-weight: 400;
    margin-top: 50px;
}

.chevron-left {
    transform: rotate(90deg);
}

.chevron-right {
    transform: rotate(270deg);
}
/*.project-slider .swiper-controls .swiper-button {
    border-radius: 5px;
    font-weight: 500;
    width: 30px;
    height: 40px;
    margin-right: -20px;
    margin-left: 10px;
    border: 1.2px solid;
}*/
.project-description p {
    font-size: 14px;
}

#more {
    display: none;
}

.more-content a {
    color: #0000EE;
    padding-left: 10px
}

body.modal-open {
    height: 100vh;
    overflow-y: hidden;
}

.margin-space {
    margin: 20px 0px;
}

a.visit-link {
    border-bottom: 1px solid
}

.main_info a {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    line-height: 20px;
    color: green;
}

.c-pointer {
    cursor: pointer;
}

.mb-0 {
    margin-bottom: 0px;
}

.custom-title {
    font-size: 20px !important;
    font-weight: bold !important;
}

.swiper-button-prev {
    right: 82px;
    position: absolute;
    bottom: -50px;
    z-index: 9;
}

.project-slider .reviews_slider-slide img {
    height: 500px;
    object-fit: cover;
    object-position: center;
    margin-bottom: 20px;
}

.swiper-button-next {
    right: 32px;
    position: absolute;
    bottom: -50px;
    z-index: 9;
}

@media only screen and (max-width:1199px) {
    .about_aside {
        width: 100% !important;
    }

    .page.nobanner {
        padding-bottom: 50px;
    }

    .flex1 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .flex2 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .location-slider {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .sidebar {
        max-width: 36%;
        flex: 0 0 36%;
        margin-left: 4%;
    }

    .page.nobanner.empty-header {
        padding-bottom: 25px;
    }

    .footer_main {
        gap: 50px !important;
    }

        .footer_main ul li img {
            width: 54px;
        }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .container {
        max-width: 100% !important;
        padding: 0px 15px !important;
    }


    .hero_media {
        position: absolute;
        right: 0;
        bottom: 50%;
        max-height: 50%;
        max-width: 55%;
        margin-top: 50px;
        padding: 0px 15px;
    }


    .brand_logo {
        height: 30px !important;
    }

    .header_nav-list {
        gap: 25px !important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero.homepage {
        padding: 200px 0 70%;
    }

    .footer_main-block {
        width: 206px !important;
    }

    .footer_main .brand_logo {
        height: 30px !important;
    }

    .hero_media {
        padding: 0px 15px;
    }

    .hero_header.section_header a.btn {
        margin-bottom: 70px;
    }

    .footer_main-block {
        width: calc(34% - 40px);
    }
}

@media only screen and (max-width:668px) {
    .location-slider {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer_main-block {
        flex: 0 0 50% !important;
        width: 50% !important;
    }

        .footer_main-block:last-child {
            flex: 0 0 100% !important;
            width: 100% !important;
            margin-bottom: 50px !important;
        }

        .footer_main-block:nth-child(3) {
            flex: 0 0 100% !important;
            width: 100% !important;
            margin-top: 50px !important;
            margin-bottom: 50px !important;
        }

    .services.section .flex-50 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-right: 0px;
    }

    .brand_logo {
        height: 28px !important;
    }

    .package-mobile .flex-25 {
        flex: 0 0 100% !important;
        margin-bottom: 20px;
        max-width: 100% !important;
    }

    .tooltip .tooltiptext {
        left: -326% !important;
    }

    .tooltip .tooltiptext {
        width: auto !important;
    }

    .footer_main {
        padding-bottom: 35px;
    }

    .page.nobanner.empty-header {
        padding-bottom: 58px;
    }

    .page.empty-header1 {
        padding-bottom: 95px !important;
    }

    .location-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .footer_secondary {
        margin-top: 0 !important;
        padding-top: 25px !important;
    }

    .footer_main-block_nav {
        gap: 15px 40px !important;
    }

    .footer_main ul {
        justify-content: flex-start
    }

    .footer_main {
        flex-direction: column-reverse
    }

    .sidebar {
        max-width: 70%;
        flex: 0 0 70%;
        margin-left: 15%;
    }
}

@media only screen and (max-width:575px) {
    .projects_list {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .testimonial-in {
        margin: 0px 30px;
        margin-bottom: 25px;
    }

    .flex-33 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .project-slider .project-description h3 {
        margin-top: 52px;
    }

    .project-slider .reviews_slider-slide img {
        object-fit: contain;
    }

    .why-us .flex-25 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .project-slider .swiper-button-prev {
        right: 50px;
        bottom: -50px;
    }

    .project-slider .swiper-button-next {
        right: 0px;
        bottom: -50px;
    }

    .projects_list-item.light-bg .main_info {
        color: #666;
        line-height: 40px;
        font-size: 20px;
    }

    .sidebar {
        max-width: 100%;
        flex: 0 0 100%;
        margin-left: 0;
    }

    .modal-content {
        width: auto !important;
    }

    .hero_media {
        position: absolute;
        right: 0;
        bottom: 0;
        max-height: 50%;
        max-width: initial;
        margin-top: 50px;
        padding: 0px 15px;
    }

    .footer_secondary {
        padding-top: 30px;
        margin-top: 0px;
    }

    .hero {
        padding-bottom: 40px;
    }

    .hero_header.section_header a.btn {
        margin-bottom: 70px;
    }

    .footer_main {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0px !important;
    }
}

.wrapper img.service-img {
    width: 60px !important;
    margin-bottom: 20px;
}

.centered-btn {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.main_info span {
    color: white !important;
    font-size: 15px;
}

.main_info a {
    font-size: 16px;
    margin-bottom: 20px
}

.icon-contact {
    width: 25px !important;
    float: left;
    margin-right: 5PX;
}

.mb-10 {
    margin-bottom: 10px !important
}

.location.package-list {
    background: #fafafa;
}

.info-icon {
    width: 25px !important;
    position: relative;
    top: 8px;
}

.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 300px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 17px;
        position: absolute;
        z-index: 1;
        bottom: 135%;
        left: -231%;
        margin-left: -60px;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.package p {
    text-align: left;
    border-bottom: 1px solid #747C89;
    padding: 25px 0px;
    margin: 0px 20px;
}

.clearfix {
    clear: both;
}

div.price {
    margin-bottom: 15px;
    font-size: 25px;
}

a.btn-outline-dark {
    color: green;
}

div.list-contact {
    padding: 0px 20px;
}

.skillsection img.skill-icon {
    width: 70px;
}

.mdp-float {
    display: none;
}

.services_list h4 {
    font-size: 20px;
}

.list-point ul li a {
    text-decoration: underline;
}

div.faq_accordion-item {
    cursor: pointer;
}

.blog.section.blog-latest .container {
    display: flex;
    flex-direction: column;
}

.footer_main-block ul li {
    display: inline-block;
}

.main_info a:first-child {
    width: 65%;
}

textarea {
    resize: auto !important;
    width: 100% !important
}

.projects_list .link-arrow {
    font-size: 14px;
}

.contact_info {
    margin-top: 0;
    margin-bottom: 275px;
}
