* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    background-color: #f4f9ff;
    font-family: "Montserrat", sans-serif;
  }
  
  p {
     
    font-family: "Montserrat", sans-serif;
  }
  
   
     /* Navbar styling */
   
     .navbar-toggler{
      padding: 8px 9px 8px 9px !important;
      background-color: #fff !important;
  }
  .navbar-toggler span {
      width: 24px !important;
      height: 24px !important;
      border: none;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23FFCC29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
  }
   
  .bg-custom{
    background-color: #042654;
    padding: 15px;
  }
  
   
  
    .nav-link {
      color: black !important;
      font-size: 20px !important;
      font-family: "Montserrat", sans-serif;
  
  }
  .nav-item{
      color: black !important;
      font-size: 20px !important;
      font-family: "Montserrat", sans-serif;
  }
  .nav-link:hover{
      color: rgb(13, 13, 13) !important;
       
  
  }
  
  
  .search-bar {
    position: relative;
    width: 25%; 
    
  }
  
  .search-bar .form-control {
    background-color: #05306A;
    color: white;
    border: none;
    padding:.75rem .75rem;
    padding-left: 55px;  
  }
  
  .search-bar .form-control::placeholder {
    color: #F4F9FF; 
    font-size: 16px; 
    padding-left: 10px;
    font-family: "Montserrat", sans-serif !important;
  }
  
  .search-icon-inside {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
     
  }.search-icon-img{
    width: 20px;
    height: auto;
     
  }
  
   .navitems{
    padding: 15px 10px;
    background-color: #05306A;
    width: 50px;
    border-radius: 5px;
    cursor: pointer;
   }
  
   .canvas-navitems{
    padding: 10px 10px;
    background-color: #05306A;
    width: 50px;
    border-radius: 5px;
    cursor: pointer;
   }
   .nav-text:hover .navitems{
    
    background-color: #fff !important;
    
   }
   .navitems:hover{
    
    background-color: #fff;
    
   }.navs-bars{
    display: flex;
    gap: 35px;
   }
  
   .nav-bar-li{
    display: flex;
    gap: 20px;
   }
   .nav-item:hover .navitems{background-color: #fff !important;}
  .nav-item:hover .nav-svg-icon path {
    fill: #05306A; /* Change color on hover (example color) */
  }
  .nav-text:hover .nav-svg-icon path {
    fill: #05306A; /* Change color on hover (example color) */
  }
  
   .flex-gap-nav{gap: 10px;}
   
   .nav-text{
    color: white;
    font-size: 8px;
    font-family: "Montserrat", sans-serif;
    
   }
   .profile-container {
    display: flex;
    align-items: center;  
    margin-left: 20px;  
  }
  .profile-container-1 {
    display: flex;
    
       
  }
  
  .profile-image {
    width: 50px;  
    height: 50px;  
    border-radius: 50%;  
    margin-right: 10px;  
  }
  
  .profile-text {
    color: white;  
    text-align: left; 
    display: flex; 
    flex-direction: column;
    font-family: "Montserrat", sans-serif;
  }
  
  .profile-text span {
       
    font-weight: bold; 
    color: #F4F9FF; 
    font-size: 12px; 
    font-family: "Montserrat", sans-serif;
  }
  .profile-text-1{
    display: flex;
    flex-direction: column;
  }
  .profile-text-1 span{
       
    font-weight: bold; 
    color: #F4F9FF; 
    font-size: 14px; 
    color: #042654;
    font-family: "Montserrat", sans-serif;
  }
  .profile-text-1 small{
    font-size: 10px; 
    color: #F4F9FF;  
    font-family: "Montserrat", sans-serif;
    margin: 0;
    color: #042654;
  }
  .profile-text small {
    font-size: 10px; 
    color: #F4F9FF;  
    font-family: "Montserrat", sans-serif;
    margin: 0;
  }
  
  .gap-nav{
    display: flex;
    gap: 20px;
  }
  .canvas-text{
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    color: #042654;
  }
   
   
   
  
   
  /* section-2 styling */
    
  
  .main-container{
    margin-left: 100px;
    margin-top: 20px;
    margin-right: 100px;
 
      margin-bottom: 5rem;
     
  }
   
  
  .left-sidebar {
    width: 70px;
    height: 600px;
    position: fixed;
    left: 18px;
    top: 122px !important;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    justify-content: space-between; /* Push the top and bottom components apart */
    align-items: center;
    background-color: #042654;
    padding: 20px;
    top: 132px;
  }
   
  .movable {
    position: absolute !important;
    bottom: 0;
  }
  .top-component,
.bottom-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px; /* Space between the icons */
}
.right-sidebar {
  width: 70px;
  border-radius: 15px;
  position: fixed;
  right: 18px;
  top: 122px;
  background-color: #ffffff;
  padding: 20px;
   
}

