/*
aspect-ratio: 3 / 2;
Flexbox gap
currentColor
::marker
*/
@layer base {
  main a {
    text-decoration: underline;
  }

  main a:hover {
    text-decoration: none;
  }

  #content ul {
    margin: 0 0 1.5em;
    counter-reset: revert;
    list-style: none;
  }

  #content ul>li {
    margin-left: 1.75em;
    padding-left: 0px;
    margin-bottom: 10px;
    position: relative;
  }

  #content ul>li::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: .5em;
    left: -1em;
    background-color: var(--orange);
  }
  #content ul>li>ul>li::before {
    width: 8px;
    height: 8px;
    border-left: 2px solid var(--primary-blue);
    border-top: 2px solid var(--primary-blue);
    transform: rotate(135deg);
    top: .5em;
    border-radius: 0;
    background-color: transparent;
  }
  #content ul>li>ul>li>ul>li::before {
    height: 2px;
    border: 0;
    background-color: var(--primary-brown);
    top: .65em;
    transform: none;
  }
  #content ol li::marker{
    color: var(--primary-blue);
  }

  #content p {
    /* margin-bottom: 1.66em; */
    margin-bottom: 1em;
  }
}

#content {
  line-height: 1.556em;
  position: relative;
  padding-bottom: 8em;
  transition: padding .3s ease 0s;
}

#content h2,
#content h3,
#content h4,
#content h5 {
  line-height: 120%;
  transition: font-size .3s ease 0s, margin .3s ease 0s, padding .3s ease 0s;
}

#content h2 {
  color: var(--primary-blue);
  font-size: 2.1em;
  margin-bottom: 0.5em;
  font-weight: bold;
}

#content h3 {
  color: var(--primary-brown);
  font-size: 1.8em;
  margin-bottom: .25em;
}

#content h4 {
  color: #1462a7;
  font-size: 1.5em;
  margin-bottom: .25em;
}

#content h5 {
  color: var(--purple);
  font-size: 1em;
  margin-bottom: 1.111em;
}

#content img {
  max-width: 100%;
}

#content hr {
  line-height: 0;
  margin: 2.22em 0;
  height: 4px;
  width: 100%;
  border: none;
  border-top: 1px dotted rgba(0, 0, 0, 0.45);
}

#content ul.noBullet {
  margin-left: 0;
  list-style-type: none;
}

#content ul.noBullet li {
  padding-left: 0;
  margin-left: 0;
}

#content ul.square {
  list-style-type: square;
}

#content ul.circle {
  list-style-type: circle;
}

#content ul li ul,
#content ol li ul {
  margin: 0.5em 0 1em;
}

#content ol {
  list-style: decimal;
  counter-reset: revert;
  margin: 0 0 1.66em 1.66em;
}

#content ol.lowerAlpha {
  list-style-type: lower-alpha;
}

#content ol.upperAlpha {
  list-style-type: upper-alpha;
}

#content ol.lowerRoman {
  list-style-type: lower-roman;
}

#content ol.upperRoman {
  list-style-type: upper-roman;
}

#content ol.lowerGreek,
#content ol[type="α"] {
  list-style-type: lower-greek;
}

#content ol p {
  margin-bottom: 15px;
}

#content ol>li {
  padding-left: 4px;
  margin-bottom: 10px;
}

#content ol li ol,
#content ul li ol {
  margin: 10px 0 10px 24px;
}

#content ol>li>ol>li,
#content ol>li>ol>li>ol>li,
#content ul>li>ol>li {
  padding-left: 4px;
}

#content p + h2,
#content ul + h2{
  margin-top: 2em;
}

#content div.rwd-table-wrap {
  margin-bottom: 3.5em;
  position: relative;
  clear: both;
}

#content div.rwd-table-wrap>div {
  position: relative;
  width: 100%;
  overflow: auto;
}

#content div.rwd-table-wrap:before,
#content div.rwd-table-wrap:after {
  content: '';
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  background: linear-gradient(90deg, rgba(238, 238, 236, 0) 0%, rgba(238, 238, 236, .4) 50%, rgba(238, 238, 236, .8) 100%);
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease 0s;
}

#content div.rwd-table-wrap:before {
  left: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#content div.rwd-table-wrap.scroll-left:before,
#content div.rwd-table-wrap.scroll-right:after {
  opacity: 1;
}

#content div.rwd-table-wrap:after {
  right: 0;
}

#content div.rwd-table-wrap>div::-webkit-scrollbar {
  width: 10px;
}

#content div.rwd-table-wrap>div::-webkit-scrollbar-track {
  background-color: var(--tbl-header-light);
  border-radius: 0;
}

#content div.rwd-table-wrap>div::-webkit-scrollbar-thumb {
  background-color: var(--tbl-header-blue);
  border-radius: 0;
}

#content div.rwd-table-wrap>div>table {
  width: 100%;
  min-width: 480px;
  margin-bottom: 0;
}

#content table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 2.22em;
  padding: 0;
}

#content table thead th {
  vertical-align: top;
  font-size: 1.1em;
  font-weight: 600;
  text-align: center;
  color: var(--black);
}

#content table thead tr>th:first-child {
  padding-left: 20px;
}

#content table tbody>tr>th,
#content table tbody>tr>td {}

#content table tbody>tr>td > *:last-child,
#content table tbody>tr>td > ul > li:last-child{
  margin-bottom: 0;
}

#content table tbody th,
#content table tbody td {
  border-bottom: 1px solid var(--tbl-header-light);
}


#content table tbody tr:last-child th,
#content table tbody tr:last-child td {
  border-bottom: none;
}

#content table tbody th {
  padding: .66em 1.5em;
  font-weight: 600;
  text-align: left;
  color: var(--black);
  background-color: var(--primary-light);
  vertical-align: top;
}

#content table tbody td {
  padding: .66em 1.5em;
  vertical-align: top;
}

#content table tbody td > *:last-child{
  margin-bottom: 0;
}

#content table tbody td p + ul{
  margin-top: -1em;
}

#content table.no-style {
  border: none;
  width: auto;
}

#content table.no-style thead tr th,
#content table.no-style tbody tr td,
#content table.no-style tbody tr th {
  border: none;
  background: transparent;
  padding: 0 5px 5px 0;
  vertical-align: top;
}

#content table.no-style tr>td:first-child {
  padding-left: inherit;
}

#content table.no-style th {
  font-weight: 600;
  color: #1a72c5;
}

/*style-table*/
#content table {
  border-bottom: 1px solid var(--tbl-header-blue);
}

#content table.style-table thead th {
  color: var(--black);
  background-color: var(--tbl-header-light);
  padding: .84rem 1.5rem;
  vertical-align: top;
}
#content table.style-table thead th:first-child {
  background-color: var(--tbl-header-blue);
}

#content table.style-table tbody tr td.subhead {
  background-color: var(--secondary-light);
  color: var(--primary-dark);
}

#content table.style-table tbody tr td {
  background-color: var(--white);
}

#content table+p.remarks {
  margin-top: -15px;
}

#content .remarks {
  font-size: 0.9em;
  /* line-height: 1.222rem; */
}

