/* Chatbot starts here */



#chatbot-icon {

    position: fixed;

    bottom: 3%;

    right: -90px;

    z-index: 999;

    cursor: pointer;

    /* display: flex; */

  }

  

  #chatbot-image {

    position: relative;

    width: 40%;

    height: auto;

    left: 10px;

    transition: opacity 0.5s ease-in-out;

    z-index: 999;

    bottom: 20px;

  }

  

  #chatbot-image.fade-out {

    opacity: 0;

  }

  

  /* #chatbot-bar:after {

    content: "";

    background-image: url('../images/bloom-big.png');

    background-repeat: no-repeat;

    background-size: 100%;

  

    position: absolute;

    left: auto;

    right: 0;

    top: -20px;

    height: 100px;

    width: 100px;

    -webkit-animation: continousRotate 150s linear infinite;

    animation: continousRotate 150s linear infinite;

    z-index: 0;

    /* margin: 0 auto; */

  } */

  

  p#privacy {

    font-size: 10px;

  }

  

  #chatbot {

    position: fixed;

    bottom: 6%;

    right: 30px;

    z-index: 101;

    transition: right 0.5s ease-in-out;

  }

  

  #chatbot-bar {

    background: #fdb913;

    /* border: 2px solid #000; */

    position: relative;

    color: #111;

    padding: 8px;

    padding-left: 20px;

    padding-right: 120px;

    background-image: linear-gradient(to bottom right, #fdb913, #fdb913a3);

    border-radius: 30px;

    cursor: pointer;

    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);

  }

  

  #chatbot-close {

    position: absolute;

    top: 5px;

    left: 0px;

    border: none;

    background: transparent;

    font-size: 10px;

    color: #fff;

    cursor: pointer;

  }

  

  #chatbot-bar p {

    font-size: 18px;

    margin-bottom: 0;

  }

  #chatbot-bar img {

    width: 90px;

    position: absolute;

    top: -30px;

    right: 0;

    height: auto;

    z-index: 1;

}

  

  .inner-container-form .gform_wrapper.gravity-theme .gfield textarea.large {

    border: none;

  }

  

  @keyframes continousRotate {

    from {

      transform: rotate(0);

    }

  

    to {

      transform: rotate(360deg);

    }

  }

  

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

    #chatbot-bar {

      padding: 8px 10px;

      padding-left: 25px;

    }

  

    #chatbot-bar p {

      font-size: 16px;

    }

  

    #chatbot-icon {

      bottom: 3%;

      right: -100px;

      transition: all 0.5s ease;

    }

  

    #chatbot-image {

      width: 40%;

    }

    #chatbot {

      bottom: 5%;

      width: 35%;

      transition: all 0.5s ease;

    }

  

    #chatbot-icon:after {

      width: 50%;

    }

  }

  

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

    #chatbot {

      bottom: 5%;

      width: 16em;

      transition: all 0.5s ease;

    }

  }

  

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

    #chatbot-icon {

      bottom: 3%;

    }

  

    #chatbot-image {

      width: 30%;

      left: 7px;

      bottom: 15px;

    }

  

    #chatbot {

      bottom: 5%;

    }

  

    #chatbot-icon:after {

      width: 35%;

    }

  

    #chatbot-close {

      top: -1px;

    }

  }

  

  #chatbot {

    transition: all 0.5s ease;

  }

  

  .slide-out-right {

    transform: translateX(100%);

    opacity: 0;

  }

  

  .slide-in-left {

    transform: translateX(80%);

    opacity: 0;

  }

  

  @-webkit-keyframes halfspin {

    0% {

      -webkit-transform: rotate(0deg);

    }

  

    50% {

      -webkit-transform: rotate(359deg);

      filter: blur(10px);

    }

  

    100% {

      -webkit-transform: rotate(0deg);

    }

  }

  

  @keyframes halfspin {

    0% {

      transform: rotate(0deg);

    }

  

    50% {

      transform: rotate(359deg);

      filter: blur(10px);

    }

  

    100% {

      transform: rotate(0deg);

    }

  }

  

  .halfspin {

    -webkit-animation: halfspin 1.6s;

    animation: halfspin 1.6s;

  }

  

  @media (min-width: 600px) {

    #chatbot-bar p {

      padding-left: 20px;

    }

  }

  

  /**media starts**/

  

  @media only screen and (min-width: 800px) and (max-width: 2000px) {

    .footer-form-popup .modal-backdrop {

      display: none !important;

    }

    .footer-form-popup .dod_banner_hp {

      background: #fff;

      width: 400px !important;

      left: auto;

      top: auto;

      right: 2rem;

      bottom: 17%;
      transform: none;
      border-radius: 40px 0px 40px 0px;

      box-shadow: 0px 0px 5px 0px #f99d00;

    }

  

    .inner-container-form {

      padding: 10px !important;

    }

    .footer-form-popup .disclaimer-pop {

      background: #fff !important;

    }

  

    p#privacy {

      font-size: 10px;

    }

  

    .inner-container-form input#gform_submit_button_1 {

      padding: 12px 23px;

    }

  

    h2.gform_title {

      font-size: 23px;

    }

  

    .inner-container-form .gform_wrapper.gravity-theme .gfield textarea.large {

      height: 75px !important;

    }

    #chatbot-icon {

      bottom: 0%;

      right: -90px;

    }

    #chatbot-image {

      width: 40%;

      bottom: 14px;

    }

  

    #chatbot-icon:after {

      width: 45%;

    }

  }

  

  @media only screen and (min-width: 605px) and (max-width: 2000px) {

  

    #chatbot-icon {

      bottom: 0%;

      right: -90px;

    }

  

    #chatbot-image {

      width: 40%;

      bottom: 14px;

    }

  }

  

  @media only screen and (min-width: 1025px) and (max-width: 1400px) {

    .footer-form-popup .dod_banner_hp {

      left: 80%;

    }

  }

  

  @media only screen and (min-width: 800px) and (max-width: 1024px) {

    .inner-container-form input#gform_submit_button_1 {

      padding: 16px 57px;

    }

  

    .footer-form-popup .dod_banner_hp {

      left: 73%;

    }

  }

@media (max-width: 991px) {

  #chatbot-bar:after {

    width: 70px;

    height: 70px;

    top: 0;

  }

  #chatbot-bar img {

    width: 70px;

    top: -20px;

    right: 10px;

  }

}

@media (max-width: 767px) {

  #chatbot-bar img {

    width: 60px;

    top:  -15px;

  }

}