/* Home Page */

.homepageHeader {
  margin-top: 40px;
  margin-bottom: 100px;
}

.homepageHeader__content{
  padding-left: 100px;
  padding-right: 70px;
}

.homepageHeader__summary {
  margin-top: 15px;
  border-left: 1.5px solid var(--Zodiac);
  padding-left: 20px;
}

.homepageHeader__buttons {
  padding-top: 30px;
}

.homepageHeader__buttons button {
  margin-right: 20px;
}

.homepageRecources__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.homepageRecources__title a {
  color: var(--Maroon);
}

.homepageRecources__title h2 {
  padding-bottom: 30px;
}

.homepageRecources__tags {
  display: flex;
  align-items: flex-start;
  gap: 0px;
  padding-bottom: 40px;
  flex-wrap: wrap;
}

.homepageRecources__tags .PillButton{
  margin:0px 20px 20px 0px !important;
}

.homepageRecources__tags .MerlotLightPillButton{
  color: var(--Merlot);
}

.homepageRecources__tags :nth-child(4) {
  display: none;
}

.homepageRecources__tags :nth-child(5) {
  display: none;
}


.homepageResources__form {
  background: var(--White);
  display: flex;
  padding: 40px;
  margin: 40px 105px 40px 105px;
  gap: 32px;
  align-items: center;
}

.homepageResources__form form {
  width: 100%;
}

.homepageResources__form select {
  width: 42%;
  height: 40px;
  margin-right: 16px;
}

.homepageCivil{
  margin-top: 80px;
}
.homepageCivil__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.homepageCivil__title a {
  color:#1651A5;
  font-family: Cera Pro;
font-weight: 700;
font-style: Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;

}

.homepageCivil__title a:hover {
  font-family: Cera Pro;
font-weight: 700;
font-style: Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
color:#1651A5;
}

.homepageCivil__title h2 {
  padding-bottom: 30px;
}

.homepageCivil__box{
  display: flex;
}

.homepageCivil__box___img {
  height: 747px;
  flex-shrink: 0;
}

.homepageCivil__box___img img{
  width: 100%;
  height: inherit;
}

.homepageCivil__box___card {
  flex-shrink: 0;
  background: var(--Merlot);
  display: grid;
  padding: 60px 0 60px 60px;
}

.homepageCivil__box___card h6 {
  color: var(--White);
  padding-right: 45px;
}

.homepageCivil__box___card h5 {
  color: var(--White);
}

.homepageCivil__slider_card{
  background-color: var(--White);
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 335px;
  height: 386px;
}

.homepageCivil__slider_card h5{
  color: var(--Midnight);
  padding: 0;
  margin: 0;
}

.homepageCivil__slider_card h6{
  color: var(--Midnight);
  width: auto;
  padding: 0;
}

.homepagePressing {
  padding-top: 130px;
  overflow: hidden;
}

.homepagePressing__title {
  padding-bottom: 40px;
}

.HomePressing__Buttons {
  /* margin-top: 40px; */
  margin-inline: -300px;
}

.HomePressing__Buttons button:first-child{
  margin-left: -35px;
}

.HomePressing__Buttons a {
  margin-inline: 10px;
  margin-bottom: 20px;
}

.peopelComents {
  margin-block: 120px;
  padding-block: 120px;
  background-color: #EEF2FB;
}

.peopelComents__Slider {
  margin-top: 20px;
  height: 310px;

}

.peopelComents__Slider img {
  width: 45px;
  height: 38px;
  flex-shrink: 0;
}

.peopelComents__Rightside {
  background-color: var(--Zodiac);
  padding: 130px 50px 130px 50px;
  border-radius: 10px;
}

.peopelComents__Rightside_Card label {
  color: var(--White);
  font-family: "Cera Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal
}

.peopelComents__Rightside_Card img {
  width: 80px;
  height: 57.531px;
}

.peopelComents__Rightside_Card_chackBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.peopelComents__Rightside_Card_chackBox input {
  border-radius: 0 !important;
  background-color: var(--Zodiac);
}