#content div.rwd-table-wrap + .remarks{
  margin-top: -1.5rem;
}

#content .f-left-img {
  float: left;
  margin: 0 1.66em 1.66em 0;
}

#content .f-right-img {
  float: right;
  margin: 0 0 1.66em 1.66em;
}

#content .f-left-img,
#content .f-right-img {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  max-width: 290px;
  border-radius: 20px;
  transition: margin .3s ease 0s, border-radius .3s ease 0s;
}

#content .f-left-img img,
#content .f-right-img img {
  width: 100%;
}

/* Create a custom checkbox */
.checkBoxWrap .checkBox {
  position: relative;
  padding-right: 20px;
  display: inline-block;
  min-width: 120px;
}

.checkBoxWrap .checkBox label {
  padding-left: 30px;
  cursor: pointer;
  display: inline-block;
}

.checkBoxWrap.check-box .checkBox label.focus {
  color: #1dbe69;
}

.checkBoxWrap.check-box .checkBox {
  margin-bottom: 10px;
}

#filtersPanel .checkBoxWrap.check-box .checkBox {
  display: block;
}

.checkBoxWrap .checkBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkBoxWrap.check-radio .checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  transition: all 0.25s ease 0s;
}

.checkboxContainer.disabled_control .checkmark,
.checkBoxWrap.disabled_control .checkmark {
  opacity: 0.3;
}

.checkBoxWrap.check-box .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
}

/* On mouse-over, add a grey background color */
.checkBoxWrap:hover input~.checkmark {
  /* background-color: #ccc; */
}

.checkBoxWrap label {
  transition: color 0.25s ease 0s;
}

.checkBoxWrap label:hover {
  color: #148347;
}

/* When the checkbox is checked, add a blue background */
.checkBoxWrap input:checked~.checkmark {
  /* background-color: #2196F3; */
  border-color: #058752;
}

.checkBoxWrap input:checked~.text {
  color: #058752;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkBoxWrap:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkBoxWrap input:checked~.checkmark:after {
  opacity: 1;
}

/* Style the checkmark/indicator */
.checkBoxWrap.check-radio .checkmark:after {
  left: 3px;
  top: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #1dbe69;
  content: "";
  position: absolute;
  opacity: 0;
  transition: all 0.25s ease 0s;
}

.checkBoxWrap.check-box .checkmark:after {
  content: "";
  position: absolute;
  height: 6px;
  width: 10px;
  top: 4px;
  left: 3px;
  border-left: 2px solid #058752;
  border-bottom: 2px solid #058752;
  transform: rotate(-45deg);
  opacity: 0;
  transition: all 0.25s ease 0s;
}

/* custom-select css, The container must be positioned relative: */
.custom-select {
  position: relative;
  min-width: 100px;
}

.custom-select label {
  display: none;
}

.custom-select select {
  display: none !important;
  /*hide original SELECT element: */
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 40%;
  right: 20px;
  width: 10px;
  height: 10px;
  border-left: 2px solid var(--orange);
  border-top: 2px solid var(--orange);
  transform: rotate(225deg);
  transition: transform .3s, top .3s;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  transform: rotate(45deg);
  top: 45%;
}

/* style the items (options), including the selected item: */
.select-selected {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px 50px 10px 20px;
  position: relative;
  cursor: pointer;
  background-color: var(--white);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: padding .3s;
}

.select-selected:hover,
.select-selected:focus {}

.select-items div {
  cursor: pointer;
}

.select-items div {
  padding: 11px 20px;
  background-color: var(--white);
  transition: background-color 0.3s ease 0s;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.select-items div:first-child {
  border-top: none;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.2);
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  z-index: 199;
  max-height: 330px;
  overflow-y: auto;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover{
  background-color: var(--primary-blue);
  color: var(--white);
}

/* .select-items div:hover,
.same-as-selected {
  background-color: var(--primary-light);
  color: var(--primary-blue);
} */

/*custom select ends*/

.filter-wrap{
  display: grid;
  grid-template-columns: minmax(35.7%, 250px) minmax(35.7%, 250px) minmax(22%, 150px);
  max-width: 700px;
  gap: 25px;
  font-size: 1.3em;
  margin-bottom: 1.5em;
  margin-top: 2.5em;
  transition: font-size .3s, margin .3s, gap .3s;
}

.tab-container + .filter-wrap{
  margin-top: 0 !important;
}

.filter-wrap .select-wrap {
  display: flex;
  gap: 10px;
  align-items: center;
}

.filter-wrap .select-wrap .filter-type {
  font-weight: 700;
}

.filter-wrap .custom-select {
  min-width: 140px;
}

.filter-wrap .btn-filter {
  display: flex;
  align-items: center;
  color: var(--white) !important;
  text-decoration: none;
  overflow: hidden;
  background-color: var(--primary-blue);
  border-radius: 35px;
  justify-content: center;
  position: relative;
  border-bottom: 0;
  background-image: none;
  transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
}

.filter-wrap .btn-filter span{
  position: relative;
  z-index: 2;
  line-height: 1em;
  display: block;
}

.filter-wrap .btn-filter:before{
  background-color: var(--primary-yellow);
}

.filter-wrap .btn-filter:hover,
.filter-wrap .btn-filter.focus,
.filter-wrap .btn-filter:hover:after,
.filter-wrap .btn-filter.focus:after {  
  color: var(--black) !important;
}

#content>.btn-wrap,
#content #form-wrap .btn-wrap {
  margin: 2.22em 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  align-items: center;
  transition: gap .3s ease 0s;
}

#content>.btn-wrap.a-center {
  justify-content: center;
}

.hr {
  margin: 30px 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

#content a {
  color: var(--secondary-dark);
  text-decoration: none;
  border-bottom: 1px dotted var(--secondary-dark);
  background-image: linear-gradient(180deg, var(--primary-brown), var(--primary-brown));
  background-position: 100% calc(100% + 1px);
  background-repeat: no-repeat;
  background-size: 0 1px;
}

#content a:hover,
#content a.focus{
  color: var(--primary-brown);
  border-bottom-color: var(--primary-brown);
  background-position: 0 calc(100% + 1px);
  background-size: 100% 1px;
}

table th.date {
  min-width: 112px;
  width: 200px;
}

#content .footNotes>strong {
  margin-bottom: 6px;
  display: block;
}

#content .footNotes ul,
#content .footNotes ol,
#content .footNotes table {
  font-size: 0.833em;
  line-height: 1.222rem;
}

#content .footNotes table {
  border: none;
  width: inherit;
}

#content .footNotes table th,
#content .footNotes table td {
  border: none;
  padding: 5px;
  color: inherit;
  background: none;
}

/*pagination*/
.pagination {
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.3em;
}
.pagination.hidden{
	display: none;
}

.pagination .mobilePagin,
.pagination .page-filter-wrap-m {
  display: none;
}

.pagination .custom-select {
  min-width: 80px;
}

.pageNav {
  display: flex;
  column-gap: 16px;
  align-items: center;
  justify-content: center;
}

#page-filter.disabled {
  opacity: .3;
}

