button.Bottom.Left {

    left: 20px;

    right: unset !important;

 }



 button.Bottom.right {

    right: 20px;

    left: unset !important;

 }



 button.Top.right {

    right: 20px;

    left: unset !important;

    top: 20px;

    bottom: unset !important;

 }



 button.Top.left {

    left: 20px;

    right: unset !important;

    top: 20px;

    bottom: unset !important;

 }



 #chatButton {

    position: fixed;

    padding: 0;

    background-color: #000;

    color: #fff;

    border: none;

    border-radius: 50%;

    cursor: pointer;

    z-index: 9;

    font-size: 16px;

    display: flex;

    align-items: center;

    gap: 5px;

    width: 55px;

    height: 55px;

    justify-content: center;

    box-shadow: 0px 3px 7px 3px #0003;

 }



 #chatButton.Top {

    top: 20px;

 }



 #chatButton.Bottom {

    bottom: 20px;

 }



 #chatButton.Left {

    left: 20px;

 }



 #chatButton.Right {

    right: 20px;

 }



 .chat-box-sec .popup {

    display: none;

    position: fixed;

    z-index: 9;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background-color: rgba(0, 0, 0, 0.8);

 }



 .chat-box-sec  h3.popup-title {

    font-size: 20px;

    font-weight: 600;

    color: #000;

    margin: 0px 0 10px;

    text-align: center;

    padding: 0 40px;

    min-height: 25px;

    display: block;

    width: 100%;

}



 .chat-box-sec  p.popup-des {

    font-size: 15px;

    font-weight: 500;

    line-height: 24px;

    color: #000;

    margin: 0;

    text-align: center;

    padding: 0 40px;

    display: block;

    width: 100%;

    min-height: 25px;

}



 .chat-box-sec  .popup_wrapper {

    margin: 0 auto;

    width: 100%;

    max-width: 375px;

    position: relative;

    border-radius: 15px;

    overflow: hidden;

    background: #fcfcfd;

    border: none;

    top: 50%;

    transform: translateY(-50%);

 }

.chat-box-sec .popup_wrapper {
    min-height: 592px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.chat-box-sec  .popup-content {
    background-color: #fdd563;
    margin: 0 auto;
    padding: 20px;
    border: none;
    width: 100%;
    max-width: 100%;
    position: relative;
    min-height: 100px;
}



 .chat-box-sec  .close {

    color: #aaa;

    float: right;

    font-size: 35px;

    font-weight: bold;

 }



 .chat-box-sec  .close:hover,

 .chat-box-sec  .close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

 }



 .chat-box-sec .popup-content .close {

    position: absolute;

    right: 20px;

    top: 18px;

    background: #e8e8e8;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    font-weight: 400;

    text-align: center;

    padding-left: 0px;

    padding-bottom: 0px;

    padding-top: 0px;

    font-family: monospace;

    line-height: 0;

    color: #fff;

}

.chat-box-sec .popup-content .back {

    left: 20px;

    cursor: pointer;

    color: #000;

    position: absolute;

    top: 18px;

    background: #ece6e6;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    color: #000;

    line-height: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 30px;

    font-weight: 400;

    text-align: center;

    padding-left: 2px;

    padding-bottom: 2px;

 }



.chat-box-sec .popup-content .back svg {

    width: 19px !important;

    background: transparent !important;

    border-radius: 0 !important;

    height: 19px;

    margin-top: 2px;

    margin-left: -2px;

}



 .chat-box-sec .contact-name-block {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

 }



 .chat-box-sec form input {

    width: 100%;

    margin: 5px 0;

    height: auto;

    padding: 10px 15px;

    border-radius: 0;

    border: 1px solid #dcdcdc;

    color: #000;

    font-weight: 500;

    font-size: 14px;

    line-height: 1.4;

   font-family: inherit;

 }



.chat-box-sec .term-bx {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 15px;

}



.chat-box-sec .term-bx input {

    width: 17px !important;

    height: 17px !important;

    margin: 0 !important;

    border: 1px solid #dcdcdc;

    opacity: 1;

    position: relative;

    top: 0;

    left: 0;

    visibility: visible;

}



 .chat-box-sec form.contactForm input:focus-visible {

    box-shadow: unset;

    outline: unset;

 }



.chat-box-sec .submit-btn {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}


 .chat-box-sec .submit-btn button {

  border: unset;

  padding: 12px 20px;

  width: auto;

  font-size: 15px;

  cursor: pointer;

  background: #000;

  color: #fff;

  border-radius: 45px;

  margin-top: 15px;

  font-weight: 500;

   min-width: 70%;

}



