/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body {
  color: #005288 !important;
  font-family: 'Open Sans', sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,500&display=swap');

a:hover {
  cursor: pointer;
  color: #03426f;
  outline: none;
}
a:focus {
  outline: none;
}

.h3 {
  font-size: 20px !important;
  color: #005288 !important;
}

.font-bold {
  font-weight: 700 !important;
}

button {
  border: none !important;
  outline: none !important;
}

.wrapper {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;
  overflow: hidden !important;
}
body h2 {
  font-size: 24px;
  color: #005288;
  font-weight: 700;

}
body h2.h3 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
} 
body h3 {
  font-size: 26px;
  color: #005288;
  font-weight: 700;
}
body h5 {
    color: #005288;
    font-size: 24px;
    margin-bottom: 0 !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 32px;
}
body ul li {
  font-size: 22px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
}
body p.color-text {
  color: #005288;
  font-size: 24px;
  margin-bottom: 0 !important;
  font-family: 'Open Sans', sans-serif;
}
.news .field--name-field-image {
  float: left;
  margin-right: 10px;
}
.role-anonymous .menu--account .first {
 display: none;
}
/*-------- comon css ------*/
.d-flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.item-center {
  align-items: center;
}

.just-center {
  justify-content: center;
}

.flex-end {
  justify-content: end;
}

.just-space {
  justify-content: space-between;
}

/* ======================== css ========================= */
.top .top-sm-icon {
  width: 33px;
  height: 20px;
  display: inline-block;
  margin-right: 9px;
}

.header .top-tx {
  padding: 8px 0 9px;
  background-color: #f2f2f2;
}

.logo {
  width: 115px;
  height: 115px;
  margin-right: 32px;
}

.header .font-bold {
  font-size: 20px;
  font-weight: 400;
  margin-right: 8px !important;
}

.mt-51 {
  margin-top: 51px;
}

.header .font-bold strong {
  color: #005288;
  font-size: 24px;
  line-height: 26px;
}

.header .font-bold span {
  display: block;
}

.header .font-bold p {
  font-weight: 400;
  margin: 0;
  font-size: 24px;
  line-height: 31px;
}

.header .search-input input:focus-visible {
  border: 1px solid #aaaaaa !important;
  outline: none !important;
}

.header .search-input input {
  width: 300px;
  color: #999999;
  text-align: right;
  font-size: 16px;
}

.header .icon:hover {
  background-color: #03426f;
}

/*---------- top nav css ---------*/
.header {
  position: relative;
}
.bainer-top-nav {
  background: #005288;
  padding: 18.5px 10px;
  margin-top: 39px;
}
.navbar-toggle .icon-bar {
  background: #ddd;
}
.header .collapse {
  display: block !important;
}

.bainer-top-nav .nav li:last-child {
  margin-left: auto;
}

.bainer-top-nav .nav li:last-child a {
  margin-right: 0;
}

.bainer-top-nav .nav li a {
  font-size: 20px;
  color: #ffffff;
  padding: 0 !important;
  margin-right: 72px;
}

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: unset !important;
  opacity: 0.7;
  color: #ffffff !important;
  text-decoration: underline !important;
}

/*-------------- slider-bainer ----------*/

.slider-bainer .slider-img-1 {
  width: 1920px;
  height: 500px;
  margin: 0 auto;
}

.path-frontpage img {
  width: 100%;
  height: auto;
}
/*----------------- boxs ------------*/
.path-frontpage  .boxs {
  margin-top: 62px;
  margin-bottom: 62px;
  gap: 50px;
  flex-wrap: wrap;
}

.boxs .box {
  width: 188px;
  height: 200px;
  background-color: #f2f2f2;
  text-align: center;
  background-position: center 34px;
  background-repeat: no-repeat;
}

.boxs .box:hover span {
  color: #fff;
}

.boxs .box:hover {
  background-color: #005288;
  cursor: pointer;
}

.boxs .box-img-1:hover {
  background-image: url(/themes/custom/asdhs/images/latest-news-hover.svg);
}

.boxs .box-img-1 {
  background-image: url(/themes/custom/asdhs/images/latest-news.svg);
  background-size: 82px 56px;
}

.boxs .box-img-2:hover {
  background-image: url(/themes/custom/asdhs/images/our-div-icon-hover.svg);
}

.boxs .box-img-2 {
  background-image: url(/themes/custom/asdhs/images/our-div-icon.svg);
  background-size: 47px 50px;
}

.boxs .box-img-3:hover {
  background-image: url(/themes/custom/asdhs/images/about-icon-hover.svg);
}

.boxs .box-img-3 {
  background-image: url(/themes/custom/asdhs/images/about-icon.svg);
  background-size: 60px 55px;
}

.boxs .box span {
  font-weight: 700;
  color: #005288;
  line-height: 33px;
  font-size: 26px;
  text-align: center;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  padding: 119px 40px 10px;
  display: block;
}

/*------------- page content -----------*/
.iner-content .title-xl {
  /* May render as a <span> (see asdhs_preprocess_field__node__title) so the
     page title block supplies the page's only <h1>; keep block layout. */
  display: block;
  font-size: 32px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 20px !important;
  line-height: 43px;
}

.iner-content .title-xl span {
  display: block;
}

.iner-content p {
  font-size: 22px;
  color: #333333;
  text-align: left;
  margin-bottom: 24px !important;
}

/*-------- learn more box -------*/
.lnr-more {
  list-style: none;
  text-align: center;
  margin-top: 35px !important;
  padding: 0 !important;
  margin-bottom: 75px !important;
  flex-wrap: wrap;
}

.lnr-more .box-lg:hover {
  color: #fff !important;
  background-color: #005288;
  cursor: pointer;
}

.lnr-more .box-lg:hover .lnr_more_btn,
.lnr-more .box-lg:hover .text-sm {
  color: #ffffff !important;
}

.lnr-more .box-lg:last-child {
  margin-right: 0;
}

.lnr-more .box-lg {
  width: 188px;
  height: 207px;
  font-weight: 700;
  color: #7f7f7f;
  text-align: center;
  line-height: 33px;
  background-color: #f2f2f2;
  position: relative;
  min-width: 188px;
}

.path-frontpage .lnr-more .box-lg .text-xl {
    font-size: 26px;
    font-weight: 700;
    color: #7f7f7f;
}

.box-lg .ber {
  background: #d7d7d7;
  height: 3px;
  width: 84px;
  margin: 9px auto 9px;
}

.box-lg span {
  display: block;
}

.box-lg .text-sm {
  color: #005288;
  line-height: 21px;
  font-size: 16px;
  padding: 2px;
}

.box-lg .lnr_more_btn {
  font-size: 18px;
  position: absolute;
  bottom: 8px;
  font-weight: 400;
  color: #005288 !important;
  text-decoration: none;
  left: 55px;
}

.xsl-ui .xl-figure {
  width: 902px;
  height: 493px;
  display: block;
  margin-bottom: 117px;
}

/*---------- footer css ----------*/
.footer {
  background-color: #f2f2f2;
  padding: 0 !important;
  border-top: 1px solid #fff;
}

.footer .left ul {
  list-style: none !important;
  padding: 0 !important;
}



.footer .left ul li {
  font-size: 20px;
  font-weight: normal;
  line-height: 40px;
}

.footer .right figure {
  width: 115px;
  height: 115px;
  margin-left: auto;
  margin-bottom: 11px;
}