.pageNav a,
.page-filter-wrap .btn-filter {
  color: var(--black);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  position: relative;
  display: flex;
  align-self: center;
  width: 40px;
  height: 60px;
  border: 0;
  background-image: none;
}

.pageNav>span {
  width: 100%;
  height: 100%;
  display: block;
}

.pageNav a span,
.page-filter-wrap .btn-filter span.go {
  display: block;
  align-self: center;
  width: 100%;
  font-weight: 400;
  transition: font-weight .3s, font-size .3s;
}

.pageNav a.arrow span {
  background: none;
}

.page-filter-wrap .btn-filter span.go {
  background-color: #666;
  color: #fff;
  transition: background-color .3s ease 0s, color .3s ease 0s;
}

.page-filter-wrap .btn-filter:hover span,
.page-filter-wrap .btn-filter.focus span {
  color: var(--primary-blue);
}

.pageNav a:not(.arrow):hover span,
.pageNav a:not(.arrow).focus span,
.pageNav a:not(.arrow).selected span {
  font-weight: bold;
  font-size: 1.23em;
}

.pageNav .arrow {
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  transition: opacity .3s ease 0s, width .3s, left .3s, right .3s;
}

.pageNav .arrow span {
  color: #000;
}

.pageNav .arrow:not(.disabled):hover,
.pageNav .arrow:not(.disabled).focus {}

.pageNav .arrow:before,
.pageNav .arrow:before,
.pageNav .first:after,
.pageNav .last:after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  transition: border-color .3s ease 0s;
  border: 3px solid var(--primary-blue);
}

.pageNav .prev_page:before,
.pageNav .first:before,
.pageNav .first:after {
  transform: rotate(135deg);
  border-left-width: 0;
  border-top-width: 0;
  margin-left: -3px;
}

.pageNav .next_page:before,
.pageNav .last:before,
.pageNav .last:after {
  transform: rotate(45deg);
  border-left-width: 0;
  border-bottom-width: 0;
  margin-left: -6px;
}

.pageNav .first:before {
  margin-left: -10px;
}

.pageNav .last:before {
  margin-left: -5px;
}

.pageNav .first:after {
  margin-left: 0;
}

.pageNav .last:after {
  margin-left: -15px;
}

.pageNav a.prev_page.disabled,
.pageNav a.next_page.disabled,
.pageNav a.first.disabled,
.pageNav a.last.disabled {
  opacity: .3;
  cursor: default;
}

.pageNav .arrow:not(.disabled).first:hover,
.pageNav .arrow:not(.disabled).first.focus,
.pageNav .arrow:not(.disabled).prev_page:hover,
.pageNav .arrow:not(.disabled).prev_page .focus {
  left: -5px;
}

.pageNav .arrow:not(.disabled).last:hover,
.pageNav .arrow:not(.disabled).last.focus,
.pageNav .arrow:not(.disabled).next_page:hover ,
.pageNav .arrow:not(.disabled).next_page .focus {
  left: 5px;
}

.pageNav .arrow:not(.disabled):hover:before,
.pageNav .arrow:not(.disabled).focus:before,
.pageNav .arrow:not(.disabled):hover:after,
.pageNav .arrow:not(.disabled).focus:after {
  border-color: var(--primary-brown);
}

.page-filter-wrap {
  position:absolute; 
  top:0; 
  right:0;
  display: grid;
  grid-template-columns: 85px 130px;  
  align-items: center;  
  column-gap: 0.77em;
  height: 100%;
  transition: grid-template-columns .3s;
}

.page-filter-wrap label {
  font-size: 0.77em;
}

.page-filter-wrap input#pageGoInput {
  width: 100%;
  border: 2px solid #ccc;
  padding: 10px 65px 10px 10px;
  border-radius: 5px;
  height: 100%;
}

.page-filter-wrap .btn-filter {
  margin: 0;
  width: 65px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--primary-blue);
  color: var(--white);
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 0px 5px 5px 0;
  transition: background-color .3s ease 0s, width .3s ease 0s;
}

/* .page-filter-wrap .btn-filter:hover,
.page-filter-wrap .btn-filter.focus {
  background: var(--orange);
} */

.page-filter-wrap .btn-filter:before {
  content: '';
  position: absolute;
  top: 55%;
  left: 35%;
  transform: rotate(45deg) translate(-50%, -50%);
  width: 14px;
  height: 14px;
  display: block;
  z-index: 2;
  border-right: 3px solid var(--white);
  border-top: 3px solid var(--white);
}

.page-filter-wrap .btn-filter:hover:before,
.page-filter-wrap .btn-filter.focus:before {}

.page-filter-wrap-m .btn-filter {
  display: block;
  text-align: center;
  color: var(--primary-blue);
  font-weight: 700;
  text-decoration: none;
  background-color: var(--yellow);
  border-radius: 10px;
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
}

.page-filter-wrap-m .btn-filter:hover,
.page-filter-wrap-m .btn-filter.focus,
.page-filter-wrap-m .btn-filter:hover:after,
.page-filter-wrap-m .btn-filter.focus:after {
  background-color: var(--primary-blue);
  color: #fff;
}

/*page nav ends*/

.backBtnWrap {
  border-top: 1px solid #dbdbdb;
  padding: 15px 0;
  text-decoration: none;
}

#content .btn-back {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  text-decoration: none;
  color: var(--primary-blue);
  font-weight: bold;
  border-bottom: 0;
  border-radius: 0;
  background: transparent;
}

.btn-back:before{
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border: 2px solid var(--primary-blue);
  border-top-width: 0;
  border-left-width: 0;
  top: 45%;
  transform: translateY(-50%) rotate(135deg);
  -webkit-transform: translateY(-50%) rotate(135deg);
  transition: border-color 0.3s ease 0s, left 0.3s ease 0s;
  -webkit-transition: border-color 0.3s ease 0s, left 0.3s ease 0s;
}

.btn-back:before {
  left: 2px;
}

#content .btn-back:hover:before {
  left: 0;
  border-color: var(--primary-dark);
}

#content .btn-back:hover {
  color: var(--primary-dark);
}

.iconLink+span img {
  margin: 0 10px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

/*accordion*/
.accordCtrls {
  display: flex;
  column-gap: 2rem;
  justify-content: flex-end;
  margin-bottom: 1.5rem;
}

.accordCtrls>a {
  text-decoration: none;
  position: relative;
  padding: 5px 0 5px 2em;
  background: transparent;
  border-bottom: 0;
  color: var(--primary-brown);  
  transition: background-color .3s, color .3s ease 0s;
}

.accordCtrls>a:before{
  content: '';
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--primary-yellow);
  -webkit-mask: var(--svg);
  mask: var(--svg);
  transition: background-color .3s, color .3s ease 0s, width .3s, height .3s;
}
.accordCtrls>a:hover:before,
.accordCtrls>a.focus:before {
  background-color: var(--primary-brown);
  animation: scaleUp 1s ease infinite;
}

@keyframes scaleUp {
  0% {
    transform: translateY(-50%) scale(1);
  }
  50% {
    transform: translateY(-50%) scale(1.05);
  }
  100% {
    transform: translateY(-50%) scale(1);
  }
}



