.main-header {
  z-index: 2;
  top: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .main-header {
    position: absolute !important;
  }
}


a:hover {
  text-decoration: none;
}

body {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

#s4-workspace {
  height: auto !important;
}

.l-footer {
  margin-block-start: 30px;
}

.sectionTitle {
  display: flex;
  margin-block-end: 20px;
  align-items: center;
}
.sectionTitle span {
  font-size: 1.875rem;
  color: black;
}
.sectionTitle a {
  border: 1px solid #42966A;
  color: #42966A;
  padding: 5px 15px;
  font-size: 16px;
  border-radius: 5px;
  text-align: center;
  line-height: 1.9;
  font-weight: bold;
}

.bac-a {
  background: #F2FAF4;
  padding-block: 30px;
}

.I-newsInner {
  background-image: url("../../images/Group 20853.png");
  height: 228px;
  background-repeat: no-repeat;
  width: 100%;
  border-bottom: 5px #119853 solid;
  background-position: center;
}
.I-newsInner .headerOverlay {
  width: 100%;
  height: 277px;
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 10%, rgba(0, 0, 0, 0.24) 67%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=0);
}

.I-news {
  min-height: 708px;
  background-image: url("../../images/indentity/grray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.I-news .text-news {
  color: #119853;
  font-size: 35px;
  font-weight: bold;
  padding-top: 34px;
  margin: 0px;
  font-weight: bold;
}
.I-news .txt-news {
  color: #595F60;
  font-size: 20px;
  margin: 0px;
}
.I-news .btn-outline-success.news {
  color: #119853;
  background-color: transparent;
  border-color: #119853;
  height: 48px;
  margin-top: 47px;
  border-radius: 3px;
}
.I-news .btn-outline-success.news:hover {
  background: #119853;
  color: white;
}
.I-news .card-new {
  position: relative;
  height: 477px;
  display: block;
  margin-top: 30px;
}
.I-news .card-new::before {
  background: linear-gradient(to top, #119853 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#119853", endColorstr="#00ffffff", GradientType=0);
  width: 100%;
  height: 60%;
  position: absolute;
  border-radius: 4px;
  content: "";
  bottom: 0;
  left: 0;
}
.I-news .card-new .image-news {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.I-news .card-new .card-text {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999999;
  text-align: center;
  font-size: 20px;
  padding-bottom: 44px;
  padding-inline: 24px;
}

.detailsTitle .text-news {
  font-size: 30px;
  color: #119853;
  padding-top: 82px;
  margin: 0px;
  font-weight: bold;
}
.detailsTitle span {
  padding-bottom: 14px;
  display: inline-block;
  font-size: 28px;
  color: #595F60;
  line-height: 2;
}
.detailsTitle .componentTitle {
  padding-top: 95px;
}
.detailsTitle .componentTitle li.PageHeader-item {
  display: inline-block;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  text-align: center;
  padding-top: 3px;
  /* position: relative; */
  cursor: pointer;
  background: #F0F1F2;
  transition: all 0.2s linear;
  margin-right: 0.9375rem;
}
.detailsTitle .componentTitle li.PageHeader-item svg {
  position: relative;
  transform: translateY(-50%);
  top: 47%;
}
.detailsTitle .details-preg .txt-details, .detailsTitle .details-preg .text-details {
  line-height: 1.95;
  font-size: 18px;
  color: #595F60;
}
.detailsTitle .block-news .block-text {
  font-size: 18px;
  color: #595F60;
  line-height: 1.95;
}

#PaggerDiv {
  text-align: center;
}
#PaggerDiv ul {
  display: inline-flex;
  padding-left: 0;
  margin: 60px 0;
  border-radius: 4px;
}
#PaggerDiv ul li {
  display: inline;
}
#PaggerDiv ul li .current, #PaggerDiv ul li .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  line-height: 1.25;
  color: #6D6F72;
  background-color: #fff;
  border: 2px solid #EDEDED;
  border-radius: 4px;
  margin-inline: 10px;
  cursor: pointer;
}
#PaggerDiv ul li .current:hover, #PaggerDiv ul li .page-link:hover {
  background-color: #119853;
  color: #fff;
}

.main-header {
  width: 100%;
  height: 133px;
  position: relative;
  padding-top: 25px;
}
.main-header .NCVCLogo {
  width: 100%;
}
@media (min-width: 1200px) {
  .main-header {
    background-size: 100% !important;
  }
}

.boardOfDirectors {
  background: #F2FAF4;
  text-align: center;
  margin-block-end: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  border-radius: 4px;
}
@media (min-width: 319px) and (max-width: 767px) {
  .boardOfDirectors {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors {
    padding: 15px 0;
  }
}
.boardOfDirectors .image-area-left {
  float: none;
  display: inline-block;
  padding: 0;
}
@media (max-width: 992px) {
  .boardOfDirectors .image-area-left {
    margin-bottom: 10px;
  }
}
@media (min-width: 993px) {
  .boardOfDirectors .image-area-left {
    margin-left: 15px;
    width: 240px;
  }
}
.boardOfDirectors .image-area-left img {
  border-radius: 10px;
  width: 100%;
  border: 5px solid #42966A;
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 319px) and (max-width: 767px) {
  .boardOfDirectors .image-area-left img {
    height: 176px;
  }
}
.boardOfDirectors .link-item {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 319px) and (max-width: 767px) {
  .boardOfDirectors .link-item {
    width: 100%;
  }
}
.boardOfDirectors .link-item p {
  margin-bottom: 0;
}
.boardOfDirectors .link-item a {
  font-size: 1.25rem;
  color: #42966A;
  font-weight: 700;
  min-width: 450px;
  text-align: right;
  display: block;
}
.boardOfDirectors .link-item .position {
  color: #999999;
  font-size: 18px;
}

.boardOfDirectors-all {
  text-align: center;
  float: right;
  -webkit-padding-end: 15px;
  margin-inline-end: 15px;
  height: 370px;
  overflow: hidden;
  margin-block-end: 15px;
  border: 1px solid #858585;
  border-radius: 5px;
  padding: 0;
}
@media (max-width: 767px) {
  .boardOfDirectors-all {
    width: 100%;
  }
}
@media (max-width: 999px) and (min-width: 768px) {
  .boardOfDirectors-all {
    width: 46%;
  }
}
@media (max-width: 1199px) and (min-width: 1000px) {
  .boardOfDirectors-all {
    width: 30%;
  }
}
@media (min-width: 1200px) {
  .boardOfDirectors-all {
    width: 23%;
  }
}
.boardOfDirectors-all .image-area-left {
  float: none;
  padding: 0;
}
.boardOfDirectors-all .image-area-left img {
  width: 100%;
  height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
  border-bottom: 2px solid #cee4d8;
}
.boardOfDirectors-all .link-item {
  padding: 20px 10PX;
}
.boardOfDirectors-all .link-item p {
  margin-bottom: 0;
}
.boardOfDirectors-all .link-item a {
  font-size: 1rem;
  color: #42966A;
  font-weight: 700;
}
.boardOfDirectors-all .link-item .position {
  color: #999999;
  font-size: 16px;
}

div.ms-webpart-cell-vertical-inline-table {
  display: block !important;
}

.detailsPage {
  min-height: 300px;
}
.detailsPage .captioned-image {
  float: left;
  width: 300px;
  margin-inline-start: 20px;
  margin-block-end: 20px;
  position: relative;
}
@media (min-width: 319px) and (max-width: 767px) {
  .detailsPage .captioned-image {
    float: none;
  }
}
.detailsPage .captioned-image::after {
  content: "";
  position: absolute;
  left: -10px;
  top: -10px;
  background: #42966A;
  width: 100%;
  height: 100%;
  display: none;
}
.detailsPage .captioned-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 300px;
  position: relative;
  z-index: 1;
}
.detailsPage .captioned-image .contents {
  margin: 0;
  color: #231f20;
  font-size: 18px;
  line-height: 2;
  text-align: justify;
}

.centerAssignments {
  margin: 0 10%;
}
@media (min-width: 319px) and (max-width: 767px) {
  .centerAssignments {
    margin: 0;
  }
}
.centerAssignments ul {
  counter-reset: section;
}
.centerAssignments ul li {
  padding: 1.5625rem;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  padding-right: 90px;
  padding-left: 1.5625rem;
  background-color: #F2FAF4;
  border-bottom: 14px solid #42966A;
  font-size: 1.125rem;
  color: #464749;
  position: relative;
  margin-block-end: 20px;
  border-radius: 10px;
}
.centerAssignments ul li:before {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  background: #42966A;
  text-align: center;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 3px;
  font-size: inherit;
  line-height: 50px;
  top: 17px;
  right: 15px;
}
.centerAssignments ul li:nth-child(even) {
  border-bottom-color: #f3a119;
}
.centerAssignments ul li:nth-child(even):before {
  background: #f3a119;
}

#mediaCenterPhoto,
#mediaCenterVideo {
  width: 47.5%;
  display: inline-block;
}
#mediaCenterPhoto .card-photoGallery:nth-child(1),
#mediaCenterVideo .card-photoGallery:nth-child(1) {
  margin-bottom: 15px;
}
@media (min-width: 319px) and (max-width: 767px) {
  #mediaCenterPhoto .card-photoGallery:nth-child(2),
  #mediaCenterVideo .card-photoGallery:nth-child(2) {
    margin-bottom: 30px !important;
  }
}
#mediaCenterPhoto.photoGallery-internal, #mediaCenterPhoto.mediaCenterVideo-internal,
#mediaCenterVideo.photoGallery-internal,
#mediaCenterVideo.mediaCenterVideo-internal {
  width: 100%;
}

.card-photoGallery {
  height: 190px;
  overflow: hidden;
  display: block;
  border-radius: 10px;
  position: relative;
  background: black;
}
@media (min-width: 319px) and (max-width: 767px) {
  .card-photoGallery {
    height: 150px;
  }
}
.card-photoGallery:after {
  content: "";
  background: #117356 url("../../SVG/img-icon.svg") no-repeat center center;
  position: absolute;
  left: 12px;
  bottom: 12px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.3s ease 0.1s;
}
.card-photoGallery .card-img {
  background-size: cover;
  width: 100%;
  height: 100%;
  background-position: center center;
  transition: all 0.3s ease 0.1s;
}
.card-photoGallery .card--title {
  right: -10px;
  bottom: 8px;
  opacity: 0.5;
  font-size: 25px;
  transition: all 0.3s ease 0.1s;
}
.card-photoGallery.card-photoGalleryInter {
  display: inline-block;
  vertical-align: top;
  padding: 0 9px;
  margin-bottom: 10px;
  background: transparent;
}
@media (min-width: 319px) and (max-width: 991px) {
  .card-photoGallery.card-photoGalleryInter {
    width: 49.3%;
  }
}
@media (max-width: 1199px) and (min-width: 993px) {
  .card-photoGallery.card-photoGalleryInter {
    width: 24.3%;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .card-photoGallery.card-photoGalleryInter {
    width: 19.3%;
  }
}
@media (min-width: 1400px) {
  .card-photoGallery.card-photoGalleryInter {
    width: 19.3%;
  }
}
.card-photoGallery:hover:after {
  background-color: #42966A;
}
.card-photoGallery:hover .card-img {
  opacity: 0.7;
}

#mediaCenterVideo {
  margin-left: 10px;
}
#mediaCenterVideo .card-photoGallery {
  height: 230px;
  padding: 0;
  margin: 10px;
  cursor: pointer;
}
@media (max-width: 767px) {
  #mediaCenterVideo .card-photoGallery {
    width: 100%;
  }
}
@media (max-width: 993px) and (min-width: 768px) {
  #mediaCenterVideo .card-photoGallery {
    width: 44.3%;
  }
}
#mediaCenterVideo .card-photoGallery:after {
  content: "";
  background: #117356 url("../../SVG/Paly.svg") no-repeat center center;
  left: 43%;
  bottom: auto;
  top: 90px;
}
#mediaCenterVideo .card-photoGallery:hover:after {
  background-color: #42966A;
}
#mediaCenterVideo .card-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
#mediaCenterVideo .card-content {
  position: absolute;
  z-index: 1;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4196078431);
  width: 100%;
  padding: 10px;
}
#mediaCenterVideo .card-content h3 {
  font-size: 16px;
  font-weight: 400;
  color: white;
  opacity: 1;
}

@media (min-width: 319px) and (max-width: 767px) {
  .lg-actions .lg-next, .lg-actions .lg-prev {
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: flex;
    justify-content: center;
  }
}
.lg-actions .lg-next::after, .lg-actions .lg-prev::after {
  color: white;
}
@media (min-width: 319px) and (max-width: 767px) {
  .lg-actions .lg-next::after, .lg-actions .lg-prev::after {
    font-size: 14px;
  }
}