.footer .right h3 {
  font-size: 20px;
  font-weight: 700;
  text-align: right;
  color: #005288;
}

.footer .right i {
  text-align: right;
  font-weight: 400;
  color: #005288;
  font-size: 20px;
  display: block;
  font-style: normal;
}

.footer-end {
  background-color: #005288;
  padding: 14px 0;
}

.footer-end a {
  margin-right: 7px !important;
}

.footer-end .icon .fb-icon:hover {
  background-image: url(/themes/custom/asdhs/images/fb-icon-hover.svg);
  cursor: pointer;
}

.footer-end .icon .fb-icon {
  width: 20px;
  height: 20px;
  background-image: url(/themes/custom/asdhs/images/fb-icon.svg);
  display: inline-block;
}

.footer-end .icon .insta-icon:hover {
  background-image: url(/themes/custom/asdhs/images/insta-icon-hover.svg);
}

.footer-end .icon .insta-icon {
  width: 20px;
  height: 20px;
  background-image: url(/themes/custom/asdhs/images/insta-icon.svg);
  display: inline-block;
}

.footer-end .icon .linkdin-icon:hover {
  background-image: url(/themes/custom/asdhs/images/linkdin-iocn-hover.svg);
}

.footer-end .icon .linkdin-icon {
  width: 20px;
  height: 20px;
  background-image: url(/themes/custom/asdhs/images/linkdin-iocn.svg);
  display: inline-block;
}

.footer-end .icon .youtub-icon:hover {
  background-image: url(/themes/custom/asdhs/images/youtub-iocn-hover.svg);
}

.footer-end .icon .youtub-icon {
  width: 28px;
  height: 20px;
  background-image: url(/themes/custom/asdhs/images/youtub-iocn.svg);
  display: inline-block;
}

.footer-end p {
  color: #ffffff;
}

.footer-end .policy {
  margin: 0 !important;
}

.footer-end .policy a {
  font-size: 16px !important;
  color: #ffffff !important;
}

@media (min-width: 1200px) {
  .custm-container {
    width: 100%;
    max-width: 902px;
    margin-right: auto;
    margin-left: auto;
  }
  .path-divisions .region.region-content {
    width: 867px;
  }
  .path-frontpage .content.container {
    max-width: 932px;
  }
  .page-node-type-oticide .field--name-field-fusion-center .field--label {
    transform: translateX(-370px);
 }
}


#navbar .navbar-default .container {
  background-color: #fff;
}

body {
  margin-top: 0px !important;
}
.search-input {
  float: right;
}



/*------ (8/1/2023) Home page css----*/
.path-frontpage div#carousel-13-field_slideshow {
  height: 590px;
  overflow: hidden;
  width: 100%;
  max-width: 1920px;
  margin-top: 47px;
  
}
.search-input {
  float: right;
  margin-left: auto;
}
.carousel .carousel-inner img {
  display: block;
  max-width: 100%;
  height: 590px !important;
}
.carousel-indicators li {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #005288 !important;
  margin: 0 5px;
}
.carousel-indicators .active {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  background-color: #005288;
  border: 1px solid #005288 !important;
  margin: 0 5px;
}
.path-frontpage .boxs a.box:hover {
  text-decoration: none !important;
}
.header .search-input input {
  width: 300px;
  color: #999999;
  text-align: right;
  font-size: 16px;
  height: 40px;
  border-radius: unset;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  height: 40px !important;
  width: 56px !important;
  border-radius: unset;
  background: #005288;
  margin-left: 18px !important;
}
.glyphicon-search:before {
  content: "\e003";
  font-size: 18px;
}
.input-group-btn:last-child > .btn:hover {
  background-color: #03426f;
}
.header .mt-51 {
  margin-top: 40px;
}
.path-frontpage .custm-container .box-lg .text-sm {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}
footer .menu.nav > li:last-child a {
  font-weight: 700 !important;
}
footer .menu.nav > li > a:hover {
  text-decoration: unset !important;
  color:  #005288;
  opacity: 1;
}
footer .menu.nav > li > a {
  padding: 0;
  color: #005288 !important;
}
footer .right {
  align-self: self-end;
  margin-bottom: 20px;
}
footer .left {
  margin-bottom: 40px;
}
.path-frontpage ul.lnr-more.d-flex {
  gap: 50px;
}

.path-news .view-header {
  font-size: 22px;
  color: #333;
  margin-bottom: 41px;
}
.page-header:after {
  position: absolute;
  content: "";
  top: 42px;
  width: 452px;
  left: 0;
  height: 2px;
  background-color: #d7d7d7d7;
}
.path-frontpage  .page-header {
 margin: 49px 0 !important;
}
.page-header {
  font-size: 32px;
  font-weight: 700;
  margin: 64px 0 70px !important;
  border: unset;
  position: relative;
}

.page-node-type-article .page-header,
.page-node-type-ohs .page-header,
.page-node-type-about-us .page-header {
  margin: 64px 0 22px !important;
}

.path-divisions.has-glyphicons .news-img {
  height: 166px;
  min-width: 166px;
  margin-right: 37px;
}
.path-divisions.has-glyphicons .news.views-row:after {
  position: absolute;
  content: "";
  width: 86px;
  height: 4px;
  background-color: #005288;
  bottom: 41px;
  left: 0;
}
.path-divisions .news.views-row {
  position: relative;
  padding-bottom: 80px;
 
}
.path-divisions .news-d-time h2.text-s.bold-700.text-indent {
  font-weight: 700;
  font-size: 24px !important;
  line-height: normal;
  margin-bottom: 8px !important;
  margin-top: 0 !important;
}

.path-divisions .news-d-time p {
  margin: 0 !important;
}
.path-divisions .news-d-time a {
  font-size: 20px;
  color: #0000ff;
  margin-top: 4px;
  display: inline-block;
}

.path-divisions .view-content .news.views-row:last-child:after {
  position: unset !important;
}
.breadcrumb {
  padding: 35px 0px 0 0px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff;
  border-radius: 4px;
}
.breadcrumb li a {
  font-size: 20px;
  color: #0000ff;
  font-weight: normal;
}
.breadcrumb li a {

}
.breadcrumb li:last-child a {
  color: #005288;
  text-decoration: underline;
  font-weight: 700;
  font-size: 20px;
}
.breadcrumb .active {
  color: #005288;
  text-decoration: underline;
  font-weight: 700;
  font-size: 20px;
}
.breadcrumb li span {
  font-size: 20px;
  font-weight: 700 !important;
  text-decoration: underline;
  display: inline-block;
}
.region-header .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #333333;
  content: "|" !important;
  font-size: 20px !important;
}

