/*
Theme Name: datonomy
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.elementor-widget:not(:last-child){
    margin-bottom:0 !important;
}
.main-header{
    background: linear-gradient(180deg, #09232A -255.09%, rgba(11, 36, 43, 0) 1166.59%);
}
[type=button]:focus, [type=submit]:focus, button:focus {
    outline: none !important;
}
.banner-section button.slick-prev.slick-arrow{
    left:10% !important;
}
.banner-section .htslider-slider .slick-arrow.slick-next{
    right: 10% !important;
}
.social-media-icon::after {
    background-color: white;
    content: '';
    position: absolute;
    width: 1px;
    height: 200px;
    right: 23px;
}
.privcy-first::after{
    content: '';
    background-image: url('./images/shape.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 55%;
    height: 1020px;
    left: 26%;
    top: -100px;
    bottom: 0;
    z-index: -1;
}

.control-data-section .data-device-left .process-device-block {
    position: relative;
}

.control-data-section .data-device-left .process-device-block:before {
    position: absolute;
    content: "";
    left: 100%;
    top: 50%;
    width: 56%;
    height: 2px;
    margin-left: 8px;
    border-bottom: 2px dashed #fff;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.control-data-section .data-device-left .process-device-block:last-child:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 100%;
    width: 107%;
    height: 2px;
    margin-top: 45px;
    margin-left: 0;
    border-bottom: 2px dashed #fff;
    transform: translate(-50%, 0);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.control-data-section .data-device-left .process-device-block:last-child:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 100%;
    width: 2px;
    height: 85px;
    border-left: 2px dashed #fff;
    transform: translate(-50%, 0);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.control-data-section .data-device-right {
    position: relative;
}

.control-data-section .data-device-right:before {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0;
    margin-bottom: -46px;
    margin-left: 7px;
    width: 2px;
    height: 82%;
    border-right: 2px dashed #fff;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.control-data-section .data-device-right .process-device-block:before {
    position: absolute;
    content: "\f063";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    border: none;
    color: #ffffff;
    left: 50%;
    top: 11px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.control-data-section .data-device-right .process-device-block:after {
    position: absolute;
    content: "\f062";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    border: none;
    color: #ffffff;
    left: 50%;
    top: 100%;
    margin-top: -5px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.control-data-section .data-device-right .process-device-block:after {
    border: none;
}

.main-header a.hfe-menu-item.active {
    color: #FFAA00 !important;
}

label#exampleInputEmail1-error {
    color: red;
}

@media (min-width:1025px) and (max-width:1400px){
    .main-header li a.hfe-menu-item {font-size: 16px !important;padding: 15px 13px !important;}
    .btn-button a {font-size: 16px !important;padding: 15px 30px 15px 30px !important;}
    .social-media-icon .elementor-widget-container {margin: -42% 0% 0% 0% !important;}
    .early-results-section {margin-top: 50px !important;}
    .main-header{padding: 0 !important;}
    .b-title h2 {font-size: 70px !important;line-height: 80px !important;}
    .b-sub-title h2{font-size: 14px !important;line-height: 14px !important;}
    .b-description {font-size: 18px !important;line-height: 30px !important;}
    .b-button a {padding: 19px 45px !important;font-size: 20px !important;}
    .banner-section .slingle-slider section.elementor-top-section {padding: 270px 0px 220px 0px !important;}
    section#how-it-work {padding: 20px !important;}
    .better-image {padding: 0px 0px 20px 0px !important;}
    .section-main-title h2 {font-size: 40px !important;line-height: 45px !important;}
    .case-study-1 h2 {font-size: 40px !important;line-height: 50px !important;}
    .case-study-1 .elementor-widget-container{padding: 62px 48px 62px 48px !important;}
    .case-study h2 {font-size: 35px !important;line-height: 50px !important;}
    .case-description {font-size: 20px !important;line-height: 30px !important;}
    footer .elementor-top-section {padding: 150px 20px 95px 20px !important;}
    .calculate-uplift-section .block-title{font-size: 40px; line-height: 45px;}
    .text-des-block {font-size: 16px !important;}
    #pricing {padding: 48px 10px 0px 10px !important;}
    #why-datonomy{margin-top: 70px !important;padding: 100px 0px 140px 0px !important;}
    .privcy-first {padding: 60px 0 !important;}
    .privcy-first::after{height: 920px;}
    #pricing a.elementor-button-link.elementor-button.elementor-size-sm {padding: 19px 45px !important;font-size: 22px !important;}
    
}

@media (min-width:1400px) and (max-width:1499px){
.elementor-8 .elementor-element.elementor-element-4b72bfd > .elementor-widget-container { padding: 20px 30px; }
}

@media (min-width:1300px) and (max-width:1399px){
.elementor-8 .elementor-element.elementor-element-4b72bfd > .elementor-widget-container { padding: 20px; }
.control-data-section .data-device-left .process-device-block:before { width: 59%; margin-left: 0; }
.control-data-section .data-device-left .process-device-block:last-child:before { width: 109%; }
.control-data-section .data-device-right:before { margin-bottom: -46px; height: 81.5%; }
}

@media (min-width:1200px) and (max-width:1299px){
.elementor-8 .elementor-element.elementor-element-4b72bfd > .elementor-widget-container { padding: 20px; }
.control-data-section .data-device-left .process-device-block:before { width: 59%; margin-left: 0; }
.control-data-section .data-device-left .process-device-block:last-child:before { width: 109%; }
.control-data-section .data-device-right:before { margin-bottom: -46px; height: 81.5%; }
}

@media (min-width:1025px) and (max-width:1199px){
.elementor-8 .elementor-element.elementor-element-4b72bfd > .elementor-widget-container { padding: 20px; }
.control-data-section .data-device-left .process-device-block:before { width: 62%; margin-left: 0; }
.control-data-section .data-device-left .process-device-block:last-child:before { width: 112%; }
.control-data-section .data-device-right:before { margin-bottom: -46px; height: 81%; }
}

@media (max-width:1024px){
    .banner-section .slingle-slider .elementor-top-section {
        padding: 250px 0 200px 0 !important;
    }
    .banner-section button.slick-prev.slick-arrow{
        left:6% !important;
    }
    .banner-section .htslider-slider .slick-arrow.slick-next{
        right: 5% !important;
    }
    .social-media-section {
        margin-top: -47% !important;
    }
    .social-media-icon::after{
        height: 130px !important;
    }
    .social-media-icon .elementor-widget-container {
        margin: -46% 0% 0% 0% !important;
    }
    .privcy-first::after{
        height: 670px;
    }
}

@media (min-width:992px) and (max-width:1024px){
.elementor-8 .elementor-element.elementor-element-4b72bfd > .elementor-widget-container { padding: 20px; }
.control-data-section .data-device-left .process-device-block:before { margin-left: 0; }
.control-data-section .data-device-left .process-device-block:last-child:before { width: 106%; }
.control-data-section .data-device-right:before { margin-bottom: -46px; height: 83.5%; }
}


@media (min-width:768px) and (max-width:991px){
.elementor-8 .elementor-element.elementor-element-4b72bfd > .elementor-widget-container { padding: 20px; }
.control-data-section .data-device-left .process-device-block:before { margin-left: 9px; }
.control-data-section .data-device-left .process-device-block:last-child:before { width: 108%; }
.control-data-section .data-device-right:before { margin-bottom: -46px; height: 82.5%; }
}

@media (max-width:767px){
    .how-it-work{
        display: none;
    }
    .banner-section .slingle-slider .elementor-top-section {
        padding: 200px 0 100px 0 !important;
    }
    .banner-section a.elementor-button-link.elementor-button {
        padding: 15px 50px 15px 52px !important;
        font-size: 20px !important;
        line-height: 25px !important;
    }
    .banner-section button.slick-prev.slick-arrow {
        left: auto !important;
    }
    .banner-section .htslider-slider .slick-arrow.slick-next {
        right: 0 !important;
    }
    .privcy-first::after{
        display: none;
    }


    
.elementor-8 .elementor-element.elementor-element-4b72bfd > .elementor-widget-container { padding: 20px; }
.control-data-section .data-device-left .process-device-block:before,
.control-data-section .data-device-left .process-device-block:after,
.control-data-section .data-device-right:before,
.control-data-section .data-device-right .process-device-block:before,
.control-data-section .data-device-right .process-device-block:after { display: none; }
}