@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueBold.eot');
    src: url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeueBold.woff2') format('woff2'),
        url('../fonts/BebasNeueBold.woff') format('woff'),
        url('../fonts/BebasNeueBold.ttf') format('truetype'),
        url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


* {
    font-family:Maven Pro;
}


h1,h2,h3,h4,.elementor-button {
    font-family:Maven Pro !important;
}

/*! elementor - v3.27.0 - 27-01-2025 */
.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}



.dialog-type-lightbox.elementor-popup-modal {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0px;
    height: 100%;
    left: 0px;
    position: fixed;
    user-select: none;
    width: 100%;
    z-index: 9999;
}

.dialog-close-button {
    color: var(--e-a-color-txt);
    cursor: pointer;
    font-size: 15px;
    inset-inline-end: 15px;
    line-height: 1;
    margin-block-start: 15px;
    position: absolute;
    transition: var(--e-a-transition-hover);
}

.elementor-popup-modal .dialog-message {
    min-height:100vh !important;
}

.posfixlefttop {
    position:fixed;
    width:5% !important;
    right:0;
    top:0;
    height:100vh;
}

#elementor-popup-modal-66 {
    justify-content:end !important;
}

.homevidevnt {
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    left:0;
    top:0;
}

.col2contntleft {
    padding-right:100px !important;
}

.col2contntright {
    padding-left:100px !important;
}

.ctawrapper .elementor-widget-call-to-action .elementor-widget-container {
    box-shadow:none !important;
    border-radius:0 !important;
}


@media screen and (max-width: 575px) {
    
    .mobspecialstyle {
        padding-top:100px !important;
    }
    
    .btn--Wrapper {
        flex-direction:column !important;
    }
    
    .oursolutionH {
        padding-top:2rem !important;
    }
}

.elementor-198 .elementor-element.elementor-element-a11ddda.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: space-between !important;
    padding-top:20px;
    padding-bottom:20px;
}

 .elementor-219 .elementor-element.elementor-element-b840f94 > .elementor-widget-container,
 .elementor-198 .elementor-element.elementor-element-c5971e3:not(.elementor-motion-effects-element-type-background), 
 .elementor-198 .elementor-element.elementor-element-c5971e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
 #elementor-popup-modal-66 .dialog-widget-content {
     background-color:#000 !important;
 }
 
 /*.elementor-198 .elementor-element.elementor-element-c5971e3:not(.elementor-motion-effects-element-type-background), 
 .elementor-198 .elementor-element.elementor-element-c5971e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
     padding-top:20px !important;
     padding-bottom:20px !important;
 }*/
   
   .dialog-close-button {
       color:#0aeabf !important;
   }
   
   .elementor-66 .elementor-element.elementor-element-6867415 .elementor-nav-menu--main .elementor-item:hover,
   .elementor-66 .elementor-element.elementor-element-6867415 .elementor-nav-menu--main ul li.current-menu-item .elementor-item {
       color:#fff !important;
   }
   
   .btntype2,
   .ctawrapper .elementor-cta__button {
       background:#000 !important;
   }
   
   .btntype2:hover,
   .ctawrapper .elementor-cta__button:hover {
       background:#0aeabf !important;
       border-color:#0aeabf !important;
       color:#000 !important;
   }
   
   .ctawrapper .elementor-cta--skin-classic .elementor-cta__bg-wrapper {
       min-height:240px !important;
   }
   
   .ctawrapper .elementor-cta--skin-classic .elementor-cta__content {
       min-height:auto !important;
   }
   
   .footer--btms>.elementor-container {
       width:95% !important;
       max-width:1366px !important;
   }

   .footer--btms a {
       color:#fff !important;
   }
   
   .herohome--txt {
    /*position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;*/
    text-align: center;
    max-width: 1200px;
    width: 90%;
    margin:0 auto;
   }
   
   .herohome--txt h2 {
       color:#000 !important;
       font-weight:900 !important;
       margin:0;
       padding:0 0 20px 0 !important;
       line-height:1.25;
       text-transform:uppercase;
   }
   
   .herohome--txt h3 {
    color: #000 !important;
    font-weight: 400 !important;
    margin: 0;
    padding: 0 0 35px 0 !important;
    font-size: 20px;
    line-height: 1.5;
    text-transform:uppercase;
   }
   
   .herohome--txt h4 {
    color: #000 !important;
    font-weight: 500 !important;
    margin: 0;
    padding: 0 0 20px 0 !important;
    font-size:25px;
    text-transform:uppercase;
   }
   
   .btn--Wrapper {
       display:flex;
       flex-wrap:wrap;
       gap:20px;
       align-items:center;
       justify-content:center;
   }
   
   .btn--Wrapper a.btn {
       font-family: Maven Pro;
        font-size: 1em;
        font-weight: 400;
        text-transform: uppercase;
        color: #FFFFFF;
        border-style: none;
        border-radius: 8px 8px 8px 8px;
        background: #000 !important;
        padding: 14px 30px;
        fill: #fff;
        text-align: center;
        transition: all .3s;
        line-height: 1;
        transition:0.5s ease;
   }
   
   .btn--Wrapper a.btn.outline {
       background:#dedede !important;
       color:#000 !important;
   }
   
   .btn--Wrapper a.btn:hover,
   .btn--Wrapper a.btn.outline:hover,
   .btn--Wrapper a.btn.solid2 {
       background:#fff !important;
       color:#000 !important;
   }
   
   .btn--Wrapper a.btn.solid2:hover {
       background:#000 !important;
       color:#fff !important;
   }
   
   .intro--texthero {
       padding:4rem 0;
       background:#0aeabf;
   }
   
   