.page-node-type-webform .search-input {
  float: left;
  margin-left: auto;
}
.layout__region--first input.form-control {
  height: 48px !important;
  border-radius: 0 !important;
  margin-bottom: 8px !important;
  font-size: 18px;
  width: 476px;
  font-weight: 400;
}
.page-node-type-webform textarea.form-control {
  height: 295px !important;
  width: 775px !important;
  border-radius: 0 !important;
  font-size: 18px;
  padding:10px !important;

}
.page-node-type-webform .layout__region.layout__region--second {
  position: relative;
}
.page-node-type-webform
  label.bold-700.text-xl.control-label.js-form-required.form-required {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 22px;
  margin-top: 10px;
}
.page-node-type-webform .layout__region.layout__region--second:after {
  content: "";
  position: absolute;
  top: 0;
  left: -59px;
  width: 1px;
  height: calc(100% - 25%);
  background-color: #d7d7d7d7;
}
.page-node-type-webform .layout__region.layout__region--second .field ul {
  list-style: none !important;
  padding: 0 !important;
  font-size: 18px !important;
}
.page-node-type-webform
  .layout__region.layout__region--second
  .field
  ul
  li:last-child {
  margin-top: 12px;
}
.page-node-type-webform .layout__region.layout__region--second .block-title {
  display: none !important;
}
.page-node-type-webform button#edit-actions-submit:hover {
  background: #03426f;
}
.page-node-type-webform button#edit-actions-submit {
  width: 174px;
  height: 48px;
  background: #005288;
  border-radius: 0;
  margin-top: 40px;
  font-size: 18px;
  margin-bottom: 90px;
}
/*.path-frontpage .row .col-sm-12 {
  display: none;
}*/
ul.lnr-more.d-flex .box-lg:hover a p,
ul.lnr-more.d-flex .box-lg:hover a .text-xl {
  color: #fff;
}
ul.lnr-more.d-flex .box-lg a p {
  text-align: center;
  color: #005288;
  font-size: 18px;
  font-weight: 400;
}
ul.lnr-more.d-flex .box-lg a p.text-sm + P {
  position: absolute;
  bottom: 8px;
  left: 51px;
  margin-bottom: 0 !important;
}
.page-node-type-about-us .row {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
.page-node-type-about-us .custam-container .bg-blue {
  background-color: #005288;
  padding: 40px 0px;
  margin-bottom: 84px;
  all: unset;
}
.page-node-type-about-us .custam-container .bg-blue .container p {
  padding-bottom: 5px !important;
}
.page-node-type-about-us .custam-container .bg-blue .container {
  all: unset !important;
  margin: 0;
  padding: 0;
}
.path-news .news-d-time li a {
  color: #005288;
  font-size: 24px;
  font-weight: 700 !important;
  padding-left: 13px !important;
}
.path-news .news-d-time .pl-10 {
  padding-left: 30px !important;
}
.path-news li.text-s.bold-700.text-indent:after {
  content: "";
  position: absolute;
  left: 16px;
  top: 21px;
  background: #005288;
  height: 4px;
  width: 4px;
  border-radius: 50%;
}
.path-news .news-d-time li {
  color: #005288;
  font-size: 24px;
  padding: 0;
  margin: 0;
  list-style: none;
  font-weight: 700 !important;
  position: relative;
}

.path-news .news-d-time .text-normal time {
  font-size: 20px;
  font-weight: 400;
}
.path-news .news .d-flex.d-wrap {
  display: inline-grid;
  grid-template-columns: auto auto;
}
.path-news .news figure.news-img {
  width: 274px;
  height: 213px;
  margin-right: 25px;
  overflow: hidden;
}
.path-news .news figure.news-img img {
  aspect-ratio: 1 / 1;
}
.path-news .views-row {
  position: relative;
  padding-bottom: 80px;
}

.path-news .views-row:after {
  content: "";
  width: 86px;
  height: 4px;
  background-color: #005288;
  position: absolute;
  bottom: 36px;
  left: 0;
}
.path-news .view-content .views-row:last-child:after {
  all: unset;
}
.page-node-type-about-us .field--label:after {
  content: "";
  display: block;
  top: 24px;
  left: 0;
  width: 50px;
  background-color: #ccc;
  height: 1px;
  position: absolute;
}
.page-node-type-about-us .field--label:before {
  content: "";
  display: block;
  top: 24px;
  right: 0;
  width: 50px;
  background-color: #ccc;
  height: 1px;
  position: absolute;
}
.page-node-type-about-us .manager .field--label {
  text-align: center;
  font-weight: 700;
  font-size: 32px !important;
  margin-bottom: 12px;
  position: relative;
  width: 272px;
  margin: 0 auto 12px;
}
.page-node-type-about-us .field--label {
  text-align: center;
  font-weight: 700;
  font-size: 32px !important;
  margin-bottom: 12px;
  position: relative;
}
.page-node-type-about-us .malti-card .field--items,
.page-node-type-about-us .manager .field--items {
  display: flex;
  gap: 58px;
  justify-content: center;
}
.page-node-type-about-us .manager {
  margin: 0 auto;
}
.page-node-type-about-us .malti-card .field--label {
  width: 556px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.page-node-type-about-us
  .field.field--name-field-postion.field--type-entity-reference.field--label-hidden.field--item {
  transform: translateY(-41px);
  font-size: 22px;
}
.page-node-type-about-us
  .field.field--name-field-second-name-.field--type-string.field--label-hidden.field--item {
  text-align: center;
  font-weight: 700;
  font-size: 22px;
  transform: translateY(-21px);
}
.page-node-type-about-us
  .field.field--name-field-name.field--type-string.field--label-hidden.field--item {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #005288;
}
.card figure .field--type-image img {
  width: 100% !important;
}
.page-node-type-about-us
  .field.field--name-field-about-the-director.field--type-text-long.field--label-hidden.field--item
  table
  tr
  td {
  width: 154px !important;
  height: 163px;
  margin: 23px 0 12px 23px;
}
.page-node-type-about-us
  .field.field--name-field-about-the-director.field--type-text-long.field--label-hidden.field--item
  table
  tr
  td
  + td
  p {
  font-size: 20px;
  color: #005288;
}
.page-node-type-about-us
  .field.field--name-field-about-the-director.field--type-text-long.field--label-hidden.field--item
  p
  span {
  color: #005288;
  font-size: 20px;
  padding: 20px 20px 5px;
  display: block;
}
.page-node-type-about-us .ui-dialog .ui-dialog-titlebar-close:hover {
  background-image: url(/themes/custom/asdhs/images/modl-close-icon-hover.svg);
}
.page-node-type-about-us .ui-dialog .ui-dialog-titlebar-close {
  background-image: url(/themes/custom/asdhs/images/modl-close-icon.svg);
  opacity: 1;
  color: #005288;
  font-size: 1px;
  position: absolute;
  right: 20px;
  top: 24px;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 0;
  height: 20px;
}
.page-node-type-about-us
  .field.field--name-field-about-the-director.field--type-text-long.field--label-hidden.field--item
  table
  tr {
  display: flex;
}
.page-node-type-about-us .modal-content {
  border-radius: 0;
}
.page-node-type-about-us button.btn.btn-info.btn-lg:active {
  box-shadow: none !important;
}
.page-node-type-about-us button.btn.btn-info.btn-lg:hover {
  text-decoration: underline;
}
.page-node-type-about-us button.btn.btn-info.btn-lg {
  background: #fff !important;
  width: 255px;
  padding: 0;
  font-size: 22px;
  color: #0000ff !important;
  transform: translateY(-35px);
}
.page-node-type-about-us .ui-dialog {
  margin-top: 50px;
}
.page-node-type-about-us h4.modal-title.ui-dialog-title {
  font-size: 22px;
  font-weight: 700;
}
.field.field--name-field-about-the-director.field--type-text-long.field--label-hidden.field--item
  table
  tr
  td
  img {
  width: 100%;
  height: auto;
}
.page-node-type-about-us .bg-blue .field--label {
  display: none;
}
.page-node-type-about-us .bg-blue .field--label::after,
.page-node-type-about-us .bg-blue .field--label::before {
  all: unset;
}
.page-node-type-about-us .bg-blue {
  background-color: #005288;
  padding: 5px 0px 0px;
  margin-bottom: 84px;
}
.page-node-type-about-us .malti-card .mx-w {
  max-width: 570px;
}
.page-node-type-about-us .ui-dialog .ui-dialog-content {
  padding: 0.2em 1em;
}
.page-node-type-about-us .ui-dialog .ui-dialog-titlebar {
  padding: 1em 2.5em 0;
  position: relative;
}
.page-node-type-about-us .modal-header {
  border: none !important;
}

.page-node-type-article
  .field.field--name-field-image.field--type-image.field--label-hidden.field--item,
.page-node-type-temco
  .field.field--name-field-image.field--type-image.field--label-hidden.field--item {
  max-width: 800px !important;
  margin-bottom: 50px;
}

.page-node-type-temco .field--type-text-with-summary img {
  margin:22px 0 !important;
}
.page-node-type-temco
  .field.field--name-field-temco-grants.field--type-text-long.field--label-above
  .field--label {
  font-size: 32px;
  font-weight: 700;
  margin: 41px 0;
  width: 640px;
  background: #005288;
  color: #fff;
  padding: 18px 2px 18px 375px;
  transform: translateX(-379px);
}

.page-node-type-temco
  .field.field--name-field-uploaded-at.field--type-timestamp.field--label-above {
  position: relative;
  padding-left: 90px;
  width: 400px;
  background-image: url(/themes/custom/asdhs/images/document-icon.svg);
  background-repeat: no-repeat;
  background-size: 69px 80px;
  background-position: left center;
  height: 80px;
}
.page-node-type-temco
  .field.field--name-field-uploaded-at.field--type-timestamp.field--label-above:hover {
  background-image: url(/themes/custom/asdhs/images/document-icon-hover.svg);
}

.page-node-type-article
  .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item
  h2:nth-child(1) {
  margin-bottom: 10px !important;
}

.page-node-type-article .field--type-text-with-summary strong {
  text-decoration: underline;
  color: #0000ff;
  display: block;
}
.page-node-type-article .field--type-text-with-summary a {
  color: #333;
}
.page-node-type-article .field--type-text-with-summary a:hover {
   color: #0000ff;
   text-decoration: none;
}
.page-node-type-article .field--type-text-with-summary img {
  margin: 20px 0 22px !important;
}
.page-node-type-article .field--type-text-with-summary .clr-img-line {
 margin: 0px 0 22px !important;
}
.page-node-type-ohs
  .field.field--name-field-announcements.field--type-string-long.field--label-hidden.field--item,
.page-node-type-ohs
  .field.field--name-field-application-process.field--type-string-long.field--label-hidden.field--item,
.page-node-type-ohs
  .field.field--name-field-application-submission.field--type-string-long.field--label-hidden.field--item,
.page-node-type-ohs
  .field.field--name-field-faq-body.field--type-string-long.field--label-hidden.field--item {
  font-size: 22px;
  color: #333;
}
.page-node-type-ohs
  .field.field--name-field-faq.field--type-entity-reference-revisions.field--label-above
  > .field--label {
  font-size: 22px;
  padding-bottom: 35px;
  margin-top: 40px !important;
  position: relative;
}
.page-node-type-ohs
  .field.field--name-field-faq.field--type-entity-reference-revisions.field--label-above
  > .field--label:after {
  content: "";
  position: absolute;
  bottom: 27px;
  left: 0;
  width: 86px;
  height: 4px;
  background-color: #005288;
}


.page-node-type-ohs .panel-group .panel-default .panel-heading {
  padding: 0;
}
.page-node-type-ohs .panel-group .panel-default {
  position: relative;
}

.page-node-type-ohs .panel-group .panel-default {
  border-color: #fff !important;
}

.page-node-type-ohs .panel-group .panel-default .collapse.in:before {
  padding: 10px 10px 10px 40px;
  background-image: url(/themes/custom/asdhs/images/puls-icon-clik.svg);
  background-size: 22px 22px;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  z-index: 99;
}
.page-node-type-ohs .panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: none;
  padding-left: 38px;
}
.page-node-type-ohs
  .field.field--name-field-faq-title.field--type-string.field--label-hidden.field--item {
  padding-left: 38px;
  font-size: 22px;
  font-weight: 700;
  position: relative;
  background-color: #fff;
}
.page-node-type-ohs
  .field.field--name-field-faq-title.field--type-string.field--label-hidden.field--item:after {
  padding: 10px 10px 10px 40px;
  background-image: url(/themes/custom/asdhs/images/puls-icon.svg);
  background-size: 22px 22px;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}

.page-node-type-ohs .icont ul li {
  font-size: 22px;
  color: #333;
}
.page-node-type-ohs .icont ul li:last-child {
  margin-bottom: 25px;
}
.page-node-type-ohs figure.n-int-icon,
.page-node-type-ohs figure.list-iocn {
  margin-bottom: 7px;
  margin-top: 40px !important;
}
.page-node-type-ohs h2.text-xxl.bold-700 {
  position: relative;
}
.page-node-type-ohs h2.text-xxl.bold-700:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  left: 0;
  width: 86px;
  height: 4px;
  background-color: #005288;
}
.page-node-type-ohs
  .paragraph.paragraph--type--faq.paragraph--view-mode--default
  .container {
  padding-left: 0;
  padding-right: 0;
}
.iner-content .title-xl span {
  display: block;
  white-space: nowrap;
  width: 1000px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-node-type-ohs .page-header:after {
    position: absolute;
    content: "";
    top: 51px;
    width: 452px;
    left: 0;
    height: 4px;
    background-color: #005288;
}
.page-node-type-article .page-header:after {
    background-color: #005288;
    top: 51px;
    height: 4px;
}
.footer {
    position: relative;
    max-width: 1920px;
  }
.footer .region-footer {
    background-image: url(/themes/custom/asdhs/images/footer-design.svg);
    background-size: 33px 273px;
    background-position: top right 10px; 
    background-repeat: no-repeat;
    max-width: 1300px;
    margin: 0 auto;
    padding: 23px 0 0px;  
}
  .page-node-type-ovs .field.field--name-field-image.field--type-image.field--label-hidden.field--item {
     width: 800px;
     margin-bottom: 50px;
  }
 
  .page-node-type-ovs .field.field--name-field-mission-statement.field--type-text-long.field--label-above .field--label{
     font-size: 26px;
     margin-bottom: 5px !important;
  }
  .page-node-type-ovs .field.field--name-field-office-hours.field--type-text-long.field--label-above .field--label,
  .page-node-type-ovs .field.field--name-field-ovs-division-contact-infor.field--type-text-long.field--label-above .field--label{
    font-size: 24px;
  }
  .page-node-type-ovs .field.field--name-field-ovs-division-contact-infor.field--type-text-long.field--label-above .field--item {
    margin-top: 11px !important;
  }
  .page-node-type-ovs .field.field--name-field-ovs-division-contact-infor.field--type-text-long.field--label-above .field--item p {
    margin-bottom: 10px !important;
  }
  .page-node-type-ovs .field.field--name-field-ovs-division-contact-infor.field--type-text-long.field--label-above .field--item p strong {
    font-size: 18px;
    color: #005288;
  }
  .page-node-type-ovs .field.field--name-field-office-hours.field--type-text-long.field--label-above .field--item {
    width: 369px;
    padding-rigt:110px;
  }

  .page-node-type-ovs .field.field--name-field-history-of-the-office.field--type-string-long.field--label-above .field--label{
    font-size: 24px;
    position: relative;
    padding-bottom: 10px;
    margin-top: 37px;
  }
  .page-node-type-ovs .field.field--name-field-history-of-the-office.field--type-string-long.field--label-above .field--label::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: #005288;
    width: 300px;
    height: 4px;
  }
 
  .page-node-type-ovs .field.field--name-field-history-of-the-office.field--type-string-long.field--label-above .field--item {
    color:  #333333;
    font-size: 22px;
    margin-bottom: 32px;
    margin-top: 26px;
  }
  .page-node-type-ovs .content h2.text-24.bold-700 {
    font-size: 24px;
    position: relative;
    padding-bottom: 28px !important;
  }
  .page-node-type-ovs .content h2.text-24.bold-700:after {
    position: absolute;
    top: 35px;
    left: 0;
    content: "";
    background-color: #005288;
    width: 300px;
    height: 4px;
  }
  .page-node-type-ovs .content p.text-blue.text-lg {
    color: #005288;
  }
  .page-node-type-ovs .content .secr-box .field--item {
    font-weight: 700;
    color: #333333;
    position: relative;
    padding-bottom: 20px !important;
    font-size: 22px;
  }
  .page-node-type-ovs .content .secr-box .field--item:after {
    position: absolute;
    top: 35px;
    left: 0;
    content: "";
    background-color:  #7f7f7f;
    width: 300px;
    height: 1px;
  }
  .page-node-type-ovs .secr-box ul.m-0 {
    padding: 0;
  }
  .page-node-type-ovs .secr-box ul.m-0 li {
    font-size: 22px;
    color: #333333;
    list-style: none;
  }
  .page-node-type-ovs .field.field--name-field-service-schedule.field--type-entity-reference-revisions.field--label-hidden.field--items {
    display: flex;
    column-gap: 118px;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .page-node-type-ovs .field.field--name-field-service-schedule.field--type-entity-reference-revisions.field--label-hidden.field--items .secr-box {
    width: 300px;
  }
  .page-node-type-ovs .paragraph  .secr-box p:empty {
    display: none !important;
  }
  .page-node-type-ovs .paragraph.paragraph--type--rates.paragraph--view-mode--default {
    max-width: 718px;
  }
  .page-node-type-ovs .paragraph.paragraph--type--rates.paragraph--view-mode--default .field.field--name-field-title.field--type-string.field--label-hidden.field--item {
    font-weight: 700;
    color: #333333;
    position: relative;
    padding-bottom: 18px !important;
    font-size: 22px;
    margin-top: 35px;
  }
  .page-node-type-ovs .paragraph.paragraph--type--rates.paragraph--view-mode--default .field.field--name-field-title.field--type-string.field--label-hidden.field--item:after {
    position: absolute;
    top: 35px;
    left: 0;
    content: "";
    background-color: #7f7f7f;
    width: 100%;
    height: 1px;
  }
  .page-node-type-ovs .paragraph.paragraph--type--rates.paragraph--view-mode--default .field.field--name-field-item-title.field--type-string.field--label-hidden.field--item {
    font-size: 22px;
    color: #333333;
    
  }
  .page-node-type-ovs .paragraph.paragraph--type--rates.paragraph--view-mode--default .field.field--name-field-price-in-dollar.field--type-string.field--label-hidden.field--item {
    font-size: 22px;
    color: #333333;
  }
  .page-node-type-ovs .paragraph.paragraph--type--rates.paragraph--view-mode--default p:empty{
    display: none;
  }
  .page-node-type-ovs .field.field--name-field-office-hours.field--type-text-long.field--label-above {
    width: 40%;
    float: left;
    clear: both;
  }
  .page-node-type-ovs .field.field--name-field-ovs-division-contact-infor.field--type-text-long.field--label-above {
    width: 100%;

  }

  .page-node-type-ovs .field.field--name-field-ovs-division-contact-infor.field--type-text-long.field--label-above .field--item p span{
    font-size: 18px !important;
    color: #005288 !important;
    display: block;
    line-height: 21px;
  }
  .page-node-type-ovs .field.field--name-field-ovs-division-contact-infor.field--type-text-long.field--label-above .field--item p br {
    display: none;
  }
 
   .page-node-type-ovs .field.field--name-field-office-hours.field--type-text-long.field--label-above .field--item p span {
    font-size: 18px !important;
    color: #005288 !important;
    font-weight: 700;
   }
   .page-node-type-ovs .field.field--name-field-office-hours.field--type-text-long.field--label-above .field--item p span.tx-light {
    font-weight: 400;
   }
   .page-node-type-ovs .field.field--name-field-office-hours.field--type-text-long.field--label-above .field--item p {
     font-size: 18px !important;
    color: #005288 !important;
    padding-right: 20px;
    margin-bottom: 10px !important;
   }
   .page-node-type-ovs .field.field--name-field-office-hours.field--type-text-long.field--label-above .field--item p + p {
    margin-bottom: 20px !important;
   }
   .page-node-type-ovs .field.field--name-field-office-hours.field--type-text-long.field--label-above .field--item p br {
    display: none;
   }
 .page-node-type-ovs .field-doc-type-data .field--name-field-office-hours .field--label,
.page-node-type-ovs .field-doc-type-data .field--name-field-ovs-division-contact-infor .field--label {
    margin-top: 0;
    margin-bottom: 0;
 }

  .page-node-type-about-us .field.field--name-field-about-the-director.field--type-text-long.field--label-hidden.field--item table td {
    font-size: 20px;
   }
   .page-node-type-about-us .field.field--name-field-about-the-director.field--type-text-long.field--label-hidden.field--item table td strong {
    font-size: 20px;
    display: block;
   }
   .page-node-type-about-us .field.field--name-field-about-the-director.field--type-text-long.field--label-hidden.field--item table td span{
    font-size: 20px;
    margin-top: 16px !important;
    text-wrap: nowrap;
    display: block; 
   }
   .page-node-type-ovs .field.field--name-field-mission-statement.field--type-text-long.field--label-above {
     margin-bottom: 40px;
   }
  .field.field--name-field-mission-statement.field--type-text-long.field--label-above .field--item p > span{
    color: #005288;
    font-size: 24px;
    position: relative;
  }
 .field.field--name-field-mission-statement.field--type-text-long.field--label-above .field--item p > span:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -23px;
    background-color: #ddd;
    height: 4px;
    width: 122px;
 }

 .page-node-type-news .news .field--name-field-image {
   max-width: 450px;
   height: auto
 }


