.eoshpopup-btn{
  position: fixed;
  bottom: 35px;
  width:100%;
  display: flex;
  align-items: center;
  z-index: 1111;
}

.whatsapp-btn svg {
  width: 50px;
  height: 50px;
}

.eoshpopup-btn-right{
 justify-content: right;
 right: 20px;

}

.eoshpopup-btn-left{
 justify-content: left;
 left: 20px;
}

.eoshpopup-btn-center{
 justify-content: center;
 left: 0px;
 right: 0px;
}




.chatbot__button {
   width: 50px;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: none;
   color: #f3f7f8;
   border: 1px solid;
   border-radius: 50%;
   outline: none;
   cursor: pointer;
   z-index: 999999999;
 }
 
 .btn-txt {
   width: 200px;
   margin-right: 250px;
   color: #000000;
   background: #ffffff;
   padding: 10px 0;
   border-radius: 5px;
   font-size: 12px;
   padding: 10px;
 }

 .eoshpopup-btn-left .btn-txt {
   margin-left: 250px;
   margin-right: 0;
 }
 .eoshpopup-btn-right .btn-txt {
   margin-right: 250px;
   margin-left: 0;
 }

 .eoshpopup-btn-center .btn-txt {
   margin-right: 0;
   margin-left: 250px;
 }

 
 .chatbot__button span {
   position: absolute;
   transition: all 0.4s ease;
 }
 
 .show-chatbot .chatbot__button span.whatsapp-btn {
   opacity: 0;
   transform: scale(0) rotate(1turn);
   -webkit-transform: scale(0) rotate(1turn);
 }
 
 .show-chatbot .chatbot__button span.btn-txt {
   opacity: 0;
   -ms-transform: translateY(15px);
   transform: translateY(15px);
   -webkit-transform: translateY(15px);
   -moz-transform: translateY(15px);
   visibility: hidden;
 }
 
 .chatbot__button span.cross-btn {
   opacity: 0;
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
 }
 
 .show-chatbot .chatbot__button span.cross-btn {
   opacity: 1;
 }
 
 .chatbot {
   border-radius: 5px 5px 8px 8px;
   -webkit-border-radius: 5px 5px 8px 8px;
   -moz-border-radius: 5px 5px 8px 8px;
   bottom: 102px;
   box-shadow: 0 10px 10px 4px rgba(0, 0, 0, 0.04);
   -webkit-box-shadow: 0 10px 10px 4px rgba(0, 0, 0, 0.04);
   -moz-box-shadow: 0 10px 10px 4px rgba(0, 0, 0, 0.04);
   font-family: Arial, Helvetica, sans-serif;
   max-width: calc(100% - 50px);
   opacity: 0;
   overflow: hidden;
   position: fixed;
   right: 40px;
   bottom: 150px;
   -ms-transform: translateY(50px);
   transform: translateY(50px);
   -webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
   transition: all 0.4s ease;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   visibility: hidden;
   width: 350px;
   will-change: transform, visibility, opacity;
   z-index: 999999998;
   background-color: #ffffff;
 
 }

 .eoshpopup-btn-left .chatbot{
   left:40px;
 }

 .eoshpopup-btn-right .chatbot{
   right:40px;
 }

 .eoshpopup-btn-center .chatbot{
   left:auto;
   right:auto;
 }

 
 .show-chatbot .chatbot {
   opacity: 1;
   -ms-transform: translate(0);
   transform: translate(0);
   -webkit-transform: translate(0);
   -moz-transform: translate(0);
   visibility: visible;
   bottom: 100px;
   z-index: 11111;
 }
 
 .chatbot__header {
   position: relative;
   background-color: rgb(45, 183, 66);
   padding: 16px 0;
 }
 
 
 
 .header-content {
   width: 100%;
   display: flex;
   flex-direction: row;
   margin-left: auto;
   padding: 0 15px;
   color: #ffffff;
   align-items: center;
}

 .header_image{
   margin-right: 10px;
 }
 .chatbot__header span {
   display: none;
   position: absolute;
   top: 50%;
   right: 20px;
   color: #202020;
   transform: translateY(-50%);
   cursor: pointer;
 }
 
 .chatbox__title {
   padding-bottom: 5px;
   margin: 0;
   color: #ffff;
   line-height: 25px;
   letter-spacing: 0.0025em;
   font-weight: 700;
 }

 .chatbox__title + p {
   line-height: 20px;
   letter-spacing: 0.0025em;
   margin: 10px 0;
 }
 
 .chatbot__box {
   height: -webkit-fill-available;
   overflow-y: scroll;
   padding: 0px 20px 10px;
   margin:0;
 }
 
 .notice {
   color:black;
   font-size: 12px;
   font-weight: 500;
   list-style-type: none;
   padding: 0 3px;
   margin: 10px;
 }
 
 .chatbot__chat {
   display: flex;
 }
 
 .card_item .card_link {
   text-decoration: none;
   background: #f5f7f9;
   padding: 13px 40px 12px 74px;
   width: 100%;
   text-decoration: none;
   list-style: none;
   position: relative;
   margin-bottom: 10px;
   border-radius: 2px 4px 2px 4px;
   display: flex;
   align-items: center;
   cursor: pointer;
 }
 
 .card_link:hover {
   background: #ffffff;
   box-shadow: 0 7px 15px 1px rgb(55 62 70 / 7%);
 }
 
 .card_item {
   width: 100%;
   text-decoration: none;
   list-style: none;
   position: relative;
   margin-bottom: 10px;
   border-radius: 2px 4px 2px 4px;
 }
 
 .non_active {
   width: 100%;
   text-decoration: none;
   list-style: none;
   position: relative;
   margin-bottom: 10px;
   border-radius: 2px 4px 2px 4px;
   pointer-events:none;
 }
 
 .non_active:after {
   background: url('/home/unitedsol/Desktop/Apps Design/whatsapp popup/images/non-active.png') top no-repeat;
   background-size: 25px;
   content: "";
   display: block;
   height: 30px;
   position: absolute;
   right: 14px;
   top: 26px;
   width: 30px;
 }
 
 .non_active .card_link:hover {
   background: #f5f7f9;
   box-shadow: none;
 }
 
 .popup_status {
   color: #f5a623;
   font-size: 10px;
   line-height: 1.125em !important;
   padding: 5px 0 0;
 }
 
 .popup_avatar {
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   left: 12px;
   overflow: hidden;
   position: absolute;
   top: 12px;
 }
 
 .popup_avatar_image {
   height: 48px;
   width: 48px;
   display: block;
 }
 
 .popup_txt {
   display: table-cell;
   height: 48px;
   min-height: 48px;
   vertical-align: middle;
 }
 
 .popup_name {
   color: #363c47;
   font-size: 14px;
   line-height: 1.188em !important;
 }
 
 .popup_duty {
   color: #989b9f;
   font-size: 11px;
   line-height: 1.125em !important;
   padding: 2px 0 0;
 }
 

 .online_user_img .image-round {
   border: 3px solid #fff;
   border-radius: 50%;
   height: 55px;
   overflow: hidden;
   position: relative;
   width: 55px;
 }

 .online_user_img .image-square {
   border-radius: 0;
   height: 55px;
   overflow: hidden;
   position: relative;
   width: 55px;
 }
 
 .online_user_link_btn_round {
   border-radius: 50vh;
   box-shadow: 0 4px 8px 1px rgba(32, 32, 37, 0.09) !important;
   -webkit-box-shadow: 0 4px 8px 1px rgba(32, 32, 37, 0.09) !important;
   -moz-box-shadow: 0 4px 8px 1px rgba(32, 32, 37, 0.09) !important;
   color: #fff;
   display: block;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 1;
   position: relative;
   text-decoration: none !important;
   width: 300px;
 }

 .online_user_link_btn_square {
   border-radius: 0;
   box-shadow: 0 4px 8px 1px rgba(32, 32, 37, 0.09) !important;
   -webkit-box-shadow: 0 4px 8px 1px rgba(32, 32, 37, 0.09) !important;
   -moz-box-shadow: 0 4px 8px 1px rgba(32, 32, 37, 0.09) !important;
   color: #fff;
   display: block;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 1;
   position: relative;
   text-decoration: none !important;
   width: 300px;
 }
 
 .online_user_link_online {
   backface-visibility: hidden;
   background: #2db742;
   cursor: pointer !important;
   transition: all 0.4s ease !important;
   -webkit-transition: all 0.4s ease !important;
   -moz-transition: all 0.4s ease !important;
   will-change: transform;
 }
 
 .online_user_link_img {
   margin: 20px 0;
   position: relative;
   width: 100%;
   display: flex;
   align-items: center;
 }
 
 .online_user_link_online:before {
   background: rgba(0, 0, 0, 6%);
   content: "";
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   transition: all 0.4s ease;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   width: 100%;
   will-change: opacity;
   z-index: -1;
 }
 
 .online_user_link_online:hover {
   transform: translateY(-3px);
 }
 
 .online_user_img {
   /* left: 0; */
   /* position: absolute; */
   text-align: center;
   position: relative;
   /* top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%); */
 }
 
 .eoshWhatsappButtons {
    max-width: 44rem;
  }

 .online_user_img:after {
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   box-shadow: 0 3px 4px 0 rgb(39 38 38/26%);
   -webkit-box-shadow: 0 3px 4px 0 rgb(39 38 38/26%);
   -moz-box-shadow: 0 3px 4px 0 rgb(39 38 38/26%);
   content: "";
   display: block;
   position: absolute;
   right: -10px;
   top: 40px;
   width: 20px;
   height: 20px;
 
   background: #fff
   url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjMkRCNzQyIi8+PC9zdmc+)
   50% no-repeat;
   background-size: 17px;
 }
 
 .online_user_link_btn_round .online_user_img:after {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  box-shadow: 0 3px 4px 0 rgb(39 38 38/26%);
  -webkit-box-shadow: 0 3px 4px 0 rgb(39 38 38/26%);
  -moz-box-shadow: 0 3px 4px 0 rgb(39 38 38/26%);
  content: "";
  display: block;
  position: absolute;
  right: -10px;
  top: 30px;
  width: 20px;
  height: 20px;

  background: #fff
  url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjMkRCNzQyIi8+PC9zdmc+)
  50% no-repeat;
  background-size: 17px;
}


 .online_user_text {
   display: flex;
   padding: 0 10px;
   vertical-align: middle;
   font-size: 14px;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 100%;
   text-align: center;
 }
 
 .online_user_info {
   margin-bottom: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .online_user_name {
   font-weight: 600;
 }
 
 .online_user_status {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 3px;
  background: #51cb50;
  animation: animate 1.5s linear infinite;
 }

 div.online_user_status:empty{
  display: block
 }
 
 .online_user_title {
   font-weight: 600;
 }
 
 @keyframes animate{
   0%{
     opacity: 0;
   }
   50%{
     opacity: 1;
   }
   100%{
     opacity: 0.5;
   }
 }
 
 @media (max-width: 490px) {
   .chatbot {
     width: auto;
   }
 
   .chatbot__box {
     height: 90%;
   }
 
   .chatbot__header span {
     display: inline;
   }
 }
.button-whatsapp {
   display: none;
   overflow: hidden;
   white-space: nowrap;
   width: auto;
   margin-top: 2%;
   font-family: Montserrat, "Trebuchet MS", Helvetica, sans-serif;
   -webkit-font-smoothing: antialiased;
   position: relative;
   padding: .8em .5em;
   /* padding-right: 4.7em; */
   background: #2C8554;
   border: none;
   color: #FFFFFF;
   width: 100%;
   text-align: left;
   font-size: 12px;
}

.button-whatsapp:after, .button-whatsapp:before {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   padding-top: inherit;
   padding-bottom: inherit;
   width: 2.8em;
   content: "\00a0";
   font-family: FontAwesome, sans-serif;
   font-size: 1.2em;
   text-align: center;
   transition: .2s;
   transform-origin: 50% 60%
}

.phone:before {
   filter: brightness(60%);
   background: #2C8554;
}

.phone:active, .phone:focus, .phone:hover {
   filter: brightness(120%);
   overflow: hidden;
   border-color: #2C8554;
   cursor: pointer;
   box-shadow: inset 0 0 0 0 transparent, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 1px 0#2C8554;
   background: linear-gradient(180deg, #2C8554, #2C8554)
}

.phone:after {
   content: "\f232"
}

.eosh_overlay{ position: fixed; z-index: 111111; top:0px; left:0px; width:100%; height:100%;background: rgb(26 23 23 / 32%);backdrop-filter: blur(10px); }
  
.eosh_overlay .eosh_popup_outer{ position: relative; width: 100%; height:100%; padding:25px 25px; box-sizing: border-box; }

.eosh_overlay .eosh_popup_outer .eosh_product .eosh_close_btn { position: absolute; right: 10px; top: 10px; background-color: #ffffff; border: none; border-radius: 20px; width: 30px; height: 30px; padding: 5px; z-index: 1111; box-shadow: -2px 2px 9px 4px #bfc7b466; }

.eosh_overlay .eosh_popup_outer .eosh_product .eosh_close_btn img { width: 10px; height: auto; }

.eosh_product{border-radius: 20px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); max-width:700px; width: calc(100% - 60px); margin: auto; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); display: flex; gap: 20px; align-items: center; }

.eosh_product .eosh_product_image { width: 48%; display: flex; }

.eosh_product .eosh_product_image img { overflow: hidden; border-radius: 20px 0 0 20px; }

.eosh_product_info { width: 48%; overflow-y: auto; height: 480px; box-sizing: border-box; padding: 20px 0;}

.eosh_product .eosh_title h1, .eosh_product .eosh_description p { margin: 0; }

.eosh_product .eosh_title, .eosh_product .eosh_description, .eosh_product .eosh_price { padding-bottom: 15px; }

.eosh_product_title { font-size: 32px; line-height: 40px; }

.eosh_product_description { font-size: 18px; line-height: 24px; }

.eosh_product_price { font-size: 20px; }

.eosh_agents .eosh_offine_agents { background-color: #f5f7f9; box-shadow: 0 6px 5px 2px #bfc7b466; pointer-events: none; }

.eosh_agents .eosh_online_agents, .eosh_agents .eosh_offine_agents { border-radius: 10px; padding: 10px; margin-bottom: 15px; }

.eosh_agents .eosh_online_agents .eosh_agent_link, 
.eosh_agents .eosh_offine_agents .eosh_agent_link { display: flex; align-items: center; justify-content: flex-start; gap: 15px; text-decoration: none; cursor: pointer;}

.eosh_online_agents .eosh_agent_link:after { content: ""; position: absolute; z-index: 1; background-position: center right; background-repeat: no-repeat; width: 32px; height: 32px; margin-left: auto; }

.eosh_offine_agents .eosh_agent_link:after { content: ""; position: absolute; z-index: 1; background-position: center right; background-repeat: no-repeat; width: 32px; height: 32px; margin-left: auto; }

.eosh_agent_link .eosh_agent_img_block { line-height: 0; border-radius: 40px; padding: 3px; }

.eosh_online_agents .eosh_agent_link .eosh_agent_img_block { border: 4px solid transparent; background-clip: padding-box; position: relative; }

.eosh_online_agents .eosh_agent_link .eosh_agent_img_block:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; margin: -2px; border-radius: inherit; /* inherit container box's radius */ background: linear-gradient(261deg, rgb(251, 250, 45) 33.5%, rgb(214, 4, 4) 59.8%, rgb(241, 57, 221) 67.9%, rgb(95, 11, 228) 90.2%); width: 50px; height: 50px; }

.eosh_online_agents .eosh_agent_img_block .eosh_agent_img { position: relative; z-index: 0;     background-size: cover;
  width: 40px;
  height: 40px;
  background-position: center;
  border-radius: 30px; 
  display: block;}

.eosh_offine_agents .eosh_agent_img_block { border: 4px solid #bfc7b4; }

.eosh_agent_detail .eosh_agent_name { font-size: 20px; font-weight: 600; line-height: 28px; letter-spacing: 0.03em; margin: 0; }

.eosh_offine_agents .eosh_agent_link .eosh_agent_img_block .eosh_agent_img {
  position: relative;
  z-index: 0;
  width: 40px;
  height: 40px;
  background-position: center;
  border-radius: 30px;
  display: block;
}

.eosh_agent_detail .eosh_agent_designation { font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0.03em; margin: 0; }

.eosh_online_agents .eosh_agent_detail .eosh_agent_name, .eosh_online_agents .eosh_agent_detail .eosh_agent_designation { color: #ffffff; }

.eosh_offine_agents .eosh_agent_detail .eosh_agent_name, .eosh_offine_agents .eosh_agent_detail .eosh_agent_designation { color: #bfc7b4; }

@media (min-width: 100px) and (max-width: 767px) {
  .eosh_product{max-height:550px;flex-wrap: wrap; height: auto; overflow-y: auto; padding: 15px; }

  .eosh_product .eosh_product_image { width: 100%; justify-content: center; }

  .eosh_product .eosh_product_image img { border-radius: 20px 20px 0 0; width: 100%;}
  
  .eosh_product_info { width: 100%; height: auto; overflow-y: hidden; }

  .eosh_product_title { font-size: 24px; line-height: 32px; }

  .eosh_product_description { font-size: 16px; line-height: 22px; }

  .eosh_agents .eosh_online_agents .eosh_agent_link, 
.eosh_agents .eosh_offine_agents .eosh_agent_link { gap: 10px; }

.eoshpopup-btn-right .chatbot{right:30px;}
}


@keyframes spin {
   from {
       transform: rotate(0deg);
   }
   to {
       transform: rotate(360deg);
   }
}