@media screen and (min-width: 1201px) {
 
 .elementor-219 .elementor-element.elementor-element-5a1401d {
     width:7% !important;
 }
 
 .elementor-219 .elementor-element.elementor-element-4476033 {
     width:93% !important;
 }
 
 .posfixlefttop {
     width:7% !important;
 }
 
 .elementor-198 .elementor-element.elementor-element-c6351a img {
     width:4.5vw !important;
 }

}

@media screen and (max-width: 1200px) {
    .col2contntright {
        padding-left:30px !important;
    }
    .col2contntleft {
        padding-right:30px !important;
    }
}


@media screen and (max-width: 767px) {
    .col2contntright {
        padding-left:15px !important;
    }
    .col2contntleft {
        padding-right:15px !important;
    }
    
    /*.herovidWrapperTop {
        padding-top:600px !important;
    }*/
    
    .intro--texthero {
       padding:3rem 0;
   }
   
}


@media screen and (min-width: 1200px) {
    
    .herohome--txt h2 {
        font-size:70px !important;
    }
    
    .herohome--txt h4 {
        font-size:35px !important;
    }
    
    .herohome--txt h3 {
        font-size:25px !important;
    }
    
    .elementor-2 .elementor-element.elementor-element-7dc6593 .elementor-heading-title ,
    .elementor-2 .elementor-element.elementor-element-634d6f0 .elementor-heading-title {
        font-size:50px !important;
    }
    
    .ctawrapper .elementor-cta--skin-classic .elementor-cta__content .elementor-cta__title {
        font-size:40px !important;
        line-height:1.25 !important;
    }
    
    .ctatxtonlystyle p {
        font-size:20px !important;
    }
    
    .col2contntright,
    .col2contntleft {
        padding-top:80px !important;
        padding-bottom:80px !important;
    }
    
}


.ctawrapper .elementor-cta--skin-classic .elementor-cta__content .elementor-cta__title {
    font-size:25px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}

.our-soltionsWrapper {
    padding:5rem 0 !important;
}

.our-soltionsWrapper>.container {
    width:95%;
    max-width:1200px;
    margin:0 auto;
}

.ourSolmWarrper {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:50px;
}

.ourSolmWarrper>.ourSolmLeft {
    width:calc(60% - 25px);
}

.ourSolmWarrper>.ourSolmRight {
    width:calc(40% - 25px);
}

.ourSolmRight h2 {
    margin:0;
    padding:0 0 20px 0;
    font-weight:900;
    color:#000;
}

.ourSolmRight p {
    font-size:20px;
    line-height:1.5;
}

.ourSolmLeft ul {
    margin:0;
    padding:0;
    list-style-type:none;
}


