/* light box */

.e-con.e-flex {
    --flex-wrap: nowrap !important;
}

.eb-wrap-container:hover .eb-subtitle-inner{
    transition: all 0.3s ease-in-out;
}

#elementor-popup-modal {
    justify-content: center;
    align-items: center;
    pointer-events: all;
    background-color: #212121cc;
}

.elementor-popup-modal {
    display: flex;
    pointer-events: none;
    background-color: transparent;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
}

.dialog-type-lightbox {
    position: fixed;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.close-dialog {
    color: #cccccc;
    font-size: 22px;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor:pointer;
}

#elementor-popup-modal img {
    height: auto;
    max-height: 70% !important;
    width: auto;
    max-width: 70% !important;
    border: 10px solid #fdfdfd;
}
/* .elementor-bundle-wrap > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}

.elementor-bundle-wrap .elementor-element-populated {
    padding: 0px !important;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}

.elementor-bundle-wrap .elementor-element-populated {
    padding: 0px !important;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0px !important;
} */

/* col */
/* body {
    overflow-x: hidden;
} */
@media (min-width: 1024px) {
.row-flex {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
  }
}

@media (min-width: 1024px) {
    .row-nogap-flex {
        display: flex;
        flex-wrap: nowrap;
      }
    }

@media (max-width: 1024px) {
    .row-flex {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
      }
}


  @media (max-width: 1024px) {
    .row-flex {
        justify-content: center;
    }
 }

  .eb-align-items-center {
    align-items: center;   
  }

/* Global */

.eb-12 {
/*    flex: 0 0 auto;*/
    width: 100%;
}

.eb-11 {
/*    flex: 0 0 auto;*/
    width: 91.66666667%;
}

.eb-10 {
/*    flex: 0 0 auto;*/
    width: 83.33333333%;
}

.eb-lg-9 {
/*    flex: 0 0 auto;*/
    width: 75%;
}

.eb-8 {
/*    flex: 0 0 auto;*/
    width: 66.66666667%;
}

.eb-7 {
/*    flex: 0 0 auto;*/
    width: 58.33333333%;
}

.eb-6 {
/*    flex: 0 0 auto;*/
    width: 50%;
}

.eb-lg-5 {
/*    flex: 0 0 auto;*/
    width: 41.66666667%;
}

.eb-4 {
/*    flex: 0 0 auto;*/
    width: 33.33333333%;
}

.eb-3 {
/*    flex: 0 0 auto;*/
    width: 25%;
}

.eb-2 {
/*    flex: 0 0 auto;*/
    width: 16.66666667%;
}

.eb-1 {
/*    flex: 0 0 auto;*/
    width: 8.33333333%;
}
  
/* Desktop */
@media (min-width: 1024px) {

    .eb-lg-12 {
/*        flex: 0 0 auto;*/
        width: 100%;
    }

    .eb-lg-11 {
/*        flex: 0 0 auto;*/
        width: 91.66666667%;
    }

    .eb-lg-10 {
/*        flex: 0 0 auto;*/
        width: 83.33333333%;
    }

    .eb-lg-9 {
/*        flex: 0 0 auto;*/
        width: 75%;
    }

    .eb-lg-8 {
/*        flex: 0 0 auto;*/
        width: 66.66666667%;
    }

    .eb-lg-7 {
/*        flex: 0 0 auto;*/
        width: 58.33333333%;
    }

    .eb-lg-6 {
/*        flex: 0 0 auto;*/
        width: 50%;
    }

    .eb-lg-5 {
/*        flex: 0 0 auto;*/
        width: 41.66666667%;
    }

    .eb-lg-4 {
/*        flex: 0 0 auto;*/
        width: 33.33333333%;
    }

    .eb-lg-3 {
/*        flex: 0 0 auto;*/
        width: 25%;
    }

    .eb-lg-2 {
/*        flex: 0 0 auto;*/
        width: 16.66666667%;
    }

    .eb-lg-1 {
/*        flex: 0 0 auto;*/
        width: 8.33333333%;
    }

}

/* tablet */
@media (max-width: 1024px ) {

    .eb-sm-12 {
/*        flex: 0 0 auto;*/
        width: 100%;
    }

    .eb-sm-6 {
/*        flex: 0 0 auto;*/
        width: 50%;
    }

    .eb-sm-5 {
/*        flex: 0 0 auto;*/
        width: 41.66666667%;
    }

    .eb-sm-4 {
/*        flex: 0 0 auto;*/
        width: 33.33333333%;
    }

    .eb-sm-3 {
/*        flex: 0 0 auto;*/
        width: 25%;
    }

    .eb-sm-2 {
/*        flex: 0 0 auto;*/
        width: 16.66666667%;
    }

    .eb-sm-1 {
/*        flex: 0 0 auto;*/
        width: 8.33333333%;
    }

}

