@charset "UTF-8";
@import "./fonts.css";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap");
/** common css start here **/
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  min-height: 100%;
  position: relative;
}

body {
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
}

.skip-content {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  font-size: 1.6rem;
  color: #fff;
}
.skip-content:focus {
  position: static;
  width: auto;
  height: auto;
}

img {
  max-width: 100%;
}

ul,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
}

ul,
ol {
  font-size: 1.6rem;
  color: #51545B;
  text-align: left;
}
ul li,
ol li {
  font-size: 1.6rem;
  color: #51545B;
  text-align: left;
}

a {
  word-break: break-word;
  font-size: 1.6rem;
  font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.2px;
  color: #1976D2;
  text-decoration: underline;
  -webkit-font-smoothing: antialiased;
}
a:hover {
  text-decoration: none;
}

_::-webkit-full-page-media, _:future, body {
  font-synthesis: none;
}

p {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #0c1f31;
  line-height: 21px;
}

.bg-p-color p {
  color: #51545B;
}

h1 {
  font-weight: 400;
  font-size: 4.2rem;
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
}

h2 {
  font-size: 3.2rem;
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-weight: 400;
  color: #0c1f31;
  margin-bottom: 3rem;
}

h3 {
  font-size: 2.8rem;
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-weight: 400;
  margin-bottom: 1.5rem;
  color: #0c1f31;
}

h4 {
  font-size: 1.8rem;
  color: #0c1f31;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 600;
}

h5 {
  font-size: 1.6rem;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 700;
}