@media screen and (min-width: 768px) {
    
    .postabsfithwLft {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
    }
    
    .postabsfithwRht {
        position:absolute;
        right:0;
        top:0;
        width:100%;
        height:100%;
    }
    
    .col2contntright,
    .col2contntleft {
        padding-top:30px;
        padding-bottom:30px;
    }
    
    /*.ourSolmLeft ul{
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(5, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }*/
    
    .ourSolmLeft1 { grid-area: 1 / 1 / 4 / 4; }
    .ourSolmLeft2 { grid-area: 1 / 4 / 4 / 6; }
    .ourSolmLeft3 { grid-area: 4 / 1 / 6 / 3; }
    .ourSolmLeft4 { grid-area: 4 / 3 / 6 / 5; }
    .ourSolmLeft5 { grid-area: 4 / 5 / 5 / 6; }
    .ourSolmLeft6 { grid-area: 5 / 5 / 6 / 6; }
    
    /*.ourSolmLeft7 { grid-area: 1 / 1 / 4 / 4; }
    .ourSolmLeft8 { grid-area: 1 / 4 / 4 / 6; }
    .ourSolmLeft9 { grid-area: 4 / 1 / 6 / 3; }
    .ourSolmLeft10 { grid-area: 4 / 3 / 6 / 5; }
    .ourSolmLeft11 { grid-area: 4 / 5 / 5 / 6; }
    .ourSolmLeft12 { grid-area: 5 / 5 / 6 / 6; }*/
    
    .ourSolmLeft ul li {
        border:5px solid #fff;
    }
    
    .ourSolmLeft ul li img {
        display: block;
        height: 100%;
        object-fit: cover;
    }
        
}

ul.contactlistGrid {
    padding:0;
    margin:0;
    list-style-type:none;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

ul.contactlistGrid>li {
    width:calc(50% - 10px);
}

ul.contactlistGrid>li img {
    display:block;
    width:100%;
}

ul.contactlistGrid>li>div {
    text-align:center;
}

ul.contactlistGrid>li h4 {
    color:#000;
    margin:0;
    padding:15px 0 10px !important;
    font-weight:700;
    text-transform:uppercase;
    font-size:30px;
    line-height:1.25;
}

ul.contactlistGrid>li p {
    font-size:20px;
    line-height:1.35;
    color:#000;
}

ul.contactlistGrid>li p a {
    color:#0aeabf !important;
    text-decoration:underline !important;
}

ul.contactlistGrid>li p:last-child {
    margin-bottom:0 !important;
}

.roi--top h2,
h2#calculator_results_title_2023,
.roicalcresultNew .total-saved.green-background h2,
.roi-calculator-signup-section h2.form-title {
    margin:0;
    padding:0 0 20px 0;
    font-size:30px;
    line-height:1.35;
    color:#000;
    font-weight:900;
    text-transform:uppercase;
    text-align:center;
}

.roi--top p {
    font-size:20px;
    line-height:1.25;
    margin:0;
    text-align:center;
}

.roi--top>div {
    background:#0aeabf;
    padding:50px;
    margin-top:30px;
}

.roi--top>div ul {
    margin:0;
    padding:0;
    list-style-type:none;
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    align-items:end;
}

.roi--top>div ul>li {
    width:calc(33.333% - 20px);
}

.roi--top>div ul>li label {
    font-size:20px;
    line-height:1.25;
    color:#000;
    margin:0 0 12px 0;
    display:block;
    text-align:center;
}

.roi--top>div ul>li input {
    appearance: none;
    -webkit-appearance: none;
    border: 0 !important;
    border-radius: 0 !important;
    color: #000 !important;
    outline: none !important;
}

.roi--top>div input[type="submit"],
.roi-calculator-contact-form-2023 form input[type="submit"] {
    font-family: Maven Pro;
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFFFFF;
    border-style: none;
    border-radius: 8px 8px 8px 8px;
    background: #000 !important;
    padding: 14px 30px;
    fill: #fff;
    text-align: center;
    transition: all .3s;
    line-height: 1;
    transition: 0.5s ease;
    display: block;
    margin: 0 auto;
    margin-top: 25px !important;
}

.roi--top>div input[type="submit"]:hover {
    background:#fff !important;
    color:#000 !important;
}

.roi-calculator-contact-form-2023 form input[type="submit"]:hover {
    color:#0aeabf !important;
}

.roicalcresultNew .row.mb-10 {
    display: flex;
    align-items: start;
    gap: 20px;
    padding:0 0 20px 0;
    flex-wrap:wrap;
}

.roicalcresultNew .row.mb-10 .col-md-4 {
   width: calc(50% - 10px);
   text-align:center;
   border:1px solid #000;
   padding:20px;
   background:#000;
   display:flex;
   align-items:center;
   justify-content:center;
}

.roicalcresultNew .row.mb-10 .col-md-8 {
    width: calc(50% - 10px);
   text-align:center;
   display:flex;
   align-items:center;
   justify-content:center;
   flex-direction:column;
   gap:20px;
}

.roicalcresultNew .row.mb-10 .col-md-8>.result-list-item {
    border:1px solid #000;
    padding:20px;
    width:100%;
}

.roicalcresultNew .row.mb-10 .col-md-4 h3 {
    margin:0;
    padding:0 0 20px 0;
    color:#0aeabf;
    font-size:30px;
    line-height:1;
    font-weight:900;
}

.roicalcresultNew .row.mb-10 .col-md-4 p {
    margin:0;
    color:#0aeabf;
    text-transform:uppercase;
}

h2#calculator_results_title_2023 {
    padding-bottom:40px !important;
}