.accordCtrls>a.expandBtn:before {
  --svg: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22_%E5%9C%96%E5%B1%A4_1%22%20data-name%3D%22%E5%9C%96%E5%B1%A4%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-1%2C%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23f1ac3f%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%202px%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20stroke-linecap%3A%20round%3B%0A%20%20%20%20%20%20%20%20stroke-linejoin%3A%20round%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20class%3D%22cls-1%22%20x%3D%221.27%22%20y%3D%221.08%22%20width%3D%2225.45%22%20height%3D%2225.84%22%20rx%3D%222.28%22%20ry%3D%222.28%22%2F%3E%0A%20%20%3Cpolyline%20class%3D%22cls-2%22%20points%3D%227.79%2011.49%2014%205.19%2020.21%2011.49%22%2F%3E%0A%20%20%3Cpolyline%20class%3D%22cls-2%22%20points%3D%2220.56%2016.78%2014.35%2023.08%208.14%2016.78%22%2F%3E%0A%3C%2Fsvg%3E);
}

.accordCtrls>a.collapseBtn:before {
  --svg: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22_%E5%9C%96%E5%B1%A4_1%22%20data-name%3D%22%E5%9C%96%E5%B1%A4%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23f1ac3f%3B%0A%20%20%20%20%20%20%20%20stroke-linecap%3A%20round%3B%0A%20%20%20%20%20%20%20%20stroke-linejoin%3A%20round%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%202px%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20class%3D%22cls-1%22%20x%3D%222.21%22%20y%3D%2211.28%22%20width%3D%2223.59%22%20height%3D%225.45%22%20rx%3D%222.27%22%20ry%3D%222.27%22%2F%3E%0A%20%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2220.14%202%2013.93%208.3%207.72%202%22%2F%3E%0A%20%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%228.07%2026%2014.28%2019.7%2020.49%2026%22%2F%3E%0A%3C%2Fsvg%3E);
}


.accordion-wrap {
  /* margin: 0 0 2.22em; */
 /*  overflow: hidden; */
}

.accordion-item {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 30px;
  border:1px solid var(--tbl-header-light);  
  box-shadow: none;
  transition: border-radius .3s, box-shadow .3s;
}
.accordion-item + h2{
  margin-top: 1em;
}

.accordion-item + h3{
  margin-top: 1.25em;
}

.accordion-item.active,
.accordion-item:hover{
  box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
  border-color: var(--secondary-light);
}

/*.accordion-item:first-child{border-top:1px solid rgba(217,29,99,.1);}*/

.accordion-item .accordion-title {
  padding: 1.125em 3em 1.125em 1.53em;
  column-gap: 15px;
  display: flex;
  color: var(--secondary-dark);
  font-weight: bold;
  font-size: 1.3em;
  text-decoration: none;
  position: relative;
  border: none;
  text-align: left;
  border-bottom: 0 !important;
  transition: color 0.3s ease 0s, background-color 0.3s ease 0s, min-height 0.3s ease 0s, font-size 0.3s ease 0s;
}
.accordion-item.focus{
  outline: solid;
  outline-color: var(--primary-blue);
}

.accordion-item.active .accordion-title,
.accordion-item .accordion-title:hover {
  background: var(--secondary-light);
}


.accordion-item .accordion-title:not(.btnOnly):before{
  content: '';
  width: 18px;
  height: 18px;
  border-left: 3px solid var(--orange);
  border-top: 3px solid var(--orange);
  position: absolute;
  top: 50%;
  right: 1em;
  z-index: 2;
  transform: translateY(-50%) rotate(225deg);
  transition: border-color .3s, transform .3s;
}

.accordion-item.active .accordion-title:not(.btnOnly):before {
  transform: translateY(-50%) rotate(45deg);
  border-color: var(--secondary-dark);
}

/* .accordion-item .accordion-title span.num {
  
  transition: min-width .3s ease 0s;
} */

.accordion-item .accordion-content {
  background: var(--secondary-light);
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 500ms;
}

.accordion-item.active .accordion-content {
  grid-template-rows: 1fr;
  z-index: 2;
  position: relative;
  color: var(--secondary-dark); 
}

.accordion-item:not(.active) .accordion-content {
  /*display: none;*/
/*   padding: 0 2em 1.25em; */
}

.accordion-item .accordion-content .accordion-main {
  padding: 0 2em;
  overflow: hidden;
  transition: padding 300ms, margin .3s;
}
.accordion-item.active .accordion-content .accordion-main {
  padding: 0 2em 1.25em;
}


.accordionWrap.faq .accordion-content .accordion-main {
  padding: 0 20px 0 60px;
}

.accordionWrap.faq .accordion-item.active .accordion-content .accordion-main {
  padding: 20px 20px 20px 60px;
}

.accordion-item .accordion-main>*:last-child {
  margin-bottom: 0;
}

/*accordion ends*/

/*tab menu starts*/
.tab-container {
  position: relative;
  z-index: 100;
  margin-bottom: 4em;
  border-bottom: 1px solid #eee;
/*   min-height: 123px; */
  transition: margin .3s, min-height .3s;
}

.tab-container .tab-menu{
  transition: height .3s;
}

.tab-container .tab-menu .tabCtrls .tab-item.mobileSelected a {
  color: var(--primary-blue);
  font-weight: 700;
  padding: 8px 50px 8px 0;
  font-size: 1.5em;
  justify-content: flex-start;
  height: auto;
}

.tab-container .tab-menu .tabCtrls .tab-item.mobileSelected a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  border-top: 10px solid var(--primary-yellow);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 50;
  margin-top: -3px;
  transform: none;
    bottom: auto;
    left: auto;
	background-color: transparent;
  transition: transform 0.3s ease 0s;
}

.tab-container .tab-menu .tabCtrls .tab-item.mobileSelected.active a:after {
  transform: rotate(180deg);
}

.tab-container .tab-menu .tabCtrls {
  display: flex;
  column-gap: 1px;
  justify-content: center;
  margin: 0;
  position: relative;
  z-index: 100;
  list-style-type: none;
}

.tab-container .tab-menu .tabCtrls .tab-item {
  min-height: 100px;
  padding: 0;
  margin: 0;
  flex: 0 1 50%;
  position: relative;
  transition: min-height .3s;
}

.tab-container .tab-menu .tabCtrls .tab-item:not(:last-child):before{
	content: '';
	width: 1px;
	height: 3.375rem;
	position: absolute;
	background-color: #eee;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.tab-container .tab-menu .tabCtrls .tab-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  text-align: center;
  text-decoration: none;
  padding: 8px 20px;
  line-height: 1.25em;
  min-width: 100px;
  font-weight: 700;
  position: relative;
  background: transparent;
  border-bottom: 0;
  height: 100%;
  transition: background-color 0.3s ease 0s, padding 0.3s ease 0s, color 0.3s ease 0s;
}
.tab-container .tab-menu .tabCtrls .tab-item a:after{
	content: '';
	width: 0;
	height: 3px;
	background-color: var(--primary-yellow);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: width .3s;
}

.tab-container .tab-menu .tabCtrls .tab-item.selected a {
  color: var(--primary-blue);
}

