@font-face {
    font-family: "Calibri";
    src: url("Calibri.woff2") format("woff2"), url("Calibri.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Calibri";
    src: url("Calibri-Light.woff2") format("woff2"),
      url("Calibri-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Calibri";
    src: url("Calibri-Bold.woff2") format("woff2"),
      url("Calibri-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "FoglihtenNo06";
    src: url("FoglihtenNo06.woff2") format("woff2"),
      url("FoglihtenNo06.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @import url("https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: "Calibri";
  }

  /* focus styles for accessibility */

  :focus {
    outline: 0;
  }

  strong {
    font-weight: bold;
  }
  /* HTML5 display-role reset for older browsers */

  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }

  body {
    line-height: 1;
    font-family: "Calibri";
    font-weight: normal;
    font-size: 18px;
  }

  body p {
    font-family: "Calibri";
    font-weight: normal;
  }
  body li {
    font-family: "Calibri";
    font-weight: normal;
  }

  ol,
  ul {
    list-style: none;
    font-family: "Calibri";
    font-weight: normal;
  }

  blockquote,
  q {
    quotes: none;
  }

  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }

  textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
  }

  /**
   *  `inline-block`
   */

  audio,
  canvas,
  video {
    display: inline-block;
    /**display: inline;
      *zoom: 1;*/
    max-width: 100%;
  }

  /**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */

  audio:not([controls]) {
    display: none;
    height: 0;
  }

  /**
   * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
   * Known issue: no IE 6 support.
   */

  [hidden] {
    display: none;
  }

  /**
   * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
   *    `em` units.
   * 2. Prevent iOS text size adjust after orientation change, without disabling
   *    user zoom.
   */

  html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
  }

  /**
   * Address `outline` inconsistency between Chrome and other browsers.
   */

  a:focus {
    /* outline: thin dotted; */
    outline: none;
  }

  /**
   * Improve readability when focused and also mouse hovered in all browsers.
   */

  a:active,
  a:hover {
    outline: 0;
  }

  /**
   * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
   * 2. Improve image quality when scaled in IE 7.
   */

  img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
  }

  /**
   * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
   */

  figure {
    margin: 0;
  }

  /**
   * Correct margin displayed oddly in IE 6/7.
   */

  form {
    margin: 0;
  }

  /**
   * Define consistent border, margin, and padding.
   */

  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }

  /**
   * 1. Correct color not being inherited in IE 6/7/8/9.
   * 2. Correct text not wrapping in Firefox 3.
   * 3. Correct alignment displayed oddly in IE 6/7.
   */

  legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
  }

  /**
   * 1. Correct font size not being inherited in all browsers.
   * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
   *    and Chrome.
   * 3. Improve appearance and consistency in all browsers.
   */

  button,
  input,
  select,
  textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */
  }

  /**
   * Address Firefox 3+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */

  button,
  input {
    line-height: normal;
  }

  /**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
   * Correct `select` style inheritance in Firefox 4+ and Opera.
   */

  button,
  select {
    text-transform: none;
  }

  /**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
   *    Known issue: inner spacing remains in IE 6.
   */

  button,
  html input[type="button"],

  /* 1 */

  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */
  }

  /**
   * Re-set default cursor for disabled elements.
   */

  button[disabled],
  html input[disabled] {
    cursor: default;
  }

  /**
   * 1. Address box sizing set to content-box in IE 8/9.
   * 2. Remove excess padding in IE 8/9.
   * 3. Remove excess padding in IE 7.
   *    Known issue: excess padding remains in IE 6.
   */

  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
  }

  /**
   * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
   *    (include `-moz` to future-proof).
   */

  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
  }

  /**
   * Remove inner padding and search cancel button in Safari 5 and Chrome
   * on OS X.
   */

  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /**
   * Remove inner padding and border in Firefox 3+.
   */

  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  /**
   * 1. Remove default vertical scrollbar in IE 6/7/8/9.
   * 2. Improve readability and alignment in all browsers.
   */

  textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
  }

  /**
   * Remove most spacing between table cells.
   */

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  html,
  button,
  input,
  select,
  textarea {
    color: #222;
  }

  ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
  }

  ::selection {
    background: #b3d4fc;
    text-shadow: none;
  }

  img {
    vertical-align: middle;
  }

  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }

  textarea {
    resize: vertical;
  }

  .chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
  }

  /*Page CSS*/

  .mainWrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }

  .headerWrapper {
    position: relative;
    width: 100%;
    height: auto;
    background: #fdf1dd;
    padding-bottom: 30px;
    transition: all 0.5s;
  }

  .headerTop {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 30px;
    position: absolute;
    top: 0px;
    z-index: 999;
  }

  .headerCall {
    min-width: 160px;
    height: 70px;
    float: right;
    z-index: 9999999;
    margin-top: 0px;
  }

  .headerCall span {
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    color: #91415c;
    margin-top: 8px;
  }

  .headerCall .btn {
    width: 200px;
    height: 48px;
    line-height: 27px;
    border-radius: 24px;
    border: 1px solid #30a344;
    text-align: center;
    background-color: #30a344;
    color: #ffffff;
    font-size: 24px;
    /* width: 200px;
      height: 48px;
      line-height: 34px;
      border-radius: 24px;
      border: 1px solid #91415C;
      text-align: center;
      background-color: transparent;
      color: #91415C;
      font-size: 24px; */
  }

  .headerCall .btn img {
    margin-right: 8px;
  }

  /*Slider*/

  /* .carousel {
      height: auto;
      position: relative;

  }

  .carousel-inner {
      height: auto;
      min-height: 500px;
  }



  .carousel-item {
      height: auto;
  }

  .carousel-indicators {
      bottom: -60px;
  }*/

  .carousel-inner img {
    float: left;
    margin-top: 20px;
    width: auto;
  }
  .depression_form h4.qtitle {
    font-size: 28px;
    line-height: 38px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin-bottom: 20px;
  }
  .carousel-caption {
    color: #0e2655 !important;
    font-size: 70px;
    line-height: 74px;
    text-align: left;
    position: absolute;
    width: 50%;
    right: auto !important;
    margin-left: 25%;
    font-family: "FoglihtenNo06" !important;
  }

  .headerCaption {
    color: #91415c !important;
    font-size: 18px;
    text-align: right;
  }

  .carousel-indicators li {
    width: 14px !important;
    height: 14px !important;
    cursor: pointer !important;
    background-color: #e8dec4 !important;
    border-radius: 50% !important;
  }
  .carousel-indicators {
    bottom: -20px !important;
  }

  h2 {
    font-size: 36px;
    line-height: 46px;
    font-weight: bold;
    color: #000;
    text-align: left;
    margin-bottom: 20px;
  }

  h4 {
    font-size: 28px;
    line-height: 38px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin-bottom: 20px;
  }

  h5 {
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin-bottom: 15px;
  }

  .accordionInfoBox {
    width: 100%;
    height: auto;
    min-height: 250px;
    padding: 40px 50px;
    background-color: #fff;
    border-radius: 27px;
    margin-bottom: 50px;
    border-color: #c2d3e6;
    position: relative;
  }

  .helpLineNo {
    position: fixed;
    bottom: 25px;
    left: -23px;
    z-index: 9999999999;
    visibility: hidden;
  }

  .countDown {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9999999999;
    /* visibility: hidden; */
    width: 100%;
    padding: 20px;
    background: rgba(0, 52, 95, 0.9);
    color: #fff;
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
  }

  .countDown p {
    font-size: 40px;
    font-weight: bold;
  }

  .shown {
    visibility: visible;
    z-index: 9999999999;
  }

  .shadow {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.16) !important;
    position: relative;
    z-index: 2;
  }

  .welcomeInfo {
    text-align: left;
    font-size: 18px;
    line-height: 28px;
    color: #343333;
    padding-top: 50px;
  }

  .welcomeInfo p {
    margin-bottom: 30px;
  }

  .welcomeInfo h2 {
    text-align: center;
  }

  .helpLine {
    position: relative;
    display: block;
    width: 100%;
    background-size: cover;
    margin-bottom: 45px;
    overflow-x: hidden;
    position: relative;
    z-index: 0;
  }

  .helpLineInner {
    width: 100%;
    background-color: #fdf1dd;
    /* padding: 50px 0px; */
  }

  .helpLine::before {
    content: "";
    display: block;
    /* position: absolute; */
    background: url(../images/help-before.svg) no-repeat center top;
    width: 100%;
    height: 41px;
    background-size: 110%;
    top: 0px;
    z-index: 10;
  }

  .helpLine::after {
    content: "";
    display: block;
    /* position: absolute; */
    background: url(../images/help-after.svg) no-repeat center bottom;
    width: 100%;
    height: 53px;
    background-size: 110%;
    bottom: 0px;
    z-index: 10;
  }

  .mentalHealth {
    position: relative;
  }

  .mentalHealth::before {
    content: "";
    position: absolute;
    display: block;
    background: url(../images/health-before-bg.svg) no-repeat left bottom;
    width: 100px;
    height: 100px;
    bottom: 0px;
    left: 70px;
  }

  .mentalHealth::after {
    content: "";
    position: absolute;
    display: block;
    background: url(../images/health-after-bg.svg) no-repeat right top;
    width: 280px;
    height: 280px;
    top: 0px;
    right: 0px;
  }

  /*Accordion*/

  .panel-default > .panel-heading {
    color: #343333;
    background-color: #fff !important;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 20px;
    font-weight: 24px;
    font-weight: bold;
  }

  .panel-default > .panel-heading a {
    display: block;
    padding: 10px 15px 10px 10px;
    color: #095188;
    font-family: "Calibri";
  }

  .panel-default > .panel-heading a:hover {
    text-decoration: none;
  }

  .panel-default > .panel-heading a:after {
    content: "";
    position: absolute;
    top: 36%;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    right: 10px;
    transition: transform 0.25s linear;
    -webkit-transition: -webkit-transform 0.25s linear;
  }

  .panel-default > .panel-heading a[aria-expanded="true"] {
    background-color: #fff;
    /* color: #1E7475; */
  }

  .panel-default > .panel-heading a[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .panel-title {
    position: relative;
  }

  .panel-default > .panel-heading a[aria-expanded="true"]:before {
    content: "";
    background: url(../images/dot-active.svg);
    position: absolute;
    display: block;
    left: 0px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    top: 12px;
    z-index: 10;
    display: none;
  }

  .panel-default > .panel-heading a[aria-expanded="false"]:before {
    content: "";
    background: url(../images/dot-inactive.svg);
    position: absolute;
    display: block;
    left: 0px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    top: 12px;
    z-index: 10;
    display: none;
  }

  .panel-default > .panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .panel-body {
    color: #343333;
    font-size: 14px;
    line-height: 22px;
    padding: 20px 20px 20px 30px;
    margin-right: 16px;
    /* max-height: 300px;
      overflow: hidden;
      overflow-y: scroll; */
  }

  .panel-body img {
    display: block;
    margin: 0 auto;
  }

  .panel-body p {
    margin-bottom: 20px;
  }

  .panel-body ul {
    margin-left: 20px;
    margin-bottom: 20px;
  }

  .panel-body ul li {
    list-style: none;
    background: url(../images/bullet.svg) no-repeat left top 8px;
    padding-left: 20px;
    margin-bottom: 20px;
  }

  .panel-body ::-webkit-scrollbar {
    width: 12px;
  }

  .panel-body ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }

  .panel-body ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }

  .panel-group {
    position: relative;
  }

  .panel.panel-default::before {
    content: "";
    border-left: 1px solid #e1e1e1;
    position: absolute;
    left: 5px;
    top: 13px;
    height: 94%;
    z-index: 0;
    display: none;
  }

  .panel.panel-default:last-child::before {
    content: none;
  }

  .healthBox {
    width: 100%;
    min-height: 227px;
    border-radius: 10px;
    background-color: #f2f2f2;
    padding: 14px 27px;
    margin-bottom: 15px;
  }

  .healthBox h6 {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #343333;
    text-align: left;
    position: relative;
  }

  .healthBox ul {
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 15px;
  }

  .healthBox ul li {
    margin-bottom: 10px;
  }

  .healthBox ul li:last-child {
    margin-bottom: 0px;
  }

  /*Bottom Covid19 Section*/

  .covidWrapper {
    margin: 10px 0px 50px;
    color: #787878;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
  }

  .covidWrapper h2 {
    font-size: 31px;
    line-height: 40px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin-bottom: 20px;
  }

  .covidWrapper ul {
    display: block;
    margin: 0 auto;
    text-align: center;
    min-height: 156px;
    margin-bottom: 50px;
    position: relative;
    float: right;
  }

  /* .covidWrapper ul::before {
      content: '';
      display: block;
      position: absolute;
      background: url(../images/virus.svg);
      background-repeat: no-repeat;
      width: 97px;
      height: 97px;
      top: 62px;
      z-index: 0;
      left: 0;
  } */

  .covidWrapper ul li {
    list-style: none;
    display: inline-block;
    text-align: center;
    position: relative;
    vertical-align: middle;
    min-width: 100px;
  }

  .covidWrapper ul li:nth-child(odd)::before {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/odd-bg.svg);
    width: 83px;
    height: 24px;
    top: 55px;
    left: -48px;
    z-index: -1;
  }

  .covidWrapper ul li:nth-child(even) {
    margin-top: 80px;
  }

  .covidWrapper ul li:nth-child(even)::before {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/even-bg.svg);
    width: 83px;
    height: 24px;
    top: 15px;
    left: -42px;
    z-index: -1;
  }

  .covidWrapper span {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #626262;
  }

  .covidWrapper ul li button {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(246, 246, 246, 1) 47%,
      rgba(238, 238, 238, 1) 100%
    );
    background: -webkit-gradient(
      left top,
      right bottom,
      color-stop(0%, rgba(255, 255, 255, 1)),
      color-stop(47%, rgba(246, 246, 246, 1)),
      color-stop(100%, rgba(238, 238, 238, 1))
    );
    background: -webkit-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(246, 246, 246, 1) 47%,
      rgba(238, 238, 238, 1) 100%
    );
    background: -o-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(246, 246, 246, 1) 47%,
      rgba(238, 238, 238, 1) 100%
    );
    background: -ms-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(246, 246, 246, 1) 47%,
      rgba(238, 238, 238, 1) 100%
    );
    background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(246, 246, 246, 1) 47%,
      rgba(238, 238, 238, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=1);
    border: none;
    z-index: 99;
    cursor: auto;
  }

  .covidPopWrapper ul {
    float: left;
  }

  .covidPopWrapper {
    width: 1500px;
    height: auto;
    overflow: hidden;
  }

  .covidWrapper ul li:first-child {
    margin-left: 110px;
  }

  .covidWrapper ul li:first-child::after {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/virus.svg);
    background-repeat: no-repeat;
    width: 97px;
    height: 97px;
    top: 23px;
    z-index: 0;
    left: -104px;
  }

  body.hindiLanguage .covidWrapper span {
    max-width: 140px;
  }

  /*Footer*/

  .footerWrapper {
    position: relative;
    display: block;
    width: 100%;
    background-size: cover;
    margin-top: 0px;
    overflow-x: hidden;
    position: relative;
    z-index: 0;
  }

  .footerInner {
    width: 100%;
    background-color: #fdf1dd;
    padding: 20px 0px;
  }

  .footerWrapper::before {
    content: "";
    display: block;
    /* position: absolute; */
    background: url(../images/help-before.svg) no-repeat center top;
    width: 100%;
    height: 41px;
    background-size: 110%;
    top: 0px;
    z-index: 10;
  }

  .copyrightInfo {
    text-align: left;
    color: #626262;
    font-size: 14px;
    line-height: 30px;
    /* margin-top: 30px; */
    padding-top: 25px;
    border-top: 1px solid #c5c5c5;
  }

  .footerSocial ul {
    margin: 0px;
    padding: 0px;
    text-align: right;
  }

  .footerSocial ul li {
    list-style: none;
    display: inline-block;
    padding-left: 15px;
  }

  /*Navigation*/

  /* for dropdown only - change the color of droodown */

  .icon-bar {
    width: 22px;
    height: 2px;
    background-color: #b6b6b6;
    display: block;
    transition: all 0.2s;
    margin-top: 4px;
  }

  .navbar-toggler {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    float: right;
  }

  .navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
  }

  .navbar-toggler .middle-bar {
    opacity: 0;
  }

  .navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
  }

  .navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
  }

  .navbar-toggler.collapsed .middle-bar {
    opacity: 1;
  }

  .navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
  }

  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0px;
  }
  .nav-item {
    padding: 0 10px;
    font-family: "PT Sans", sans-serif;
  }
  .bg-dark .dropdown-menu {
    background-color: #004f8a;
    /* top:138%; */
    border-radius: 0px !important;
    border: none;
  }

  .bg-dark .dropdown-item {
    display: block;
    width: 100%;
    padding: 10px !important;
    clear: both;
    font-weight: 400;
    color: #fff !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
  }

  .bg-dark .dropdown-item:hover,
  .bg-dark .dropdown-item:focus {
    color: #fff;
    background-color: #4c7fa5 !important;
    /* background-color: #028f49 !important; */
  }
  .bg-dark {
    background: #004f8a !important;
    background-color: #004f8a !important;
    color: #fff !important;
  }

  .bg-dark .nav-link {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 18px;
  }
  .navbar {
    padding: 16px;
  }

  .dropdown-toggle::after {
    border: none !important;
    background: url(../images/nav-arrow.svg) no-repeat center left;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle !important;
  }

  /*Bottom Covid19 Section*/
  .covidpara {
    text-align: left;
  }
  .covidpara p {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #343333;
    margin-bottom: 30px;
  }
  .covidpara a {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #000;
    text-decoration: none;
    font-weight: 600;
  }
  .covidpara a:hover {
    text-decoration: none;
  }

  /*Helpline Section*/
  .talkhelp {
    margin-top: 50px;
  }
  .talkhelp {
    padding: 20px 0;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    position: relative;
  }
  .talkhelp::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #ffffff;
    position: absolute;
    right: 50%;
    bottom: -17px;
    transform: translateY(-50%);
    display: none;
  }
  .talkhelp img {
    width: 70px;
    height: 80px;
    margin-bottom: 15px;
  }
  .talkhelp svg {
    width: 70px;
    height: 80px;
    margin-bottom: 15px;
  }
  .talkhelp h4 {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: 23px;
  }
  .talkhelp h4 a {
    font-size: 18px;
    color: #343333;
    font-weight: bold;
  }
  .talkhelp h4 a:hover {
    text-decoration: none;
  }
  .talkhelp:hover {
    background-image: url("../images/help_opsn_bg.svg");
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 15px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.16);
  }
  .talkhelp:hover::after {
    display: block;
  }
  /* .talkhelp:hover SVG {transition: .5s ease; position: relative;
      animation: mymove 1s;}

      @keyframes mymove {
          from {left: 0px;}
          to {left: 25px;}
        } */

  /*svg Animation*/
  .talkhelp:hover #Path_6717 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6718 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6719 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6714 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6715 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6810-2 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  /* .talkhelp:hover #Path_6810 { fill:#faa755; color:#faa755; transition: .5s ease;} */
  .talkhelp:hover #Path_6701 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6702 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6703 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6704 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6705 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6706 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6707 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6708 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6709 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }
  .talkhelp:hover #Path_6710 {
    fill: #626262;
    color: #626262;
    transition: 0.5s ease;
  }

  /*Health Section*/
  .health p {
    font-size: 18px;
    line-height: 24px;
    color: #3d3d3d;
    margin-bottom: 30px;
  }
  .health h4 {
    font-size: 30px;
    color: #000000;
    line-height: 35px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .healthlist {
    position: relative;
    background: rgb(30, 180, 80);
    background: linear-gradient(
      90deg,
      rgba(30, 180, 80, 1) 0%,
      rgba(225, 192, 23, 1) 50%,
      rgba(242, 99, 60, 1) 80%
    );
    background-position: center;
    min-height: 105px;
    border-radius: 15px;
  }
  .h100 {
    height: 106px;
  }
  .smilee {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    transition: 0.5s;
  }
  .smilee img {
    margin-right: 15px;
    width: 40px;
    height: 35px;
    cursor: pointer;
    display: inline-block;
  }
  /* .smilee:hover {transform: scale(1.2);} */
  .smallTxt {
    max-width: 100px;
    cursor: pointer;
  }
  .panel-body .healthlist {
    margin-bottom: 15px;
  }

  /*Map Section*/

  .map {
    position: relative;
    display: block;
    width: 100%;
    background-size: cover;
    margin-top: 50px;
    margin-bottom: 45px;
    overflow-x: hidden;
    position: relative;
    z-index: 0;
  }

  .mapInner {
    width: 100%;
    background-color: #fdf1dd;
    padding: 50px 0px;
  }

  .map::before {
    content: "";
    display: block;
    /* position: absolute; */
    background: url(../images/help-before.svg) no-repeat center top;
    width: 100%;
    height: 41px;
    background-size: 110%;
    top: 0px;
    z-index: 10;
  }

  .map::after {
    content: "";
    display: block;
    /* position: absolute; */
    background: url(../images/help-after.svg) no-repeat center bottom;
    width: 100%;
    height: 53px;
    background-size: 110%;
    bottom: 0px;
    z-index: 10;
  }

  .depre h4 {
    font-size: 30px;
    line-height: 41px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin-bottom: 20px;
  }
  .bgin {
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 15px;
    text-align: center;
    position: relative;
    transition: 0.5s ease;
  }
  .bgin img {
    width: 300px;
    height: 400px;
  }
  .bgin:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(76, 127, 165, 0.65);
    cursor: pointer;
  }
  .depresn {
    position: absolute;
    top: 45%;
    left: 32%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    display: none;
    color: rgba(255, 255, 255, 1);
    z-index: 1;
    cursor: pointer;
  }
  .bgin:hover .depresn {
    display: block;
  }
  .depresn p {
    color: #fff;
  }

  .bgin img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .bgin:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  .map2 .resbgin {
    position: relative;
  }
  .map2 .resbgin::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%
    );
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%
    );
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }
  .map2 .resbgin:hover::before {
    -webkit-animation: shine 0.75s;
    animation: shine 0.75s;
  }
  @-webkit-keyframes shine {
    100% {
      left: 125%;
    }
  }
  @keyframes shine {
    100% {
      left: 125%;
    }
  }

  /*Help Someone Section*/
  .help {
    margin-bottom: 25px;
  }
  .helpimg {
    overflow: hidden;
  }
  .helpimg img {
    max-width: 350px;
  }
  .yellowbg {
    background: url(../images/help.svg) no-repeat center;
    height: 490px;
    width: 100%;
    padding: 50px;
    border-radius: 70px;
    background-size: cover;
  }

  .help p {
    font-size: 18px;
    line-height: 24px;
    color: #3d3d3d;
    margin-bottom: 30px;
    text-align: left;
  }
  .click {
    font-size: 22px;
    font-weight: bold;
    color: #144372;
    cursor: pointer;
    text-align: left;
  }

  .help .click a {
    background: none;
  }

  /*Footer About Section*/
  .about {
    position: relative;
    display: block;
    background: url(../images/helpline_bg.svg) no-repeat center;
    width: 100%;
    min-height: 590px;
    background-size: cover;
  }
  /* .footrabout {padding: 45px 0; padding-top:0px;} */
  .footrabout p {
    font-size: 16px;
    line-height: 24px;
    color: #3d3d3d;
    margin-bottom: 30px;
    background: url(../images/left-quote.svg) no-repeat 0px -27px;
    background-size: 65px 100px;
    padding: 20px;
    padding-left: 80px;
  }
  .red {
    font-size: 16px !important;
    color: #f15b40 !important;
    font-weight: bold;
    padding-bottom: 50px;
  }
  .footr {
    border-top: 1px solid #c5c5c5;
  }
  .allfootr {
    margin-top: 20px;
  }
  .copy {
    color: #9f9f9f;
    font-size: 12px;
  }
  .social {
    cursor: pointer;
    width: 150px;
  }
  .social span:hover {
    transform: scale(1.2);
  }

  /* Wobble Horizontal */
  @-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
      -webkit-transform: translateX(8px);
      transform: translateX(8px);
    }
    33.3% {
      -webkit-transform: translateX(-6px);
      transform: translateX(-6px);
    }
    49.95% {
      -webkit-transform: translateX(4px);
      transform: translateX(4px);
    }
    66.6% {
      -webkit-transform: translateX(-2px);
      transform: translateX(-2px);
    }
    83.25% {
      -webkit-transform: translateX(1px);
      transform: translateX(1px);
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @keyframes hvr-wobble-horizontal {
    16.65% {
      -webkit-transform: translateX(8px);
      transform: translateX(8px);
    }
    33.3% {
      -webkit-transform: translateX(-6px);
      transform: translateX(-6px);
    }
    49.95% {
      -webkit-transform: translateX(4px);
      transform: translateX(4px);
    }
    66.6% {
      -webkit-transform: translateX(-2px);
      transform: translateX(-2px);
    }
    83.25% {
      -webkit-transform: translateX(1px);
      transform: translateX(1px);
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  .hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .hvr-wobble-horizontal:hover,
  .hvr-wobble-horizontal:focus,
  .hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }

  @-webkit-keyframes hvr-wobble-vertical {
    16.65% {
      -webkit-transform: translateY(8px);
      transform: translateY(8px);
    }
    33.3% {
      -webkit-transform: translateY(-6px);
      transform: translateY(-6px);
    }
    49.95% {
      -webkit-transform: translateY(4px);
      transform: translateY(4px);
    }
    66.6% {
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px);
    }
    83.25% {
      -webkit-transform: translateY(1px);
      transform: translateY(1px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes hvr-wobble-vertical {
    16.65% {
      -webkit-transform: translateY(8px);
      transform: translateY(8px);
    }
    33.3% {
      -webkit-transform: translateY(-6px);
      transform: translateY(-6px);
    }
    49.95% {
      -webkit-transform: translateY(4px);
      transform: translateY(4px);
    }
    66.6% {
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px);
    }
    83.25% {
      -webkit-transform: translateY(1px);
      transform: translateY(1px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  .hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .hvr-wobble-vertical:hover,
  .hvr-wobble-vertical:focus,
  .hvr-wobble-vertical:active {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }

  @-webkit-keyframes hvr-pulse-grow {
    to {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  @keyframes hvr-pulse-grow {
    to {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  .hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .hvr-pulse-grow:hover,
  .hvr-pulse-grow:focus,
  .hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
  }

  @-webkit-keyframes hvr-buzz {
    50% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    100% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
  }
  @keyframes hvr-buzz {
    50% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    100% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
  }
  .hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .hvr-buzz:hover,
  .hvr-buzz:focus,
  .hvr-buzz:active {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

  /***************** Inner Page *********************/
  /* Mental Welbeing Inner Page */
  .theabout {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }

  .theabout p {
    font-size: 18px;
    line-height: 25px;
    color: #343333;
    margin-bottom: 15px;
  }

  .theabout ul li {
    list-style: none;
    background: url(../images/bullet.svg) no-repeat left top 8px;
    padding-left: 20px;
    margin-bottom: 5px;
    font-size: 18px;
    float: left;
    line-height: 23px;
    width: 100%;
    font-family: "Calibri";
    color: #666;
  }

  .welbng p {
    font-size: 18px;
    line-height: 25px;
    color: #343333;
    margin-top: 22px;
  }

  /*****Accordion***/
  .panel-group {
    margin-bottom: 30px;
  }
  .panel.panel-default {
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0 0;
  }
  .activebox {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.16) !important;
    position: relative;
    z-index: 2;
    border-radius: 15px;
    width: 100%;
    margin-bottom: 20px;
  }

  .tableWrapper {
    position: relative;
  }

  .tableWrapper::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 60px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    /* background-image: url(../images/health_1.svg); */
    background-repeat: no-repeat;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    left: 0px;
    top: 0px;
    z-index: -1;
    background-color: #004f8a;
  }

  .tableWrapper p {
    font-size: 16px;
  }
  .tableWrapper strong {
    color: #3e6f97;
    font-size: 18px;
  }

  .tableWrapper.text-light {
    color: #fff !important;
  }
  .tableWrapper p img {
    display: inline-block;
    float: right;
    width: 20px;
    margin-right: 15px;
  }

  .tableWrapper td,
  th {
    padding: 15px;
    vertical-align: top;
    border-right: 1px solid #ccc;
  }
  /*****breadcrumb***/

  ul.breadcrumbs {
    padding: 20px 0px;
    list-style: none;
  }

  /* Display list items side by side */
  ul.breadcrumbs li {
    display: inline;
    font-size: 18px;
    line-height: 25px;
  }

  .breadcrumbs li.active {
    font-weight: bold;
  }

  /* Add a slash symbol (/) before/behind each list item */
  ul.breadcrumbs li + li:before {
    padding: 8px;
    color: #9f9f9f;
    content: ">";
  }

  /* Add a color to all links inside the list */
  ul.breadcrumbs li a {
    color: #9f9f9f;
    text-decoration: none;
  }

  /* Add a color on mouse-over */
  ul.breadcrumbs li a:hover {
    color: #9f9f9f;
    text-decoration: underline;
  }

  /******Footer Inner page******/
  .innerfootr {
    position: relative;
    width: 100%;
    max-height: 100px;
    background-image: url("../images/innerfooterbg.svg");
    background-repeat: no-repeat;
  }
  .copyrightsInfo {
    text-align: left;
    color: #626262;
    font-size: 14px;
    line-height: 30px;
    margin-top: 30px;
    padding: 25px 0;
  }

  /* Staying Inner Page */
  .stay {
    margin-bottom: 30px;
  }

  .stay h4 {
    font-size: 28px;
    line-height: 38px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin-bottom: 20px;
  }

  .stay p {
    font-size: 18px;
    line-height: 23px;
    color: #000000;
  }

  .selfCare {
    margin-bottom: 40px;
  }

  .selfBox {
    padding: 20px;
    border-radius: 15px;
    width: calc(100% - 30px);
    border: 1px solid #d1d1d1;
    transition: 0.5s;
    margin-bottom: 30px;
    position: relative;
  }

  .selfBox:hover {
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    border: 1px solid #fff;
  }

  .selfBox-2 {
    padding: 20px;
    border-radius: 20px;
    width: 100%;
    border: 1px solid #d1d1d1;
    transition: 0.5s;
    margin-bottom: 30px;
    position: relative;
    min-height: 230px;
    width: 260px;
  }

  .selfBox-2-Hindi {
    min-height: 320px;
  }

  .selfBox-2:hover {
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    border: 0;
  }

  .selfBox p {
    font-size: 14px;
    line-height: 22px;
    color: #343333;
    margin-bottom: 30px;
  }

  p.selfHead {
    font-size: 18px;
    font-weight: bold;
    color: #144372;
    display: block;
    padding-left: 60px;
    vertical-align: middle;
    min-height: 50px;
  }

  .selfBox-2 img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
  }

  .dietBox {
    background-color: #fdf1dd;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 30px;
  }

  .blue {
    color: #095188;
  }

  .doespara {
    font-size: 13px !important;
    line-height: 18px !important;
  }

  .imgdiet {
    margin-bottom: 10px;
    margin-right: 15px;
    width: 50px;
    height: fit-content;
    display: block;
  }

  .yoga img {
    margin-bottom: 10px;
    width: auto;
    height: 50px;
  }

  .yoga p {
    font-size: 13px;
    line-height: 18px;
    max-width: 100px;
    text-align: center;
  }

  .tip p {
    font-size: 13px;
    line-height: 18px;
    margin-left: 15px;
  }

  .relxsn {
    margin-bottom: 20px;
  }

  .relxsn img {
    margin-bottom: 15px;
  }

  .sleep {
    margin-top: 30px;
  }

  .sleep h5 {
    margin-bottom: 30px;
  }

  .m-b-30 {
    margin-bottom: 30px;
  }

  .m-b-20 {
    margin-bottom: 20px;
  }

  .sleepBox {
    padding: 20px;
    border-radius: 15px;
    width: 100%;
    border: 1px solid #d1d1d1;
    transition: 0.5s;
    margin-bottom: 30px;
    position: relative;
    min-height: 460px;
  }

  .sleepBoxHindi {
    min-height: 500px;
  }

  .sleepBox:hover {
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    border: none !important;
  }

  .hour {
    margin-bottom: 15px;
  }

  .bdtime img {
    margin-bottom: 20px;
  }

  .brdrBox {
    margin-bottom: 0;
    min-height: 520px;
  }

  .brdrBoxHindi {
    min-height: 550px;
  }

  /***********Emotinal Page **************/
  .worrisome li {
    width: 46%;
    display: inline-block;
  }

  /* Relationship between the mind & body Inner Page */
  .mind {
    margin-bottom: 80px;
  }
  .parts {
    width: 100%;
    overflow: hidden;
  }
  .parts img {
    cursor: pointer;
  }
  .parts p {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 30px;
  }
  .relbody {
    padding-top: 50px;
  }
  .partpara {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 30px;
    color: #343333;
  }

  /* Causes Inner Page */
  .causes {
    margin-bottom: 80px;
  }

  /* Diagnosis and treatment Inner Page */
  .treatment {
    margin-bottom: 80px;
  }
  .treatment p {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 30px;
    color: #343333;
  }

  /* Symptoms of depression Inner Page */
  .Symptoms p {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 30px;
    color: #343333;
  }

  .symbox .table thead th {
    border: 0;
  }
  .symbox .table td,
  .table th {
    border: 0;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
  }
  .symblue {
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    color: #3e6f97;
  }
  .tblhead {
    font-size: 18px;
    font-weight: 600;
    color: #343333;
    line-height: 23px;
  }
  .symbox .panel-body ul {
    margin-left: 0;
  }
  .symbox .panel-body ul li {
    margin-bottom: 0;
  }
  .symtype {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    color: #343333;
  }
  .symtype img {
    margin-right: 10px;
  }

  /* Symptoms of depression Inner Page */
  .fightmini {
    font-size: 18px !important;
    line-height: 23px !important;
    margin-bottom: 30px !important;
  }
  .man {
    font-size: 12px;
    color: #213468;
    font-weight: 600;
    margin-top: 50px;
  }
  /* .safe img {max-width: 200px; max-height: 50px; display: block;}
  .tigrsec img {max-width: 100px; max-height: 50px; display: block;}
  .tree img {max-width: 150px; max-height: 50px; display: block;} */
  .selfSec {
    margin-bottom: 30px;
  }

  .allsec {
    margin-bottom: 30px;
  }

  .depresn h4 {
    font-size: 18px;
    background: url(../images/right-arrow-white.svg) no-repeat 130px 5px;
    padding-right: 0px;
    color: #fff;
    text-align: center;
    padding-right: 50px;
  }

  .maphindi .depresn h4 {
    background: url(../images/right-arrow-white.svg) no-repeat 130px 3px !important;
  }

  .click a {
    font-size: 22px;
    font-weight: bold;
    color: #144372;
    background: url(../images/right_arrow.svg) no-repeat 165px 6px;
    cursor: pointer;
    text-align: left;
  }

  .click a:hover {
    text-decoration: none;
  }
  .allsec img {
    max-width: 1100px;
  }

  .minH510 {
    min-height: 530px;
  }
  .minH550 {
    min-height: 550px;
  }
  .minH320 {
    min-height: 320px;
  }
  .minH330 {
    min-height: 330px;
  }
  .minH350 {
    min-height: 350px;
  }
  .minH200 {
    min-height: 200px;
  }
  .symbox .panel-body ul {
    margin-bottom: 0;
  }
  .imgdiet {
    height: 40px;
  }
  .imgdiet {
    width: 35px;
  }
  .minH230 {
    min-height: 230px;
  }

  .modal-header .close {
    outline: none;
  }

  .hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }
  .hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(
      center,
      ellipse,
      rgba(0, 0, 0, 0.35) 0%,
      rgba(0, 0, 0, 0) 80%
    );
    background: radial-gradient(
      ellipse at center,
      rgba(0, 0, 0, 0.35) 0%,
      rgba(0, 0, 0, 0) 80%
    );
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
  }
  .hvr-float-shadow:hover,
  .hvr-float-shadow:focus,
  .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */
  }
  .hvr-float-shadow:hover:before,
  .hvr-float-shadow:focus:before,
  .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
  }

  .modal-dialog {
    max-width: 800px !important;
  }

  .tooltip-col {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
    cursor: pointer;
    text-align: center;
    z-index: 999999;
  }

  .tooltiptext4 {
    visibility: hidden;
    width: auto;
    min-width: 220px;
    max-width: 220px;
    height: 100px;
    background-color: #efefef;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 20px 10px;
    box-sizing: border-box;
    position: absolute;
    z-index: 999999;
    top: 40px;
    right: -19px;
    font-size: 14px;
    border: 1px solid #ccc;
  }
  .tooltiptext4 a {
    color: #000;
    margin-bottom: 5px;
    display: block;
    font-weight: normal;
  }
  .tooltiptext4 a:hover {
    text-decoration: none;
  }

  .tooltiptext4::after {
    content: "";
    position: absolute;
    top: -20px;
    left: 100px;
    border-width: 10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #ccc transparent;
  }

  .tooltip-col:hover .tooltiptext4 {
    visibility: visible;
  }

  .dasra img {
    margin-right: 15px;
    max-width: 120px;
    display: block;
  }
  .white {
    margin-bottom: 30px;
  }
  .partnr {
    font-size: 14px;
  }
  .minH280 {
    height: 220px;
  }

  .footerWrapper .owl-item {
    text-align: left;
    width: 100%;
    font-size: 18px;
  }

  .footerWrapper .owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    color: #869791;
    font-size: 40px;
    line-height: 300px;
    margin: 0;
    padding: 0 60px;
    position: absolute;
    top: 0;
  }
  .footerWrapper .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    padding-left: 20px;
  }
  .footerWrapper .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    padding-right: 20px;
  }

  .owl-carousel .nav-button {
    height: 50px;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 30px !important;
    font-size: 40px !important;
  }

  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.25;
  }

  .owl-carousel .owl-prev {
    left: -35px;
  }

  .owl-carousel .owl-next {
    right: -35px;
  }

  .owl-theme .owl-nav [class*="owl-"] {
    color: #ffffff;
    font-size: 39px;
    background: #000000;
    border-radius: 3px;
  }

  .owl-carousel .prev-carousel:hover {
    background-position: 0px -53px;
  }

  .owl-carousel .next-carousel:hover {
    background-position: -24px -53px;
  }
  .owl-carousel a {
    color: #144372;
    font-weight: bold;
  }
  .owl-carousel a:hover {
    text-decoration: none;
  }
  .footerWrapper .owl-item p {
    font-size: 18px;
  }

  .popover__title {
    font-size: 18px;
    line-height: 36px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
  }

  .popover__wrapper {
    position: relative;
    margin-top: 1.5rem;
    display: inline-block;
  }
  .popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -150px;
    transform: translate(0, 10px);
    background-color: #efefef;
    padding: 20px 5px 10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: auto;
    z-index: 999999;
    width: 230px;
    min-height: 80px;
    text-align: left;
  }
  .popover__content a {
    text-decoration: none;
    color: #0f2452;
    display: block;
    text-align: left;
    /* border-bottom:1px solid #ccc; */
    line-height: 14px;
  }

  .popover__content p {
    margin-bottom: 0px;
    line-height: 14px;
  }

  .popover__content a:hover {
    text-decoration: none;
  }
  .popover__content:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #efefef transparent;
    transition-duration: 0.3s;
    transition-property: transform;
  }
  .popover__wrapper:hover .popover__content {
    z-index: 999999;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
  }
  .popover__message {
    text-align: center;
  }

  .modal-header .close span {
    font-size: 40px !important;
  }
  .blueBg {
    background-color: #004f8a !important;
    color: #fff !important;
  }

  .blueBg p {
    color: #fff !important;
  }

  .modal-title {
    font-size: 24px;
  }

  .why {
    display: inline-block;
    float: right;
    width: 20px;
    margin-right: 15px;
    font-size: 40px;
  }

  .parts img {
    width: 100%;
    overflow: hidden;
  }

  .impact img {
    max-width: 500px;
    max-height: 500px;
    display: block;
  }

  .physcBox {
    width: 100%;
    overflow: hidden;
  }

  .quote::before {
    content: "";
    display: block;
    position: absolute;
    width: 87px;
    height: 67px;
    background: url(../images/left-quote2.svg) no-repeat left top;
    top: 0px;
    left: 0px;
    background-size: 60%;
  }

  .quote {
    position: relative;
    padding-left: 90px;
    padding: 0px 0px 20px 90px;
    margin: 20px 0px;
  }
  .testimonialsWrapper {
    line-height: 25px;
  }

  .quoteRight {
    position: relative;
  }
  .quoteRight::after {
    content: "";
    display: block;
    position: absolute;
    width: 87px;
    height: 67px;
    background: url(../images/right-quote.svg) no-repeat left top;
    top: 0px;
    left: 0px;
  }

  .quoteRight {
    position: relative;
    padding-left: 110px;
  }

  .clean {
    margin-bottom: 30px;
  }

  .checkr img {
    max-width: 400px;
    max-height: 500px;
    display: block;
    margin-bottom: 30px;
  }

  .causes .selfBox p {
    font-size: 18px;
    line-height: 23px;
  }

  .causes h5 {
    font-size: 24px;
  }

  .tblhead {
    font-size: 18px;
  }
  img.logo {
    max-width: 90px;
  }

  .smilee a {
    color: #fff;
    line-height: 100px;
  }
  .smilee a:hover {
    text-decoration: none;
  }

  .m-b-0 {
    margin-bottom: 0 !important;
  }

  .modalFaq a {
    padding: 0 !important;
  }

  .modalFaq h4 {
    font-size: 18px;
    line-height: 23px;
  }

  .spectrm a {
    color: #0f2452 !important;
    line-height: 50px !important;
  }

  .some img {
    width: 490px;
    height: 400px;
    display: block;
  }

  .mobView {
    display: none;
  }

  .impct {
    padding: 20px;
    border-radius: 20px;
    width: calc(100% + 15px);
    transition: 0.5s;
    margin-bottom: 30px;
    position: relative;
    min-height: 306px !important;
    background-color: #fdf0d1;
    float: left;
  }

  .impctHindi {
    min-height: 350px !important;
  }

  .impct:hover {
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    border: 0;
  }

  .impct img {
    max-width: 80px;
    margin-bottom: 15px;
  }

  .pl-0 {
    padding-left: 0;
  }

  .ml-0 {
    margin-left: 0;
  }

  .prolong {
    position: relative;
    width: 100%;
    height: 115px;
    z-index: 1;
    display: flex;
    /* background-image: url('../images/impct_arrow.svg'); background-repeat: no-repeat; background-position: center; */
  }
  .prolong h5 {
    position: absolute;
    top: 46px;
    color: #ffffff;
    width: 100%;
    text-align: center;
    font-size: 16px;
  }

  .prolong img {
    width: 100%;
  }

  .mtM10 {
    margin-top: -20px;
    z-index: -1;
  }

  .yellowBrdr {
    border: 1px solid #ffc20e !important;
  }

  .boxBrdr {
    width: 50%;
    text-align: center;
    border: 1px solid #ffc20e;
    padding: 10px 0;
  }

  .boxmr {
    margin-right: 10px;
  }

  .appear {
    color: #343333;
    font-size: 18px;
    line-height: 23px;
    text-align: left;
    font-weight: 700;
    width: 100%;
    padding-left: 50px;
    padding-top: 15px;
    text-transform: uppercase;
    margin-bottom: 50px;
  }
  .appear::after {
    content: "";
    display: block;
    background-color: #ffc20e;
    width: 300px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 14px 0px 0 0;
  }

  .appearright {
    color: #343333;
    font-size: 18px;
    line-height: 23px;
    text-align: right;
    font-weight: 700;
    width: 100%;
    padding-right: 50px;
    padding-top: 15px;
    text-transform: uppercase;
  }
  .appearright::after {
    content: "";
    display: block;
    background-color: #ffc20e;
    width: 300px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    border-radius: 0 14px 0 0;
  }

  .fightfBox {
    border-radius: 15px;
    width: 100%;
    border: 1px solid #d1d1d1;
    transition: 0.5s;
    margin-bottom: 30px;
    position: relative;
    min-height: 335px;
    overflow: hidden;
  }
  .fightfBoxHindi {
    min-height: 350px;
  }

  .fightfBox:hover {
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.16) !important;
    border: none !important;
  }

  .fight img {
    width: 100%;
    max-width: 230px;
    float: right;
  }

  .infopara {
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    padding: 20px;
  }

  .hindipara {
    font-size: 16px;
  }

  .bodyPrts {
    margin-bottom: 30px;
    text-align: center;
  }

  .fightowl {
    padding: 20px;
    border-radius: 20px;
    width: 100%;
    border: 1px solid #d1d1d1;
    transition: 0.5s;
    margin-bottom: 0;
    position: relative;
    min-height: 400px;
  }

  .rediIcon img {
    width: auto !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .fightowl .owl-carousel .owl-prev {
    right: -50px;
  }
  .fightowl .owl-carousel .nav-button {
    top: 85px !important;
  }

  .slideNav .owl-dots {
    display: none !important;
  }

  .slideNav .owl-theme .owl-nav [class*="owl-"] {
    background: transparent !important;
    color: #191818 !important;
  }

  .slideNav .owl-carousel .nav-button {
    top: 130px !important;
  }

  .slideNav .item {
    margin-right: 15px;
  }

  .caring h4 a {
    font-size: 28px;
    line-height: 38px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin-bottom: 20px;
  }

  .midhead {
    color: #144372 !important;
  }

  .smallpara {
    padding-left: 30px;
    font-size: 18px;
    line-height: 23px;
  }

  .greenbg {
    border-bottom: 10px solid #51b35a;
  }

  .greenTree {
    padding-left: 20px;
  }

  .man {
    padding-right: 20px;
  }

  .cntrbox {
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .tdhead {
    padding-left: 0;
    font-weight: bold;
  }

  .fight {
    padding-right: 20px;
  }

  .fightFlight {
  }
  .tigerBox {
    margin-top: -54px;
  }

  a.dropdown-item:last-child {
    border-bottom: none !important;
  }
  /*
      .contact_us_form form {
          background-color: #efefef;
          padding: 20px;
          border-radius: 20px;
      }

      .contact_us_form form .form-item {
          width: 48.5%;
          display: inline-block;
          margin: 0.5%;
      }

      .contact_us_form form .form-item input {
           width: 100%;
          height: 40px;
           outline: none;
          border: 1px solid #ccc;
      }

      .contact_us_form form .js-form-item-message {
          width: 98.5%;
          display: block;
      }

      .contact_us_form form .form-item textarea{
          width: 100%;
           outline: none;
          border: 1px solid #ccc;
      }

      .contact_us_form #edit-submit {
          background-color: #004F8A;
          border-color: #004F8A;
          color: #fff;
          width: auto;
          min-width: 120px;
          height: 40px;
          outline: none;
          font-size: 18px;
          margin: 10px;
      }
   */

  .contact_us_form .messages--status {
    font-size: 24px;
    text-align: center;
  }
  .contact_us_form .webform-confirmation__message {
    margin-bottom: 0px;
  }
  .contact_us_form .webform-confirmation__back a {
    background-color: #004f8a;
    border-color: #004f8a;
    color: #fff;
    width: auto;
    min-width: 120px;
    height: 40px;
    outline: none;
    font-size: 18px;
    margin: 10px;
    display: inline-block;
    line-height: 40px;
    font-size: 14px;
  }

  /*Site Map*/
  .sitemap {
    width: 100%;
    margin: 0 auto;
    padding: 50px;
    border-radius: 20px;
    background: #efefef;
  }
  .sitemap ul {
    position: relative;
  }
  .sitemap ul::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #ccc;
    left: 3px;
    top: 17px;
  }
  .sitemap ul li {
    position: relative;
  }

  .sitemap ul li a {
    padding-left: 20px;
  }

  .sitemap ul li span {
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
  }
  .sitemap ul li span::before {
    content: "";
    list-style: none;
    background: #004f8a;
    padding-left: 10px;
    margin-bottom: 5px;
    position: absolute;
    display: block;
    width: 5px;
    height: 10px;
    left: -1px;
    border-radius: 50%;
    top: 14px;
  }

  .sitemap .dropdown-item:focus,
  .sitemap .dropdown-item:hover {
    color: #004f8a;
    background-color: transparent !important;
  }

  .sitemap-item--menu-footer ul li a {
    padding-left: 24px;
    font-weight: bold;
    color: #333;
    font-size: 18px;
  }

  .sitemap-item--menu-footer ul li::before {
    content: "";
    list-style: none;
    background: #004f8a;
    padding-left: 10px;
    margin-bottom: 5px;
    position: absolute;
    display: block;
    width: 5px;
    height: 10px;
    left: -1px;
    border-radius: 50%;
    top: 8px;
  }

  .sitemap ul li:last-child a {
    padding-left: 20px;

    color: #333;
  }

  .sitemap-item--menu-main ul li:last-child {
    font-weight: bold;
    font-size: 18px;
  }

  .sitemap-item--menu-main ul li:nth-child(7)::before {
    content: "";
    list-style: none;
    background: #004f8a;
    padding-left: 10px;
    margin-bottom: 5px;
    position: absolute;
    display: block;
    width: 5px;
    height: 10px;
    left: -1px;
    border-radius: 50%;
    top: 16px;
  }

  /*Header Language*/

  .headerInfo {
    position: relative;
  }
  .lang {
    position: absolute;
    right: 250px;
    top: 10px;
  }
  .lang ul li {
    display: inline-block;
    margin-left: 20px;
  }

  .lang ul li a {
    color: #080707;
  }
  .lang ul li a.active {
    font-weight: bold;
  }

  ul.links li {
    display: inline-block;
    margin-right: 15px;
  }

  a.language-link {
    color: #095188;
    cursor: pointer;
  }
  a.language-link..navbar-expand-lg .navbar-nav .dropdown-menu {
    color: #095188;
    font-weight: bold;
  }

  div#block-languageswitcher {
    position: absolute;
    right: 230px;
    top: 15px;
    z-index: 9999 !important;
  }

  @media screen and (max-width: 1600px) {
    .tigerBox {
      margin-top: -54px;
    }
    .d-flex.justify-content-between.align-items-end.greenbg.tigerBox {
      margin-top: -54px;
    }
  }

  @media screen and (max-width: 480px) {
    .contact_us_form form .form-item {
      width: 100%;
      display: block;
      margin: 0.5%;
    }
  }

  /*-------------------------------------------RKB-----------------------*/
  /*.navbar-light .navbar-nav .nav-link{
      color:#000 !important;
      font-size:15px;
      font-weight:bold;
      padding:0 !important;
  }
  div#block-languageswitcher {
      position: relative;
      right: auto;
      top: auto;
      z-index: 1 !important;
  }
  .navbar{
      padding:0 !important;
  }
  .dropdown-toggle::after{
      background: url(../images/nav-arrow.svg) no-repeat center left;
  }
  ..nav-item {
      padding: 0 5px;
  }



  .logo{
      padding:0 15px;
      width:230px;
      margin:15px 0;
  }
  .logo img{
      width:90px;
  }
  .contactLink{
      width: 230px;
      padding: 0 15px;

  }
  .links{
      float:right;
      width:100%;
      list-style:none;
      margin:5px 15px;
  }
  .links li{
      float:right;
      margin:0 15px;
      font-size:14px !important;
  }
  .links li a{
      color:#91415C;
  }
  .links li a.is-active{
      font-weight:bold;
      text-decoration:underline;
      color:#000;
  }
  .contactLink .btn{
      width: 200px;
      height: 48px;
      line-height: 34px;
      border-radius: 24px;
      border: 1px solid #91415C;
      text-align: center;
      background-color: transparent;
      color: #91415C;
      font-size: 24px;
  }*/
  .sliderUl {
    margin: auto 0px;
    width: 100%;
  }
  .sliderUl li {
    width: 100%;
    float: left;
    margin: 10px 0;
    padding: 0 0 0 25px;
    background: url(../images/right-arrow-angle.png) 3px 8px no-repeat;
    background-size: 10px;
  }

  .alignCentar {
    text-align: center;
  }

  .contactLink .btn img {
    margin-right: 8px;
  }
  .contactLink span {
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    color: #91415c;
    margin-top: 8px;
  }
  .searchSec h2 {
    width: 100%;
    text-align: center;
  }
  .searchBox div {
    width: 100%;
  }
  .searchBox {
    width: 100%;
    margin: 25px auto;
    border: 1px solid #004f8a;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.6);
    display: flex;
    /* height:56px; */
    height: 35px;
    overflow: hidden;
  }
  .searchBox input[type="text"] {
    border: none;
    outline: none;
    float: left;
    width: 100%;
    /* background: url(search.png) no-repeat 11px 15px;
      background-size: 28px auto; */
    background: url(search.png) no-repeat 11px 6px;
    background-size: 22px auto;

    padding-left: 53px;
    margin: 0 !important;
    /* height: 56px; */
    height: 35px;
    font-family: Calibri;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #095188;
  }
  .searchBox i {
    float: left;
    margin: 15px;
    font-size: 25px;
    color: #999;
  }
  .searchBox input[type="submit"] {
    float: right;
    margin: 4px;
    background: #30a344;
    background: #367273;
    color: #fff;
    border-radius: 30px;
    border: none;
    outline: none;
    /* padding: 11px 23px; */
    padding: 1px 23px;
    transition: all 0.5s;
    width: auto;
  }
  .searchBox input[type="button"]:hover {
    background: none !important;
  }
  .max_width {
    max-width: 100% !important;
    border-right: 1px dashed #ccc;
  }
  .max_width:last-child {
    border: none;
  }
  .welbng {
    margin: 0 -15px;
  }
  .searchSec {
    float: left;
    width: 100%;
  }
  .headerInfo {
    margin-top: 72px;
  }
  .homePageHeaderSearch .searchSec {
    position: absolute;
    right: 30px;
    width: 50%;
    z-index: 9999;
    max-width: 625px;
  }
  .QSearch {
    width: 100%;
    margin: 40px auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
    justify-content: space-between;
  }
  .views-row h2 {
    font-size: 24px;
    font-weight: bold;
    color: #004f8a;
    text-transform: uppercase;
  }
  .views-row h4 {
    color: #30a344;
  }
  .QSearch label {
    font-size: 16px;
    font-weight: bold;
    margin: auto auto auto 0px !important;
    flex: 1;
    min-width: 110px;
    text-align: left;
  }
  .QSearch a {
    text-decoration: none;
    border-radius: 30px;
    background: #095188;
    margin: 2px 5px;
    font-size: 13px;
    transition: all 0.5s;
    flex: 1;
    text-transform: uppercase !important;
    font-family: "Calibri";
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 15px;
    padding: 10px 20px;
    color: #ffffff;
    white-space: nowrap;
  }
  .QSearch a:focus,
  .QSearch a:hover {
    background: #30a344;
    color: #fff !important;
    text-decoration: none;
  }
  .searchCon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex: 4;
  }
  .marginBottom_0 img {
    width: 100% !important;
  }
  .marginBottom_0 {
    background: none !important;
    float: left;
    width: 100%;
    padding: 50px 0 0 0;
    position: relative;
    z-index: 2;
  }
  .marginBottom_0 .helpLine::before {
    background: none !important;
  }
  .marginBottom_0 .helpLineInner {
    background: none !important;
  }

  .parts svg {
    width: 100vw !important;
  }

  @media (max-width: 1487px) {
    .logo {
      width: auto;
    }
  }
  @media (max-width: 1376px) {
    .logo {
      order: 1;
    }
    .contactLink {
      order: 2;
    }
    nav {
      order: 3;
      margin: auto;
    }
  }
  @media (max-width: 991px) {
    .navbar-collapse {
      top: 0 !important;
    }
    div#block-languageswitcher {
    }
    /*.navbar {
      padding: 16px;
      position: relative !important;
      top: 0px;
      width: auto!important;
      z-index: 999999;
  }*/
    .logo {
      flex: 1;
    }
    .contactLink {
      flex: 8;
      text-align: center;
    }
    .contactLink ul {
      display: flex;
      width: 176px;
      float: none;
      margin: 0 auto;
      padding: 0;
    }
    .contactLink ul li {
      margin: auto;
    }
    .navbar-collapse {
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
      background: #1e5799; /* Old browsers */
      background: -moz-linear-gradient(
        top,
        #1e5799 0%,
        #7db9e8 100%
      ); /* FF3.6-15 */
      background: -webkit-linear-gradient(
        top,
        #1e5799 0%,
        #7db9e8 100%
      ); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(
        to bottom,
        #1e5799 0%,
        #7db9e8 100%
      ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

      position: fixed;
      left: 0;

      height: 100vh;
      overflow: auto;
      opacity: 1;
      z-index: 99;
      top: 0;
      padding: 15px;
      display: block;
    }
    .navbar-light .navbar-nav .nav-link {
      color: #fff !important;
      padding-left: 10px;
      padding-right: 10px;
    }
    .navbar-light .navbar-nav .show > .nav-link {
      color: #fff;
      background: #30a344;
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
      color: #fff;
    }
    .dropdown-menu {
      margin: 0;
      border-radius: 0 0 5px 5px;
    }
    .dropdown {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .dropdown:last-child {
      border: none;
    }
  }
  @media (max-width: 438px) {
    .logo {
      margin: 15px 0 0 0;
    }
    .logo img {
      width: 60px;
    }
    .contactLink {
      display: flex;
      flex-direction: column;
    }

    .contactLink a.btn {
      font-size: 15px;
      padding: 5px;
      height: auto;
      width: auto;
      line-height: 16px;
    }
    .contactLink span {
      display: none;
    }
  }
  /*================================================ RKB --- For Home page Parallax Design----11-03-2021 ======================*/
  .headerWrapper {
    height: 415px;
  }
  .FixedBannerSection {
    position: fixed;
    top: 0;
    z-index: 0;
    width: 100%;
    transition: all 0.5s;
  }
  .talkhelp {
    margin-top: 15px;
  }
  .taggbox-container {
    margin-bottom: 25px;
  }
  section {
    margin: 0 !important;
    padding: 15px 0 0 0;
  }
  section,
  .layout-main-wrapper,
  .footerWrapper {
    background: #fff;
    position: relative;
    z-index: 1;
  }
  section.help,
  section.map,
  section.health,
  section.helpLine {
    margin: 0;
    padding: 0px 0;
  }
  .dropdown-item + .dropdown-menu {
    position: absolute;
    left: 100%;
    top: 0;
    display: none !important;
  }
  .dropdown:hover > .dropdown-menu {
    display: block !important;
    height: auto;
  }
  header + section {
    padding: 0;
  }
  /*============================================== RKB -------- Home page Extre three Section ----------- 12-03-2021==================*/
  .depression_form {
    display: none;
    transition: all 0.5s;
    opacity: 0;
    padding: 0 !important;
  }
  .depression-form fieldset {
    display: flex;
    flex-direction: column;
    width: 100%;

    margin-bottom: 40px;
  }
  .fieldset-wrapper + dib {
    width: 100%;
  }
  .depression-form fieldset legend,
  .fieldset-wrapper {
    flex: 1;
    float: left;
    display: flex;
  }
  .fieldset-wrapper > div {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .MyclickBTN {
    background: #1fb4bb !important;
    color: #fff !important;
    border: 1px solid #1fb4bb !important;
  }
  .fieldset-wrapper > div:hover > div {
    background-color: #d0d9e3;
  }
  .fieldset-wrapper > div > div:hover {
    background-color: #e3f8f8;
  }

  label.option {
    text-align: center;
  }
  .fieldset-wrapper div .js-form-item input {
    position: absolute;
    z-index: -1;
    visibility: hidden;
  }
  .fieldset-wrapper div .js-form-item label {
    line-height: 16px;
    font-size: 18px;
    margin: auto;
  }
  legend span {
    margin: auto auto auto 10px;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    display: flex;
  }
  legend span span {
    margin: 0 3px 0 0;
  }
  /* .depression-form fieldset:nth-child(odd){
      background: #eef8ff;
      border-bottom: 1px solid #d7edfd;
      border-top: 1px solid #d7edfd;
  } */

  .fieldset-wrapper > div div {
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #f1f4f5;
    margin-right: 15px;
    border-radius: 30px;
    border: 1px solid #d0d9e3;
    font-size: 0.85em;
    line-height: 1.2em;
    padding: 15px 10px 12px;
    color: #154b5e;
  }
  .depression-form {
    width: 100%;
  }
  #agree {
    margin-right: 15px;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-left: 0 !important;
  }
  .opennMenu::after {
    transform: rotate(180deg) !important;
  }
  .ddIcon,
  .ddIcon2 {
    float: right;
    width: 22px;
    height: 40px;
    display: none;
  }

  .questinList {
    display: none;
    opacity: 0;
    transition: all 1s;
  }
  .header_row {
    background: #004f8a;
    display: flex;
  }
  .questinList .col,
  .questinList .col-md-6 {
    display: flex;
  }
  .header_row p {
    color: #fff;
    margin: auto;
    padding: 5px 10px;
  }
  .questinList label {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: auto;
  }
  .questinList p {
    margin: auto 5px;
  }
  .questinList label input {
    margin: 5px auto;
  }
  .questinList label {
    padding: 5px 0;
    font-size: 12px;
  }
  .qrow:nth-child(odd) {
    background: #eef8ff;
    border-bottom: 1px solid #d7edfd;
    border-top: 1px solid #d7edfd;
  }
  .questinList label input {
    position: absolute;
    z-index: -1;
    visibility: hidden;
  }
  .unchecked {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    border: 1px solid #999;
    margin: 5px auto 2px;
  }
  :root {
    --borderWidth: 3px;
    --height: 15px;
    --width: 8px;
    --borderColor: #78b13f;
  }
  .checked {
    margin: 5px auto 2px;
    display: inline-block;
    transform: rotate(45deg);
    height: var(--height);
    width: var(--width);
    border-bottom: var(--borderWidth) solid var(--borderColor);
    border-right: var(--borderWidth) solid var(--borderColor);
  }
  .depression-form .js-form-submit,
  .form-submit {
    background: #004f8a;
    color: #fff;
    margin: 10px 0;
    border: none;
    outline: 0;
    box-shadow: none;
    padding: 8px 15px;
    border-radius: 15px;
    width: 150px;
    border-radius: 30px;
  }
  .resultPage .col-md-6 {
    display: flex;
    flex-direction: column;
  }
  .resultPage .col-md-6 .box {
    margin: auto;
  }
  .results {
    border: 1px solid #004f8a;
    float: left;
    margin-bottom: 40px;
  }
  .results h2 {
    background: #004f8a;
    color: #fff;
    padding: 11px 14px;
    float: left;
    width: 100%;
    margin: 0;
  }
  .nextFlex {
    display: flex;
    float: left;
    width: 100%;
  }
  .nextFlex .col-md-1,
  .nextFlex .col-md-4,
  .nextFlex .col-md-7 {
    display: flex;
  }
  .nextFlex a {
    text-align: center;
    background: #00b259 url(images/pdf.png) no-repeat 18px center;
    background-size: 21px auto;
    color: #fff;
    padding: 12px 0 12px 0;
    border-radius: 30px;
    text-decoration: none !important;
    font-size: 19px;
    float: left;
    margin: 15px 0;
    width: 100%;
  }

  .nextFlex input[type="email"] {
    width: 100%;
    padding: 8px 105px 8px 55px;
    margin: auto;
    border-radius: 30px;
    border: 1px solid #004f8a;
    background: url(../images/email.png) no-repeat 10px center;
    background-size: 30px auto;
  }
  .nextFlex input[type="button"] {
    width: 100px;
    padding: 4px 15px;
    margin: auto;
    border-radius: 30px;
    border: 1px solid #004f8a;
    color: #fff;
    background: #004f8a;
    margin-left: -105px;
  }
  .nextFlex p {
    font-size: 30px;
    margin: auto;
  }
  .myUlForGAD {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
  }
  .myUlForGAD li {
    float: left;
    width: 50%;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    background: none !important;
    display: flex;
    flex-direction: column;
  }
  .myUlForGAD li img {
    margin: auto;
    width: 80px;
    height: auto;
  }
  .myUlForGAD li span {
    text-align: center;
    font-weight: bold;
  }

  .dropdown-toggle::after {
    border: none !important;
    background: url(../images/nav-arrow.svg) no-repeat center left;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle !important;
    position: absolute;
    top: 20px;
    right: 0px;
  }
  .nav-item a {
    float: left;
    width: auto !important;
  }

  .live {
    position: absolute;
    z-index: 9;
    right: 18px;
    top: 17vh;
  }
  .live div {
    background: #30a344;
    padding: 5px 10px 5px 25px;
    border-radius: 14px;
    color: #fff;
  }
  .live div::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    display: block;
    border-radius: 50%;
    margin: 7px 0 0 -17px;
    border: 2px solid #30a344;
    box-shadow: 0 0 6px 1px #fff;
    animation-name: ShadowAnimation;
    animation-iteration-count: infinite;
    animation-duration: 4s;
  }
  .live div.inactive {
    background: #f00;
  }
  .live div.inactive::before {
    border: 2px solid #f00;
    animation-play-state: paused;
  }

  @keyframes ShadowAnimation {
    0% {
      box-shadow: 0 0 6px 1px #fff;
    }
    100% {
      box-shadow: 0 0 0px 0px #fff;
    }
  }
  .myImageHolder {
    padding: 10px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 10px solid #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
    margin: auto;
    background: #f1f1f1;
    margin-bottom: 50px;
  }
  .box-area {
    width: 100%;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 15px;
    display: flex;
    overflow: hidden;
    color: #fff;
    height: 100%;
  }
  .box-2 {
    width: 100%;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: #fff;
    height: 100%;
    transition: all 0.9s;
    padding-bottom: 15px;
  }
  .box-2:hover {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  }
  .box-2 h2 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 5px;
  }
  .box-2 img {
    width: 100px;
    margin: 25px auto;
  }
  .box-2 p {
    font-size: 15px;
    width: 100%;
    text-align: justify;
    padding: 0 15px;
    line-height: normal;
  }
  .box-area p {
    color: #fff;
    line-height: normal;
  }
  .box-area p strong {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    margin-top: 9px;
  }
  .myImageHolder img {
    width: auto;
    height: 80%;
    float: left;
    margin: 10%;
  }
  .theabout video {
    display: block;
    max-width: 100%;
    width: 500px;
    margin: auto;
    float: none;
  }
  .myImageHolder {
    padding: 10px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 10px solid #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
    margin: auto;
    background: #f1f1f1;
    margin-bottom: 50px;
  }
  .myImageHolder img {
    width: auto;
    height: 80%;
    float: left;
    margin: 10%;
  }
  .dropdown .dropdown .dropdown-toggle::after {
    transform: rotate(-90deg);
    position: relative;
    top: auto;
    margin-left: 29px;
  }
  .learnMore {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .learnMore li {
    flex: 1;
    min-width: 140px;
    margin: 10px;
    padding: 0 !important;
    min-height: 80px;
    background: none !important;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    transition: all 0.5s;
  }
  .learnMore li a {
    margin: auto;
    text-align: center;
    float: left;
    width: 100%;
    background: none;
    color: #000;
    text-decoration: none !important;
    text-align: center;
    font-size: 20px;
    transition: all 0.5s;
    padding: 2px 5px;
  }
  .learnMore li:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-color: #fff;
  }
  .innerfootr {
    overflow: hidden;
    background-color: #fff;
    max-height: 114px;
  }
  .text-formatted {
    overflow: hidden;
    height: auto;
  }
  .copyrightsInfo {
    padding: 0;
  }
  ul.breadcrumbs {
    padding: 20px 0px;
    list-style: none;
    margin-bottom: 0;
  }
  .block-system-breadcrumb-block {
    background: #f1f1f1;
  }
  .talkhelp:hover img {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: example;
  }
  @keyframes example {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }
  .talkhelp {
    padding: 45px 0;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    position: relative;
  }
  .text-center {
    display: flex;
    flex-wrap: nowrap;
  }

  .text-center .item .talkhelp {
    background: rgba(255, 255, 255, 0.3);
  }

  .text-center .item .talkhelp:hover {
    background: rgba(255, 255, 255, 1);
  }
  .text-center .item {
    flex: 1;
    min-width: 10px;
    margin: 0 15px;
    padding-bottom: 20px;
  }
  .mailcon {
    display: flex;
    flex-direction: column;
    padding: 0;
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    border: 1px solid #c30;
  }
  .imageCon img {
    max-width: 100%;
  }
  .imageCon {
    width: 100%;
    height: auto;
  }
  .textCon {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 2s;
    top: 70%;
    left: 15px;
    display: flex;
    width: calc(100% - 30px);
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    z-index: 111111;
    border-radius: 0;
    flex-direction: column;
    cursor: pointer;
  }
  .textCon p {
    float: left;
    width: 100%;
    color: #000;
    font-size: 16px;
    text-align: center;
    transition: all 2.5s;
    opacity: 0;
    margin-bottom: 0;
    position: absolute;
    padding: 15px;
    box-sizing: border-box;
  }
  .textCon h3 {
    padding: 0;
    color: #fff;
    transition: all 1s;
    font-weight: normal;
    font-size: 24px;
    text-align: center;
    width: 100%;
    margin: 5px 0 0 0;
    text-shadow: 0 0 1px #fff;
    padding: 0 15px;
  }
  .textCon:hover {
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
  }
  .textCon:hover h3 {
    margin: 25% 0 0 0;
    color: #fff;
  }
  .textCon:hover p {
    opacity: 1;
    color: #fff;
    margin-top: 40%;
  }
  .whatNew .col-lg-4 {
    overflow: hidden;
  }
  .imageCon:hover + .textCon {
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
  }
  .imageCon:hover + .textCon h3 {
    margin: 25% 0 0 0;
    color: #fff;
  }
  .imageCon:hover + .textCon p {
    opacity: 1;
    color: #fff;
    margin-top: 42%;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    height: auto;
    /* margin-left:-12px !important; */
  }
  img {
    max-width: 100%;
  }
  .contact-form {
    background-color: #efefef;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
  }
  .contact-form .field--type-string {
    width: 48.5%;
    display: inline-block;
    margin: 0.5%;
  }
  .contact-form .field--type-string .form-item {
    width: 100%;
  }
  .contact-form .field--type-string-long .form-item {
    width: 98%;
  }

  @media (max-width: 991px) {
    .ddIcon,
    .ddIcon2 {
      display: block;
      position: relative;
    }

    .dropdown-toggle::after {
      right: 15px;
      transition: all 0.5s;
    }
    .live {
      top: 170px;
    }
    .dropdown .dropdown .dropdown-toggle::after {
      transform: rotate(-0deg);
      position: absolute;
      margin-left: 208px;
    }
    .navbar .mx-auto {
      height: 28px;
    }
    .navbar-light .navbar-toggler {
      position: absolute;
      z-index: 999;
      right: 14px;
    }
    .navbar .mr-auto {
      width: 100%;
    }
    .dropdown:hover > .dropdown-menu {
      display: block !important;
      width: 100%;
    }
    .navbar-collapse {
      align-items: start !important;
    }
    .navbar-nav {
      display: block !important;
    }
    .nav-item {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
      padding: 0 !important;
      float: left;
      width: 100%;
    }

    .dropdown-menu .dropdown-menu li {
      padding-left: 25px !important;
    }

    .navbar-nav .dropdown-menu {
      position: relative !important;
      float: left !important;
      background: rgba(255, 255, 255, 0.1);
      display: block !important;
      width: 100%;
      overflow: hidden;
      height: 0;
      padding: 0;
      transition: all 0.5s;
      left: auto;
      top: auto;
    }
    .dropdown-menu .dropdown-menu {
      background: rgba(255, 255, 255, 0.1) !important;
    }

    .whatNew {
      flex-wrap: nowrap !important;
      overflow: auto;
    }
    .bg-dark .dropdown-item {
      padding: 18px !important;
      border-bottom: none !important;
    }
    .text-center {
      overflow: auto;
      flex-wrap: nowrap !important;
    }
    .whatNew .col-lg-4 {
      min-width: 60%;
    }
    .text-center .item {
      min-width: 60%;
      margin: 0 15px;
      padding-bottom: 20px;
    }
    .textCon h3 {
      font-size: 3.3vw;
    }
    .textCon p {
      font-size: 2.3vw;
    }
  }
  @media (max-width: 450px) {
    .headerCall {
      margin-top: 24px !important;
    }
    div#block-languageswitcher {
      position: absolute;
      right: 53px;
      top: 10px;
      z-index: 9999 !important;
    }
  }
  .carousel-control-prev::after,
  .carousel-control-next::after {
    border-top: 2px solid #000;
    content: "";
    border-left: 2px solid #000;
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
  }
  .carousel-control-next::after {
    transform: rotate(135deg);
  }

  .carousel-control-prev,
  .carousel-control-next {
    display: block;
    clear: both;
    content: "";
    width: 40px !important;
    height: 40px !important;
    position: absolute;
    margin-left: 2px;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
  }

  #ad {
    position: relative;
    width: 20vw;
    height: 20vw;
    box-sizing: border-box;
    float: left;
    margin: 20px;
  }
  /**************************** contact page message  ********************/
  .messages__wrapper {
    max-width: 1140px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
  }