.page-node-type-ohs .field.field--name-field-documents-type.field--type-string.field--label-above .field--item {
  display: flex;
  gap: 10px;
  font-weight: 700;
  font-size: 22px;
  padding: 40px 0 25px;
  position: relative;
  margin-bottom: 10px;
}
.page-node-type-ohs .field.field--name-field-documents-type.field--type-string.field--label-above .field--item:after {
  content: "";
  position: absolute;
  bottom: 14px;
  left: 0;
  width: 86px;
  height: 4px;
  background-color: #005288;
}
.page-node-type-webform .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item > div {
  margin-top: 15px;
}
.page-node-type-webform section.block.block-layout-builder.block-field-blocknodewebformtitle.clearfix {
  margin-top: 67px;
}
.page-node-type-webform section.block.block-layout-builder.block-field-blocknodewebformtitle.clearfix .title-xl {
  position: relative;
  padding-bottom: 20px !important;
}
.page-node-type-webform section.block.block-layout-builder.block-field-blocknodewebformtitle.clearfix .title-xl:after {
  content: "";
  width: 86px;
  height: 4px;
  background-color: #005288;
  position: absolute;
  bottom: 12px;
  left: 0;
}
.page-node-type-webform .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item p {
  color: #005288;
  margin-bottom: 30px !important;

}
.page-node-type-webform .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h2 {
  line-height: 30px;
}
.fb-page.fb_iframe_widget {
  width: 1179px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-bottom: 72px;
}
.path-frontpage .box-lg a:hover {
  text-decoration: none;
}
.page-node-type-about-us  div#carousel-4-field_slideshow {
  margin-bottom: 44px;
}
.news .news-d-time a:focus-visible{
  outline: none !important;
}
.path-divisions  .news a {
  text-decoration: none;
  outline: none;
}