.event-item {
  background: white;
  border-radius: 5px;
  border: 1px solid #C8C8C8;
  overflow: hidden;
}
.event-item .contents {
  padding: 15px;
}
.event-item .event-data {
  text-align: right;
}
.event-item .event-data .deat {
  display: flex;
}
.event-item .event-data .event-date {
  font-size: 0.9375rem;
  color: #42966A;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.event-item .event-data h3 {
  font-size: 1.25rem;
  font-weight: bold;
  transition: all 0.3s ease 0.1s;
}
.event-item .event-data .breif {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 1.0625rem;
  color: #999999;
  min-height: 88px;
}
.event-item .event-data .location {
  font-size: 14px;
  color: #999999;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.event-item .event-data .location .location-ico {
  display: inline-block;
  width: 18px;
  height: 20px;
  background-image: url("../../SVG/marker.svg");
  margin-inline-end: 10px;
  background-repeat: no-repeat;
}
.event-item .event-data a {
  background: #42966A;
  border-radius: 4px;
  padding: 10px 50px;
  margin-top: 10px;
  display: inline-block;
  color: white;
  font-size: 1.0625rem;
  position: relative;
  border: 2px solid #42966A;
  transition: all 0.3s ease 0.1s;
}
.event-item .event-img {
  width: 100%;
  background-color: rgba(112, 112, 112, 0.3843137255);
  position: relative;
  overflow: hidden;
}
.event-item .event-img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
  width: 100%;
  height: 268px;
}
.event-item .event-img .details-link {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -100%;
  right: 0;
  transition: 1s;
  background: rgba(66, 150, 106, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.event-item .event-img .details-link a {
  color: white;
  border: 1px solid;
  border-radius: 5px;
  padding: 8px 30px;
}
.event-item .calender-ico {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../../SVG/calendar.svg");
  margin-inline-end: 10px;
  background-repeat: no-repeat;
}
@media (min-width: 319px) and (max-width: 767px) {
  .event-item .calender-ico {
    background-size: 80%;
    width: 23px;
    height: 23px;
    margin-inline-end: 3px;
    background-position: center;
  }
}
.event-item:hover .details-link {
  bottom: 0;
  transition: 1s;
}
.event-item:hover h3 {
  color: #42966A;
}

.eventDetails-head {
  background: #F2FAF4;
  margin-block-start: 30px;
}
.eventDetails-head .img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
  width: 100%;
  height: 345px;
}
.eventDetails-head .head {
  padding: 20px 0;
}
.eventDetails-head .head .page-header .pageHeader {
  float: none !important;
  justify-content: start !important;
}
.eventDetails-head .head .page-header .pageHeader .pageHeader-item {
  margin-left: 15px;
  margin-right: 0;
  background: transparent;
  border: 1px solid #42966A;
}
.eventDetails-head .head .title {
  font-size: 1.875rem;
  font-weight: bold;
}
.eventDetails-head .head .eventDate .eventDate-date {
  font-size: 0.9375rem;
  color: black;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.eventDetails-head .head .eventDate .eventDate-date .calender-ico {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../../SVG/calendar.svg");
  margin-inline-end: 10px;
  background-repeat: no-repeat;
}
.eventDetails-head .head .eventlocation .eventDate-location {
  font-size: 0.9375rem;
  color: black;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.eventDetails-head .head .eventlocation .eventDate-location .location-ico {
  display: inline-block;
  width: 18px;
  height: 20px;
  background-image: url("../../SVG/marker.svg");
  margin-inline-end: 10px;
  background-repeat: no-repeat;
}

.info .titl-inter {
  color: black;
  font-size: 28px;
  font-weight: bold;
}
.info .titl-inter .brif {
  display: block;
  color: #999999;
  font-size: 1.25rem;
  font-weight: normal;
  padding-top: 15px;
}
.info .card-info {
  border: 1px solid #F9F6ED;
  padding: 30px 0;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 0px 5px -1px #42966A;
  margin-bottom: 23px;
}
@media (min-width: 319px) and (max-width: 767px) {
  .info .card-info {
    height: auto;
    padding-right: 90px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .info .card-info {
    height: 130px;
    padding-right: 110px;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .info .card-info {
    height: 130px;
    padding-right: 120px;
  }
}
@media (min-width: 1400px) {
  .info .card-info {
    height: 130px;
    padding-right: 120px;
  }
}
.info .card-info .icon {
  background: #F9F6ED;
  border-radius: 50%;
  position: absolute;
  top: 30px;
  right: 30px;
}
@media (min-width: 319px) and (max-width: 767px) {
  .info .card-info .icon {
    width: 40px;
    height: 40px;
    padding: 10px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .info .card-info .icon {
    width: 59px;
    height: 59px;
    padding: 18px;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .info .card-info .icon {
    width: 69px;
    height: 69px;
    padding: 18px;
  }
}
@media (min-width: 1400px) {
  .info .card-info .icon {
    width: 69px;
    height: 69px;
    padding: 18px;
  }
}
.info .card-info .icon svg {
  width: 100%;
  height: 100%;
}
.info .card-info .icon svg path {
  fill: #42966A;
}
.info .card-info .title {
  color: #464749;
  margin-bottom: 5px;
}
@media (min-width: 319px) and (max-width: 767px) {
  .info .card-info .title {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .info .card-info .title {
    font-size: 18px;
  }
}
.info .card-info .title2 {
  color: #42966A;
}
@media (min-width: 319px) and (max-width: 767px) {
  .info .card-info .title2 {
    font-size: 18px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .info .card-info .title2 {
    font-size: 20px;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .info .card-info .title2 {
    font-size: 23px;
  }
}
@media (min-width: 1400px) {
  .info .card-info .title2 {
    font-size: 24px;
  }
}
.info .card-info .icons-share {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.info .card-info .icons-share img {
  width: 25px;
  height: 25px;
}

.map .titl-inter {
  color: black;
  font-size: 1.875rem;
  font-weight: bold;
}
.map .titl-inter .brif {
  display: block;
  color: #999999;
  font-size: 1.25rem;
  font-weight: normal;
}

#footerHome {
  display: none;
}

@media print {
  #navbar,
  .custombreadcrumb,
  .local-menu,
  .pageHeader,
  .l-footer,
  .sub-footer,
  .rating-container,
  .SearchBackground,
  .change-view,
  .VisionLogo {
    display: none !important;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
    width: 0;
  }
  .change-view {
    display: none;
  }
}
.inner-rating {
  float: left;
}

.star-icons svg {
  fill: #dddddd;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.star-icons svg.star-on, .star-icons svg.star-on-hover {
  fill: #F3A119;
}

.ratestars-info {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}
@media (min-width: 319px) and (max-width: 767px) {
  .ratestars-info {
    flex-direction: column;
  }
}

.rate-info.votes-count p {
  color: #42966A;
  font-weight: bold;
  font-size: 14px;
}

.article-rate {
  position: relative;
  margin-bottom: 40px;
}

.rating-thanks,
.rated-before {
  position: absolute;
  font-size: 16px;
  border-radius: 4px;
  font-weight: bold;
  color: white;
  padding: 9px;
  display: flex;
  justify-content: center;
  width: 90%;
}

.rating-thanks {
  background-color: #42966A;
}

.rated-before {
  background-color: #f3a119;
}

.my-rating .jq-star-svg {
  width: 30px !important;
  height: 30px !important;
}

#AsynchronousViewDefault_CalendarView table.ms-acal-month > tbody > tr:nth-child(1) th {
  background-color: #e1e1e1;
  height: 60px;
  text-align: center;
}
#AsynchronousViewDefault_CalendarView table.ms-acal-month > tbody > tr:nth-child(1) th:nth-child(1) {
  background-color: transparent;
}
#AsynchronousViewDefault_CalendarView table.ms-acal-month > tbody > tr:nth-child(1) th nobr {
  padding-top: 15px;
  display: block;
  color: #117356 !important;
  font-weight: bold;
  font-size: 15px;
}
#AsynchronousViewDefault_CalendarView tr td div.ms-acal-today {
  color: white;
  border-top: 1px solid #f3a119;
}
#AsynchronousViewDefault_CalendarView tr td div.ms-acal-today nobr {
  background: #f3a119;
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
}
#AsynchronousViewDefault_CalendarView .ms-acal-summary-dayrow > th {
  cursor: pointer;
  border-bottom: transparent;
  border-top: transparent;
  visibility: hidden;
}
#AsynchronousViewDefault_CalendarView .ms-acal-display {
  color: #f3a119;
  font-size: 14px;
  padding: 5px;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  display: inline-block;
  font-weight: bold;
  font-size: 25px;
}
#AsynchronousViewDefault_CalendarView a#WPQ1_nav_prev_a {
  background: #f3a119;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: white;
  display: flex;
  font-family: "fcicons" !important;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  text-decoration: none !important;
}
#AsynchronousViewDefault_CalendarView a#WPQ1_nav_prev_a img {
  display: none;
}
#AsynchronousViewDefault_CalendarView a#WPQ1_nav_prev_a:after {
  content: "\e901";
}
#AsynchronousViewDefault_CalendarView a#WPQ1_nav_next_a {
  background: #f3a119;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: white;
  display: flex;
  font-family: "fcicons" !important;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  text-decoration: none !important;
  margin-inline-start: 25px;
}
#AsynchronousViewDefault_CalendarView a#WPQ1_nav_next_a img {
  display: none;
}
#AsynchronousViewDefault_CalendarView a#WPQ1_nav_next_a:after {
  content: "\e900";
}
#AsynchronousViewDefault_CalendarView tr.ms-acal-summary-dayrow > td {
  pointer-events: none;
}

div#calendar {
  display: none;
}

.ms-acal-item {
  background-color: #117356 !important;
  border: solid 1px #117356 !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  height: auto !important;
}

.ms-acal-time {
  display: none;
}

