/* 
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
*/

.dual-color h2 span,
.dual-color h1 span {
    color: #FC9000;
}
.darkHeader {
    background-color: #3e3b3e !important;
}
.banner-icon .elementor-icon-box-content h3 {
    margin: 0;
}
.no-wrap h3,
.no-wrap h1 {
    white-space: nowrap;
}
.custom-banner-slider .swiper-pagination {
    position: absolute !important;
    width: 366px !important;
    display: flex !important;
    align-items: flex-end !important;
}
/* Set up the counter on the parent container */
.custom-banner-slider {
    counter-reset: bullet-counter;
}
/* Style each bullet */
.custom-banner-slider span.swiper-pagination-bullet {
    width: 100% !important;
    border-radius: 0;
    margin: 0 !important;
    height: 1px !important;
    position: relative !important;
    counter-increment: bullet-counter;
    opacity: 1;
}
.custom-banner-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fc9000;
    height: 3px !important;
}
.custom-banner-slider span.swiper-pagination-bullet::before {
    content: counter(bullet-counter, decimal-leading-zero);
    position: absolute;
    color: #fff;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    color: #FFFFFF;
}

/*Our Projects*/

.project-loop:hover .elementor-widget-button .elementor-widget-container {
    margin-bottom: 10px !important;
    transition: 0.5s !important;
}

/* Style the input and textarea */
.get-in-touch input:not([type='submit']),
.get-in-touch textarea {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    border: 1px solid #ef761954 !important;
    border-radius: 10px;
    padding: 10px 30px !important;
}

.get-in-touch input:not([type='submit']):focus,
.get-in-touch textarea:focus,
.newsletter-form input[type='email']:focus {
    outline: none;
}

.get-in-touch textarea {
    height: 101px !important;
    resize: none;
}

.get-in-touch .gform-footer.gform_footer.top_label {
    display: flex;
    justify-content: center;
}

input#gform_submit_button_1 {
    margin: 0;
    background: #FC9000;
    color: #fff;
    border-radius: 100px;
    border: 1px solid #fc9000;
    padding: 10px 61px !important;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
}

input#gform_submit_button_1:hover {
    background: #fff;
    color: #FC9000;
}

/* Make sure slides don't snap */
.smooth-marquee-slider .swiper-container {
    overflow: hidden !important;
}

.smooth-marquee-slider .swiper-wrapper {
    display: flex;
    will-change: transform;
    animation: marqueeScroll 10s linear infinite;
    margin-bottom: 2px;
}

.smooth-marquee-slider .swiper-slide {
    flex-shrink: 0;
    width: auto;
    margin-right: 50px;
}

/*Newsletter form*/

.newsletter-form form#gform_2 {
    display: flex;
    align-items: center;
    position: relative;
}

.newsletter-form .gform-footer.gform_footer.top_label {
    padding: 0;
    margin: 0;
}

.newsletter-form input#gform_submit_button_2 {
    margin: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    background-color: #ef761a;
    border-radius: 50px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    right: 4px;
    border: 1px solid #ef761a;
}

.newsletter-form input#gform_submit_button_2:hover {
    background-color: #ffffff00;
    color: #ffffff;
    border-color: #fff;
}

.newsletter-form input[type='email'] {
    border-radius: 50px;
    width: 100% !important;
    border: 1px solid rgba(148, 148, 148, 0.25);
    background-color: #17181C;
    padding: 12px 89px 12px 33px !important;
    font-family: 'Montserrat' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    color: rgba(148, 148, 148, 0.31)  !important;
}
.newsletter-form input[type='email']::placeholder
{  font-family: 'Montserrat' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    color: rgba(148, 148, 148, 0.31)  !important;

}

.newsletter-form .gform-body.gform_body {
    width: 100%;

}
div#validation_message_2_1 {
    display: none;
}
div#gform_confirmation_message_2 {
    color: #949494;
    text-transform: capitalize;
}