.path-divisions .news .learn-link {
  color:  #0000ff;
  font-size: 20px;
}
.path-divisions .news:hover .learn-link {
  text-decoration: underline;
}
.path-divisions .news:hover .text-indent {
  color: #007ed9;
}
.path-divisions .news:hover p{
  color: #005288;
}

.page-node-type-temco .page-header:after  {
  position: absolute;
  content: "";
  top: 54px;
  width: 452px;
  left: 0;
  height: 4px;
  background-color: #005288;
}
.page-node-type-temco .page-header {
  margin: 64px 0 55px !important;
}
.page-node-type-oticide  .field--type-text-with-summary p.color-text {
   margin-bottom:0px !important;
}
.page-node-type-oticide  p.color-text {
  color: #005288;
  font-size: 24px;
  margin-bottom: 22px !important;
}
.page-node-type-oticide .field--type-text-with-summary img {
  margin: 22px 0;
}
.page-node-type-oticide ul.list-nm {
  margin: 20px 0;
}
.page-node-type-oticide .field--name-field-fusion-center .field--label {
  background: #005288;
  height: 82px;
  color: #fff;
  font-size: 32px;
  width: 634px;
  padding: 20px 2px 2px 370px;
  font-weight: 700;
  transform: translateX(-370px);
  margin: 52px 0;
}