.componentTitle {
  position: relative;
  padding-bottom: 1.25rem;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .componentTitle.paddLeft260 {
    padding-left: 280px;
  }
}
@media (min-width: 319px) and (max-width: 767px) {
  .componentTitle {
    margin-bottom: 20px;
  }
}
.componentTitle span {
  position: relative;
  color: red;
  font-weight: 600;
}
@media (min-width: 319px) and (max-width: 767px) {
  .componentTitle span {
    font-size: 22px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .componentTitle span {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .componentTitle span {
    font-size: 30px;
  }
}
.componentTitle .btn-title {
  float: right;
  position: relative;
  z-index: 1;
  background: #fff;
  font-size: 16px;
  padding: 5px 0;
  border-radius: 20px;
  border: 2px solid #42966A;
  color: #42966A;
  height: 36px;
  font-weight: 200;
  transition: all 0.1s ease 0.1s;
}
.componentTitle .btn-title:hover {
  color: #fff;
  background: #42966A;
  text-decoration: none !important;
}

.page-header__title {
  font-size: 1.875rem;
  font-weight: 600;
  color: #F3A119;
}
@media (min-width: 319px) and (max-width: 767px) {
  .page-header__title {
    font-size: 20px !important;
  }
}
.pageHeader .pageHeader-item {
  display: inline-block;
  height: 50px;
  width: 50px !important;
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  background: #F0F1F2;
  transition: all 0.2s linear;
  margin-right: 0.9375rem;
}
.pageHeader .pageHeader-item:hover {
  background: #faf8f5;
}
.pageHeader .pageHeader-item:hover svg {
  fill: #F9F6ED;
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-item {
    height: 40px;
    width: 40px !important;
    float: right;
  }
}
@media (min-width: 319px) and (max-width: 767px) {
  .pageHeader .pageHeader-item {
    float: none;
  }
}
.pageHeader .pageHeader-item:before {
  content: "";
  display: inline-block;
  height: 48px;
  width: 48px;
  top: 50%;
  transition: border-color 0.2s linear;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  position: absolute;
}
.pageHeader .pageHeader-item:before:hover {
  border-color: #42966A;
}
.pageHeader .pageHeader-item > img,
.pageHeader .pageHeader-item svg {
  display: inline-block;
  font-size: 23px;
  position: relative;
  fill: #117356;
  transform: translateY(-50%);
  top: 47%;
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-item > img,
  .pageHeader .pageHeader-item svg {
    font-size: 16px;
    top: 40%;
  }
}
.pageHeader .pageHeader-item.pageHeader-listen img {
  height: 23px;
  top: 43%;
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-item.pageHeader-listen img {
    height: 20px;
    top: 40%;
  }
}
.pageHeader .pageHeader-item.pageHeader-share img {
  height: 22px;
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-item.pageHeader-share img {
    height: 20px;
  }
}
.pageHeader .pageHeader-item.pageHeader-fontSize img {
  top: 46%;
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-item.pageHeader-fontSize img {
    height: 35px;
    top: 50%;
  }
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-item.pageHeader-fontSize .pageHeader-DropDown li img {
    height: 20px;
    width: 20px;
    top: 45%;
  }
}
.pageHeader .pageHeader-item.pageHeader-print img {
  height: 23px;
  top: 43%;
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-item.pageHeader-print img {
    height: 20px;
  }
}
.pageHeader .pageHeader-item.pageHeader-sendToFriend img {
  top: 37%;
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-item.pageHeader-sendToFriend img {
    height: 15px;
    top: 41%;
  }
}
.pageHeader .pageHeader-item.pageHeader-sendToFriend a {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.pageHeader .pageHeader-item .pageHeader-DropDown {
  position: absolute;
  top: calc(100% + 10px);
  min-width: 200px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  padding-top: 10px;
  transition: all 0.1s linear;
  padding: 0px;
  background: #F0F1F2;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.22);
  border-radius: 10px;
  height: 0px;
  visibility: hidden;
  opacity: 0;
  z-index: 3;
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-item .pageHeader-DropDown {
    min-width: 130px;
  }
}
.pageHeader .pageHeader-item .pageHeader-DropDown li {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  border: dashed 1px transparent;
  position: relative;
  cursor: pointer;
  background: #F9F6ED;
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-item .pageHeader-DropDown li {
    height: 30px;
    width: 30px;
  }
}
.pageHeader .pageHeader-item .pageHeader-DropDown li img,
.pageHeader .pageHeader-item .pageHeader-DropDown li svg {
  display: inline-block;
  height: 35px;
  width: 24px;
  position: relative;
  transform: translateY(-50%);
  fill: #117356;
  top: 50%;
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-item .pageHeader-DropDown li img,
  .pageHeader .pageHeader-item .pageHeader-DropDown li svg {
    height: 15px;
    width: 15px;
    top: 35%;
  }
}
.pageHeader .pageHeader-item .pageHeader-DropDown li.twitter .twitter-share-button {
  position: absolute !important;
  background: transparent;
  width: 100% !important;
  z-index: 1;
  height: 100% !important;
  left: 0;
  opacity: 1;
}
.pageHeader .pageHeader-item .pageHeader-DropDown li.twitter .btn {
  background: transparent !important;
  width: 36px !important;
  height: 35px !important;
  border-radius: 50% !important;
  font-size: 0 !important;
}
.pageHeader .pageHeader-item .pageHeader-DropDown li.twitter .btn i {
  display: none;
}
.pageHeader .pageHeader-item .pageHeader-DropDown li .socialShare-facebook {
  width: 35px;
  height: 35px;
  background-color: transparent;
  display: inline-block;
}
.pageHeader .pageHeader-item .pageHeader-DropDown li .twitterBtn {
  background-color: transparent;
  width: 30px !important;
  height: 35px;
  float: none;
  margin-right: 0px;
  display: inline-block;
}
.pageHeader .pageHeader-item .pageHeader-DropDown li .twitterBtn img,
.pageHeader .pageHeader-item .pageHeader-DropDown li .twitterBtn svg {
  left: 1px;
  top: 14px !important;
  width: 17px !important;
}
.pageHeader .pageHeader-item .pageHeader-DropDown li .twitterBtn:focus, .pageHeader .pageHeader-item .pageHeader-DropDown li .twitterBtn:hover {
  color: #fff;
}
.pageHeader .pageHeader-item .pageHeader-DropDown li:hover {
  background: #bfddd2;
}
.pageHeader .pageHeader-item .pageHeader-DropDown li:hover svg {
  fill: #F9F6ED;
}
.pageHeader .pageHeader-item .pageHeader-DropDown > div {
  display: inline-block;
}
.pageHeader .pageHeader-item .pageHeader-DropDown:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  top: -20px;
  bottom: auto;
  border: 10px solid;
  z-index: 2;
  border-color: transparent transparent rgb(255, 255, 255) transparent;
  transition: all 0.3s ease 0.1s;
}
.pageHeader .pageHeader-item .share-option li {
  height: auto;
  width: auto;
  border-radius: 0;
  background: transparent;
  border: none;
}
.pageHeader .pageHeader-item .share-option li:before {
  display: none;
}
.pageHeader .pageHeader-item a.contac-us > svg {
  fill: #fff;
  position: relative;
  transform: translateY(-50%);
  top: 47%;
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-item a.contac-us > svg {
    height: 16px;
    width: 16px;
  }
}

.pageHeader .pageHeader-listen .rsbtn {
  z-index: 2 !important;
  margin-bottom: 0 !important;
}
.pageHeader .pageHeader-listen .rsbtn.rsexpanded.rsplaying .rsbtn_play {
  display: none;
}
.pageHeader .pageHeader-listen .rsbtn .rsbtn_exp {
  margin-top: 3px;
}

.rspopup .rsbtn_text span {
  display: inline-block;
}

.subsiteBanner .pageHeader-item {
  background: transparent;
  border: 1px solid white;
}
.subsiteBanner .pageHeader-item:hover {
  background: rgba(255, 255, 255, 0.18);
}
.subsiteBanner .pageHeader-item:hover:before {
  border: 1px dashed #fff;
  animation: spinAround 5s linear infinite;
  position: absolute;
  top: -3px;
  right: -3px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
}
@media (min-width: 319px) and (max-width: 991px) {
  .subsiteBanner .pageHeader-item:hover:before {
    height: 37px;
    width: 37px;
    top: -2px;
    right: -2px;
  }
}
.subsiteBanner.subsiteBanner-hiddenImg .pageHeader-item {
  background: #b5b5b5;
  border: 0px solid white;
}
.subsiteBanner.subsiteBanner-hiddenImg .pageHeader-item:hover {
  background: #42966A;
}
.subsiteBanner.subsiteBanner-hiddenImg .pageHeader-item:hover:before {
  border: 1px dashed #42966A;
}

.socialBar {
  margin-bottom: 30px;
}

.openSound {
  visibility: visible !important;
  opacity: 1 !important;
  height: 60px !important;
  padding: 14px 10px 10px 10px !important;
}
@media (min-width: 319px) and (max-width: 991px) {
  .openSound {
    height: 42px !important;
    padding: 7px 10px 10px 10px !important;
  }
}

.modal .modal-dialog {
  top: 10vh;
}
.modal .modal-header {
  border-bottom: none;
}
.modal .modal-header .close {
  color: #fff;
  font-size: 38px;
  padding: 16px;
  min-width: 45px;
  border: none;
  margin: 0;
  border-radius: 0;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  background: #42966A;
  height: 45px;
  right: -1px;
  top: -1px;
  z-index: 2;
  line-height: 5px;
  opacity: 1;
}
.modal .modal-header .close span {
  display: inline-block;
  height: 20px;
}
.modal .modal-btn {
  background: #42966A !important;
  color: #fff !important;
  font-size: 16px !important;
  padding: 8px 35px !important;
  margin: 0 !important;
  border-radius: 50px;
}
.modal .modal.footer {
  margin-top: 10px;
}

.modal-backdrop.in {
  opacity: 0.7;
}

.pageHeader .pageHeader-listen.is-playing:before {
  border: 1px dashed #fff;
  animation: spinAround 5s linear infinite;
  position: absolute;
  top: -4px;
  right: -4px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
}
@media (min-width: 319px) and (max-width: 991px) {
  .pageHeader .pageHeader-listen.is-playing:before {
    right: -3px;
    width: 36px;
    height: 36px;
  }
}
.pageHeader .pageHeader-listen.is-playing:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  opacity: 1;
  background: #cca629;
  border-radius: 110%;
  animation: garur 15s infinite ease 10s;
  transform: translate(-50%, -50%) scale(0);
}

.pageHeader .pageHeader-listen.is-playing:before,
.pageHeader .pageHeader-listen.is-playing:hover:before {
  background: #cca629;
  border-width: 2px;
}

.redValidation,
.validationMSG {
  display: inline;
  color: red !important;
  font-size: 13px;
}

.form-control::-webkit-input-placeholder {
  color: #2a2a2a;
}

.form-control::-moz-placeholder {
  color: #2a2a2a;
}

.form-control:-ms-input-placeholder {
  color: #2a2a2a;
}

.form-control:-moz-placeholder {
  color: #2a2a2a;
}

.captcha-btn {
  min-height: 50px !important;
  min-width: 50px !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  border: none !important;
  font-size: 36px !important;
  color: #fff !important;
  background: #317d6f !important;
  cursor: pointer !important;
  margin-top: 15px !important;
}

.captcha-img {
  width: 100%;
  margin-bottom: 20px;
}

.alert {
  position: relative;
  display: block;
  padding: 30px 0;
  padding-right: 70px;
  overflow: hidden;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 5px;
  font-size: 21px;
  font-weight: 200;
  width: 100%;
}
.alert:before {
  content: "";
  height: 40px;
  width: 40px;
  top: 25px;
  right: 20px;
  position: absolute;
  background-repeat: no-repeat !important;
  background-position: center center;
  background-color: transparent;
}
.alert.alert-warning {
  color: #E8A35E;
  background-color: #F6E8CE;
  border-color: #F4F1E6;
}
.alert.alert-warning:before {
  background-image: url(../../images/alert/warning.svg);
}
.alert.alert-danger {
  color: #FF0000;
  background-color: #F6EAE6;
  border-color: #F7DCD7;
}
.alert.alert-danger:before {
  background-image: url(../../images/alert/danger.svg);
}
.alert.alert-success {
  color: #00A894;
  background-color: #E0F5F2;
  border-color: #8FD9D0;
}
.alert.alert-success:before {
  background-image: url(../../images/alert/Success.svg);
}

.socialShare-facebook {
  width: 26px;
  height: 26px;
  background-color: #25816d;
  display: inline-block;
  border-radius: 3px;
}

.socialShare-facebook iframe {
  opacity: 0;
  position: relative !important;
  left: 0;
  width: 27px !important;
  z-index: 2;
}

.facebookdiv {
  position: relative;
  display: inline-block;
}

.facebookdiv img {
  position: absolute !important;
  width: 20px !important;
  left: 8px;
  z-index: 2;
  margin: 0 auto;
  top: 3px;
}

.twitterBtn {
  background-color: #25816d;
  color: #fff;
  position: relative;
  padding: 0;
  cursor: pointer;
  border-radius: 3px;
  font-weight: 600;
  display: block;
  line-height: normal;
  width: 26px !important;
  height: 26px;
  float: right;
  margin-right: 5px;
}



header {
  background: #119853;
  padding: 10px 0;
  border-top: 5px solid #119853;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
header .f-box {
  display: flex;
  align-items: center;
}
header .logo {
  margin-left: auto;
  width: 330px;
  position: relative;
  height: 73px;
  overflow: hidden;
}
header .logo img {
  width: 100%;
  height: 145px;
  position: absolute;
  top: -43px;
  right: 0;
}
header nav {
  display: none;
}
header nav ul {
  display: flex;
  margin: 0;
  padding: 0;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
header nav ul li {
  list-style: none;
}
header nav ul li a {
  color: white;
  font-size: 18px;
  text-decoration: none;
}
header .beta {
  background: #f4b953;
  padding: 10px 30px;
  border-radius: 10px;
  font-weight: bold;
  font-size: 14px;
  color: black;
}


.twitterBtn img {
  position: relative;
  right: -4px;
  top: 0px;
  width: 17px !important;
}

.twitterBtn:hover,
.twitterBtn:focus {
  color: #fff;
}

@media (max-width: 768px) {
  #pageWithMenuHeader .page-header {
    display: block !important;
  }
}

ul.pageHeader {
  float: left;
}
@media (min-width: 319px) and (max-width: 767px) {
  ul.pageHeader {
    float: none;
  }
}

div#PlaceHolderlocalMenu {
  padding-top: 1.25rem;
}
@media (min-width: small) {
  div#PlaceHolderlocalMenu {
    border-right: 1px solid #f7f7f7;
    padding-right: 2.25rem;
    margin-right: 1.875rem;
  }
}

.black_overlay {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.white_content {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 42%;
  min-height: 350px;
  padding: 16px;
  background-color: #fff;
  border: 3px solid #25816d;
  z-index: 1002;
  overflow: auto;
  transform: translateX(-50%) translateY(-50%);
}

a.Close {
  background: #ffdc66;
  color: #317d6f;
  font-size: 35px;
  padding: 5px;
  min-width: 50px;
  border: none;
  margin: 0;
  height: 50px;
  line-height: 40px;
  cursor: pointer;
  border-radius: 50%;
  display: block;
  width: 50px;
  text-align: center;
}

.white_content iframe {
  width: 100%;
  min-height: 390px;
  overflow: hidden;
  margin-top: 20px;
}

#content-items {
  direction: ltr;
  height: 60px;
  overflow: hidden;
}

.marquee a {
  color: #647378;
  font-size: 20px;
  display: inline-block;
  padding: 15px 0;
  position: relative;
  margin-left: 40px;
}
.marquee a:visited {
  color: #647378 !important;
}
.marquee a:before {
  content: "";
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  background: #00A159;
  border: 1px solid #29504d;
  border-radius: 50%;
  top: auto;
  bottom: 40%;
  right: -28px;
  left: auto;
}

.navbar {
  top: 0;
  padding: 8px 0;
}

#sideNavBox {
  display: none;
}

.articlepage-layout .article-img-menu img {
  width: 100%;
}

.speech .img {
  position: relative;
  display: inline-block;
  width: 250px;
  margin-left: 20px;
  vertical-align: top;
}
.speech .img:after {
  content: "";
  position: absolute;
  right: -10px;
  top: -10px;
  background: #42966A;
  width: 100%;
  height: 100%;
}
.speech .img img {
  position: relative;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  height: 275px;
  width: 250px;
}
.speech .article-content {
  display: inline-block;
  font-size: 18px;
}
@media (min-width: 768px) {
  .speech .article-content {
    width: 70%;
  }
}
.speech .article-content .title {
  background: #F2FAF4;
  padding: 10px 20px;
  color: #42966A;
  font-weight: bold;
  margin-block-end: 10px;
}

.article-content ul {
  counter-reset: section;
  margin: 0;
  padding: 0;
}
.article-content ul li {
  position: relative;
  padding-right: 30px;
  padding-bottom: 4px;
  list-style: none;
}
.article-content ul li:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 5px;
  width: 13px;
  height: 13px;
  background: #f3a119;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  line-height: 25px;
}
.article-content ol {
  counter-reset: section;
  margin: 0;
  padding: 0;
}
.article-content ol li {
  position: relative;
  padding-right: 35px;
  padding-bottom: 8px;
  list-style: none;
}
.article-content ol li:before {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  background: #f3a119;
  text-align: center;
  border-radius: 50%;
  color: black;
  font-size: 13px;
  font-weight: 700;
  line-height: 25px;
}