.tab-container .tab-menu .tabCtrls .tab-item.selected a:after{
	width: 100%;
}

.tab-container .tab-menu .tabCtrls .tab-item:not(.mobileSelected) a:hover,
.tab-container .tab-menu .tabCtrls .tab-item:not(.mobileSelected) a.focus {
  color: var(--primary-blue);
}

.tab-container .tab-content {
  padding-bottom: 1.66em;
}

.tab-container .tab-content .tabpanel {
  display: none;
  opacity: 0;
  transition: opacity 0.25s ease 0s;
}

.tab-container .tab-content .tabpanel.shownOp {
  opacity: 1;
}

#content .tab-container .tab-content .tabpanel *:last-of-type {
  margin-bottom: 0;
}

/*tab menu ends*/

.photoslider-wrap {
  margin-bottom: 2.22em;
}

.photoslider-wrap .swiper-container {
  overflow: hidden;
  padding: 2px;
  margin: -2px;
}

.photoslider-wrap .swiper-slide {
  width: calc((99.99% - 40px)/5);
}

.photoslider-wrap .swiper-slide a {
  display: block;
  text-decoration: none;
  color: #000;
}

.photoslider-wrap .swiper-slide span {
  display: block;
  line-height: 0;
  border-radius: 20px;
  overflow: hidden;
  background-color: #e9e9e9;
  position: relative;
  aspect-ratio: 3/2;
}

.photoslider-wrap .swiper-slide .swiper-lazy-preloader {
  transition: all .3s;
}

.photoslider-wrap .swiper-slide.swiper-slide-visible .swiper-lazy-preloader,
.photoslider-wrap .swiper-slide.swiper-slide-fully-visible .swiper-lazy-preloader {
  opacity: 0;
}

.photoslider-wrap .swiper-slide span>img {
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform .3s ease 0s;
}

.photoslider-wrap .swiper-slide a:hover span>img,
.photoslider-wrap .swiper-slide a.focus span>img {
  transform: translate(-50%, -50%) scale(1.1);
}

.swiper-wrap .slider-ctrls {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  max-width: 200px;
  padding: 0 40px;
  margin: 20px auto 0;
  text-align: center;
  transition: max-width .3s ease 0s;
}

.swiper-wrap .slider-ctrls>* {
  display: inline-block;
}

.swiper-wrap .slider-ctrls .swiper-arrow {
  width: 40px;
}

.swiper-wrap .slider-ctrls .swiper-prev {
  left: 0;
}

.swiper-wrap .slider-ctrls .swiper-prev:hover {
  left: -2px;
}

.swiper-wrap .slider-ctrls .swiper-next {
  right: 0;
}

.swiper-wrap .slider-ctrls .swiper-next:hover {
  right: -2px;
}

.swiper-wrap .slider-ctrls .swiper-arrow span {
  border-color: var(--primary-blue);
}

.swiper-wrap .slider-ctrls .swiper-paging {
  color: var(--primary-blue);
}

.swiper-paging {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
}

.swiper-paging>a {
  display: inline-block;
  height: 40px;
  width: 28px;
  position: relative;
  vertical-align: top;
  text-indent: -9999px;
  opacity: 1;
}

.swiper-paging>a:before {
  content: '';
  position: absolute;
  background-color: rgba(56, 186, 169, .5);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.swiper-paging>a:not(.swiper-pagination-bullet-active):hover:before {
  background-color: rgba(56, 186, 169, 1);
}

.swiper-paging .swiper-pagination-bullet-active:before {
  background-color: rgba(56, 186, 169, 1);
}

.swiper-paging .swiper-pagination-bullet,
.swiper-paging .swiper-pagination-bullet-active {
  background: none;
}

.swiper-button-disabled {
  cursor: default;
  /*visibility:hidden;*/
  opacity: .2;
}

.swiper-wrap .slider-ctrls .btn-play:before,
.swiper-wrap .slider-ctrls .btn-play:after {
  background-color: var(--primary-blue);
}

.swiper-wrap .slider-ctrls .btn-play.stop:before {
  border-bottom: 7px solid transparent;
  border-left: 10px solid var(--primary-blue);
  border-top: 7px solid transparent;
}

#content .flexbox {
  /* display: flex;
	flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px; */
  display: grid;
  gap: 20px;
  margin-bottom: 1.66em;
}

#content .flexbox.col-2 {
  grid-template-columns: repeat(2, 1fr);
}

#content .flexbox.col-3 {
  grid-template-columns: repeat(3, 1fr);
}

#content .flexbox.imgCols .item .img {
  overflow: hidden;
  background-color: #e9e9e9;
  position: relative;
  aspect-ratio: 3/2;
}

#content .flexbox.imgCols .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#content .flexbox.imgCols .item .caption {
  padding: 15px 20px;
  text-align: center;
  line-height: 1.4rem;
}




/** container query **/

#content .card-container {
  container: card / inline-size;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

#content .card-container .card {
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  overflow: hidden;
}

#content .card-container .card .card-thumb {
  background-color: #eee;
  aspect-ratio: 100 / 60;
  display: block;
}

#content .card-container .card .card-details {
  padding: 10px 15px 20px;
}

#content .card-container .card .card-details .card-description {
  font-size: 0.889em;
  line-height: 1.333em;
  margin-top: 5px;
  color: #666666;
}

/** container query **/


/** form w container query **/

#content #form-wrap {
  container: form / inline-size;
}

#content #form-wrap .remarks {
  font-size: 0.667em;
  line-height: 1.333em;
  display: block;
  margin-top: 10px;
}

#content #form-wrap .item p {
  margin-bottom: 0;
  font-size: 0.889em;
  margin-top: 5px;
}

#content #form-wrap fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 40px;
}

#content #form-wrap fieldset legend {
  flex: 0 1 100%;
  color: #666666;
  margin-bottom: 12px;
}

#content #form-wrap fieldset .flexbox {
  flex: 0 1 100%;
}

#content #form-wrap .flexbox {
  margin-bottom: 30px;
}

#content #form-wrap .flexbox+h2 {
  margin-top: 22px;
}

#content form .btn-wrap {
  justify-content: center;
  border-top: 1px solid #dddddd;
  padding-top: 30px;
}

#content .input-wrap {
  display: block;
  position: relative;
  width: 100%;
}

#content input[type="text"] {
  padding: 10px 20px;
  border: 1px solid #ced4da;
  width: 100%;
  -webkit-transition: border-color .3s, padding .3s;
  transition: border-color .3s, padding .3s;
}

#content .input-wrap input[type="text"] {
  padding: 18px 20px;
}

#content .input-wrap input[type="text"]+label {
  position: absolute;
  top: 28%;
  left: 20px;
  color: #666666;
  font-size: 0.889em;
  -webkit-transition: top .3s, left .3s, font-size .3s, color .3s;
  transition: top .3s, left .3s, font-size .3s, color .3s;
}

#content .input-wrap input[type="text"]+label span {
  font-size: 0.75em;
}

#content .input-wrap.finish input[type="text"] {
  padding: 28px 20px 8px;
}

#content .input-wrap.focus input[type="text"] {
  border-color: #a26233;
  padding: 28px 20px 8px;
}