/*Contact Page*/
.contact-abslute-box {
    transform: translateY(-50%);
}

.get-in-touch .gfield {
    position: relative;
}

.get-in-touch .validation_message {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 1;
    width: 30px !important;
    min-height: 25px !important;
    border-radius: 50px;
    padding: 5px 35px 5px 10px !important;
    overflow: hidden;
    font-size: 0 !important;
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00001 0C8.85666 0 10.6373 0.737551 11.9501 2.0504C13.263 3.36325 14.0005 5.14385 14.0005 7.0005C14.0005 8.85715 13.263 10.6378 11.9501 11.9506C10.6373 13.2634 8.85666 14.001 7.00001 14.001C5.14336 14.001 3.36276 13.2634 2.04991 11.9506C0.737062 10.6378 -0.000488281 8.85715 -0.000488281 7.0005C-0.000488281 5.14385 0.737062 3.36325 2.04991 2.0504C3.36276 0.737551 5.14336 0 7.00001 0ZM8.05001 4.298C8.57001 4.298 8.99201 3.937 8.99201 3.402C8.99201 2.867 8.56901 2.506 8.05001 2.506C7.53001 2.506 7.11001 2.867 7.11001 3.402C7.11001 3.937 7.53001 4.298 8.05001 4.298ZM8.23301 9.925C8.23301 9.818 8.27001 9.54 8.24901 9.382L7.42701 10.328C7.25701 10.507 7.04401 10.631 6.94401 10.598C6.89864 10.5813 6.86072 10.549 6.83707 10.5068C6.81342 10.4646 6.8056 10.4154 6.81501 10.368L8.18501 6.04C8.29701 5.491 7.98901 4.99 7.33601 4.926C6.64701 4.926 5.63301 5.625 5.01601 6.512C5.01601 6.618 4.99601 6.882 5.01701 7.04L5.83801 6.093C6.00801 5.916 6.20601 5.791 6.30601 5.825C6.35528 5.84268 6.39565 5.87898 6.41846 5.92609C6.44127 5.97321 6.4447 6.02739 6.42801 6.077L5.07001 10.384C4.91301 10.888 5.21001 11.382 5.93001 11.494C6.99001 11.494 7.61601 10.812 8.23401 9.925H8.23301Z' fill='%23FF0000'/%3E%3C/svg%3E") right center no-repeat #fff !important;
    background-size: 25px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
}

.get-in-touch .validation_message:hover {
    font-size: 10px !important;
    max-width: calc(100% - 20px) !important;
    width: auto !important;
    border: 1px solid #c02b0a !important;
    transition: all 0.3s ease-in-out;
}

div#gform_confirmation_message_1 {
    text-align: center;
    margin-top: 25px;
}

/*Service loop center*/
body[data-elementor-device-mode="desktop"] .service-page-loop .elementor-grid {
    grid-template-columns: repeat(6, 1fr);
}

body[data-elementor-device-mode="desktop"] .service-page-loop .elementor-grid > div[data-elementor-type="loop-item"] {
    grid-column: span 2;
}

body[data-elementor-device-mode="desktop"] .service-page-loop .elementor-grid > div[data-elementor-type="loop-item"]:nth-last-child(2):nth-child(3n + 2) {
    grid-column-end: 4;
}
#gform_ajax_spinner_2 { 
    position: absolute;

}

@keyframes marqueeScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}
@media only screen and (max-width: 1500px){
    .newsletter-form input[type='email']{
        padding: 12px 89px 12px 15px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .custom-banner-slider .swiper-pagination {
        width: 280px !important;
    }

    .custom-banner-slider span.swiper-pagination-bullet::before {
        font-size: 18px;
    }

}

@media only screen and (max-width: 767px) {
    .no-wrap h3 {
        white-space: pre-wrap !important;
    }

    .custom-banner-slider .swiper-pagination {
        width: 200px !important;
    }

    .custom-banner-slider .swiper-pagination {
        transform: translateX(-50%) !important;
    }
}