/* Support Page */
.uit--clock-five {
  display: inline-block;
  width: 70px;
  height: 70px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.5 11.874V7a.5.5 0 0 0-1 0v5c0 .082.02.164.06.236l1.5 2.8a.5.5 0 0 0 .676.203h.001a.5.5 0 0 0 .203-.677zM12 2C6.477 2 2 6.477 2 12s4.477 10 10 10c5.52-.006 9.994-4.48 10-10c0-5.523-4.477-10-10-10m0 19a9 9 0 1 1 0-18a9.01 9.01 0 0 1 9 9a9 9 0 0 1-9 9'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.mage--email {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect width='18.5' height='17' x='2.682' y='3.5' rx='4'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m2.729 7.59l7.205 4.13a3.96 3.96 0 0 0 3.975 0l7.225-4.13'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: middle;
}
.fluent--location-48-regular {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' d='M24 4c9.389 0 17 7.611 17 17a16.92 16.92 0 0 1-4 10.955l-.022.026l-.016.019H37L26.911 42.709a4 4 0 0 1-5.822 0L11 32h.038l-.017-.02l-.021-.025A16.92 16.92 0 0 1 7 21c0-9.389 7.611-17 17-17m0 2.5C15.992 6.5 9.5 12.992 9.5 21c0 3.58 1.294 6.852 3.443 9.382l.308.362l9.657 10.251a1.5 1.5 0 0 0 2.184 0l9.657-10.25l.308-.363A14.43 14.43 0 0 0 38.5 21c0-8.008-6.492-14.5-14.5-14.5m0 7.5a7 7 0 1 1 0 14a7 7 0 0 1 0-14m0 2.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 0 0 0-9'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: middle;
}
.proicons--phone {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='12.5' height='18.5' x='5.75' y='2.75' rx='3'/%3E%3Cpath d='M11 17.75h2'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: middle;
}
.request_form {
    background: #fff;
    box-shadow: 0px 0px 91px 0px rgba(0, 0, 0, 0.11);
    padding: 30px;
    border-radius: 20px;
}
.request_form h3{
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.request_form p {
    font-size: 14px;
    color: #676767;
    font-weight: 400;
    line-height: 22px;
}
.supporttext {
    padding: 55px 0;
}
.supporttext h1 {
    font-size: 35px;
    color: #000;
    font-weight: 600;
}
.forsupport_box {
    margin: 30px 0px 65px 0px;
    border-top: 1px solid #cdcccc;
    padding-top: 20px;
}
.forsupport_box h2 {
    font-size: 20px;
    color: #231F20;
    margin-bottom: 15px;
}
.forsupport_box ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 25px;
}
.forsupport_box ul li {
    list-style: none;
}
.forsupport_box a {
    font-size: 16px;
    color: #50504C;
}
.availability_box {
    background: #DBEEFF;
    position: relative;
    border-radius: 20px;
    padding: 30px;
}
.availability_box h2 {
    font-size: 35px;
    color: #50504C;
    font-weight: 100;
}
.availability_box strong {
    display: block;
    font-weight: 700;
    /* text-transform: uppercase; */
    color: #143058;
}

.support-time {
}
.support-time span {
    display: block;
    color: #143058;
    line-height: 40px;
    font-size: 30px;
}
.support-time small {
    font-weight: 600;
    font-size: 20px;
    color: #F47C35;
}
.availability_box figure {
    position: absolute;
    top: -70px;
    right: 50px;
    margin: 0;
}
.availability_box figure img {
    width: 180px;
}
.ourlocation_box{
  margin-top: 40px;
}
.ourlocation_box iframe{
  padding: 20px;
  box-shadow: 0px 0px 91px 0px rgba(0, 0, 0, 0.11);
  border-radius: 20px;
  background: #fff;
}
.ourlocation_box h2{
  color: #000;
  font-size: 35px;
  font-weight: 600;
}

/* Form */
.red {
    color: red;
}
.login-signup-form .form-group {
    margin-bottom: 15px;
}
.login-signup-form label {
    font-size: 16px;
    color: #676767;
}
.login-signup-form input, .login-signup-form select, .login-signup-form tel {
    height: 45px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    min-height: fit-content !important;
  -webkit-appearance: auto; /* Chrome, Safari */
  -moz-appearance: auto;    /* Firefox */
  appearance: auto;
}
.login-signup-form textarea {
    font-size: 14px;
    color: #222222 !important;
    font-weight: normal !important;
}

.login-signup-form input::placeholder, .login-signup-form textarea::placeholder{
    color: #acacac !important;
    font-weight: normal !important;
}

.login-signup-form input[type="checkbox"]{
    height: inherit !important;
}
.login-signup-form a{
    color: #676767;
}

.login-signup-form button.demo-btn {
    color: var(--contrast-color);
    /* background: var(--accent-color); */
    background: linear-gradient(180deg, #4673B4 0%, #212C4C 100%);
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px;
    margin: 0px;
    border-radius: 4px;
    transition: 0.3s;
    text-transform: uppercase;
    border: none;
}
.login-signup-form button.demo-btn:hover {
    color: var(--contrast-color);
    background: color-mix(in srgb, var(--accent-color), transparent 15%);
}

/* Responsive */
@media only screen and (max-width:767px){
.supporttext {
    padding: 0;
}
.supporttext h1 {
    font-size: 24px;
}
.forsupport_box {
    margin: 20px 0px 90px 0px;
}
.availability_box h2 {
    font-size: 24px;
}
.uit--clock-five {
    width: 40px;
    height: 40px;
}
.support-time span {
    line-height: normal;
    font-size: 20px;
}
.support-time small {
    font-size: 16px;
}
.availability_box figure img {
    width: 150px;
}
.availability_box figure {
    top: -65px;
    right: 10px;
}
.request_form {
    margin-top: 40px;
}
.ourlocation_box {
    margin-top: 50px;
}
.forsupport_box ul {
    display: inline-grid;
    gap: 20px;
}
}