.chat-box-sec .term-bx label {

    font-size: 14px !important;

    color: #353535 !important;

    border: unset !important;

    background: unset !important;

    padding: 0 !important;

    font-weight: 400 !important;

    width: 100%;

    text-transform: capitalize !important;

    margin: 0 !important;

    line-height: 1;

    letter-spacing: 0;

}



 .chat-box-sec .term-bx label:after,

 .chat-box-sec .term-bx label:before {

    display: none;

 }



 .chat-box-sec form input::placeholder {

  color: #A9B6C9;

}



.chat-box-sec form textarea::placeholder {

 color: #A9B6C9;

}



.chat-box-sec form textarea {

  width: 100%;

  margin: 5px 0;

  height: auto;

  padding: 10px 15px;

  border-radius: 0;

  border: 1px solid #dcdcdc;

  color: #000;

  font-weight: 500;

  font-size: 14px;

  line-height: 1.4;

  font-family: inherit;

}



.chat-box-sec form input:focus-visible,

.chat-box-sec form textarea:focus-visible {

    outline: unset !important;

    box-shadow: unset !important;

    outline-offset: unset !important;

 }



 .chat-box-sec .noscroll {

    overflow: hidden;

 }



 .chat-box-sec .message-close-btn {

    position: relative !important;

    right: 0 !important;

    top: 0 !important;

 }



 .chat-box-sec h5.popup-des {

    font-size: 16px;

    text-align: center;

    margin-bottom: 10px;

    color: #000;

    margin-top: 10px;

 }



 .chat-box-sec h5.popup-des-2 {

    font-size: 18px;

    text-align: center;

    margin-top: 0;

    color: #000;

 }



 .chat-box-sec p.popup-des-3 {

    font-size: 15px;

    color: #000;

    line-height: 24px;

    text-align: center;

 }



 .chat-box-sec .success-icon {

    text-align: center;

    margin-top: 40px;

 }



 .chat-box-sec .message-close-btn {

    position: relative !important;

    right: 0 !important;

    top: 0 !important;

    float: unset;

    font-size: 16px;

    color: #000;

    background: #fac13d;

    padding: 10px;

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0px auto;

 }



 .chat-box-sec .cyber_vt_button_outer {

    display: flex;

    justify-content: center;

    width: 100%;

    flex-direction: column;

    align-items: center;

    padding: 40px 50px;

 }



 .chat-box-sec .cyber_vt_button_outer>a, .cyber_vt_button_outer>button {

  background: #fff;

  color: #000;

  font-size: 16px;

  font-weight: 600;

  text-decoration: none;

  width: 100%;

  padding: 10px 25px;

  border-radius: 10px;

  text-align: center;

  line-height: 1.4;

  transition: 0.3s;

  border: 1px solid;

  margin: 7px 0;

  cursor: pointer;

  font-family: inherit;

}



 #cybr_General_thank_content {

    margin-top: 0;

}



#cybr_General_thank_content * {

  margin: 5px 0;

  line-height: 1.4;

}



 #cybr_Catalogue_thank_content {

    margin-top: 0;

 }



 #cybr_Price_thank_content {

    margin-top: 0;

 }



 #cybr_Stockist_thank_content {

    margin-top: 0;

 }



 .chat-box-sec .cyber_copy-text {

    font-size: 13px;

    font-weight: 600;

    text-align: center;

    margin: 20px 0 40px;

    color: #91979D;

 }



 .chat-box-sec .cyber_vt_button_outer.button_outer_form {

    padding: 15px 20px;

 }



 @media screen and (max-width: 480px) {



    .chat-box-sec  .contact-name-block {

       grid-template-columns: 1fr;

       gap: 0;

    }



    .chat-box-sec  .term-bx label {

       font-size: 13px;

       color: #000;

    }



    .chat-box-sec .term-bx {

       gap: 3px;

    }



    /* .chat-box-sec .popup_wrapper {

  margin: 0 auto;

  width: 100%;

  max-width: 100%;

  position: absolute;

  border-radius: 15px 15px 0 0;

  overflow: hidden;

  background: #fcfcfd;

  border: none;

  top: unset;

  transform: unset;

  bottom: 0;

} */

.chat-box-sec .popup_wrapper {
    margin: 0 auto;
    width: 80%;
    max-width: 100%;
    position: absolute;
    border-radius: 15px;
    overflow: hidden;
    background: #fcfcfd;
    border: none;
    top: 50%;
    transform: unset;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.chat-box-sec  .popup-content {
    min-height: 150px;
}

 }



 @media screen and (max-width: 380px) {

    .chat-box-sec .term-bx label {

       font-size: 12px;

    }

 }

 @media screen and (max-width:360px){
.chat-box-sec .popup_wrapper {
    width: 90%;
   }
 }

 div#cybr_General_thank_content h1 {

   font-size: 16px;

}

 .chat-box-sec  {

  z-index: 9999;

  position: relative;

}