.rightsidebar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.main-container{
  margin-left: 100px;
  margin-top: 20px;
  margin-right: 100px;
}
.middle-main-content{
  display: flex;
  flex-direction: column;
  gap: 16px;
}.content{
  
  background-image: url(images/bgimage.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 400px;
  display: flex;
  justify-content: end;
   
  flex-direction: column;
}
.content-2{
  
  background-image: url('images/small-meeting.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 400px;
  display: flex;
  justify-content: end;
   
  flex-direction: column;
}.btn-content{
  display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
    margin-right: 30px;
    margin-bottom: -69px !important;
   
}.btn-content button{
  padding: 8px 14px;
  background-color: #042654;
  color: white;
  border: none;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  border-radius: 5px;
  cursor: pointer;
}

.logo-content{
  display: flex;
  justify-content: center;
  align-items: end;
  margin-bottom: -56px;
  position: relative;
  z-index: 2;
}

.timeline-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
}
 
.twitter{
 margin-left: -10px;
}


.time-content{
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
}.media-icons{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.timeline-item{
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 10px;
}.events{
  color: #323232;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
}
.year {
  position: relative;
  padding-right: 20px; /* Adjust as needed */
}

.year::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
   
  width: 1px; /* Adjust the width of the line */
  height:35px;
  background-color: #010101; /* Line color */
}.year-number{
  margin-left: 10px !important;
  color:#042654;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}.events{
  margin-left: 10px !important;
  color: #323232;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
}.headings{
  color:#042654;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}.time-content{
  margin-top: 30px;
  margin-left: -150px;
}.para{
  color:#000;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
}



.tabs {
  color: white;
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
}

.left-btn .btn,
.right-btn .btn {
  background-color: #edf7fb;
  border: none;
  color: #042654;
}

.right-btn-1 .btn {
  background-color: #edf7fb;
  border: none;
  color: #042654;
}

.left-btn .btn {
  margin-right: 10px;
  font-size: 15px;
}

.right-btn .btn {
  margin-left: 5px;
  font-size: 15px;
}

.right-btn-1 .btn {
  margin-left: 5px;
  font-size: 15px;
}
.btn-3 {
  font-weight: bold;
  font-size: 15px;
}

.left-content {
  background-color: #fff;
}
.left-content-1 {
  padding: 20px;
}

.main-content-description{
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.about-card {
  
   
  border-radius: 10px;
   border: none;
  background-color: white;
}

.card-header {
  background-color: white;
  border-bottom: 1px solid rgba(65, 64, 66, 0.5);
  padding: 16px 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.card-header h5 {
  margin: 0;
  color: #323232;
  font-size: 15px;
  font-weight:900;
  font-family: "Montserrat", sans-serif;
}

.card-header i {
  cursor: pointer;
}

.card-body {
  padding: 15px;
}

.card-body h6 {
  color: #323232;
  font-size: 15px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 5px;
  margin-top: 5px;
}

.card-body p {
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  color: #042654;
  margin: 0;
}


.guests-card {
  
  border: none;
  border-radius: 10px;
  background-color: white;
   
   
}

.guests-header {
   
  padding-bottom: 10px;
}

.guests-header h5 {
  margin: 0;
  padding: 15px;
  margin: 0;
  color: #323232;
  font-size: 15px;
  font-weight:900;
  font-family: "Montserrat", sans-serif;
}

.see-all {
  font-size: 12px;
  color: #0A0909;
  padding: 15px;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
}

.guests-stats {
  border-bottom: 1px solid rgba(65, 64, 66, 0.5);
  padding-bottom: 10px; /* Space between content and border */
  margin-bottom: 15px; /* Space below border and next section */
 
}


.guests-stats div {
  text-align: center;
}

.going h2, .interested h2 {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  color: #042654;
  font-weight: bold;
} .guests-stats {
  border-bottom: 1px solid #ccc; 
  padding-bottom: 10px; 
  margin-bottom: 15px; 
  
}

.going p, .interested p {
  margin: 0;
  font-size: 15px;
  color: #323232;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.guests-members {
  margin-top: 10px;
  padding: 0px 15px;
}

.guests-members h6 {
  font-size: 15px;
  margin-bottom: 10px;
  font-family: "Montserrat", sans-serif;
  color: #323232;
  font-weight: bold;
}

.member {
  display: flex;
   
  margin-bottom: 15px;
}

.member-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}
.member-info{
  display: flex;
  flex-direction: column;
  
   
   
}
.member-info p {
  margin: 0;
  font-size: 12px;
  color: #0A0909;
  font-family: "Montserrat", sans-serif;
}

.member-info p a {
  color: #042654;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
}

.member-info span {
  font-size: 10px;
  color: #F44336;
  font-family: "Montserrat", sans-serif;
   
}


.right-content-container{
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.event-card-container {
   
  background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    
  }
  
  
  
  .event-card-details {
    padding: 10px 12px;
    
  }
  
   
  
  .event-card-description {
    font-size: 12px;
    color: #0A0909;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
   
  }
  
  .event-card-btn {
    background-color: #EDF7FB;
    color: #042654;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
     
    font-family: "Montserrat", sans-serif;
  }
  
  .event-card-btn:hover {
    background-color: #2f6fc1;
  }.main-btn{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .map{
    border-radius: 10px;
    height: 340px;
  }





  /* TIME LINE PAGE STYLING */



  .details-post-content{
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .profile-card {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    width: 310px; 
     
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  .font-weight{
    color: #042654;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    

  }

  .font-weight-1{
    color: #042654;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    margin: 0px;
    

  }
  .profile-pic {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
  }
  .edit-profile {
    background-color: #042654;
    border: none !important;
    padding: 8px 10px !important;
    font-size: 10px;
    font-family: "Montserrat", sans-serif;
    
  }
  .edit-cover {
    color: #042654;
    border: none !important;
    background-color: white;
  }
  
  
  .stats {
    display: flex;
    justify-content: space-between;
    
    margin: 20px 0;
  }
  
  .stats span {
    text-align: center;
    color: #7F7F7F;
    font-size: 10px;
    font-family: "Montserrat", sans-serif;
  }
  
 .post-btn{
    display: flex;
    gap: 10px;
  }.info-profile-text{
    margin-top: -20px;
  }


  .quick-links{
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }.quick-heading{
    display: flex;
    justify-content:space-between ;
    align-items: center;
  }.hr-line{
    margin: 0px;
  }.listcontent{
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 10px;
  }.quick-link-para{
    color: black;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
  }.listcontent img{
    margin-right: 10px;
  }
  .product-services{
    background-color: white;
    border-radius: 10px;
    padding-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }.product-heading{
    display: flex;
    justify-content:space-between ;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
  }.product-text{
    font-size: 12px;
    color: #0A0909;
     padding-left: 20px;
     padding-right: 20px;
    font-family: "Montserrat", sans-serif;
  }.productimg{
    background-image: url('images/product-img.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }.product-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .product-btn button{
    padding: 6px 16px !important;
    color: white !important;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
  }  .my-groups{
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }.member-info{
    display: flex;
    flex-direction: column;
     
  }.my-events{
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }.events-main-content{
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .event-card-1 {
    
     
    border-radius: 10px;
    overflow: hidden;
    
    background-color: #EDF7FB;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.event-image img {
    width: 100%;
    height: auto;
    display: block;
}

.event-details {
  padding: 15px;
}

.event-details h2 {
    font-size: 18px;
    margin-bottom: 10px;
     
}

.event-details p {
    margin:0;
    color: #0A0909;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
}

.event-details strong {
    display: block;
    margin: 5px 0;
    font-size: 12px;
    color: black;
    
    font-family: "Montserrat", sans-serif;
}

.event-button {
    background-color: #0c3d73;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.event-button:hover {
    background-color: #092c52;
}
.even-main-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.description-posts-links{
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.card-1 {
   
  border-radius: 10px;
  background-color: white;
  padding: 20px;
  padding-bottom: 25px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card-header-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.description-button {
  background-color: #042654;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 5px;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.ellipsis {
  font-size: 24px;
}

.card-body-1 {
  margin: 15px 0;
}

.card-body-1 p {
  color: black;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
}

.card-info-1 {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 15px;
  gap: 10px;
}

.info-section {
   display: flex;
   flex-direction: column;
    
}

.info-button {
  background-color: #EDF7FB;
  border: none;
  padding: 8px 16px;
  color: #042654;
  font-size: 15px;
  border-radius: 5px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.info-section p {
  font-size: 12px;
  margin: 10px 0 0;
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-weight: bold;
}

.divider {
  width: 1px;
  height: 70px;
  background-color: #ccc;
}

.card-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: -45px;
}

 .social-icons-1{
  display: flex;
align-items: center;
gap: 5px;
 }
 

 .create-post {
  border-radius: 8px;
  padding: 15px;
  background-color: white;
}

.post-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.post-header .title {
  font-weight: bold;
  font-size: 16px;
  color: #042654;
  font-family: "Montserrat", sans-serif;
}

.post-options {
  display: flex;
  align-items: center;
  gap: 10px;
}

.privacy-selector {
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
  font-size: 12px;
  color: #000;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}

.post-options .live {
  font-size: 14px;
  color: #707070;
  cursor: pointer;
}

.post-input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 15px;
  background-color: #f4f8ff;
  font-size: 14px;
}

.color-palette {
  display: flex;
  justify-content: start;
  gap: 10px;
  margin-bottom: 15px;
}

.color {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  cursor: pointer;
}

.post-actions {
  display: flex;
  gap: 10px;
}
.text-align {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 45px;
}

.action-btn {
  background-color: #edf7fb;
  border: 1px solid #edf7fb;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 14px;
  cursor: pointer;
  color: #707070;
}

.action-btn:hover {
  background-color: #e6e8ec;
}

.post-container {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin: 20px auto;
  padding: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.posts-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}

.posts-header {
  display: flex;
  align-items: center;
}

.profile-pic-1s {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 8px;
}

.user-info-1 {
  margin-left: 8px;
  display: flex;
  flex-direction: column; /* Stack h3 and p vertically */
}

 

.heads {
  font-size: 15px;
  color: #042654;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  margin-left: 8px;
  padding: 0px;
  margin: 0px;
}

.texts {
  font-size: 12px;
  margin-left: 8px;
  margin: 0px;
  padding: 0px;
  color: #000;
  font-family: "Montserrat", sans-serif;
}

.fas.fa-ellipsis-h {
  margin-left: auto;
  color: #888;
}

.post-content {
  margin-top: 15px;
}

.post-image {
  width: 100%;
}

.post-caption {
  margin-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.post-caption h2 {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bolds;
  color: #042654;
  font-family: "Montserrat", sans-serif;
}

.hashtags {
  color: #0A0909;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
}
.post-text{
    color: #0A0909;
    font-size: 12px; 
    font-family: "Montserrat", sans-serif;
}
.post-reactions {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 20px;
}

.reacted-users-2{
    margin-left: -20px;
  
 
}
.reacted-users-3{
    margin-left: -20px;
}
hr {
    border: none;           
    height: 1px;            
    background-color: #9e9a9a; 
    margin: 10px 0; 
    width: 100%;        /* Add space above and below the line */
  }
  
.post-footer {
  margin-top: 15px;
  display: flex;
  justify-content: start;
  gap: 12rem;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.emojis {
  font-size: 1.5rem;
   
}

.engagement span {
  margin-left: 15px;
  font-size: 1.2rem;
}

.engagement i {
  margin-right: 5px;
}


.button-bar {
  display: flex;
  justify-content: space-around;  
  margin-top: 20px;
  background-color: #022c62;
  border-radius: 10px; 
  padding: 20px;  
  flex-wrap: wrap;
}

.action-button {
  background-color: transparent; 
  color: white; 
  border: none; 
  font-size: 15px; 
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}


.comment-section {
  background-color: white;  
  border-radius: 10px;  
   
  padding: 20px; 
  margin-top: 20px;
  
}

.comment {
  display: flex;
  margin-bottom: 15px;
}

.profile-pic-3 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}

.comment-content {
  width: 100%;
}

.comment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.comment-header h4 {
  margin: 0;
  font-size: 16px;
}

.time-right {
  font-size: 12px;
  color: gray;
}


.comment-content {
  flex: 1; 
}

.comment-content h4 {
  margin: 0; /* Remove default margin */
  font-size: 15px; /* Font size for the name */
  color: #042654;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.comment-content p {
  
  color: #0A0909; 
  font-family: "Montserrat", sans-serif;
  font-size: 12px;

}
.textas{
  font-size: 12px !important;
  font-family: "Montserrat", sans-serif;
  color:#042654 !important;
}
.comment-actions {
  margin-top: 10px; /* Space above actions */
  font-size: 12px;
  color: #042654; 
  font-family: "Montserrat", sans-serif;
}

.comment-actions span {
  margin-right: 15px; /* Space between action items */
  cursor: pointer; /* Pointer cursor for clickable actions */
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
  border: 0 solid #dfdfdf !important;
  border-radius: 2px !important;
  margin-right: 0rem !important;
  padding: 7px 12px 0px 1px !important;
  margin-top: -11px;
  margin-bottom: 3px;
}

.load-more-button {
  background-color: #14345F; 
  color: #ffffff; /* White text */
  border: none;
  padding: 10px 20px;
  text-align: center;
   margin-top: -20px;
  width: 100%;
  cursor: pointer;
  border-radius: 5px; /* Rounded corners */
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
}

.comment-box {
  border: 1px solid white;
  border-radius: 10px;
  padding: 20px;
  
  background-color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.comment-header-box {
  display: flex;
  align-items: center;
  
}

.profile-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}

.comment-info-1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.comment-info h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.time-ago {
  font-size: 12px;
  color: gray;
}

.comment-text-1 {
  font-size: 14px;
  color: #0A0909;
  margin: 10px 0;
  font-size: 12px;
}

.comment-actions-1 {
  display: flex;
  justify-content: start;
  gap: 10px;
  font-size: 13px;
  color: #007bff;
  margin-bottom: 10px;
}

.comment-actions span {
  cursor: pointer;
}

.comment-input {
  border-top: 1px solid lightgray;
  padding-top: 10px;
}

.comment-input input {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: none;
  background-color: #14345F;
  color: white;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
}

.comment-input input::placeholder {
  color: white;
  opacity: 0.8;
}

.comment-info-1 h4 {
margin: 0; /* Remove default margin */
font-size: 15px; /* Font size for the name */
color: #042654;
font-family: "Montserrat", sans-serif;
font-weight: bold;
}

.comment-text-1 {
margin: 5px 0; /* Space between paragraphs */
color: #042654; 
font-family: "Montserrat", sans-serif;

}
.comment-actions-1{
color: #042654; 
font-family: "Montserrat", sans-serif;
font-size: 12px;
}.description{
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-left: 52px;
}





/* styling for about is section */


.about-us-section{
  display: flex;
  flex-direction: column;
  gap: 15px;
}


.profile-section {
  position: relative;
  background-image: url("images/main-container.png");
  background-size: cover;
  background-position: center;
  display: flex;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
   
  border-radius: 10px !important;
}

.profile-card-1{
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.profile-pic {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}
.edit-profile {
  background-color: #042654;
  border: none !important;
  
}
.edit-cover {
  color: #fff;
  border: none !important;
  background-color: #042654;
  font-size: 15px !important;
  margin-bottom: 10px;
  margin-right: 30px;
  font-family: "Montserrat", sans-serif;
}


.stats {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 20px 0;
}

.stats span {
  text-align: center;
}

.edit-cover-btn {
  position: absolute;
  bottom: 20px;
  right: 80px;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  color: #fff !important;
  background-color: #042654;
  border: none;
  padding-left: 20px;
  padding-right: 20px;
}



.all-tab-container {
  padding: 20px;
  background-color: white;
  border-radius: 10px;
  ;
   
  
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  
}

.tab-header {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.tab-button {
  padding: 10px 20px;
  background-color: #e8f1fa;
  border: none;
  border-radius: 5px;
  color: #042654;
  font-size: 15px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.tab-button.active,
.tab-button:hover {
  background-color: #042654;
  color: #fff;
}
.content-button.active,
.content-button:hover {
  background-color: #042654;
  color: #fff;
}

.tab-content {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.tab-header {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.content-button {
  padding: 10px 15px;
  background-color: #e8f1fa;
  border: none;
  border-radius: 5px;
  color: #1f2b41;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.content-button:hover {
  background-color: #122454;
  color: #fff;
}


.content-container-2 {
  padding: 20px;
  background-color: white;
  border-radius: 10px;
  ;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   padding-bottom: 10rem;
}
.content-container-3{
  padding: 20px;
  background-color: white;
  border-radius: 10px;
  ;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.aboutcontent{
  display: flex;
  background-color: #05306A;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 7px 15px;
  
}
 
.aboutcontent h3{
  font-size: 15px;
  color: white;
  font-family: "Montserrat", sans-serif;
  margin: 0px;
  font-weight: bold;
}
.about-us-descri p{
  font-size: 12px;
  color: #000;
  font-family: 'Inter', sans-serif;
  padding: 15px;
}
.para-descrip{
  font-size: 12px;
  color: #000;
  font-family: 'Inter', sans-serif;
  padding: 15px;
}
.about-sub-content{
  background-color: #EDF7FB;
}
.about-sub-content p{
  color: #0A090950;
  font-size: 12px;
  padding: 5px 0px;
  margin: 0px;
  font-family: 'Inter', sans-serif;
}.customer-content{
  padding: 4px 15px;
  border-radius: 10px;
}
.customer-content h4{
  color: #14345F;
  font-size: 15px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
   padding-top: 20px;
}
.promotion{
  display: flex;
  gap: 1px;
  justify-content: space-around;
  align-items: center;
}

.aboutcontent-1{
  
  background-color: #05306A;
  border-radius: 10px;
  width: 58%;
  padding: 9px 15px;
  
  
}

.aboutcontent-2{
  
  background-color: #05306A;
  border-radius: 10px;
  width: 50%;
  padding: 9px 15px;
  
  
}
.aboutcontent-2 h3{
  font-size: 15px;
  color: white;
  margin: 0px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}
.aboutcontent-1 h3{
  font-size: 15px;
  color: white;
  margin: 0px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}
.promotion-btn{
  background-color: #05306A;
  border-radius: 10px;
  padding: 7px 15px;
  border: none;
  color: white;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 15px;
}
.add-btn{
  background-color: #05306A;
  border-radius: 10px;
  padding: 7px 15px;
  border: none;
  color: white;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 15px;
}

.business-ref{
  
  margin: 0px;
}
 
.product-servies{
  display: flex;
  justify-content:space-between !important;
  align-items: start;
  flex-direction: column;
  
}
.product-btn{
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 10px;
  margin-top: 2.2rem;
} 
 
.product-content h3{
  color: #000;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  margin-top: 10px;
}

.product-content p{
  color: #0A0909;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
   
} 
.backpain{
  
}


/* Recommandation page */

.recommendations-container {
  
   
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.gallery-container{
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #14345F;
  padding: 15px;
  border-radius: 10px;
  color: white;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  margin-bottom: 20px;
}

.section-header h2 {
  margin: 0;
  color: white;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
}

.view-recommendations {
  color: white;
  text-decoration: none;
   
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
}

.recommendation-card {
  display: flex;
   
 
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
}

.profile {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
}

.company-logo {
  width: 50px;
  height: auto;
  border-radius: 50%;
  margin-right: 15px;
}

.profile-info-1 {
 padding-left: 15px;
}

.profile-info-1 h3 {
  font-size: 12px;
  font-weight: bold;
  color: #042654;
  font-family: "Montserrat", sans-serif;
}

.profile-info-1 p {
  margin: 5px 0;
  color: #0A0909;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
}

.profile-info-1 a {
  color: #042654;
  text-decoration: none;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
}

.recommended {
  color: #05306A;
  font-weight: bold;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
}

.recommendation-text {
  flex-basis: 50%;
  background-color: #f1f5f9;
  padding: 6px;
  border-radius: 8px;
   
  font-size: 12px;
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-align: center;
}.all-btn{
  display: flex;
   justify-content:center;
  align-items: center;
   gap:18px;
  margin-top: 10px;
  width: 100%;
}

 

.btn-2 {
  background-color: #122454;
  color: white;
  border: none;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
}

.menu-options {
  display: flex;
  justify-content: end;
  cursor: pointer;
  margin-right: 7px;
}

.menu-options i {
  font-size: 18px;
  color: #555;
}
.btn-detail{
  padding: 4px 10px;
  font-size: 10px;
  color: white;
  font-family: "Montserrat", sans-serif;
}


.dropdown-container {
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: 10px;
}

.dropdown-btn {
  width: 100%;
  background-color: #14345F;
  color: white;
  border: none;
  padding: 15px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 10px;
  position: relative;
  font-weight: 700;
}

 

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f5f9;
  width: 100%;
  top: 100%;
  left: 0;
  text-align: left;
  padding: 10px 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.dropdown-content a {
  color: #333;
  padding: 10px 20px;
  display: block;
  text-decoration: none;
  font-size: 14px;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown when the button is clicked */
.dropdown-container:hover .dropdown-content {
  display: block;
}
.recommend-text{
  font-size: 15px;
  color: #14345F;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  padding: 20px 20px 4px 20px;

}



/* Gallery page */

.image-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);  
  grid-template-rows: repeat(3, auto);   
gap: 16px; 
  padding: 10px 0px ;
  justify-items: center;
  align-items: center;
  padding-bottom: 4rem;
}

.image-grid img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
  border-radius: 8px;  
   
}

.image-grid img:hover {
  transform: scale(1.1); 
}




/* recommendation given */

.btn-detail-1{
  padding: 4px 10px;
  font-size: 10px !important;
}
.all-btn-1{
  display: flex;
   justify-content:start;
  align-items: start;
    
  margin-top: 10px;
}

/* footer styling */
  .bg-footer {
    background-color: #000;
     
     
  }
  .footer-container{
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
  
  
  /* Styling for Subheadings */
  .footer-container h4 {
    font-size: 18px;
    font-weight: bold;
    color: white;
    margin-bottom: 15px;
  }
  .footer-heading{
    font-size: 25px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    color: white;
  }
  
  /* Styling for List Items */
  .footer-container ul {
    list-style-type: none;
    padding-left: 0;
  }
  
  .footer-container ul li {
    margin-bottom: 6px;
    cursor: pointer;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    color: white;
  }
  
  .footer-container ul li a {
    text-decoration: none;
    font-size: 15px;
    transition: color 0.3s ease;
    font-family: 'Poppins', sans-serif;
    color: white;
    text-transform: uppercase;
  }
  .descriptions{
    width: 88%;
  }
   
  
  .footer-descrip{
    color: white;
    font-size: 20px;
    margin-top: 39px !important;
    font-family: 'Poppins', sans-serif;
  
  }
  /* Styling for Privacy and Cookies Links */
  .footer-container p a {
    text-decoration: none;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
  }
  
  
  /* Social Icons Styling */
  .social-icons {
    margin-top: 15px;
    display: flex;
  }
  
  .social-icons a {
    margin-right: 10px;
  }
  
  .social-icons img {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
  }
  
  .social-icons img:hover {
    transform: scale(1.1);
  }
  .media-icons img:hover{
    transform: scale(1.1);
  }
   
  .policy-heading {
    list-style: none;  
    color: black;  
    font-family: 'Outfit', sans-serif; 
    
  }
  
  
  .policy-heading a {
    text-decoration: none;  
    color: black;  
  }
  .footer-listing{
    font-size: 16px;
    color: black;  
    font-family: 'Outfit', sans-serif; 
  }
  
  .main-profile-content{
    margin-bottom: 5rem;
  }
  .media-icons-1{
    margin-left: -48px;
    z-index:2px;
    position: relative;
  }




  /* GROUPS STYLING */
  .groups{
    display: flex;
    flex-direction: column;
    gap: 15px;
   
  }


  .group-info-btn{
    background-color: white;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;

  }.group-header{
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
  }

.group-tab{
  color: #042654;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  padding: 4px 8px;
  
}.user-group{
  background-color: white;
  padding: 15px;
  border-radius: 10px;
}
.groups-section {
  
  background-color: white;
  
  border-radius: 10px;
 
   
}

.groups-section h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #042654;
  padding: 15px 20px;
  margin: 0px;
  padding-bottom: 5px;
}

.your-groups {
  
  padding: 10px 30px;
}

.your-groups h3 {
  font-size: 15px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  font-family: "Montserrat", sans-serif;
  color: #323232;
 
}

.group-list {
  list-style: none;
  padding: 0;
  
}

.group-list li {
  display: flex;
  align-items: flex-start;
  padding: 5px 0;
   
   
}

.group-list li:last-child {
  border-bottom: none;
 
}

.group-logo img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 15px;
}

.group-info h4 {
  margin: 0 0 5px 0;
  font-size: 12px;
  color: #042654;
  font-family: "Montserrat", sans-serif;
  
}

 
.group-info-text{
  color: #0A0909;
  margin: 0;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
}
.contact-num{
  color: #042654 !important;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  margin: 0px;
}
.group-info p strong {
  font-size: 12px;
  color: black;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
   
   
}

.dropdown-icon {
  font-size: 12px;
  color: #003087;
}

.groups-posts{
  display: flex;
  flex-direction: column;
   
}

.post-section {
  
 
  background-color: white;
  border-radius: 10px;
  
  padding: 10px;
  padding-bottom: 0px;
}

.post-options {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 6px;
  margin-left: 4.3rem;
 
}
.post-options-1 {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  padding: 2px 6px;
  gap: 14px;
  
 
}
.post-option {
  margin-right: 6px;
  color: #0A0909;
  font-size: 12px;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  margin: 0px;
}

 

.post-container-1 {
  display: flex;
  
  padding: 10px 10px;
  padding-bottom: 10px;
  background-color: transparent;
  border-radius: 10px;
}

.user-image img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 15px;
}

.post-input {
   
  background-color: #EDF7FB;
  padding: 10px 15px;
  border-radius: 5px;
  border: none;
}

.post-input p {
  margin: 0;
  font-size: 12px;
  color: #0A090950;
  font-family: "Montserrat", sans-serif;
}

.time-content-1{
  margin-left: -152px;
  margin-top: 30px;
}
.post-maintext{
  width: 55%;
}



/* GROUP -DETAILS PAGES
 */

 .group-about-details{
  display: flex;
  flex-direction: column;
  gap: 12px;
 }

 .about-us-details{
  background-color: white;
  border-radius: 10px;
  
 }

 .resources-section {
  
   
  background-color: white;
  font-family: "Montserrat", sans-serif;
  border-radius: 10px;
  padding-bottom: 30px;
   
}

.resources-section h2 {
  font-size: 15px;
  margin-bottom: 10px;
  color: #042654;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  padding: 10px 20px;
  padding-top: 15px !important;
}

.resource-list {
  margin-top: 10px;
   
}

.resource-item {
  padding: 10px 20;
  
}

 .email-1{
  font-size: 15px !important;
  color: #323232 !important;
 font-weight: bold;
  font-family: "Montserrat", sans-serif !important;
 }

.email {
  font-size: 12px;
  color: #000;
   
  margin-bottom: 3px;
  padding: 0px 20px;
}

.description-resource {
  font-size: 12px;
  color: #042654;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  padding: 0px 20px;
}

.invited-memeber{
      display: flex;
      flex-direction: column;
      gap: 10px;
}
/* DISCOVER PAGE */
.discover-text{
  background-color: white;
  padding: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.discover-main{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.discover-text p{
    width: 65%;
    margin: 0px;
}.discover-text h2{
   font-size: 20px;
   color: #042654;
   font-family: "Montserrat", sans-serif;
   font-weight: bold;

}.all-content-group{
  background-color: #042654;
  padding: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-items: center;
}.all-content-group p{
  font-size: 15px;
  color: white;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;

}
.all-content-group button{
  font-size: 15px;
  color: white;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  background-color: transparent;
  border: none;

}

.company-1 {
  background-color: #ffffff;
  padding-bottom: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.company-2 {
  background-color: #ffffff;
  padding-bottom: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.company-3 {
  background-color: #ffffff;
  padding-bottom: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.company-4 {
  background-color: #ffffff;
  padding-bottom: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}




 

.card-shadow-title {
  color: #042654;
  font-weight: bold;
  padding: 0px 15px;
  padding-top: 8px;
  font-family: "Montserrat", sans-serif;
}

.card-shadow-text {
  color: #0A0909;
  font-size: 12px;
  padding: 0px 15px;
  font-family: "Montserrat", sans-serif;
}

.btn-primary {
  background-color: #EDF7FB;
  color: #042654;
  border: none;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  padding: 10px 20px;
   font-weight: 500;
}

.btn-primary:hover {
  background-color: #042689;
}.main-button{
display: flex;
justify-content: center;
align-items: center;
}

.custom-btn {
  background-color: #ffffff;  
      
  border-radius: 8px;        
  padding: 6px 8px;
  color: #000;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;              
  font-weight: 500;
  transition: all 0.3s ease;
}

.custom-btn:hover {
  background-color: #ffffff; 
  border-color: #000;         
}

.d-flex {
  flex-wrap: wrap;         
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
/* SIGN IN PAGE */

.bg-pc-user{
  background-image:url('images/bg-pc-user.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.card-2 {
  border: none;
  background-color: white;
  border-radius: 10px;
}
.nextcome-sign{
  padding: 0px 25px;
}
.card-2 h2 {
  font-weight: bold;
  color: #042654; 
  font-size: 32px;
  font-family: "Montserrat", sans-serif;  
}
.small-1{
  color: #000000;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;  
  font-weight: 700;
}.varification{
  font-size: 15px;
  font-family: "Montserrat", sans-serif; 
  color: #042654; 
  font-weight: bold; 
}
::placeholder {
  color: #45454570;  
  font-size: 15px; 
  font-family: "Montserrat", sans-serif; 
  
}
.card-2 .form-control {
  border-radius: 3px;
  border: none;
  background-color: #EDF7FB;  
}
 .form-control-1 {
  border-radius: 3px;
  border: none;
  background-color: #EDF7FB;  
}
.btn-sign{
  padding-left: 20px !important;
  padding-right: 20px !important;
}.input-group {
  position: relative;
}#remember{
  border: 1px solid #000;
}

.input-group .form-control {
  padding-right: 40px;  
   
}
 .form-control-1 {
  padding-right: 40px;  
   
}
.input-group {
  position: relative;  
}

.input-group-text {
  position: absolute; 
  right: 10px;  
  top: 50%;  
  transform: translateY(-50%);  
  z-index: 10; 
  border: none; 
  background-color: transparent;  
}.view-buttons{
  border: none;
  background-color: transparent;
   
}.sign-in-btns{
  padding: 0px 25px;
  
}.submit-btns{
  background-color: #042654 !important;
  color: white !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  font-family: "Montserrat", sans-serif !important; 
}.submit-btns:hover{
  background-color: #1b3559 !important;
  color: white !important;
}

.form-control {
  padding-right: 40px;  
  z-index: 1;  
  box-shadow: none;  
  outline: none;  
  
}  
.form-control-1 {
  padding-right: 40px;  
  z-index: 1;  
  box-shadow: none;  
  outline: none;  
  
} 

.form-control:focus {
  box-shadow: none;  
}


.form-group label {
  font-weight: bold;
}
 .forget{
  font-size: 12px;
  color: #05050580;
  font-weight: 500;
  font-family: "Montserrat", sans-serif; 
 }.signup{
  color: #000;
  font-size: 13px;
  font-family: "Montserrat", sans-serif; 
  font-weight: bold;
 }

.btn-outline-primary, .btn-outline-danger, .btn-outline-info, .btn-outline-dark {
  border-radius: 50%;
  padding: 10px;
  width: 45px;
  height: 45px;
}.signup-1:hover{
   color: #1f5fb9;
}

 

 .connect{
  color: #5E5E5E;
  font-size: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
 }

hr {
  border-top: 1px solid #ddd;
}

 
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #3D89FB;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #3D89FB;
}
.poppins-thin {
  font-family: "Poppins", system-ui;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", system-ui;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", system-ui;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", system-ui;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", system-ui;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", system-ui;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", system-ui;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", system-ui;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", system-ui;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", system-ui;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", system-ui;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", system-ui;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", system-ui;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", system-ui;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", system-ui;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", system-ui;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", system-ui;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", system-ui;
  font-weight: 900;
  font-style: italic;
}
.anton-sc-regular {
  font-family: "Anton SC", system-ui;
  font-weight: 400;
  font-style: normal;
}

.text-capitalize{
  text-transform: capitalize !important;
}


.card {
  background-color: white;
  border-radius: 16px;
  box-shadow: 0px 3.89px 80.76px 0px #4055B240;


  padding-bottom: 38px;
  padding-top: 10px;
}

.card1 {
  background-color: white;
  border-radius: 4px;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
  padding-bottom: 38px;
  padding-top: 10px;
}

.navbar .navbar-nav .nav-link {
  color: #000000;
  font-size: 1.1em;
  padding: 6px;
}

.navbar {
  padding: 17px 0;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-toggler:active {
  outline: none;
  box-shadow: none;
}

.navbar-toggler {
  border: none;
  padding: 0;
}

.navbar .navbar-nav .nav-link:hover {
  color: #808080;
}

.navbar-logo-centered .navbar-nav .nav-link {
  padding: .5em 1em;
}

.custom-padding {
  padding: 0 3px;
}

.navbar .navbar-nav .nav-link {
  font-size: 16px !important;
  color: #fff !important;
}

.navbar .navbar-nav .nav-link:hover {
  color: #000000;
}

.logo-padding {
  padding: 0px;
}



@media (max-width: 992px) {
  .navbar {
      padding: 10px;
  }

  .navbar .navbar-nav .nav-link {
      padding: 10px 0px;
  }
}

.offcanvas-header {
  padding: 0 0 20px 0;

}

/* Buisness LiNES */

.business-lines h2 {
  margin-top: 100px;
  font-weight: 700;
  font-size: 35px;
  text-align: center;
  color: #2D3134;
}

.business-lines p {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #2D3134;
}

.wrapper {

  position: relative;
}

.wrapper i {
  top: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  transform: translateY(-50%);
  transition: transform 0.1s linear;
}

.wrapper i:active {
  transform: translateY(-50%) scale(0.85);
}

.wrapper i:first-child {
  left: 20px;
  z-index: 1;
  border: 1px solid;
  box-shadow: none;
  border-color: #2D3134;
}

.wrapper i:last-child {
  right: 20px;
  border: 1px solid;
  box-shadow: none;
  border-color: #2D3134;

}

/* .wrapper .carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 3) - 12px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 0;
} */

/* .carousel::-webkit-scrollbar {
  display: none;
}

.carousel.no-transition {
  scroll-behavior: auto;
}

.carousel.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
} */

/* .carousel.dragging .card {
  cursor: grab;
  user-select: none;
} */

/* .carousel :where(.card, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
} */

  /* .carousel .card {
      scroll-snap-align: start;
      height: 363px;
      list-style: none;
      background: #fff;
      cursor: pointer;
      padding: 20px;
      flex-direction: column;
      border-radius: 16px;
  } */
/*
.carousel .card .img {
  width: -webkit-fill-available;
  height: 180px;
} */

.card .img img {
  width: -webkit-fill-available;
  height: 180px;
}

/* .carousel .card h2 {
  font-weight: 700;
  font-size: 18px;
  margin: 19px 0 13px;
  color: #193762;

} */

/* .carousel .card span {
  color: #2D3134;
  font-size: 16px;
  text-align: center;
} */
/*
@media screen and (max-width: 900px) {
  .wrapper .carousel {
      grid-auto-columns: calc((100% / 2) - 9px);
  }
}

@media screen and (max-width: 600px) {
  .wrapper .carousel {
      grid-auto-columns: 100%;
  }
} */

.slider2-margin {
  margin-top: 20px;
  margin-bottom: 60px;
}


/* who we are , about us */

.about-container {
  background-color: #193762;
  padding: 60px 0;
}

.about-container h5,
h3,
a {
  color: #fff;
}

.about-container h3 {
  font-weight: 800;
  font-size: 35px;
  margin-bottom: 35px;
}

.about-container h4 {
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 28px;

}

.about-container h5 {
  font-weight: 700;
  font-size: 18px;
}

.about-container p {
  font-weight: 400;
  font-size: 16px;
}

.about-berger-p {
  margin-bottom: 75px;
}

.about-woman {
  width: -webkit-fill-available;
}

.about-berger-row {
  margin-bottom: 65px;
}

.paint-colors {
  color: #000000;
  background-color: #fff;
  padding: 10px 22px;
  text-decoration: none;
  border-radius: 4px;
}

.who-we-are-padding {
  padding-top: 80px;
}

.login-button {
  background-color: transparent;
  color: rgb(255, 255, 255);
  border: none;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
  border-radius: 0x;
  font-family: "Poppins", sans-serif;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.about-button {
  background-color: #4055b2;
  color: white;
  border: none;
  padding: 12px 30px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.join-button {
  background-color: transparent;
  color: #4055b2;
  border: 1px solid #4055b2;
  padding: 12px 30px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.login-button:hover {
  background-color: #000000;
}
.login-button:focus {
  outline: none;
  /* Remove default outline */
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5);
  /* Add custom outline */
}

.navbar-nav {
  width: 100%;
  justify-content: center;
}
#content {
  display: none;
  padding-left: 2.7rem;
}
#content1 {
  display: none;
  padding-left: 2.7rem;
}

#content2{
  display: none;
  padding-left: 2.7rem;
}

#content3 {
  display: none;
  padding-left: 2.7rem;
}

#content4 {
  display: none;
  padding-left: 2.7rem;
}

#content5 {
  display: none;
  padding-left: 2.7rem;
}
#svg1{
cursor: pointer;
}
#svg2{
cursor: pointer;
display: none;
}
#svg11{
cursor: pointer;
}
#svg12{
cursor: pointer;
display: none;
}
#svg21{
cursor: pointer;
}
#svg22{
cursor: pointer;
display: none;
}
#svg31{
cursor: pointer;
}
#svg32{
cursor: pointer;
display: none;
}
#svg41{
cursor: pointer;
}
#svg42{
cursor: pointer;
display: none;
}
#svg51{
cursor: pointer;
}
#svg52{
cursor: pointer;
display: none;
}
.Reveal-grid-footer {
display: flex;
align-items: center;
width: 100%;
padding: 1rem 1.5rem;
border-top: 1px solid #e3e3ea;
}
.Reveal-grid-footer-flex {
flex: 1;
}
.Reveal-grid-footer-last a {
padding: 0 18px;
height: 34px;
display: flex;
align-items: center;
background: transparent;
color: #ea1b41;
border-radius: 50px;
font-size: 14px;
font-weight:500;
border: 1px solid #ea1b41;
transition:all ease 0.4s;
}
.Reveal-grid-footer-last a:hover, .Reveal-grid-footer-last a:focus{
background:#ea1b41;
color: #ffffff !important;
border: 1px solid #ea1b41;
}

.Reveal-listing-footer-info{
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
text-align: left;
padding:1.5rem;
}
.Reveal-listing-footer-info {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
text-align: left;
padding: 1rem 1.5rem;
border-top: 1px dashed #e8edfb;
}
.Reveal-adventure-grid.property-2 .listing-footer-wrapper{
padding:0.5rem 1rem;
border-top: 1px solid #e5e9ec;
width: 100%;
display: flex;
vertical-align: middle;
align-items: center;
}
.Reveal-adventure-grid.property-2 .listing-footer-wrapper .listing-like{
flex:1;
color:#0ac1a7;
}
.author-box-footer ul {
display: table;
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid #ecedf3;
}
.author-box-footer ul li {
display: inline-block;
width: 49.2%;
font-size: 15px;
text-align: center;
padding: 12px 0;
line-height: 1.4;
font-weight: 700;
color: #343948;
}
.author-box-footer ul li:first-child {
border-right: 1px solid #ecedf3;
}
.author-box-footer ul li span {
display: block;
font-weight: 400;
}
.blog-footer-social .list-inline.social li {
padding: 0;
}
.drop-footer {
padding: 1rem;
border-top: 1px solid #e4e8ef;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.drop-footer .clear-filt {
flex: 1;
font-weight:500;
font-size:20px;

}
footer.dark-footer{
/* background:#191f2b; */
}
footer.skin-dark-footer h4 {
color: #ffffff;
text-transform: uppercase;
}
footer.skin-dark-footer .footer-widget ul li a, footer.skin-dark-footer, footer.skin-dark-footer a{
color:rgba(245,255,255,0.6);
font-size: 14px;
transition:all ease 0.4s;
}
footer.skin-dark-footer .footer-widget ul li a:hover, footer.skin-dark-footer .footer-widget ul li a:focus{
color:black;
}
footer.skin-dark-footer ul.footer-bottom-social li a {
color: rgba(255,255,255,0.6);
font-size: 17px;
}
footer.skin-dark-footer ul.footer-bottom-social li a:hover, footer.skin-dark-footer ul.footer-bottom-social li a:focus{
color:black;
opacity:1;
}
.skin-dark-footer .f-newsletter .form-control {
border: 2px solid #9ea6ba;
}
.skin-dark-footer .form-control::-webkit-input-placeholder{color:#9ea6ba;}
.skin-dark-footer .form-control:-ms-input-placeholder{color:#9ea6ba;}
.skin-dark-footer .form-control::placeholder{color:#9ea6ba;}
.footer-widget {
padding: 50px 0;
}
footer.skin-dark-footer h4 {
color: #000000;
text-transform: uppercase;
}
h4.widget-title {
margin-bottom: 20px;
font-weight: 600;
font-size: 15px;
letter-spacing: 1px;
}
.footer-widget ul {
padding: 0;
margin: 0;
}
.menu__list, .nav-dropdown, .nav-menu, ul {
list-style: none;
}
.footer-widget ul li {
list-style: none;
margin-top: 18px;
display: block;
}
footer.skin-dark-footer .footer-widget ul li a, footer.skin-dark-footer, footer.skin-dark-footer a {
color: black;
font-size: 14px;
transition: all ease 0.4s;
}
a {
color: #2D3954;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
.custom-container{max-width: 1640px;}
@media screen and (max-width: 1720px) {
.custom-container{max-width: 1440px;}
}
@media screen and (max-width: 1599px) {
.custom-container{max-width: 1340px;}
}
@media screen and (max-width: 1440px) {
.custom-container{max-width: 1199px;}
}
@media screen and (max-width: 1299px) {
.custom-container{max-width: 1150px !important;}
}
@media screen and (max-width: 1199px) {
.custom-container{max-width: 970px !important;}
}
@media screen and (max-width: 991px) {
.custom-container{max-width: 930px !important;}
}
@media screen and (max-width: 767px) {
.custom-container{max-width: 700px !important;}
}
.hero-banner{ background-image: url('../img/hero banner bg.png');height: 100vh;background-position: top;background-size: cover;background-repeat: no-repeat;}
.hero-banner h1{font-size: 60px;width: 600px;}
.email-subscription-div{background-color: #042654;}
#emailSubscriptionForm{width: 60%;}
#emailSubscriptionForm input{width: 330px;height: 45px; border-color: #fff;border: 1px solid #fff !important;background-color: transparent;border-radius: 0;}
#emailSubscriptionForm button{height: 45px; background-color: #fff;color: #042654;border: 1px solid #fff;}
#emailSubscriptionForm p{white-space: nowrap;color: #042654;background-color: #fff;padding: 10.5px 0;}
/* .how-can-i-help-div {background-image: url('../img/vertical\ star\ lines\ bg.png');background-position: bottom;background-size: cover;background-repeat: no-repeat;} */
.how-can-i-help-div h2{width: 80%;color: #042654;font-size: 40px;}
.help-form{width: 80%;}
.help-form p{background-color: #042654;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.help-form form{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.help-form input{background-color: transparent;}
.vertical-lines-bg{background-image: url('../img/vertical\ star\ lines\ bg.png');background-position: top;background-size: cover;background-repeat: no-repeat;}
.discover-oportunity-section{background-image: url('../img/blue\ mesh\ bg.png');background-position: center;background-size: cover;background-repeat: no-repeat; }
.discover-oportunity-section h2{font-size: 40px;width: 85%;}
.progress-img-col{text-align: right;}
.grow-network-main-section{background-image: url('../img/spiderweb\ bg.png');background-position: center;background-size: cover;background-repeat: no-repeat;}
.front-pages-btn{padding: 7px 15px !important;color: #fff;background-color: #042654;border-radius: 0;width: max-content;}
.front-pages-btn:hover{color: #fff;}
.grow-network-main-section h2{color: #042654;font-size: 40px;}
.stats-section{padding: 6rem 0; background-image: url('../img/blue\ mesh\ bg.png');background-position: center;background-size: cover;background-repeat: no-repeat;}
.stats-container{padding: 0 3%;}
.grow-network-section h2{color: #042654;font-size: 40px;}
.grow-network-section{background-image: url('../img/spiderweb\ bg.png');background-position: center;background-size: cover;background-repeat: no-repeat;}
.discover-oportunities-section h2{color: #042654;font-size: 40px;}
.discover-oportunities-section{background-image: url('../img/spiderweb\ bg.png');background-position: center;background-size: cover;background-repeat: no-repeat;}
.map-section{background-image: url('../img/blue\ mesh\ bg.png');background-position: center;background-size: cover;background-repeat: no-repeat;}
.blogs-meta{border-radius: 33px; background-color: #042654;margin-top: -9rem;z-index: 1000;position: relative;padding: 40px;}
.our-blogs-section h2{font-size: 40px;color: #042654;margin: 20px 0 30px 0;}
/* .testimonials-boxes{border: 1px solid;border-image-slice: 1;border-image-repeat: round;box-shadow: 8px 11px 28px -4px #00000015 !important;border-image-source: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200%20H%205.5%20V%201%20H%201%20V%205.5%20H%200%20V%200%22%20fill%3D%22rgb(0%2C0%2C0)%22%20%2F%3E%3Cpath%20d%3D%22M20%200%20V%205.5%20H%2019%20V%201%20H%2014.5%20V%200%20H%2020%22%20fill%3D%22rgb(0%2C0%2C0)%22%20%2F%3E%3Cpath%20d%3D%22M20%2020%20H%2014.5%20V%2019%20H%2019%20V%2014.5%20H%2020%20V%2020%22%20fill%3D%22rgb(0%2C0%2C0)%22%20%2F%3E%3Cpath%20d%3D%22M0%2020%20V%2014.5%20H%201%20V%2019%20H%205.5%20V%2020%20H%200%22%20fill%3D%22rgb(0%2C0%2C0)%22%20%2F%3E%3C%2Fsvg%3E");} */
.slick-next:before, .slick-prev:before{    padding: 9px 21px 18px 21px;border-radius: 37px;background-color: #042654;color: #fff;margin-left: -14px;}
/*
.sliding-box {
border-top: 2px dashed #8E8D93;
border-left: 2px dashed #8E8D93;
border-right: 2px dashed #8E8D93;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 20px;
position: relative;
box-shadow: 8px 11px 28px -4px rgba(0, 0, 0, 0.1);
background-color: #fff;
}

.sliding-box::before {
content: "";
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 30px;
background-color: #fff;
border-top: 2px dashed #8E8D93;
border-left: 2px dashed #8E8D93;
border-right: 2px dashed #8E8D93;
border-bottom: none;
border-left: none;
clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
} */
a:has(.testimonials-content) {
text-decoration: none !important;
}
.testimonials-content{
padding-top: 70px;
text-decoration: none !important;
padding-left: 20px;
padding-right: 20px;
}
.testimonials-slider{background-image: url('../img/1d\ map\ bg.png');background-position: center;background-size: contain;background-repeat: no-repeat;}
.navbar-nav{width: max-content;}
.navbar-expand-lg .offcanvas{flex-grow: 0 !important;}
.linkedin-icon{margin-left: -18px;}
.insta-icon{margin-left: -18px;}
.sections-padding{padding: 70px 10px !important;}


.footer-bottom{background-color: #042654;}
.footer{background-color: #000000;}

.slick-slide {
margin: 0 27px;
}

/* the parent */
.slick-list {
margin: 0 -27px;
}
.nav-link.active{border-bottom: 3px solid #3D89FB ;padding: 6px 0 !important;margin-right: 8px; border-left: 0; border-right: 0;border-top: 0;}












@media(max-width:991px){
.hero-banner h1{font-size: 25px;width: 100% !important;}
.hero-banner p{width: 80% !important;}
#emailSubscriptionForm{width: 100%; gap: 15px;flex-direction: column !important;}
#emailSubscriptionForm button{margin-left: 0 !important;}
.discover-oportunity-section h2{width: 100% !important;}
.progress-img-col{text-align: center !important;}
.progress-img-col img{margin-top: 20px;}
.how-can-i-help-div h2{width: 100% !important;}
.grow-network-main-section img{margin-top: 20px;}
.grow-network-section img{margin-top: 20px;}
.discover-oportunities-section img{margin-top: 20px;}
.stats-container{padding: 0 !important;}
.index-h2{font-size: 30px !important;}
.index-h3{font-size: 27px !important;}
.sections-padding{padding: 40px 10px !important;}
#emailSubscriptionForm input{width: 100%;}
}

/* SIGN UP PAGE */

.card-3 {
  border: none;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
 
 
 
 
 
 

 

 
.form-control:focus {
  border-bottom:linear-gradient(left, #21d4fd, #b721ff);;  
  outline: none;  
}

 
.form-control:focus + .placeholder,
.form-control:not(:placeholder-shown) + .placeholder {
  top: 1px;   
  left: 5px;   
  font-size: 16px;  
  color: #9999b3;  
  margin-top: -5px; 
}

 



.singup-btns {
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 15px;
  background-color: white;
}

.form-control {
  
  border: none;
  border-bottom: 2px solid #bfbfbf; /* Bottom border */
  border-radius: 0px;
  height: 55px;
  box-shadow: none;
  padding-left: 10px; /* Match padding with label positioning */
  transition: border-color 0.3s ease;
}

.form-control-1 {
  border-radius: 5px !important;
 width: 100%;
  border-radius: 0px;
  height: 40px;
  box-shadow: none;
  padding-left: 10px; /* Match padding with label positioning */
  transition: border-color 0.3s ease;
}.sign-up-heading{
  color: #042654;
  font-size: 32px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

.varification-1{
  color: #042654;
  font-size: 15px;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 5px;
   
}.submit-btns-1{
  padding: 10px 20px !important;
  border-radius: 20px;
  width: 40%;
  
}

 

 


@media (max-width: 768px) {
   .search-bar{
    display: none;
  }.time-content-1{
    margin-left: 0px;
    margin-top: 16px;
  }.discover-text p{
    width: 100%;
  }.custom-btn{
    margin-bottom: 14px;
  }.submit-btns-1{
    width: 100%;
  }
  .event-card-container{
     margin-bottom: 20px;
  }.events-main-section{
    margin-bottom: 20px;
  }.timeline-container{
    flex-wrap: wrap;
    flex-wrap: wrap;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
  }.timeline-item{
    margin-bottom: 14px;
    flex-wrap: wrap;
  }.post-maintext{
    width: 100%;
  }.company-1{
    margin-bottom:18px;
  }.company-2{
    margin-bottom:18px;
  }.company-3{
    margin-bottom: 18px;
  }.company-4{
    margin-bottom:18px;
  }
  .footer-container{
    padding-top: 20px;
    padding-bottom: 5px;
  }.footer-heading{
    margin-bottom: 0px;
  }.actions-1{
    width: 100%;
  }.menu-options{
    justify-content: center;
    margin-top: 10px;
  }.section-header{
    flex-wrap: wrap;
  }.profile-card {
  width: 100%;
  }.post-maintext{
    width: 100%;
  }
  .section-header h2{
    margin-bottom: 10px;
  }
  .main{
    margin-bottom: 8px;
  }.descriptions{
    width: 100%;
  } .time-content{
    margin-top: 0px;
    margin-left: 0px;
  }.map-contents{
    margin-top: 16px;
  }.company-logo{
    display: none;
  }.logo-content{
    display: none;
  }.btn-content{
    margin-bottom: 24px !important;
  }.card-info-1{
    flex-wrap: wrap;
  }.card-1{
    margin-top: 20px;
  }.edit-cover{
    margin-bottom: 0px;
    margin-top: 20px;
  }.aboutcontent-1{
    width: 100%;
  }.aboutcontent-2{
    width: 100%;
  }.left-btn .btn{
    margin-right: -3px;
  }
  
  .promotion{
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: start;
  }.product-btn{
    margin-top: 20px;
  }.backpain img{
    margin-top: 16px;
  }.aboutcontent-1{
    width: 100%;
  }.post-footer{
    gap: 0px;
  }.discover-main{
    gap: 0px;
  }

  .main-container{
    gap: 20px;
    margin-bottom: 1rem;
  }.search-bar{
    display: none;
  }.left-btn{
    justify-content: center;
   
    flex-wrap: wrap;
  }.timeline{
    margin-bottom: 10px;
  } 
  .right-btn{
    justify-content: center !important;
    
  }.post-actions{
    flex-wrap: wrap;
  }.backpain{
    margin-top: 0px;
  }
  .profile-card{
    margin: 0;
  }
  .navbar-brand {
    margin-left: 0px;
  } 
  .front-navbar .navbar-nav{
  
  }
  .navbar-nav {
    display: flex;
    justify-content: flex-start;
  } 
  .right-btn{
    justify-content: center !important;
  
}.content-container-2{
  padding-bottom: 20px;
}

}

 .solo:hover{
      border: 1px solid black !important;
      color: #042654 !important;
 }

@media (max-width: 991px){
  .left-sidebar{display: none;}
  .right-sidebar{display: none;}
  .main-profile-content{margin-left: 0;margin-right: 0;}
  .main-container{margin-left: 0;margin-right: 0;}
  .main-container-content .tabs{margin-left: 0;margin-right: 0;}
  .search-bar{
    display: none;
  }.company-1{
    margin-bottom:18px !important;
  }.company-2{
    margin-bottom:18px !important;
  }.company-3{
    margin-bottom: 18px !important;
  }.company-4{
    margin-bottom:18px !important;
  }.discover-main{
    gap: 0px;
  }
}