
            
                .parent_wing_img{
                    width: 30%;
                    height: 100%;
                    align-items: end;
                }
                .wing_img{
                   
                    height: fit-content;
                }
             
                .contant {
                    width: 100%;
                    margin: auto;
                    text-align: center;
          
                }

                .title_box{
                    text-align: center;
                    padding: 1em 0 .5em;
                    line-height: 1.7;
                    font-size: 1.5em;
                }
 
                .layer1,.layer2{
                    width: 50%;
                    height: 100%;
                }
                .layer4{
                    position: absolute;
                    bottom: 0;
                    right: 30px;
                }
                .description_box{
                    line-height:2;
                    text-align: justify;
                } 
                .description_box a{
                    color:#00AFEF;!important;
                }
                .text_box_0{
                    width:700px;
                    margin:auto;
               }
              .box_str{
                    text-align:center;
              }  
               ul li{
                    list-style-type: square;
                    list-style-position: inside;
                 }  
             li{
                margin-bottom: 10px;
             }
                
        
        
                        
                      .contant_box0{
                    
                            margin: auto;
                            position: relative;
                            height: 750px;
                       }
                       .box_contant_1_0{
                          position:absolute;
                          top:0;
                          padding:0 0 3em;
                       }
                      .title_box0{
                             color:#fff;;
                        }
                      .description_box0{
                            color:#fff;;
                            font-size:16px;
                        }
                      .img_dashboard0{
                            width:500px;
                            height:400px;
                            position: absolute;
                            bottom: -10%;
                            transform: translate(-50%, 10px);
                            z-index:10;
                        }
                      .main_back0{
                            width: 100%;
                            margin: auto;
                            height: 750px;
                            
                      }
                      .contant0,.box_center0{
                            height: 750px;
                        }
                      .box_center0{
                             position: relative;
                             width:100%;
                             
                      }
                      .text_box1{
                        width:700px;
                        margin:auto;
                      }
                        
                    
                            
                                .main_back0{
                                    background: linear-gradient(to bottom, #482b6b,#e8336e);
                                }
                           
                        
                    
                        .main_back1{
                            background-color: ;
                        }
                
                      .main_back1{
                            width: 100%;
                            margin: auto;
                            height: 550px;
                            font-size:16px !important;
                            
                        }
                      .title_box1{
                            ;
                           
                      }
                      
                      .box_dynamic1{
                            width:100%;
                            margin: auto;
                            position: relative;
                            height: 550px;
                            
                       }
              
                      .box_contant_0_1{
                          position:;
                          top:0;
                          width: 100%;
                          margin: auto;
                          text-align: center;
                          padding:0 0 1em;
                      }
                
                                
                                    .des1_0{
                                         ;
                                    }
                            
                    
                        .main_back2{
                            background-color: ;
                        }
                
                      .main_back2{
                            width: 100%;
                            margin: auto;
                            height: auto;
                            font-size:16px !important;
                            
                        }
                      .title_box2{
                            ;
                           
                      }
                      
                      .box_dynamic2{
                            width:100%;
                            margin: auto;
                            position: relative;
                            height: auto;
                            
                       }
              
                      .box_contant_0_2{
                          position:;
                          top:0;
                          width: 100%;
                          margin: auto;
                          text-align: center;
                          padding:0 0 1em;
                      }
                
                                
                                    .des2_0{
                                         ;
                                    }
                            
                                
                                    .img2_1{
                                        height:400px;
                                        width:400px;
                                        padding:20px 0;
                                    }
                            
                    
                    .title_box3{
                            ;
                            width: 800px;
                            margin:auto;
                        }
                    .img_right3{
                          width:400px;
                          height:500px;
                     
                     }
                     strong{
                        font-size:16px;
                        display: inline-block;
                     }
                    .box_contant{
                        width: 800px;
                        margin: auto;
                     }
                    .box_contant_3_3{
                        width: 100%;
                        margin: auto;
                        text-align: center;
                        position:;
                        top: 0;
                        padding:0 0 3em;
                     }
                    .main_back3{
                        width: 100%;
                        margin: auto;
                        height: 800px;
                        position: relative;
                        font-size:16px !important;
                       }
                    .right_box3{
                            height: fit-content;
                         
                        }
                    .left_box3{
                            padding:0px 50px;
                            width: 50%;
                            text-align: start;
                           display: block;

                     } 
                    
                   .description_box3{
                        ;
                        font-size:16px;
                        text-align: justify;
                        
                    }
       
                    
                        .main_back3{
                            background-color: #cbcbc3;
                        }
                
                    
                        .main_back4{
                            background-color: ;
                        }
                
                      .main_back4{
                            width: 100%;
                            margin: auto;
                            height: auto;
                            font-size:16px !important;
                            
                        }
                      .title_box4{
                            ;
                           
                      }
                      
                      .box_dynamic4{
                            width:100%;
                            margin: auto;
                            position: relative;
                            height: auto;
                            
                       }
              
                      .box_contant_0_4{
                          position:;
                          top:0;
                          width: 100%;
                          margin: auto;
                          text-align: center;
                          padding:0 0 1em;
                      }
                
                                
                                    .des4_0{
                                         ;
                                    }
                            
                                
                                    .img4_1{
                                        height:600px;
                                        width:600px;
                                        padding:20px 0;
                                    }
                            
                    
                        .main_back5{
                            background-color: ;
                        }
                
                      .main_back5{
                            width: 100%;
                            margin: auto;
                            height: auto;
                            font-size:16px !important;
                            
                        }
                      .title_box5{
                            ;
                           
                      }
                      
                      .box_dynamic5{
                            width:100%;
                            margin: auto;
                            position: relative;
                            height: auto;
                            
                       }
              
                      .box_contant_0_5{
                          position:;
                          top:0;
                          width: 100%;
                          margin: auto;
                          text-align: center;
                          padding:0 0 1em;
                      }
                
                                
                                    .des5_0{
                                         ;
                                    }
                             
       .light-theme{
                --mainLinear: linear-gradient(49deg, #eee 0%, #f5f5f5 100%);
                --main: #C9DAE1;                
                --card: #213E57;
                --error:#ea5455;
                --errorBox:#ea545555;
                --warning:#ff9f43;
                --warningBox:#ff9f4355;
                --info:#1D3348;
                --infoBox:#7367f01f;
                --success:#28c76f;
                --successBox:#28c76f33;
                --text1: #DC236E;
                --text2: #cdd4dc;   
                --textbox:#ffffff;
                --activetext:#f1eeee;
                --boxshadow: 2px 2px 10px #00000011,-2px -2px 10px #00000011;
                --tableHeade: #7D8E9A;
                --chartClick: #4285F4;
                --chartImptession : #5E35B1;
                --chartAverageClick : #00897B;
                --chartAveragePosition : #E8710A;
                --customtext: #000;
            }
 
           .w1200{
                width: 1200px;
                margin: auto;

           }
           .header_box{
                background-color: #482b6b;
                height: 60px;
                padding: 10px 0;
                position: relative;
                z-index: 1000;
            }
            .logo_box img{
                width: 160px;
                height: 32px;
            }
       
            .menou_active{
                color: #e8336e !important;
            }
            .login_box a{
                font-size: 12px;
                padding: 0 15px;
                color: #fff;
                margin: 0;
                position: relative;
                z-index: 100;
            }
            .main_menu_item{
                padding: 0 7px;
                
                margin: 0;
            }
            .main_menu_item a{
                position: relative;
                z-index: 100;
                color: #fff;
            }
             .sub_menu_item{
                background-color: #e8336e;
               
                width: max-content;
                color: white;
                text-align: left;
                border-radius: 10px;
                
                min-width: 150px;
           }
           .sub_menu_item .sub_menu{
                padding: 10px;
           }
           .sub_menu_item:after
            {
                content: "";
                position: absolute;
                left: 30px;
                top: 12px;
                width: 0;
                height: 0;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-bottom: 8px solid #e8336e;;
            }
            .main_menu_item:hover .sub_menu_item{
                display: block!important;
           }
           .main_menu_item:hover .menu_item_text{
                color:#e8336e;
           }
           .parent_sun{
                width: max-content;
                height: max-content;
                position: absolute;
                top: 20px;
                padding: 20px 0px;
                z-index: 100;
                padding: 20px 0px;
           }
           .sub_menu:hover span{
                color: black;
           }
         
           .container_footer_eyenaz{
                width: 100%;
                height: max-content;
                direction: ltr;

            } 
           .box_footer{
                background-color: #482b6b;
                width: 100%;
                height: 320px;
                padding: 70px 0;
            }
            .logo_box_footer{
                width: 265px;
                color: #fff;
            }
            .logo_box_footer img{
                width: 100%;
            }
            .follow,.check_box,.featurs_box{
                width: 120px ;
                color:#fff;

            }
            .title_active{
                font-size: 22px;
                font-weight: bold;
                color: #e8336e;
            }
            .info_box{
                width: 50%;
            }
            .icons{
                flex-wrap: wrap;
            }
            .follow{
                width: 140px !important;
            }
            .icons span{
                padding: 5px;
            }
         
        
            #body_popup_1,#body_popup_2{
                position:fixed;
                display:flex;
                text-align:center;
                top:0;
                bottom:0;
                right:0;
                left:0;
                z-index:99999;
                visibility:hidden;
                opacity: 0;
                background:rgba(0,0,0,0.5);
            }
            #body_popup_1.open-popup,#body_popup_2.open-popup{
                visibility:visible;
                opacity: 1;
            }
            #body_popup_1 > div,#body_popup_2 > div{
                display:block;
                background:#fff;
                padding:10px;
                margin:auto;
                transform:translateY(-150px);
                -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
                text-align:center;
                border-radius:10px;
                position:relative;
                z-index:999999;
            }
            #body_popup_1.open-popup > div,#body_popup_1.open-popup > div{
                transform:translateY(0);
            }
            #body_popup_1 .icon-close-popup{
                position:absolute;
                font-size:30px;
                height:30px;
                width:30px;
                border-radius:50%;
                color:red;
                top:-10px;
                right:-10px;
                background-color:transparent;
                z-index:9999;
            }
            #body_popup_1 .icon-close-popup i{
                position:absolute;
                top:0;
                right:0;
            }
            #body_popup_1 .container-html{
                height:100%;
                overflow:auto;
                max-height:90vh;
            }
            #body_popup_1 .container-html::-webkit-scrollbar{
                width:5px;
                height:100%;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-track{
                background-color:transparent;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-thumb{
                background-color:#777;
                border-radius:20%;
            }
            #body_popup_1 .icon-close-popup{
                color:#fff;
                top:0;
                right:0;
            }
            #module_waiting_box{
                position:fixed;
                background:rgba(256,256,256,0.8);
                width:100%;
                height:100%;
                -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
                top:0;
                right:0;
                opacity:0;
                z-index:9999999999999;
                visibility:hidden;
            }
            #module_waiting_box.show-waiting{
                visibility:visible;
                opacity:1;
            }
            #module_waiting_box .spinner {
              margin: 100px auto 0;
              width: 70px;
              text-align: center;
            }
            
            #module_waiting_box .spinner > div {
              width: 18px;
              height: 18px;
              background-color: #333;
              border-radius: 100%;
              display: inline-block;
              -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
              animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            }
            
            #module_waiting_box .spinner .bounce1 {
              -webkit-animation-delay: -0.35s;
              animation-delay: -0.35s;
            }
            
            #module_waiting_box .spinner .bounce2 {
              -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
            }
            
            @-webkit-keyframes sk-bouncedelay {
              0%, 95%, 100% { -webkit-transform: scale(0) }
              50% { -webkit-transform: scale(1.0) }
            }
            
            @keyframes sk-bouncedelay {
              0%, 95%, 100% { 
                -webkit-transform: scale(0);
                transform: scale(0);
              } 50% { 
                -webkit-transform: scale(1.0);
                transform: scale(1.0);
              }
            }
        body{direction: ltr;text-align: left;}