.peopelComents__Rightside_Card_Title {
  display: flex;
  flex-direction: column;
  /*align-items: center;*/
  gap: 40px;
  /*padding-inline: 60px;*/
  margin-bottom: 40px;
}

.peopelComents__Rightside_Card_Title p {
  color: var(--White);
  text-align: left;
  font-family: "Cera Pro";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

/*.homepageNewsroom {
  padding-top: 120px;
}*/

.homepageNewsroom__subject {
  display: flex;
}

.homepageNewsroom__subject span{
  font-size: 18px;
}

.homepageNewsroom__subject p {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: var(--Tory);
}

.homepageNewsroom__subject .body-large {
  color: var(--Zodiac);
  margin-left: 12px;
  margin-bottom: 0 !important;
  height: 24px;
}

.homepageNewsroom__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}

.homepageNewsroom__title .body-large {
  color: var(--Tory);
}

.homepageNewsroom__title h2 {
  padding-bottom: 30px;
}

.homepageVideo {
  padding-top: 120px;
  padding-bottom: 240px;
}



.homepageVideo__background_left {
  background-color: var(--PastelBlue);
  height: 700px;
}

.homepageVideo__background_right {
  background-color: var(--LightPastelBlue);
  height: 700px;
}

.homepageVideo__detail {
  display: flex;
  margin-top: -585px;
}

.homepageVideo__text {
  padding-left: 120px;
  padding-top: 20px;
}

.homepageVideo__subject {
  display: flex;
}

.homepageVideo__subject p {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: var(--PastelBlue);
  margin-top: 5px;
}

.homepageVideo__subject .body-large {
  color: var(--Midnight);
  margin-left: 12px;
  margin-bottom: 0 !important;
  height: 24px;
}

.homepageVideo__title button {
  margin-top: 30px;
}

.homepageVideo__title > h1{
  font-size: 48px !important;
  padding-right: 70px;
}

.homepageVideo__title h6 {
  margin-top: 20px;
}


