@font-face {
    font-family: "Roboto Condensed-Regular";
    font-style: normal;
    font-weight: 400;
    src: url("../../../fonts/robotocondensed-regular.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "Roboto Condensed-Bold";
    font-style: normal;
    font-weight: 700;
    src: url("../../../fonts/robotocondensed-bold.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "Roboto Condensed-Light";
    font-style: normal;
    font-weight: 300;
    src: url("../../../fonts/robotocondensed-light.ttf") format("truetype");}
  
   
  
    html {
      margin: 0px auto;
      max-width: 3000px;
      min-width: 414px;
      padding: 0px;
    }
  
    body {
      margin: 0 auto;
      max-width: 3000px;
      min-width: 414px;
      padding: 0;
    }
  
  
    
    .frame {
      align-items: flex-start;
      background-color: var(--white);
      display: flex;
      max-height: 6010px;
      height: 100%;
      overflow: hidden;
      max-width: 3000px;
      min-width: 414px;
      width: 100%;
      margin: 0 auto;
    }
  
    .overlap-group-container {
      align-items: center;
      max-width: 3000px;
      min-width: 414px;
      width: 100%;
      margin: auto;  
        }
    
      .overlap-group {
      height: 1895px;
      display: flex;
      flex-direction: column;
      position: relative;
      max-width: 3000px;
      min-width: 414px;
      width: 100%;
      margin: 0 auto;
      padding: 0px 0px;
    }
  
    .overlap-group1 {
      align-items: center;
      background-color: #1b2b69;
      display: flex;
      position: relative;
      flex-direction: column;
      margin: 0px;
      padding: 0px;
      max-width: 3000px;
      min-width: 300px;
      width: 100%;
      height: 80px;
    }
  
    .overlap-group2 {
      background-color: var(--biscay);
      display: flex;
      position: relative;
      flex-direction: column;
      margin-left: 0px;
      margin-top: 0px;
      padding: 20px;
      height: 210px;
      max-width: 3000px;
      min-width: 300px;
      width: 100%;
      bottom: 1px;
      
    }
    
    .overlap-group3 {
      background-color: var(--white);
      max-height: 7325px;
      height: 100%;
      margin-top: 25px;
      padding-top: 25px;
      margin-right: 9px;
      margin-top: 11px;
      position: relative;
      max-width: 3000px;
      min-width: 300px;
      width: 100%;
       }
  
    
  
    h1 {
      font-size: 24px;
      line-height: 40px;
      letter-spacing: 1.3px;
      word-spacing: 0;
      margin: 0;
      text-transform: uppercase;
      text-align: center;
      color: #4561cf;
      font-family: "Roboto Condensed",sans-serif;
      font-weight: 400;
    }
  

  

     
    .section10 {
      max-width: 1400px;
      width: 100%;
      height: 210px;
      position: relative;
      display: flex;
      top: 0px;
      margin: 0 auto;
        }
            
     
    .image {
      height: 49px;
      width: 176px;
      top: 15px;
      left: 25px;
      display: flex;
      position: absolute;   
        }
  
        .image-1 {
          background-image: url(../../../images/image-1.svg);
          background-size: 100% 100%;
          
         
          height: 30px;
          width: 145px;
          
        }
        .menu-conteyner {
          position: absolute;
          width: 755px;
          height: 35px;
          top: 23px;
          right: 10px;
          overflow: hidden;
          -webkit-transform: scale(100%);
              -ms-transform: scale(100%);
                  transform: scale(100%);
        }
        .menu {
          position: relative;
          display: flex;
          width: 750px;
          height: 30px;
          overflow: hidden;
          -webkit-transform: scale(100%);
              -ms-transform: scale(100%);
                  transform: scale(100%);
                   
        }
        .menu div{
          margin: auto;
                   
        }
  
  
 
        .image-21 {
          align-self: flex-end;
          height: 40px;
          position: absolute;
          left: 73%;
          top: 0px;
          max-width: 176px;
        }
      
        .image-20 {
          height: 24px;
          width: 24px;
          position: absolute;
          top: 45px;
          left: 18%;
        }
    
        .telegram-ico {
          height: 24px;
          width: 24px;
          position: absolute;
          top: 70px;
          left: 18%;
        }
    
        .mail {
          height: 24px;
          width: 24px;
          position: absolute;
          top: 96px;
          left: 18%;
        }
      
        .location-on {
          height: 24px;
          width: 24px;
          position: absolute;
          top: 122px;
          left: 18%;
        } 

    
    .text-8 {
      letter-spacing: 0;
      line-height: 30px;
      text-align: center;
      white-space: nowrap;
      margin: auto;
     position: relative;
    }
  
   
    .text-56 {
      position: absolute;
      width: 208px;
      height: 20px;
      left: 18%;
      top: 3px;
    }
    
    .phone-1 {
      position: absolute;
      width: 158px;
      height: 28px;
      left: 20%;
      top: 48px;
    }
  
    .telegram {
      position: absolute;
      width: 158px;
      height: 28px;
      left: 20%;
      top: 73px;
    }

    .email-infocomplexisbiz {
      position: absolute;
      width: 200px;
      height: 28px;
      left: 20%;
      top: 100px;
      white-space:nowrap;
        }
  

        .text-57 {
          position: absolute;
          width: 370px;
          height: 28px;
          left: 20%;
          top: 125px;
        }
  
        .copyright-2022-com {
          letter-spacing: 0;
          line-height: 20px;
          text-align: center;
          white-space: nowrap;
          position: relative;
          top: 180px;
          height: 30px;
          margin: 0 auto;
          
        }
  
  
        .blur5 {
          position: relative;
          top: 45px;
          font-size: 14px;
          padding: 45px 45px;
          background-color: rgba(217, 217, 217, 0.5);
          border-radius: 30px;
          max-width: 470px;
          width: 100%;
          height: 330px;
          margin: 0 auto;  
            } 
  
  
            .blur5 button {
              color: #72d4cf;
              background-color: #1B2B69;
              box-shadow: 7px 7px 20px black;
              position: relative;
              font-size: 15px;
              width: 470px;
              height: 30px;
              border-radius: 6px;
              top: 100px;
              margin: 0 auto;
              border: none;
              cursor: pointer;
                }
      
            .blur5 button:hover {
              color: rgb(246, 250, 250);
              background-color: #2a8ddd;
            }
  
        .blur5 image {
          
          backdrop-filter: contrast(10%);
        }
  
        #logo1 {
          position: absolute;
          top: 35px;
          visibility: hidden;
          -webkit-transition: .8s ease-in-out;
          -o-transition: .8s ease-in-out;
          transition: .8s ease-in-out;
        }
  
        #logo1.security{
          visibility: visible;
        }
  
        .pop_up {
          width: 100%;
          height: 100%;
          position: fixed;
          left: 0;
          top: 0;
          background-color: transparent;
          z-index: 7;
          visibility: hidden;
          opacity: 0;
          overflow: hidden;
          -webkit-transition: .8s ease-in-out;
          -o-transition: .8s ease-in-out;
          transition: .8s ease-in-out;
                } 
  
                .pop_up.active {
                  
                  opacity: 1;
                  background-color: rgba(0, 0, 0, .8);
                  visibility: visible;
                }
  
        
  
  
        .pop_up_container {
          display: flex;
          width: 100%;
          height: 100%;
        }
  
        .pop_up_body {
          background-image: url(../../../images/pop_up.jpg);
          margin: auto;
          background-position: center;
          background-size: cover;
          border-radius: 25px;
          position: relative;
          width: 667px; 
          height: 515px;     
        }
  
        .pop_up_input1 {
          width: 460px;
          height: 44px;
          top: 85px;
          left: 1px;
          font-size: 14px;
          font-family: 'Roboto Condensed-Light';
          background: #b8bcdd;
          box-shadow: 7px 7px 20px black;
          position: relative;
          border-radius: 5px;
          border: none;
          border-bottom: solid 1px #191970;
          padding: 5px;
             }
  
        .pop_up_input1:focus {
          outline: none;
            }
  
        .pop_up_input2 {
          width: 460px;
          height: 144px;
          top: 95px;
          left: 1px;
          font-size: 14px;
          font-family: 'Roboto Condensed-Light';
          background: #b8bcdd;
          box-shadow: 7px 7px 20px black;
          position: relative;
          border-radius: 5px;
          overflow: auto;
          resize: none;
          border: none;
          border-bottom: solid 1px #191970;
          padding: 5px;
        }
  
        .pop_up_input2:focus {
          outline: none;
        }

      
  
        .pop_up_close {
          background-color: #b8bcdda4;
          color:#000000;
          background-position: center;
          cursor: pointer;
          align-items: center;
          text-align: center;
          position: absolute;
          top: 25px;
          right: 25px;
          padding-top: 1px;
          padding-left: 5px;
          padding-right: 5px;
          padding-bottom: 2px;
          border-radius: 3px;
          
        }
  
        .pop_up_close:hover {
          background-color: #07a4ffa4;
          color:#676DFA;
        }
  
  
       
  
  
          @media  (max-width: 1000px) {
            .menu_icon {
              top: 25px;
              right: 2%;
              position: absolute;
              width: 70px;
              margin: 0px;
              transform: scale(100%);
              
              transition: .5s ease-in-out;
              z-index: 7; }
  
              .close_icon {
                top: 25px;
                right: 2%;
                position: absolute;
                margin: 0px;
                width: 70px;
                transform: scale(100%);
                z-index: 7;
            }
  
            .image-1 {
              background-image: url(../../../images/image-1.svg);
              background-size: 100% 100%;
              display: flex;
              position: absolute;
              padding: auto;
              width: 180px;
              height: 40px;
              
              transform:  scale(0);
            }
  
          }
            
          .body_menu{
            width: 100%;
            height: 100%;
            position: fixed;
            transform: translateY(-544.5%);
            opacity: 0;
            transition: .9s ease-in-out;
  
          }
  
          .contacts {
            display: flex;
            position: relative;
            margin: 30px auto;
            width: 350px;
          }
  
          .BurgerPhone{
            position: relative;
            margin: 0 auto;
          }

          .BurgerTelegram{
            position: relative;
            margin: 0 auto;
          }
  
          .BurgerEmail{
            position: relative;
            margin: 0 auto;
          }
  
          .BurgerLocation{
            position: relative;
            margin: 0 auto;
          }
  
  
          @media  (max-width: 999px) {
          .open_menu{
            width: 100%;
            height: 100%;
            position: fixed;
            background-color: #1b2b69e8;
            transform: translateY(0%);
            opacity: 1;
            transition: .9s ease-in-out;
            z-index: 3;
            
          } }
  
          .burger{
            width: 50px;
            height: 25px;
            cursor: pointer;
            position: relative;
            margin: 0 auto;
            background: url(../../../images/Menu.svg) no-repeat center;
            background-size: cover;
            transition: .9s ease-in-out;
          }
  
          
  
          .burger_active{
            right: 5px;
            width: 50px;
            height: 25px;
            cursor: pointer;
            background: url(../../../images/Close.svg) no-repeat center;
            background-size: cover;
  
          }
  
          .burger_active .menu_icon {
            right: 5px;
          }
  
          .menu_list {
            display: grid;
            line-height: 20px !important;
            text-align: center;
            position: relative;
            margin: 110px 10px auto;
            padding: 0 0%;
            top: 0px;
            z-index: 5;
             }
   
         .menu_list li{
           padding: 10px 0;
           width: 300px;
           position: relative;
           margin: 20px auto;
          
         }
   

  .contactBox{
    display: flex;
  }
  
              .BoxHeight {
                height: 15px;
              }

              .BoxWidth {
                width: 10px;
              }
           
              .phoneC {
                width: 18px;
                height: 18px;
              }

              .telegramC {
                width: 18px;
                height: 18px;
              }

              .mailC {
                width: 15px;
                height: 15px;
              }

              .localC {
                width: 14px;
                height: 20px;
              }

  .BoxMap{
    width: 480px;
    height: 140px;
    border-radius: 15px;
    overflow: hidden;
  }