.achievements-columns {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  orphans: 1;
  widows: 1;
}
@media (max-width: 767px) {
  .achievements-columns {
    -moz-column-count: 1;
         column-count: 1;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .achievements-columns {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .achievements-columns {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media (min-width: 1400px) {
  .achievements-columns {
    -moz-column-count: 3;
         column-count: 3;
  }
}
.achievements-columns .card-achievements {
  background: #f1f1f1;
  padding: 20px;
  text-align: center;
  margin-block: 20px;
  border-radius: 5px;
  display: inline-block;
  width: 100%;
}
.achievements-columns .card-achievements .title {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-block-start: 15px;
}
.achievements-columns .card-achievements .list-num {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.achievements-columns .card-achievements .list-num .num {
  display: flex;
  flex-direction: column;
  background: #F3A119;
  border-radius: 5px;
  padding: 10px;
}
.achievements-columns .card-achievements .list-num .num .num1 {
  border-bottom: 1px solid;
}
.achievements-columns .card-achievements .list-num .num .num2 {
  font-size: 25px;
  font-weight: bold;
}

.achievements-info {
  padding: 20px;
  margin-block: 15px;
  border-radius: 5px;
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #019FC0);
}
.achievements-info h1 {
  font-size: 20px;
  color: white !important;
}

.summaryLinks {
  float: right;
  width: 50%;
  margin-bottom: 25px;
}
@media (min-width: 319px) and (max-width: 767px) {
  .summaryLinks {
    width: 100%;
  }
}
.summaryLinks .inner-content {
  position: relative;
  background-color: white;
  margin: 0 20px;
  border-radius: 4px;
  border: 1px solid #dbd9d9;
  height: 111px;
  overflow: hidden;
  font-size: 1.25rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: #464749;
  transition: all 0.3s ease 0.1s;
}
.summaryLinks .inner-content:after {
  content: "";
  background: #cee4d8;
  background-image: linear-gradient(to left, rgba(255, 0, 0, 0), #019FC0);
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.1s;
}
.summaryLinks .inner-content .img-container {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid #ddd;
  padding-inline-start: 15px;
  margin-inline-end: 20px;
  transition: all 0.3s ease 0.1s;
}
.summaryLinks .inner-content img {
  margin-inline-end: 25px;
  width: 75px;
}
.summaryLinks .inner-content .title {
  position: relative;
  z-index: 1;
  padding-inline-end: 10px;
}
.summaryLinks:hover {
  text-decoration: none;
}
.summaryLinks:hover .inner-content:after {
  width: 100%;
}
.summaryLinks:hover .inner-content .img-container {
  border-color: white;
}

.card-importantLinks {
  display: flex;
  background: white;
  width: 100%;
  border: 1px solid #dbd9d9;
  border-right: 5px solid #42966A;
  border-radius: 5px;
  height: 73px;
  padding: 0px 20px 0;
  margin-bottom: 20px;
  position: relative;
  line-height: 1.2;
  align-items: center;
  overflow: hidden;
}
.card-importantLinks span {
  position: relative;
  z-index: 1;
  font-size: 1.1875rem;
  font-weight: 400;
  color: black;
  transition: all 0.3s ease 0.1s;
}
.card-importantLinks:after {
  content: "";
  background-image: linear-gradient(to left, rgba(255, 0, 0, 0), #019FC0);
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.1s;
}
.card-importantLinks:hover:after {
  width: 100%;
}
.card-importantLinks:hover span {
  color: black;
}

a.PressFileSummaryLinks {
  float: right;
  width: auto;
  overflow: hidden;
  display: block;
  border: 1px solid #c8c8c8;
  width: auto;
  height: 77px;
  text-align: center;
  border-radius: 5px;
  margin-inline-end: 15px;
  margin-block-end: 10px;
  padding: 10px;
}
a.PressFileSummaryLinks img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  transition: 1s;
}
a.PressFileSummaryLinks:hover img {
  transform: scale(0.8);
}

.toc-layout-main > .level-section li {
  clear: none;
  float: left;
  margin: 0;
  width: 100% !important;
}

.toc-layout-main > .level-section li a,
.toc-layout-main > .level-section li a:link,
.toc-layout-main > .level-section li a:visited {
  font-size: 14px;
}

.toc-layout-main a:hover {
  color: #cdb464;
}

.toc-layout-main .dfwp-list > .level-section .level-header {
  border-bottom: 0px solid #f4eee2;
  padding: 10px 20px;
  background: #F2FAF4;
  margin-bottom: 5px;
  border-radius: 10px;
  transition: all 0.3s ease 0.1s;
}
.toc-layout-main .dfwp-list > .level-section .level-header a {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #464749 !important;
  display: block;
  transition: all 0.3s ease 0.1s;
}
.toc-layout-main .dfwp-list > .level-section .level-header:hover {
  background: #42966A;
}
.toc-layout-main .dfwp-list > .level-section .level-header:hover a {
  color: white !important;
}

.toc-layout-main .dfwp-list > .level-section .level-section ul.dfwp-list li.level-section .level-header {
  padding: 10px 35px;
  background: #f5f5f5;
  margin-bottom: 5px;
  border-radius: 10px;
}
.toc-layout-main .dfwp-list > .level-section .level-section ul.dfwp-list li.level-section .level-header a {
  font-size: 0.875rem;
  font-weight: normal;
  color: #7d7d7d !important;
}

.toc-layout-main .dfwp-list {
  padding: 0;
}
.toc-layout-main > .dfwp-list {
  display: flex;
  flex-wrap: wrap;
}
.toc-layout-main > .dfwp-list > .level-section {
  margin-left: 10px;
  margin-bottom: 35px;
}
@media (min-width: 319px) and (max-width: 767px) {
  .toc-layout-main > .dfwp-list > .level-section {
    flex: 100%;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .toc-layout-main > .dfwp-list > .level-section {
    flex: 48%;
    max-width: 48%;
  }
}
@media (min-width: 992px) {
  .toc-layout-main > .dfwp-list > .level-section {
    flex: 24%;
    max-width: 24%;
  }
}
.toc-layout-main > .dfwp-list > .level-section > .level-header {
  padding: 16px 12px;
  position: relative;
  background: #42966A;
  border-right: 5px solid #117356;
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
  border-radius: 5px;
  padding: 20px !important;
}
.toc-layout-main > .dfwp-list > .level-section > .level-header:after {
  content: "";
  background: rgba(253, 253, 253, 0.3);
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.1s;
}
.toc-layout-main > .dfwp-list > .level-section > .level-header a {
  color: white !important;
  font-size: 1.25rem;
  display: block;
  position: relative;
  font-weight: bold;
  z-index: 1;
  transition: all 0.3s ease 0.1s;
}
.toc-layout-main > .dfwp-list > .level-section > .level-header:hover:after {
  width: 100%;
}
.toc-layout-main > .dfwp-list > .level-section > .level-header:hover a {
  color: white;
}
.toc-layout-main > .dfwp-list > .level-section > ul.dfwp-list {
  padding: 0 15px;
}

.page404 {
  width: 500px;
  margin: 0 auto;
  padding: 70px 0 0;
  text-align: center;
}
@media (min-width: 319px) and (max-width: 767px) {
  .page404 {
    width: 100%;
  }
}
.page404 img {
  text-align: center;
  width: 100%;
}
.page404 h1 {
  color: #42966A;
  font-weight: 600;
}
@media (min-width: 319px) and (max-width: 767px) {
  .page404 h1 {
    font-size: 18px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .page404 h1 {
    font-size: 35px;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .page404 h1 {
    font-size: 50px;
  }
}
@media (min-width: 1400px) {
  .page404 h1 {
    font-size: 60px;
  }
}
.page404 h2 {
  color: #999999;
  font-weight: #999999;
  font-size: 1.1875rem;
}
.page404 a {
  background: #42966A;
  color: white;
  padding: 5px 35px 10px;
  display: inline-block;
  border-radius: 5px;
  font-size: 16px;
  margin-top: 10px;
  border-bottom: 5px solid #42966A;
  transition: all 0.3s ease 0.1s;
}
.page404 a:hover {
  border-color: #42966A;
  background-color: transparent;
  color: #42966A;
  text-decoration: none;
}

.Grid {
  margin-bottom: 0;
  margin-bottom: 0;
  border-spacing: 0;
  border-collapse: collapse;
  border: 0px solid #d0c4a6;
  margin-bottom: 0px;
  width: 100%;
}
.Grid th {
  background: #42966A;
  color: white;
  font-weight: normal;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1607843137) !important;
  font-size: 17px;
  vertical-align: middle;
  padding: 18px 5px;
  font-weight: bold;
}
.Grid th:first-child {
  padding-left: 20px;
}
.Grid tr:nth-of-type(odd) {
  background-color: #F2FAF4;
}
.Grid td {
  color: #464749;
  font-size: 0.9375rem;
  text-align: center;
  border: 0px solid #d8d8d8 !important;
  padding: 16px 13px !important;
}
.Grid td:first-child {
  text-align: right;
  padding-right: 1.25rem;
}
.Grid td img {
  width: 20px;
  height: 20px;
}

.GridFooterMain {
  background: #d0c4a6;
  -o-border-image: none;
     border-image: none;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  color: black;
  font-size: 14px;
  height: 41px;
  text-transform: uppercase;
  width: 100%;
  border: 1px solid #dddddd;
  border-top: 0px;
}
.GridFooterMain td {
  vertical-align: middle !important;
  padding: 7px 10px;
}
@media (min-width: 319px) and (max-width: 767px) {
  .GridFooterMain td {
    display: none;
  }
}
.GridFooterMain td.GridFooterDD select {
  width: 2.8125rem;
  height: auto;
  display: inline-block;
}
.GridFooterMain td.GridFooterPager {
  text-align: left;
  float: none;
}
@media (min-width: 319px) and (max-width: 767px) {
  .GridFooterMain td.GridFooterPager {
    display: block;
    padding: 5px;
  }
}
.GridFooterMain td.GridFooterPager a {
  color: #464749;
  display: inline-block;
  background-color: #fff;
  width: 25px;
  height: 30px;
  font-size: 16px;
  text-align: center;
  line-height: 32px;
  margin: 0 2px;
}
.GridFooterMain td.GridFooterPager a:hover {
  transition: all 0.3s ease 0.1s;
  background: #117356;
  color: #464749;
}
.GridFooterMain td.GridFooterPager a.aspNetDisabled {
  color: #cbc9ca;
  cursor: no-drop;
  opacity: 0.5;
}
.GridFooterMain td.GridFooterPager a.aspNetDisabled:hover {
  background: #fff;
}
.GridFooterMain td.GridFooterPager a.GridViewSelectedPage {
  background: #42966A;
  color: white;
  opacity: 1;
  cursor: pointer;
}
.GridFooterMain td.GridFooterPager a.GridViewSelectedPage:hover {
  background: #42966A;
  color: white;
}

.grid-boxShadow {
  border-radius: 10px;
  overflow: hidden;
  margin: 40px 0;
}

.box-search {
  background-color: #f5f5f5;
  padding: 1.875rem 0.9375rem;
}

@media (min-width: 319px) and (max-width: 991px) {
  .news {
    padding: 0;
  }
}
.news > .container > .row .col-lg-6:first-child {
  width: 100%;
  max-width: 100%;
  flex: 100%;
}
@media (min-width: 992px) {
  .news > .container > .row .col-lg-6:first-child .cardImage {
    height: 540px;
  }
}
.news > .container > .row .col-lg-6:first-child .content .card--title {
  font-size: 35px;
  line-height: 46px;
}
@media (min-width: 319px) and (max-width: 991px) {
  .news > .container > .row .col-lg-6:first-child .content .card--title {
    font-size: 22px;
    line-height: 30px;
  }
}
.news .load-more {
  border-color: #42966A;
  color: #42966A;
}
.news .load-more:hover {
  background: #42966A;
  color: white;
}

.cardNews {
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  height: 100%;
}
@media (min-width: 319px) and (max-width: 991px) {
  .cardNews {
    margin-bottom: 25px;
  }
}
.cardNews .cardImage {
  height: 268px;
  background-size: cover;
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  transition: 1s;
  background-position: center;
}
.cardNews .cardImage .details-link {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -100%;
  right: 0;
  transition: 1s;
  background: rgba(66, 150, 106, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.cardNews .cardImage .details-link a {
  color: white;
  border: 1px solid;
  border-radius: 5px;
  padding: 8px 30px;
}
.cardNews span.card--date {
  display: inline-block;
  font-size: 16px;
  color: #42966A;
}
.cardNews span.card--date::before {
  content: "";
  background-image: url("../../SVG/calendar.svg");
  display: inline-block;
  width: 28px;
  height: 30px;
  vertical-align: middle;
  margin-inline-end: 10px;
}
.cardNews span.card--date svg {
  display: none;
}
.cardNews .content {
  padding-inline: 10px;
  padding-block: 10px;
}
.cardNews .content .card--title {
  font-size: 1.0625rem;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 0;
  line-height: 1.5;
  color: black;
  transition: 1s;
  padding-block-end: 5px;
}
.cardNews .card--link {
  display: none;
}
.cardNews:hover .details-link {
  bottom: 0;
  transition: 1s;
}
.cardNews:hover .card--title {
  color: #42966A;
}
.cardNews .summaryLinks {
  float: none;
  width: auto;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-block-start: 10px;
  border-top: 1px solid #c8c8c8;
  margin-block-start: 10px;
  align-items: center;
}
.cardNews .summaryLinks > div {
  border: 1px solid #c8c8c8;
  width: 75px;
  height: 60px;
  text-align: center;
  border-radius: 5px;
}
.cardNews .summaryLinks > div img {
  width: 65px;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  transition: 1s;
}
.cardNews .summaryLinks > div:hover img {
  transform: scale(0.8);
}

.news-details {
  background-color: #F6F3EE;
  padding: 35px 0;
}
.news-details p.date {
  color: #bdbcbc;
}
.news-details .page-details {
  min-height: 500px;
}
.news-details .img-container {
  width: 645px;
  border-radius: 5px;
  overflow: hidden;
  float: left;
  margin-inline-start: 20px;
}
.news-details .img-container img {
  height: 100%;
  width: 100%;
}

@media (min-width: 319px) and (max-width: 991px) {
  .articles {
    padding: 0;
  }
}
.articles > .container > .row .col-lg-6:first-child {
  width: 100%;
  max-width: 100%;
  flex: 100%;
}
@media (min-width: 992px) {
  .articles > .container > .row .col-lg-6:first-child .cardImage {
    height: 540px;
  }
}
.articles > .container > .row .col-lg-6:first-child .content .card--title {
  font-size: 35px;
  line-height: 46px;
}
@media (min-width: 319px) and (max-width: 991px) {
  .articles > .container > .row .col-lg-6:first-child .content .card--title {
    font-size: 22px;
    line-height: 30px;
  }
}
.articles .load-more {
  border-color: #42966A;
  color: #42966A;
}
.articles .load-more:hover {
  background: #42966A;
  color: white;
}

.cardarticles {
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 319px) and (max-width: 991px) {
  .cardarticles {
    margin-bottom: 25px;
  }
}
.cardarticles .cardImage {
  height: 268px;
  background-size: cover;
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  transition: 1s;
  background-position: center;
}
.cardarticles .cardImage .details-link {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -100%;
  right: 0;
  transition: 1s;
  background: rgba(66, 150, 106, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.cardarticles .cardImage .details-link a {
  color: white;
  border: 1px solid;
  border-radius: 5px;
  padding: 8px 30px;
}
.cardarticles .card--more span.card--date {
  display: block;
  font-size: 16px;
  color: #42966A;
}
.cardarticles .card--more span.card--date::before {
  content: "";
  background-image: url("../../SVG/calendar.svg");
  display: inline-block;
  width: 21px;
  height: 30px;
  vertical-align: middle;
  margin-inline-end: 10px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.cardarticles .card--more span.card--date svg {
  display: none;
}
.cardarticles .card--more span.card--author {
  display: block;
  font-size: 16px;
  color: #42966A;
}
.cardarticles .card--more span.card--author::before {
  content: "";
  background-image: url("../../SVG/pencil.png");
  display: inline-block;
  width: 21px;
  height: 30px;
  vertical-align: middle;
  margin-inline-end: 10px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.cardarticles .content {
  padding-inline: 10px;
  padding-block: 10px;
}
.cardarticles .content .card--title {
  font-size: 1.0625rem;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 0;
  line-height: 1.5;
  color: black;
  transition: 1s;
  padding-block-end: 5px;
}
.cardarticles .card--link {
  display: none;
}
.cardarticles:hover .details-link {
  bottom: 0;
  transition: 1s;
}
.cardarticles:hover .card--title {
  color: #42966A;
}

.news-details {
  background-color: #F6F3EE;
  padding: 35px 0;
}
.news-details p.date {
  color: #bdbcbc;
}
.news-details .page-details {
  min-height: 500px;
}
.news-details .img-container {
  width: 645px;
  border-radius: 5px;
  overflow: hidden;
  float: left;
  margin-inline-start: 20px;
}
.news-details .img-container img {
  height: 100%;
  width: 100%;
}

.service-catalog {
  background-color: #F6F3EE;
}

.SearchBackground {
  color: white;
  background-color: #F2FAF4;
  padding: 23px 0;
}
@media (min-width: 319px) and (max-width: 767px) {
  .SearchBackground {
    height: 290px;
  }
}
.SearchBackground .filter-data {
  width: 20%;
  color: #333;
  display: none;
}
.SearchBackground .filter-data .ServiceCatalogTitle {
  font-weight: bold;
  font-size: 20px;
}
.SearchBackground .filter-data p {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 15px;
}

.search-component {
  padding: 29px 26px;
  border-radius: 10px;
}
.search-component .search-container {
  display: flex;
  -moz-column-gap: 14px;
       column-gap: 14px;
  flex-wrap: wrap;
  height: 60px;
}
@media (min-width: 767px) and (max-width: 991px) {
  .search-component .search-container {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.search-component .search-container select {
  width: 17%;
  height: 100%;
}
@media (min-width: 319px) and (max-width: 767px) {
  .search-component .search-container select {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .search-component .search-container select {
    width: 28%;
    margin-inline-end: 14px;
  }
}
.search-component .search-container input {
  width: 28%;
  height: 100%;
  background-color: white;
}
@media (min-width: 767px) and (max-width: 991px) {
  .search-component .search-container input {
    width: 46%;
    margin-inline-end: 14px;
  }
}
@media (min-width: 319px) and (max-width: 767px) {
  .search-component .search-container input {
    width: 100%;
    margin-bottom: 10px;
  }
}
.search-component .search-container button {
  width: 9%;
  height: 100%;
  background-color: #42966A;
  color: white !important;
  border-color: #42966A !important;
}
@media (min-width: 319px) and (max-width: 767px) {
  .search-component .search-container button {
    width: 100%;
  }
}

.change-view {
  float: left;
  margin-top: 40px;
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 0px;
  width: 100%;
  justify-content: end;
}
@media (min-width: 767px) and (max-width: 991px) {
  .change-view {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media (min-width: 319px) and (max-width: 767px) {
  .change-view {
    display: none;
  }
}
.change-view span {
  cursor: pointer;
}
@media (min-width: 767px) and (max-width: 991px) {
  .change-view span {
    margin-inline-start: 15px;
  }
}
.change-view span.active svg {
  fill: #42966A;
}
.change-view span.active svg path {
  fill: #42966A;
}

.category-title {
  font-size: 25px;
  font-weight: bold;
}
.category-title label.CategoryLabel {
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.category-title span.CategoryCounter {
  display: inline-flex;
  width: 32px;
  height: 32px;
  background-color: #D9E6D6;
  font-size: 18px;
  color: #29504D;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  line-height: 37px;
}

.ServiceCardContainer > div {
  margin-bottom: 50px;
}
.ServiceCardContainer .ServiceCardSection {
  margin-bottom: 30px;
  background-color: white;
  border: 1px solid #CDCCCC;
  border-radius: 4px;
  height: 185px;
}
.ServiceCardContainer .card {
  border-color: white;
  border-radius: 10px;
  height: 100%;
}
.ServiceCardContainer .card-title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding-bottom: 2px;
  overflow: hidden;
}
@media (min-width: 319px) and (max-width: 767px) {
  .ServiceCardContainer .card-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .ServiceCardContainer .card-title {
    font-size: 18px;
  }
}
@media (min-width: midscreen) {
  .ServiceCardContainer .card-title {
    font-size: 20px;
  }
}
.ServiceCardContainer .card-text {
  color: #727272;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 45px;
}
.ServiceCardContainer .card-img {
  width: 68px;
  height: 68px;
  background-color: #F6F3EE;
  border-radius: 10px;
  padding: 14px;
}
.ServiceCardContainer.list-view .ServiceCardSection {
  height: 100px;
}
.ServiceCardContainer.list-view .card-body {
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
  align-items: center;
  padding: 0 15px;
}
.ServiceCardContainer.list-view a.card-link {
  display: flex;
  margin-right: auto;
  border: 2px solid #42966A;
  align-items: center;
  padding: 8px 20px;
  color: #42966A !important;
  border-radius: 4px;
  font-size: 16px;
  justify-content: space-between;
}
.ServiceCardContainer.list-view a.card-link svg {
  display: none;
  transform: scaleX(-1);
}
.ServiceCardContainer.list-view .ms-rtestate-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ServiceCardContainer.list-view .ms-rtestate-field a {
  border: 2px solid #42966A;
  padding: 8px 20px;
  color: white !important;
  background: #42966A;
  border-radius: 4px;
  font-size: 16px;
}
.ServiceCardContainer.list-view .ms-rtestate-field a svg {
  display: none;
  transform: scaleX(-1);
}
.ServiceCardContainer.grid-view .card-body {
  padding: 15px;
}
.ServiceCardContainer.grid-view .card-body a.card-link {
  border: 2px solid #42966A;
  text-align: center;
  padding: 8px 10px;
  color: #42966A !important;
  border-radius: 4px;
  margin-top: 8px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  width: 47%;
}
@media (min-width: 767px) and (max-width: 991px) {
  .ServiceCardContainer.grid-view .card-body a.card-link {
    width: 100%;
  }
}
.ServiceCardContainer.grid-view .card-body a.card-link svg {
  display: none;
  transform: scaleX(-1);
}
.ServiceCardContainer.grid-view .card-body .ms-rtestate-field {
  display: inline-block;
  width: 48%;
  margin-inline-start: 10px;
}
.ServiceCardContainer.grid-view .card-body .ms-rtestate-field a {
  text-align: center;
  display: block;
  margin-right: auto;
  border: 2px solid #42966A;
  background: #42966A;
  align-items: center;
  padding: 8px 10px;
  color: white !important;
  border-radius: 4px;
  font-size: 16px;
}
.ServiceCardContainer.grid-view .card-body .ms-rtestate-field a svg {
  display: none;
  transform: scaleX(-1);
}

.viewAllbtn .btn {
  display: flex;
  border: 2px solid #42966A;
  align-items: center;
  padding: 0px 10px;
  color: #42966A !important;
  height: 45px;
  border-radius: 4px;
  margin-top: 8px;
  width: 123px;
  font-weight: bold;
  justify-content: space-between;
  float: left;
}
.viewAllbtn .btn svg {
  transform: scaleX(-1);
}

.CusPageTool ul.pageHeader {
  margin-top: 20px;
}

.news-web-part .CusPageTool {
  display: flex;
  width: 100%;
  justify-content: end;
}
.news-web-part .CusPageTool ul.pageHeader {
  margin-top: 0;
  margin-bottom: 30px;
}

.service-data a:hover {
  text-decoration: none !important;
}
.service-data .service-section-title {
  font-size: 1.1875rem;
  color: #42966A;
  margin-inline-end: 30px;
}
.service-data .description {
  font-size: 1.1875rem;
  margin-block-end: 20px;
}
.service-data .description ul {
  counter-reset: section;
  margin: 0;
  padding: 0;
}
.service-data .description ul li {
  position: relative;
  padding-right: 30px;
  padding-bottom: 4px;
  list-style: none;
}
.service-data .description ul li:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 5px;
  width: 13px;
  height: 13px;
  background: #f3a119;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  line-height: 25px;
}
.service-data .description ol {
  counter-reset: section;
  margin: 0;
  padding: 0;
}
.service-data .description ol li {
  position: relative;
  padding-right: 35px;
  padding-bottom: 8px;
  list-style: none;
}
.service-data .description ol li:before {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  background: #f3a119;
  text-align: center;
  border-radius: 50%;
  color: black;
  font-size: 13px;
  font-weight: 700;
  line-height: 25px;
}
.service-data .tab-content {
  padding-top: 25px;
}
.service-data .nav-tabs {
  margin-top: 60px;
}
.service-data .nav-tabs a.active.show {
  position: relative;
}
.service-data .nav-tabs a.active.show:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #42966A;
}

.service-info {
  background: transparent;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #42966A;
  position: relative;
  margin-bottom: 40px;
}
.service-info:before {
  position: absolute;
  content: "";
  width: 157px;
  height: 8px;
  background: white;
  top: -4px;
  right: 35%;
}
.service-info .info-inner {
  position: relative;
  padding-inline-start: 55px;
  margin-block-end: 20px;
}
.service-info .info-inner svg {
  position: absolute;
  right: 0;
  top: 10px;
  width: 32px;
  height: 32px;
  fill: #F3A119;
}
.service-info .info-inner svg path {
  fill: #F3A119;
}
.service-info .info-inner .title {
  font-size: 18px;
  color: #42966A;
  font-weight: bold;
  margin-bottom: 3px;
}
.service-info .info-inner h2 {
  font-size: 18px;
  color: #333333;
  margin-top: 6px;
}

.service-btn {
  border-top: 1px solid rgba(255, 255, 255, 0.3490196078);
  padding-block: 20px;
}
.service-btn .setServiceLink {
  border: 1px solid #42966A;
  display: block;
  border-radius: 5px;
  padding: 15px 10px;
  background: #42966A;
  color: white;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-block-end: 15px;
  transition: 1s;
}
.service-btn .setServiceLink svg {
  width: 30px;
  height: 31px;
}
.service-btn .setServiceLink svg path {
  fill: white;
  transition: 1s;
}
.service-btn .setServiceLink:hover {
  background: transparent;
  border-color: #42966A;
  color: #42966A;
}
.service-btn .setServiceLink:hover svg path {
  fill: #42966A;
}

.feedbck-btn {
  border: 1px solid #f3a119;
  display: block;
  border-radius: 5px;
  padding: 15px 10px;
  background: transparent;
  color: #f3a119;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-block-end: 15px;
  transition: 1s;
}
.feedbck-btn:hover {
  background: white;
  border-color: #42966A;
  color: #42966A;
}



a.Contact {
  display: block;
  border-radius: 10px;
  padding: 5px;
  color: #f3a119;
  text-align: center;
  font-weight: bold;
  border: 1px solid #f3a119;
  transition: all 0.3s ease 0.1s;
}
a.Contact svg {
  width: 50px;
  height: 50px;
  margin-inline-end: 15px;
}
a.Contact svg path {
  fill: #f3a119;
  transition: all 0.3s ease 0.1s;
}
a.Contact:hover {
  background: #f3a119;
  color: black;
}
a.Contact:hover svg path {
  fill: black;
}


.contactUs-div {
  background: #f7f7f7;
  margin-bottom: 50px;
  padding-bottom: 63px;
  border-radius: 7px;
  padding: 20px;
}
@media (min-width: 319px) and (max-width: 991px) {
  .contactUs-div {
    padding: 0;
  }
}
.contactUs-div .submit-msg .SuccessIcon svg {
  fill: #42966A !important;
}
.contactUs-div .submit-msg h3 {
  color: #42966A !important;
}
.contactUs-div .titl-inter {
  color: #42966A;
  font-size: 28px;
  font-weight: bold;
}
.contactUs-div .titl-inter .brif {
  display: block;
  color: #42966A;
  font-size: 1.25rem;
  font-weight: normal;
  margin-top: 15px;
}
.contactUs-div label {
  color: #42966A;
}
.contactUs-div button.btn.btn-primary {
  width: 100%;
  border-radius: 3px;
  color: white !important;
}

.contactUs {
  color: black;
}
.contactUs .srv-validation-message {
  color: red;
  font-size: 16px;
}
.contactUs input {
  background-color: white;
}
.contactUs .form-control {
  height: 47px;
  border-color: #C8C8C8 !important;
}
.contactUs input[type=tel] {
  height: 47px !important;
}
.contactUs label {
  padding-top: 15px;
}
.contactUs textarea {
  height: auto;
  min-height: 198px;
}
.contactUs .contactUs-info {
  display: none;
}
.contactUs button.btn.btn-primary {
  background-color: #42966A;
  border-color: #42966A;
  width: 100%;
  border-radius: 3px;
  color: white !important;
}

.contact-data {
  padding: 0 312px;
}
@media (min-width: 319px) and (max-width: 991px) {
  .contact-data {
    padding: 0;
  }
}
.contact-data h3 {
  font-weight: bold;
  margin-bottom: 0;
}
.contact-data p {
  color: #999999;
  font-size: 14px;
}
.contact-data .data-block {
  background-color: #42966A;
  color: white;
  display: flex;
  -moz-column-gap: 25px;
       column-gap: 25px;
  border-radius: 5px;
  padding: 20px;
  align-items: center;
}
@media (min-width: 319px) and (max-width: 767px) {
  .contact-data .data-block {
    -moz-column-gap: 15px;
         column-gap: 15px;
    margin-bottom: 20px;
  }
}
.contact-data .data-block .img-container {
  background-color: white;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 319px) and (max-width: 991px) {
  .contact-data .data-block .img-container {
    width: 67px;
    height: 67px;
  }
}
.contact-data .data-block .img-container img {
  height: 38px;
}
@media (min-width: 319px) and (max-width: 991px) {
  .contact-data .data-block .img-container img {
    height: 25px;
  }
}
.contact-data .data-block .data-container p, .contact-data .data-block .data-container h4 {
  color: white;
  margin-bottom: 0;
}
.contact-data .data-block .data-container h4 {
  font-weight: bold;
  font-size: 22px;
}

.contact-map {
  padding: 0 312px;
  margin-bottom: 50px;
}
@media (min-width: 319px) and (max-width: 991px) {
  .contact-map {
    padding: 0;
  }
}
.contact-map h3 {
  margin-bottom: 0;
}
.contact-map iframe {
  width: 100%;
}

.submit-msg {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 34px;
  margin-top: 50px;
  color: #42966A;
}
.submit-msg .SuccessIcon {
  height: 133px;
  width: 138px;
}
.submit-msg .SuccessIcon svg {
  height: 100%;
  width: 100%;
  fill: #42966A;
}

.react-tel-input {
  background-color: transparent;
  border-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-width: 65px;
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  direction: ltr;
}
.react-tel-input input {
  border-radius: 0.25rem;
  height: 47px;
  border: 1px solid #DBD4BE !important;
  color: #444444;
  font-size: 14px;
  padding-inline-start: 58px;
  width: 100% !important;
  height: 40px !important;
  padding-inline-start: 63px !important;
}
.react-tel-input .flag-dropdown {
  left: 0;
  width: 50px;
  display: flex;
  justify-content: center;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.react-tel-input .country-list {
  left: 0;
  top: 35px;
  text-align: left;
}
.react-tel-input .country-list .country-name {
  margin-right: 6px;
  color: #42966a;
  font-weight: bold;
}
.react-tel-input .country-list .search-box {
  width: auto;
  height: auto;
  padding-inline-start: 0;
  padding: 3px 8px 5px;
}
.react-tel-input .country-list .search {
  padding: 10px 0 8px 0px;
  display: flex;
  height: 57px;
  -moz-column-gap: 17px;
       column-gap: 17px;
}
.react-tel-input .country-list .search-emoji {
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding-inline-start: 15px;
}

.selected-flag {
  position: relative;
  width: 100% !important;
}
.selected-flag svg {
  position: absolute;
}

.component-container {
  padding: 35px 0;
}
.component-container div.ms-webpart-cell-vertical-inline-table {
  display: block;
}
.component-container .FAQContainer .nav-tabs {
  margin-bottom: 25px;
  border-color: #CDCCCC;
}
.component-container .FAQContainer .nav-tabs li button {
  border: 0 !important;
  background: transparent;
  color: #999999;
  font-weight: bold;
  font-size: 1.375rem;
}
.component-container .FAQContainer .nav-tabs li button:focus {
  outline: 0;
}
.component-container .FAQContainer .nav-tabs li button.nav-link.active {
  color: #42966A;
  border-bottom: 3px solid #42966A !important;
}
.component-container .FAQContainer .tab-content .accordion_a27c9db9 {
  margin-bottom: 20px;
}
.component-container .FAQContainer .tab-content .accordion_a27c9db9 .drawer_a27c9db9 {
  background: #F8F8F8;
  color: #373E43;
  line-height: 28px;
  font-size: 1rem;
}
.component-container .FAQContainer .tab-content .accordion_a27c9db9 .accordionChevron_a27c9db9 {
  position: absolute;
  left: 20px;
  transform: scale(-1);
}
.component-container .FAQContainer .tab-content .accordion_a27c9db9 > button {
  background-color: #F8F8F8;
  border-radius: 4px;
  border: none;
  min-height: 55px;
  border-right: 4px solid transparent;
  padding: 10px 16px;
  height: auto;
}
.component-container .FAQContainer .tab-content .accordion_a27c9db9 > button:focus {
  outline: 0;
  box-shadow: none;
}
.component-container .FAQContainer .tab-content .accordion_a27c9db9 > button[aria-expanded=true] {
  border-right: 4px solid #F8F8F8;
  background: #42966A;
  color: white;
}
.component-container .FAQContainer .tab-content .accordion_a27c9db9 > button .ms-Button-label {
  font-weight: bold;
  text-align: right;
  line-height: 21px;
  font-size: 1.0625rem;
}

.event-calender .fc-scrollgrid-liquid {
  border: 0 !important;
}
.event-calender .fc-col-header-cell-cushion {
  color: #999999 !important;
  font-weight: 600;
  font-size: 12px;
}
.event-calender tr.fc-scrollgrid-section.fc-scrollgrid-section-header {
  border: 0;
}
.event-calender tr.fc-scrollgrid-section.fc-scrollgrid-section-header th.fc-col-header-cell.fc-day {
  border: 0;
}
.event-calender tr.fc-scrollgrid-section.fc-scrollgrid-section-header th {
  border: 0;
  background: #e1e1e1;
  padding: 10px;
  color: white;
}
.event-calender tr.fc-scrollgrid-section.fc-scrollgrid-section-header th a {
  color: #117356 !important;
}
.event-calender tr.fc-scrollgrid-section.fc-scrollgrid-section-body.fc-scrollgrid-section-liquid {
  background-color: white;
}
.event-calender .fc-daygrid-day-events .fc-event-title {
  color: #42966A;
  border-radius: 4px;
  padding: 5px;
  margin-inline-end: 5px;
}
.event-calender .fc-daygrid-day-events .fc-daygrid-event-dot {
  border-color: #42966A;
}
.event-calender .fc-daygrid-day-events .fc-event-time {
  display: none;
}
.event-calender .fc-license-message {
  display: none !important;
}
.event-calender button.fc-today-button.fc-button.fc-button-primary {
  display: none;
}
.event-calender .fc-button-primary {
  border-radius: 50% !important;
  width: 46px !important;
  height: 46px !important;
  padding: 0;
  min-width: 46px;
  border-color: #f3a119 !important;
  background-color: #f3a119 !important;
}
.event-calender .fc-button-primary .fc-icon {
  font-size: 20px;
  color: white;
}
.event-calender .fc-button-group {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.event-calender .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:nth-child(1) {
  width: 100%;
  text-align: center;
}

.display-change {
  margin-bottom: 25px;
  border-color: #CDCCCC;
  overflow: hidden;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.display-change span {
  cursor: pointer;
  border-bottom: 1px solid transparent;
  background: transparent;
  color: #999999;
  font-weight: bold;
  font-size: 1.375rem;
  padding: 10px;
  cursor: pointer;
}
.display-change span.active {
  color: #42966A;
  border-color: #42966A;
}

.fc .fc-toolbar {
  flex-direction: row-reverse;
}

.fc-event-title {
  white-space: initial;
  text-align: right;
}

.fc .fc-scroller-harness {
  direction: rtl !important;
}

.fc-day-today {
  color: #f3a119;
  background: transparent !important;
  border: 3px solid #f3a119 !important;
}

.fc-daygrid-dot-event:hover {
  background: transparent !important;
}

.fc-toolbar-title {
  color: #f3a119 !important;
}

@media (min-width: 319px) and (max-width: 767px) {
  .fc-view-harness.fc-view-harness-active {
    height: 500px !important;
  }
}

@media (min-width: 319px) and (max-width: 767px) {
  .fc .fc-daygrid-day-frame {
    max-height: 130px;
    overflow: hidden;
  }
}

@media (min-width: 319px) and (max-width: 767px) {
  .fc-view-harness.fc-view-harness-active {
    height: 500px !important;
  }
}

.pollsVoting .question-div label.title-Q {
  font-size: 1.75rem;
  margin-block-end: 30px;
}
.pollsVoting .question-item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block-end: 30px;
}
.pollsVoting .question-item .item {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.pollsVoting .question-item .item input[type=radio] {
  position: absolute;
  visibility: hidden;
  top: 0px;
  right: 50%;
}
.pollsVoting .question-item .item .form-check {
  padding-right: 0px;
}
.pollsVoting .question-item .item .form-check-label {
  margin-bottom: 0;
  display: block;
  position: relative;
  font-weight: bold;
  font-size: 1.125rem;
  z-index: 9;
  cursor: pointer;
  padding-block-start: 90px;
  height: auto;
}
.pollsVoting .question-item .item .check-01 {
  display: inline-block;
  position: absolute;
  border: 2px solid #42966A;
  border-radius: 100%;
  height: 70px;
  width: 70px;
  top: 0px;
  left: 50%;
  transform: translatex(-50%);
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}
.pollsVoting .question-item .item .check-01::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 80%;
  width: 80%;
  top: 7px;
  right: 7px;
  margin: auto;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  background-image: url("../../images/poll-check.png");
  background-size: 74%;
  background-repeat: no-repeat;
  background-position: center;
}
.pollsVoting .question-item .item input[type=radio]:checked ~ .check-01 {
  border: 2px solid #f3a119;
}
.pollsVoting .question-item .item input[type=radio]:checked ~ .check-01::before {
  background-color: #f3a119;
}
.pollsVoting .question-item .item input[type=radio]:checked ~ label {
  color: #6f6f6f;
}
.pollsVoting .question-item .item input[type=checkbox] {
  display: none;
}

.polls .title-polls {
  font-size: 1.5rem;
  margin-block-end: 30px;
  color: #42966A;
}
.polls .answers {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block-end: 30px;
  -moz-column-gap: 15px;
       column-gap: 15px;
  border-bottom: 1px dashed #cbcbcb;
  padding-block-end: 20px;
}
@media (max-width: 992px) {
  .polls .answers {
    flex-wrap: wrap;
  }
}
.polls .answers .answers-child {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #f7f7f7;
  border-radius: 4px;
  position: relative;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .polls .answers .answers-child {
    margin-bottom: 15px;
  }
}
.polls .answers .answers-child .circle {
  margin-inline-end: 16px;
}
@media (max-width: 992px) {
  .polls .answers .answers-child .circle {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 993px) {
  .polls .answers .answers-child .circle {
    width: 80px;
    height: 80px;
  }
}
.polls .answers .answers-child .circle svg text {
  fill: #42966A !important;
  font-size: 18px !important;
  font-weight: bold;
  transform: translateX(20px) translateY(10px);
  direction: rtl;
}
.polls .answers .answers-child .title {
  position: relative;
  font-weight: 500;
  cursor: pointer;
  padding-block-start: 1.125rem;
  height: auto;
  font-size: 1.125rem;
  text-align: center;
}
.polls .answers .answers-child .title span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  border-radius: 10px;
  padding: 5px;
  color: #333;
  font-weight: bold;
}

.container_75efb2bc {
  max-width: initial;
  margin: 0;
  box-shadow: none;
}

.pollsVoting-btn {
  border-radius: 4px;
}

.form-group.btn-archive .btn {
  border-radius: 4px;
}

.pollsArchive .pagination {
  justify-content: center;
}
.pollsArchive .pagination button {
  background-color: #42966A;
  border: 1px solid #42966A;
  color: white;
  padding: 10px 25px;
  font-size: 16px;
}

.CompletePageContainer {
  border-radius: 4px;
  box-shadow: 0px 2px 6px #ddd;
  padding: 20px;
}
.CompletePageContainer label.title-Q {
  font-size: 24px !important;
}
@media (min-width: 319px) and (max-width: 767px) {
  .CompletePageContainer .col-md-12 > div :after {
    display: block;
    content: "";
    clear: both;
  }
}
@media (min-width: 319px) and (max-width: 767px) {
  .CompletePageContainer .form-check-inline {
    float: right;
    width: 50%;
    margin: 0;
  }
}

.form-group.btn-archive {
  display: flex;
  justify-content: end;
  margin-top: 20px;
}
.form-group.btn-archive a.btn.btn-primary {
  color: #42966A !important;
  background: transparent;
}
.form-group.btn-archive a.btn.btn-primary:hover {
  color: white !important;
  background: #42966A;
}

.all-msg {
  display: flex;
  justify-content: end;
}
.all-msg .Success-msg {
  background: rgba(2, 163, 0, 0.4509803922);
  color: white;
  border-radius: 5px;
  padding: 7px 37px;
  font-size: 14px;
  display: flex;
}
.all-msg .Success-msg h3 {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 0;
}
.all-msg .Success-msg .SuccessIcon {
  background-image: url("../../images/poll-check.png");
  background-size: 74%;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 37px;
}
.all-msg .already-msg {
  background: #f3a119;
  color: white;
  border-radius: 5px;
  padding: 7px 37px;
  font-size: 14px;
  display: flex;
}
@media (min-width: 319px) and (max-width: 767px) {
  .all-msg .already-msg {
    padding: 4px 24px;
    margin-bottom: 35px;
  }
}
.all-msg .already-msg h3 {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 0;
}
.all-msg .already-msg .SuccessIcon {
  background-image: url("../../images/danger.png");
  background-size: 74%;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 37px;
}

.votes-counts {
  display: inline-flex;
  margin-bottom: 20px;
  background-color: #fdecd1;
  padding: 7px 11px;
  border-radius: 40px;
  color: #333;
  font-size: 16px;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding-inline-end: 25px;
}
.votes-counts span.total-title {
  font-weight: bold;
  color: #9b8989;
}
.votes-counts .votes-icon {
  background-image: url("../../images/bullhorn.png");
  background-size: 74%;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: white;
}

.pagination {
  position: relative;
  border-bottom: 1px dashed #cbcbcb;
  margin-top: 90px;
  justify-content: center;
}
.pagination button {
  background-color: white !important;
  border: none !important;
  color: #42966A !important;
  padding: 10px 25px;
  font-size: 16px;
  position: absolute;
  top: -26px;
  padding-inline-end: 50px !important;
}
.pagination button:focus {
  box-shadow: none !important;
  border: none !important;
}
.pagination button::after {
  content: "";
  position: absolute;
  width: 21px;
  height: 37px;
  background-image: url("../../images/down-arrow.png");
  background-size: 89%;
  background-repeat: no-repeat;
  background-position: center;
  left: 15px;
}

@media (min-width: 319px) and (max-width: 767px) {
  .file-eplorer {
    padding: 0;
  }
}
.file-eplorer .card-group .col-md-6 {
  height: 100%;
}
.file-eplorer .row.mb-5 {
  padding: 0 24px;
}
.file-eplorer .row.mb-5 select.form-control.pull-right {
  width: 290px;
  float: left;
}
.file-eplorer .folder-title {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  flex-direction: row;
}
.file-eplorer .folder-title h3 {
  margin: 0;
}
.file-eplorer .folderBreadcrumb {
  display: flex;
  align-items: center;
}
.file-eplorer .folderBreadcrumb .back-btn .BackImage {
  height: 40px;
}
.file-eplorer .folderBreadcrumb span {
  font-weight: bold;
  color: #479e99;
}
@media (min-width: 319px) and (max-width: 767px) {
  .file-eplorer .folderBreadcrumb span {
    font-size: 15px;
  }
}
.file-eplorer .folderBreadcrumb span.active {
  color: #c8c4c4;
}
@media (min-width: 319px) and (max-width: 767px) {
  .file-eplorer .folderBreadcrumb span.active {
    font-size: 15px;
  }
}
.file-eplorer .card.folder-card {
  margin-bottom: 20px;
  display: flex;
}
.file-eplorer .card.folder-card > svg {
  margin: auto;
  margin-top: 45px;
  width: 100%;
}
.file-eplorer .card.folder-card .card-body {
  position: relative;
  padding-bottom: 15px;
}
.file-eplorer .card.folder-card .card-body:before {
  content: "";
  position: absolute;
  border: 1px solid #f4f4f4;
  width: 100%;
  height: 1px;
  right: 0;
}
.file-eplorer .card.folder-card .card-body .folder-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: bold;
  margin-top: 18px;
  text-align: center;
}
.file-eplorer .card.folder-card .card-body p.folder-count {
  color: #bababa;
}
.file-eplorer .card.folder-card .folder-btn {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  max-width: 40px;
  min-width: 40px;
  font-size: 0;
  position: absolute;
  bottom: 13px;
  left: 20px;
  background-color: #42966A;
  border-color: #42966A;
}
.file-eplorer .card.folder-card .folder-btn:after {
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 10px;
  height: 15px;
  background-image: url("/_layouts/branding/SVG/fi-rr-angle-right.svg");
  right: 15px;
  top: 12px;
  transform: scaleX(-1);
  right: 17px;
}
.file-eplorer .card.file-card {
  padding: 20px 0;
  margin-bottom: 20px;
}
.file-eplorer .card.file-card img.card-img-top {
  width: 150px;
  margin: 0 auto;
  margin-top: 35px;
}
.file-eplorer .card.file-card .card-body {
  flex-direction: column;
  align-items: baseline;
  position: relative;
}
.file-eplorer .card.file-card .card-body:before {
  content: "";
  position: absolute;
  border: 1px solid #f4f4f4;
  width: 100%;
  height: 1px;
  right: 0;
}
.file-eplorer .card.file-card .card-body .file-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: bold;
  margin-top: 18px;
  display: none;
}
.file-eplorer .card.file-card .card-body .file-title {
  margin-block-start: 10px;
  min-height: 55px;
}
.file-eplorer .card.file-card .card-body .file-size {
  color: #c5c5c5;
  font-size: 16px;
}
.file-eplorer .card.file-card a.btn.btn-sm.btn-primary.file-btn {
  background-color: transparent;
  color: #42966A !important;
  width: 100%;
  margin-top: 20px;
}

.folderBreadcrumb > div {
  display: flex;
  font-size: 23px;
  padding: 10px;
  border-radius: 4px;
}
.folderBreadcrumb > div span {
  font-weight: bold;
  color: #42966A !important;
  padding-inline-end: 7px;
}
.folderBreadcrumb > div span.active {
  color: #333 !important;
  text-decoration: none;
  font-size: 20px;
  border-bottom: none;
}

.survey {
  height: 100%;
  width: 100%;
  padding: 30px;
}
@media (min-width: 319px) and (max-width: 767px) {
  .survey {
    padding: 0;
  }
}
.survey .form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.survey .form-group input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.survey .form-group .form-check {
  padding-right: 0px;
}
.survey .form-group .form-check-label {
  margin-bottom: 0;
  display: block;
  position: relative;
  font-weight: normal;
  font-size: 16px;
  z-index: 9;
  cursor: pointer;
  padding: 0 0;
  height: auto;
  padding-right: 30px;
  -webkit-transition: all 0.25s linear;
}
.survey .form-group .check-01 {
  display: inline-block;
  position: absolute;
  border: 2px solid #42966A;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 0px;
  right: 0px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}
.survey .form-group .check-01::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
.survey .form-group input[type=radio]:checked ~ .check-01 {
  border: 2px solid #f3a119;
}
.survey .form-group input[type=radio]:checked ~ .check-01::before {
  background: #f3a119;
}
.survey .form-group input[type=radio]:checked ~ label {
  color: #6f6f6f;
}
.survey .form-group input[type=checkbox] {
  display: none;
}
.survey .dd > div {
  margin: 0 !important;
  padding: 5px !important;
  padding-bottom: 0 !important;
}
.survey .dd > div:nth-child(odd) {
  background: #ededed;
  background: transparent !important;
}
.survey .dd h2 {
  font-weight: bold;
  margin-bottom: 30px;
}
.survey .dd .check-02 {
  display: inline-block;
  position: absolute;
  border: 2px solid #0d6142;
  border-radius: 7px;
  height: 25px;
  width: 25px;
  top: 0px;
  right: 0px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}
.survey .dd .check-02::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 7px;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
.survey .dd input[type=checkbox]:checked ~ .check-02 {
  border: 2px solid #B1862E;
}
.survey .dd input[type=checkbox]:checked ~ .check-02::before {
  background: #B1862E;
}
.survey .dd input[type=checkbox]:checked ~ label {
  color: #6f6f6f;
}
.survey .dd .form-control {
  margin-bottom: 0px !important;
}/*# sourceMappingURL=innerPages.css.map */




.listMap {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 400px;
  overflow-y: auto;
  padding-left: 15px;
  width: 100%;
}

.listMap li {
  list-style: none;
  background-color: #fff;
  margin-bottom: 15px;
  border-radius: 10px;
  padding: 20px 15px;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 319px) and (max-width: 767px) {
  .listMap li {
    position: relative;
  }
}
@media (min-width: 767px) and (max-width: 1120px) {
  .listMap li {
    display: flex;
    flex-wrap: wrap;
  }
}
.listMap li .title {
  font-size: 1.0625rem;
  width: 100%;
  color: #616262;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  padding: 0;
}






.listMap li .title a {
  font-size: 18px;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .listMap li .title {
    font-size: 14px;
  }
}
.listMap li .title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  width: 1px;
  height: 60px;
  background-color: #cdcccc;
  display: none;
}

.listMap li .descriptionList {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  padding: 8px 5px;
  margin: 0;
  position: relative;
}

@media (min-width: 319px) and (max-width: 767px) {
  .listMap li .descriptionList {
    display: flex !important;
    order: 2;
  }
  .listMap li .descriptionList .btnbtn {
    cursor: pointer;
  }
}
@media (min-width: 319px) and (max-width: 767px) {
  .listMap li .descriptionList:nth-child(3) {
    order: 1;
  }
}
.listMap li .descriptionList::after {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  top: 3px;
  width: 1px;
  height: 60px;
  background-color: #cdcccc;
}

@media (min-width: 319px) and (max-width: 991px) {
  .listMap li .descriptionList::after {
    display: none;
  }
}
@media (min-width: 319px) and (max-width: 767px) {
  .listMap li .descriptionList a {
    display: block !important;
  }
}
@media (min-width: 319px) and (max-width: 767px) {
  .listMap li .descriptionList {
    position: static;
    bottom: 15px;
    left: 0;
    width: auto;
  }
}
.listMap li .descriptionList::after {
  display: none;
  margin: 0;
  padding: 0;
}

.listMap li .descriptionList .icon {
  background-color: transparent;
  width: 50px;
  height: 35px;
  display: inline-block;
  overflow: hidden;
}

@media (min-width: 767px) and (max-width: 991px) {
  .listMap li .descriptionList .icon {
    width: 34px;
    height: 24px;
  }
}
.listMap li .descriptionList .icon svg {
  width: 100%;
  height: 100%;
}

.listMap li .descriptionList .name {
  font-size: 13px;
  display: block;
  font-weight: normal;
  color: #42966a;
}

.listMap li .descriptionList .name .bed {
  color: black;
  font-weight: bold;
}

.listMap li .descriptionList a {
  display: block;
}

@media (min-width: 319px) and (max-width: 767px) {
  .listMap li .descriptionList a {
    display: flex;
    align-items: center;
  }
}
.listMap li .descriptionList a svg path,
.listMap li .descriptionList a .name {
  transition: all 0.3s ease 0.1s;
}

.listMap li .descriptionList a:hover svg path {
  fill: #9c7b42;
}

.listMap li .descriptionList a:hover .name {
  color: #9c7b42;
}

.listMap li .descriptionList-container {
  display: flex;
  justify-content: end;
}

@media (min-width: 1200px) {
  .listMap li .descriptionList-container {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 319px) and (max-width: 767px) {
  .listMap li .descriptionList-container {
    justify-content: space-between;
  }
}
/* width */
.listMap::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.listMap::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}

/* Handle */
.listMap::-webkit-scrollbar-thumb {
  background: #f3a119;
  border-radius: 10px;
}

/* Handle on hover */
.listMap::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}

.listMap li .descriptionList.facilities {
  display: flex;
  background: #f1f1f1;
  border-radius: 5px;
}
.listMap li .descriptionList.facilities div {
  border-left: 1px solid #b3b3b3;
  padding-inline-end: 5px;
  padding-inline-start: 5px;
}
.listMap li .descriptionList.facilities div:last-child {
  border: none;
}
.listMap li .descriptionList .btnbtn {
  cursor: pointer;
}
.listMap li .UrgCenter {
  background-color: #fef8e7 !important;
  color: black;
  border-radius: 19px;
  padding: 0px 20px;
  padding-inline-start: 32px;
  position: relative;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 14px;
  width: auto;
  margin-bottom: 0;
  line-height: 28px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-weight: 400;
  margin-block-end: 5px;
}
@media (min-width: 319px) and (max-width: 767px) {
  .listMap li .UrgCenter {
    line-height: 22px;
  }
}
.listMap li .UrgCenter:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #f3a119;
  right: 15px;
  top: 30%;
}

div#parks.is-open {
  height: auto;
}
div#parks .btnbtn {
  font-size: 15px;
  color: #119853;
  text-align: center;
  border: 1px solid #119853;
  border-radius: 5px;
  padding: 7px;
  font-weight: 500;
  transition: all 0.3s ease 0.1s;
  cursor: pointer;
}
div#parks .btnbtn:hover {
  background: #119853;
  color: white;
}

.card-park {
  border: 1px solid #cccccc;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease 0.1s;
  background: white;
}
.card-park .card-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 57vh;
  border-radius: 10px;
  margin-bottom: 15px;
  background-color: #119853;
  border-radius: 10px;
  margin-block-end: 20px;
}
.card-park img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 200px;
  border-radius: 10px;
}
.card-park .no-img {
  background-size: 80%;
}
.card-park .card-title {
  font-size: 1.25rem;
  color: #119853;
  font-weight: 700;
  margin-block-end: 15px;
  position: relative;
  padding-inline-end: 55px;
  padding-block-start: 10px;
}
.card-park .card-title .tooltyp {
  position: absolute;
  background: #333d48;
  display: block;
  width: 120px;
  top: -38px;
  transform: translateX(-50%);
  left: 50%;
  font-size: 15px;
  text-align: center;
  color: white;
  font-weight: 400;
  border-radius: 5px;
  padding: 5px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease 0.1s;
}
.card-park .card-title .tooltyp:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #333d48;
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: rotate(270deg) translateX(-50%);
}
.card-park .card-title .loc {
  position: absolute;
  left: 0;
}
.card-park .card-title .loc svg {
  position: relative;
  top: -5px;
  width: 33px;
  height: 33px;
}
.card-park .card-title .loc svg path {
  fill: #7a0707;
}
.card-park .card-title .loc:hover .tooltyp {
  visibility: visible;
  opacity: 1;
}
.card-park .clock {
  background: #DDDDDD;
  border-radius: 10px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 10px;
  margin-block-start: 20px;
}
.card-park .clock .title {
  font-size: 18px;
  color: #8c8f90;
  font-weight: 400;
}
.card-park .clock svg {
  width: 25px;
  height: 25px;
}
.card-park .clock .time {
  font-size: 15px;
  color: #119853;
  font-weight: 500;
  line-height: 1;
}
.card-park .facilities .title {
  font-size: 22px;
  color: #8c8f90;
  font-weight: 400;
}
.card-park .title--facilities {
  font-size: 1rem;
  color: #8c8f90;
  font-weight: 400;
  margin-bottom: 5px;
}
.card-park .facilities {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
  min-height: 50px;
}
.card-park .facilities .icons {
  position: relative;
  width: 60px;
  height: 60px;
  border: 1px solid #cacccc;
  padding: 5px;
  border-radius: 5px;
  margin-block-end: 10px;
}
.card-park .facilities .icons .tooltyp {
  position: absolute;
  background: #333d48;
  display: block;
  width: 120px;
  bottom: 104%;
  transform: translateX(-50%);
  left: 50%;
  font-size: 15px;
  text-align: center;
  color: white;
  font-weight: 400;
  border-radius: 5px;
  padding: 5px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease 0.1s;
}
.card-park .facilities .icons .tooltyp:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #333d48;
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: rotate(270deg) translateX(-50%);
}
.card-park .facilities .icons img {
  width: 100%;
  height: 100%;
  border: 0px solid #cacccc;
  border-radius: 0px;
  position: relative;
}
.card-park .facilities .icons:hover .tooltyp {
  visibility: visible;
  opacity: 1;
}
.card-park:hover {
  border-color: #119853;
}

.overflowHidden {
  position: fixed;
  background-color: rgba(73, 73, 73, 0.6196078431);
  z-index: 0;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease 0.1s;
}

.is-overflowHidden .overflowHidden {
  opacity: 1;
  visibility: visible;
}

.is-overflowHidden {
  overflow: hidden !important;
}
.card-over {
  position: fixed;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  width: 90%;
  max-height: 90%;
  background: white;
  padding: 80px 20px;
  padding-top: 15px;
  z-index: 12;
  left: -100%;
  border: 1px solid #cccccc;
  border-radius: 8px;
  overflow-y: auto;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease 0.1s;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.card-over.open {
  left: 50%;
}
.card-over::-webkit-scrollbar {
  width: 10px;
}
.card-over::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.card-over::-webkit-scrollbar-thumb {
  background: #119853;
  border-radius: 10px;
}
.card-over::-webkit-scrollbar-thumb:hover {
  background: #117356;
}
.card-over .closee {
  position: absolute;
  left: 15px;
  top: 15px;
  cursor: pointer;
  text-align: center;
  width: 30px;
  height: 25px;
  line-height: 1.8;
  transition: all 0.3s ease 0.1s;
}
.card-over .closee:hover svg path {
  fill: #119853;
}
@media (min-width: 994px) {
  .card-over .d-fl {
    display: flex;
  }
}

#modalContent .card-park {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 0;
  max-width: 26%;
  width: 100%;
}
@media (max-width: 993px) {
  #modalContent .card-park {
    max-width: 100%;
    margin-block-end: 30px;
  }
}
#modalContent .card-park:hover {
  border-color: transparent;
  transform: none;
}
#modalContent .card-title {
  font-size: 30px;
  color: #119853;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
}
#modalContent .card-title .tooltyp {
  position: absolute;
  background: #333d48;
  display: block;
  width: 156px;
  top: -38px;
  transform: translateX(-50%);
  left: 50%;
  font-size: 15px;
  text-align: center;
  color: white;
  font-weight: 400;
  border-radius: 5px;
  padding: 5px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease 0.1s;
}
#modalContent .card-title .tooltyp:before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #333d48;
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: rotate(270deg) translateX(-50%);
}
#modalContent .card-title .loc {
  position: relative;
}
#modalContent .card-title .loc svg {
  position: relative;
  top: 10px;
  margin-right: 20px;
}
#modalContent .card-title .loc svg path {
  fill: #7a0707;
}
#modalContent .card-title .loc:hover .tooltyp {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 994px) {
  #modalContent .contentAll {
    width: 68%;
    margin-right: 40px;
  }
}
#modalContent .contentAll .title {
  font-size: 20px;
  color: black;
  font-weight: bold;
  margin-bottom: 20px;
}
#modalContent .contentAll ul.list-1 {
  margin: 0;
  padding: 0;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  #modalContent .contentAll ul.list-1 {
    width: 100%;
  }
}
@media (max-width: 993px) and (min-width: 768px) {
  #modalContent .contentAll ul.list-1 {
    display: flex;
    -moz-column-gap: 40px;
         column-gap: 40px;
    flex-wrap: wrap;
  }
}
@media (min-width: 994px) {
  #modalContent .contentAll ul.list-1 {
    display: flex;
    -moz-column-gap: 40px;
         column-gap: 40px;
    flex-wrap: wrap;
  }
}
#modalContent .contentAll ul.list-1.columnGap-35 {
  -moz-column-gap: 35%;
       column-gap: 35%;
}
#modalContent .contentAll ul.list-1 li {
  list-style: none;
  font-size: 20px;
  font-weight: 300;
}
#modalContent .contentAll .about {
  font-size: 20px;
  margin-bottom: 25px;
  font-weight: 300;
}
#modalContent .contentAll .facilities {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
#modalContent .contentAll .facilities img {
  width: 70px;
  height: 70px;
  border: 1px solid #cacccc;
  border-radius: 5px;
  padding: 11px;
}