.roicalcresultNew .row.mb-10 .col-md-8 h3.medium-title {
    margin:0;
    padding:0 0 20px 0;
    color:#000;
    font-size:20px;
    line-height:1;
    font-weight:400;
    text-transform:uppercase;
}

.roicalcresultNew .row.mb-10 .col-md-8 h3.large-title {
    margin:0;
    padding:0;
    color:#000;
    font-size:30px;
    line-height:1;
    font-weight:900;
}

.roicalcresultNew .total-saved.green-background {
    background: #0aeabf;
    text-align: center;
    padding: 30px;
    margin: 25px 0 0 0 !important;
}

.roicalcresultNew .total-saved.green-background p {
    color:#000 !important;
    font-size:18px;
    line-height:1.35 !important;
}

.ourSolmWarrper2 {
    flex-direction:column;
}

.roi-calculator-contact-form-2023 form ul {
    padding:0;
    margin:0;
    list-style-type:none;
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.roi-calculator-contact-form-2023 form ul li {
    width:calc(50% - 10px);
}

.roi-calculator-contact-form-2023 form ul li label {
    display:block;
    width:100%;
    margin:0 0 10px 0;
    text-transform:uppercase;
}

.roi-calculator-contact-form-2023 form {
    margin-top:20px !important;
}


@media screen and (max-width: 991px) {
    
    .ourSolmWarrper {
        flex-direction:column;
    }
    
    .ourSolmWarrper>* {
        width:100% !important;
    }
    
    .roi--top>div {
        padding:30px 20px !important;
    }
    
    .roi--top>div ul {
        gap:15px;
    }
    
    .roi--top>div ul>li {
        width:calc(33.333% - 10px) !important;
    }
    
    .roi--top>div ul>li label {
        font-size:15px !important;
    }
    
}


.ourSolmLeft ul li img {
        display: block;
        width:100%;
    }
    
    @media screen and (max-width: 767px) {
        
        .twocolparatcntr {
            text-align:center !important;
        }
        
    }

@media screen and (max-width: 640px) {
    .ourSolmLeft ul>li {
        margin-bottom:15px !important;
    }
    
    .ourSolmRight p {
        font-size:18px !important;
    }
    
    .our-soltionsWrapper {
        padding:3rem 0 3rem !important;
    }
    
    ul.contactlistGrid {
        flex-direction:column;
    }
    
    ul.contactlistGrid>li {
        width:100% !important;
    }
    
    .roi--top h2, h2#calculator_results_title_2023, 
    .roicalcresultNew .total-saved.green-background h2, 
    .roi-calculator-signup-section h2.form-title {
        font-size:25px !important;
    }
    
    .roi--top>div ul,
    .roicalcresultNew .row.mb-10,
    .roi-calculator-contact-form-2023 form ul {
        flex-direction:column !important;
    }
    
    .roi--top>div ul>li,
    .roicalcresultNew .row.mb-10>*,
    .roi-calculator-contact-form-2023 form ul>li {
        width:100% !important;
    }
    
    .innerheroTopBanner img {
        height:300px !important;
        object-fit:cover !important;
    }
}