.search-box{
          width: fit-content;
          height: fit-content;
          position: relative;
        }
        .input-search{
          height: 50px;
          width: 50px;
          border-style: none;
          padding: 10px;
          font-size: 18px;
          letter-spacing: 2px;
          outline: none;
          border-radius: 25px;
          transition: all .5s ease-in-out;
          background-color: #22a6b3;
          padding-right: 40px;
          color:black ;
        }
        .input-search{
          width: 250px;
          border-radius: 0px;
          background-color: transparent;
          border-bottom: 1px solid rgb(0 0 0);
          transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
        }
        .btn-search{
          width: 50px;
          height: 50px;
          border-style: none;
          font-size: 20px;
          font-weight: bold;
          outline: none;
          cursor: pointer;
          border-radius: 50%;
          position: absolute;
          right: 0px;
          color:black ;
          background-color:transparent;
          pointer-events: painted;
        }
        .main-nav > li {
          padding-left:10px;
          padding-right:10px;
        }
        .second-nav > li {
          padding-left:10px;
          padding-right:10px;
        }
        .second-row-nav > li {
          padding-left:10px;
          padding-right:10px;
        }
        .second-row-nav > li > a{
          color:white !important;
        }
        .logo_for_mobile{
          display:none;
        }
        .logo_for_desctop{
          display:block;
        }
        .first-row-nav{
          display:flex;
          justify-content: space-between;
        }
        @media (max-width: 991px) {
          .logo_for_mobile{
            display:block;
          }
          .logo_for_desctop{
            display:none;
          }
          .first-row-nav{
            display:block;
          }
        }