.div-more-data {
  text-align: center;
  padding: 20px 0;
}
.div-more-data.is-remove {
  display: none;
}

.more-data {
  font-size: 17px;
  color: white;
  background: #119853;
  text-align: center;
  border: 1px solid #119853;
  border-radius: 5px;
  padding: 10px 30px;
  font-weight: 500;
  transition: all 0.3s ease 0.1s;
  cursor: pointer;
  display: inline-block;
}
.more-data:hover {
  background: transparent;
  color: #119853;
}

@media (max-width: 992px) and (min-width: 768px) {
  #section1 {
    min-height: 800px !important;
    overflow: hidden;
  }
}





#noData {
  display: none;
}
#noData.active {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50vh;
  text-align: center;
  border-radius: 5px;
}
#noData.active span {
  display: block;
  font-size: 20px;
  color: #f3a119;
  font-weight: bold;
  margin-block-start: 10px;
}








.InteractiveMap {
  padding-block-start: 50px;
  padding-inline: 5%;
  
  align-items: center;
  background-image: url("../../images/Pattern.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  .InteractiveMap {
    padding-block-start: 10px;
  }
}
@media (min-width: 993px) {
  .InteractiveMap {
    height: 73vh;
  }
}
.InteractiveMap > div {
  flex-grow: 1;
}
.InteractiveMap .title-section {
  color: #76BC44;
  font-size: 1.875rem;
  font-weight: bold;
  margin: 0px;
  margin-block-end: 20px;
}
@media (min-width: 993px) {
  .InteractiveMap .select-div {
    display: flex;
    -moz-column-gap: 15px;
         column-gap: 15px;
    align-items: center;
  }
}