/*YT*/
.video-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.75);z-index:9999}
.video-modal.is-open{display:flex}
.video-modal__dialog{position:relative;width:min(90vw,960px);max-width:100%;margin:24px;animation:vm-fade .2s ease}
.video-modal__ratio{position:relative;width:100%;padding-top:56.25%} /* 16:9 */
.video-modal__ratio iframe{position:absolute;inset:0;border:0;width:100%;height:100%}
.video-modal__backdrop{position:absolute;inset:0}
.video-modal__close{position:absolute;top:-12px;right:-12px;width:40px;height:40px;border:0;border-radius:20px;background:#fff;color:#111;cursor:pointer;font-size:24px;line-height:40px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.25)}
@keyframes vm-fade{from{opacity:.8;transform:translateY(8px)}to{opacity:1;transform:none}}


/* Base styles (border + smooth transitions) */
.homepageMember__box_white1,
.homepageMember__box_white2,
.homepageMember__box_white3 {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Hover + keyboard focus -> blue background, white text, blue border */
.homepageMember__box_white1:hover,
.homepageMember__box_white1:focus,
.homepageMember__box_white1:focus-visible,
.homepageMember__box_white2:hover,
.homepageMember__box_white2:focus,
.homepageMember__box_white2:focus-visible,
.homepageMember__box_white3:hover,
.homepageMember__box_white3:focus,
.homepageMember__box_white3:focus-visible {
  background: #1651A5;
  border-color: #1651A5;
  color: #fff;
  cursor: pointer;
}

/* Ensure headings inside flip to white too */
.homepageMember__box_white1:hover h5, .homepageMember__box_white1:hover h6,
.homepageMember__box_white1:focus h5, .homepageMember__box_white1:focus h6,
.homepageMember__box_white1:focus-visible h5, .homepageMember__box_white1:focus-visible h6,
.homepageMember__box_white2:hover h5, .homepageMember__box_white2:hover h6,
.homepageMember__box_white2:focus h5, .homepageMember__box_white2:focus h6,
.homepageMember__box_white2:focus-visible h5, .homepageMember__box_white2:focus-visible h6,
.homepageMember__box_white3:hover h5, .homepageMember__box_white3:hover h6,
.homepageMember__box_white3:focus h5, .homepageMember__box_white3:focus h6,
.homepageMember__box_white3:focus-visible h5, .homepageMember__box_white3:focus-visible h6 {
  color: #fff;
}

/* Optional: if these are clickable, make them focusable & pointery */
.homepageMember__box_white1[role="button"],
.homepageMember__box_white2[role="button"],
.homepageMember__box_white3[role="button"] { cursor: pointer; }




.homepageMember__subject {
  display: flex;
}

.homepageMember__subject p {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: var(--Tory);
}

.homepageMember__subject .body-large {
  color: var(--Zodiac);
  margin-left: 12px;
  margin-bottom: 0 !important;
  height: 24px;
}

.homepageMember__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 40px;
}

.homepageMember__title .body-large {
  color: var(--Tory);
}

.homepageMember__ {
  margin-left: 45px;
}

.homepageMember__background {
  background: linear-gradient(90deg, #132554 1.03%, rgba(19, 37, 84, 0.00) 55.46%, rgba(19, 37, 84, 0.00) 100%);
}

.homepageMember__background img{
  width: 97%;
}

.homepageMember__box {
  margin-top: -500px;
  position: absolute;
  gap: 20px;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.20);
}

.homepageMember__box_white1 {
  background-color: var(--White);
  width: 486.255px;
  border-left: 5px solid var(--Zodiac);
  margin-bottom: 20px;
  padding: 20px;
  margin-left: -40px;
}

.homepageMember__box_white2 {
  background-color: var(--White);
  width: 486.255px;
  border-left: 5px solid var(--Tory);
  margin-bottom: 20px;
  padding: 20px;
  margin-left: -40px;
}

.homepageMember__box_white3 {
  background-color: var(--White);
  width: 486.255px;
  border-left: 5px solid var(--PastelBlue);
  margin-bottom: 20px;
  padding: 20px;
  margin-left: -40px;
}

.homepageMember__box_white h5,
.homepageMember__box_white h6 {
  padding-left: 30px;
}

.homepageMember__box_blue {
  background-color: var(--Tory);
  border-left: 5px solid var(--PastelBlue);
  width: 486.255px;
  padding: 40px;
  margin-left: -40px;
}


.homepageMember__box_blue h6 {
  color: var(--White);
  margin: 0px;
  padding-left: 30px;
}

/*.homepageMember{
  padding-top: 96px;
}*/

.homepageOther {
  margin-top: 60px;
  margin-bottom: 120px;
}

.homepageOther__cards {
  margin-top: 30px;
  justify-content: space-between;
}

.homepageOther__card1 {
  padding: 12.5px;
  height: 600px;
  width: 620x;
  position: relative;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 70.14%), url(../images/Donate1.jfif) lightgray 50% / cover no-repeat;
}


.homepageOther__card2 {
  padding: 12.5px;
  height: 600px;
  width: 620px;
  position: relative;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 70.14%), url(http://aiia1.wpenginepowered.com/wp-content/uploads/2025/10/volunteer_img.jpg) lightgray 50% / cover no-repeat;
}

.uhomepageOtherCardGradient {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 70.14%);
  opacity: 0.9;
}

.homepageOther__card_content {
  z-index: 2;
  color: var(--White);
  position: absolute;
  bottom: 30px;
  left: 0;
  padding-inline: 30px;
}


/* responsive HomePage */


