#sideBtn{
    position: fixed;
    right: -85px;
    top: 50%;
    border-radius: 9px;
    transform: rotate(90deg);
    font-size: 15px;
    font-weight: 600;
    fill: #004955;
    color: #004955;
    background-color: #fff;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #004955;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,.13);
    padding: 13px 30px;

}
#sideBtn svg{
    height: 25px;
    width: 25px;
    padding-left: 7px;
    fill: #004955;
    color: #004955;

}



#TalkToExpertSideFormContainer{
    position: fixed;
    top: 0;
    height: 100vh;
overflow: scroll;
    background-color: rgba(0, 0, 0, 0.776);
    width: 100vw;
    z-index: 1111111;
    display: flex;
    justify-content: end;
    align-items: center;
}

#TalkToExpertSideFormInnerContainer{
position: relative;
width: 600px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 33px;
background-color: rgb(255, 255, 255);
opacity: 1;
right: 0;
 transition: all 1s ease-out;
}

#TalkToExpertSideFormInnerContainer form{
    background-color: rgb(255, 255, 255);
    width: 100%;
}
.sideExpertFormHide{
    display: none!important;
    
}
.sideExpertFormAnimation{
   right: -602px!important;
    /* opacity: 0!important; */
}
#cutTalkToExpertSideFormContainer{
    /* background-color: red; */
    fill: red;
    position: absolute;
    top: 10px      ;
    right: 20px;
}
#TalkToExpertSideFormSubmitBtn{
    /* background-color: #02465D; */
    height: 48px;
    overflow: hidden;
    padding: 8px 0;
}
.warningTalkToExpert {
  box-shadow: 0 0 10px red !important;
  background: url('https://cdn.icon-icons.com/icons2/3641/PNG/512/info_red_button_icon_227838.png') no-repeat center center/cover;
  background-size: 22px;
  background-position: 500px;
}

.successTalkToExpert {
    box-shadow: 0 0 10px rgb(0, 255, 38) !important;
  background: url('https://upload.wikimedia.org/wikipedia/commons/a/ac/Green_tick.svg') no-repeat center center/cover;
  background-size: 22px;
  background-position: 500px;
}

.messageColorTalkToExpert{
    color:  rgb(0, 255, 38)!important;
}


.talkToExpert-error-message{
    font-size: 12px;

}

@media (max-width: 750.5px) {
#sideBtn {
   display: none;
}

}
@media (max-height: 450.5px) {
#TalkToExpertSideFormInnerContainer {
top: 107px;
}


}
@media (max-height: 207.5px) {
#TalkToExpertSideFormInnerContainer {
top: 127px;
}


}