.InteractiveMap .formsAria .forms label {
  font-size: 1rem;
  font-weight: bold;
  color: #595F60;
  margin-block-end: 10px;
  display: block;
}
.InteractiveMap .formsAria .forms select {
  border-radius: 10px;
  border: 1px solid #B9B9B9;
  font-size: 1.0625rem;
  padding: 10px 20px;
  color: #595F60;
  font-family: "IBM Plex Sans Arabic";
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .InteractiveMap .formsAria .forms select {
    width: 100%;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .InteractiveMap .formsAria .forms select {
    width: 48%;
  }
}
@media (min-width: 993px) {
  .InteractiveMap .formsAria .forms select {
    width: 18.5%;
  }
}
.InteractiveMap .formsAria .forms select option {
  font-size: 16px;
}
.InteractiveMap .formsAria .forms .cont {
  font-size: 1rem;
  color: #595F60;
  font-weight: bold;
  background: rgba(243, 161, 25, 0.2196078431);
  padding: 10px 20px;
  border-radius: 20px;
  position: relative;
}
.InteractiveMap .formsAria .forms .cont #parksCount {
  background: white;
  border-radius: 10px;
  padding: 0 7px;
}
@media (max-width: 767px) {
  .InteractiveMap .map {
    padding: 0 0;
  }
}
@media (max-width: 993px) and (min-width: 768px) {
  .InteractiveMap .map {
    padding: 0 10%;
  }
}
.InteractiveMap .map svg {
  width: 90%;
  height: 100%;
}
.InteractiveMap .map .numm {
  direction: rtl;
}
.InteractiveMap .vectorMap-country:hover {
  fill: #a7a7a7;
  transition: all 0.3s ease 0.1s;
}
.InteractiveMap .mapFilter--icon path {
  fill: #6f6f6f;
}
.InteractiveMap .vectorMap-country {
  cursor: pointer;
}
.InteractiveMap .vectorMap--marker circle {
  stroke: #119853;
}
.InteractiveMap .is-active {
  fill: #119853;
  transition: all 0.3s ease 0.1s;
}
.InteractiveMap .is-active .mapFilter--icon path {
  fill: #f4b953;
  transition: all 0.3s ease 0.1s;
}
.InteractiveMap .is-active circle {
  stroke: #119853;
  transition: all 0.3s ease 0.1s;
}

