/* C:\inetpub\wwwroot\webformssc.dev.local\Assets\css\TPE\style.css */
#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.75) url('./images/loader.gif') no-repeat center center;
    z-index: 10000;
  }
  .main-wrapper .navbar-light .navbar-nav .nav-link{
      color: #20234E;
  }
  .nav-item:hover .nav-link::after {
      transform: scaleX(1);
  }
  .highlighted-first-level {
      background: #1e234f;
  }
  .main-wrapper .navbar-light .navbar-nav .highlighted-first-level .nav-link {
      color: #fff !important;
  }
  @font-face {
      font-family: icons;
      /* src: url(../fonts/icons.woff); */
      src:url(../../fonts/icons.woff);
  }
/* font gotham start */
@font-face {
    font-family: 'gotham-black-webfont';
    src: url("./fonts/gotham-black-webfont.eot");
    src: url("./fonts/gotham-black-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/gotham-black-webfont.woff") format("woff"), url("./fonts/gotham-black-webfont.ttf") format("truetype"), url("./fonts/gotham-black-webfont.svg") format("svg");
}

@font-face {
    font-family: 'gotham-bold-webfont';
    src: url("./fonts/gotham-bold-webfont.eot");
    src: url("./fonts/gotham-bold-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/gotham-bold-webfont.woff") format("woff"), url("./fonts/gotham-bold-webfont.ttf") format("truetype"), url("./fonts/gotham-bold-webfont.svg") format("svg");
}

@font-face {
    font-family: 'gotham-book-webfont';
    src: url("./fonts/gotham-book-webfont.eot");
    src: url("./fonts/gotham-book-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/gotham-book-webfont.woff") format("woff"), url("./fonts/gotham-book-webfont.ttf") format("truetype"), url("./fonts/gotham-book-webfont.svg") format("svg");
}

