.business-link:nth-child(1){
    /* margin-left:25px; */

}

.business-link:nth-child(7){
    margin-right:25px;

}

.mapouter{
    position:relative;
    height:390px;
    width:100%;
}

.gmap_canvas {
    overflow:hidden;
    background:none!important;
    height:390px;
    width:100%;
}

.businessHeight{
    height: fit-content;
}

.businessLogo{
    border-radius: 50%;
    margin-left:85px;
    margin-top:0px;
}

.card-link{
    color:black;
    font-size: large;
}

.smallLogo{
    border-radius:50%;
}

.card-body{
    padding-bottom: 4px;
}

.progress-bar{
    background-color: #ea297a;
}
.progressBar h6 {
    margin-bottom: 5px;
}

.headHeight{
    height:230px
}

.progress-content{
    padding: 0 10px;
}

.modal-header{
    border-bottom: 0px;
}

.modal-body{
    padding-top:0px;
}
.modal-content{
    border: 0px;
    border-radius: 8px;
    margin-top:110px;
}
.card-img-top-left{
    border-top-left-radius: 8px;
    width:100%;
}
.card-img-radius{
    
    width:100%;
   
}

.linkContent{
    border-radius: 8px 8px 0px 0px;
}

.card-footer{
    padding: 0 1rem;
    background-color: white
    
}
.card-footer-1{
    border-radius: 0 0 1.25rem 1.25rem;
    background-color: white;
    padding: 0 1rem;
}
.popupWidth{
    max-width:930px;
}

.predict-poll{
    /* margin-top: 35%; */
    margin: auto 0;
    overflow-y: scroll;
    max-height: 255px;
}
.predict-poll::-webkit-scrollbar {
    width: 5px;
}

.predict-poll::-webkit-scrollbar-track {
    background: transparent;
  }
  .predict-poll::-webkit-scrollbar-thumb {
    background-color:rgba(155, 155, 155, 0.5);;
    border-radius: 20px;
    border: transparent;
  }
.predictImg{
    height:40px;
}
.popup-gallery-img{
    width:100%;
}

.predict-poll>div{
    margin-top: 24px;
}

.ellipsis-h{
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #777;
    position: relative;
    margin-right: 0.1rem;
}



.ellipsis-edit-post{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background:#441A51;
    position: relative;
    margin-bottom: 2px;
}

.editDeleteDropdown{
    border-radius: 0px;
    
}

.editPost{
    border-radius: 0px;
    color: #ffffff;
    background-color: #441A51;
    
}

.editPost > .dropdown-item{
    color: #ffffff;
} 

.editPost > .dropdown-item:hover{
    color: #441A51;
    background-color: #ffffff;
} 

.editPost > .dropdown-item:hover > .postIcon{
    color: #441A51;
} 

.shareDropdown{
    border-radius: 0px;
    left: 5.25% !important;
}

.dropdown> a:hover{
    color:white;
}

.commentIcon{
    border-radius: 50%;
    padding:8px;
}
.postIcon{
    font-size: large;
    color: #ffffff;
}
.socialIcon{
    border-radius: 10%;
    padding:8px;
    color:white;
    width: 39px;
    font-size:20px;
    align-items: center;
}
.editBanner{
    background-color: lightgray;
    opacity: 0.75;
    padding: 3px 13px;
    border-radius: 8px;
    margin-bottom: 5px;
    margin-right:5px;
    color:#441A51;
}

.editBanner:hover{
    opacity: 1;
}

.editBanner2{
    background-color: lightgray;
    padding: 0px 10px;
    border-radius: 2px;
    margin-top: 55px;
    margin-left:100px;
    color:#441A51;
}

/* testing */
.popupBox {
   background-color: #ffffff;
    border: 2px solid #441A51;
    border-bottom: 0px;
    bottom: 0;
    display: none;
    height: 450px;
    position: fixed;
    width: 350px;
    z-index:999;
    border-radius: 1.5rem 1.5rem 0 0;
}

.popupBoxOn {
    display: block !important;
}

.popupHead{
    border-radius: 1.4rem 1.4rem 0 0;
   
}
.messageBox{
    border-radius: 0;
    height:40px;
    font-size: 14px;
}

.sendIcon{
    font-size: 20px;
    margin-bottom: 10px;
    margin-right:10px;
}


.messageUser{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 37px;
    border-radius: 25px 25px 25px 0;
    background-color: #DDDEE1;
    padding: 10px;
    position: relative;
    
}

.dateAndTime{
    margin-left:37px;
}



.messageBusiness{
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
    border-radius: 25px 25px  0 25px;
    background-color: #441A51;
    padding: 10px;
    position: relative;
    color:white;
}

.messageBody{
    overflow-y:scroll;
    max-height: 340px;
}

.carousel-control-prev,  .carousel-control-next{
  background-color: white;
  width: 30px;
  height: 30px;
  font-size: 20px;
  text-align: center;
  opacity: 1;
  top: 50%;
  margin: 0 10px;
 color:black;
}

.carousel1{
    top:50%;
}

.positionImage{
    position:absolute;
    top:20%;
}


.blur{
  backdrop-filter: blur(1000px);
}

.scrollAddition{
  overflow-y: scroll;
  display: block;
  height: 400px;
  }

  .hidee{
    display:none;
  }

  @media (max-width:1182px){
    .profileButton{
        justify-content: left !important;
        margin-top: 10px !important;
    }
    .businessInfo{
        padding-left:60px; ;
    }
 }
 @media (max-width:768px){
    .businessInfo {
        padding-left: 175px;
 }}
 @media (max-width:880px){
    .profileButton{
        justify-content: space-between !important;
        margin-top: 10px !important;
        flex-wrap: wrap;
    }
    .profileButton> button{
        margin-right: 0px !important;
        margin-top: 5px;
    }
    .businessInfo{
        padding-left:167px; 
 }
}

 @media (max-width:650px){
    .businessInfo{
        margin-top: 55px !important; 
        padding-left: 0px;
    }
    .top-test{
        padding-left: 0 !important;
        width: auto !important;
    }
    .most-searched{
        border: none;
    }
 }
 @media (max-width:650px){
    .profileButton .btn.me-4 {
        margin-right: 0px !important;
    }
    .postpoup .p-1 {
        padding: 20px !important;
    }
 }

 @media (max-width:1275px){
    .nav-pills{
        display: flex;
        flex-direction: column;
     }
     .business-link:nth-child(1){
        margin-left:0px;
    
    }
    
    .business-link:nth-child(7){
        margin-right:0px;
    
    }
 }

 .galleryDiv{
    height: fit-content;
 }

.testHeight{
    height: 200px;
}