@media (min-width: 994px) {
  .formsAndMap {
    display: flex;
    align-items: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.formsAndMap .forms .contents {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}
.formsAndMap .forms .contents h1 {
  color: #119853;
  font-weight: 700;
}
@media (max-width: 767px) {
  .formsAndMap .forms .contents h1 {
    font-size: 20px;
  }
}
@media (max-width: 993px) and (min-width: 768px) {
  .formsAndMap .forms .contents h1 {
    font-size: 30px;
  }
}
@media (max-width: 1219px) and (min-width: 994px) {
  .formsAndMap .forms .contents h1 {
    font-size: 40px;
  }
}
@media (min-width: 1220px) {
  .formsAndMap .forms .contents h1 {
    font-size: 50px;
  }
}
.formsAndMap .forms .contents h2 {
  font-size: 20px;
  color: #595F60;
  font-weight: 600;
}
@media (max-width: 767px) {
  .formsAndMap .forms .contents h2 {
    font-size: 17px;
  }
}
@media (max-width: 993px) and (min-width: 768px) {
  .formsAndMap .forms .contents h2 {
    font-size: 18px;
  }
}
.formsAndMap .forms select {
  border-radius: 5px;
  border: 1px solid #B9B9B9;
  font-size: 26px;
  padding: 15px;
  color: #595F60;
  width: 100%;
  font-family: "IBM Plex Sans Arabic";
  margin-bottom: 10px;
}
.formsAndMap .forms select option {
  font-size: 16px;
}
.formsAndMap .forms .cont {
  font-size: 24px;
  color: #595F60;
  font-weight: 300;
}
@media (max-width: 767px) {
  .formsAndMap .map {
    padding: 0 10%;
  }
}
@media (max-width: 993px) and (min-width: 768px) {
  .formsAndMap .map {
    padding: 0 10%;
  }
}
.formsAndMap .map svg {
  width: 100%;
  height: 100%;
}
.formsAndMap .vectorMap-country:hover {
  fill: #a7a7a7;
  transition: all 0.3s ease 0.1s;
}
.formsAndMap .mapFilter--icon path {
  fill: #6f6f6f;
}
.formsAndMap .vectorMap-country {
  cursor: pointer;
}
.formsAndMap .vectorMap--marker circle {
  stroke: #119853;
}
.formsAndMap .is-active {
  fill: #119853;
  transition: all 0.3s ease 0.1s;
}
.formsAndMap .is-active .mapFilter--icon path {
  fill: #f4b953;
  transition: all 0.3s ease 0.1s;
}
.formsAndMap .is-active circle {
  stroke: #119853;
  transition: all 0.3s ease 0.1s;
}



/*local menu*/
.local-menu {
  border-radius: 5px;
}
@media (min-width: 319px) and (max-width: 767px) {
  .local-menu {
    padding-left: 0px !important;
  }
}
@media (max-width: 767px) {
  .local-menu {
    overflow-y: auto;
    border-radius: 0px;
    position: absolute;
    top: 30px;
    bottom: 0;
    right: -100%;
    width: 100%;
    z-index: 999;
    height: 100vh;
    background-color: white;
    padding-inline-end: 60px !important;
    box-shadow: 0px 2px 6px #ddd;
    transition: all 0.2s ease-in-out;
  }
}
@media screen and (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .local-menu {
    transition: none;
  }
}
@media (max-width: 767px) {
  .local-menu.open-menu {
    right: 0;
  }
}
.local-menu .close-btn {
  width: 35px;
  height: 35px;
  background: #42966A;
  padding: 6px 7px 7px;
  border-radius: 2px;
  margin: 10px;
  margin-right: auto;
  cursor: pointer;
}
@media (min-width: 768px) {
  .local-menu .close-btn {
    display: none;
  }
}
.local-menu .close-btn svg {
  fill: #117356;
}
.local-menu .ms-core-sideNavBox-removeLeftMargin {
  margin-right: 0;
}
.local-menu.fixed .ms-core-navigation {
  position: fixed;
  top: 200px;
  width: 230px;
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root {
  padding: 0;
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li {
  list-style: none;
  background-color: #ffffff;
  margin-bottom: 18px;
  border: transparent;
  border-radius: 4px;
  border-right: 8px solid #fff;
  border: 1px solid rgba(241, 89, 34, 0.2);
  overflow: hidden;
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li.selected {
  color: white;
  border: transparent;
  border-color: #088DA8;
  border-right: 8px solid #088DA8;
  box-shadow: none;
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #019FC0);
}


.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item {
  padding: 1.0625rem 1.0625rem;
  font-size: 0.9375rem;
  position: relative;
  font-weight: bold;
  color: #999999;
  transition: all 0.2s ease-in-out;
  display: flex;
}
@media screen and (prefers-reduced-motion: reduce) {
  .local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item {
    transition: none;
  }
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item .additional-background {
  margin-left: 1rem;
}


.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item::after {
  content: "";
  background: url("../../SVG/menuArrow.svg");
  width: 8px;
  height: 13px;
  background-size: 100%;
  position: absolute;
  left: 1.0625rem;
  top: 50%;
  transform: translateY(-50%);
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item:hover {
  color: #42966A;
  background-color: transparent;
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item:hover::after {
  background: url("../../SVG/selectedMenuArrow.svg");
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li .ms-core-listMenu-selected {
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #019FC0);
  border: transparent;
  color: white !important;
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li .ms-core-listMenu-selected::after {
  background: url("../../SVG/selectedMenuArrow.svg");
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > ul.static > li.static > .ms-core-listMenu-item {
  padding-left: 20px;
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > ul.static > li.static > .ms-core-listMenu-item:hover {
  color: #42966A;
  background: none;
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li ul.dynamic {
  position: static;
  left: auto;
  top: auto;
  z-index: 50;
  white-space: normal;
  word-wrap: initial;
  padding: 0;
  border: 0;
  box-shadow: none;
  background-color: transparent;
  width: 100% !important;
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li ul.dynamic li:last-child {
  margin-bottom: 0.75rem;
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li ul.dynamic li > .ms-core-listMenu-item {
  transition: all 0.2s ease-in-out;
  font-size: 0.9375rem;
  position: relative;
  font-weight: normal;
  color: #595F60;
  border-style: solid;
  border-width: 0;
  border-left-width: 5px;
  border-color: #42966A;
  padding: 0.125rem 1.875rem 0.75rem;
}
@media screen and (prefers-reduced-motion: reduce) {
  .local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li ul.dynamic li > .ms-core-listMenu-item {
    transition: none;
  }
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li ul.dynamic li > .ms-core-listMenu-item:hover {
  color: #42966A;
  background-color: transparent;
}
.local-menu .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li ul.dynamic li .ms-core-listMenu-selected {
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #019FC0);
  border: transparent;
  color: white;
}

.side-menu-btn {
  display: none;
}
@media (min-width: 319px) and (max-width: 767px) {
  .side-menu-btn {
    display: inline-block;
    border: 1px solid #42966A;
    color: #42966A;
    border-radius: 4px;
    padding: 10px 25px;
    font-weight: bold;
    font-size: 12px;
  }
}