#content input[type="text"].focus {
  border-color: #d19c74;
}

#content .input-wrap.alert input[type="text"],
#content input[type="text"].alert {
  border-color: #ff0000;
}

#content .input-wrap.focus input[type="text"]+label,
#content .input-wrap.finish input[type="text"]+label {
  color: #a26233;
  font-size: 0.667em;
  top: 6%;
}

#content .input-wrap.focus input[type="text"]+label span,
#content .input-wrap.finish input[type="text"]+label span {
  font-size: 1em;
}

#content .input-wrap.finish input[type="text"]+label {
  color: #666666;
}

#content input+label.w-input {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-right: 0 !important;
}

#content input+label.w-input+label {
  margin-top: -2px;
  margin-left: -40px;
  transition: margin .3s;
}

#content input[type="radio"],
#content input[type="checkbox"] {
  appearance: auto;
  margin-right: 10px;
}

#content input[type="radio"]+label,
#content input[type="checkbox"]+label {
  line-height: 1.333em;
  position: relative;
  cursor: pointer;
  display: grid;
  grid-template-columns: 100%;
  -webkit-transition: padding .3s;
  transition: padding .3s;
}

#content input[type="radio"]+label:hover,
#content input[type="radio"]+label:focus,
#content input[type="checkbox"]+label:hover,
#content input[type="checkbox"]+label:focus #content input[type="radio"]:hover+label,
#content input[type="radio"]:focus+label,
#content input[type="checkbox"]:hover+label,
#content input[type="checkbox"]:focus+label {
  color: #a26233;
  text-decoration: underline;
}

#content label input[type="radio"]+label input,
#content label input[type="checkbox"]+label input {
  width: 225px;
  margin-top: 5px;
  white-space: nowrap;
  margin-left: 25px;
}

#content label>span+input {
  margin-left: -40px;
}

#content textarea {
  padding: 8px 20px;
  border: 1px solid #dddddd;
  resize: none;
  width: 100%;
  height: 100px;
  -webkit-transition: border-color .3s, padding .3s;
  transition: border-color .3s, padding .3s;
}

#content select {
  border: 1px solid rgba(18, 63, 20, 0.15);
  display: block;
  padding: 4px 15px;
  padding-right: 40px;
  border-radius: 5px;
  width: 340px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none !important;
  position: relative;
  max-width: 340px;
}

#content select:focus {
  border-color: #274e29;
}

select::-ms-expand {
  display: none;
}

#content label {
  position: relative;
  cursor: pointer;
}

#content label input[type="text"] {
  cursor: auto;
}

.captcha-container-upper {
  display: flex;
  margin-bottom: 10px;
}

.captcha__imgSlide {
  width: 293px;
  margin-right: 15px;
}

.captcha__imgSlide img {
  height: 100%;
  display: block;
}

.captcha__btnSlide {
  display: flex;
  flex-direction: column;
}

.captcha__btnSlide a {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #f7565c;
  color: #ffffff;
  background-size: 30px 30px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: -9999px;
  border-radius: 5px;
  margin-bottom: 10px;
}

.captcha__btnSlide a:last-child {
  margin-bottom: 0;
}

.captcha__btnSlide a.captcha_refreshBtn {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22icons%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2050%2050%22%20style%3D%22enable-background%3Anew%200%200%2050%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M8.5%2C30.1c0.3%2C0.3%2C0.7%2C0.3%2C1%2C0l5.9-7.2c0.3-0.3%2C0.1-0.6-0.3-0.6H12c-0.4%2C0-0.7-0.3-0.6-0.8C13%2C14.2%2C19.5%2C8.7%2C27.3%2C8.7%20c9%2C0%2C16.3%2C7.3%2C16.3%2C16.3c0%2C9-7.3%2C16.3-16.3%2C16.3c-1.1%2C0-2%2C0.9-2%2C2c0%2C1.1%2C0.9%2C2%2C2%2C2c11.1%2C0%2C20.2-9.1%2C20.2-20.2S38.4%2C4.8%2C27.3%2C4.8%20C17.3%2C4.8%2C9%2C12%2C7.4%2C21.5c-0.1%2C0.4-0.5%2C0.8-0.9%2C0.8H2.9c-0.4%2C0-0.6%2C0.3-0.3%2C0.6L8.5%2C30.1z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.captcha__btnSlide a:hover.captcha_refreshBtn,
.captcha__btnSlide a:focus.captcha_refreshBtn,
.captcha__btnSlide a.captcha_refreshBtn.focus {
  background-color: #d2324e;
}

.captcha__btnSlide a.captcha_playBtn {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22icons%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2050%2050%22%20style%3D%22enable-background%3Anew%200%200%2050%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M28.7%2C4.1c-0.5-0.2-1.1-0.2-1.6%2C0.2L12.5%2C16h-7c-1.7%2C0-3%2C1.3-3%2C3v12c0%2C1.7%2C1.3%2C3%2C3%2C3h7l14.6%2C11.7c0.3%2C0.2%2C0.6%2C0.3%2C0.9%2C0.3%20c0.2%2C0%2C0.4%2C0%2C0.7-0.1c0.5-0.3%2C0.8-0.8%2C0.8-1.4v-39C29.5%2C4.9%2C29.2%2C4.4%2C28.7%2C4.1z%20M11.5%2C31h-6V19h6V31z%20M26.5%2C41.4l-12-9.6V18.2%20l12-9.6V41.4z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M37.1%2C14.4c-0.6-0.6-1.5-0.6-2.1%2C0c-0.6%2C0.6-0.6%2C1.5%2C0%2C2.1c2.3%2C2.2%2C3.5%2C5.3%2C3.5%2C8.5c0%2C3.2-1.2%2C6.2-3.5%2C8.5%20c-0.6%2C0.6-0.6%2C1.5%2C0%2C2.1c0.3%2C0.3%2C0.7%2C0.4%2C1.1%2C0.4c0.4%2C0%2C0.8-0.1%2C1.1-0.4c2.8-2.8%2C4.4-6.6%2C4.4-10.6C41.5%2C21%2C39.9%2C17.2%2C37.1%2C14.4z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M41.3%2C10.2c-0.6-0.6-1.5-0.6-2.1%2C0c-0.6%2C0.6-0.6%2C1.5%2C0%2C2.1c3.4%2C3.4%2C5.3%2C7.9%2C5.3%2C12.7s-1.9%2C9.3-5.3%2C12.7%20c-0.6%2C0.6-0.6%2C1.5%2C0%2C2.1c0.3%2C0.3%2C0.7%2C0.4%2C1.1%2C0.4c0.4%2C0%2C0.8-0.1%2C1.1-0.4c4-3.9%2C6.2-9.2%2C6.2-14.8C47.5%2C19.4%2C45.3%2C14.1%2C41.3%2C10.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.captcha__btnSlide a:hover.captcha_playBtn,
.captcha__btnSlide a:focus.captcha_playBtn,
.captcha__btnSlide a.captcha_playBtn.focus {
  background-color: #d2324e;
}

.captcha-container-lower {
  display: grid;
  gap: 0 10px;
  grid-template-columns: max-content auto;
  align-items: center;
}

.captcha-container-lower input {
  max-width: 290px;
  font-size: 0.9em;
}

@container form (width <=750px) {
  #content .flexbox.col-2 {
    grid-template-columns: 1fr;
  }
}

/** form w container query **/

#bannerWrap{
/*   background: linear-gradient(to right, #2060c2, #8cdbef); */
  background: url(../images/sec-banner-bg.jpg) no-repeat 60% 50% / cover;
  color: var(--white);
  background-color: var(--primary-blue);
  position: relative;
  opacity: 0;
}
#bannerWrap:before{
  content: '';
  width: 40%;
  height: 100%;
  min-width: 250px;
  position: absolute;
  top: 0;
  left: 0;
  /* background: linear-gradient(to right, rgba(72, 130, 206, 1) 25%, rgba(72, 130, 206, .8) 60%, rgba(72, 130, 206, .5) 80%,rgba(72, 130, 206, 0) 100%); */
  background: linear-gradient(to right, rgba(28, 101, 215, 1) 15%, rgba(28, 101, 215, .6) 60%,rgba(28, 101, 215, 0) 100%);
  z-index: 1;
}
#bannerWrap .grid-container{
  min-height: 340px;
  z-index: 2;
  position: relative;
  transition: min-height .3s;
}
#bannerWrap .grid-content{ 
  overflow: hidden;
  display: flex;
  align-items: center;
}

