/* 
Blooming Bonds
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*Header Menu pointer*/
.darkHeader {
    background-color: #000;
}
.darkHeader .elementor-widget-container a img {
    width: 150px;
    padding-bottom: 10px;
}
.header-menu .e--pointer-underline .elementor-item:after {
    width: 27px;
    left: 22px;
    bottom: 7px;
}

.two-color-text span {
    color: #1D4B63;
}

.scroll-down h3.elementor-icon-box-title,
.scroll-down2 h3.elementor-image-box-title {
    transform: rotate(270deg);
}

.service-carousal .elementor-image-box-content {
    padding: 0 30px 0 7px;
}

.service-carousal figure.elementor-image-box-img img {
    width: 100%;
}

.get-in-touch input,
.get-in-touch textarea {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #A8B6BD !important;
    font-size: 16px !important;
    font-family: 'Montserrat' !important;
    color: #5a5a5a !important;
    padding-left: 0 !important;
    border-radius: 0 !important;
}

.get-in-touch input:focus,
.get-in-touch textarea:focus {
    outline: none !important;
}

.get-in-touch textarea {
    height: 86px !important;
    resize: none;
}

.get-in-touch .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 29px !important;
}

.get-in-touch .gform_footer.before input[type=submit] {
    background-color: #1d4b63 !important;
    border: 1px solid #1d4b63 !important;
    color: #fff !important;
    padding: 15px 21px 15px 25px !important;
    margin-top: 15px;
    font-family: 'Montserrat' !important;
    font-size: 18px !important;
    letter-spacing: 0.72px !important;
    font-weight: 500 !important;
}

.get-in-touch .gform_footer.before input[type=submit]:hover {
    background-color: transparent !important;
    color: #1D4B63 !important;
}

.get-in-touch .validation_message {
    display: none;
}
.get-in-touch .gform_confirmation_message {
    margin-top: 30px;
    font-weight: 700;
    color: #1d4b63;
    font-size: 18px;
}
.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border-bottom: 1px solid #c02b0a !important;
}

.newsletter-form input {
    border-radius: 50px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-family: 'Montserrat' !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    color: #666666 !important;
    margin-top: -15px !important;
}

.newsletter-form input:focus {
    outline: none !important;
}

.newsletter-form .gform_footer.before input[type=submit] {
    background-color: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    padding: 9px 21px 9px 25px !important;
    font-family: 'Montserrat' !important;
    font-size: 13px !important;
    letter-spacing: 0.72px !important;
    font-weight: 500 !important;
    width: 55%;
    margin-top: 4px !important;
}

.newsletter-form .gform_footer.before input[type=submit]:hover {
    background-color: #fff !important;
    color: #000 !important;
}

.newsletter-form .gform_footer.before {
    padding: 0 !important;
}
.newsletter-form .gform_confirmation_message {
    color: #fff;
}
.social-links {
    position: relative;
}

.social-links::before {
    content: "";
    position: absolute;
    background-image: url(images/top\ Line\ .png);
    height: 139px;
    width: 10px;
    top: -141px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.social-links::before {
    content: "";
    position: absolute;
    background-image: url(images/topLine.png);
    height: 102px;
    width: 5px;
    top: -122px;
    left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.social-links::after {
    content: "";
    position: absolute;
    background-image: url(images/bottomLine.png);
    height: 102px;
    width: 5px;
    bottom: -104px;
    left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
a.footer-link {
    color: #fff;
}
a.footer-link:hover {
    color: #ffffff8a;
}

.testimonials-slider .swiper {
    padding: 15px;
}

.service-carousal p.elementor-image-box-description {
    min-height: 131px;
}

/*Contact page*/
.contact-cards h3.elementor-icon-box-title {
    margin: 0;
}
.contact-cards .elementor-divider-separator {
    border-radius: 40px;
}
.contact-cards .card-links a {
    color: #5a5a5a;
    word-break: break-all;
}
.contact-cards .card-links a:hover {
    color: #1D4B63;
}
/*Services*/
.payment-option-list h3.elementor-icon-box-title {
    margin-top: 11px;
    margin-bottom: 9px;
}

.newsletter-form .gfield_validation_message{display: block;}

@media screen and (max-width:1420px){
    .scroll-down {
        position: absolute !important;
        left: -165px!important;
    }

}
@media screen and (max-width:1335px){
    .scroll-down {
        left: -127px !important;
    }


}
@media screen and (max-width:1250px){
    .scroll-down {
        left: -107px !important;
    }

}
@media screen and (max-width:767px){
    .social-links::before {
        height: 60px;
        width: 5px;
        top: -68px;
        left: 5px;
    }
    
    .social-links::after {
        height: 60px;
        width: 5px;
        bottom: -61px;
        left: 5px;
    }
    .darkHeader .elementor-widget-container a img {
        width: 100px !important;
    }
}