.page-node-type-oticide .field--name-field-fusion-center h2 {
  margin-bottom: 40px;
  position: relative;
}
.page-node-type-oticide .field--name-field-fusion-center h2:after {
  position: absolute;
  content: "";
  top: 35px;
  width: 86px;
  left: 0;
  height: 4px;
  background-color: #005288;
}

.page-node-type-oticide .page-header:after {
  position: absolute;
  content: "";
  top: 54px;
  width: 452px;
  left: 0;
  height: 4px;
  background-color: #005288;
}
.page-node-type-about-us  .bg-blue p.text-white {
  text-align: center;
  margin-bottom: 0 !important;
}
.page-node-type-about-us .bg-blue h2 {
  margin-bottom: 0px !important;
  padding-bottom: 11px !important;
}
.page-node-type-ovs .page-header:after {
  position: absolute;
  content: "";
  top: 52px;
  width: 452px;
  left: 0;
  height: 4px;
  background-color: #005288;
}
.field.field--name-field-mission-statement.field--type-text-long.field--label-above .field--item p > span {
  margin-bottom: 45px !important;
  display: block;
}
.page-node-type-about-us .card figure + p{
  margin-bottom: 15px !important;
}
.page-node-type-about-us .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
  margin-bottom: 80px;
}

.field--name-field-upload-file a.d-flex {
  flex: unset;
  width: 166px;
  margin:28px 0 !important;
  display: block;
  display: none !important;
}


.field-doc-type-data .field--label {
  font-size: 24px;
  font-weight: 700;
  position: relative;
  margin-top: 40px;
  margin-bottom: 42px;
}
.field-doc-type-data .field--label .blue-border {
  width: 86px;
  height: 4px;
  background: #005288;
  margin-bottom: 33px;
}
.page-node-type-oticide .field--name-field-related-fusion-center-docu .field--items .field--item:last-child  .paragraph--type--related-documents:after {
  background: #fff !important;
}
 .page-node-type-ohs p a {
    font-size: 22px;
    color: #0000ff;
    font-weight: normal;
    text-decoration: underline;
}
.page-node-type-page .field--type-text-with-summary  ul  ul {
  margin: 20px 0;
}
.page-node-type-page .field--type-text-with-summary  ul li,
.page-node-type-page .field--type-text-with-summary  p {
  font-size: 16px;
}
.page-node-type-page .page-header {
  margin: 64px 0 26px !important;
}
.page-node-type-page ..page-header:after {
  position: absolute;
  content: "";
  top: 46px;
  width: 452px;
  left: 0;
  height: 2px;
  background-color: #d7d7d7d7;
}
.page-node-type-news .page-header {
  margin: 64px 0 22px !important;
}

.page-node-type-ohs .field--type-entity-reference-revisions:after {
  background-image: url(img/);
}

.page-node-type-article .field--name-field-section-title {
  background: #005288;
  height: 82px;
  color: #fff;
  font-size: 32px;
  width: 634px;
  padding: 20px 2px 2px 370px;
  font-weight: 700;
  transform: translateX(-370px);
  margin: 52px 0;
}

.page-node-type-article .field--label{ 
  font-size: 24px;
  color: #005288;
  font-weight: 700;
  margin-bottom: 10px;
}
.page-node-type-article .field--name-field-mission-statement .field--item {
  color: #005288;
  font-size: 22px;
  margin-bottom: 0 !important;
  font-family: 'Open Sans', sans-serif;
}
.page-node-type-article .paragraph--type--ohs-division-section .field--name-field-section-title {
   width: 70%;
}
/*--------- Responsive css home top nav ------*/

@media (min-width: 768px) {
  .navbar-header {
    float: left;
    display: flex;
    align-items: center;
  }
 
 .page-node-type-ovs .paragraph.paragraph--type--rates.paragraph--view-mode--default .field.field--name-field-price-in-dollar.field--type-string.field--label-hidden.field--item {
    width: 130px;
  }
  .page-node-type-about-us .container .malti-card {
    margin-top: 22px;
    margin-bottom: 18px;
  }
  .page-node-type-webform .layout--twocol-section {
    flex-wrap: nowrap;
    gap: 120px;
  }
  .page-node-type-about-us .malti-card .field--label:before {
    content: "";
    display: block;
    top: 24px;
    right: 80px;
    width: 50px;
    background-color: #ccc;
    height: 1px;
    position: absolute;
  }
  .page-node-type-about-us .malti-card .field--label:after {
    content: "";
    display: block;
    top: 24px;
    left: 85px;
    width: 50px;
    background-color: #ccc;
    height: 1px;
    position: absolute;
  }
  .footer-end{
    height: 48px;
  }

}

@media (min-width: 768px) and (max-width: 1024px) {
  .path-frontpage .custm-container .box-lg .text-sm {
    font-size: 16px !important;
  }
  .path-frontpage div#carousel-13-field_slideshow {
    height: 374px;
  }
  .page-node-type-article .field--name-field-mission-statement .field--item {
    font-size: 20px;
  }
   .container {
    width: auto;
  }
  .layout__region--first input.form-control {
    width: 100%;
  }
  .carousel .carousel-inner img {
    height: 100% !important;
  }
  footer .right {
    padding-right: 100px;
  }
  .page-node-type-ovs .field.field--name-field-image.field--type-image.field--label-hidden.field--item {
    width: 100% !important;
  }
  .page-node-type-ovs .field.field--name-field-history-of-the-office.field--type-string-long.field--label-above .field--label {
    font-size: 24px;
    position: relative;
    padding-bottom: 10px;
    margin-top: 34%;
  }
  .page-node-type-ovs .field.field--name-field-ovs-division-contact-infor.field--type-text-long.field--label-above {
    width: 49%;
    float: right;
   
  }
  .page-node-type-webform .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    width: 59%;
  }
  .page-node-type-webform textarea.form-control {
    width: 100% !important;
  }
  .custm-container {
    padding-left: 15px;
    padding-right: 15px;
  }
   .page-node-type-article .paragraph--type--ohs-division-section .field--name-field-section-title {
   width: 760px;
  }
 
}