.section-inner-space {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.section-marigin-top-space {
  margin-top: 8rem;
}

.section-padding-top-space {
  padding-top: 8rem;
}

.section-marigin-bottom-space {
  margin-bottom: 8rem;
}

.section-padding-bottom-space {
  padding-bottom: 8rem;
}

.section-content-padding {
  padding-right: 20rem;
}

.content-max-width {
  max-width: 960px;
}

.separate-bdr {
  border-top: 0.5px solid #D12727;
  margin: 6rem 0;
}

.bdr-one {
  border: 0.4px solid #FFCC00;
}

.section-img-bg {
  background: url("../images/duty-bg.png") right top no-repeat;
}

.section-img-bg-secondary {
  background: url("../images/postbg.png") right top no-repeat;
}

.img-bg {
  position: relative;
  display: block;
}
.img-bg:before {
  content: "";
  background-color: rgba(12, 31, 49, 0.9);
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
}

ul,
li {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 500;
}

.primary-btn {
  border: solid 1px #0c1f31;
  background-color: #0c1f31;
  border-radius: 10px;
  padding: 0.8rem 2rem;
  font-size: 1.8rem;
  font-weight: 400;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  color: #fff;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
.primary-btn:hover {
  background-color: transparent;
  color: #0c1f31;
}

.secondary-btn {
  background-color: transparent;
  border-radius: 5px;
  padding: 0.8rem 2rem;
  font-size: 1.8rem;
  font-weight: 400;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  color: #0c1f31;
  border: solid 1px #0c1f31;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
.secondary-btn:hover {
  background-color: #0c1f31;
  color: #fff;
}

.secondary-btn-light {
  border-color: #fff;
  color: #fff;
}
.secondary-btn-light:hover {
  background-color: #fff;
  color: #0c1f31;
}

.primary-btn-light {
  background-color: #fff;
  color: #0c1f31;
}
.primary-btn-light:hover {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}

.tertiary-btn {
  background-color: rgba(12, 31, 49, 0.7);
  color: #fff;
  text-decoration: none;
  padding: 1rem 2rem;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  border-radius: 50px;
  border: solid 1px rgba(12, 31, 49, 0.7);
  text-decoration: none;
  display: inline-block;
}
.tertiary-btn:hover {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}

.more-btns .btn-group {
  margin-right: 15px;
  margin-bottom: 20px;
}
.more-btns .btn-group:last-child .secondary-btn {
  border: solid 1px #0c1f31;
  background-color: #0c1f31;
  border-radius: 5px;
  padding: 0.8rem 2rem;
  font-size: 1.8rem;
  font-weight: 400;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  color: #fff;
  text-align: center;
  display: inline-block;
}
.more-btns .btn-group:last-child .secondary-btn:hover {
  background-color: transparent;
  color: #0c1f31;
}

.btn-group {
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}

.paragraph-btn-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.5rem;
  gap: 20px;
}
.paragraph-btn-group p {
  margin-bottom: 0;
  max-width: 960px;
}
.paragraph-btn-group .secondary-btn {
  min-width: 280px;
}

.logo-img {
  max-width: 60px;
}

.column-style {
  border-radius: 10px;
  box-shadow: 0px 0px 20px #BBBBBB;
  padding: 2rem;
}

.search-form .form-group {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  padding: 1rem 1.5rem;
  align-items: center;
  display: flex;
}
.search-form .form-group button,
.search-form .form-group input {
  background-color: transparent;
  border: none;
  padding: 0;
}
.search-form .form-group input {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  padding-left: 1.5rem;
  outline: none;
  line-height: normal;
  width: 100%;
}
.search-form .form-group ::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.search-form .form-group ::placeholder {
  color: #fff;
  opacity: 1;
}
.search-form .form-group ::-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.search-form .form-group ::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.text-btn {
  color: #fff;
  border: none;
  background-color: transparent;
  font-size: 1.6rem;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 400;
  padding: 0;
}

.para-color {
  color: #51545B;
}

.round-img-bdr {
  border-radius: 50%;
  border: 0.5px solid #D12727;
  max-width: 280px;
  min-width: 280px;
  max-height: 280px;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.round-img-bdr img {
  border-radius: 50%;
}

.nav-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: "Inter", sans-serif;
  margin-top: 1rem;
}
.nav-links a {
  text-decoration: none;
}
.nav-links li {
  list-style: none;
}
.nav-links .SubMenu a:hover {
  color: #D12727;
}
.nav-links > li + li {
  padding: 0 0 0 0.8rem;
}
.nav-links > li {
  list-style: none;
}
.nav-links > li.one-column {
  position: relative;
}
.nav-links > li.one-column .SubMenu {
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: 50%;
  margin: auto;
  min-width: -moz-max-content;
  min-width: max-content;
}
.nav-links > li.two-column {
  position: relative;
}
.nav-links > li.two-column .SubMenu {
  max-width: 35vw;
  min-width: 35vw;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.nav-links > li.three-column {
  position: relative;
}
.nav-links > li.three-column .SubMenu {
  right: -10vw;
  max-width: 60vw;
}
.nav-links > li > a {
  padding: 0.8rem 1.2rem 2.1rem 1.2rem;
  border-radius: 10px 10px 0 0;
  color: #fff;
  display: block;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 500;
}
.nav-links > li:hover > a {
  background-color: #fff;
  color: #D12727;
}
.nav-links > li:hover .SubMenu {
  display: block;
}
.nav-links > li:nth-last-of-type(2) .SubMenu {
  right: -1rem;
  left: auto;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
}
.nav-links > li:last-child .SubMenu {
  right: -1rem;
  left: auto;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
}
.nav-links .SubMenu {
  color: #0c1f31;
  padding: 2.5rem 4rem;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 20px #393939;
  position: absolute;
  z-index: 1;
  font-size: 1.6rem;
  right: 0;
  top: 100%;
  display: none;
  min-width: 60vw;
  max-width: 75vw;
}
.nav-links .SubMenu a {
  color: #0c1f31;
  font-family: "myriad_prolight", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 300;
}
.nav-links .SubMenu .main-menu-heading {
  display: inline-block;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  border-bottom: solid 1px #D12727;
  margin: 0 0 2rem 0;
  padding-bottom: 1rem;
}
.nav-links .SubMenu p {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.nav-links .SubMenu p a {
  margin-bottom: 1rem;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 600;
}
.nav-links .SubMenu li {
  padding: 0;
}
.nav-links .SubMenu > ul {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.nav-links .SubMenu > ul > li {
  padding: 0;
  flex: 1 0 0;
  padding-right: 4rem;
}
.nav-links .SubMenu > ul > li:last-child {
  padding-right: 0;
}
.nav-links .SubMenu > ul > li.w-100 {
  flex: 0 0 100%;
}
.nav-links .SubMenu .level-2 {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}
.nav-links .SubMenu .level-2 li {
  margin-bottom: 1rem;
}
.nav-links .SubMenu .level-3 {
  margin-top: 1rem;
  padding-left: 1.5rem;
}

/** content block css start from here **/
.content-block {
  position: relative;
  z-index: 2;
}
.content-block .content-block-inner {
  background-color: #fff;
  border-radius: 10px;
  padding: 3.9rem;
  position: absolute;
  width: 100%;
  bottom: 100%;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  left: 0;
  right: 0;
}
.content-block .content-block-inner iframe {
  height: 100%;
}
.content-block .content-block-inner .info-icon {
  position: absolute;
  right: 3rem;
  top: 2.5rem;
}
.content-block .content-block-inner .info-icon img {
  max-width: 25px;
  border-radius: 0;
}
.content-block .content-block-inner p {
  margin-bottom: 4rem;
}
.content-block .content-block-inner p:last-of-type {
  margin-bottom: 0;
}
.content-block .content-block-inner .primary-btn {
  margin-top: 0;
}
.content-block .content-block-inner .btn-group {
  margin-top: 3rem;
}

.shadow-overlay {
  box-shadow: 0px 0px 20px #BBBBBB;
}

.content-block-with-bg {
  margin-top: -13rem;
}

.show-all-data {
  display: none;
}
.show-all-data.show-full-data {
  display: block;
}

/** content block css end here **/
.col-img-name img {
  border-radius: 10px;
  width: 100%;
}
.col-img-name .img-title-name {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: #000;
  margin-top: 1rem;
}

/** services card css start from here **/
.services-content-main {
  margin: auto;
}
.services-content-main .services {
  background: #fff;
  border: 0.4px solid #FFCC00;
  border-radius: 10px;
  position: relative;
}
.services-content-main .services-content-inner {
  padding: 1.8rem 3rem;
}
.services-content-main .services-content-inner h2 {
  font-size: 2.8rem;
  margin-bottom: 2rem;
}
.services-content-main .services-content-inner p {
  font-size: 1.6rem;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.services-content-main img {
  border-radius: 0 10px 10px 0;
  height: 100%;
}
.services-content-main .text-start img {
  border-radius: 10px 0 0 10px;
}
.services-content-main .btn-group {
  margin-top: 1rem;
}

.services-ui-second {
  border: solid 4px #E5E5E5;
  border-radius: 20px;
  padding: 3rem;
}
.services-ui-second .services {
  border: none;
  background-color: #F3F3F3;
}
.services-ui-second .services img {
  border-radius: 10px 0 0 10px;
}
.services-ui-second .services .services-content-inner {
  padding: 2rem;
}

.service-full-width > .row > .col:nth-child(odd) {
  padding-left: 0;
}
.service-full-width > .row > .col:nth-child(odd) .services {
  border-radius: 0 20px 20px 0;
}
.service-full-width > .row > .col:nth-child(odd) .services img {
  border-radius: 0;
  width: 100%;
}
.service-full-width > .row > .col:nth-child(odd) .services > .row {
  height: 100%;
}
.service-full-width > .row > .col:nth-child(odd) .services > .row > .col-12:first-child {
  border-radius: 0;
}
.service-full-width > .row > .col:nth-child(even) {
  padding-right: 0;
}
.service-full-width > .row > .col:nth-child(even) .services {
  border-radius: 20px 0 0 20px;
}
.service-full-width > .row > .col:nth-child(even) .services img {
  border-radius: 20px 0 0 20px;
  width: 100%;
}
.service-full-width > .row > .col .services {
  border: none;
  background-color: #F3F3F3;
  height: 100%;
}
.service-full-width > .row > .col .services > .row {
  height: 100%;
}
.service-full-width > .row > .col .services > .row > .col-12:first-child {
  border-radius: 20px 0 0 20px;
  overflow: hidden;
  height: 100%;
}
.service-full-width > .row > .col .services > .row > .col-12:first-child img {
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  min-width: -moz-fit-content;
  min-width: fit-content;
  -o-object-fit: cover;
     object-fit: cover;
  left: 50%;
  position: relative;
  max-width: initial;
}
.service-full-width > .row > .col .services > .row .services-content-inner {
  padding: 3rem;
}
.service-full-width > .row > .col .services > .row .services-content-inner p {
  font-size: 1.4rem;
  color: #51545B;
}

/** services card css end here **/
/** accordion css start from here **/
.common-accordion > h5 {
  margin-bottom: 4rem;
}
.common-accordion .accordion-padding {
  padding-top: 30px;
}
.common-accordion .accordion-item {
  border: solid 1px #0c1f31;
  border-radius: 10px;
}
.common-accordion .accordion-item + .accordion-item {
  margin-top: 2.5rem;
}
.common-accordion .accordion-item .accordion-button {
  color: #fff;
  border-radius: 8px 8px 0 0;
  font-size: 1.8rem;
  padding: 1rem 2rem;
  background-color: #0c1f31;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.common-accordion .accordion-item .accordion-button:after {
  display: none;
}
.common-accordion .accordion-item .accordion-button .accordion-icon {
  background-color: #fff;
  width: 39px;
  min-width: 39px;
  height: 36px;
  min-height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2rem;
}
.common-accordion .accordion-item .accordion-button .accordion-icon svg {
  fill: #0c1f31;
}
.common-accordion .accordion-item .accordion-button.collapsed {
  border-radius: 10px;
  color: #0c1f31;
  background-color: transparent;
}
.common-accordion .accordion-item .accordion-button.collapsed .accordion-icon {
  background-color: #0c1f31;
}
.common-accordion .accordion-item .accordion-button.collapsed .accordion-icon svg {
  fill: #fff;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
.common-accordion .accordion-item .accordion-body {
  padding: 2rem;
}
.common-accordion .accordion-item .accordion-body p {
  font-size: 1.4rem;
  margin-bottom: 2rem;
  color: #51545B;
}
.common-accordion .accordion-item .accordion-body ul {
  list-style: disc;
  margin-left: 2rem;
  margin-bottom: 2rem;
}
.common-accordion .accordion-item .accordion-body ul li {
  font-size: 1.4rem;
  color: #51545B;
}
.common-accordion .accordion-item .accordion-body .primary-btn {
  color: #fff;
}
.common-accordion .accordion-item .accordion-body .primary-btn:hover {
  color: #0c1f31;
}
.common-accordion .accordion-item .accordion-body .btn-group {
  flex-wrap: wrap;
  gap: 20px;
  max-width: 37%;
}
.common-accordion .accordion-item .accordion-body .secondary-btn {
  color: initial;
}
.common-accordion .accordion-item .accordion-body .secondary-btn:hover {
  color: #fff;
}
.common-accordion .accordion-item .accordion-body .instruction-pdf-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px rgba(12, 31, 49, 0.5);
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 15px;
  text-align: left;
}
.common-accordion .accordion-item .accordion-body .instruction-pdf-info:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.common-accordion .accordion-item .accordion-body .instruction-pdf-info .instruction-info {
  display: flex;
  align-items: center;
  min-width: 60%;
}
.common-accordion .accordion-item .accordion-body .instruction-pdf-info .instruction-info img {
  margin-right: 2rem;
  max-width: 24px;
}
.common-accordion .accordion-item .accordion-body .instruction-pdf-info .instruction-info h4 {
  color: #51545B;
}
.common-accordion .accordion-item .accordion-body .instruction-pdf-info a {
  font-weight: 500;
}
.common-accordion .accordion-item .accordion-body .instruction-pdf-info .btn-group .primary-btn {
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .common-accordion .accordion-item.crisis-table .accordion-body {
    overflow: auto;
  }
  .common-accordion .accordion-item.crisis-table .accordion-body table {
    min-width: 500px;
  }
}
.common-accordion .accordion-content-details h4 {
  margin-bottom: 1rem;
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-weight: 400;
}

@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .common-accordion .accordion-item .accordion-button,
  .common-accordion .accordion-item .accordion-button.collapsed {
    background-color: #0c1f31;
  }
  .collapse:not(.show) {
    display: block;
  }
  .common-accordion .accordion-item .accordion-button,
  .common-accordion .accordion-item .accordion-button.collapsed {
    color: #fff;
    border-radius: 8px 8px 0px 0px;
    font-size: 1.8rem;
    padding: 1rem 2rem;
    background-color: rgb(12, 31, 49);
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .common-accordion .accordion-item .accordion-button .accordion-icon,
  .common-accordion .accordion-item .accordion-button.collapsed .accordion-icon {
    background-color: rgb(255, 255, 255);
    width: 39px;
    min-width: 39px;
    height: 36px;
    min-height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2rem;
  }
  .common-accordion .accordion-item .accordion-button .accordion-icon svg,
  .common-accordion .accordion-item .accordion-button.collapsed .accordion-icon svg {
    fill: #0c1f31;
    transform: none;
  }
}
#footer {
  display: none;
}

/** accordion css end here **/
/** common card css start from here **/
.common-card {
  border: 0.4px solid #FFCC00;
  border-radius: 10px;
  height: 100%;
}
.common-card > img {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
}
.common-card .card-body {
  padding: 2.5rem;
}
.common-card .card-body p {
  color: #51545B;
  font-size: 1.6rem;
}
.common-card .card-body .secondary-btn {
  margin-top: 1rem;
}

/** common card css end here **/
/** owl carousel css start **/
.owl-theme.owl-carousel .owl-dots .owl-dot.active span {
  background-color: #0c1f31;
}

/** owl carousel css end **/
.mceNonEditable iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

/** common css end here **/
/** header css start from here **/
header {
  background-color: #0c1f31;
  color: #fff;
  padding: 0.8rem 0 0 0;
  z-index: 99;
  position: relative;
}
header .top-bar {
  padding-right: 1.3rem;
}
header .top-bar ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header .top-bar ul li {
  list-style: none;
}
header .top-bar ul li + li {
  padding-left: 2.5rem;
}
header .top-bar ul li a {
  text-decoration: none;
}
header .top-bar ul li a:hover {
  text-decoration: underline;
}
header .top-bar ul li img {
  max-width: 14px;
}
header .top-bar ul li a,
header .top-bar ul li select {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  color: #fff;
  line-height: normal;
  vertical-align: middle;
  min-width: 120px;
  cursor: pointer;
}
header .top-bar ul li select {
  border: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  background: url("/images/arrow-down.png") no-repeat top 5px right;
  padding-right: 25px;
  padding-left: 5px;
  outline: none;
}
header .top-bar ul li select option {
  color: #000;
}
header .top-bar ul li #google_translate_element {
  display: inline-block;
  vertical-align: middle;
}
header .top-bar ul li #google_translate_element .skiptranslate {
  font-size: 0;
}
header .top-bar ul li #google_translate_element .skiptranslate > span {
  display: none;
}
header nav {
  padding-top: 0.5rem;
}
header nav .logo {
  padding-bottom: 0.5rem;
}
header nav .hamburger-icon {
  display: none;
}

/** header css end here **/
/** home page css start from here **/
/** banner section css start from here **/
.banner {
  position: relative;
}
.banner > img {
  width: 100%;
}
.banner p {
  color: #fff;
}
.banner:before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  background: linear-gradient(95.07deg, #0c1f31 -0.89%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.banner .container {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  color: #fff;
  z-index: 2;
}
.banner .container h1 {
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .banner .container h1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    word-break: break-word;
  }
}
.banner .container p {
  font-family: "myriad_prolight", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 300;
  font-size: 2.5rem;
  margin-bottom: 4rem;
  color: #fff;
  line-height: 37px;
}
.banner .container .btn-group .primary-btn {
  border: solid 1px #fff;
  background-color: #fff;
  color: #0c1f31;
}
.banner .container .btn-group .primary-btn:hover {
  background-color: transparent;
  color: #fff;
}
.banner .container .btn-group:hover {
  background-color: transparent;
  color: #fff;
}
.banner .container .cta {
  margin-right: 3rem;
}
.banner .container .cta:last-child {
  margin-right: 0;
}
.banner .banner-with-form-fields .search-form .form-group {
  background-color: #fff;
}
.banner .banner-with-form-fields .search-form .form-group input {
  color: #0c1f31;
}
.banner .banner-with-form-fields .search-form .form-group ::-moz-placeholder {
  color: #0c1f31;
  opacity: 1;
}
.banner .banner-with-form-fields .search-form .form-group ::placeholder {
  color: #0c1f31;
  opacity: 1;
}
.banner .banner-with-form-fields .search-form .form-group ::-ms-input-placeholder {
  color: #0c1f31;
  opacity: 1;
}
.banner .banner-with-form-fields .search-form .form-group ::-webkit-input-placeholder {
  color: #0c1f31;
  opacity: 1;
}

.banner-overlap .container {
  align-items: start;
}

.banner-bg {
  min-height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-position: center;
}
.banner-bg.blog-banner-bg {
  min-height: 472px;
  background: rgba(12, 31, 49, 0.9);
}
.banner-bg .container {
  position: relative;
}
.banner-bg .container .banner-content {
  max-width: 100%;
}

.banner {
  background-repeat: no-repeat;
  background-size: cover;
}
.banner.banner-bg-large {
  min-height: 430px;
}
.banner.banner-bg-large .banner-content {
  padding: 1.5rem 0;
}
@media screen and (min-width: 992px) {
  .banner.banner-content-short .banner-content {
    padding: 1.5rem 0;
    width: 50%;
  }
}
@media screen and (max-width: 992px) {
  .banner.banner-content-short {
    background-size: cover;
    background-position: right;
  }
}
@media (max-width: 767px) {
  .banner.no-description .banner-content {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
}

.banner-second-verion {
  position: relative;
  background: url("../images/bg.png") right top no-repeat;
  background-size: cover;
}
.banner-second-verion > img {
  width: 100%;
}
.banner-second-verion:before {
  content: "";
  background-color: rgba(12, 31, 49, 0.9);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.banner-second-verion .container {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.banner-second-verion .banner-content {
  max-width: 100%;
}
.banner-second-verion .banner-content h2 {
  color: #fff;
  margin-bottom: 2rem;
}
.banner-second-verion .banner-content p {
  color: #fff;
  font-size: 1.6rem;
  margin-bottom: 3rem;
  line-height: 21px;
}
.banner-second-verion .secondary-btn {
  border-color: #fff;
  color: #fff;
}
.banner-second-verion .secondary-btn:hover {
  background-color: #fff;
  color: #0c1f31;
}

.banner-third-version {
  position: relative;
  border-radius: 20px 20px 0 0;
}
.banner-third-version > img {
  width: 100%;
  border-radius: 20px 20px 0 0;
}
.banner-third-version .banner-content {
  color: #fff;
  position: absolute;
  height: auto;
  top: 50%;
  left: 0;
  margin: auto;
  z-index: 2;
  background-color: rgba(12, 31, 49, 0.7);
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  padding: 7rem 9rem 3rem 5rem;
  min-width: 70rem;
  max-width: 70rem;
  border-radius: 0 20px 20px 0;
}
.banner-third-version .banner-content h1 {
  margin-bottom: 1.5rem;
}
.banner-third-version .banner-content p {
  font-family: "myriad_prolight", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 300;
  font-size: 2.5rem;
  margin-bottom: 2rem;
  color: #fff;
  line-height: 37px;
}
.banner-third-version .banner-content a {
  color: #fff;
  text-decoration: none;
  font-size: 1.6rem;
  font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -1.1%;
}

/** banner section css end here **/
/** Help section css start from here **/
.img-title-section {
  padding-bottom: 22rem;
}

.img-title {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
.img-title img {
  width: 100%;
  border-radius: 10px;
}
.img-title .finding-name {
  background-color: rgba(12, 31, 49, 0.6);
  font-weight: 700;
  font-size: 1.6rem;
  color: #fff;
  font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1.5rem;
  left: 0;
  min-height: 80px;
}

/** Help section css end here **/
/** Court hearing section css start from here **/
.court-hearing-section.container {
  margin: -15rem auto 0 auto;
}
.court-hearing-section .secondary-btn {
  display: inherit;
  margin: 3rem auto 0 auto;
}

.schedule-search {
  background-color: #fff;
  box-shadow: 0px 0px 20px #BBBBBB;
  padding: 2.5rem;
  position: relative;
  margin-bottom: 4rem;
}
.schedule-search label {
  display: block;
  margin-bottom: 2rem;
  font-size: 2.4rem;
  font-weight: 700;
  font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  color: #0c1f31;
}
.schedule-search form input[type=text] {
  border: none;
  outline: none;
  background-color: transparent;
  font-weight: 400;
  font-size: 1.8rem;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  min-width: initial;
  border-bottom: solid 1px #0c1f31;
  margin-left: 3rem;
  padding-bottom: 1rem;
}
.schedule-search form input[type=text]:nth-of-type(1) {
  margin-left: 0;
}
.schedule-search form ::-moz-placeholder {
  color: rgba(12, 31, 49, 0.7);
  opacity: 1;
}
.schedule-search form ::placeholder {
  color: rgba(12, 31, 49, 0.7);
  opacity: 1;
}
.schedule-search form ::-ms-input-placeholder {
  color: rgba(12, 31, 49, 0.7);
  opacity: 1;
}
.schedule-search form ::-webkit-input-placeholder {
  color: rgba(12, 31, 49, 0.7);
  opacity: 1;
}
.schedule-search form button {
  position: absolute;
  right: 2.5rem;
  height: calc(100% - 4rem);
  background-color: #D12727;
  border: none;
  outline: none;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 49px;
}

.table-common thead {
  background-color: rgba(12, 31, 49, 0.14);
}
.table-common thead th {
  color: #0c1f31;
  padding: 1rem 0;
  border: none;
  padding-left: 6rem;
}
.table-common thead th:first-child {
  border-radius: 10px 0 0 10px;
}
.table-common thead th:last-child {
  border-radius: 0 10px 10px 0;
}
.table-common th,
.table-common td {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
}
.table-common tbody td {
  color: #000;
  padding: 1.2rem 0;
  border-top: none;
  border-bottom: 0.3px solid #bbbbbb;
  padding-left: 6rem;
}

/** Court hearing section css end here **/
/** message section start from here **/
.message-section {
  border-top: solid 0.5px #D12727;
  margin-top: 3rem;
  padding-top: 4rem;
}
.message-section .message-person-img {
  margin-top: -3rem;
  float: right;
}
.message-section h2 {
  font-size: 2.8rem;
  padding-bottom: 27px;
}
.message-section p {
  position: relative;
  font-size: 2rem;
  line-height: 30px;
}
.message-section p:before, .message-section p:after {
  font-family: "Inter", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 60px;
  color: #D12727;
  position: absolute;
  top: 0;
  line-height: 50px;
}
.message-section p:before {
  content: "“";
  left: -40px;
}
.message-section p:after {
  content: "”";
  right: -20px;
}

/** message section end here **/
/** court news section start from here **/
.court-news-main-section {
  margin-top: 8rem;
  background: url("../images/Maricopa@10-1402x734 1.png") right top no-repeat;
  position: relative;
}

.common-tabs .nav-tabs .nav-item {
  position: relative;
  border: solid 4px #fff;
  border-bottom: none;
  border-right: none;
  border-radius: 20px 20px 0 0;
  padding: 1rem 2.5rem;
  border-left: none;
  z-index: 1;
}
.common-tabs .nav-tabs .nav-item:first-child {
  border-left: solid 4px #fff;
  background-color: rgba(255, 255, 255, 0.4);
}
.common-tabs .nav-tabs .nav-item:first-child:has(.active) {
  background-color: transparent;
}
.common-tabs .nav-tabs .nav-item:first-child .nav-link:after {
  content: "";
  background-color: transparent;
  position: absolute;
  right: -48px;
  bottom: 0;
  left: auto;
  top: auto;
  width: 0;
  height: 0;
  border-top: 0px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 48px solid rgba(255, 255, 255, 0.4);
  border-radius: 0;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.common-tabs .nav-tabs .nav-item:first-child .nav-link.active:after {
  left: 0;
  width: calc(100% + 51px);
}
.common-tabs .nav-tabs .nav-item + .nav-item {
  margin-left: 2.2rem;
  padding-left: 5rem;
}
.common-tabs .nav-tabs .nav-item + .nav-item:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 45px;
  left: -4px;
  border-radius: 20px 0 0 30px;
  top: -3px;
  border-left: solid 4px #fff;
  transform: rotate(11deg);
  -webkit-transform: rotate(11deg);
  -moz-transform: rotate(11deg);
  -ms-transform: rotate(11deg);
}
.common-tabs .nav-tabs .nav-item:after {
  content: "";
  position: absolute;
  right: -22px;
  top: -15px;
  border-right: solid 4px #fff;
  display: block;
  height: 92px;
  border-radius: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.common-tabs .nav-tabs .nav-item .nav-link {
  background-color: transparent;
  border: none;
  font-weight: 400;
  font-size: 2.4rem;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  color: #0c1f31;
  padding: 0;
}
.common-tabs .nav-tabs .nav-item .nav-link.active {
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-size: 2.8rem;
}
.common-tabs .nav-tabs .nav-item .nav-link.active:before {
  display: none;
}
.common-tabs .nav-tabs .nav-item .nav-link.active:after {
  left: 31px;
  background-color: #E5E5E5;
  width: calc(100% + 20px);
  height: 5px;
  bottom: -4px;
  top: auto;
  transform: none;
  border: none;
  border-radius: 0;
}
.common-tabs .nav-tabs .nav-item .nav-link:after {
  transform: skew(43deg);
  -webkit-transform: skew(43deg);
  -moz-transform: skew(43deg);
  -ms-transform: skew(43deg);
  content: "";
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 0;
  width: calc(100% + 18px);
  height: 100%;
  z-index: -1;
  left: 0;
  border-radius: 48px 0 0 0;
}
.common-tabs .tab-content {
  padding: 4rem 2.5rem;
  border: solid 4px #fff;
  border-radius: 0 20px 20px 20px;
  margin: -1px 0 0 0;
}
.common-tabs .tab-content .tab-pane > p {
  color: #000;
  margin-bottom: 3rem;
}

.custom-card {
  border-radius: 10px;
  background-color: #F3F3F3;
  padding: 2.5rem 1.5rem;
  color: #0c1f31;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.custom-card > div > svg {
  min-height: 35px;
}
.custom-card .card-icon {
  min-height: 35px;
  display: flex;
  align-items: center;
}
.custom-card .card-icon img {
  max-height: 33px;
}
.custom-card .custom-card-title {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  font-size: 2rem;
}
.custom-card p {
  font-size: 1.6rem;
  margin-bottom: 0;
}

.custom-card-center-content {
  justify-content: center;
}
.custom-card-center-content .card-icon {
  justify-content: center;
}

.custom-card-dark {
  background-color: #0c1f31;
  color: #fff;
  padding: 4rem;
  align-items: start;
}
.custom-card-dark .custom-card-title {
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-weight: 400;
  font-size: 2.8rem;
}
.custom-card-dark p {
  color: #fff;
  font-size: 1.4rem;
}

.custom-card-with-img {
  border: 0.4px solid #FFCC00;
  padding: 3rem;
  align-items: start;
}
.custom-card-with-img .info-icon {
  max-width: 35px;
  min-width: 35px;
  margin-right: 1rem;
}

.block-show {
  display: none;
}

/** court news section end here **/
/** Blogs section start from here **/
.blogs {
  margin-top: 5rem;
  position: relative;
}
.blogs .primary-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.blogs .img-title-section {
  background-color: transparent;
}
.blogs .col {
  position: relative;
}
.blogs .col .blog-info {
  background-color: rgba(12, 31, 49, 0.6);
  font-weight: 700;
  font-size: 1.6rem;
  color: #fff;
  font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 2rem 2.5rem;
  left: 0;
  border-radius: 0 0 10px 10px;
  min-height: 220px;
}
.blogs .col .blog-info .blog-title {
  font-size: 1.8rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blogs .col .blog-info p {
  color: #fff;
  font-size: 1.6rem;
  margin: 1rem 0;
}
.blogs .col .blog-info .secondary-btn {
  border-color: #fff;
  color: #fff;
  text-transform: capitalize;
}
.blogs .col .blog-info .secondary-btn:hover {
  border-color: #0c1f31;
}

/** Blogs section send here **/
/** footer overlap section start from here **/
.overlap-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  z-index: 1;
}
.overlap-content .overlap-content-main {
  background: #F3F3F3;
  border: 0.4px solid #FFCC00;
  border-radius: 10px;
  position: relative;
}
.overlap-content .bdr-danger {
  border: solid 1px #D12727;
}
.overlap-content .overlap-content-inner {
  padding: 2.5rem 5rem;
}
.overlap-content .overlap-content-inner .info-icon {
  position: absolute;
  right: 3rem;
  top: 2.5rem;
}
.overlap-content .overlap-content-inner .info-icon img {
  max-width: 25px;
  border-radius: 0;
}
.overlap-content .overlap-content-inner h2 {
  font-size: 2.8rem;
  margin-bottom: 2rem;
  color: #0c1f31;
}
.overlap-content .overlap-content-inner p {
  font-size: 1.6rem;
}
.overlap-content img {
  border-radius: 0 10px 10px 0;
  min-height: 100%;
}
.overlap-content .btn-group {
  margin-top: 1rem;
}
.overlap-content .btn-group a:last-child {
  margin-left: 2rem;
}

.overlap-content-separate-section {
  bottom: 100%;
}

.bdr-danger {
  border: solid 1px #D12727;
}

.overlap-location address {
  color: #51545B;
  font-size: 1.8rem;
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  line-height: 4rem;
}

.overlap-with-image .overlap-content-main img {
  min-height: 100%;
}
.overlap-with-image .overlap-content-main .overlap-img-left img {
  border-radius: 10px 0 0 10px;
}
.overlap-with-image .overlap-content-main .overlap-img-right img {
  border-radius: 0 10px 10px 0;
}
.overlap-with-image .overlap-content-main .overlap-content-inner {
  text-align: left;
}
.overlap-with-image .overlap-content-main .overlap-content-inner p,
.overlap-with-image .overlap-content-main .overlap-content-inner h2 {
  color: #0c1f31;
}

.overlap-with-image.overlap-bg .content-block-inner {
  background-color: #0c1f31;
}
.overlap-with-image.overlap-bg .content-block-inner .overlap-content-inner {
  text-align: center;
}
.overlap-with-image.overlap-bg .content-block-inner .overlap-content-inner p,
.overlap-with-image.overlap-bg .content-block-inner .overlap-content-inner h2 {
  color: #fff;
}

.footer-overlap-secondary .overlap-content-main {
  background-color: #fff;
}
.footer-overlap-secondary .overlap-content-main .overlap-content-inner {
  padding: 4rem 2rem;
}
.footer-overlap-secondary .overlap-content-main .overlap-content-inner p {
  margin-bottom: 2rem;
}

/** footer overlap section end here **/
/** footer css start from here **/
footer {
  background-color: #0c1f31;
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
}
footer.overlap-padding-top .container {
  padding-top: 0;
}
footer .container {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
footer .container h6 {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
footer .container a,
footer .container span {
  font-weight: 400;
  font-size: 1.6rem;
  color: #fff;
}
footer .nav-links li {
  padding-left: 2.5rem;
  margin-left: 0;
}
footer .nav-links li:hover {
  background-color: transparent;
}
footer .nav-links li:hover a {
  color: #fff;
  background-color: transparent;
}
footer .nav-links li a {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
footer .nav-links li a:hover {
  text-decoration: underline;
}
footer .search-form .search-close,
footer .search-form .form-group {
  display: none;
}
footer .search-form .search-icon-footer {
  cursor: pointer;
}
footer .search-open .search-form {
  display: block;
  padding-top: 0;
}
footer .search-open .search-form .footer-search {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .search-open .search-form .footer-search .search-icon-footer {
  order: 2;
  margin-left: 2rem;
}
footer .search-open .search-form .footer-search .search-open {
  display: none;
}
footer .search-open .search-form .footer-search .search-close {
  display: inline-block;
}
footer .search-open .search-form .footer-search .form-group {
  display: flex;
  width: 295px;
}
footer .footer-logo-content {
  color: #fff;
  margin-left: 2rem;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
}
footer .branch-info {
  font-size: 2rem;
  font-weight: 600;
}
footer .contact-details {
  padding: 5rem 0 2rem 0;
  border-bottom: solid 1px #FFCC00;
  margin-bottom: 1rem;
}
footer .contact-details a {
  text-decoration: none;
}
footer .contact-details a:hover {
  text-decoration: underline;
}
footer .contact-details ul {
  display: flex;
  color: #fff;
}
footer .contact-details ul li {
  display: flex;
  color: #fff;
}
footer .contact-details ul li + li {
  padding-left: 10rem;
}
footer .contact-details ul li svg {
  margin-right: 1.5rem;
}
footer .social-connect {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
footer .social-connect a {
  text-decoration: none;
}
footer .social-connect a:hover {
  text-decoration: underline;
}
footer .social-connect span {
  display: block;
}
footer .social-connect ul {
  display: flex;
  align-items: center;
  list-style: none;
}
footer .social-connect ul li + li {
  margin-left: 1rem;
}
footer.footer-space {
  padding-top: 15rem;
}
footer.footer-space .container {
  padding-top: 15rem;
}

#botLauncher + #closeButton {
  padding: 0;
}

/** footer css end here **/
/** Department page css start from here **/
.court-details {
  background: url("../images/sectionbg.png") right center no-repeat;
  background-size: contain;
}
.court-details .court-details-content {
  font-size: 18px;
  color: #000;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 400;
  line-height: 150%;
}

.office-details {
  background: url("../images/officebg.png") right center no-repeat;
  background-size: cover;
}

/** court details card start from here **/
.common-left-column-width {
  max-width: 345px;
  min-width: 345px;
}

.court-details-card {
  border: 0.3px solid #bbbbbb;
  border-radius: 10px;
  display: flex;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.court-details-card + .court-details-card {
  margin-top: 2.5rem;
}
.court-details-card .court-summary {
  background-color: #0c1f31;
  border-radius: 10px 0 0 10px;
  color: #fff;
  padding: 3rem;
  display: flex;
  align-items: center;
}
.court-details-card .court-summary h3 {
  color: #fff;
}
.court-details-card .court-summary p {
  color: #fff;
  margin-bottom: 0;
}
.court-details-card .court-help-list-main {
  padding: 3rem 2rem 3rem 2rem;
  display: flex;
  align-items: center;
}
.court-details-card .court-help-list-main .court-help-list-inner {
  flex: 0 0 63%;
  margin-right: 3rem;
}
.court-details-card .court-help-list-main h4 {
  margin-bottom: 0.5rem;
}
.court-details-card .court-help-list-main ul {
  list-style: disc;
  display: flex;
  flex-wrap: wrap;
  margin-left: 2rem;
  justify-content: space-between;
}
.court-details-card .court-help-list-main ul li {
  font-size: 1.8rem;
  width: 45%;
  line-height: 22px;
}
.court-details-card .secondary-btn {
  margin-right: 0;
}
.court-details-card .secondary-btn.civil-depart-btn {
  width: 100%;
}

.court-help-list-main .court-help-list-inner.court-details-card-secondary {
  flex: 0 0 calc(100% - 2rem);
  color: #51545B;
}
.court-help-list-main .court-help-list-inner.court-details-card-secondary li {
  width: 100%;
  margin-bottom: 1.5rem;
  color: #51545B;
}
.court-help-list-main .court-help-list-inner.court-details-card-secondary p {
  color: #51545B;
  font-weight: bold;
}

/** court details card end here **/
/** heading left with content css start **/
.heading-left-content-cta {
  border-radius: 10px;
  display: flex;
  background-color: #fff;
  position: relative;
  z-index: 1;
  height: 100%;
}
.heading-left-content-cta .heading {
  max-width: 245px;
  min-width: 245px;
  background-color: #0c1f31;
  border-radius: 10px 0 0 10px;
  color: #fff;
  padding: 3rem;
  display: flex;
  align-items: center;
}
.heading-left-content-cta .heading h3,
.heading-left-content-cta .heading h2 {
  color: #fff;
  text-align: center;
  line-height: 4.5rem;
  margin: 0;
}
.heading-left-content-cta .content {
  padding: 3rem;
  display: flex;
  align-items: center;
}
.heading-left-content-cta .content p {
  font-size: 1.4rem;
  color: #51545B;
  font-weight: 400;
}
.heading-left-content-cta .content .primary-btn {
  margin-top: 1rem;
}
.heading-left-content-cta .content ul {
  list-style: disc;
  padding-left: 2rem;
}
.heading-left-content-cta .content ul li {
  font-size: 1.6rem;
  font-weight: 600;
  color: #51545B;
}

.heading-left-content-cta-bdr {
  border: solid 0.4px #FFCC00;
}
.heading-left-content-cta-bdr .heading h2 {
  color: #fff;
  text-align: left;
}
.heading-left-content-cta-bdr .content {
  width: 100%;
}
.heading-left-content-cta-bdr .content > div {
  width: 100%;
}
.heading-left-content-cta-bdr .content ul {
  padding: 0;
}
.heading-left-content-cta-bdr .content ul li {
  list-style: none;
  border: solid 1px #0c1f31;
  border-radius: 5px;
}
.heading-left-content-cta-bdr .content ul li + li {
  margin-top: 1rem;
}
.heading-left-content-cta-bdr .content ul li a {
  display: flex;
  align-items: center;
}
.heading-left-content-cta-bdr .content ul li a .volunteer-icon {
  background-color: #0c1f31;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem;
  border-radius: 5px 0 0 5px;
  min-width: 40px;
}
.heading-left-content-cta-bdr .content ul li a .volunteer-icon img {
  max-width: 20px;
}
.heading-left-content-cta-bdr .content ul li a .vol-title {
  margin-left: 1rem;
  color: #0c1f31;
  font-size: 1.8rem;
  font-weight: 400;
}

/** heading left with content css end **/
/** civil page css start from here **/
/** court services section css start from here **/
.court-services-main {
  background: url("../images/servicebg.png") right bottom no-repeat;
  background-size: cover;
}

/** court services section css end here **/
/** civil page css end here **/
/** Adult probation css start from here **/
.adult-prob-about {
  background: url("../images/about-adult-bg.png") no-repeat center right;
  background-size: cover;
}

/** Adult probation css end here **/
/** Adult probation page css start here **/
.education-section {
  background: url("../images/educationbg.png") no-repeat center left;
}

/** Adult probation page css end here **/
/** Juvenile probation css start **/
.resources-bg-img {
  background: url("../images/Maricopa@10-1402x734 1.png") no-repeat center right;
  background-size: contain;
}

/** Juvenile probation css end **/
/** General template css start **/
ul + p, ol + p {
  margin-top: 1rem;
}

.general-template {
  padding: 6rem 0;
}
.general-template h2 {
  padding-top: 2.2rem;
}
.general-template .general-template {
  padding-top: 0;
  padding-bottom: 0;
}
.general-template .banner-content p {
  color: #fff;
}
.general-template p {
  font-size: 1.6rem;
  color: #51545B;
  word-wrap: break-word;
}
.general-template ul {
  color: #51545B;
}
.general-template ul li {
  color: #51545B;
}
.general-template .general-template-inner {
  background-color: #F3F3F3;
  border-radius: 20px;
  padding: 6rem 17rem 6rem 17rem;
}
.general-template .general-template-inner h4 {
  margin-bottom: 1rem;
}
.general-template .general-template-inner ul li + li, .general-template .general-template-inner ol li + li {
  margin-top: 1rem;
}
.general-template .general-template-inner-second {
  border-radius: 0 0 20px 20px;
}
.general-template .general-template-inner-second .general-sidebar {
  border-radius: 20px 0 20px 20px;
}
.general-template h3 {
  margin-top: 3rem;
}
.general-template .accordion-header {
  margin-top: 0;
}
.general-template ul {
  margin-left: 2rem;
}
.general-template ol {
  padding-left: 1.5rem;
}
.general-template .video {
  margin: 5rem 0;
}
.general-template .tags-main {
  display: flex;
  justify-content: space-between;
  padding: 4rem 7rem 5rem 7rem;
}
.general-template .tags-main .tags {
  display: flex;
  align-items: center;
}
.general-template .tags-main .tags h6 {
  font-size: 1.6rem;
}
.general-template .tags-main .tags ul {
  list-style: none;
  display: flex;
}
.general-template .tags-main .tags ul li {
  margin-right: 1rem;
  margin-top: 0;
}
.general-template .tags-main .tags ul li:last-child {
  margin-right: 0;
}
.general-template .tags-main .tags ul li a {
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  background-color: rgba(12, 31, 49, 0.65);
  padding: 0.5rem 0.7rem;
  color: #fff;
  text-decoration: none;
}
.general-template .tags-main .blog-pagination {
  display: flex;
  align-items: center;
}
.general-template .tags-main .blog-pagination a {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  line-height: 9px;
  text-decoration: none;
  color: #51545B;
}
.general-template .tags-main .blog-pagination a img {
  max-width: 10px;
  margin: 0 0.8rem;
  opacity: 0.7;
}
.general-template .tags-main .blog-pagination a + a {
  margin-left: 3rem;
}
.general-template .common-accordion {
  padding-top: 0;
}

.general-template.overlap-padding-bottom .general-template-inner {
  border-radius: 20px 20px 0 0;
}
.general-template p {
  word-break: break-word;
}

.overlap-general-template .general-template-inner {
  padding-bottom: 0;
}

.general-template-sidebar .general-template-inner {
  padding: 0;
}
.general-template-sidebar .general-template-inner .general-content {
  padding: 6rem 1.5rem 5rem 7rem;
}
.general-template-sidebar .general-sidebar {
  background-color: rgba(12, 31, 49, 0.9);
  border-radius: 20px;
  padding: 6rem 2.5rem;
  color: #fff;
}
.general-template-sidebar .general-sidebar h5 {
  margin-bottom: 2rem;
  color: #fff;
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-size: 1.6rem;
}
.general-template-sidebar .general-sidebar h2,
.general-template-sidebar .general-sidebar h3,
.general-template-sidebar .general-sidebar a,
.general-template-sidebar .general-sidebar p {
  color: #fff;
}
.general-template-sidebar .general-sidebar ul {
  margin: 2rem 0;
  font-size: 1.6rem;
  list-style: disc;
  padding-left: 2.5rem;
}
.general-template-sidebar .general-sidebar ul li {
  color: #fff;
}
.general-template-sidebar .general-sidebar ul li + li {
  margin-top: 1.5rem;
}
.general-template-sidebar .general-sidebar ul li a {
  color: #FFCC00;
  text-decoration-line: underline;
}
.general-template-sidebar .general-sidebar ol li {
  color: #fff;
}
.general-template-sidebar .general-sidebar .search-form {
  margin-bottom: 5rem;
}
.general-template-sidebar .general-sidebar .search-form .form-group {
  background-color: #fff;
}
.general-template-sidebar .general-sidebar .search-form .form-group img {
  max-width: 18px;
}
.general-template-sidebar .general-sidebar .search-form .form-group input {
  color: #0c1f31;
}
.general-template-sidebar .general-sidebar .search-form .form-group ::-moz-placeholder {
  color: #0c1f31;
}
.general-template-sidebar .general-sidebar .search-form .form-group ::placeholder {
  color: #0c1f31;
}
.general-template-sidebar .general-sidebar .search-form .form-group ::-webkit-placeholder {
  color: #0c1f31;
}
.general-template-sidebar .general-sidebar .search-form .form-group ::-moz-placeholder {
  color: #0c1f31;
}
.general-template-sidebar .general-sidebar .search-form .form-group ::-ms-placeholder {
  color: #0c1f31;
}
.general-template-sidebar .general-sidebar .blogs .col + .col {
  margin-top: 1.5rem;
}
.general-template-sidebar .general-sidebar .blogs .col .blog-img {
  overflow: hidden;
}
.general-template-sidebar .general-sidebar .blogs .col .blog-info {
  padding: 1rem 2rem;
}
.general-template-sidebar .general-sidebar .blogs .col .blog-info p {
  margin: 0;
}
.general-template-sidebar .general-sidebar a[title] {
  font-weight: 500;
}

/** General template end start **/
/** Faq page css start **/
.main-faq .notice-bar {
  background-color: #0c1f31;
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  padding: 1rem 0;
}
.main-faq .notice-bar a {
  color: #fff;
  border-bottom: solid 2px #D12727;
  margin-left: 1rem;
  padding-bottom: 0.5rem;
  text-decoration: none;
}
.main-faq .hover-link-red a {
  border-bottom: solid 2px transparent;
}
.main-faq .hover-link-red a:hover {
  border-bottom: solid 2px #D12727;
}
.main-faq .faq-section {
  margin-top: 5rem;
}
.main-faq .faq-section:last-child {
  margin-bottom: 6rem;
}
.main-faq .jumb-section {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #213242;
  border-radius: 0 0 20px 20px;
  min-width: 400px;
  max-width: 400px;
  padding: 6rem 4rem;
  z-index: 9;
  margin-bottom: 4rem;
}
.main-faq .jumb-section.fixed {
  position: fixed;
  top: 0;
}
.main-faq .jumb-section.static {
  position: absolute;
  bottom: 0;
  top: auto;
}
.main-faq .jumb-section h5 {
  font-size: 2rem;
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  color: #fff;
}
.main-faq .jumb-section li {
  margin-top: 2rem;
  list-style: none;
}
.main-faq .jumb-section li a {
  color: #fff;
}
.main-faq .jumb-section li.active a {
  font-weight: 600;
}
.main-faq .jumb-section li.hover-link-white a {
  text-decoration: none;
}
.main-faq .jumb-section li.hover-link-white a:hover {
  text-decoration: underline;
}
.main-faq .jumb-section p {
  margin-top: 4rem;
  text-align: center;
  color: #fff;
}
.main-faq .jumb-section p a {
  color: #FFCC00;
  text-decoration: underline;
}
.main-faq .jumb-section p a.hover-link-yellow {
  text-decoration: none;
}
.main-faq .jumb-section p a.hover-link-yellow:hover {
  text-decoration: underline;
}

/** Faq page css end **/
/** How do I page css start **/
.how-do-main {
  background: url("../images/how-do-bg.png") no-repeat right top;
}
.how-do-main .info-card h2 {
  font-size: 2.8rem;
  line-height: 4rem;
  min-height: 80px;
}
.how-do-main .info-card ul {
  list-style: none;
  padding-left: 0;
}
.how-do-main .info-card ul li {
  font-size: 1.6rem;
}
.how-do-main .info-card ul li + li {
  margin-top: 3rem;
}
.how-do-main .info-card ul li a {
  color: #51545B;
  text-decoration: underline;
}
.how-do-main .info-card ul li a:hover {
  color: #0c1f31;
  text-decoration: none;
  font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
}

/** How do I page css end **/
/** Services page start **/
.service-details {
  background: url("../images/court-services-bg.png") no-repeat right top;
}
.service-details h2 {
  margin-bottom: 1rem;
}
.service-details h3 {
  text-align: center;
  margin-bottom: 0;
  margin-bottom: 2rem;
}
.service-details .container .service-space {
  padding-top: 8rem;
}
.service-details.remove-bg-inner-content .section-bg {
  background-color: transparent;
}
.service-details.remove-bg-inner-content .section-inner-space {
  padding: 0;
}

/** Services page end **/
/** Search page css start from here **/
.search-main {
  background-color: #E5E5E5;
}
.search-main .search-page-form {
  box-shadow: 0px 0px 20px #BBBBBB;
  padding: 2rem;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  margin-bottom: 3rem;
}
.search-main .search-page-form input[type=text] {
  border: none;
  outline: none;
  background-color: transparent;
  font-weight: 400;
  font-size: 1.8rem;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  min-width: 90%;
}
.search-main .search-page-form ::-moz-placeholder {
  color: rgba(12, 31, 49, 0.4);
  opacity: 1;
}
.search-main .search-page-form ::placeholder {
  color: rgba(12, 31, 49, 0.4);
  opacity: 1;
}
.search-main .search-page-form ::-ms-input-placeholder {
  color: rgba(12, 31, 49, 0.4);
  opacity: 1;
}
.search-main .search-page-form ::-webkit-input-placeholder {
  color: rgba(12, 31, 49, 0.4);
  opacity: 1;
}
.search-main .search-page-form button {
  position: absolute;
  right: 2rem;
  height: calc(100% - 2.9rem);
  background-color: #D12727;
  border: none;
  outline: none;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 40px;
}
.search-main .result-count p {
  color: rgba(0, 0, 0, 0.6);
}
.search-main .search-result-data {
  background-color: #fff;
  border-radius: 10px;
}
.search-main .search-result-data .search-col {
  padding: 2.5rem 4rem;
  position: relative;
}
.search-main .search-result-data .search-col + .search-col {
  border-top: solid 1px #E5E5E5;
}
.search-main .search-result-data .search-col .search-info {
  max-width: 1000px;
  padding-right: 45px;
}
.search-main .search-result-data .search-col .search-info .search-name {
  display: flex;
  align-items: center;
}
.search-main .search-result-data .search-col .search-info .search-name img {
  max-width: 20px;
}
.search-main .search-result-data .search-col .search-info .search-name .search-heading {
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-weight: 400;
  margin-left: 1rem;
  font-size: 1.8rem;
  color: #0c1f31;
}
.search-main .search-result-data .search-col .search-info .search-name .search-heading a {
  color: #0c1f31;
}
.search-main .search-result-data .search-col .search-info .search-bradcrumb {
  margin: 2rem 0;
}
.search-main .search-result-data .search-col .search-info .search-bradcrumb ul {
  display: flex;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
}
.search-main .search-result-data .search-col .search-info .search-bradcrumb ul li {
  font-size: 1.6rem;
  color: #0c1f31;
}
.search-main .search-result-data .search-col .search-info .search-bradcrumb ul li + li:before {
  content: "/";
  margin: 0 3px;
  color: rgba(0, 0, 0, 0.6);
}
.search-main .search-result-data .search-col .search-info .search-bradcrumb ul li a {
  color: rgba(0, 0, 0, 0.6);
}
.search-main .search-result-data .search-col .search-link {
  position: absolute;
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(12, 31, 49, 0.65);
  width: 44px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.search-main .search-result-data .search-col .search-link svg {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  fill: #fff;
}
.search-main .search-result-data .search-col .search-link:hover {
  background-color: #0c1f31;
}

/** Search page css end here **/
/** common section css start from here **/
.case-information {
  background-color: #0c1f31;
  padding: 3rem 0;
}
.case-information p {
  color: #fff;
}
.case-information p a {
  color: #588BD9;
  text-decoration: underline;
}
.case-information p a.hover-link-blue {
  text-decoration: none;
}
.case-information p a.hover-link-blue:hover {
  text-decoration: underline;
}

.court-links-inner {
  border: solid 4px #fff;
  padding: 4rem;
  border-radius: 10px;
}

.bdr-light {
  border: solid 4px #E5E5E5;
}

.information-second p {
  color: #0c1f31;
}

/** heads list css start from here **/
.leaders-bg {
  background: url("../images/heads-bg.png") no-repeat top right;
}

.heads-list {
  background: url("../images/heads-bg.png") no-repeat top right;
}
.heads-list .profile-info > .col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.heads-list .profile-info > .col .heads-info {
  padding-left: 2.5rem;
}
.heads-list .profile-info > .col .heads-info .person-name {
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-weight: 400;
  font-size: 2rem;
}
.heads-list .profile-info > .col .heads-info h3 {
  padding: 1rem 0;
  font-size: 1.8rem;
  color: #0c1f31;
  font-family: "myriad_proregular";
  font-weight: 600;
  margin-bottom: 0;
}
.heads-list .profile-info > .col .heads-info p {
  font-size: 1.6rem;
}
.heads-list .secondary-btn {
  margin-top: 6rem;
}

.heads-list-without-bg {
  background: none;
}

/** heads list css end here **/
/** leaders css start from here **/
.leaders {
  background: url("../images/Maricopa@10-1402x734 1.png") no-repeat center right;
  background-size: contain;
}
.leaders .profile-info > .col .heads-info {
  padding-left: 0;
}
.leaders .profile-info > .col .heads-info h3 {
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-size: 2.8rem;
  font-weight: 400;
}
.leaders .profile-info > .col .heads-info .leader-profile {
  font-size: 1.8rem;
  color: #0c1f31;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.leaders .profile-info > .col .heads-info p {
  color: #51545B;
}
.leaders .profile-info > .col .round-img-bdr {
  max-width: 365px;
  min-width: 365px;
  max-height: 365px;
  min-height: 365px;
}

/** leaders css end here **/
/** location section css start from here **/
.court-location-main .court-locations {
  border: 0.4px solid #FFCC00;
  border-radius: 10px;
  background-color: #fff;
  padding: 0;
}
.court-location-main .court-locations .location-heading {
  background-color: #0c1f31;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  border-radius: 10px 0 0 10px;
}
.court-location-main .court-locations .location-heading h2 {
  margin-bottom: 0;
  color: #fff;
  text-align: center;
}
.court-location-main .court-locations .location-details {
  text-align: center;
  padding: 1.5rem 3rem;
  margin: 0.5rem 0;
  min-width: 280px;
  position: relative;
}
.court-location-main .court-locations .location-details h3 {
  margin-bottom: 1rem;
}
.court-location-main .court-locations .location-details address {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #51545B;
  margin-bottom: 1.5rem;
  line-height: 30px;
}
.court-location-main .court-locations .location-separator {
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  margin-left: 2rem;
  width: 1px;
}
.court-location-main .court-locations .justify-content-center .location-separator {
  display: none;
}
.court-location-main .court-locations .carousel-location .owl-item:nth-child(even) .location-details::after {
  display: none;
}

.carousel-location .owl-item {
  border-left: solid 1px rgba(0, 0, 0, 0.2);
}
.carousel-location .owl-item:not(.active) + .owl-item.active {
  border-left: none;
}
.carousel-location .owl-item.active:first-child {
  border-left: none;
}

.location-card {
  background-color: #E5E5E5;
  border-radius: 10px;
  padding: 3rem;
  height: 100%;
  display: flex;
  align-items: flex-start;
}
.location-card h3 {
  margin-bottom: 1rem;
}
.location-card .location-area {
  font-size: 1.8rem;
  font-weight: 600;
  color: #0c1f31;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  margin-bottom: 1rem;
}
.location-card address {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #51545B;
  margin-bottom: 1.5rem;
  line-height: 30px;
}
.location-card ul {
  margin-bottom: 2rem;
  list-style: disc;
  padding-left: 2rem;
}
.location-card ul li {
  font-size: 1.6rem;
  color: #0c1f31;
}

.location-card-secondary,
.card-description-with-cta {
  padding: 3rem;
  border: 0.4px solid #D12727;
  border-radius: 10px;
  background-color: #FAFAFA;
}
.location-card-secondary .mail,
.location-card-secondary .phone,
.location-card-secondary .fax,
.location-card-secondary address,
.card-description-with-cta .mail,
.card-description-with-cta .phone,
.card-description-with-cta .fax,
.card-description-with-cta address {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  color: #000;
}
.location-card-secondary .mail a,
.location-card-secondary .phone a,
.location-card-secondary .fax a,
.location-card-secondary address a,
.card-description-with-cta .mail a,
.card-description-with-cta .phone a,
.card-description-with-cta .fax a,
.card-description-with-cta address a {
  color: #000;
}
.location-card-secondary .secondary-btn,
.card-description-with-cta .secondary-btn {
  margin-top: 2rem;
}

.card-description-with-cta {
  border: none;
  height: 100%;
}
.card-description-with-cta p {
  font-size: 1.6rem;
}

.location-card-secondary {
  height: 100%;
  word-break: break-word;
}

.all-locations.filtered-data .col {
  display: none;
}
.all-locations.filtered-data .col.show-location {
  display: block;
}

/** location section css end here **/
/** mission section css start from here **/
.mission-section-main {
  background: url("../images/mission.png") no-repeat center;
}
.mission-section-main p,
.mission-section-main h3 {
  color: #fff;
}
.mission-section-main p {
  font-size: 1.6rem;
}
.mission-section-main > .container {
  display: flex;
  align-items: center;
}
.mission-section-main .values {
  border-top: solid 1px #FFCC00;
  padding-top: 4rem;
  margin-top: 4rem;
}

/** mission section css end here **/
/** Bg with columns start **/
.bg-with-column {
  background: url("../images/mission.png") no-repeat center;
}
.bg-with-column h4,
.bg-with-column h2 {
  color: #fff;
}
.bg-with-column h4 {
  font-weight: 400;
}

/** Bg with columns end **/
/** join us section css start from here **/
.join-us {
  background-color: #0c1f31;
  border-radius: 20px;
  padding: 4rem 10rem;
}
.join-us p,
.join-us h2 {
  color: #fff;
}
.join-us h2 {
  margin-bottom: 1.5rem;
}
.join-us p {
  font-size: 1.6rem;
}
.join-us .btn-group {
  margin-top: 2rem;
}
.join-us .btn-group .secondary-btn + .secondary-btn {
  margin-left: 2.5rem;
}

/** join us section css end here **/
/** Services section css start from here **/
.stories > .container > h2 {
  color: #fff;
}
.stories .carousel {
  padding-bottom: 15rem;
}
.stories .carousel .carousel-inner {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  border: solid 1px #FFCC00;
  padding: 7rem;
  text-align: center;
}
.stories .carousel .carousel-inner p {
  color: #51545B;
  font-size: 1.6rem;
}
.stories .carousel .carousel-btns {
  position: absolute;
  bottom: 6rem;
  width: 100%;
  text-align: center;
}
.stories .carousel .carousel-btns button {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 45px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 1;
  margin: 0 0.7rem;
}

/** Services section css end here **/
/** full width overlap start **/
.full-width-bg-overlap {
  background-color: #0c1f31;
  padding-bottom: 25rem;
}
.full-width-bg-overlap h2,
.full-width-bg-overlap h3,
.full-width-bg-overlap p {
  color: #fff;
}
.full-width-bg-overlap p {
  font-size: 1.6rem;
  font-family: "myriad_prolight", "helveticaregular", "Arial Regular", sans-serif;
}
.full-width-bg-overlap + .full-width-overlap-content {
  margin-top: -20rem;
}

/** full width overlap end **/
/** Full width with overlap cards start**/
.full-width-content-overlap {
  background-color: #0c1f31;
  position: relative;
}
.full-width-content-overlap h2,
.full-width-content-overlap h3,
.full-width-content-overlap p {
  color: #fff;
}
.full-width-content-overlap p {
  font-size: 1.6rem;
  font-family: "myriad_prolight", "helveticaregular", "Arial Regular", sans-serif;
}
.full-width-content-overlap + .full-width-overlap-content {
  margin-top: -20rem;
}
.full-width-content-overlap ul {
  padding-left: 1.7rem;
}
.full-width-content-overlap ul li {
  color: #fff;
}

.separate-section-overlap {
  position: relative;
  z-index: 1;
}

/** Full width with overlap cards end**/
/** location details with img css start **/
.location-detail-text-img h2 {
  margin-bottom: 2rem;
}
.location-detail-text-img p {
  font-size: 1.6rem;
  color: #51545B;
}
.location-detail-text-img .secondary-btn {
  margin-top: 2rem;
}
.location-detail-text-img img {
  border-radius: 10px;
}

/** location details with img css end **/
/** Image title block css start **/
.image-title-cta {
  position: relative;
}
.image-title-cta img {
  border-radius: 20px;
  width: 100%;
}
.image-title-cta .title-cta {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 2.5rem;
  background-color: rgba(12, 31, 49, 0.6);
  border-radius: 0 0 20px 20px;
}
.image-title-cta .title-cta h3 {
  font-size: 2rem;
  font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
}
.image-title-cta .title-cta .secondary-btn {
  margin-top: 2.5rem;
}

/** Image title block css end **/
/** Desription with CTA css start **/
.more-info-with-cta {
  background: url("../images/jury-center.png") center no-repeat;
  background-size: cover;
  padding: 3rem 0;
}
.more-info-with-cta p {
  color: #fff;
  margin-bottom: 0;
}
.more-info-with-cta .secondary-btn {
  margin-top: 2.5rem;
}

/** Desription with CTA css end **/
/** description column start **/
.heading-description {
  background: url("../images/purposebg.png") no-repeat top right;
}
.heading-description .heading-description-row {
  padding-top: 4rem;
  margin-top: 4rem;
  border-top: 0.4px solid rgba(81, 84, 91, 0.4);
}

/** description column end **/
/** img column with info start **/
.img-with-info {
  margin-bottom: 8rem;
  position: relative;
}
.img-with-info h3 {
  margin-bottom: 3rem;
}
.img-with-info .img-with-info-content {
  text-align: center;
}
.img-with-info .img-with-info-content .title-info {
  font-size: 1.8rem;
  color: #0c1f31;
  margin: 1.5rem 0;
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
}
.img-with-info .img-with-info-content .details-info {
  color: #51545B;
  font-size: 1.4rem;
  font-weight: 600;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
}
.img-with-info .img-with-info-carousel {
  position: static;
}
.img-with-info .img-with-info-carousel .owl-nav {
  position: absolute;
  top: -5px;
  right: 0;
  margin: 0;
}
.img-with-info .img-with-info-carousel .owl-nav button.owl-prev,
.img-with-info .img-with-info-carousel .owl-nav button.owl-next {
  width: 45px;
  height: 45px;
  border: solid 1px #0c1f31;
  border-radius: 50%;
  font-size: 12px;
  opacity: 1;
  margin: 0;
}
.img-with-info .img-with-info-carousel .owl-nav button.owl-prev span,
.img-with-info .img-with-info-carousel .owl-nav button.owl-next span {
  display: none;
}
.img-with-info .img-with-info-carousel .owl-nav button.owl-prev {
  background: url("../images/left-arrow.png") no-repeat center;
  background-size: 10px;
}
.img-with-info .img-with-info-carousel .owl-nav button.owl-next {
  background: url("../images/right-arrow.png") no-repeat center;
  margin-left: 15px;
  background-size: 10px;
}

/** img column with info end **/
/** Info card css start from here **/
.info-card {
  padding: 3rem;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #FFCC00;
  height: 100%;
}
.info-card h4 {
  font-size: 2.8rem;
  margin-bottom: 2rem;
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-weight: 400;
}
.info-card p {
  font-size: 1.6rem;
  color: #51545B;
  margin-bottom: 2.5rem;
  font-weight: 600;
}
.info-card ul {
  list-style: disc;
  padding-left: 2.5rem;
}
.info-card ul li {
  font-size: 1.4rem;
  color: #51545B;
  font-weight: 600;
}

.info-card-large p {
  font-weight: normal;
}
.info-card-large .tagline {
  font-weight: 600;
  font-size: 1.6rem;
  color: #51545B;
}
.info-card-large .tagline:first-child {
  margin-bottom: 2.5rem;
}

/** Info card css end here **/
/** Iframe video with poster img start **/
iframe {
  width: 100%;
}

.video-with-poster {
  position: relative;
}
.video-with-poster .iframe-poster-img,
.video-with-poster iframe {
  border-radius: 10px;
}
.video-with-poster .iframe-poster-img {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
}
.video-with-poster .iframe-poster-img.poster-remove {
  opacity: 0;
  pointer-events: none;
}

/** Iframe video with poster img end **/
/** info with card grid start **/
.info-with-card-grid {
  background: url("../images/casa-section-bg.png") no-repeat top left;
  background-size: contain;
}

/** info with card grid end **/
/** Form section start **/
.common-form {
  /* background: url("../images/form-bg.png") no-repeat center right; */
}
.common-form .common-form-inner {
  background-color: #fff;
  border: solid 0.4px #FFCC00;
  padding: 3rem;
  border-radius: 20px;
}
.common-form .common-form-inner .contact-info {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  border-right: solid 0.5px rgba(81, 84, 91, 0.5);
  padding-right: 5rem;
  margin-right: 5rem;
}
.common-form .common-form-inner .contact-info h3 {
  margin-bottom: 5rem;
}
.common-form .common-form-inner .contact-info address {
  max-width: 310px;
}
.common-form .common-form-inner .contact-info address,
.common-form .common-form-inner .contact-info div {
  font-size: 1.8rem;
  color: #000;
}
.common-form .common-form-inner .contact-info address strong,
.common-form .common-form-inner .contact-info div strong {
  font-weight: 600;
}
.common-form .common-form-inner .contact-info address a,
.common-form .common-form-inner .contact-info div a {
  color: #000;
}
.common-form .common-form-inner form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-family: "Roboto", sans-serif;
}
.common-form .common-form-inner form .form-group {
  flex: 0 0 48%;
  margin-bottom: 3rem;
  position: relative;
}
.common-form .common-form-inner form .form-group span {
  font-size: 1.6rem;
  color: #0c1f31;
  font-family: "Roboto", sans-serif;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
}
.common-form .common-form-inner form .form-group:nth-last-of-type(2) {
  flex: 0 0 100%;
}
.common-form .common-form-inner form .form-group label {
  font-size: 1.6rem;
  color: #51545B;
  font-family: "Roboto", sans-serif;
  width: 100%;
  font-weight: 400;
}
.common-form .common-form-inner form .form-group .form-control,
.common-form .common-form-inner form .form-group select {
  border: none;
  border-bottom: dotted 2px #000;
  padding: 0 0 0.5rem 0;
  border-radius: 0;
  font-size: 1.6rem;
  color: #0c1f31;
  font-family: "Roboto", sans-serif;
  outline: none;
  box-shadow: none;
  width: 100%;
}
.common-form .common-form-inner form .form-group .form-control:focus + span {
  font-size: 1.4rem;
  top: -20px;
}
.common-form .common-form-inner form .form-group .form-control:valid + span {
  font-size: 1.4rem;
  top: -20px;
}
.common-form .common-form-inner form .form-group .form-control:invalid + span {
  font-size: 1.6rem;
  top: 0;
}
.common-form .common-form-inner form .form-group small {
  font-size: 1.2rem;
  display: block;
  margin-top: 0.5rem;
  color: #D12727;
  font-weight: 500;
}
.common-form .common-form-inner form .form-group textarea.form-control {
  padding: 1rem;
  border: solid 0.5px #000;
  border-radius: 5px;
  min-height: 100px;
}
.common-form .common-form-inner form .form-group textarea.form-control::-moz-placeholder {
  color: rgba(12, 31, 49, 0.6);
}
.common-form .common-form-inner form .form-group textarea.form-control::placeholder {
  color: rgba(12, 31, 49, 0.6);
}
.common-form .common-form-inner form .form-group textarea.form-control::-webkit-input-placeholder {
  color: rgba(12, 31, 49, 0.6);
}
.common-form .common-form-inner form .form-group textarea.form-control:-moz-placeholder {
  color: rgba(12, 31, 49, 0.6);
}
.common-form .common-form-inner form .form-group textarea.form-control:-ms-placeholder {
  color: rgba(12, 31, 49, 0.6);
}
.common-form .common-form-inner form .form-group .multi-fields {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  flex-wrap: wrap;
}
.common-form .common-form-inner form .form-group .multi-fields .option {
  display: flex;
  align-items: center;
  margin-right: 3rem;
}
.common-form .common-form-inner form .form-group .multi-fields .option:last-child {
  margin-right: 0;
}
.common-form .common-form-inner form .form-group .multi-fields .option label {
  color: #0c1f31;
  margin-left: 0.5rem;
}
.common-form .common-form-inner form ::-moz-placeholder {
  color: #0c1f31;
}
.common-form .common-form-inner form ::placeholder {
  color: #0c1f31;
}
.common-form .common-form-inner form ::-webkit-input-placeholder {
  color: #0c1f31;
}
.common-form .common-form-inner form :-moz-placeholder {
  color: #0c1f31;
}
.common-form .common-form-inner form :-ms-placeholder {
  color: #0c1f31;
}
.common-form .common-form-inner form .btn-group {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 100%;
}
.common-form.audit-form .container {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .common-form.audit-form .umbraco-forms-form form .umbraco-forms-navigation {
    text-align: center;
  }
}

/** Form section end **/
/** Umbraco common form start **/
.common-form .umbraco-forms-form {
  padding: 0;
}
.common-form .umbraco-forms-form form {
  display: block;
}
.common-form .umbraco-forms-form form .umbraco-forms-fieldset {
  padding: 0;
  margin: 0;
}
.common-form .umbraco-forms-form form .umbraco-forms-fieldset > label {
  font-size: 2.8rem;
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-weight: 400;
  color: #0c1f31;
  margin-bottom: 3rem;
}
.common-form .umbraco-forms-form form .umbraco-forms-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-family: "Roboto", sans-serif;
}
.common-form .umbraco-forms-form form .umbraco-forms-container .field-validation-error {
  padding-left: 0;
}
.common-form .umbraco-forms-form form .umbraco-forms-container input::-webkit-outer-spin-button,
.common-form .umbraco-forms-form form .umbraco-forms-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.common-form .umbraco-forms-form form .umbraco-forms-container input[type=number] {
  -moz-appearance: textfield;
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field {
  flex: 0 0 48%;
  margin-bottom: 3rem;
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .umbraco-forms-tooltip {
  font-size: 1.2rem;
  display: block;
  margin-top: 0.5rem;
  color: #D12727;
  font-weight: 500;
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field label {
  font-size: 1.6rem;
  color: #51545B;
  font-family: "Roboto", sans-serif;
  width: 100%;
  font-weight: 400;
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field input,
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field select,
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea {
  border: none;
  border-bottom: dotted 2px #000;
  padding: 0 0 0.5rem 0;
  border-radius: 0;
  font-size: 1.6rem;
  color: #0c1f31;
  font-family: "Roboto", sans-serif;
  outline: none;
  box-shadow: none;
  width: 100%;
  margin: 0;
  max-width: 100% !important;
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea {
  padding: 1rem;
  border: solid 0.5px #000;
  border-radius: 5px;
  height: 100px;
  min-height: 100px;
  max-width: 100% !important;
  width: 100%;
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea::-moz-placeholder {
  color: rgba(12, 31, 49, 0.6);
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea::placeholder {
  color: rgba(12, 31, 49, 0.6);
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea::-webkit-input-placeholder {
  color: rgba(12, 31, 49, 0.6);
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea:-moz-placeholder {
  color: rgba(12, 31, 49, 0.6);
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea:-ms-placeholder {
  color: rgba(12, 31, 49, 0.6);
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .radiobuttonlist,
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .checkboxlist {
  margin-top: 1rem;
  flex-wrap: wrap;
  width: 100%;
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .radiobuttonlist input,
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .checkboxlist input {
  width: auto;
  display: inline-block;
  vertical-align: top;
  margin-top: 0.5rem;
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .radiobuttonlist label,
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .checkboxlist label {
  color: #0c1f31;
  margin-left: 0.5rem;
  clear: none;
  float: none;
  max-width: calc(100% - 3rem);
  display: inline-block;
  vertical-align: top;
  max-width: 85%;
  margin-bottom: 1.5rem;
  text-align: left;
}
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .radiobuttonlist label:last-child,
.common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .checkboxlist label:last-child {
  margin-right: 0;
}
.common-form .umbraco-forms-form form .umbraco-forms-container .multiplechoice .multiplechoice {
  flex: 0 0 100%;
}
.common-form .umbraco-forms-form form .umbraco-forms-container .multiplechoice .longanswer {
  flex: 0 0 100%;
}
.common-form .umbraco-forms-form form .umbraco-forms-container ::-moz-placeholder {
  color: #0c1f31;
}
.common-form .umbraco-forms-form form .umbraco-forms-container ::placeholder {
  color: #0c1f31;
}
.common-form .umbraco-forms-form form .umbraco-forms-container ::-webkit-input-placeholder {
  color: #0c1f31;
}
.common-form .umbraco-forms-form form .umbraco-forms-container :-moz-placeholder {
  color: #0c1f31;
}
.common-form .umbraco-forms-form form .umbraco-forms-container :-ms-placeholder {
  color: #0c1f31;
}
.common-form .umbraco-forms-form form .umbraco-forms-navigation {
  text-align: right;
  padding: 0;
}
.common-form .umbraco-forms-form form .umbraco-forms-navigation .btn {
  background-color: transparent;
  border-radius: 5px;
  padding: 0.8rem 2rem;
  font-size: 1.8rem;
  font-weight: 400;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  color: #0c1f31;
  border: solid 1px #0c1f31;
  text-align: center;
  display: inline-block;
}
.common-form .umbraco-forms-form form .umbraco-forms-navigation .btn:hover {
  background-color: #0c1f31;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .common-form .umbraco-forms-form form .umbraco-forms-navigation {
    text-align: center;
  }
}
.common-form .umbraco-forms-form .umbraco-forms-submitmessage-html {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.common-form .umbraco-forms-form .umbraco-forms-submitmessage-html p {
  font-size: 2rem;
  text-align: center;
  font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
}

/** Umbraco common form end **/
/** Employee section start **/
.employee-main {
  background: url("../images/Maricopa@10-1402x734 1.png") right bottom no-repeat;
}

/** Employee section end **/
/** Glossary page section start **/
.definitions-linked {
  position: sticky;
  top: 0;
  background-color: #0c1f31;
  padding: 0.5rem 0 1.5rem 0;
  z-index: 9;
}
.definitions-linked:after {
  content: "";
  margin: auto;
  width: 90%;
  display: block;
  background: #f3f3f3;
  height: 1px;
}
.definitions-linked ul {
  justify-content: center;
  display: flex;
  color: #fff;
  font-size: 1.6rem;
  list-style-type: none;
}
.definitions-linked ul li {
  padding: 1rem 0;
}
.definitions-linked ul li + li {
  margin-left: 2rem;
}
.definitions-linked ul li a {
  color: #fff;
  line-height: normal;
  text-decoration: none;
}
.definitions-linked ul li a:hover {
  text-decoration: underline;
}
.definitions-linked ul li.active {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F3F3F3;
  border-radius: 10px 10px 0px 0px;
  padding: 0 1.8rem;
}
.definitions-linked ul li.active a {
  color: #0c1f31;
}

.definitions .accordion-item:nth-child(even) {
  background-color: #F3F3F3;
}
.definitions .accordion-item {
  padding: 2rem 0;
  border: none;
}
.definitions .accordion-item .collapse:not(.show) {
  display: block;
}
.definitions .accordion-item .accordion-body {
  font-size: 14px;
  font-weight: 400;
  padding: 0;
}
.definitions .container {
  display: flex;
  align-items: center;
  gap: 30px;
  background-color: transparent;
  border: none;
}
.definitions h4 {
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-size: 20px;
  font-weight: 400;
  min-width: 350px;
  margin: 0;
  width: 30%;
}
.definitions .accordion-collaps {
  width: 70%;
}
.definitions p {
  margin: 0;
}

.download-instructions {
  padding-top: 10px;
  padding-bottom: 40px;
}
.download-instructions.dinstruction {
  padding-top: 40px;
}

/** Pagination css start from here **/
.pagination {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 0;
}
.pagination ul li {
  color: rgba(12, 31, 49, 0.65);
  font-size: 1.8rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination ul li a {
  color: rgba(12, 31, 49, 0.65);
  text-decoration: none;
}
.pagination ul li img {
  max-width: 10px;
}
.pagination ul .pagination-item.active {
  font-size: 2rem;
  font-weight: 600;
}
.pagination ul .pagination-item.active a {
  color: #0c1f31;
}
.pagination ul .pagination-item.active.active {
  background-color: rgba(12, 31, 49, 0.65);
}
.pagination ul .pagination-item.active.active a {
  color: #fff;
}

/** Pagination css end here **/
/** Search panel css start **/
.search-panel-multi-field {
  box-shadow: 0px 0px 20px #BBBBBB;
  padding: 1.3rem 0.5rem 1.3rem 3rem;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  max-width: 100%;
  width: calc(100% - 60px);
  margin-left: auto;
  margin-right: auto;
}
.search-panel-multi-field select,
.search-panel-multi-field input[type=text] {
  color: #51545B;
  border: none;
  outline: none;
  background-color: transparent;
  font-weight: 400;
  font-size: 1.6rem;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  width: 320px;
  padding: 1.3rem 0;
}
@media screen and (max-width: 1199.98px) {
  .search-panel-multi-field select, .search-panel-multi-field input[type=text] {
    width: 240px;
  }
}
@media screen and (max-width: 991.98px) {
  .search-panel-multi-field select, .search-panel-multi-field input[type=text] {
    width: 160px;
  }
}
.search-panel-multi-field input[type=text] {
  padding-right: 3rem;
}
.search-panel-multi-field ::-moz-placeholder {
  color: rgba(12, 31, 49, 0.4);
  opacity: 1;
}
.search-panel-multi-field ::placeholder {
  color: rgba(12, 31, 49, 0.4);
  opacity: 1;
}
.search-panel-multi-field ::-ms-input-placeholder {
  color: rgba(12, 31, 49, 0.4);
  opacity: 1;
}
.search-panel-multi-field ::-webkit-input-placeholder {
  color: rgba(12, 31, 49, 0.4);
  opacity: 1;
}
.search-panel-multi-field select {
  border: none;
  background: url("../images/arrow-drop.png") no-repeat center right;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-size: 12px;
  padding-left: 2.5rem;
  padding-right: 4rem;
  margin-right: 3rem;
  border-left: solid 1px #E5E5E5;
}
.search-panel-multi-field select:first-child {
  border-left: none;
}
.search-panel-multi-field button {
  position: absolute;
  right: 0.5rem;
  height: 65px;
  background-color: #0c1f31;
  border: none;
  outline: none;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 65px;
}

.search-panel-multi-field-no-bg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-panel-multi-field-no-bg input,
.search-panel-multi-field-no-bg select {
  border: none;
  border-radius: 5px;
  min-width: 250px;
  padding: 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  outline: none;
}
.search-panel-multi-field-no-bg .form-group {
  position: relative;
}
.search-panel-multi-field-no-bg .form-group img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 1.5rem;
  max-width: 17px;
}
.search-panel-multi-field-no-bg .form-group input {
  padding-left: 4.5rem;
}
.search-panel-multi-field-no-bg select {
  background: url("../images/arrow-drop.png") no-repeat center left 15px;
  background-size: 10px;
  background-color: #fff;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding-left: 3.5rem;
  margin-left: 3rem;
}
.search-panel-multi-field-no-bg ::-moz-placeholder {
  color: #0c1f31;
  opacity: 1;
}
.search-panel-multi-field-no-bg ::placeholder {
  color: #0c1f31;
  opacity: 1;
}
.search-panel-multi-field-no-bg ::-webkit-input-placeholder {
  color: #0c1f31;
  opacity: 1;
}
.search-panel-multi-field-no-bg ::-moz-input-placeholder {
  color: #0c1f31;
  opacity: 1;
}
.search-panel-multi-field-no-bg ::-ms-input-placeholder {
  color: #0c1f31;
  opacity: 1;
}

.no-match {
  display: none;
  text-align: center;
  font-size: 1.8rem;
  color: #D12727;
  font-weight: 600;
  margin-top: 1rem;
}
.no-match.filterNotMatch {
  display: block;
}

.search-btns ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 2rem;
}
.search-btns ul li {
  min-width: 175px;
}
.search-btns ul li .primary-btn {
  min-width: 100%;
}

/** Search panel css end **/
/** Information section css start **/
.info-col {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
}
.info-col address {
  font-size: 1.6rem;
  color: #51545B;
  margin-top: 2rem;
}
.info-col .time-details {
  color: #0c1f31;
  font-size: 1.6rem;
  font-weight: 400;
}
.info-col .time-details p {
  margin: 0;
}

/** Information section css end **/
/** Court info start **/
.court-info .custom-card {
  border: 0.4px solid #FFCC00;
  padding: 5rem 3rem;
}
.court-info .custom-card h3 {
  margin-bottom: 0;
}
.court-info .custom-card h4 {
  margin: 1rem 0 0 0;
}

/** Court info end **/
/** Calendar css start **/
.event-info .sk-ww-google-calendar {
  border-radius: 20px;
  padding: 0;
  background-color: transparent !important;
}
.event-info .sk_google_cal_events_container {
  margin-right: 0;
}
.event-info .sk_google_cal_container {
  position: relative;
}
.event-info .sk_google_cal_container .sk_google_cal_control_bar {
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 0;
  display: none;
}
.event-info .sk_google_cal_container .sk_google_cal_control_bar .sk_google_cal_tabs_container {
  display: none;
}
.event-info .sk_google_cal_container .sk_google_cal_control_bar .sk_google_cal_search_box_container {
  display: none;
}
.event-info .sk_google_cal_container .sk_google_cal_control_bar .sk_google_cal_date_picker_container .sk_google_cal_date_picker_month_nav_btn {
  background-color: transparent !important;
  border: none;
  font-size: 0;
  padding: 0 !important;
  min-width: auto;
  background-size: 8px !important;
  width: 8px;
}
.event-info .sk_google_cal_container .sk_google_cal_control_bar .sk_google_cal_date_picker_container .sk_google_cal_date_picker_month_nav_prev_btn {
  background: url("../images/prev-option.png") no-repeat center;
}
.event-info .sk_google_cal_container .sk_google_cal_control_bar .sk_google_cal_date_picker_container .sk_google_cal_date_picker_month_nav_next_btn {
  background: url("../images/next-option.png") no-repeat center;
  margin-left: 20px;
}
.event-info .sk_google_cal_container .sk_google_cal_control_bar .sk_google_cal_date_picker_container .flatpickr-input {
  display: none !important;
}
.event-info .sk_google_cal_container .sk_google_cal_view_label {
  font-size: 3.2rem;
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-weight: 400;
  color: #0c1f31 !important;
  margin-bottom: 3rem;
  text-indent: -190px;
  overflow: hidden;
  padding-bottom: 1rem;
  display: none;
}
.event-info .sk_google_cal_container tr td {
  border-bottom: none !important;
  height: 145px;
}
.event-info .sk_google_cal_container tr td .cal-day-number {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-size: 1.4rem !important;
  color: #0c1f31 !important;
  text-align: center;
  font-weight: 400 !important;
  text-align: center !important;
}
.event-info .sk_google_cal_container tr td .cal-day-number .sk_ww_google_calendar_today {
  background-color: #0c1f31 !important;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.event-info .sk_google_cal_container tr td .cal-day-event {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  background-color: rgba(209, 39, 39, 0.4) !important;
  padding: 10px !important;
  font-weight: 400 !important;
  color: #000 !important;
}
.event-info .sk_google_cal_container .dayNames td {
  height: auto;
  border-bottom: none !important;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-size: 1.6rem;
  color: #0c1f31 !important;
  text-align: center;
}
.event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content {
  margin: 0.5rem 1rem;
  background-color: #fff !important;
  padding: 4rem 3rem;
  box-shadow: none;
  border-radius: 2rem;
  border-left: solid 4px #0c1f31;
  height: 100%;
  min-height: 300px;
}
.event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content {
  padding: 0 !important;
}
.event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk-post-text {
  height: auto !important;
  width: auto !important;
}
.event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_event_name {
  color: #000;
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-size: 1.6rem !important;
  line-height: normal !important;
  margin-bottom: 1.5rem;
  width: auto !important;
}
.event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_event_date,
.event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_event_time {
  color: #0c1f31;
  font-size: 1.4rem;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  margin-bottom: 1.5rem;
  width: auto !important;
}
.event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_event_date .fa,
.event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_event_time .fa {
  min-width: 15px;
}
.event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_event_time .fa {
  font-size: 1.8rem;
}
.event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_google_cal_read_more_btn_alt {
  background-color: transparent !important;
  border-radius: 5px;
  padding: 0.8rem 2rem;
  font-size: 1.8rem;
  font-weight: 400;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  color: #0c1f31 !important;
  border: solid 1px #0c1f31;
  text-align: center;
  display: inline-block;
}
.event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_google_cal_read_more_btn_alt:hover {
  background-color: #0c1f31 !important;
  color: #fff !important;
}
.event-info .sk_google_cal_container .sk_google_calendar_end_button_container .sk_google_calendar_load_more_btn {
  border: solid 1px #0c1f31;
  background-color: #0c1f31 !important;
  border-radius: 5px;
  padding: 0.8rem 2rem;
  font-size: 1.8rem;
  font-weight: 400;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-top: 3rem;
  line-height: 27px;
}
.event-info .sk_google_cal_container .sk_google_calendar_end_button_container .sk_google_calendar_load_more_btn:hover {
  background-color: transparent !important;
  color: #0c1f31 !important;
}

.mfp-bg {
  background-color: #51545B !important;
}

.mfp-content {
  max-width: 60%;
  text-align: center !important;
  min-width: 60%;
}
.mfp-content .mfp-close {
  right: 15px !important;
  top: 15px !important;
  font-size: 0;
  opacity: 1;
  background: url("../images/close.png") no-repeat;
  width: 14px;
  height: 14px;
  background-size: 14px;
}
.mfp-content .sk_google_cal_white_popup {
  max-width: 100% !important;
  width: 100% !important;
  border-radius: 2rem;
  padding: 4rem !important;
  border-left: solid 4px #0c1f31;
  text-align: left;
  min-height: 800px;
}
.mfp-content .sk_google_cal_white_popup .sk_event_name {
  font-family: "jungeregular", "times_new_romanregular", Times, serif;
  font-size: 2rem !important;
  width: auto !important;
}
.mfp-content .sk_google_cal_white_popup .sk_event_date,
.mfp-content .sk_google_cal_white_popup .sk_event_time {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-size: 1.4rem !important;
  width: auto !important;
  display: flex;
  align-items: start;
}
.mfp-content .sk_google_cal_white_popup .sk_event_date strong,
.mfp-content .sk_google_cal_white_popup .sk_event_time strong {
  min-width: 90px;
}
.mfp-content .sk_google_cal_white_popup .sk_event_time {
  margin-bottom: 0;
}
.mfp-content .sk_google_cal_white_popup .sk_event_description {
  font-size: 1.4rem;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  color: #0c1f31;
  border-top: solid 1px #0c1f31;
  padding-top: 2rem;
  margin-top: 2rem;
  width: auto !important;
}

.sk_google_cal_pop_up_content_month_view .sk_event_name,
.sk_google_cal_pop_up_content_month_view .sk_event_date {
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 600;
  font-size: 2rem !important;
}
.sk_google_cal_pop_up_content_month_view .sk_event_name {
  color: #0c1f31;
  font-family: "jungeregular", "times_new_romanregular", Times, serif !important;
}
.sk_google_cal_pop_up_content_month_view .sk_event_date {
  font-size: 1.4rem !important;
  font-weight: 400;
}
.sk_google_cal_pop_up_content_month_view .sk_event_time {
  display: flex;
  align-items: center !important;
  justify-content: center;
}
.sk_google_cal_pop_up_content_month_view .sk_event_time a {
  color: #0c1f31 !important;
  font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
  font-weight: 600;
  font-size: 1.4rem !important;
}

/** Calendar css end **/
/** Bg image start from here **/
.bg-img-common-section {
  position: relative;
  z-index: 1;
  background-size: cover;
  padding: 5rem 0;
}
.bg-img-common-section:before {
  content: "";
  background-color: rgba(12, 31, 49, 0.9);
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}

/** Bg image end here **/
/** Common slider section start **/
.common-slider {
  position: relative;
}
.common-slider .slider-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.common-slider .slider-bg > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/** Common slider section end **/
/** Overlap section start **/
.overlap-sm-padding-bottom {
  padding-bottom: 15rem;
}

body .overlap-padding-bottom {
  padding-bottom: 23rem;
}
body .overlap-padding-top {
  padding-top: 23rem;
}

.overlap-sm-margin-top {
  margin-top: -10rem;
}

.overlap-md-margin-top {
  margin-top: -13rem;
}

.overlap-md {
  margin-top: -13rem;
  padding-top: 20rem;
}

/** Overlap section end **/
.list-style-inside {
  list-style-position: inside;
  text-align: center;
}

/** common section css end here **/
/** Bg css start **/
.section-bg {
  background-color: #E5E5E5;
}

/** Bg css end **/
.table-umbraco {
  width: 100%;
}
.table-umbraco td {
  border-width: 1px;
}

.vedio-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}
.vedio-container .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}/*# sourceMappingURL=style.css.map */