/* font gotham end */
body{
    font-family: "gotham-book-webfont", sans-serif;
}
  .websupport-from input[type="checkbox"] {
      height: auto;
      transform: scale(2);
      margin-right: 7px;
      margin-left: 5px;
          margin-top: 30px;
      margin-left: 5px;
  }
  
  .websupport-from{
       background: #F4F2F8 0% 0% no-repeat padding-box;
      padding: 15px;
  }
  
  .websupport-wrapper .form-group input[type="checkbox"]{margin-top:10px}
  /* header css starts */
  .custom-container{
      max-width:75%;
  }
  .main-header-wrapper{
      background: #4e3e3e00 linear-gradient(257deg, #954090 0%, #039BD5 100%) 0% 0% no-repeat padding-box;
      min-height:30px;
  }
  .banner-wrapper{
      height: 360px;
      padding: 134px 0;
      overflow: hidden;
      position: relative;
  }
      .banner-wrapper::after {
          position: absolute;
          left: -18px;
          height: calc(100% + 50px);
          width: calc(100vw + 50px);
          top: -77px;
          content: '';
          background: #1E234F; /*color contrast fix*/
          /*background: linear-gradient(257deg, #954090 0%, #039BD5 100%) 0% 0% no-repeat padding-box;
          background: -ms-linear-gradient(right, #954090 0%, #039BD5 100%); */
          z-index: -1;
          /*transform: rotate3d(1, 1, 1, -4deg);*/
          clip-path: polygon(0 0, 100% 0, 100% 83%, 0 100%);
      }
  .banner-blue::after{
      background: #9EFBD3 !important;
  }
  .banner-wrapper p, .banner-wrapper h1 {
      font-family: "gotham-black-webfont", sans-serif;     
      text-transform: lowercase;
      color: white;
      font-size: 56px;
      font-weight: 700;
      text-align: left;
      background: #1e234f; /*color contrast fix*/
  }
  .banner-seperator{
      background-color: #0a443a;
      height:2px;
  }
  .logo {
      width: 25%;
      height: 75px;
      /*background: url("http://192.168.10.26/Assets/images/tpe-new-logo.svg") no-repeat center;*/
  }
     .logo img {
      width: 149px;   
      margin-top: -35px;
  }
  
  .navbar{
      padding: 0rem 1rem;
  }
  .navbar-collapse{
      height: 75px;
  }
  .nav-menu{
      width:100%;
      height: 100%;
      /*margin-bottom: -15px;*/
  }
  .imgwrap {
      height: 50px;
  }
  .header-wrapper {
      background: #1e234f;/* color contrast fix*/
      /*background-image: linear-gradient(-90deg, #943F90 2%, #A8DEF7 32%, #fff 82%);
      background: #4e3e3e00 linear-gradient(257deg, #954090 0%,
  #039BD5 100%) 0% 0% no-repeat padding-box;*/
      min-height: 30px;
  }
  
  label .star-marked, 
  .websupport-from h3.mb-4.sub-heading .star-marked,
  .Compalaint-form h3.mb-4.sub-heading .star-marked,
  legend .star-marked-radio
  { color: #005475; position: relative;
      top: -5px;}
  
  /* accessibilty top bar fixing*/
      .header-wrapper ul {
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          padding-right: 15px;
          padding-left: 15px;
          margin-right: auto;
          margin-left: auto;
          cursor: pointer;
          line-height: 30px;
      }
      .header-wrapper li {
          list-style: none;
          padding-left: 15px;
      }
  @media(min-width:576px) {
    .header-wrapper ul {
      width: 540px;
    }
    
  
  }
  @media(min-width:768px) {
    .header-wrapper ul {
      width: 720px;
    }
  }
  @media(min-width:992px) {
    .header-wrapper ul {
      width: 960px;
    }
  }
  @media(min-width:1200px) {
    .header-wrapper ul {
      width: 1140px;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
    }
  }
  /*end*/
  .header-wrapper a{
      color:white;
  }
  .header-wrapper a:hover{
      text-decoration: none;
      color: #fff;
  }
  /* .header-wrapper i{
      margin-right:5px;
  } */
  .header-wrapper .text-right-data a {
      font-family: "gotham-book-webfont", sans-serif;
      font-size: 14px;
      text-decoration: none;
      height: 40px;
      line-height: 40px;
      font-weight: bold;
      background: transparent;
      border: 0px;
      color: white;
      padding: 0;
  }
  
  /*nav menu start*/
  .nav-wrapper nav {
      background-color:white;
      box-shadow: 0 2px 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.24);
      padding-bottom:0px; 
  }
  .nav-menu .main-nav-item{
      margin-right:9px;
      line-height:73px; 
  }
  .navbar-dark .navbar-nav .nav-link {
      color: #0a493e;
  }
  .nav-menu .main-nav-item > a {
     /* color: #20234E !important;*/
      text-transform: lowercase;
      font-size: 12px !important;
      font-weight: 700;
      padding: 0px 12px !important;
      /*background-color: #fff;*/
      transition: background-color .5s ease;
      position: relative;
      font-family: "gotham-book-webfont", sans-serif;
      /*font-family: Arial;*/
  }
  
  li.nav-item.main-nav-item a::after {
      border-bottom: solid 3px #00A6E6;
  }
  
      .nav-menu .main-nav-item > a::after {
          /*content: '';
          height: 0px;
          background: #00A6E6;
          position: absolute;
          bottom: 0px;
          left: 0;
          right: 100%;
          transition: right 0.4s ease;*/
          display: block;
          content: '';
          border-bottom: solid 3px #00A6E6;
          transform: scaleX(0);
          transition: transform 250ms ease-in-out;
          transform-origin: 0% 50%;
      }
   .nav-menu .main-nav-item > a:hover::after {
      /*right:0;*/
      transform: scaleX(1);
  }
  /* .nav-menu .main-nav-item > a:focus {
      outline: none !important;
  } */
      .main-nav-item:hover .sub-menu{
      display: block;
      width: 100%;
      height: auto;
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
      border: 0;
      padding-bottom: 30px;
      border-top: 1px solid #ddd;
  }
  .sub-menu{
      display: none;
      width: auto;
      margin-top: 0;
      border-radius: 0px;
      height: auto;
      padding:0px;
  }
  .sub-menu li {
      /* display: inline-block; */
      height: 100%;
      line-height: 30px;
      padding-right: 5px;
  }
  .sub-menu li:hover{
      background-color: #fff;
  }
  .dropdown-menu.sub-menu .container {
      position:relative;
      left: 23%;
  }
  .sub-menu li a {
      /*font-family:"Gotham SSm A", "Gotham SSm B", sans-serif; */
      font-family: "gotham-book-webfont", sans-serif;
      font-weight: 700;
      padding: 0;
      color: #20234E !important;
      font-size: 13px !important;
      position: relative;
      left: 0px;
      top: 0;
      display: block;
      border-bottom: 1px solid #ddd;
      width: 100%;
      white-space: nowrap;
      line-height: 45px;
  }
  .sub-menu li a:hover{
      text-decoration: none;
      cursor: pointer;
  }
  
  span.right-arrow {
      width: 86px;
      position: relative;
      right: -246px;
      top: -24px;
  }
  
   span.right-arrow::after {
      content: ' ';
      flex: 0 1 auto;
      border: solid #00a6e6;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 3px;
      position: absolute;
      top: 50%;
      right: 15px !important;
      transform: rotate(-45deg) translateY(-50%);
      -webkit-transform: rotate(-45deg) translateY(-50%);
      -moz-transform: rotate(-45deg) translateY(-50%);
      -o-transform: rotate(-45deg) translateY(-50%);
      cursor: pointer;
  }
  .websupport-wrapper{margin-bottom:30px}
  .sub-menu li > a::before {
      content: '';
      height: 2px;
      background: #00A6E6;
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 100%;
      transition: right 0.8s ease;
  }
  
  .sub-menu li > a:hover::before {
      right: 0;
  }
  
  
  .sub-menu-container {
      width: 20%;
      margin: 0px 0px;
      text-align: left;
      padding-top: 10px;
      float: left;
  }
      ul .second-level-menu {
      position: absolute;
      top: 0;
      left: 23.5%;
      width: auto;
      border: 0;
  }
   .sub-menu-container li.nav-item:hover .second-level-menu{ display: block;} 
   .bgblock{ display: block;}
  
  .second-level-menu li a::after {
      display: none;
  }
  /*nav end*/
  
  /*
  .nav-wrapper nav{
      background-color:white;
      box-shadow: 0 2px 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.24);
      padding-top: 0px;
      padding-bottom: 0px;
  }
  .nav-menu .main-nav-item{
      margin-right:0px;
      line-height:55px;
  }
  .nav-menu .main-nav-item > a{
      color: #20234E !important;
      text-transform: lowercase;
      font-size: 13px !important;
      font-weight: 700;
      padding: 0px 12px !important;
      background-color: #fff;
      transition: background-color .5s ease;
      position: relative;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  }
  .nav-menu .main-nav-item > a:hover{
      background-color: #00A6E6;
      color: #fff !important;
      text-decoration: none;
      transition: background-color .3s ease;
  }
  .main-nav-item:hover .sub-menu{
      display: block;
      border-top: 2px solid #00A6E6;
  }
  .sub-menu{
      display: none;
      width: 100%;
      margin-top: -7px;
      border-radius: 0px;
      height: 90%;
      padding: 0px;
      border-top: 2px solid #ccc;
  }
  .sub-menu li{
      display: inline-block;
      height: 100%;
      line-height: 30px;
  }
  .sub-menu li:hover{
      background-color: #eee;
  }
  .sub-menu li a{
      padding: 0px 27px;
      color: #20234E !important;
      font-size: 14px !important;
      font-weight: 500;
  }
  .sub-menu li a:hover{
      text-decoration: none;
      cursor: pointer;
  }
  .sub-menu-container{
      width: 100%;
      margin: 0px 0px;
      text-align: center;
  }
  */
  .toggle-button{
      background-color: #00A6E6;
  }
  
  /* header css ends */
  
  /* body css starts */
  .form-bg{
      background: #F4F2F8 0% 0% no-repeat padding-box;
      padding: 15px;
  }
  .main-wrapper{
      position:relative;
      overflow: hidden;
  }
  .lookup-btn button {
      border-color: #00A6E6;
      background: #00A6E6;
      border: none;
      width: 150px;
      padding: 8px;
      border-radius: 20px;
      font-weight: 600;
      color: white;
      height: 35px;
      line-height: 16px;
      /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
      font-family: "gotham-book-webfont", sans-serif;
      font-size: 15px;
  }
  .final .btn {
      background-color: #1e234f;
      border: 2px solid #1e234f;
      width: 150px;
      padding: 8px;
      border-radius: 20px;
      font-weight: 600;
      color: white;
      height: 40px;
      line-height: 20px;
      font-size: 16px;
      /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
      font-family: "gotham-book-webfont", sans-serif;
  }
  .final .reset{
      border: 2px solid #1e234f;
      background: white;
      color: #1e234f;
  }
  
  /**/
  .btn-primary:not(:disabled):not(.disabled):active{
      color: #fff;
      background-color: #FF5b00;
      border-color: #FF5b00;
  }
  
  .btn-primary.submit:focus {	
      box-shadow: 0 0 0 .2rem rgba(255,91,0,.5);
  }
  /**/
  
  .body-wrapper{
      padding:20px 0px;
  }
  .body-wrapper .form-group input,
  .body-wrapper .form-group select{
      height: 35px ;
      color: #494d56;
      border: 1px solid #fff!important;
      border-radius: 3px;
      background-color: #fff;
      font-family: "gotham-book-webfont", sans-serif;
  }
  .body-wrapper .form-group textarea{
      border: 1px solid #fff!important;
  }
      h4.main-heading {
          color: #20234E;
          /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
          font-family: "gotham-black-webfont", sans-serif;
          font-size: 24px;
          font-weight: 300;
          text-align: left;
          padding-bottom: 30px;
      }
      .body-wrapper h4,
      .body-wrapper h5,
      .body-wrapper h6,
      .body-wrapper h2
      {
          color: #20234E;
          font-family: "gotham-black-webfont", sans-serif;
          /* font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
          font-weight: 700;
          margin-bottom: 11.5px;
      }
  .lookup-btn{
      text-align: center;
  }
  .lookup-btn button{
      margin-top:33px;
      width:90px !important;
  }
  /* body css ends */
  
  /* Custom radio button css starts */
  .body-wrapper .custom-radio-btn {
      position: absolute;
      opacity: 0;
      cursor: pointer;
  }
  
  .checkmark {
      position: absolute;
      top: 3px;
      left: 13px;
      height: 18px;
      width: 18px;
      border-radius: 50%;
      background-color: #fff;
  }
  .body-wrapper .custom-radio-btn:checked ~ .checkmark {
      background-color: #00A6E6;
  }
  .checkmark:after {
      content: "";
      position: absolute;
      display: none;
  }
  .body-wrapper .custom-radio-btn:checked ~ .checkmark:after {
      display: block;
  }
  .body-wrapper .checkmark:after {
      top: 5px;
      left: 5px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: white;
  }
  .body-wrapper .label_pref{
      margin-left:30px;
  }
  .body-wrapper .form-group label {
      font-weight: 400;
      font-size: 14px;
      color: #55585f;
      font-family: "gotham-book-webfont", sans-serif;
    
  }
  
  /* custom radio button css ends */
  
  /* Message Rec page css starts */
  
  .success {  
     height: 310px;
      padding: 55px 0;
      overflow: hidden;
      position: relative;
  }
  
  .success::after {
      position: absolute;
      left: -18px;
      height: calc(100% + 50px);
      width: calc(100vw + 50px);
      top: -77px;
      content: '';
      background: #1e234f;
      z-index: -1;
      transform: rotate3d(1, 1, 1, -4deg);
  }
  
  .success i, .success em {
      color: #fff;
      font-size:55px;
  }
      .success h2 {
          font-size: 3.5rem;
          /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
          font-family: "gotham-black-webfont", sans-serif;
          font-weight: 600;
          color: #fff;
          margin-top: 1rem;
      }
  .success-msg {
      width: 60%;
      margin: 0 auto;
      font-size: 20px;
      margin-top: 20px;
      /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
      font-family: "gotham-book-webfont", sans-serif;
      text-align: center;
      color: #20234E;
      font-weight: normal;
  }
  .go-to-home button {
      background: #00A6E6;
      border: none;
      width: 190px;
      padding: 8px;
      border-radius: 24px;
      font-weight: 600;
      color: White;
      /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
      font-family: "gotham-book-webfont", sans-serif;
  }
  .form-group label{
      font-family: "gotham-book-webfont", sans-serif;
  }
  .form-group input {
      font-family: "gotham-book-webfont", sans-serif;
  }
  .form-group textarea {
      font-family: "gotham-book-webfont", sans-serif;
  }
  .go-to-home button:hover {box-shadow:  0px 9px 14px 0px rgba(0, 0, 0, 0.2), 0px 2px 4px 0px rgba(0, 0, 0, 0.3)}
  
  .body-sections .go-to-home button {
    margin-bottom: 30px;
  }
  .body-sections .go-to-home button a {
    color: #000;
    text-decoration: none;
  }
  /* Message Rec page css ends */
  /* Message Rec page css ends */
  
  /* Message Rec page css starts */
  /*
  .success{
      background-color: #e0ded8;
      padding: 20px;
      min-height: 230px;
      justify-content: center;
      align-items: center;
      display: flex;
      width: 90%;
      margin: 0 auto;
  }
  .banner-blue i{
      color: #32d18f;
      font-size:55px;
      margin-bottom:10px;
  }
  .banner-blue h2{
      font-size: 27px;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
      font-weight: 600;
      color: #565758;
  }
  .success-msg{
      width: 75%;
      margin: 0 auto;
      font-size: 20px;
      margin-top: 20px;
      text-align: center;
      color: #0a493e;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
      font-weight:normal;
  }
  .go-to-home button{
      background: #FF5B00;
      border: none;
      width: 190px;
      padding: 8px;
      border-radius: 24px;
      font-weight: 600;
      color: White;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  }
  */
  /* Message Rec page css ends */
  
  /* complaint page css starts */
  .make-complaint{
      background-color:#e0ded8;
      min-height:340px;
      padding:10px;
  }
  .make-complaint select{
      height:47px;
      padding:10px 0px;
  }
  .make-complaint select option{
      border-bottom:1px solid #ccc;
      padding:10px;
      background-color:rgb(244,248,250);
  }
  .make-complaint select option:active{
      background-color:red;
  }
  .compl-type{
      font-size: 15px;
      font-weight: 400;
      color: grey;
      height: 45px;
      visibility:hidden;
  }
  .buttons-div{
      width: 80%;
      margin: 0 auto;
      padding-top: 23px;
  }
  .btn-blue {
      background: #1e234f;
      color: white;
      width: 92%;
      border-radius: 8px;
      font-weight: 500;
      font-size: 15px;
      height: 58px;
      /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
      font-family:"gotham-book-webfont", sans-serif;
  }
  .child-tags .btn-blue { display: flex; justify-content: center; align-items: center; color: #fff;}
  .child-tags .btn-blue:hover, .child-tags .btn-blue:active, .child-tags .btn-blue:focus { background: #357cbd; color: #fff;}
  
  /* Custom scroll and selectbox css starts */
  .ui-selectmenu-menu{
      height: 160px;
      overflow-y: auto;
      width: 474px;
    }
    .mCSB_container{
        position:absolute !important;
    }
  #number-button {
      height: 38px;
      border-radius: 8px;
      line-height: 25px;
      width: 90%;
      margin-left: -11px;
      background-color: white;
      font-size: 15px;
      /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
      font-family: "gotham-book-webfont", sans-serif;
  }
    .mCSB_dragger_bar{
      background-color: #ccc !important;
      width: 6px !important;
      height:75px !important;
    }
    .mCSB_draggerRail{
        background-color:transparent !important;
    }
    .mCSB_buttonUp,
    .mCSB_buttonDown{
        display:none !important;
    }
    .ui-selectmenu-icon.ui-icon {
      margin-top: 7px !important;
  }
  
  .ui-menu .ui-menu-item{
     border-bottom: 1px solid #ccc;
     height:40px;
     background-color:rgb(244,248,250);
  }
  .ui-menu .ui-menu-item div.ui-state-active{
      height:40px;
  }
  
  .ui-button .ui-icon {
      border: solid black;
      border-width: 0 1px 1px 0;
      display: inline-block;
      padding: 3px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      width: 4px;
      height: 4px;
  }
  /* custom scrollbar and select css ends */
  
  /* complaint page css ends */
  
  /* help page css starts */
  a:hover{ text-decoration: none;}
  .blue-box{
      background-color: white;
      min-height: 155px;
      width: 100%;
      padding: 15px;
      margin-bottom: 10px;
      color: #20234E;
      border-right: 2px solid #21A6E6;
  }
  .box-col:last-child .blue-box{
      border-right:0px solid #21A6E6;
  }
  .head-text{
      align-items: center;
      margin-top:20px;
      padding-bottom:20px;
  }
      .head-text p {
          font-size: 15px;
          font-weight: 400;
          line-height: 19px;
          margin-top: 0.5rem;
          /* font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
          font-family:"gotham-black-webfont", sans-serif;;
      }
  .learn-text {
      /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
      font-family: "gotham-book-webfont", sans-serif;;
      position: absolute;
      bottom: 0px;
      background: #21A6E6;
      border: none;
      color: white;
      border-radius: 25px;
      padding: 6px 10px;
      text-transform: lowercase;
      font-size: 11px;
      white-space: nowrap;
  }
  
  .learn-text + .arrow-right{ display: none;}
  
  .arrow-right{
      bottom: 0px;
      position: absolute;
      right: 30px;}
  
  /* help page css ends */
  
  /* chat box css starts */
  
  .chat-box{
      display:none;
      width: 320px;
      height: 300px;
      background: white;
      position: absolute;
      margin-bottom: 30px;
      border: 1px solid #ccc;
      border-radius: 5px;
      box-shadow: 0 2px 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.24);
      right: 20px;
      top: 375px;
  }
  .chat-box::before{
      content: "";
      position: absolute;
      left: 80%;
      top: 100%;
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-left: 21px solid #F9F9F9;
      border-bottom: 12px solid transparent;
      transform: rotate(90deg);
      padding: 2px;
  }
  .chat-option{
      background: transparent linear-gradient(257deg, #954090 0%, #039BD5 100%) 0% 0% no-repeat padding-box;
      border-radius: 50%;
      padding: 22px;
      width: 75px;
      height: 75px;
      position: absolute;
      right: 25px;
      top: 700px;
  }
  .chat-option i{
      color:white;
      font-size: 35px;
  }
  .chat-head{
      background: transparent linear-gradient(257deg, #954090 0%, #039BD5 100%) 0% 0% no-repeat padding-box;
      color: white;
      padding: 10px;
      font-weight: bold;
      font-size: 17px;
  }
  .chat-form{
      padding:10px;
  }
  .chat-form .row{
      margin-bottom:10px;
  }
  .chat-btn{
      background-color: #00A6E6;
      width: 100%;
      color: white;
      border: none;
      height: 40px;
      border-radius: 20px;
  
  }
  .chat-close-btn{
      margin-bottom: 0px;
      float: right;
  }
  /* chat box css ends */
  
  /* media query starts */
  @media screen and (max-width:767px){
      .buttons-div{
          width: 98%;
      }
      .btn-blue{
          margin-bottom:10px;
          font-size: 13px;
      }
      .ui-selectmenu-menu{
          width: 441px;
      }
      .sub-menu{
          height: 130px;
          overflow: auto;
          border:none;
      }
      .sub-menu li{
          display: block;
      }
      .sub-menu-container{
          text-align: left;
      }
      .chat-option {
          padding: 14px;
          width: 50px;
          height: 50px;
          right: 4px;
          top: 607px;
      }
      .chat-option i{
          font-size:22px;
      }
      .chat-box{
          right: 6px;
          top: 290px;
      }
      .box-col:last-child .blue-box {
          border-right: 2px solid #21A6E6;
      }
      .banner-wrapper p, .banner-wrapper h1 {
          font-size: 32px;
      }
  
      .buttons-div {
          width: 80%;
          margin: 0px!important;
          padding-top: 23px;
      }
  
  }
  @media screen and (min-width:768px) and (max-width:991px){
      .buttons-div{
          width: 100%;
      }
      .btn-blue{
          margin-bottom:10px;
          font-size: 12px;
          width:152px;
      }
      .ui-selectmenu-menu{
          width: 392px;
      }
      .banner-wrapper p, .banner-wrapper h1 {
          font-size: 40px;
      }
      .box-col:last-child .blue-box {
          border-right: 2px solid #21A6E6;
      }
  }
  
  @media screen and (min-width:992px) and (max-width:1200px){
      .buttons-div{
          width: 93%;
      }
      .btn-blue{
          margin-bottom:10px;
          font-size: 14px;
          width:98%;
      }
      .ui-selectmenu-menu{
          width: 388px;
      }
      .nav-menu .main-nav-item > a {
          padding: 0px 12px !important;
          font-size: 12px !important;
      }
      .container, .container-lg, .container-md, .container-sm{
          max-width:1030px;
      }
      .sub-menu li a {
          font-size: 12px !important;
      }
      .dropdown-menu.sub-menu .container {
          left: 20%;
      }
  }
  @media (min-width:1300px) {
      .dropdown-menu.sub-menu .container{
          left: 22%;
      }
  }
      /* media query ends */
  
      /* footer css starts */
      .inner-social.text-center {
          text-align: left;
      }
  
      .social-media {
          background-image: linear-gradient(-90deg, #42A9EB 0%, #A8DEF7 0%, #fff 100%);
          padding: 10px;
          height: 55px;
      }
  
      .inner-social ul {
          list-style-type: none;
          text-align: left;
          padding-left: 0;
      }
  
      .inner-social li {
          padding: 0px 5px;
          display: inline-block;
          background-size: 159px 37px;
          background-repeat: no-repeat;
          height: 35px;
          position: relative;
          top: 0;
      }
  
      .validate {
          font-family: "gotham-book-webfont", sans-serif;
          font-size: 14px;
      }
  
      .inner-social img {
          width: 40px;
      }
  
      .main-foot {
          background-color: #fff;
          padding: 30px;
          height: 90px;
      }
  
      .footer-links {
          list-style-type: none;
          padding-left: 0px;
      }
  
          .footer-links li:first-child {
              padding-bottom: 20px;
          }
  
          .footer-links li {
              padding-bottom: 10px;
          }
  
              .footer-links li a {
                  color: #e2f5e9;
                  font-size: 14px;
                  position: relative;
              }
  
                  .footer-links li a:hover {
                      text-decoration: none;
                  }
  
                  .footer-links li a::before {
                      content: '';
                      height: 1px;
                      background: #fff;
                      position: absolute;
                      bottom: -1px;
                      left: 0;
                      right: 100%;
                      transition: right 0.4s ease;
                  }
  
                  .footer-links li a:hover::before {
                      right: 0px;
                  }
  
              .footer-links li:first-child a:hover::before {
                  right: 100% !important;
              }
  
              .footer-links li:first-child a {
                  font-weight: 600;
                  color: white;
                  font-size: 16px;
              }
  
      .end-foot {
          color: #2B3161;
          background-color: #fff;
          font-size: 14px;
          padding: 15px;
          text-align: left;
      }
  
          .end-foot p {
              margin-bottom: 0px;
          }
      /* footer css ends */
  
  
      /* what can we help with you page footer*/
      .footer-wrapper .main-foot .container .row > div {
          width: 100%;
      }
  
      .footer-wrapper .main-foot nav ul {
          background: #fff;
          font-weight: 400;
          box-sizing: border-box;
          width: 100%;
          text-align: left;
          padding-bottom: 20px;
          padding-left: 0;
      }
  
      .footer-wrapper .main-foot nav ul {
          list-style: none;
      }
  
          .footer-wrapper .main-foot nav ul li {
              display: inline-block;
              padding: 0 15px;
          }
  
              .footer-wrapper .main-foot nav ul li a {
                  color: #2B3161;
                  text-decoration: none;
                  font-size: 12px;
              }
  
              .footer-wrapper .main-foot nav ul li:not(:last-child) a::after {
                  content: '|';
                  color: #00A6E6;
                  margin-left: 10px;
              }
      /*  */
  
  
      /* calendar style*/
      .ui-datepicker {
          padding: 1em .2em 1em;
      }
  
      .ui-widget.ui-widget-content {
          border: 0;
      }
  
      .ui-datepicker {
          border: 0;
          border-top: 3px solid #00A6E6 !important;
          border-radius: 0;
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24);
          background-color: #fff;
      }
  
          .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
              display: none;
          }
  
      .ui-datepicker-multi .ui-datepicker-buttonpane {
          text-align: center;
      }
  
      .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
          float: none;
      }
  
      .ui-datepicker .ui-datepicker-buttonpane button {
          margin: .5em -1px .4em;
      }
  
      .ui-datepicker .ui-datepicker-buttonpane button {
          text-align: center;
          border-radius: 0;
          background-color: transparent;
          border: 1px solid #00A6E6;
          height: auto;
          color: #00A6E6;
          line-height: 2.4;
          margin: 0;
          padding: 0;
          min-width: 150px;
          font-family: "gotham-book-webfont", sans-serif;
          font-weight: bold;
          font-size: 14px;
          transition: all all 0.3s ease-out ease-out;
          box-shadow: none;
      }
  
          .ui-datepicker .ui-datepicker-buttonpane button:first-child {
              border-radius: 5px 0 0 5px;
          }
  
          .ui-datepicker .ui-datepicker-buttonpane button:hover, .ui-datepicker .ui-datepicker-buttonpane button.selected {
              transition: all all 0.3s ease-out ease-out;
              background-color: #00A6E6;
              color: #fff;
              font-weight: bold;
              box-shadow: none;
          }
  
          .ui-datepicker .ui-datepicker-buttonpane button:last-child {
              border-left-width: 0;
              border-radius: 0 5px 5px 0;
          }
  
      .ui-datepicker .ui-datepicker-buttonpane {
          background-image: none;
          margin: 0 0 0.5em 0;
          padding: 0;
          border: 0;
      }
  
      .ui-widget-header {
          border: 0;
          background: none;
          color: #1E234F;
          font-weight: bold;
      }
  
      .ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
          font-size: 16px !important;
          line-height: 34px;
          font-weight: 700;
          color: #1E234F;
      }
  
      .ui-datepicker th {
          color: #1E234F;
      }
  
  
  
      .ui-state-default, .ui-widget-content .ui-state-default {
          border: 0;
          background: none;
          font-weight: normal;
          color: #1E234F;
          text-align: center;
      }
  
      .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
          border: 0;
          background: #1E234F;
          color: #fff;
          border-radius: 20px;
      }
  
      .ui-datepicker td a, .ui-datepicker td span {
          padding: 6px;
          min-width: 32px;
      }
  
      .ui-datepicker .ui-datepicker-calendar tbody .ui-state-disabled .ui-state-default:hover, .ui-datepicker .ui-datepicker-calendar tbody .ui-state-default:hover {
          background-color: rgba(30, 35, 79, 0.2);
          color: #1E234F !important;
          border-radius: 20px;
          text-decoration: none;
      }
      /* end*/
  
  
      /* captcha location*/
      .grecaptcha-badge {
          bottom: 80px !important;
      }
      /**/
  
      /* complaint page css starts */
      .make-complaint .compl-wrapper {
          text-align: left;
          display: flex;
          justify-content: flex-start;
          align-items: baseline;
      }
  
          .make-complaint .compl-wrapper label {
              white-space: nowrap;
              padding: 0 15px;
          }
  
      .make-complaint {
          /*background-color: rgb(213, 209, 202);*/
          background-color: #F4F2F8;
          min-height: 340px;
          padding: 10px;
      }
  
          .make-complaint select {
              height: 47px;
              padding: 10px 0px;
          }
  
              .make-complaint select option {
                  border-bottom: 1px solid #ccc;
                  padding: 10px;
                  background-color: rgb(244, 248, 250);
              }
  
                  .make-complaint select option:active {
                      background-color: red;
                  }
  
      .compl-type {
          font-size: 15px;
          font-weight: 400;
          color: grey;
          height: 45px;
          visibility: hidden;
      }
  
      .buttons-div {
          width: 100%;
          margin: 0 auto;
          padding-top: 23px;
          justify-content: center;
      }
  
      .body-wrapper .form-group input, .body-wrapper .form-group select {
          height: calc(1.5em + .75rem + 2px);
      }
  
      .make-complaint select {
          padding: 0;
      }
  
      .child-tags {
          margin-top: 15px;
      }
  
      /*.make-complaint .child-tags button {
          height: 100%;
      }*/
  
  
      /* info icon show details  */
      .file-details p.btm-space{ margin-bottom: 5px; margin-top:10px;}
  
  .Compalaint-form .file-details {
      display: none;
      border-radius: 3px;
      padding: 5px 6px;
      z-index: 2;
      position: absolute;
      width: auto;
      bottom: 60%;
      left: 90px;
      background: #565252;
      color: #fff;
      box-shadow: 3px 2px 6px #888;
  }
  
  
  .Compalaint-form .file-details::after {
      width: 0;
    height: 0;
    border-top: 6px solid #b0adad;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    content: '';
    position: absolute;
    bottom: -13px;
    left: 215px;
  }
     
          .file-details p {
              margin-bottom: 0;
              font-size: 16px;
              font-weight: lighter;
              line-height: 17px;
              /* color: #171b25; */
              color: #fff;
          }
  
      #contact-info-hide {
          cursor: pointer;
          padding-left: 5px;
      }
  
          #contact-info-hide:hover + .file-details {
              display: block;
          }
          #contact-info-hide-file
  {
      cursor: pointer;
      padding-left: 5px;
  }
  #contact-info-hide-file:hover + .file-details{ display: block; }
      /**/
  
      /* buy now button */
  
      .buy-now-btn button, .buy-now-btn a {
          background: none;
          /*border: 2px solid #FF5B00; */
          border:2px solid #943400; /*color contrast fix*/
          width: 160px;
          padding: 10px 18px;
          border-radius: 20px;
          font-weight: bold;
          /*color: #FF5B00; */
          color: #943400;/*color contrast fix*/
          /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
          font-family: "gotham-book-webfont", sans-serif;
          /*box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);*/
          text-transform: lowercase;
          font-size: 14px;
          text-align:center;
          display: inline-block;
      }
      .buy-now-btn a:hover { text-decoration: none;}
          .buy-now-btn button:hover, .buy-now-btn button:hover a, .buy-now-btn a:hover {
              /*background: #FF5B00; */
              background:#943400;/*color contrast fix*/
              color: #fff;
          }
  
          .buy-now-btn button a {
              color: #FF5B00;
              text-decoration: none;
          }
  
      /**/
  
      /* timepicker style */
      .ui-timepicker-wrapper {
          width: calc(100% - 68%);
      }
  
      .ui-timepicker-list li:hover {
          background-color: #EEE9F3;
          color: #000;
      }
  
      /* min-height set for form label */
      .Compalaint-form .at-gt-labeldata label {
          min-height: 115px;
      }
  
      .Compalaint-form .two-row-height label {
          min-height: 45px;
      }
  
      .Compalaint-form .three-row-height label:not(.label_pref) {
          min-height: 60px;
      }
  
      /* calendar top position*/
      .ui-widget.ui-widget-content {
          margin-top: -40px;
      }
  
      /* check box alignment */
      .body-wrapper .form-group input.radio-required {
          height: auto;
      }
  
      .body-wrapper .form-group input[type="checkbox"] {
         height: auto;
      transform: scale(1.5);
      margin-right: 15px;
      margin-top: -3px;
      margin-left: 7px;
      }
      
      .reciteme {
          /* font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
          font-family: "gotham-book-webfont", sans-serif;
          font-size: 14px;
          text-decoration: none;
          height: 40px;
          line-height: 40px;
          font-weight: bold;
          background: transparent;
          border: 0px;
          color: white;
          padding: 0;
      }
  @media( max-width: 767px){
      .reciteme {  
          font-size: 13px;       
      }
  }
      .form-check-label {
          line-height: 46px;
          margin-left: 13px;
      }
  
      .form-check-input {
          margin-left: -13px;
      }
  
      .html-content-section
      ul
      li
      a {
          font-family: "gotham-book-webfont", sans-serif;
          /* font-family: Arial; */
          font-weight: 300;
      }
  
      .html-content-section
      p {
          /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
          font-family: "gotham-book-webfont", sans-serif;
          font-weight: 300;
          font-size: 12px !important;
      }
  
      h4.sub-heading {
          color: #20234E;
          /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;*/
          font-family: "gotham-black-webfont", sans-serif;
          font-size: 17px;
          font-weight: 200;
          text-align: right;
      }
  
      .buy-now-btn {
          padding-bottom: 3px;
      }
  
      @media (max-width: 991px) {
          span.right-arrow {
              border-left: 2px solid rgba(0, 166, 230, 0.15);
              padding: 30px;
              width: 86px;
              position: absolute;
              right: 0px;
              top: 6px;
          }
  
          .nav-menu {
              margin-bottom: 10px;
          }
      }
  
      @media (max-width: 700px) {
          /* .final .btn {
              width: 78px;
          } */
  
          .blue-box {
              border-bottom: 2px solid #21A6E6;
              border-right: unset;
          }
      }
  
  
      .radiorow .container {
          display: block;
          position: relative;
          padding-left: 35px;
          margin-bottom: 12px;
          cursor: pointer;
          margin-left: 5px !important;
          margin-right: 5px !important;
          max-width: max-content;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
      }
  
          .radiorow .container input {
              position: absolute;
              opacity: 0;
              cursor: pointer;
          }
  
      .radiorow .checkmark {
          position: absolute;
          top: 0;
          left: 0;
          height: 18px;
          width: 18px;
          background-color: #ffffff;
          border-radius: 50%;
      }
  
      .radiorow .container input:checked ~ .checkmark {
          background-color: #21A6E6;
          border-radius: 30%;
      }
  
      .radiorow .checkmark:after {
          content: "";
          position: absolute;
          display: none;
      }
  
      .radiorow .container .checkmark:after {
          top: 9px;
          left: 9px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: white;
      }
  
      fieldset {
          border: none;
          width: 100% !important;
          margin-left: 1rem;
      }
  
      .radio-wrapper {
          margin: 0.5rem 0;
          display: inline !important;
          padding-right: 45px;
      }
  
      input[type="radio"] {
          opacity: 0;
          width: 20px !important;
          z-index: 1 !important;
          height: 20px !important;
      }
  
  
          input[type="radio"] + label {
              position: relative;
              cursor: pointer;
          }
  
              input[type="radio"] + label::before {
                  content: '';
                  position: absolute;
                  left: -24px;
                  / Fixed alignment in some browsers. / top: 0;
                  border-radius: 50%;
                  border: 2px solid #6F686A;
                  width: 18px;
                  height: 18px;
              }
  
              input[type="radio"] + label::after {
                  content: '';
                  position: absolute;
                  left: -22px;
                  top: 2px;
                  border-radius: 50%;
                  width: 14px;
                  height: 14px;
              }
  
          input[type="radio"]:checked + label::after {
              background: #00A6E6;
              /* The background is removed in Windows high-contrast mode, so we
       need to set it explicitly here. `WindowText` is a system color
       that should work with whatever high contrast mode the user
       has set. */
          }
  
      @media screen and (-ms-high-contrast: active) {
          input[type="radio"]:checked + label::after {
              background: WindowText;
          }
      }
  
  input[type="radio"]:focus + label::before {
      /* The first box shadow makes the border thicker without
       moving the UI (like border-width would). */
      box-shadow: 0 0px 0px 1px #6F686A, 0 0px 8px #00A6E6;
      /* Since box shadows don't show up in high contrast mode,
       we're adding a transparent outline (which does show up). */
      outline: 2px dotted transparent;
  }
  
  
  
  
      /* menu css strat */
      @media(min-width: 992px) {
          .mobile-navbar, .mobile-navbar + nav.nav-drill.nav-top {
              display: none;
          }
      }
  
      @media (max-width: 991px) {
  
          .navigation nav{ font-family: "gotham-book-webfont", sans-serif;}
          .nav-wrapper {
              display: none;
          }
          .navigation{ position: relative;}
          .mobile-menu-wrapper {
              display: flex;
          }
          nav.nav-drill.nav-top ul li .menu-txt{ 
              font-size: 17px;
              color: #00A6E6; 
              font-weight: bold;
              padding: 20px;
          }
          .buy-now-btn button {
              padding-top: 2px;
              width: 100px;
              font-size: 12px;
          }
              .buy-now-btn button a {
                  position: relative;
                  top: 5px;
              }
              .mobile-navbar .d-flex {
              justify-content: space-between;
              width: 100%;
              align-items: center;
          }
  
          a {
              text-decoration: none;
          }
  
          .nav-top {
              display: flex;
              align-items: center;
              z-index: 101;
              padding: 10px 20px;
              width: 100%;
              height: 70px;
              background-color: #fff;
              position: relative;
          }
  
              .nav-top .hamburger {
                  margin-left: auto;
                  color: #fff;
                  cursor: pointer;
              }
  
          .nav-drill {
              transform: translateX(100%);
              top: 100%;
              position: absolute;
              z-index: 100;
              right: 0;
              width: 0;
              height: 36vh;
              background-color: #fff;
              overflow-y: auto;
              overflow-x: hidden;
              -webkit-overflow-scrolling: touch;
              transition: 0.45s;
          }
          /* nav.nav-drill.nav-top{ position: fixed; top: 111px; display: block; width: 100%; height: 100%; overflow-y: scroll;}
          nav.nav-drill.nav-top ul.nav-items.nav-level-1{ position: relative;} */
          .nav-is-toggled .nav-drill {
              transform: translateX(0);
              margin-top: 0;
              padding: 0;
              width: 100%;
              height: calc(100vh - 90px);
              align-items: unset;
              overflow: hidden;
              border-top: 2px solid rgba(0, 166, 230, 0.15);
          }
          /* .nav-is-toggled .nav-drill {
              transform: translateX(0);
              margin-top: 0;
              padding: 0;
              width: 100%;
              height: auto;
              align-items: unset;
              overflow: hidden;
          } */
      
              .nav-is-toggled .nav-drill ul {
                  padding-left: 0;
              }
  
          .nav-is-toggled::after {
              opacity: 1;
              visibility: visible;
          }
  
          .nav-items {
              flex: 0 0 100%;
          }
  
          .nav-item {
              border-bottom: 2px solid rgba(0, 166, 230, 0.15);
          }
  
          .nav-link {
              display: block;
              padding: 0.875em 1em;
              background-color: #fff;
              color: #1E234F;
              font-size: 16px;
              line-height: 42px;
              font-weight: bold;
              text-transform: lowercase;
              height: 70px;
          }
          .nav-link:hover{color: #1E234F;}
  
          .nav-expand-content {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              transform: translateX(100%);
              background-color: #fff;
              transition: 0.3s;
              visibility: hidden;
          }
  
              .nav-expand-content .nav-item:not(:last-child) {
                  border-bottom: 2px solid rgba(0, 166, 230, 0.15);
              }
  
              .nav-expand-content .nav-link {
                  background-color: #fff;
              }
  
          .nav-is-toggled {
              position: fixed;
          }
  
          .nav-expand-content .nav-back-link::before {
              margin-right: 0.5em;
              font-family: 'Material Icons';
              content: ' ';
              flex: 0 1 auto;
              border: solid rgba(0, 0, 0, 0.3);
              border-width: 0 3px 3px 0;
              display: inline-block;
              padding: 5px;
              transform: rotate(135deg);
              -webkit-transform: rotate(135deg);
              -moz-transform: rotate(135deg);
              -o-transform: rotate(135deg);
          }
  
          .nav-expand-link {
              position: relative;
          }
  
          .menu-item-wrapper {
              position: relative;
          }
  
          .nav-expand-link::after {
              display: none;
          }
  
          .nav-expand-link + span.right-arrow::after {
              content: ' ';
              flex: 0 1 auto;
              border: solid #00A6E6;
              border-width: 0 3px 3px 0;
              display: inline-block;
              padding: 5px;
              position: absolute;
              top: 50%;
              right: 30px !important;
              transform: rotate(-45deg) translateY(-50%);
              -webkit-transform: rotate(-45deg) translateY(-50%);
              -moz-transform: rotate(-45deg) translateY(-50%);
              -o-transform: rotate(-45deg) translateY(-50%);
              cursor: pointer;
          }
  
          .nav-expand.active > .nav-expand-content {
              transform: translateX(0);
              visibility: visible;
              z-index: 9;
              overflow-y: auto;
          }
  
          .nav-expand .nav-expand-content {
              background-color: #fff;
          }
  
              .nav-expand .nav-expand-content .nav-link {
                  background-color: #fff;
                  color:#1E234F ;
              }
  
              .nav-expand .nav-expand-content .nav-expand-content {
                  background-color: #fff;
              }
  
                  .nav-expand .nav-expand-content .nav-expand-content .nav-link {
                      background-color: #fff;
                  }
  
                  .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content {
                      background-color: #fff;
                  }
  
                      .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
                          background-color: #fff;
                      }
  
                      .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content {
                          background-color: #fff;
                      }
  
                          .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
                              background-color: #fff;
                          }
  
          .mobile-navbar .menu-trigger {
              position: static;
              height: 38px;
              width: auto;
              cursor: pointer;
              padding: 2px 4px 2px 10px;
              border-radius: 4px;
              text-align: center;
          }
  
              .mobile-navbar .menu-trigger .hamburger {
                  margin-top: 6px;
                  position: relative;
                  display: inline-block;
                  width: 24px;
                  height: 21px;
                  border-top: 3px solid #00A6E6;
                  border-bottom: 3px solid #00A6E6;
              }
  
                  .mobile-navbar .menu-trigger .hamburger::before {
                      content: "";
                      position: absolute;
                      top: 6px;
                      left: 0px;
                      width: 100%;
                      border-top: 3px solid #00A6E6;
                  }
  
          .nav-is-toggled .mobile-navbar .menu-trigger .hamburger::before {
              height: 27px;
              width: 3px;
              transform: rotate(45deg);
          }
  
          .nav-is-toggled .mobile-navbar .menu-trigger .hamburger {
              border: 0px;
          }
  
          .nav-is-toggled .mobile-navbar .hamburger:before, .nav-is-toggled .mobile-navbar .hamburger:after {
              position: absolute;
              left: 11px;
              top: -4px;
              content: ' ';
              background-color: #00A6E6;
          }
  
          .mobile-navbar .logo {
              width: 100%;
              max-width: 125px;
          }
  
              .mobile-navbar .logo img {
                  max-width: 110px;
              }
  
          .nav-is-toggled .hamburger:after {
              height: 28px;
              width: 3px;
              transform: rotate(-45deg);
          }
  
          ul.nav-items {
              list-style: none;
          }
      }
      /* menu css end */
  
      /* cal css for mobile start */
      @media (max-width: 767px) {
          .custom-container {
              max-width: 100%;
          }
  
          .ui-widget.ui-widget-content {
              margin-top: 0px;
          }
  
          .ui-datepicker.ui-datepicker-multi {
              width: auto !important;
          }
  
          .ui-datepicker {
              left: 0 !important;
              right: 0 !important;
              top: 0 !important;
              height: 100% !important;
              width: 100% !important;
              max-width: 100% !important;
              border-top: 0 !important;
              position: fixed !important;
              background-color: white;
              z-index: 9999999999 !important;
          }
  
          .ui-datepicker-multi-2 .ui-datepicker-group {
              width: 100%;
          }
  
          .ui-datepicker .ui-datepicker-buttonpane {
              background-image: none;
              margin: 5px 8%;
              padding: 0;
              border: 0;
          }
      }
      /* cal css for mobile end */
  
  .header-wrapper ul {
      margin-bottom: 0px;
  }
  
  .btn.focus, .btn:focus {
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0)!important;
  }
  
  
  
      /* sign up now banner */
      #signUpNow {
          background:#813779; /*color contrast fix*/
          /*background-image: linear-gradient(to left, #c77bc4 40%, #943f90);*/
          margin: 0;
      }
  
      @media screen and (max-width: 1400px) {
          #signUpNow .container-right {
              right: -10%;
          }
      }
  
      #signUpNow .container-right {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-order: 1;
          order: 1;
          position: absolute;
          right: -10%;
          width: 653px;
          height: 182px;
      }
  
          #signUpNow .container-right .btn-container {
              z-index: 1;
          }
  
              #signUpNow .container-right .btn-container .btn-revenue-custom {
                  margin-top: 120px;
                  margin-right: 9px;
                  /*background: #00a6e6;*/
                  background: #1e234f; /*color contrast fix*/
                  font-size: 14px;
                  line-height: 1;
                  padding: 7px;
                  box-shadow: 0px 9px 14px 0px rgba(0, 0, 0, 0.2), 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
                  font-family: "gotham-book-webfont", sans-serif;
                  text-align: center;
                  vertical-align: middle;
                  -ms-touch-action: manipulation;
                  touch-action: manipulation;
                  cursor: pointer;
                  background-image: none;
                  border: 1px solid transparent;
                  padding: 12px 18px;
                  display: inline-block;
                  text-decoration: none;
                  border-radius: 20px;
                  min-width: 180px;
                  text-transform: lowercase;
                  color: #fff;
                  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
                  font-weight: bold;
                  outline: none;
              }
  
      #signUpNow .img {
          -ms-flex-order: 1;
          order: 1;
          position: absolute;
          right: 0%;
          width: 443px;
          height: 182px;
      }
  
      #signUpNow .triangle-down {
          width: 0;
          height: 0;
          border-right: 114px solid transparent;
          /*border-top: 182px solid #c77bc4;*/
          border-top: 182px solid #813779;/* color contrast fix*/
          
      }
  
      #signUpNow .container {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
          flex-direction: row;
          position: relative;
          /*padding: 0 !important;*/
      }
  
          #signUpNow .container .description .title {
              margin-top: 40px;
              margin-bottom: 0px;
              width: 345px;
              height: 36px;
              font-family:"gotham-black-webfont", sans-serif;
              font-size: 28px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.29;
              letter-spacing: normal;
              color: #ffffff;
          }
  
          #signUpNow .container .description {
              -ms-flex-order: 0;
              order: 0;
              width: 100%;
              height: 182.4px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: row;
              flex-direction: row;
              -ms-flex-pack: left;
              justify-content: left;
          }
  
              #signUpNow .container .description .sub-title {
                  margin: 0px;
                  font-size: 28px;
                  font-weight: normal;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.29;
                  letter-spacing: normal;
                  color: #ffffff;
              }
  
              #signUpNow .container .description .btn-sign-up {
                  display: none;
              }
  
              #signUpNow .container .description .policy {
                  margin-top: 27px;
                  font-size: 12px;
                  color: #ffffff;
              }
  
                  #signUpNow .container .description .policy a {
                      text-decoration: underline;
                      font-size: 12px;
                      font-weight: bold;
                      color: #fff;
                  }
  
              #signUpNow .container .description .btn-revenue-custom {
                  margin-top: 106px;
                  margin-right: 9px;
                  background: #20234E;
                  font-size: 14px;
                  line-height: 1.5;
                  padding: 7px;
                  box-shadow: 0px 9px 14px 0px rgba(0, 0, 0, 0.2), 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
                  font-family: "gotham-book-webfont", sans-serif;
                  text-align: center;
                  vertical-align: middle;
                  -ms-touch-action: manipulation;
                  touch-action: manipulation;
                  cursor: pointer;
                  background-image: none;
                  border: 1px solid transparent;
                  padding: 12px 18px;
                  display: inline-block;
                  text-decoration: none;
                  border-radius: 20px;
                  min-width: 180px;
                  text-transform: lowercase;
                  color: #fff;
                  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
                  font-weight: bold;
                  outline: none;
              }
      /*mobile styles*/
      @media screen and (max-width: 1199px) {
          #signUpNow .container-right {
              right: -20%;
          }
  
          #signUpNow .container .description {
              width: 85%;
          }
  
              #signUpNow .container .description .policy {
                  margin-top: 10px;
              }
      }
  
      @media screen and (max-width: 900px) {
          #signUpNow .container-right {
              right: -30%;
          }
  
          #signUpNow .container .description {
              width: 75%;
          }
      }
  
      @media screen and (max-width: 767px) {
  
          h4.sub-heading {
              text-align: left;
          }
  
          #signUpNow .container-right {
              display: none;
          }
  
          #signUpNow .container .description .sub-title {
              margin-top: 12px;
              text-align: center;
              font-size: 24px;
              width: 100%;
          }
  
          #signUpNow .container .description {
              height: 292px;
              width: 100%;
              padding: 0 12px;
              -ms-flex-pack: center;
              justify-content: center;
          }
  
              #signUpNow .container .description .title {
                  margin-top: 29px;
                  text-align: center;
                  width: 100%;
              }
  
              #signUpNow .container .description .btn-sign-up {
                  margin-top: 32px;
                  display: list-item;
                  list-style-type: none;
                  text-align: center;
                  width: 100%;
              }
  
              #signUpNow .container .description .policy {
                  margin-top: 12px;
                  width: 100%;
                  text-align: center;
              }
  
              #signUpNow .container .description .btn-revenue-custom {
                  margin-top: 0;
              }
      }
      /*@media screen and (max-width: 1400px) {
      #signUpNow .container-right {
          right: -10%;
      }
  }*/
  
      /*cookie styles*/
      .component-cookie-notification {
          font-family:"gotham-book-webfont", sans-serif;
          font-weight: 700;
          font-style: normal;
          position: fixed;
          bottom: 0;
          left: 0;
          right: 0;
          background: #e0ded8;
          z-index: 200;
      }
  
      .cookie-bar-wrap .cookie-message {
          color: #2B3161;
          padding: 35px 25px;
          text-align: center;
      }
  
          .cookie-bar-wrap .cookie-message .container {
              position: relative;
          }
  
          .cookie-bar-wrap .cookie-message p {
              margin: 0 auto;
              font-size: 17px !important;
          }
  
          .cookie-bar-wrap .cookie-message .closebutton {
              background: url(../../images/close.svg) no-repeat center;
              border: 0;
              background-size: contain;
              height: 17px;
              position: absolute;
              top: 14px;
              margin-top: -8px;
              right: -9px;
          }
  
  
      .component-cookie-notification {
          display: none;
      }
  
      /*Promo card new tiles*/
      .promo-card--icon {
          min-height: 200px;
          box-shadow: -3px -2px 13px 0px rgba(0, 0, 0, 0.1), 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
      }
  
      .promo-card {
          text-align: left;
          overflow: hidden;
          min-height: 122px;
          width: 100%;
          position: relative;
          z-index: 3;
          background: #fff;
          margin-bottom: 25px;
      }
  
      .promo-card--icon .promo-card__wrapper {
          display: table;
          width: 100%;
          height: 120px;
      }
  
      .promo-card .promo-card-link {
        
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 20;
      }
  
      .promo-card .promo-card__content {
          position: absolute;
          vertical-align: top;
          text-align: left;
          width: 55%;
          padding: 20px 0 20px 20px;
          color: #fff;
          background-size: cover;
          background-repeat: no-repeat;
          transition: all .3s ease-out;
      }
  
      .promo-card .text {
          /*position: relative;
      z-index: 5;*/
          color: #1E234F;
      }
  
      .promo-card--icon .text h3 {
          font-size: 1em;
          color: #20234E;
          font-weight: 600;
      }
  
      .text-height {
          height: 85px;
      }
  
      .promo-card .text h3 {
          text-transform: lowercase;
          margin-top: 0;
          font-family: "gotham-black-webfont", sans-serif;
      }
  
      .promo-card .learn-text-cta {
          text-transform: lowercase;
          margin-top: -22px;
          font-size: 12px;
          color: #fff;
          font-weight: bold;
          text-decoration: none;
          cursor: pointer;
          /*color: #00A7E7;*/
          color: #005F85;/*color contrast*/
          white-space: nowrap;
      }
  
          .promo-card .learn-text-cta:hover {
              text-decoration: underline;
          }
  
      .promo-card--icon .separator {
          display: inline-block;
          position: absolute;
          width: 75%;
          height: 100%;
          top: 0;
          bottom: 0;
          background-image: linear-gradient(-19deg, #C774C3 0%, #954090 100%);
          transform: skewX(-22deg);
          left: 55%;
          z-index: -1;
      }
  
      .promo-card--icon .promo-card__asset {
          background-size: 120px;
          background-position: center center;
          background: none;
          padding: 0;
      }
  
      .promo-card--icon .promo-card__asset {
          position: relative;
          top: 40px;
          right: 33px;
          float: right;
      }
  
  
      @media (max-width: 767px) {
          .text-height {
              height: 20px;
          }
  
          .promo-card--icon .separator {
              display: none;
          }
  
          .promo-card--icon .promo-card__asset {
              height: 150px;
              background-size: 100px;
              background-position: center 35%;
              background: linear-gradient(-19deg, #C774C3 0%, #954090 100%);
          }
  
          .promo-card .promo-card__content {
              width: 100%;
              position: static;
          }
  
          .promo-card--icon .promo-card__asset {
              top: 0;
              right: 0;
              text-align: center;
              float: none;
              width: 100%;
          }
          
          .promo-card .learn-text-cta {
          text-transform: lowercase;
          margin-top: 19px;
          }
          
          .promo-card--icon .text h3 {
          font-size: 1.1em;
          color: #20234E;
          font-weight: 600;
          }
          
          .promo-card .learn-text-cta {
          text-transform: lowercase;
          margin-top: 21px;
          font-size: 14px;
          color: #00A7E7;
          font-weight: 700;
          }
          
          .promo-card--icon .promo-card__asset img {
          position: relative;
          top: 44px;
          width: 77px;
          }
  
  
              .promo-card--icon .promo-card__asset img {
                  position: relative;
                  top: 52px;
              }
      }
  
     
      /*Promo card new tiles end*/
  
      .margin-top-heading {
          margin-top: 15px;
          margin-bottom: 22px;
      }
          .margin-top-heading p {
              font-size: 14px;
              color: #55585f;
              font-family: "gotham-book-webfont", sans-serif;
          }
  .ui-dialog-titlebar-close {
      background: url(../../images/closekindpng.png) no-repeat center, #00A6E6;
      background-size: contain;
      height: 16px !important;
      position: absolute;
      top: -15px;
      margin-top: -8px;
      right: 0px;
      border: 0;
  }
  .ui-dialog .ui-dialog-buttonpane button {
      background-color: #00A6E6;
      border: 0;
      color: white;
  }
  
  a:focus {
      outline-offset: inherit;
      outline-color: #943f90!important;
  }
  .ui-widget-content a {
      color: rgb(0, 123, 255);
  }
      .ui-widget-content a:hover {
          text-decoration: underline;
      }
  
  .number-of-children-heading{
          font-weight: 400;
      font-size: 14px;
      color: #55585f;
      font-family: "gotham-book-webfont", sans-serif;
  }
  
  
  .searchdrop-down{
      position: relative;
      top: 2px;
      left: 0;
      width: 100%;
      z-index: 99;
      margin: 0 auto;
      
  }
  .searchdrop-down ul{
      position: absolute;
      left: 0;
      top:0;
      display: block;    
      list-style: none;
      padding: 5px 10px;
      margin: 0;
      width: 100%;
      max-height: 255px;
      overflow-y: auto;
      background: #fff;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  }
  
  .searchdrop-down ul li{
         
      list-style: none;
      padding: 0 !important;
      margin: 0;
      float: none !important;
      width: 100%;
  }
  .searchdrop-down ul li:hover{
          background: lightgray;
          cursor:pointer;
  }
  
  
  /*  modal styling */
  .faq-modal-container { font-family: "gotham-book-webfont", sans-serif; }
  .faq-modal-container .modal-content h1{
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 1.5rem;
      color: #20234e;
  }
  .faq-modal-container .modal-content .modal-body{ padding: 1.5rem; max-height: 400px; overflow-y: scroll;}
  .faq-modal-container .modal-content .modal-body::-webkit-scrollbar-track
  {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 5px;
  background-color: #F5F5F5;
  }
  
  .faq-modal-container .modal-content .modal-body::-webkit-scrollbar
  {
  width: 8px;
  background-color: #F5F5F5;
  }
  
  .faq-modal-container .modal-content .modal-body::-webkit-scrollbar-thumb
  {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #ddd;
  }
  
  .faq-modal-container .modal-content{ border-radius: 12px;}
  .faq-modal-container .modal-header{ background: #1e234f; border-top-left-radius: 10px; border-top-right-radius: 10px;}
  .faq-modal-container .modal-header, .faq-modal-container .modal-header .modal-title .form-inline { justify-content: center;}
  .faq-modal-container .modal-title{ width: 100%;}
  .faq-modal-container .modal-header button.close{
      background: rgba(255,255,255,0.5);
      border-radius: 50%;
      margin: 0;
      padding: 0;
      width: 50px;
      height: 50px;
      opacity: 1;
      color: #fff;
      text-shadow: none;
      font-weight: lighter;
      font-size: 40px;
      text-align: center;
      padding: 0 ;
      position: absolute;
      right: 15px;
      top: 9px;
      font-family: initial;
      font-weight: lighter;
  }
  .faq-modal-container .modal-header .form-control{padding: 1.35rem .75rem;
      border: 0;}
      .faq-modal-container .modal-header .form-control.searchFaq::after{
          content: 'pp';
          display: block;
          position: absolute;
          top: 0;
          right: 0;
      }
  
  .faq-modal-container .modal-title .btn-search{ background-color: #21a6e6;
      border-color: #21a6e6;
      padding: 5px 12px;
      font-size: 20px;}
  .faq-modal-container .modal-title .btn-search:active, .faq-modal-container .modal-title .btn-search:hover{background-color: #2c8dca; border-color: #2c8dca; }
  .faq-list-container .card{ margin-bottom: 0.4rem; border-radius: 0; border-color: #82d0f5;}
  .faq-list-container .card .card-header{ border-radius: 0; border:0; padding: 1.3rem 3rem 1.3rem 1.25rem; background: #82d0f5; color: #20234e; font-weight: 600; cursor: pointer; }
  .faq-list-container .card .card-body{ line-height: 35px;}
  .faq-list-container .card .card-header::after { 
      content: '\e82f';
      display: block;
      position: absolute;
      right: 20px;
      top: 10px;
      font-family: "icons";
      font-weight: 400;
      font-size: 25px;
  }
  .faq-list-container .card .card-header.collapsed::after {
      content: '\e82f';
      display: block;
      position: absolute;
      right: 20px;
      top: 10px;
      font-family: "icons";
      font-weight: 400;
      font-size: 25px;
      }
  .faq-list-container .card{ color: #20234e; font-size: 14px;}
  .faq-list-container .category-txt{ font-weight: 600;}
  
  .faq-list-container .likedislike-block {
      border-top: 1px solid #d5dee4;
      padding: 23px 0 0;
      margin-top: 23px;
  }
  
  .faq-list-container .likedislike-block ul {
      list-style-type: none;	
      margin: 0;
      padding: 0;
      font-size: 16px;
  }
  .faq-list-container .likedislike-block ul li{ display: inline-block}
  .faq-list-container .likedislike-block ul li .thumbs{    
      width: 60px;
      text-align: center;
      height: 40px;
      line-height: 36px;
      border-radius: 8px;
      cursor: pointer;
      font-size: 22px;  
      display: inline-block;
      margin: 0 10px; 
      
  }
  .faq-list-container .likedislike-block ul li .thumbs.up{color: #219688;border: 1px solid #219688; position: relative; bottom: -10px;}
  .faq-list-container .likedislike-block ul li .thumbs.up i,.faq-list-container .likedislike-block ul li .thumbs.down i{ display: none;}
  .faq-list-container .likedislike-block ul li .thumbs.up::after{ 
      content: '';
      background: url(../../images/thumb-up.png);   
      width: 25px;
      display: block;
      height: 25px;
      text-align: center;
      position: absolute;
      top: 7px;
      left: 16px;
      background-size: cover;
  }
  
  
  .faq-list-container .likedislike-block ul li .thumbs.down{color: #f65260;border: 1px solid #f65260; position: relative;bottom: -10px;}
  .faq-list-container .likedislike-block ul li .thumbs.up:hover{ background: #bee6e1;} 
  .faq-list-container .likedislike-block ul li .thumbs.down:hover{ background: #e6cacc;} 
  /* .faq-list-container .likedislike-block ul li .thumbs.thumb-state{ background: #e6cacc; pointer-events: none;}  */
  .faq-list-container .likedislike-block ul li .thumbs.thumb-state{ background: rgb(211, 211, 211); filter: grayscale(100%); pointer-events: none;}
  
  
  .faq-list-container .likedislike-block ul li .thumbs.down::after{ 
      content: '';
      background: url(../../images/thumb-down.png);    
      width: 25px;
      display: block;
      height: 25px;
      text-align: center;
      position: absolute;
      top: 7px;
      left: 16px;
      background-size: cover;
  }
  
  .faq-modal-container .footer-chat-block{ text-align: right; font-size: 18px; font-weight: 600; color: #20234e; margin-bottom: 2rem;}
  .faq-modal-container .footer-chat-block .footer-chat-btn{
      color: #fff;
      font-weight: normal;
      border-radius: 30px;
      width: 165px;
      display: inline-block;
      height: 45px;
      text-align: center;
      line-height: 42px;
      background: #1e234f;
      position: relative;
      padding-left: 24px;
  }
  .faq-modal-container .footer-chat-block .footer-chat-btn::before{
      content: '';
      background: url(../../images/chat-icon.png);    
      width: 32px;
      display: block;
      height: 27px;
      text-align: center;
      position: absolute;
      top: 10px;
      left: 16px;
  }
  .faq-modal-container .footer-chat-block .agent-txt{ padding-right: 15px;}
  
  @media(min-width:992px){
      .faq-modal-container .modal-lg, .faq-modal-container .modal-xl {
      max-width: 80%;
      }
      }
  
      @media (max-width: 575.98px) {
          .modal { padding-right: 0;}
          .faq-modal-container .modal-header button.close{        
          width: 30px;
          height: 30px;
          font-size: 20px;
          right: 5px;
          top: 5px;
          }
          
          .faq-modal-container .modal-header .modal-title .form-inline {
          justify-content: start;
          }
          .faq-modal-container .modal-header .modal-title .form-inline input {
          max-width: 70%;
          }
          
          .faq-list-container .card .card-header{ padding-right: 40px;}
          .faq-modal-container .footer-chat-block {
          font-size: 15px;
          margin-bottom: 0;
          text-align: center;
          }
          .faq-modal-container .footer-chat-block p{ display: block; width: 100%;}
          .faq-modal-container .footer-chat-block .footer-chat-btn {
          display: block;
          margin-top: 0.8rem;
          width: 100%;
          }
  
          .faq-list-container .likedislike-block ul li {
              display: inline-block;
              margin-bottom: 0.5rem;
              padding: 0 5px;
              
              }
          .faq-list-container .likedislike-block ul li .thumbs{ margin: 0; width: 40px;}
          .faq-list-container .likedislike-block ul li .thumbs.up::after {
              left: 7px;
              background-size: 100%;
              background-repeat: no-repeat;
              }
              .faq-list-container .likedislike-block ul li .thumbs.down::after {                
                  left: 7px;
                  background-size: 100%;
                  background-repeat: no-repeat;
                  }
  
          }
            
            
  /* safe space */
  .html-content-section{  
      padding:0;
  }
  
  .html-content-section-space-widget{ background-color: #4F595F; padding: 15px 0; }
  .html-content-section-space-widget > div{
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
   }
  .html-content-section-space-widget > div img{ max-width: 100%; height: auto; width:164px; cursor: pointer;}
  /* .safe-space-q3-widget{
    height: 100%;
  width: 100%;
  position: fixed !important;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.26);
  z-index: 10;
  } */
  .safe-space-container { position: fixed !important; z-index: 9;}
  .space-widget-text {
      color: #fff;    
      font-family: "gotham-book-webfont", sans-serif;
      font-weight: lighter;
      }
  .space-widget-text-block {
      align-items: center;
      display: flex;
      justify-content: flex-end;
      }
  
      @media(max-width: 576px){
  
          .space-widget-text-block { order: -1; padding-bottom: 10px; justify-content: center;}
      }
  
      /* Style language selector dropdown */
      
  div.mm-dropdown {
      width: 100%;
      border-radius: 3px;
      position: relative;
      cursor: pointer;
      top: -3px;
      color: #fff;   
    }
    
      div.mm-dropdown ul {
          list-style: none;
          padding: 0;
          margin: 0;
          border: 0;
          box-shadow: 0 3px 3px #b9b9b9;
      }
    
    .basket-status.component-basket-status {
      z-index: 99999;
    }
    
    div.mm-dropdown ul li {
      padding: 0;
      color: #fff;
      border-bottom: 1px solid #ddd;
      padding: 5px 7px;
      float: none !important;
    }
    
    div.mm-dropdown div.textfirst {
      padding: 6px 13px 6px 7px;
      font-weight: 500;
    }
    
    div.mm-dropdown ul li:last-child {
      border-bottom: 0;
    }
    
    div.mm-dropdown ul li {
      display: none;
      padding-left: 7px;
      min-width: 130px;
      color: #333 !important;
    }
    
      div.mm-dropdown ul li.main {
          display: block;
      }
    
    div.textfirst img, .input-option.lang img {
      width: 20px;
      height: 14px;
      margin-bottom: 2px;
    }
    
    .header-wrapper ul .cntrynav {
      background: #fff;
      position: absolute;
      top: 37px;
      left: 0;
      width: auto;
      display: inline-block;
      z-index: 999;
    }
    
    .mm-dropdown, .mm-dropdown li {
      font-size: 14px;
      text-align: left;
    }
    
    .dropiconlang {
      height: auto !important;
      width: 8px !important;
      margin-left: 6px;
      position: absolute;
      top: 14px;
      right: 0px;
    }
    
    .input-option.lang span {
      display: inline-block;
      width: calc(100% - 30px);
      margin-left: 4px;
    }
    
    .textfirst .dropiconlang {
      transform: rotate(0deg);
      transition: 0.5s;
      top: 19px;
      font-size: 10px;
    }
    
    .textfirst.showcntry .dropiconlang {
      transform: rotate(-180deg);
    }
    
    .reciteme {
      color: #fff;
      cursor: pointer;
    }
    
    #autoSuggest-desktopBtn {
      cursor: pointer
    }
    
    #Id_en {
      margin-left: 6px;
      font-weight: bold;
  }
  
  /* cookie prefrence bottom text */
 div#teconsent {
    position: static;    
    background-color: transparent;
    font-size: 14px;
    padding: 2px 6px;   
	cursor: pointer;
}
  
  /* form heading  */
  .body-wrapper .Compalaint-form.form-bg h3{ font-size: 22px; color: #20234E; font-weight: 700; font-family: "gotham-black-webfont", sans-serif;;}
  .Compalaint-form h3.mb-4.sub-heading, .websupport-from h3.mb-4.sub-heading{ font-size: 15px; font-weight: normal; text-align: right;}
  .skip-navigation{  left: 120px !important; color: #fff; text-decoration: none; font-weight: bold !important; font-size: 14px; font-family: "gotham-book-webfont", sans-serif;; background: transparent;}
  .skip-navigation:hover{ text-decoration: none; color: #00a6e6;}
  a.skip-navigation:focus{ top: 2px !important; border: 1px solid #ebf7fd; color: #00a6e6}
  @media(max-width: 767px){
      .skip-navigation{ display: none !important;}
      .Compalaint-form h3.mb-4.sub-heading, .websupport-from h3.mb-4.sub-heading {
        text-align: left;
      }
    }
    /* timer calendar style */
    .Compalaint-form .timepicker{width: 125px;}
    .Compalaint-form .timepicker .title{ padding: 6px 0 0 0; color: #55585f; font-weight: 400; font-family: "gotham-book-webfont", sans-serif;  }
    .Compalaint-form .timepicker .text a{ font-size: 14px; font-weight: normal; font-family: "gotham-book-webfont", sans-serif;}
    .Compalaint-form .timepicker li.cell-2:hover {
        background: rgba(30, 35, 79, 0.2);
        color: #1E234F;
    }
    .Compalaint-form .timepicker .icon-down, .Compalaint-form .timepicker .icon-up {	
        width: 45px;
    height: 20px;	
    background-size: 35%;
    }
    .Compalaint-form .timepicker .icon-up{
        background-image: url('/Assets/images/tpe-down-chevron.png');
        transform: rotate(180deg);
        background-repeat: no-repeat;
        background-position-y: inherit;
    }
    .Compalaint-form .timepicker .icon-down{
        background-image: url('/Assets/images/tpe-down-chevron.png');    
        background-repeat: no-repeat;
    }
  
    /* Recaptcha Alert design */
  .recaptcha-alert {
      padding: 2% 2% 2% 2%;
      background-color: #f4ca40;
      border: #f4ca40 solid 1px;
      margin-bottom: 1%;
    border-radius: 5px;
    margin: 0 15px 30px;
  }
  .recaptcha-alert i.fa-exclamation-triangle{ color: #ea182c}
  .recaptcha-alert .recaptcha-alert-message{ font-size: 14px; margin-left: 1%;}
  /* disabled button cursor style */
  .Compalaint-form input[type="submit"]:disabled, 
  .websupport-from input[type="submit"]:disabled
  { cursor: not-allowed;}
  
  #signUpNow .container-right .btn-container .btn-revenue-custom:focus-visible {
      outline: 2px solid #000;
  }
  
  .show-on-true{
      display:none;
          font-size: 15px;
      margin-left: 40px;
  }
  
  .end-foot a{ color: #005F85 !important;}
  
  .Compalaint-form a{ color: rgb(0, 76, 158) !important; text-decoration:underline !important; font-weight: bold;}
  
  /* accesibilty focus for radio and submit, reset*/
  input[type="reset"]:focus, input[type="submit"]:focus {   
      outline: 2px solid #009688;	
  }
  /* mozilla fix accessibilty*/
  @-moz-document url-prefix(){
      :focus-visible, button.reciteme:focus-visible{
          outline: 2px solid #000;
      }
  }
  /*end*/
  /* mobile view info icon fix*/
  @media(max-width: 768px){
  
      .file-details{ width: auto !important;min-width:240px;}
      .file-details p{ font-size: 12px;}
      .file-details img{
          width:48% !important;
          height:auto !important;
          
      }
      .file-details::after {    
      top: auto !important;    
      bottom: 30px;
  }
  }
  /* info icon show details  */
     .websupport-from .file-details p.btm-space{ margin-bottom: 5px; margin-top:10px;}
  
  .websupport-from .file-details {
      display: none;
      border-radius: 3px;
      padding: 5px 6px;
      z-index: 2;
      position: absolute;
      width: auto;
      bottom: 60%;
      left: 90px;
      background: #565252;;
      color: #fff;
      box-shadow: 3px 2px 6px #888;
  }
  
  
  .websupport-from .file-details::after {
      width: 0;
      height: 0;
      border-top: 6px solid transparent;
      border-right: 6px solid #b0adad;
      border-bottom: 6px solid transparent;
      border-left: 6px solid transparent;
      content: '';
      position: absolute;
      top: 148px;
      left: -12px;
  }
     
          .websupport-from .file-details p {
              margin-bottom: 0;
              font-size: 16px;
              font-weight: lighter;
              line-height: 17px;
              /* color: #171b25; */
              color: #fff;
             }
  
  .radio-font legend{
      font-size:14px;
  }
  .go-to-home{
      margin-bottom: 30px;
  }
  .go-to-home a {
    background-color: #1e234f;
    border: none;
    width: 190px;
    padding: 8px;
    border-radius: 24px;
    font-weight: 600;
    color: White;
    display: inline-block;
  }
  
  .body-wrapper .form-group a.term-link{    
      text-decoration: underline !important;
      font-weight: 600;
      color: rgb(0, 76, 158) !important;
  }
  /*alert message start*/
  .body-wrapper .custom-container .deterrent {
      background: hsl(197deg 95% 92%);
      color: #55585f;
      font-size: 14px;
      padding: 10px;
      line-height: 17px;
      font-weight: 400;
      border-radius: 3px;
      font-family: "gotham-book-webfont", sans-serif;
  }
  .websupport-wrapper .custom-container .deterrent {
      background: hsl(197deg 95% 92%);
      color: #212529;
      font-size: 1rem;
      padding: 10px 3px;
      line-height: 17px;
      font-weight: 400;
      border-radius: 3px;
      font-family: "gotham-book-webfont", sans-serif;
  }
  /*alert message end*/
  
  .faq-list-container .card .card-body p a{ color: #20234e; text-decoration: underline; font-weight: bold;}
  
  /* a, a:link, a:visited, a:focus, a:hover, a:active, .file-details img, a.btn.btn-primary.btn-revenue-custom{
      color: #fff !important;
      text-decoration:none;
      cursor: crosshair;
      
    } */
    .validate {
      display: none;
      margin-top: 10px;
      color: #9E2200 !important;
  }
  
  a:link{
      color: #20234E;
      text-decoration:none;
      
    }
   
  .skip-navigation {
      /* background-color: red!important; */
      color: #fff !important;
  }
  .cust-btn.btn-ok button{
      background-color: #20234E!important;
  }
  
  .body-sections .html-content-section .success h2{    
      background: #1e234f;
  }
  
  
  /* scooter mobility css fixes*/
  
  .scooter-specificaiton {
      background: #F4F2F8 0% 0% no-repeat padding-box;
      padding: 10px 15px;
      display: flex;
      margin-bottom: -18px;
      border-radius: 30px;
      flex-wrap: wrap;
  }
  .scooter-specificaiton h1 {
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 0;
  }
  .scooter-specificaiton ul{ display: block; font-size: 16px; font-weight: normal; margin-bottom: 0;}
  .scooter-specificaiton ul li{ float: left; margin-right: 60px;font-size: 15px; list-style-position: inside;}
  .body-wrapper .form-group input[type="checkbox"].scooter-permit-posted{ margin-top: 43px;}
  .scooter-width{ margin-top: 10px;}
  
  /* .form-group.serach-bar.scooter-form-group{
      display: flex;
      justify-content: flex-start;
      align-items: center;    
      height: 100%;
  }
  
  .form-group.serach-bar.scooter-form-group .scooter-permit-posted, .form-group.serach-bar.scooter-form-group .confirmation-scooter-details {
      margin: 0 10px 0px 0px;
      width: 15px;
  }
  .form-group.serach-bar.scooter-form-group label{ margin-top: 10px;}
  */
  
  @media(max-width: 576px){
      .form-group.serach-bar input.scooter-permit-posted + label,.form-group.serach-bar input.confirmation   + label {             
          width:84%;
      }
      .body-wrapper .form-group input[type="checkbox"].scooter-permit-posted,
      .body-wrapper .form-group input[type="checkbox"].confirmation  {             
        vertical-align: top;
        margin-top: 5px;
        margin-right: 7px;
    }
      
      
  } 
  
  /*end*/
  
 /*multiple files upload */
.tickets-container .files-uploaded-container {
    border: 1px solid #eee;
    display: inline-block;
    border-radius: 15px;
    margin: 5px 5px 5px 0;
    padding: 3px 12px 3px 5px;
    font-size: 13px;
    background: #d7f3fe;
    text-transform: lowercase;
}

.tickets-container .files-uploaded-container span {
    background: #ff0000;
    color: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    text-align: center;
    display: inline-block;
    line-height: 14px;
    position: relative;
    right: -7px;
    bottom: auto;
    cursor: pointer;
}

.duplicate-File-Detected{ color: #ff0000;}
/*multiple files upload ends*/

/*link styling*/
.footer-wrapper .main-foot nav ul li a {
    text-decoration: underline;
    font-weight: 600;
}
.promo-card .learn-text-cta {
  font-weight: bold;
  text-decoration: underline;
}
.end-foot a {
   font-weight: bold;
   text-decoration: underline;
}
.reciteme{ text-decoration: underline;}
/* end */
/* tooltip message fix 
.body-wrapper .form-group label[for="Ticket"] .info-Ticket {
    display: inline-block;
    position: relative;
    width: auto;      
}
.body-wrapper .form-group label[for="Ticket"] .info-Ticket .file-details::after{
    display: none;
}
.body-wrapper .form-group label[for="Ticket"] .info-Ticket .file-details{
    width: max-content;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
}
.body-wrapper .form-group label[for="Description"] .info-description {
    display: inline-block;
    position: relative;
    width: auto;  
   
}
.body-wrapper .form-group label[for="Description"] .info-description .file-details::after{
    display: none;
}
.body-wrapper .form-group label[for="Description"] .info-description .file-details{
    width: max-content;
    left: 0;
    bottom: 25px;
}
@media(max-width:576px){
    .body-wrapper .form-group label[for="Ticket"] .info-Ticket .file-details {        
        right: 50%;       
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
    }
    .body-wrapper .form-group label[for="Ticket"] .info-Ticket {       
        position: static;       
    }
    .body-wrapper .form-group label[for="Ticket"] {       
        position: relative;       
    }

    .body-wrapper .form-group label[for="Description"] .info-description .file-details {        
        right: 50%;       
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
    }
    .body-wrapper .form-group label[for="Description"] .info-description {       
        position: static;       
    }
    .body-wrapper .form-group label[for="Description"] {       
        position: relative;       
    }
}
 end */
/* multi-box-set check box mobile fix */
@media(max-width: 576px){
    .Compalaint-form .multi-box-set > br{ display: none;}
    .Compalaint-form .multi-box-set{
        margin-top: 0;        
    }
    .Compalaint-form .multi-box-set label {
        width: 80%;       
        vertical-align: top;
    }

}
/* end */

/*shawtrust footer link*/

.footer-wrapper  .main-foot nav .html-content-section{	
	 display: flex;
	 justify-content: space-between;
	 align-items: center;	
	 padding-right: 30px;	 
	
}
.footer-wrapper  .main-foot nav .html-content-section > ul{	
	margin-bottom: 0;
	padding-bottom: 0;
}
.footer-wrapper  .main-foot nav .html-content-section .shawtrust{  padding:0;}
.footer-wrapper  .main-foot nav .html-content-section .shawtrust ul{ margin-bottom:0; padding-bottom: 0; width: auto; }
.footer-wrapper  .main-foot nav .html-content-section .shawtrust ul li{ padding:0;}
@media(max-width: 576px){
	.footer-wrapper  .main-foot{
	height: 115px;
}
	.footer-wrapper  .main-foot nav .html-content-section{	
	 display: block;
}
.footer-wrapper  .main-foot nav .html-content-section > ul {
    margin-bottom: 10px;
   
}
	.footer-wrapper .main-foot nav ul li {
    display: inline-block;
    padding: 0;
}
}

/*end*/

/* accessibility navigation menu issue fix */
ul.sub-menu-container li{ list-style-type:none;}
/* end */

.skip-navigation {
	/*position: absolute;
	top: -1000px; 
	left: -1000px;
	height: 1px; 
	width: 1px; 
	text-align: left;
	overflow: hidden;
	 color: #fff; */
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	font-weight: 700;
	margin: 0;
	font-size: 14px;
	display: inline-block;
	line-height: 24px;
	padding: 8px 4px;
	border: none;
	top: -40px;
	left: 0;
	position: absolute;
	background-color: #0a493e;
	z-index: 99;
}

a.skip-navigation:active,
a.skip-navigation:focus,
a.skip-navigation:hover {
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	overflow: visible;
}


.validate {
	display: none;
	margin-top: 10px;
	color: #ff4713;
}

.validation-visibility {
	display: block !important;
}

.no-error {
	display: none;
}

.body-wrapper .form-group label[for="Ticket"]{
		
	display: inline;
	
}
.body-wrapper .form-group label[for="Ticket"] + .info-Ticket{
	display: inline-block;
	position: relative;
}
.body-wrapper .form-group label[for="Ticket"] + .info-Ticket + button{
	display: block; 
	margin-top: 15px;

}
.body-wrapper .form-group .file-details{    
    width: max-content;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);

}

.body-wrapper .form-group label[for="Description"]{
	
	display: inline;
	
}
.body-wrapper .form-group label[for="Description"] + .info-description{
	display: inline-block;
	position: relative;
}

@media(max-width: 576px){

	.body-wrapper .form-group label[for="Ticket"]{
	position: relative;
	
}

.body-wrapper .form-group label[for="Ticket"] + .info-Ticket {    
    position: static;
}
.body-wrapper .form-group label[for="Ticket"] + .info-Ticket .file-details {
    width: max-content;
    left: 50%;
    transform: translate(-50% ,-50%);
    bottom: 0;   
    position: absolute;
}

}
.hideDiv {
	display: none;
}
.heading-title {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
}

.body-wrapper .form-group label[for="Ticket"], .websupport-from .form-group label[for="Ticket"]{
		
	display: inline;
	
}
.body-wrapper .form-group label[for="Ticket"] + .info-Ticket, .websupport-from .form-group label[for="Ticket"] + .info-Ticket{
	display: inline-block;
	position: relative;
}
.body-wrapper .form-group label[for="Ticket"] + .info-Ticket + button, .websupport-from .form-group label[for="Ticket"] + .info-Ticket + button{
	display: block; 
	margin-top: 15px;

}
.body-wrapper .form-group .file-details, .websupport-from .form-group .file-details{    
    width: max-content;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);

}

.body-wrapper .form-group label[for="Description"],.websupport-from .form-group label[for="Description"] {
	
	display: inline;
	
}
.body-wrapper .form-group label[for="Description"] + .info-description, .websupport-from .form-group label[for="Description"] + .info-description{
	display: inline-block;
	position: relative;
}

@media(max-width: 576px){

	.body-wrapper .form-group label[for="Ticket"], .websupport-from .form-group label[for="Ticket"]{
	position: relative;
	
}

.body-wrapper .form-group label[for="Ticket"] + .info-Ticket, .websupport-from .form-group label[for="Ticket"] + .info-Ticket {    
    position: static;
}
.body-wrapper .form-group label[for="Ticket"] + .info-Ticket .file-details, .websupport-from .form-group label[for="Ticket"] + .info-Ticket .file-details {
    width: max-content;
    left: 50%;
    transform: translate(-50% ,-50%);
    bottom: 0;   
    position: absolute;
}

}

.icon-description-section{
display: inline-block;
    position: relative;
}

/*Popu Alert*/
.popup {
			position: fixed;
			z-index: 1;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: auto;
			background-color: rgba(0, 0, 0, 0.4);
			display: none;
		}
		.popup-content {
			background-color: #fff;
			margin: 10% auto;
			padding: 24px;
			border-radius: 4px;
			width: 30%;
			font-weight: bolder;
            text-align: center;
		}
		@media(max-width: 576px){
            .popup-content {       
              width: 90%;       
            }
          }
		.show {
			display: block;
		}
		.btn-popup {
    background-color: #005475;
    border: 2px solid #005475;
    min-width: 150px;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 600;
    color: white;   
    line-height: 20px;
    font-size: 16px;   
    font-family: "gotham-book-webfont", sans-serif;
    cursor: pointer;
}
.popup-content h1 {    
    text-transform: lowercase;
    font-family: "gotham-book-webfont", sans-serif;   
    font-size: 40px;
    font-weight: bold;    
    color: #035A7C;
    margin: 0;
}
.popup-content p {
    font-family: "gotham-book-webfont", sans-serif;
    font-size: 15px;
    color: #55585f;
    font-weight: 400;
    margin: 8px 0 16px;
}
.btn-close {
    background-color: #005475;
    border: 2px solid #005475;
    min-width: 150px;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 600;
    color: white;
    line-height: 20px;
    font-size: 16px;
    font-family: "gotham-book-webfont", sans-serif;
    cursor: pointer;
    text-transform: lowercase;
}



/* mobile icon tooltip fix */
@media(max-width:576px){
.body-wrapper .form-group .file-details, .websupport-from .form-group .file-details {    
    left: unset;    
    right: -130px;
}
}
/* end */
/* mobile phone message */
.form-control.phone-info{
	width: 48.5%
} 

@media(max-width: 576px){	
.form-control.phone-info{
	width: 100%;
} 

}

/*end*/

 /* new dynamic tooltip */
 
#tooltip {
    text-align: left;
    font-size: 16px;
    font-weight: lighter;
    color: #fff;
    background: #565252;
    position: absolute;
    z-index: 100;       
    border-radius: 3px;
    padding: 5px 6px;	
     width: auto;	
     box-shadow: 3px 2px 6px #888;  
}

    #tooltip:after /* triangle decoration */ {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #565252;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

    #tooltip.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid #565252;
        top: -20px;
        bottom: auto;
    }

    #tooltip.left:after {
        left: 10px;
        margin: 0;
    }

    #tooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0;
    }
/* end */


.station-list-particular{
    font-size: 12px;
    height:38px !important;
}
.station-list-mobile{ display: none;}
@media(max-width: 576px){

.station-list-mobile{
	font-size: 11px;
	display: block;
    padding:5px;
}
input.station-list-particular::placeholder{
	opacity:0;
}
}

/* tpebranding styles */
.tpe-webform-branding.banner-wrapper::before
{
    position: absolute;
    left: -15px;
    height: 50px;
    width: calc(100% + 30px);
    bottom: 10%;
    content: '';
    background: #fff;
    z-index: 9;
    transform: rotate(-3deg);
}

.tpe-tri-box {
    transform: translate(-258px, 297px);
}
.tpetri-1 {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 247px solid #3498db;
    position: absolute;
    right: 107px;
    bottom: 136px;
    z-index: 0;
    transform: skew(-27deg, -10deg);
}
.tpetri-2 {
    width: 0;
    height: 0;
    border-left: 24px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 260px solid #943F90;
    border-top: 0px solid transparent;
    transform: skew(-22deg, -10deg);
    position: absolute;
    right: 85px;
    bottom: 144px;
    z-index: 0;
}
.tpe-webform-branding h1.banner-text{
	position: absolute;
}
.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #1e234f !important;
    
}

@media(max-width: 576px){
	.tpe-webform-branding.banner-wrapper::before {    
    transform: rotate(-13deg);
}
}

/*sentence case*/
.banner-wrapper p::first-letter, 
.banner-wrapper h1::first-letter,
.nav-menu .main-nav-item > a::first-letter, 
.learn-text::first-letter,
 .buy-now-btn button::first-letter, 
 .buy-now-btn a::first-letter,
 .nav-link::first-letter,
#signUpNow .container-right .btn-container .btn-revenue-custom::first-letter,
 #signUpNow .container .description .btn-revenue-custom::first-letter,
  .promo-card .text h3::first-letter,
.promo-card .learn-text-cta::first-letter,
.popup-content h1::first-letter,   
.btn-close::first-letter{
text-transform: uppercase;

}

/* tpe branding confirmation page */
.success.tpe-webform-branding .tpe-tri-box{
    transform: translate(-115px, 235px);
}
.tpe-webform-branding.success::before {
    position: absolute;
    left: -15px;
    height: 50px;
    width: calc(100% + 30px);
    bottom: -5%;
    content: '';
    background: #fff;
    z-index: 9;
    transform: rotate(-3deg);
}
@media(min-width: 768px) and (max-width: 1024px){
    .body-sections .html-content-section .success h2 {
        background: #1e234f;   
        width: 80%;
    }
    .success.tpe-webform-branding .tpe-tri-box {
        transform: translate(5px, 235px);
    }
}
@media(max-width: 576px){
    .body-sections .html-content-section .success h2 {
        font-size: 2rem;
        width: 80%;
    }
    .success.tpe-webform-branding .tpe-tri-box {
        transform: translate(18px, 261px);
    }
}

@media(max-width: 576px){
	.tpe-webform-branding h1.banner-text {
    position: absolute;
    top: 20%;
    line-height: normal;
}

}

@media(max-width:365px){
	.final .btn {   
    width: 49%;   
}
.scooter-specificaiton ul {   
    padding-left: 0;
}
    .scooter-specificaiton ul li {    
    margin-right: 0px;    
}
}

 @media(min-width:767px) and (max-width:1024px) {
    .logo img {
     position: absolute;
	 top:4px;
    }
    
  
  }
  .multi-box-set fieldset{ margin-left: 0}
.multi-box-set legend { margin-bottom: 0}
.multi-box-set label{ margin-bottom: 0;}


.body-wrapper .form-group label[for="Ticket"].custom-file-label.selected, .websupport-from .form-group label[for="Ticket"].custom-file-label.selected {
overflow: hidden;
white-space: nowrap;
width: 100%;
display: inline-block;

}

@media (max-width: 576px) {
.body-wrapper .form-group label[for="Ticket"].custom-file-label, .websupport-from .form-group label[for="Ticket"].custom-file-label {
position: absolute;
}
}