.email-box button{
    border:none;
    padding:10px;
    background-color:#ff745f;
    color:white;
    font-weight:bolder;
    border-radius:5px;
}
.email-box input{
    width:200px;
    border:none;
    padding:10px;
}
.footer-nav{
    color:black;
    font-size:13px;
}
.footer-nav:hover {text-decoration: underline;}
.horizontal-scroller {
  position: relative;
  width: 100%;
  height: 360px;
  overflow: hidden;
}
    .cp-bg-light{background-color:#fcfbf8;}
    .cp-bg-orange{background-color:#ff745f;}
    .cp-orange{color:#ff745f;}
.footer-logo-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.img-cover{
  width: 100%;
  height: auto;
  object-fit: cover;
}

.scroll-button {
  position: absolute;
  top: 50%;
  height:56px;
  transform: translateY(-50%);
  background-color: white;
  border: none;
  opacity: 0.8;
  cursor: pointer;
  font-size: 30px;
  outline: none;
}
.scrollmenu {
      overflow: auto;
      white-space: nowrap;
    }
.scrollmenu::-webkit-scrollbar {
  height: 5px;
  display:block;
}

.scrollmenu::-webkit-scrollbar-track {
  background-color: #eee;
  display:none; 
}
    .widget{box-shadow: 6px 10px 32px -20px rgba(0,0,0,0.75); width:90px; height:90px; border-radius:45px;}
    .widget img{width: 100%; height:100%; object-fit: cover;}
    .widget:hover{box-shadow: 6px 10px 32px -12px rgba(0,0,0,0.75);}
.container-head {
        display: flex;
        align-items: center;
        padding: 10px;
    }

    .icon-round {
        box-shadow: 6px 10px 32px -20px rgba(0, 0, 0, 0.75);
        width: 60px;
        height: 60px;
        border-radius: 30px;
    }

    .icon-round img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .icon-round:hover {
        box-shadow: 6px 10px 32px -12px rgba(0, 0, 0, 0.75);
    }

    .info {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 10px; /* Adjust as needed */
    }

    .name,
    .email {
        text-align: center; /* Adjust alignment as needed */
    }
.navbar-desk {
        background-color: white;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0; /* Initially hidden */
        width: 250px;
        height: 100%;
        transition: left 0.3s ease;
        z-index: 1000;
    }
    .menu-range{
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        
    }
    .menu-range i{
        font-size:19px;
        
    }
    .menu-range a {
        color: black;
        text-align: center;
        text-decoration: none;
    }

    .menu-range:hover {
        background-color: #ddd;
        color: red;
    }
    .menu-range:hover a {
        color: red;
    }
    .toggle-btn {
        float: left;
        display: block;
        color: white;
        background-color:red;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        outline:none;
        border:none;
    }
    .content {
        margin-left: 250px; /* Adjust based on your navbar width */
        padding: 20px;
        transition: margin-left 0.3s ease;
        margin-top:50px;
        z-index: -1;
    }

    .logo-margin {
        margin-left: 250px;
    }

    @media screen and (max-width: 960px) {
        .navbar-desk {
            width: 100%;
            left: -100%;
        }
        .content {
            margin-left: 0;
            z-index: -1;
        }   
    }