#mainContent{
  opacity: 0;
  top: 30px;
}

#mainContent > .grid-container > .grid-content{
  padding-top: 2.5em;
  transition: padding .3s;
}

#content .news-tbl{
  display: block;
  margin-bottom: 3em;
  transition: margin .3s;
}
#content .news-tbl .tbl-row{
  display: grid;
  grid-template-columns: 210px auto;
  gap: 1px;
  margin-bottom: 2px;
  font-size: 1.3em;
  color: var(--secondary-dark);
  transition: font-size .3s, grid-template-columns .3s;
}
#content .news-tbl.full-width .tbl-row{
  grid-template-columns: 100%;
}
#content .news-tbl .tbl-row:nth-child(odd){
  background: var(--secondary-light);
}
#content .news-tbl .tbl-row:nth-child(even){
  background: var(--primary-light);
}
#content .news-tbl .tbl-row .tbl-col{
  padding: 1.1em 1.15em;
  transition: padding .3s;
}
#content .news-tbl .tbl-row .tbl-col.date{
  white-space: nowrap;
}
#content .news-tbl .tbl-row .tbl-col a{
/*   text-decoration: none; */
  font-weight: bold;
  /* position: relative;
  border-bottom: 1px dotted var(--primary-blue);
  background-image: linear-gradient(180deg, var(--primary-brown), var(--primary-brown));
  background-position: 100% calc(100% + 1px);
  background-repeat: no-repeat;
  background-size: 0 1px; */
  line-height: 1.5em;
  transition: font-size .3s ease 0s, color .3s ease 0s, background-color .3s ease 0s, padding .3s ease 0s, margin .3s ease 0s, width .3s ease 0s, height .3s ease 0s, background-size .3s cubic-bezier(0.65, 0, 0.35, 1);
}
/* #content .news-tbl .tbl-row .tbl-col a:hover,
#content .news-tbl .tbl-row .tbl-col a.focus{
  color: var(--primary-brown);
  border-bottom-color: var(--primary-brown);
  background-position: 0 calc(100% + 1px);
  background-size: 100% 1px;
} */
/* #content .news-tbl .tbl-row .tbl-col a:hover:before,
#content .news-tbl .tbl-row .tbl-col a.focus:before{
  opacity: 1;
} */

@keyframes moveDown {
  0% {
    transform: translateY(0) translateX(-50%);
  }
  50% {
    transform: translateY(5px) translateX(-50%);
  }
  100% {
    transform: translateY(0) translateX(-50%);
  }
}

#content .three-col-wrap{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
  margin-bottom: 4em;
  transition: margin .3s, grid-template-columns .3s, gap .3s;
}

#content .three-col-wrap.gallery,
#content .three-col-wrap.video{
  gap: 2.5em;
}

#content .three-col-wrap a{
  border-radius: 0;
  background: transparent;
  border: 0;
}

#content .three-col-wrap.gallery a,
#content .three-col-wrap.video a{
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: var(--primary-light);
}
#content .three-col-wrap.gallery a img,
#content .three-col-wrap.video a img{
  display: block;
  object-fit: contain;
  width: 100%;
  transition: transform .3s ease 0s;
}
#content .three-col-wrap.video a img{
  object-fit: cover;
}
#content .three-col-wrap.gallery a:hover img,
#content .three-col-wrap.gallery a.focus img,
#content .three-col-wrap.video a:hover img,
#content .three-col-wrap.video a.focus img{
  transform: scale(1.05);
}

#content .three-col-wrap.video a{
  aspect-ratio: 450/234;
  position: relative;
  border-radius: 10px;
  border: 10px solid var(--tbl-header-light);
}
#content .three-col-wrap.video a:before{
  content: '';
  width: 4em;
  height: 2em;
  background-color: rgba(28, 101, 215, 1);
  opacity: .85;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: opacity .3s ease 0s;
}
#content .three-col-wrap.video a:after{
  content: '';
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid var(--primary-light);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-35%, -50%);
  z-index: 3;
  transition: border .3s ease 0s;
}
#content .three-col-wrap.video a:hover:before,
#content .three-col-wrap.video a.focus:before{
  opacity: 1;
}

#content .three-col-wrap.video .caption{
  color: var(--primary-blue);
  font-weight: bold;
  padding: 10px 10px 0;
  margin-bottom: 0;
}

#content .blk-img{
  display: block;
}

#content .two-col-wrap-w-gallery{
  display: grid;
  gap: 2.5em;
  margin-bottom: 5em;
  grid-template-columns: auto 300px;
  transition: gap .3s, grid-template-columns .3s;
}