@media (max-width: 820px) {
  .bainer-top-nav .nav li a {
    margin-right: 22px !important;
    font-size: 16px;
    padding: 6px 0 !important;
  }   
   .page-node-type-article .paragraph--type--ohs-division-section .field--name-field-section-title {
   width: 760px;
  }
  .footer .region-footer {
    background-image: unset;
  }
 .page-node-type-article .field--name-field-mission-statement .field--item {
    font-size: 20px;
  }
  footer .right {
    padding-right: 0;
  }
  .page-node-type-about-us .page-header {
    margin: 64px 0 5px !important;
  }
  .path-frontpage .custm-container .box-lg .text-sm  {
    font-size: 16px !important;
  }
  .bainer-top-nav {
    padding: 6.5px 10px;
  }
  .page-node-type-article .page-header {
    margin: 64px 0 5px !important;
  }
   .fb-page.fb_iframe_widget {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
  .custm-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .xsl-ui .xl-figure {
    width: 100%;
    height: auto;
  }
  .slider-bainer .slider-img-1 {
    width: 100%;
    height: auto;
  }
  .page-node-type-webform textarea.form-control {
    height: 240px;
  }
  .layout__region--first input.form-control {
    width: 100%;
  }
  .path-frontpage div#carousel-13-field_slideshow {
    height: 374px;
  }
 
  .carousel .carousel-inner img {
    height: 100% !important;
  }
 .page-node-type-ovs .paragraph.paragraph--type--rates.paragraph--view-mode--default {
    max-width: 100%;
  }
  .page-node-type-ovs .field.field--name-field-ovs-division-contact-infor.field--type-text-long.field--label-above {
    width: 39%;
    float: right;
    margin-bottom: 40px;
  }
 
  footer .right {
    padding-right: 0px;
  }
  .iner-content .title-xl span {
    display: block;
    white-space: nowrap;
    width: 720px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .page-node-type-about-us .malti-card .field--items,
  .page-node-type-about-us .manager .field--items {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 40px;
  }
  .path-news .news figure.news-img {
    width: 230px;
    height: auto;
    margin-right: 25px;
    overflow: unset;
  }
  
  .page-node-type-article
    .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
    max-width: 600px;
    margin-bottom: 38px;
  }
  .header .font-bold {
    font-size: 18px !important;
  }
  .page-node-type-webform textarea.form-control {
    height: 295px !important;
    width: 100% !important;
    border-radius: 0 !important;
  }
  .path-frontpage ul.lnr-more.d-flex {
    gap: 30px;
    justify-content: stretch;
  }
  .iner-content p,
  .iner-content p strong {
    font-size: 20px !important;
  }

  .page-node-type-webform
    .layout--twocol-section.layout--twocol-section--67-33
    > .layout__region--second {
    min-width: 250px;
  }
  .page-node-type-webform .layout--twocol-section {
    flex-wrap: nowrap;
    gap: 60px;
  }
  .page-node-type-webform .layout__region.layout__region--second:after {
    content: "";
    position: absolute;
    top: 0;
    left: -31px;
    width: 1px;
    height: calc(100% - 25%);
    background-color: #d7d7d7d7;
  }
  .page-node-type-article
    .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item,
  .page-node-type-temco
    .field.field--name-field-image.field--type-image.field--label-hidden.field--item {
    max-width: 100%;
    margin-bottom: 30px;
  }
   body h5 {
    font-size: 20px;
    line-height: 26px;
   }
}
@media (max-width: 767px) {
  .footer-end .d-flex {
    flex-direction: column;
  }
  body h5 {
    font-size: 16px;
    line-height: 22px;
   }
   .page-node-type-article .field--name-field-mission-statement .field--item {
    font-size: 16px;
  }
  .page-node-type-article .paragraph--type--ohs-division-section .field--name-field-section-title {
    width: 634px !important;
    font-size: 22px;
    padding: 27px 2px 2px 370px;
  }
   .parar-doc-type a {
    font-size: 18px !important;
  }
  .parar-doc-type  h4.h4 {
    color: #005288;
    font-size: 18px !important;
  }
  .parar-doc-type p {
    font-size: 18px;
  }

.page-node-type-oticide ul.list-nm {
  font-size: 16px !important;
}
  .navbar-header.container .collapsed {
    border: 1px solid #ffffff3d !important;
    background-color: #005288c4;
    position: absolute;
    right: 0;
    top: 175px;
    z-index: 99;
  }
   .path-frontpage .custm-container .box-lg .text-sm  {
    font-size: 16px !important;
  }
  .header .menu.menu--account.nav.navbar-nav.navbar-right {
    display: flex;
    padding-right: 40px;

  }
   .bainer-top-nav .nav li:last-child {
    margin-left: 0 !important;
  }

  .bainer-top-nav {
    padding: 0;
    margin-top: 0;
  }
  .header .font-bold p {
    font-size: 20px;
    line-height: 27px;
  }
 
 .page-node-type-ohs .field.field--name-field-announcements.field--type-string-long.field--label-hidden.field--item, .page-node-type-ohs .field.field--name-field-application-process.field--type-string-long.field--label-hidden.field--item, .page-node-type-ohs .field.field--name-field-application-submission.field--type-string-long.field--label-hidden.field--item, .page-node-type-ohs .field.field--name-field-faq-body.field--type-string-long.field--label-hidden.field--item {
    font-size: 16px;
  }

  body h2 {
    font-size: 20px !important;
  }
  .page-node-type-ohs .field.field--name-field-faq.field--type-entity-reference-revisions.field--label-above > .field--label {
    font-size: 20px;
  }
  .page-node-type-ohs .field.field--name-field-faq-title.field--type-string.field--label-hidden.field--item {
    font-size: 18px;
  }
  .iner-content p,
  .iner-content p strong {
    font-size: 16px !important;
  }
  .path-frontpage div#carousel-13-field_slideshow {
    height: 180px;
  }
  .carousel .carousel-inner img {
    height: 100% !important;
  }
   .page-node-type-news .news .field--name-field-image {
    max-width: 100%;
    height: auto
  }
  .page-node-type-ovs .field.field--name-field-office-hours.field--type-text-long.field--label-above .field--item p {
    font-size: 18px !important;
    color: #005288 !important;
    padding-right: 35px;
   }
   .page-node-type-ovs footer {
    background: #f2f2f2;
    padding-top: 20px;
   }
   
   .page-node-type-ovs .paragraph.paragraph--type--rates.paragraph--view-mode--default .field.field--name-field-price-in-dollar.field--type-string.field--label-hidden.field--item {
    font-size: 16px;
   }

   .page-node-type-ovs .paragraph.paragraph--type--rates.paragraph--view-mode--default .field.field--name-field-item-title.field--type-string.field--label-hidden.field--item {
    font-size: 16px;
   }

   .page-node-type-ovs .field.field--name-field-history-of-the-office.field--type-string-long.field--label-above .field--item,
   .page-node-type-ovs .field.field--name-field-history-of-the-office.field--type-string-long.field--label-above .field--item,
    .page-node-type-ovs .secr-box ul.m-0 li,
    .page-node-type-ovs .paragraph.paragraph--type--rates.paragraph--view-mode--default .field.field--name-field-title.field--type-string.field--label-hidden.field--item {
    font-size: 18px;
   } 

   .page-node-type-ovs .field.field--name-field-office-hours.field--type-text-long.field--label-above {
    width: 100%;
    float: left;
   }
  .page-node-type-ovs .field.field--name-field-ovs-division-contact-infor.field--type-text-long.field--label-above {
    width:100%;
    float: right;
    margin-bottom: 40px;
  }
  .page-node-type-ovs .field.field--name-field-image.field--type-image.field--label-hidden.field--item {
     width: 100%;
  }
  .page-node-type-ovs .paragraph.paragraph--type--rates.paragraph--view-mode--default {
    max-width: 100%;
  }
  footer .right {
    padding-right: unset;
  }
 
  .page-node-type-webform .layout--twocol-section {
    flex-wrap: wrap;
    gap: 30px;
  }
  .iner-content .title-xl span {
    display: block;
    white-space: nowrap;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .path-news .news .d-flex.d-wrap {
    display: unset;
  }

  .page-node-type-article
    .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .page-node-type-about-us .malti-card .field--items,
  .page-node-type-about-us .manager .field--items {
    display: flex;
    flex-wrap: wrap;
  }
  .path-news .news-d-time li a {
    font-size: 18px;
  }
  .path-news .news figure.news-img {
    width: 100%;
    margin-bottom: 12px;
  }

  .page-node-type-about-us .malti-card .field--label {
    width: 100%;
    font-size: 24px !important;
  }

  .path-frontpage ul.lnr-more.d-flex {
    gap: 20px;
    justify-content: center;
  }
  .logo {
    width: 90px;
    height: 90px;
    margin-right: 32px;
  }
  .header .font-bold {
    margin-top: 15px;
  }
  .input-group {
    margin-top: 15px;
  }
  .header .search-input input {
    width: 240px;
  }
  body h2 {
    font-size: 22px;
  }
  .footer .right figure {
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-bottom: 7px;
  }
  footer .menu.nav > li > a {
    font-size: 16px;
    text-wrap: nowrap;
  }
  footer .right h3,
  footer .right i {
    font-size: 16px !important;
  }
  footer img,
  header img {
    width: 100%;
    height: auto;
  }
  .path-frontpage .iner-content .title-xl span {
    display:inline;
    font-size: 24px;
  }
  .iner-content .title-xl span {
    display:block;
    font-size: 24px;
  }
  .path-frontpage .iner-content .title-xl  {
    font-size: 24px;
    line-height: 33px;
  }
  .path-frontpage .boxs {
    gap: 30px;
  }
  .path-news .news-d-time .pl-10 {
    padding-left: 0 !important;
  }
  .path-divisions .news .d-flex.d-wrap {
    display: flex;
    flex-direction: column;
  }
  .path-divisions.has-glyphicons .news-img {
    margin-bottom: 15px;
  }
  .path-divisions .news-d-time h2.text-s.bold-700.text-indent,
  .field.field--name-field-mission-statement.field--type-text-long.field--label-above .field--item p > span {
    font-size: 18px !important;

  }
  .path-divisions .news.views-row {
    position: relative;
    padding-bottom: 0px;
  }
  .path-divisions.has-glyphicons .news.views-row:after {
    position: absolute;
    content: "";
    width: 50%;
    height: 2px;
    background-color: #005288;
    bottom: -14px;
    left: 0;
  }
  .page-header:after {
    width: 100%;
  }
  .page-node-type-about-us .field--label:before {
    top: 20px;
    right: 0;
    width: 40px;
  }
  .page-node-type-about-us .field--label:after {
    top: 20px;
    left: 0;
    width: 40px;
  }
  .modal-dialog {
    width: 100% !important;
    margin: 30px auto;
  }
  div#tooltip412769 {
    display: none !important;
  }
  .page-node-type-about-us
    .field.field--name-field-about-the-director.field--type-text-long.field--label-hidden.field--item
    table
    tr
    td {
    width: 154px !important;
    height: 163px;
    margin: 23px 0 12px 0px;
    margin-right: 15px;
  }
  .page-node-type-about-us .ui-dialog .ui-dialog-titlebar {
    padding: 1em 1em 0;
    position: relative;
  }
  .page-node-type-about-us
    .field.field--name-field-about-the-director.field--type-text-long.field--label-hidden.field--item
    p
    span {
    color: #005288;
    font-size: 20px;
    padding: 10px 0px 5px;
    display: block;
  }
  .logo {
    margin-right: 19px;
  }
  .malti-card {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .page-node-type-about-us .field--label {
    font-size: 24px !important;
  }
  .page-node-type-about-us .manager .field--label {
    font-size: 24px !important;
  }
  .page-node-type-ohs .page-header:after{
    width: 100%;
  }

 .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item > div {
   width: 100% !important;
 }
 .page-node-type-webform button#edit-actions-submit  {
  margin-bottom: 40px;
 }
 .page-node-type-about-us .field.field--name-field-about-the-director.field--type-text-long.field--label-hidden.field--item table td span {
      text-wrap: wrap;
 }
 
 .path-frontpage div#carousel-13-field_slideshow {
  margin-top: 10px;
 }
 .boxs {
  margin-top: 30px;
  gap: 25px;
 }
 .carousel-indicators li,
 .carousel-indicators .active {
  width: 16px !important;
  height: 16px !important;
 }
 .boxs .box {
  width: 130px;
  height: 120px;
  background-color: #f2f2f2;
  text-align: center;
  background-position: center 20px;
  background-repeat: no-repeat;
}
.boxs .box-img-1 {
  background-image: url(/themes/custom/asdhs/images/latest-news.svg);
  background-size: 40px 29px;
}
.boxs .box span {
  font-weight: 700;
  color: #005288;
  line-height: 23px;
  font-size: 18px;
  text-align: center;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  padding: 68px 24px 12px;
  display: block;
}
.boxs .box-img-2 {
    background-image: url(/themes/custom/asdhs/images/our-div-icon.svg);
    background-size: 43px 41px;
}
.boxs .box-img-3 {
    background-image: url(/themes/custom/asdhs/images/about-icon.svg);
    background-size: 50px 41px;

}
.boxs a.box.box-img-3 span {
  padding-top: 89px;
} 
.view-content .news:first-child {
  margin-top: 32px !important;
}

.page-header{
  font-size: 28px;
  margin: 20px 0 15px !important;
  padding-bottom: 20px !important;
}
.path-news  .view.view-news.view-id-news.view-display-id-page_1.js-view-dom-id-ab0ea3016b337219d24e7a74b108dc0eaa57d86d318effcfce7719c8133fa0a1 .view-header {
  font-size: 16px !important;
}

footer .right {
  margin-bottom: 51px;
}
.header .mt-51 {
  padding: 0;
}
.breadcrumb li a,
.breadcrumb li span {
  font-size: 18px !important;
  }
.dialog-off-canvas-main-canvas {
  overflow-x: hidden;
  }

  .page-node-type-ohs .icont ul li {
    font-size: 16px;
  }
}