@media only screen and (max-width: 600px) {

  .homepageHeader {
    /*margin-block: 48px;*/
    padding-bottom: 0;
    padding-inline: 30px;
  }

  .PillButton{
    font-size: 14px;
  }

  .homepageRecources .pointer p{
    font-size: 18px;
    font-weight: 500;
  }

  .homepageHeader__logo img {
    width: 320px;
  }

  .homepageHeader__content{
    margin-top: 32px;
    padding-inline: 10px;
  }
  .homepageHeader__content .pointer{
    margin-left: 7px;
  }

  .homepageHeader__content h1{
    font-size: 36px;
    text-align: left;
  }

  .homepageHeader__summary {
    font-size: 16px;
    margin-top: 24px;
    border: none;
    padding-left: 0px;
    color: var(--Zodiac);
    width: 100%;
    text-align: left;
    font-weight: 500;
  }

  .homepageHeader__buttons {
    padding-top: 15px;
    padding-bottom: 48px;
    display: flex;
    gap: 20px;
  }

  .homepageHeader__buttons button {
    margin-right: 0;
    padding-inline: 27px;
  }

  .homepageHeader__title {
    color: var(--Zodiac);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
  }

  .homepageRecources {
    padding-top: 64px;
    padding-inline: 30px;
    padding-bottom: 64px;
  }

  .resource-card{
    width: 100%;
    padding-bottom: 20px;
  }

  .smallVerticalCards__card img{
    height: auto !important;
  }


  .homepageRecources__title h2 {
    font-size: 28px;
    padding-bottom: 0;
  }

  .homepageRecources__title {
    display: block;
    padding-bottom: 10px;
  }

  .homepageRecources__tags :nth-child(4) {
    display: flex;
  }
  
  .homepageRecources__tags :nth-child(5) {
    display: flex;
  }

  .homepageResources__form {
    padding: 40px;
    gap: 32px;
    width: 100%;
    margin: 0px;
  }

  .homepageResources__form form {
    width: 100%;
  }

  .homepageResources__form form select {
    width: 100%;
    height: 41px;
    padding: 10px 20px 10px 20px;
    margin-bottom: 32px;

  }

  .homepageResources__form form button {
    width: 100%;
    height: 56px;

  }

  .homepageCivil{
    padding-inline: 0;
    margin-top: 64px;
  }

  .homepageCivil .body-large{
    font-size: 18px !important;
    font-weight: 500;
  }

  .homepageCivil .pointer{
    padding-inline: 30px;
    margin-bottom: 0px;
  }

  .homepageCivil__title h2 {
    font-size: 28px;
    padding-top: 16px;
    padding-bottom: 10px;
  }

  .homepageCivil__title {
    display: block;
    gap: 16px;
    padding-bottom: 30px;
    padding-inline: 30px;
  }

  .homepageCivil__box {
    display: block;
  }

  .homepageCivil__box___img {
    height: auto;
  }

  .homepageCivil__box___img img {
    height: 311px;
    width: 100%;
    object-fit: cover;
  }
  .homepageCivil__box___card{
    padding: 0;
  }

  .homepageCivil__box___card h6 {
    padding-top: 64px;
    padding-left: 30px;
    /*width: 312px;*/
  }

  .homeCivilSlider__card h5{
    padding-left: 0 !important;
  }

  .homepageCivil__box___card h5 {
    padding: 24px 30px 0px 30px;
  }

  .homepageCivil__slider_card h5{
    padding: 0;
  }

  .homepageCivil__slider_card h6{
    padding: 0;
  }

  .homeCivilSlider .slick-track{
    height: unset !important;
  }

  .homepagePressing {
    padding-top: 64px;
  }

  .homepagePressing__title{
    padding-inline: 30px;
  }

  .homepagePressing__title h2 {
    font-size: 28px;
  }

  .homepagePressing__title {
    padding-bottom: 20px;
  }

  .HomePressing__Buttons {
    margin-inline: -100px;
    height: 370px;
    margin-top: 0;
  }

  .carousel li p{
    margin-top: 0px !important;
  }

  .nav-dot, .right-arrow, .left-arrow {
    bottom: 150px;
  }

  .peopelComents {
    margin-block: 64px;
    padding-block: 64px;
    padding-inline: 30px;
    margin-bottom: 0;
    margin-top: 64px;
    padding-bottom: 0px;
  }

  .peopelComents__Leftside h2 {
    font-size: 28px;
  }

  .peopelComents__Slider {
    height: 400px;
    margin-top: 32px;
  }

  .peopelComents_content {
    padding-inline: 0;
  }

  .peopelComents__Rightside {
    margin-top: 0px;
    border-radius: 0px;
    padding: 64px 30px;
  }

  .largeHorizontalcard__content .body-large{
    font-size: 16px !important;
  }

  .peopelComents__Rightside_Card_Title {
    padding-inline: 0;
    margin-bottom: 10px !important;
    /*padding: 64px 30px;*/
    gap: 0px;
  }

  .peopelComents__Rightside_Card img{
    margin-bottom:40px;
  }

  .peopelComents__Rightside_Card_Title p {
    font-size: 20px;
  }

  .peopelComents__Rightside_Card_chackBox label {
    font-size: 14px;
  }

  .carousel p{
    font-size: 18px;
  }

  .carousel li, .carousel{
    margin-top: -100px;
  }

  .homepageNewsroom {
    padding-top: 64px;
    padding-inline: 0px;
  }
  .homepageNewsroom__title, .homepageNewsroom__subject{
    padding: 0px 30px;
  }
  #page > section.container.homepageNewsroom > div.row.mb-5{
    padding: 30px;
  }

  .largeHorizontalcard__content .body-large{
    font-size: 16px;
  }

  .blue-btn{
    padding: 15px 30px;
  }

  .largeHorizontalcard__content h3{
    font-size: 28px;
  }


  .homepageNewsroom__title {
    display: block;
  }

  .homepageNewsroom__title h2 {
    font-size: 28px;
    padding-bottom: 24px;
  }

  .homepageNewsroom__title a {
    color: #1651A5;
  }

  .homepageVideo {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .homepageVideo__detail {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    object-fit: cover;
    margin-top: -660px;
  }

  .homepageVideo__background_left {
    height: 281px;
  }

  .homepageVideo__background_right {
    height: 500px;
    margin-bottom: -50px;
  }

  .homepageVideo__title button{
    width: 100%;
  }

  .homepageVideo__video img {
    width: 100%;
    /*height: 320px;*/
  }
  .homepageVideo__subject .body-large{
    font-size: 18px;
    margin-top: 5px;
  }

  .homepageVideo__title h6{
    font-size: 14px;
  }

  .homepageVideo__text {
    padding-left: 0;
    padding-top: 60px;
  }

  .homepageVideo__title h1 {
    font-size: 28px !important;
  }

  .homepageMember__subject .body-large{
    font-size: 18px;
  }

  .homepageMember__title{
    padding-bottom: 20px;
  }

  .homepageMember {
    padding-top: 100px;
    padding-inline: 0;
  }
  .homepageMember__subject{
    padding-inline: 30px;
  }
  .homepageMember__title{
    padding-inline: 30px;
  }

  .homepageMember__title h2 {
    font-size: 28px;
  }

  .homepageMember__title a {
    display: none;
  }

  .homepageMember__background {
    background: linear-gradient(358deg, #132554 1.45%, rgba(19, 37, 84, 0.00) 62.03%, rgba(19, 37, 84, 0.00) 111.59%);
  }

  .homepageMember__background img {
    width: 100%;
    height: 276px;
  }

  .homepageMember__ {
    margin-left: 0;
    padding-bottom: 364px;
  }

  .homepageMember__box {
    margin-top: -50px;
    padding-inline: 30px;
    padding-bottom: 60px;
    width: 100%;
  }

  .homepageMember__box h6{
    font-size: 14px;
  }

  .homepageMember__box_white1,
  .homepageMember__box_white2,
  .homepageMember__box_white3,
  .homepageMember__box_blue {
    width: 100%;
    height: 90px;
    margin-left: 0;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.20);
  }
  .homepageMember__box_blue {
    padding: 0;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  .homepageMember__box_blue h6{
    font-size: 18px;
    padding: 0;
  }
  .homepageOther {
    margin-bottom: 64px;
    padding-inline: 30px;
  }

  .homepageOther h2 {
    font-size: 28px;
    padding-top: 64px;
    padding-right: 40px;
  }

  .homepageOther__cards {
    margin-top: 24px;
    gap: 25px;
  }

  
  .homepageOther__cards .body-base{
    /*height: 72px;*/
    overflow: hidden;
  }

  .homepageOther__card1,
  .homepageOther__card2 {
    width: 100%;
    height: 354px;
  }

  .homepageOther__card1 p,
  .homepageOther__card2 p{
    font-size: 14px;
  }
}


/* cards  */
.largeHorizontalcard__content
, .mediumHorizontalcard__content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.largeHorizontalcard__content .body-large{
    font-size: 18px;
    font-weight: 500;
  }

.largeHorizontalcard__img {
  height: 299px;
}
.largeHorizontalcard__img img {
  width: 610px;
  height: 299px;
}


.mediumHorizontalcard__img {
  height: 211px;
}


@media only screen and (max-width: 600px) {
  .largeHorizontalcard__img {
    margin-bottom: 20px;
    height: 262px;
}
.largeHorizontalcard__img img {
    width: 100%;
    height: 263px;
    margin-bottom: 20px;
}
.mediumHorizontalcard__img {
  margin-bottom: 30px;
  height: 262px;
}
}



/* =========================
   Processing Delays slider
   ========================= */

.homeCivilSlider{
  position: relative;         /* slider container */
  width: 100%;
  overflow: hidden;
}

/* Gutters: padding on slides + negative margin on list */
.homeCivilSlider .slick-list{ margin: 0 -12px; }
.homeCivilSlider .slick-slide{ padding: 0 12px; }

/* Equal-height cards */
.homeCivilSlider .slick-track{ display: flex; }
.homeCivilSlider .slick-list,
.homeCivilSlider .slick-track{ height: auto !important; }
.homeCivilSlider .slick-slide{ height: auto; }

/* The card */
.homeCivilSlider__card{
  background-color: var(--White);
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.homeCivilSlider__card h5{
  margin: 14px 0 8px;
  line-height: 1.25;
  max-height: 2.6em;          /* ~2 lines clamp */
  overflow: hidden;
}

.homeCivilSlider__card p{
  margin: 0;
  color: #4A4A4A;
  line-height: 1.35;
  max-height: 4.2em;          /* ~3 lines clamp */
  overflow: hidden;
}

/* Image area */
.homeCivilSlider__card_image{
  height: 200px;              /* adjust as needed */
  overflow: hidden;
}
.homeCivilSlider__card_image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ----- New nav row & buttons (matches comp) ----- */
.homeCivilSlider-nav{
  margin-top: 16px;
  display: flex;
  gap: 12px;
}
.homeCivilSlider-nav .s7-nav-btn{
  width: 48px; height: 48px;
  border-radius: 9999px;
  border: 1px solid rgba(255,255,255,.45);
  background: #fff;
  color: #63202B;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0,0,0,.18);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.homeCivilSlider-nav .s7-nav-btn svg{ display:block; }
.homeCivilSlider-nav .s7-nav-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(0,0,0,.22);
}
.homeCivilSlider-nav .s7-nav-btn:active{
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(0,0,0,.18);
}
.homeCivilSlider-nav .s7-nav-btn:focus{
  outline: 2px solid rgba(255,255,255,.7);
  outline-offset: 2px;
}
.homeCivilSlider-nav .s7-nav-btn.slick-disabled{
  opacity: .45;
  cursor: default;
  pointer-events: none;
}

/* Small tweak for tablet/phone */
@media (max-width: 992px){
  .homeCivilSlider-nav{ margin-top: 12px; }
}