#content .two-col-wrap-w-gallery .gallery{
  position: sticky;
  top: 1.5em;
  align-self: flex-start;
}
#content .two-col-wrap-w-gallery .gallery > div a{
  display: block;
  margin-bottom: 1em;
  background-image: none;
  border: 0;
  overflow: hidden;
  background-color: var(--primary-light);
}
#content .two-col-wrap-w-gallery .gallery > div a:last-child{
  margin-bottom: 0;
}
#content .two-col-wrap-w-gallery .gallery > div a img{
  display: block;
  width: 100%;
  transition: transform .3s ease 0s;
}
#content .two-col-wrap-w-gallery .gallery > div a:hover img,
#content .two-col-wrap-w-gallery .gallery > div a.focus img{
  transform: scale(1.05);
}
#content .two-col-wrap-w-gallery .gallery:before,
#content .two-col-wrap-w-gallery .gallery:after{
  content: '';
  width: 100%;
  height: 70px;
  position: absolute;
  left: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 0) 100%);
  transition: opacity .3s ease 0s;
}
#content .two-col-wrap-w-gallery .gallery:before{
  top: 0;
}
#content .two-col-wrap-w-gallery .gallery:after{
  bottom: 0;
  transform: rotate(180deg);
}
#content .two-col-wrap-w-gallery .gallery.scroll-up:before, #content .two-col-wrap-w-gallery .gallery.scroll-down:after {
    opacity: 1;
}
#content .two-col-wrap-w-gallery .gallery div{
  max-height: calc(100vh - 1.5em*2);
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#content .two-col-wrap-w-gallery .gallery div:before,
#content .two-col-wrap-w-gallery .gallery div:after{
  content: '';
  width: 14px;
  height: 14px;
  border-left: 2px solid var(--secondary-dark);
  border-top: 2px solid var(--secondary-dark);
  position: absolute;
  z-index: 3;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  transition: opacity .3s ease 0s, transform .3s ease 0s;
}
#content .two-col-wrap-w-gallery .gallery div:before{
  top: 25px;
  transform: translateX(-50%) rotate(45deg);
}
#content .two-col-wrap-w-gallery .gallery div:after{
  bottom: 25px;
  transform: translateX(-50%) rotate(225deg);
}
#content .two-col-wrap-w-gallery .gallery.scroll-up > div:before {
  opacity: 1;
  animation: arrow-scroll-up 1s ease 0s infinite reverse forwards;
}
#content .two-col-wrap-w-gallery .gallery.scroll-down > div:after {
  opacity: 1;
  animation: arrow-scroll-down 1s ease 0s infinite normal forwards;
}

@keyframes arrow-scroll-up {
    0% {
        transform: translateX(-50%) translateY(0) rotate(45deg);
    }
    50% {
        transform: translateX(-50%) translateY(6px) rotate(45deg);
    }
    100% {
        transform: translateX(-50%) translateY(0) rotate(45deg);
    }
}

@keyframes arrow-scroll-down {
    0% {
        transform: translateX(-50%) translateY(0) rotate(225deg);
    }
    50% {
        transform: translateX(-50%) translateY(6px) rotate(225deg);
    }
    100% {
        transform: translateX(-50%) translateY(0) rotate(225deg);
    }
}

.lg-sub-html p{
  font-size: 1.25rem !important;
}


#content .searchForm{
	display: block;
	position: relative;
	margin-bottom: 1rem;
}
.searchForm .form-row{
	display: grid;
  justify-content: space-between;
	grid-template-columns: auto auto;
	align-content: center;
  transition: gap .3s, grid-template-columns .3s;
}
.searchForm .form-row .form-col:first-child{
  display: flex;
  column-gap: 1rem;
}
.searchForm input{
	max-width: 370px;
}
.searchForm .common-btn{
  padding: 12px 20px 9px;
	border: 0;
  white-space: nowrap;
	position: relative;
	overflow: hidden;
  background: var(--primary-blue);
  color: var(--white) !important;
}
.searchForm .common-btn:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	background-color: var(--secondary-dark);
	transition: top .3s;
}
.searchForm .common-btn:hover:before,
.searchForm .common-btn.focus:before{
	top: 0;
}
.searchForm .common-btn span{
	position: relative;
	z-index: 2;
}
.searchForm .custom-select{
	display: grid;
	grid-template-columns: auto auto;
	align-content: center;
  column-gap: 1rem;
}
.searchForm .custom-select label{
	align-self: center;
  display: block;
}
#result-list{
  padding: .75rem 0 1rem;
}
#result-list .resultItem{
  padding: 1rem 0;
  border-left: 5px solid #ddd;
  padding-left: 1rem;
  transition: border-color .3s ease 0s;
}
#result-list .resultItem:hover{
  border-color: var(--primary-blue);
}
#result-list .resultItem div.itemTitle{
  display: block;
  font-size: 1.3rem;
  font-weight: bold;
  transition: font-size .3s ease 0s;
}
#result-list .resultItem .itemDesc{
  margin-top: .25rem;
  line-height: 1.2rem;
  margin-bottom: 0.25rem;
  font-size: .9rem;
}
#result-list .resultItem .linkInfo{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  font-size: .9rem;
  line-height: 1.2rem;
}
#result-list .resultItem a,
#search-result-pagination a{
  border-bottom: 0;
  background: transparent;
}
#search-result-pagination{
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  flex-wrap: wrap;
  gap: 10px;
  line-height: 1em;
}
#search-result-pagination a{
  display: grid;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 50px;
  border: 1px solid var(--secondary-dark);
  padding: 10px;
}
#search-result-pagination a:hover,
#search-result-pagination a.focus,
#search-result-pagination a.active{
  border-color: var(--secondary-dark);
  background-color: var(--secondary-dark);
  color: var(--white);
}
#search-result-pagination a[aria-label="Previous"]{
  padding: 10px 20px 10px 40px;
  position: relative;
}
#search-result-pagination a[aria-label="Next"]{
  padding: 10px 40px 10px 20px;
  position: relative;
}
#search-result-pagination a[aria-label="Previous"]:before,
#search-result-pagination a[aria-label="Next"]:before{
  content: '';
  width: 12px;
  height: 12px;
  border-top: 2px solid  var(--secondary-dark);
  border-right: 2px solid  var(--secondary-dark);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: border-color .3s, width .3s, height .3s, left .3s, right .3s;
}
#search-result-pagination a[aria-label="Previous"]:before{
  left: 18px;
  transform: translateY(-50%) rotate(-135deg);
}
#search-result-pagination a[aria-label="Next"]:before{
  right: 18px;
  transform: translateY(-50%) rotate(45deg);
}
#search-result-pagination a[aria-label="Previous"]:hover:before,
#search-result-pagination a[aria-label="Previous"].focus:before,
#search-result-pagination a[aria-label="Next"]:hover:before,
#search-result-pagination a[aria-label="Next"].focus:before{
  border-color: var(--white);
}
.searchForm#adsearchResultForm .form-row{
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem 3rem;
}
.searchForm#adsearchResultForm .form-row .form-col{
  display: block;
}
.searchForm#adsearchResultForm .form-row label,
.searchForm#adsearchResultForm .form-row input{
  width: 100%;
  max-width: none;
  display: block;
}
.searchForm#adsearchResultForm .form-row label{
  margin-bottom: 5px;
}
.searchForm#adsearchResultForm h2:not(:first-child){
  margin-top: 2em;
}
.searchForm#adsearchResultForm .custom-select{
  max-width: 370px;
  grid-template-columns: 1fr;
}
.searchForm#adsearchResultForm .custom-select label{
  position: absolute;
  opacity: 0;
  top: -1px;
  left: -1px;
}
.searchForm#adsearchResultForm .custom-select:last-of-type{
  grid-template-columns: auto 80px;
}
.searchForm#adsearchResultForm .custom-select:last-of-type span{
  grid-column: 2/3;
  grid-row: 1 / 2;
  align-self: center;
}
.searchForm#adsearchResultForm .btn-wrap{
  padding-top: 0;
  justify-content: flex-start;
  margin-top: 4em;
  border-top: 0;
}
.searchForm#adsearchResultForm .btn-wrap a.common-btn{
  padding: 17px 20px 17px;
  font-size: 1em;
  font-weight: normal;
  border-radius: 0;
  color: #fff;
}