/* mobile*/
@media (max-width: 768px) {

    .eb-xs-12{
/*        flex: 0 0 auto;*/
        width: 100%;
    }

    .eb-xs-6 {
/*        flex: 0 0 auto;*/
        width: 50%;
    }

    .eb-xs-5 {
/*        flex: 0 0 auto;*/
        width: 41.66666667%;
    }

    .eb-xs-4 {
/*        flex: 0 0 auto;*/
        width: 33.33333333%;
    }

    .eb-xs-3 {
/*        flex: 0 0 auto;*/
        width: 25%;
    }

    .eb-xs-2 {
/*        flex: 0 0 auto;*/
        width: 16.66666667%;
    }

    .eb-xs-1 {
/*        flex: 0 0 auto;*/
        width: 8.33333333%;
    }

}

.eb-p-1{
   padding-left: 5px; 
   padding-right: 5px;
}

.eb-p-2{
   padding-left: 10px; 
   padding-right: 10px;
}

.eb-p-3{
   padding-left: 15px; 
   padding-right: 15px;
}

.eb-p-4{
   padding-left: 20px; 
   padding-right: 20px;
}

.eb-p-5{
   padding-left: 25px; 
   padding-right: 25px;
}

.eb-p-6{
   padding-left: 30px; 
   padding-right: 30px;
}

/*  Container Importance start */
.jh-container-inner {
    margin: 0 auto;
}

.start-container-min {
    z-index: 99;
    position: relative;
}

    .eb-wrap-inner {
        position: relative;
    }

        .eb-column-section {
            position: relative;
            z-index: 999;
        }

            .eb-column-inner {
                position: relative;
            }

                .eb-box {
                    position: relative;
                }

                    .eb-box-inner {
                        position: relative;
                    }
   

                    .column-inner{
                        width: 100%;
                    }

.text-center {
    text-align: center;
}

.m-auto{
    margin-left: auto;
    margin-right: auto;
}
                    
.eb-relative {
    position: relative;
}

.debug-border {
    border: 1px solid red;
}

/*  Container Importance end */

.status-identify {
    position: absolute;
    top: -20px;
    left: 10px;
    background: #ccc;
    padding: 5px;
    border-radius: 4px;
    -webkit-box-shadow: 0.68px 12.982px 29px 0 rgb(0 0 0 / 7%);
    box-shadow: 0.68px 12.982px 29px 0 rgb(0 0 0 / 7%);
    z-index: 9999999;
}

/* section-bg-effect */

ul.section-bg-effect-img {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

ul.section-bg-shape {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}


/* column-bg-effect */

ul.column-bg-effect-img {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

/* column-bg-shape */

ul.column-bg-shape {    
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

/* Box Shape Css */
ul.box-bg-shape {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

/* Box-bg-effect */

ul.box-bg-effect-img {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

/* Any Shape Css */

ul.any-bg-shape {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

/* Any-bg-effect */


ul.any-bg-effect-img {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.importing-data {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    background: aqua;
    font-size: 20px;
    opacity: 90%;
    width: 0%;
    height: 0%;
    transition: width 2s;
}

/* Any Shape Css */

.main-header {
    z-index: 999999;
}



#mask-page {
    display: block;
    position: absolute;
    top: 0;
    height: 100vh;
    width: 100%;
    background: #00000091;
    z-index: 999999999999;
}

/* mask message */
#myhtml {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: -7px 0px 0px -2px rgba(71,71,71,0.2);
    position: relative;

}

#container {
    width:350px;
    max-width:100%;
    position: relative;
    background: #fff;
    padding: 20px 25px;
    text-align: center;
    border-radius: 3%;
    -webkit-box-shadow: -7px 0px 0px -2px rgba(71,71,71,0.2);
    -moz-box-shadow: -7px 0px 0px -2px rgba(71,71,71,0.2);
    box-shadow: -7px 0px 0px -2px rgba(71,71,71,0.2);
}

.item {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#circle {
    width: 80px;
    height: 80px;
    background: #73c242;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -55px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#circle i {
    font-size: 25px;
}

#container h1 {
    padding: 0px;
    margin: 0px;
    font-size: 35px;
}

.item p {
    width: 80%;
}

