/* @import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&family=Roboto:wght@400;700&family=Roboto:ital@1&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Gurmukhi:wdth,wght@87.5,700&family=Noto+Sans+Gurmukhi:wdth,wght@87.5,400&family=Roboto+Condensed:wght@700&family=Roboto:wght@400;700&family=Roboto:ital@1&display=swap");

/*  */

:root {
  /* COLORS */
  --cs--preset--color--blue: #0047ba;
  --cs--preset--color--darkblue: #022851;
  --cs--preset--color--green: #2f7c23;
  --cs--preset--color--red: #c10230;
  --cs--preset--color--yellow: #ffcd00;
  --cs--preset--color--gray: #ebebeb;
  --cs--preset--color--white: #ffffff;
  --cs--preset--color--black: #000000;
  /* FONT SIZES */
  --cs--preset--fontsize--72: 4.5rem;
  --cs--preset--fontsize--48: 3rem;
  --cs--preset--fontsize--34: 2.125rem;
  --cs--preset--fontsize--24: 1.5rem;
  --cs--preset--fontsize--20: 1.25rem;
  --cs--preset--fontsize--18: 1.125rem;
  --cs--preset--fontsize--16: 1rem;
  --cs--preset--fontsize--14: 0.875rem;
  /* SPACING */
  --cs--preset--spacing--3: 0.1875rem;
  --cs--preset--spacing--5: 0.3125rem;
  --cs--preset--spacing--10: 0.625rem;
  --cs--preset--spacing--15: 0.9375rem;
  --cs--preset--spacing--20: 1.25rem;
  --cs--preset--spacing--24: 1.5rem;
  --cs--preset--spacing--30: 1.875rem;
  --cs--preset--spacing--40: 2.5rem;
  --cs--preset--spacing--45: 2.8125rem;
  --cs--preset--spacing--50: 3.125rem;
  --cs--preset--spacing--60: 3.75rem;
  --cs--preset--spacing--80: 5rem;
  --cs--preset--spacing--100: 6.25rem;
  --cs--preset--spacing--120: 7.5rem;
}

:root {
  .has-blue-color {
    color: var(--cs--preset--color--blue);
  }
  .has-blue-background-color {
    background-color: var(--cs--preset--color--blue);
  }
  .has-blue-border-color {
    border-color: var(--cs--preset--color--blue);
  }
  .has-dark-blue-color {
    color: var(--cs--preset--color--darkblue);
  }
  .has-dark-blue-background-color {
    background-color: var(--cs--preset--color--darkblue);
  }
  .has-dark-blue-border-color {
    border-color: var(--cs--preset--color--darkblue);
  }
  .has-green-color {
    color: var(--cs--preset--color--green);
  }
  .has-green-background-color {
    background-color: var(--cs--preset--color--green);
  }
  .has-green-border-color {
    border-color: var(--cs--preset--color--green);
  }
  .has-red-color {
    color: var(--cs--preset--color--red);
  }
  .has-red-background-color {
    background-color: var(--cs--preset--color--red);
  }
  .has-red-border-color {
    border-color: var(--cs--preset--color--red);
  }
  .has-yellow-color {
    color: var(--cs--preset--color--yellow);
  }
  .has-yellow-background-color {
    background-color: var(--cs--preset--color--yellow);
  }
  .has-yellow-border-color {
    border-color: var(--cs--preset--color--yellow);
  }
  .has-gray-color {
    color: var(--cs--preset--color--gray);
  }
  .has-gray-background-color {
    background-color: var(--cs--preset--color--gray);
  }
  .has-gray-border-color {
    border-color: var(--cs--preset--color--gray);
  }
  .has-white-color {
    color: var(--cs--preset--color--white);
  }
  .has-white-background-color {
    background-color: var(--cs--preset--color--white);
  }
  .has-white-border-color {
    border-color: var(--cs--preset--color--white);
  }
  .has-black-color {
    color: var(--cs--preset--color--black);
  }
  .has-black-background-color {
    background-color: var(--cs--preset--color--black);
  }
  .has-black-border-color {
    border-color: var(--cs--preset--color--black);
  }
}

/*    ———————————    */
/*    Base styles    */
/*    ———————————    */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: "Roboto", "Noto Sans Gurmukhi", sans-serif;
  font-size: 16px;
  font-size: 1.0582vw;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--cs--preset--color--darkblue);
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto", "Noto Sans Gurmukhi", sans-serif;
  font-size: 16px;
  font-size: 1.0582vw; /* 16px on 1440px screen wide */
  font-weight: 400;
  font-style: normal;
  margin: 0;
  color: var(--cs--preset--color--darkblue);
}

input {
  font-family: "Roboto", "Noto Sans Gurmukhi", sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

h1 {
  font-size: var(--cs--preset--fontsize--72);
  font-weight: 700;
}
h2 {
  margin: 0;
  font-size: var(--cs--preset--fontsize--48);
  font-family: "Roboto Condensed", "Noto Sans Gurmukhi";
}
h3 {
  margin: 0;
  font-size: var(--cs--preset--fontsize--34);
  font-family: "Roboto Condensed", "Noto Sans Gurmukhi";
  line-height: 1.2em;
}
h3.blue {
  color: var(--cs--preset--color--blue);
}
h3.green {
  color: var(--cs--preset--color--green);
}
h3.red {
  color: var(--cs--preset--color--red);
}
h3.black {
  color: var(--cs--preset--color--black);
}
h4 {
  margin: 0;
  font-size: var(--cs--preset--fontsize--24);
  font-family: "Roboto Condensed", "Noto Sans Gurmukhi";
}
h5,
h6 {
  margin: 0;
  font-size: var(--cs--preset--fontsize--16);
  font-weight: 700;
}
h4.card-blue {
  margin: var(--cs--preset--spacing--30) 0 var(--cs--preset--spacing--20);
  padding: var(--cs--preset--spacing--30) var(--cs--preset--spacing--40);
  font-size: var(--cs--preset--fontsize--20);
  line-height: 1.25rem;
  color: var(--cs--preset--color--white);
  background: var(--cs--preset--color--blue);
  border-radius: var(--cs--preset--spacing--20);
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
}

p {
  margin: 0;
  font-size: var(--cs--preset--fontsize--18);
  line-height: 1.4em;
}
p.p2 {
  font-size: var(--cs--preset--spacing--20);
}
p.p3 {
  font-size: var(--cs--preset--fontsize--16);
}
p.p4 {
  font-size: var(--cs--preset--fontsize--24);
  line-height: 1.4em;
}
p.phone-icon,
p.url-icon,
p.address-icon,
p.email-icon,
p.language-icon {
  position: relative;
  padding-left: var(--cs--preset--spacing--30);
}
p.phone-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: var(--cs--preset--spacing--20);
  height: var(--cs--preset--spacing--20);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23003A5D' d='M9.64.001a10.083 10.083 0 0 1 7.252 2.89h.001A10.239 10.239 0 0 1 20 10.099a.637.637 0 0 1-.623.65h-.011a.637.637 0 0 1-.634-.628 8.96 8.96 0 0 0-2.72-6.311A8.833 8.833 0 0 0 9.66 1.28h-.01a.637.637 0 0 1-.634-.63.637.637 0 0 1 .623-.649Zm5.966 12.846c1.722.184 2.767.821 3.103 1.89.275.877.128 1.82-.425 2.724a5.304 5.304 0 0 1-1.012 1.196C16.3 19.535 15.004 20 13.527 20a8.63 8.63 0 0 1-2.348-.348c-2.277-.646-4.62-2.16-6.6-4.265C2.491 13.392.988 11.031.346 8.737c-.69-2.465-.34-4.645.988-6.137.21-.25 1.85-2.098 3.89-1.447 1.062.339 1.693 1.39 1.877 3.126.13 1.22.004 2.475-.038 2.83-.041.356-.248 1.17-1.262 1.52.45.803 1.317 1.862 2.475 3.005l.028.028c1.136 1.168 2.187 2.043 2.985 2.495.252-.726.784-1.186 1.507-1.272.353-.042 1.6-.169 2.81-.038Z'/%3E%3Cpath fill='%23003A5D' d='M9.704 5.132h.089c2.845 0 5.197 2.306 5.263 5.181a.638.638 0 0 1-.62.653h-.015a.637.637 0 0 1-.634-.624c-.05-2.205-1.873-3.97-4.062-3.933a.638.638 0 0 1-.645-.628.637.637 0 0 1 .624-.65Z'/%3E%3Cpath fill='%23003A5D' d='M16.884 10.828h.01a.637.637 0 0 0 .624-.65A7.78 7.78 0 0 0 15.155 4.7a7.66 7.66 0 0 0-5.512-2.197.637.637 0 0 0-.623.65.638.638 0 0 0 .644.628 6.407 6.407 0 0 1 4.609 1.837 6.506 6.506 0 0 1 1.976 4.582.637.637 0 0 0 .634.628h.001Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 100%;
  vertical-align: text-top;
}
p.url-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: var(--cs--preset--spacing--20);
  height: var(--cs--preset--spacing--20);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23022851' fill-rule='evenodd' d='M1 10a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm8.58-6.708C9.83 3.01 9.975 3 10 3c.025 0 .17.01.42.292.248.28.518.744.765 1.402.412 1.1.707 2.598.79 4.306h-3.95c.083-1.708.378-3.207.79-4.306.247-.658.517-1.121.766-1.402ZM6.023 9c.085-1.91.413-3.655.92-5.008.046-.121.093-.24.143-.358A7.008 7.008 0 0 0 3.07 9h2.951Zm-2.951 2h2.951c.085 1.91.413 3.655.92 5.008.046.121.093.24.143.358A7.008 7.008 0 0 1 3.07 11ZM16.93 9a7.008 7.008 0 0 0-4.014-5.366c.05.117.097.237.143.358.507 1.353.835 3.098.92 5.008h2.951Zm-2.951 2h2.951a7.008 7.008 0 0 1-4.014 5.366 9.53 9.53 0 0 0 .143-.358c.507-1.353.835-3.098.92-5.008Zm-2.002 0c-.084 1.708-.379 3.207-.791 4.306-.247.658-.517 1.121-.766 1.402-.25.282-.394.292-.419.292-.026 0-.17-.01-.42-.292-.248-.28-.518-.744-.765-1.402-.412-1.1-.707-2.598-.79-4.306h3.95Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  vertical-align: text-top;
}
p.address-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: var(--cs--preset--spacing--20);
  height: var(--cs--preset--spacing--20);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23003A5D' d='M10.002 1a7.493 7.493 0 0 0-5.317 2.215A7.518 7.518 0 0 0 2.5 8.552c0 5.219 5.374 10.004 7.027 11.27a.774.774 0 0 0 .987 0c1.656-1.304 6.986-6.051 6.986-11.27a7.528 7.528 0 0 0-2.184-5.336A7.503 7.503 0 0 0 10.002 1Zm0 10.675A3.157 3.157 0 0 1 7.08 9.72a3.172 3.172 0 0 1 .685-3.451 3.16 3.16 0 0 1 5.397 2.24 3.17 3.17 0 0 1-.926 2.238 3.158 3.158 0 0 1-2.235.928Z'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  vertical-align: text-top;
}
p.email-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: var(--cs--preset--spacing--20);
  height: var(--cs--preset--spacing--20);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23003A5D' d='M16.424 2.5H3.577C2.432 2.5 1.5 3.71 1.5 5.199V14.8c0 1.488.932 2.699 2.077 2.699h12.847c1.144 0 2.076-1.21 2.076-2.699V5.2c0-1.488-.931-2.699-2.076-2.699Zm-1.015 1.76L10 8.79 4.591 4.26H15.41Zm1.014 11.48H3.578c-.399 0-.722-.421-.722-.939V5.25l6.727 5.622.028.02.03.02a.682.682 0 0 0 .16.081l.017.005a.61.61 0 0 0 .183.03.612.612 0 0 0 .183-.03c.006-.002.011-.002.017-.005a.686.686 0 0 0 .19-.101c.01-.007.02-.012.028-.02l6.728-5.622v9.552c0 .518-.325.939-.723.939Z'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  vertical-align: text-top;
}
p.language-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 1.4375rem;
  height: var(--cs--preset--spacing--20);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='20' fill='none' viewBox='0 0 23 20'%3E%3Cpath fill='%23003A5D' d='M3.772 17.302 5.92 15.43a.548.548 0 0 1 .358-.134h5.203a.176.176 0 0 0 .124-.049.167.167 0 0 0 .05-.12v-1.07h1.073v1.07a1.214 1.214 0 0 1-.368.862 1.27 1.27 0 0 1-.883.36H6.48l-2.868 2.497a.541.541 0 0 1-.583.115.535.535 0 0 1-.24-.191.517.517 0 0 1-.094-.29v-2.13H1.252a1.265 1.265 0 0 1-.883-.36A1.214 1.214 0 0 1 0 15.127V7.231c.004-.323.137-.632.371-.86a1.28 1.28 0 0 1 .881-.362h6.862V7.06H1.252a.19.19 0 0 0-.12.053.181.181 0 0 0-.056.117v7.895a.163.163 0 0 0 .053.12.19.19 0 0 0 .123.05h1.98c.143 0 .28.056.382.155a.52.52 0 0 1 .158.372v1.479Zm.039-3.564L5.54 8.63h1.652l1.73 5.107h-1.37l-.29-.93H5.455l-.283.93H3.811Zm1.952-1.997h1.192L6.364 9.65l-.6 2.091Zm8.58-7.298h1.629v-.41c0-.034.013-.066.037-.09a.13.13 0 0 1 .092-.036h.87a.13.13 0 0 1 .09.037.123.123 0 0 1 .037.089v.41h1.827a.13.13 0 0 1 .09.037.123.123 0 0 1 .037.089v.816a.123.123 0 0 1-.037.088.129.129 0 0 1-.09.036h-.29c-.038.24-.095.478-.17.71v.011a4.718 4.718 0 0 1-.326.76c-.12.217-.254.426-.4.627a5.708 5.708 0 0 1-.412.518c.211.25.441.484.688.7.3.252.618.481.953.685a.126.126 0 0 1 .056.078.12.12 0 0 1-.016.094l-.448.682a.126.126 0 0 1-.085.06.131.131 0 0 1-.102-.023 8.588 8.588 0 0 1-1.044-.746 7.664 7.664 0 0 1-.75-.75c-.239.208-.454.404-.67.587a12.15 12.15 0 0 1-.836.615.132.132 0 0 1-.187-.032l-.474-.67a.125.125 0 0 1 .032-.182c.311-.209.562-.4.816-.6.217-.183.427-.366.654-.579a8.156 8.156 0 0 1-.519-.814 5.2 5.2 0 0 1-.421-1.05.122.122 0 0 1 .044-.132.129.129 0 0 1 .044-.022l.8-.217a.13.13 0 0 1 .134.042c.01.013.018.028.022.044.129.483.346.939.64 1.346l.238-.31a3.515 3.515 0 0 0 .511-.984c.05-.148.09-.297.124-.448h-3.182a.13.13 0 0 1-.09-.036.125.125 0 0 1-.04-.088v-.823a.13.13 0 0 1 .13-.126l-.006.007Zm5.054 10.396-2.877-2.5h-5.001a1.274 1.274 0 0 1-.883-.36 1.218 1.218 0 0 1-.37-.862V3.224a1.22 1.22 0 0 1 .375-.864l.037-.032c.229-.209.528-.325.84-.328h10.23c.332.003.649.135.881.366l.036.037c.213.224.333.518.335.825v7.89a1.218 1.218 0 0 1-.37.862 1.274 1.274 0 0 1-.882.36h-1.441v2.126a.519.519 0 0 1-.094.29.55.55 0 0 1-.825.076l.009.007Zm-2.316-3.418 2.147 1.872v-1.478c0-.14.057-.274.158-.373a.545.545 0 0 1 .381-.154h1.98a.177.177 0 0 0 .122-.052.167.167 0 0 0 .055-.119V3.224a.18.18 0 0 0-.041-.106l-.014-.02a.19.19 0 0 0-.121-.053h-10.23a.177.177 0 0 0-.1.053h-.02a.167.167 0 0 0-.053.119v7.9a.165.165 0 0 0 .05.121.174.174 0 0 0 .124.05h5.205c.132 0 .26.047.357.133Z'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  vertical-align: text-top;
}
p + p {
  margin-top: var(--cs--preset--spacing--24);
}
p.no-top-spacing {
  margin-top: var(--cs--preset--spacing--5);
}
ul {
  margin: 0;
  padding-left: var(--cs--preset--spacing--24);
}
h4 + ul {
  margin-top: var(--cs--preset--spacing--15);
}
article ul {
  font-size: var(--cs--preset--fontsize--18);
  line-height: 1.4em;
}
article ul:not(.grid) > li + li {
  margin-top: 0.25rem;
}

li.check-icon {
  list-style: none;
}
li.check-icon::before {
  content: "";
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0 0.475rem 0 -1.625rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%230047BA' d='M8.992 1.5A8.24 8.24 0 0 0 .75 9.742a8.24 8.24 0 0 0 8.242 8.241 8.24 8.24 0 0 0 8.241-8.241A8.24 8.24 0 0 0 8.992 1.5Zm4.372 12.614a6.155 6.155 0 0 1-4.372 1.809 6.155 6.155 0 0 1-4.373-1.81 6.155 6.155 0 0 1-1.809-4.37c0-1.652.644-3.203 1.81-4.373a6.155 6.155 0 0 1 4.371-1.81c1.651 0 3.202.644 4.372 1.81a6.155 6.155 0 0 1 1.809 4.372 6.155 6.155 0 0 1-1.81 4.372Zm-1.504-7.55-3.882 4.314L6.17 9.095 4.722 10.56l3.342 3.302 5.326-5.92-1.53-1.378Z'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  vertical-align: text-top;
}
li.check-icon.green-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%232F7C23' d='M8.992 1.5A8.24 8.24 0 0 0 .75 9.742a8.24 8.24 0 0 0 8.242 8.241 8.24 8.24 0 0 0 8.241-8.241A8.24 8.24 0 0 0 8.992 1.5Zm4.372 12.614a6.155 6.155 0 0 1-4.372 1.809 6.155 6.155 0 0 1-4.373-1.81 6.155 6.155 0 0 1-1.809-4.37c0-1.652.644-3.203 1.81-4.373a6.155 6.155 0 0 1 4.371-1.81c1.651 0 3.202.644 4.372 1.81a6.155 6.155 0 0 1 1.809 4.372 6.155 6.155 0 0 1-1.81 4.372Zm-1.504-7.55-3.882 4.314L6.17 9.095 4.722 10.56l3.342 3.302 5.326-5.92-1.53-1.378Z'/%3E%3C/svg%3E%0A");
}
li.check-icon.red-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23C10230' d='M8.992 1.5A8.24 8.24 0 0 0 .75 9.742a8.24 8.24 0 0 0 8.242 8.241 8.24 8.24 0 0 0 8.241-8.241A8.24 8.24 0 0 0 8.992 1.5Zm4.372 12.614a6.155 6.155 0 0 1-4.372 1.809 6.155 6.155 0 0 1-4.373-1.81 6.155 6.155 0 0 1-1.809-4.37c0-1.652.644-3.203 1.81-4.373a6.155 6.155 0 0 1 4.371-1.81c1.651 0 3.202.644 4.372 1.81a6.155 6.155 0 0 1 1.809 4.372 6.155 6.155 0 0 1-1.81 4.372Zm-1.504-7.55-3.882 4.314L6.17 9.095 4.722 10.56l3.342 3.302 5.326-5.92-1.53-1.378Z'/%3E%3C/svg%3E%0A");
}

li.print-icon {
  list-style: none;
}
li.print-icon::before {
  content: "";
  display: inline-block;
  width: 1.375rem;
  height: var(--cs--preset--spacing--20);
  margin: 0 0.25rem 0 -1.625rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' fill='none' viewBox='0 0 22 20'%3E%3Cpath fill='%230047BA' d='M4.227 1h13.125v2.429H4.227V1ZM1.602 4.643h18.375c.721 0 1.312.546 1.312 1.214v6.072c0 .667-.59 1.214-1.312 1.214h-2.625V18H4.227v-4.857H1.602c-.722 0-1.313-.547-1.313-1.214V5.857c0-.668.59-1.214 1.313-1.214Zm5.25 10.928h7.875v-4.857H6.852v4.857ZM2.914 8.286c.725 0 1.313-.544 1.313-1.215 0-.67-.588-1.214-1.313-1.214-.724 0-1.312.544-1.312 1.214 0 .67.588 1.215 1.312 1.215Z'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  vertical-align: text-top;
}
li.print-icon.green-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' fill='none' viewBox='0 0 22 20'%3E%3Cpath fill='%232F7C23' d='M4.227 1h13.125v2.429H4.227V1ZM1.602 4.643h18.375c.721 0 1.312.546 1.312 1.214v6.072c0 .667-.59 1.214-1.312 1.214h-2.625V18H4.227v-4.857H1.602c-.722 0-1.313-.547-1.313-1.214V5.857c0-.668.59-1.214 1.313-1.214Zm5.25 10.928h7.875v-4.857H6.852v4.857ZM2.914 8.286c.725 0 1.313-.544 1.313-1.215 0-.67-.588-1.214-1.313-1.214-.724 0-1.312.544-1.312 1.214 0 .67.588 1.215 1.312 1.215Z'/%3E%3C/svg%3E%0A");
}
li.print-icon.red-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' fill='none' viewBox='0 0 22 20'%3E%3Cpath fill='%23C10230' d='M4.227 1h13.125v2.429H4.227V1ZM1.602 4.643h18.375c.721 0 1.312.546 1.312 1.214v6.072c0 .667-.59 1.214-1.312 1.214h-2.625V18H4.227v-4.857H1.602c-.722 0-1.313-.547-1.313-1.214V5.857c0-.668.59-1.214 1.313-1.214Zm5.25 10.928h7.875v-4.857H6.852v4.857ZM2.914 8.286c.725 0 1.313-.544 1.313-1.215 0-.67-.588-1.214-1.313-1.214-.724 0-1.312.544-1.312 1.214 0 .67.588 1.215 1.312 1.215Z'/%3E%3C/svg%3E%0A");
}

li.online-icon {
  list-style: none;
}
li.online-icon::before {
  content: "";
  display: inline-block;
  width: var(--cs--preset--spacing--20);
  height: var(--cs--preset--spacing--20);
  margin: 0 0.35rem 0 -1.625rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%230047BA' fill-rule='evenodd' d='M1 10a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm8.58-6.708C9.83 3.01 9.975 3 10 3c.025 0 .17.01.42.292.248.28.518.744.765 1.402.412 1.1.707 2.598.79 4.306h-3.95c.083-1.708.378-3.207.79-4.306.247-.658.517-1.121.766-1.402ZM6.023 9c.085-1.91.413-3.655.92-5.008.046-.121.093-.24.143-.358A7.008 7.008 0 0 0 3.07 9h2.951Zm-2.951 2h2.951c.085 1.91.413 3.655.92 5.008.046.121.093.24.143.358A7.008 7.008 0 0 1 3.07 11ZM16.93 9a7.008 7.008 0 0 0-4.014-5.366c.05.117.097.237.143.358.507 1.353.835 3.098.92 5.008h2.951Zm-2.951 2h2.951a7.008 7.008 0 0 1-4.014 5.366 9.53 9.53 0 0 0 .143-.358c.507-1.353.835-3.098.92-5.008Zm-2.002 0c-.084 1.708-.379 3.207-.791 4.306-.247.658-.517 1.121-.766 1.402-.25.282-.394.292-.419.292-.026 0-.17-.01-.42-.292-.248-.28-.518-.744-.765-1.402-.412-1.1-.707-2.598-.79-4.306h3.95Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  vertical-align: text-top;
}
li.online-icon.green-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%232F7C23' fill-rule='evenodd' d='M1 10a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm8.58-6.708C9.83 3.01 9.975 3 10 3c.025 0 .17.01.42.292.248.28.518.744.765 1.402.412 1.1.707 2.598.79 4.306h-3.95c.083-1.708.378-3.207.79-4.306.247-.658.517-1.121.766-1.402ZM6.023 9c.085-1.91.413-3.655.92-5.008.046-.121.093-.24.143-.358A7.008 7.008 0 0 0 3.07 9h2.951Zm-2.951 2h2.951c.085 1.91.413 3.655.92 5.008.046.121.093.24.143.358A7.008 7.008 0 0 1 3.07 11ZM16.93 9a7.008 7.008 0 0 0-4.014-5.366c.05.117.097.237.143.358.507 1.353.835 3.098.92 5.008h2.951Zm-2.951 2h2.951a7.008 7.008 0 0 1-4.014 5.366 9.53 9.53 0 0 0 .143-.358c.507-1.353.835-3.098.92-5.008Zm-2.002 0c-.084 1.708-.379 3.207-.791 4.306-.247.658-.517 1.121-.766 1.402-.25.282-.394.292-.419.292-.026 0-.17-.01-.42-.292-.248-.28-.518-.744-.765-1.402-.412-1.1-.707-2.598-.79-4.306h3.95Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
}
li.online-icon.red-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23C10230' fill-rule='evenodd' d='M1 10a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm8.58-6.708C9.83 3.01 9.975 3 10 3c.025 0 .17.01.42.292.248.28.518.744.765 1.402.412 1.1.707 2.598.79 4.306h-3.95c.083-1.708.378-3.207.79-4.306.247-.658.517-1.121.766-1.402ZM6.023 9c.085-1.91.413-3.655.92-5.008.046-.121.093-.24.143-.358A7.008 7.008 0 0 0 3.07 9h2.951Zm-2.951 2h2.951c.085 1.91.413 3.655.92 5.008.046.121.093.24.143.358A7.008 7.008 0 0 1 3.07 11ZM16.93 9a7.008 7.008 0 0 0-4.014-5.366c.05.117.097.237.143.358.507 1.353.835 3.098.92 5.008h2.951Zm-2.951 2h2.951a7.008 7.008 0 0 1-4.014 5.366 9.53 9.53 0 0 0 .143-.358c.507-1.353.835-3.098.92-5.008Zm-2.002 0c-.084 1.708-.379 3.207-.791 4.306-.247.658-.517 1.121-.766 1.402-.25.282-.394.292-.419.292-.026 0-.17-.01-.42-.292-.248-.28-.518-.744-.765-1.402-.412-1.1-.707-2.598-.79-4.306h3.95Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
}

li.mail-icon {
  list-style: none;
}
li.mail-icon::before {
  content: "";
  display: inline-block;
  width: 2.25rem;
  height: var(--cs--preset--spacing--20);
  margin: 0 0.35rem 0 -1.625rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='20' fill='none' viewBox='0 0 36 20'%3E%3Cpath fill='%230047BA' d='M12 6a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM0 16a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v2H0v-2Zm19 2v-8l8 5 8-5v8H19Z'/%3E%3Cpath fill='%230047BA' d='M19 8V6h16v2l-8 5-8-5Z'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: text-top;
}
li.mail-icon.green-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='20' fill='none' viewBox='0 0 36 20'%3E%3Cpath fill='%232F7C23' d='M12 6a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM0 16a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v2H0v-2Zm19 2v-8l8 5 8-5v8H19Z'/%3E%3Cpath fill='%232F7C23' d='M19 8V6h16v2l-8 5-8-5Z'/%3E%3C/svg%3E%0A");
}
li.mail-icon.red-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='20' fill='none' viewBox='0 0 36 20'%3E%3Cpath fill='%23C10230' d='M12 6a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM0 16a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v2H0v-2Zm19 2v-8l8 5 8-5v8H19Z'/%3E%3Cpath fill='%23C10230' d='M19 8V6h16v2l-8 5-8-5Z'/%3E%3C/svg%3E%0A");
}

li.email-icon {
  list-style: none;
}
li.email-icon::before {
  content: "";
  display: inline-block;
  width: var(--cs--preset--spacing--20);
  height: var(--cs--preset--spacing--20);
  margin: 0 0.35rem 0 -1.625rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%230047BA' d='M17.557 3H2.443C1.096 3 0 4.13 0 5.519v8.962C0 15.87 1.096 17 2.443 17h15.114C18.904 17 20 15.87 20 14.481V5.52C20 4.13 18.904 3 17.557 3Zm-1.194 1.643L10 8.87 3.637 4.643h12.726Zm1.194 10.714H2.443a.864.864 0 0 1-.85-.876V5.566l7.915 5.247.033.018a.904.904 0 0 0 .224.095l.02.005a.91.91 0 0 0 .214.028h.002a.86.86 0 0 0 .214-.028l.02-.005a.91.91 0 0 0 .224-.095c.011-.006.023-.01.033-.018l7.915-5.247v8.915a.865.865 0 0 1-.85.876Z'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  vertical-align: text-top;
}
li.email-icon.green-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%232F7C23' d='M17.557 3H2.443C1.096 3 0 4.13 0 5.519v8.962C0 15.87 1.096 17 2.443 17h15.114C18.904 17 20 15.87 20 14.481V5.52C20 4.13 18.904 3 17.557 3Zm-1.194 1.643L10 8.87 3.637 4.643h12.726Zm1.194 10.714H2.443a.864.864 0 0 1-.85-.876V5.566l7.915 5.247.033.018a.904.904 0 0 0 .224.095l.02.005a.91.91 0 0 0 .214.028h.002a.86.86 0 0 0 .214-.028l.02-.005a.91.91 0 0 0 .224-.095c.011-.006.023-.01.033-.018l7.915-5.247v8.915a.865.865 0 0 1-.85.876Z'/%3E%3C/svg%3E%0A");
}
li.email-icon.red-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23C10230' d='M17.557 3H2.443C1.096 3 0 4.13 0 5.519v8.962C0 15.87 1.096 17 2.443 17h15.114C18.904 17 20 15.87 20 14.481V5.52C20 4.13 18.904 3 17.557 3Zm-1.194 1.643L10 8.87 3.637 4.643h12.726Zm1.194 10.714H2.443a.864.864 0 0 1-.85-.876V5.566l7.915 5.247.033.018a.904.904 0 0 0 .224.095l.02.005a.91.91 0 0 0 .214.028h.002a.86.86 0 0 0 .214-.028l.02-.005a.91.91 0 0 0 .224-.095c.011-.006.023-.01.033-.018l7.915-5.247v8.915a.865.865 0 0 1-.85.876Z'/%3E%3C/svg%3E%0A");
}

ul + p {
  margin-top: var(--cs--preset--spacing--24);
}
p + ul {
  margin-top: var(--cs--preset--spacing--15);
}

a {
  word-break: break-word;
}
article a {
  color: var(--cs--preset--color--blue);
}
article a:hover {
  text-decoration: none;
}

/*    ————    */
/*    Grid    */
/*    ————    */
.grid,
.grid.layout .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--cs--preset--spacing--30);
}
.grid.gap-15,
.grid.gap-15.layout .container {
  gap: var(--cs--preset--spacing--15);
}
.grid.column-3,
.grid.column-3.layout .container {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid img {
  width: 100%;
}
.grid.layout {
  display: block;
}
.grid-divider {
  grid-column: span 2;
}
.grid.column-3 .grid-divider {
  grid-column: span 3;
}

/*    ——————    */
/*    Header    */
/*    ——————    */
.logo {
  display: inline-block;
}
.logo a {
  display: block;
}
.logo img {
  width: 12.375rem;
  height: auto;
}

header {
  position: sticky;
  top: 0;
  padding: 0 3.75rem;
  z-index: 999;
}
.user-logged-in header {
  position: relative;
  z-index: 0;
}
header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
header nav ul {
  display: flex;
  gap: 0 3.75rem;
}
header nav > ul {
  align-items: center;
}
header nav ul a,
footer nav ul a {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.38888889em;
  text-decoration: none;
  font-family: "Roboto", "Noto Sans Gurmukhi", sans-serif;
  transition: color 0.25s ease;
}
header nav ul a:hover,
footer nav ul a:hover {
  color: var(--cs--preset--color--yellow);
}
header nav > ul > li {
  position: relative;
  padding: 2.375rem 0;
}
.main-nav-button {
  padding: 0;
}
header nav > ul > li > a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3125rem 0.625rem;
}
header nav li > ul {
  position: absolute;
  display: none;
  flex-direction: column;
  top: 100%;
  left: 0;
  background-color: var(--cs--preset--color--darkblue);
}
header nav li > ul a {
  display: block;
  padding: var(--cs--preset--spacing--20) 2.5rem;
  white-space: nowrap;
  background-color: transparent;
}
header nav li > ul a:hover {
  color: var(--cs--preset--color--yellow);
}
header nav ul > li:hover > ul {
  display: flex;
}
.nav-container {
  display: flex;
  align-items: center;
  gap: 3.75rem;
}
.nav-container .obten-ayuda {
  display: block;
  padding: 1rem var(--cs--preset--spacing--20);
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  background-color: #ffcd00;
  color: #022851;
  border-radius: 3rem;
  transition: background-color 0.25s ease;
}
.nav-container .obten-ayuda:hover,
.nav-container .obten-ayuda:focus {
  background-color: #fff;
}
nav li.has-children a::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.293 5.293a1 1 0 0 1 1.414 0L8 9.586l4.293-4.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 0-1.414Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}
.nav-button {
  display: none;
}

/*    ——————    */
/*    Footer    */
/*    ——————    */
.footer {
  padding: var(--cs--preset--spacing--50) 0 0;
}
.footer-top {
  display: flex;
  justify-content: space-between;
  padding: 0 0 var(--cs--preset--spacing--50);
}
.footer-top a {
  color: var(--cs--preset--color--white);
  text-decoration: none;
}
.footer-top a:hover,
.footer-top a:focus {
  color: var(--cs--preset--color--white);
  text-decoration: underline;
}
.footer-top-line {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--cs--preset--spacing--40);
}
.footer-top-line .logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.footer nav a {
  display: inline-block;
  padding: 0.625rem 0;
  opacity: 0.5;
  transition: opacity 0.25s ease;
}
.footer nav a:hover,
.footer nav a:focus {
  opacity: 1;
}
.footer #block-camposeguro-morevideoson .menu {
  display: flex;
  gap: 2.5rem;
}
.footer #block-camposeguro-morevideoson .menu a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--cs--preset--spacing--50);
  height: var(--cs--preset--spacing--50);
  padding: 0;
  font-size: 0;
  opacity: 1;
}
.footer #block-camposeguro-morevideoson .menu a:hover,
.footer #block-camposeguro-morevideoson .menu a:focus {
  opacity: 0.75;
}
.footer #block-camposeguro-morevideoson .menu a::after {
  content: "";
  width: var(--cs--preset--spacing--50);
  height: var(--cs--preset--spacing--50);
  background-size: 100%;
}
.footer #block-camposeguro-morevideoson .menu .youtube a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M20.817 4.572a2.826 2.826 0 0 1 1.996 1.995c.47 1.76.472 5.433.472 5.433s0 3.673-.472 5.433a2.826 2.826 0 0 1-1.995 1.995C19.057 19.9 12 19.9 12 19.9s-7.058 0-8.818-.472a2.826 2.826 0 0 1-1.995-1.995C.715 15.673.715 12 .715 12s0-3.673.472-5.433a2.826 2.826 0 0 1 1.995-1.995C4.942 4.1 12 4.1 12 4.1s7.058 0 8.817.472ZM15.605 12 9.74 15.385v-6.77L15.605 12Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
}

.footer-bottom {
  padding: var(--cs--preset--spacing--20) 0 var(--cs--preset--spacing--40);
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
#block-camposeguro-footerbottomcontent {
  display: flex;
  justify-content: space-between;
}
#block-camposeguro-footerbottomcontent img {
  width: 12.25rem;
  height: auto;
}
#block-camposeguro-footerbottomcontent p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.42857143em;
  color: rgba(255, 255, 255, 0.5);
}

/*    ——————————————     */
/*    Layout Builder     */
/*    ——————————————     */
.layout-builder-block {
  padding: 0 !important;
  background-color: transparent;
}
.layout {
  background-color: var(--cs--preset--color--white);
  scroll-margin-block-start: var(--cs--preset--spacing--100);
}
.layout:not(.no-vertical-spacing) {
  padding-top: var(--cs--preset--spacing--50);
  padding-bottom: var(--cs--preset--spacing--50);
}
.layout.no-bottom-spacing {
  padding-bottom: 0;
}
.layout.has-blue-background-color,
.layout.has-green-background-color,
.layout.has-red-background-color {
  color: var(--cs--preset--color--white);
}
.layout.has-blue-background-color.dark-top-gradient {
  background:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0) calc(100% - 33rem),
      rgba(0, 0, 0, 0.4) 100%
    ),
    var(--cs--preset--color--blue);
}
.layout.has-green-background-color.dark-top-gradient {
  background:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0) calc(100% - 33rem),
      rgba(0, 0, 0, 0.4) 100%
    ),
    var(--cs--preset--color--green);
}
.layout.has-red-background-color.dark-top-gradient {
  background:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0) calc(100% - 33rem),
      rgba(0, 0, 0, 0.4) 100%
    ),
    var(--cs--preset--color--red);
}
.container {
  width: 63.25rem !important;
  margin-left: auto;
  margin-right: auto;
}
.container.full,
.layout.full-width > .container {
  width: 100% !important;
}
.columns {
  display: flex;
  gap: var(--cs--preset--spacing--50);
}
.layout.gap-15 > .columns {
  gap: var(--cs--preset--spacing--15);
}
.column {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
}

/*    ———————————————————    */
/*    Autocomplete filter    */
/*    ———————————————————    */
ul.ui-autocomplete {
  padding: var(--cs--preset--spacing--20) 0;
  border: 1px solid var(--cs--preset--color--darkblue) !important;
  border-radius: var(--cs--preset--spacing--20);
}
.ui-autocomplete li a.ui-menu-item-wrapper {
  display: block;
  font-family: "Roboto", "Noto Sans Gurmukhi", sans-serif;
  font-size: var(--cs--preset--spacing--20);
  margin: 0 !important;
  padding: var(--cs--preset--spacing--15) var(--cs--preset--spacing--40);
  color: var(--cs--preset--color--darkblue);
  background: var(--cs--preset--color--white);
  border: none;
}
.ui-autocomplete li a.ui-menu-item-wrapper:hover {
  background: var(--cs--preset--color--darkblue);
  color: var(--cs--preset--color--white);
  border: none;
}
.js input.form-autocomplete.ui-autocomplete-loading {
  background-image: none;
}

/*    —————————————————    */
/*    Language Switcher    */
/*    —————————————————    */
.language-switcher-language-url .links {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--cs--preset--spacing--15);
  list-style: none;
  padding: 0;
}
.language-switcher-language-url .links li {
  display: flex;
  margin: 0;
}
.language-switcher-language-url .language-link,
.resources-menu a {
  display: block;
  width: 100%;
  height: 2.75rem;
  padding: var(--cs--preset--spacing--10) 0 var(--cs--preset--spacing--10)
    var(--cs--preset--spacing--10);
  background-color: var(--cs--preset--color--darkblue);
  color: var(--cs--preset--color--white);
  text-decoration: none;
  text-align: center;
  font-size: var(--cs--preset--fontsize--18);
  font-weight: 700;
  border-radius: 2rem 0 0 2rem;
  transition: color 0.25s ease;
}
.language-switcher-language-url .language-link:hover,
.resources-menu a:hover,
.language-switcher-language-url .language-link.is-active,
.resources-menu .menu a.active {
  color: var(--cs--preset--color--yellow);
}

/*    —————————————————     */
/*    Audio Lang Button     */
/*    —————————————————     */
.lang-audio-button {
  position: relative;
  height: 2.75rem;
  width: 2.75rem;
  min-width: 2.75rem;
}

.lang-audio-button .audio-button {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 100%;
  background-color: var(--cs--preset--color--darkblue);
}
.lang-audio-button .audio-button {
  border-radius: 0 2rem 2rem 0;
}
.lang-audio-button .audio-button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.25s ease;
}
.lang-audio-button .audio-button:hover::after {
  transform: scale(1.25);
}
.lang-audio-button .audio {
  display: none;
}

/*    ————————————     */
/*    Hero Section     */
/*    ————————————     */
.hero-section {
  position: relative;
  display: flex;
  align-items: end;
  min-height: 33.75rem;
  padding-bottom: var(--cs--preset--spacing--100) !important;
  background: no-repeat center center;
  background-size: cover;
  background-color: var(--cs--preset--color--darkblue);
  color: var(--cs--preset--color--white);
}
.hero-section .container {
  position: relative;
  z-index: 1;
}
.hero-section h2 {
  display: flex;
  gap: 1rem;
  font-size: var(--cs--preset--fontsize--72);
  line-height: var(--cs--preset--fontsize--72);
}
.hero-section h2 + p {
  margin-top: 0.75rem;
}
.hero-section a {
  color: var(--cs--preset--color--white);
}
.hero-section img {
  width: 12.25rem;
  height: auto;
  margin-bottom: var(--cs--preset--spacing--20);
}
.hero-section .audio {
  display: none;
}
.hero-slideshow,
.hero-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.hero-slideshow .slide,
.hero-background picture {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.hero-slideshow .slide {
  opacity: 0;
  transition: opacity 1.5s ease;
}
.hero-slideshow .slide img,
.hero-background picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.hero-slideshow .slide.current {
  opacity: 1;
}

/*    ———————————     */
/*    Video Block     */
/*    ———————————     */
.video-block {
  position: relative;
  background: no-repeat center center;
  background-size: cover;
  border-radius: var(--cs--preset--spacing--20);
  overflow: hidden;
  cursor: pointer;
}
.video-block::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--cs--preset--spacing--60);
  height: var(--cs--preset--spacing--60);
  margin-top: -1.875rem;
  margin-left: -1.875rem;
  background-color: var(--cs--preset--color--white);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='28' fill='none' viewBox='0 0 29 28'%3E%3Cpath fill='%23FFCD00' fill-rule='evenodd' d='m7.5 1.257 20.332 11.746L7.5 26.672V1.257Zm3 5.198V21.04l11.668-7.844L10.5 6.455Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-size: 1.75rem 1.75rem;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
  transition: transform 0.25s ease;
  will-change: transform;
}
.video-block:hover::after {
  transform: scale(1.1);
}
.video-block iframe {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
  z-index: 1;
}
.video-block.show iframe {
  opacity: 1;
  pointer-events: all;
}
.video-block.show::after {
  display: none;
}
.video-block picture {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 0;
}
.video-block picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/*    ———————————     */
/*    Audio Block     */
/*    ———————————     */
.audio-block {
  position: relative;
}
.audio-block .audio {
  display: none;
}
.audio-button {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  border: none;
  font-size: 0;
  cursor: pointer;
}
.audio-content > *:first-child,
.audio-block.hero-section h2 {
  display: flex;
  gap: 1rem;
}
.audio-content > p:first-child,
.audio-content > div:first-child {
  justify-content: space-between;
}
.audio-content p a {
  position: relative;
  z-index: 1;
}
.audio-content > .text-align-center:first-child {
  justify-content: center;
}
.audio-content > *:first-child::after,
.audio-block.hero-section h2::after,
.button-block .audio-button::after {
  content: "";
  display: block;
  width: var(--cs--preset--spacing--40);
  min-width: var(--cs--preset--spacing--40);
  height: var(--cs--preset--spacing--40);
  min-height: var(--cs--preset--spacing--40);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23022851' d='M19.162 10.866v6.268c3.023.92 3.023 5.48 0 6.399V29.8c0 1.309-1.483 2.014-2.44 1.16l-5.146-4.592H6.91c-1.055 0-1.91-.803-1.91-1.795v-8.45c0-.992.855-1.796 1.91-1.796h4.632l5.18-4.62c.957-.854 2.44-.15 2.44 1.159Zm12.004-1.024c-1.036-1.217-2.797.463-1.794 1.641 4.269 5.005 4.27 12.697 0 17.7-1.005 1.178.757 2.858 1.794 1.642 5.06-5.933 5.06-15.05 0-20.982v-.001Z'/%3E%3Cpath fill='%23022851' d='M28.04 13.13c3.326 4.132 3.326 10.275 0 14.407-1.003 1.247-2.81-.381-1.838-1.588 2.593-3.22 2.591-8.01 0-11.23-.972-1.207.836-2.835 1.838-1.588Z'/%3E%3Cpath fill='%23022851' d='M24.933 16.48v-.003c1.576 2.286 1.577 5.424 0 7.71-.91 1.317-2.83-.163-1.947-1.442.985-1.428.985-3.396 0-4.825-.882-1.278 1.037-2.758 1.947-1.44Z'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  transition: transform 0.25s ease;
  will-change: transform;
  pointer-events: none;
}
.has-blue-background-color .audio-content > *:first-child::after,
.has-green-background-color .audio-content > *:first-child::after,
.has-red-background-color .audio-content > *:first-child::after,
.audio-block.hero-section h2::after,
.button-block.button--darkblue .audio-button::after,
.button-block .audio-button:hover::after,
.claim-heading-body .audio-content > *:first-child::after,
.claim-card-heading .audio-content > *:first-child::after,
.lang-audio-button .audio-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23fff' d='M19.162 10.866v6.268c3.023.92 3.023 5.48 0 6.399V29.8c0 1.309-1.483 2.014-2.44 1.16l-5.146-4.592H6.91c-1.055 0-1.91-.803-1.91-1.795v-8.45c0-.992.855-1.796 1.91-1.796h4.632l5.18-4.62c.957-.854 2.44-.15 2.44 1.159Zm12.004-1.024c-1.036-1.217-2.797.463-1.794 1.641 4.269 5.005 4.27 12.697 0 17.7-1.005 1.178.757 2.858 1.794 1.642 5.06-5.933 5.06-15.05 0-20.982v-.001Z'/%3E%3Cpath fill='%23fff' d='M28.04 13.13c3.326 4.132 3.326 10.275 0 14.407-1.003 1.247-2.81-.381-1.838-1.588 2.593-3.22 2.591-8.01 0-11.23-.972-1.207.836-2.835 1.838-1.588Z'/%3E%3Cpath fill='%23fff' d='M24.933 16.48v-.003c1.576 2.286 1.577 5.424 0 7.71-.91 1.317-2.83-.163-1.947-1.442.985-1.428.985-3.396 0-4.825-.882-1.278 1.037-2.758 1.947-1.44Z'/%3E%3C/svg%3E%0A");
}
.audio-block .audio-content .green::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%232F7C23' d='M19.162 10.866v6.268c3.023.92 3.023 5.48 0 6.399V29.8c0 1.309-1.483 2.014-2.44 1.16l-5.146-4.592H6.91c-1.055 0-1.91-.803-1.91-1.795v-8.45c0-.992.855-1.796 1.91-1.796h4.632l5.18-4.62c.957-.854 2.44-.15 2.44 1.159Zm12.004-1.024c-1.036-1.217-2.797.463-1.794 1.641 4.269 5.005 4.27 12.697 0 17.7-1.005 1.178.757 2.858 1.794 1.642 5.06-5.933 5.06-15.05 0-20.982v-.001Z'/%3E%3Cpath fill='%232F7C23' d='M28.04 13.13c3.326 4.132 3.326 10.275 0 14.407-1.003 1.247-2.81-.381-1.838-1.588 2.593-3.22 2.591-8.01 0-11.23-.972-1.207.836-2.835 1.838-1.588Z'/%3E%3Cpath fill='%232F7C23' d='M24.933 16.48v-.003c1.576 2.286 1.577 5.424 0 7.71-.91 1.317-2.83-.163-1.947-1.442.985-1.428.985-3.396 0-4.825-.882-1.278 1.037-2.758 1.947-1.44Z'/%3E%3C/svg%3E%0A");
}
.audio-block .audio-content .red::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23C10230' d='M19.162 10.866v6.268c3.023.92 3.023 5.48 0 6.399V29.8c0 1.309-1.483 2.014-2.44 1.16l-5.146-4.592H6.91c-1.055 0-1.91-.803-1.91-1.795v-8.45c0-.992.855-1.796 1.91-1.796h4.632l5.18-4.62c.957-.854 2.44-.15 2.44 1.159Zm12.004-1.024c-1.036-1.217-2.797.463-1.794 1.641 4.269 5.005 4.27 12.697 0 17.7-1.005 1.178.757 2.858 1.794 1.642 5.06-5.933 5.06-15.05 0-20.982v-.001Z'/%3E%3Cpath fill='%23C10230' d='M28.04 13.13c3.326 4.132 3.326 10.275 0 14.407-1.003 1.247-2.81-.381-1.838-1.588 2.593-3.22 2.591-8.01 0-11.23-.972-1.207.836-2.835 1.838-1.588Z'/%3E%3Cpath fill='%23C10230' d='M24.933 16.48v-.003c1.576 2.286 1.577 5.424 0 7.71-.91 1.317-2.83-.163-1.947-1.442.985-1.428.985-3.396 0-4.825-.882-1.278 1.037-2.758 1.947-1.44Z'/%3E%3C/svg%3E%0A");
}
.audio-block .audio-content .blue::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%230047BA' d='M19.162 10.866v6.268c3.023.92 3.023 5.48 0 6.399V29.8c0 1.309-1.483 2.014-2.44 1.16l-5.146-4.592H6.91c-1.055 0-1.91-.803-1.91-1.795v-8.45c0-.992.855-1.796 1.91-1.796h4.632l5.18-4.62c.957-.854 2.44-.15 2.44 1.159Zm12.004-1.024c-1.036-1.217-2.797.463-1.794 1.641 4.269 5.005 4.27 12.697 0 17.7-1.005 1.178.757 2.858 1.794 1.642 5.06-5.933 5.06-15.05 0-20.982v-.001Z'/%3E%3Cpath fill='%230047BA' d='M28.04 13.13c3.326 4.132 3.326 10.275 0 14.407-1.003 1.247-2.81-.381-1.838-1.588 2.593-3.22 2.591-8.01 0-11.23-.972-1.207.836-2.835 1.838-1.588Z'/%3E%3Cpath fill='%230047BA' d='M24.933 16.48v-.003c1.576 2.286 1.577 5.424 0 7.71-.91 1.317-2.83-.163-1.947-1.442.985-1.428.985-3.396 0-4.825-.882-1.278 1.037-2.758 1.947-1.44Z'/%3E%3C/svg%3E%0A");
}
.audio-content > p:first-child {
  gap: 0.5rem;
}
.audio-content > p:first-child::after,
.claim-card-heading .audio-content > *:first-child::after {
  width: 1.75rem;
  min-width: 1.75rem;
  height: 1.75rem;
  min-height: 1.75rem;
}
.audio-block.hero-section h2::after {
  width: var(--cs--preset--spacing--60);
  min-width: var(--cs--preset--spacing--60);
  height: var(--cs--preset--spacing--60);
  min-height: var(--cs--preset--spacing--60);
  margin-top: 0.5rem;
}
.audio-content > h2:first-child::after {
  width: var(--cs--preset--spacing--60);
  min-width: var(--cs--preset--spacing--60);
  height: var(--cs--preset--spacing--60);
  min-height: var(--cs--preset--spacing--60);
}
.audio-content:hover > *:first-child::after,
.audio-block.hero-section h2:hover::after {
  transform: scale(1.125) translateY(-0.0625rem);
}

/*    —————————     */
/*    Card Menu     */
/*    —————————     */
.card-menu > ul {
  display: flex;
  gap: 5.375rem;
}
.card-menu li {
  position: relative;
  flex: 1;
  margin: 0;
  background-color: transparent !important;
}
.card-menu > ul > li > a {
  display: block;
  background-color: var(--cs--preset--color--gray);
  border-radius: var(--cs--preset--spacing--20);
  text-decoration: none;
  color: var(--cs--preset--color--white);
  overflow: hidden;
  transition:
    transform 0.25s ease,
    opacity 0.25s ease;
  will-change: transfrom, opacity;
}
.card-menu > ul > li > a:hover {
  transform: scale(1.025);
}
.card-menu > ul > li > .audio-block {
  position: absolute;
  bottom: var(--cs--preset--spacing--20);
  right: 0;
  padding: var(--cs--preset--spacing--10);
}
.card-menu--active-tab .card-menu > ul > li > a,
.card-menu > ul:hover > li > a:not(:hover) {
  opacity: 0.6;
}
.card-menu--active-tab .card-menu .card-thumbnail,
.card-menu > ul:hover > li > a .card-thumbnail,
.card-menu--active-tab .card-menu > ul > li > a:hover .card-thumbnail {
  filter: grayscale(100%);
}
.card-menu > ul:not(:hover) > li > a:hover,
.card-menu--active-tab .card-menu > ul > li.active > a {
  opacity: 1;
}
.card-menu--active-tab .card-menu > ul > li.active > a .card-thumbnail,
.card-menu > ul > li > a:hover .card-thumbnail {
  filter: grayscale(0%);
}
.card-menu li.has-blue-background-color > a {
  background-color: var(--cs--preset--color--blue);
}
.card-menu li.has-green-background-color > a {
  background-color: var(--cs--preset--color--green);
}
.card-menu li.has-red-background-color > a {
  background-color: var(--cs--preset--color--red);
}
.card-menu h4 {
  display: flex;
  justify-content: center;
  min-height: 5rem;
  padding: var(--cs--preset--spacing--20) var(--cs--preset--spacing--45)
    var(--cs--preset--spacing--20) var(--cs--preset--spacing--45);
  font-size: var(--cs--preset--spacing--20);
  font-family: "Roboto", "Noto Sans Gurmukhi", sans-serif;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  transition: background 0.25s ease;
}
.card-menu--active-tab .card-menu li:not(.active) a/*:not(:hover)*/ h4,
.card-menu > ul:hover li:not(.active) a:not(:hover) h4 {
  background-color: var(--cs--preset--color--black);
}
.card-thumbnail {
  height: 16.875rem;
  background: no-repeat center center;
  background-size: cover;
  transition: all 0.25s ease;
}
.card-menu--active-tab #paid-sick-leave:not(.active),
.card-menu--active-tab
  #paid-sick-leave:not(.active)
  ~ .has-blue-background-color,
.card-menu--active-tab #workers-compensation:not(.active),
.card-menu--active-tab
  #workers-compensation:not(.active)
  ~ .has-green-background-color,
.card-menu--active-tab #retaliation-protections:not(.active),
.card-menu--active-tab
  #retaliation-protections:not(.active)
  ~ .has-red-background-color {
  display: none;
}

/*    ——————————     */
/*    Card Block     */
/*    ——————————     */
.card-block {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 21.25rem;
  padding: var(--cs--preset--spacing--30) var(--cs--preset--spacing--20)
    var(--cs--preset--spacing--24) !important;
  color: var(--cs--preset--color--black);
  text-align: center;
  background: no-repeat center center;
  background-color: var(--cs--preset--color--white) !important;
  background-size: contain;
  border-radius: 1.25rem;
  overflow: hidden;
}
.card-block.with-green-checkbox::after {
  content: "";
  position: absolute;
  top: var(--cs--preset--spacing--20);
  left: var(--cs--preset--spacing--20);
  display: block;
  width: 3.25rem;
  height: 3.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' fill='none' viewBox='0 0 52 52'%3E%3Ccircle cx='26' cy='26' r='25' fill='%232F7C23'/%3E%3Cpath fill='%23fff' d='M22.73 38a5.096 5.096 0 0 1-3.226-1.145l-6.507-5.314a2.724 2.724 0 0 1-.394-3.817 2.674 2.674 0 0 1 3.787-.396l6.292 5.14 12.443-17.343a2.677 2.677 0 0 1 3.76-.608 2.725 2.725 0 0 1 .603 3.789l-12.826 17.86A5.114 5.114 0 0 1 22.725 38h.005Z'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}
.card-block.additional-spacing {
  min-height: 24.0625rem;
  padding: 2.75rem var(--cs--preset--spacing--20);
}
.card-block.link-card {
  transition: all 0.25s ease;
  will-change: transform;
}
.card-block.link-card:hover {
  transform: scale(1.025);
}
.card-block.link-card .link-card-link {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.card-block p {
  font-size: var(--cs--preset--fontsize--16);
  z-index: 1;
}
.card-block.link-card p {
  font-weight: 700;
  text-decoration: underline;
}
.card-block > * {
  z-index: 1;
}
.card-block img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  z-index: 0;
}
.card-block.tall-card {
  min-height: 33.75rem;
}
.card-block.tall-card.additional-spacing {
  padding: var(--cs--preset--spacing--40) var(--cs--preset--spacing--20)
    var(--cs--preset--spacing--60);
}

.help-menu .card-block {
  justify-content: space-between;
  text-decoration: none;
  transition: all 0.25s ease;
  will-change: transform;
}
.help-menu .card-block:hover {
  transform: scale(1.025);
}

/*    ————————————    */
/*    Spacer Block    */
/*    ————————————    */
.spacer-block.layout-builder-block {
  border: 1px solid rgba(0, 0, 0, 0.01);
  background-color: rgba(0, 0, 0, 0.1);
}
.spacer-block.size-10 {
  height: var(--cs--preset--spacing--10);
}
.spacer-block.size-15 {
  height: var(--cs--preset--spacing--15);
}
.spacer-block.size-20 {
  height: var(--cs--preset--spacing--20);
}
.spacer-block.size-24 {
  height: var(--cs--preset--spacing--24);
}
.spacer-block.size-30 {
  height: var(--cs--preset--spacing--30);
}
.spacer-block.size-40 {
  height: var(--cs--preset--spacing--40);
}
.spacer-block.size-50 {
  height: var(--cs--preset--spacing--50);
}
.spacer-block.size-60 {
  height: var(--cs--preset--spacing--60);
}
.spacer-block.size-80 {
  height: var(--cs--preset--spacing--80);
}
.spacer-block.size-100 {
  height: var(--cs--preset--spacing--100);
}
.spacer-block.size-120 {
  height: var(--cs--preset--spacing--120);
}

/*    ————————————    */
/*    Button Block    */
/*    ————————————    */
.button-block {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.button-block .button {
  display: inline-block;
  padding: var(--cs--preset--spacing--10) var(--cs--preset--spacing--50);
  color: var(--cs--preset--color--darkblue);
  background-color: var(--cs--preset--color--white);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-radius: 2rem;
  transition: transform 0.25s ease;
  will-change: transform;
}
.button-block.with-audio .button {
  padding-right: var(--cs--preset--spacing--24);
  border-radius: 2rem 0 0 2rem;
  transition:
    background-color 0.25s ease,
    color 0.25s ease;
}
.button-block .button:hover {
  transform: scale(1.05);
}
.button-block.with-audio .button:hover {
  transform: none;
  background-color: var(--cs--preset--color--darkblue);
  color: var(--cs--preset--color--white);
}
.button-block .audio {
  display: none;
}
.button-block .audio-button {
  position: static;
  display: flex;
  align-items: center;
  margin-left: -1px;
  padding: 0 var(--cs--preset--spacing--15) 0 var(--cs--preset--spacing--10);
  background-color: var(--cs--preset--color--white);
  border-radius: 0 2rem 2rem 0;
  transition: background-color 0.25s ease;
}
.button-block .audio-button:hover {
  background-color: var(--cs--preset--color--darkblue);
}
.button-block .audio-button::after {
  content: "";
  display: block;
  width: var(--cs--preset--spacing--24);
  min-width: var(--cs--preset--spacing--24);
  height: var(--cs--preset--spacing--24);
  min-height: var(--cs--preset--spacing--24);
}

.button-block.button--darkblue .button,
.button-block.button--darkblue .button ~ .audio-button {
  color: var(--cs--preset--color--white);
  background-color: var(--cs--preset--color--darkblue);
}
.button-block.button--darkblue .button:hover,
.button-block.with-audio.button--darkblue .button:hover,
.button-block.button--darkblue .audio-button:hover {
  background-color: var(--cs--preset--color--blue);
}

.button-block.button--bordered .button,
.button-block.button--bordered .button ~ .audio-button {
  border: 1px solid var(--cs--preset--color--darkblue);
}
.button-block.with-audio.button--bordered .button {
  border-right: none;
}
.button-block.with-audio.button--bordered .button ~ .audio-button {
  border-left: none;
}

.button-block.button--back-icon .button,
.button-block.resources--more .button {
  width: 11rem;
  justify-content: center;
}
.button-block.button--back-icon .button::before {
  content: "";
  display: inline-block;
  width: var(--cs--preset--spacing--24);
  height: 1.125rem;
  margin-right: 0.5rem;
  margin-left: -0.5rem;
  vertical-align: text-bottom;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none' viewBox='0 0 24 18'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.657 16.07 1.293 9.708a1 1 0 0 1 0-1.414L7.657 1.93A1 1 0 0 1 9.07 3.343L4.414 8H23v2H4.414l4.657 4.657a1 1 0 1 1-1.414 1.414Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}

/*    ———————————     */
/*    Image Block     */
/*    ———————————     */
.image-block img {
  display: block;
  width: 100%;
  height: auto;
  border: 2px solid var(--cs--preset--color--black);
  border-radius: var(--cs--preset--spacing--20);
}

/*    ————————————————     */
/*    Earn Hours Block     */
/*    ————————————————     */
.earn-hours-block {
  background-color: var(--cs--preset--color--white);
  padding: 4rem;
  border-radius: 1.25rem;
  font-size: var(--cs--preset--fontsize--16);
  text-align: center;
  color: var(--cs--preset--color--black);
}
.hours-container {
  position: relative;
  max-width: 30.875rem;
  margin: var(--cs--preset--spacing--10) auto 0;
  padding: var(--cs--preset--spacing--30);
  background-size: 100%;
  border: var(--cs--preset--spacing--10) solid
    var(--cs--preset--color--darkblue);
  border-radius: var(--cs--preset--spacing--20);
}
.earn-hours-block .hours-container {
  border-color: #7e7a79;
  margin-top: var(--cs--preset--spacing--60);
}
.earn-hours-block h3 {
  margin-bottom: var(--cs--preset--spacing--40);
}
.earn-hours-block p {
  font-size: var(--cs--preset--fontsize--16);
  font-weight: 700;
}
.hours-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hours-number {
  font-size: 11.25rem;
  font-weight: 700;
  color: var(--cs--preset--color--green);
  line-height: 0.8em;
  transition: transform 0.25s ease-out;
}
.hours-number.animate {
  transform: scale(1.05);
}
.slider-container {
  max-width: 39.25rem;
  margin: var(--cs--preset--spacing--20) auto var(--cs--preset--spacing--30);
  position: relative;
}
.slider-description {
  max-width: 39.25rem;
  margin: 0 auto;
}
.slider {
  position: relative;
  width: 100%;
  height: var(--cs--preset--spacing--40);
  background: transparent;
  outline: none;
  -webkit-appearance: none;
  z-index: 99;
  cursor: pointer;
}
.slider-track {
  position: absolute;
  top: 50%;
  left: 0.125rem;
  right: 0.125rem;
  height: var(--cs--preset--spacing--40);
  background:
    linear-gradient(
      90deg,
      var(--cs--preset--color--green) 3.18%,
      rgba(0, 0, 0, 0) 96.82%
    ),
    #c5c5c5;
  border-radius: 2rem;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 97;
}

.slider::-webkit-slider-thumb {
  position: relative;
  width: 4.125rem;
  height: 4.125rem;
  background: var(--cs--preset--color--black);
  border: none;
  border-radius: 50%;
  -webkit-appearance: none;
  transition: transform 0.2s ease;
  cursor: pointer;
}
.slider::-moz-range-thumb {
  width: 4.125rem;
  height: 4.125rem;
  background: var(--cs--preset--color--black);
  border: none;
  border-radius: 50%;
  transform: translateY(0.125rem);
  transition: transform 0.2s ease;
  cursor: pointer;
}
.slider::-webkit-slider-thumb:hover {
  transform: scale(1.125);
}
.slider::-moz-range-thumb:hover {
  transform: translateY(0.125rem) scale(1.125);
}
.hours-worked {
  margin: 0 0 1rem;
  font-family: "Roboto", "Noto Sans Gurmukhi", sans-serif;
  font-size: var(--cs--preset--fontsize--18);
  font-weight: 700;
}
.hours-text {
  font-weight: 700;
}
.hours-text span.hide {
  display: none;
}
.slider-output-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.125rem;
  right: 4.125rem;
}
.slider-output {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.125rem;
  text-align: center;
  pointer-events: none;
  color: var(--cs--preset--color--white);
  font-size: var(--cs--preset--fontsize--18);
  font-weight: 700;
  z-index: 100;
}

/*    —————————————     */
/*    Organizations     */
/*    —————————————     */
.organization-block {
  height: 100%;
}
.organization {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  /* width: 18.8099rem; */
  height: 100%;
  min-height: 14.88095rem;
  padding: var(--cs--preset--spacing--20) var(--cs--preset--spacing--40)
    var(--cs--preset--spacing--30);
  border: 1px solid var(--cs--preset--color--gray);
  border-radius: var(--cs--preset--spacing--20);
}
.organization h4 {
  min-height: 4.4375rem;
  font-size: var(--cs--preset--fontsize--18);
  font-weight: 400;
  text-align: center;
}

/*    —————————     */
/*    Resources     */
/*    —————————     */
.resources {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 2rem;
  row-gap: var(--cs--preset--spacing--60);
  margin: var(--cs--preset--spacing--30) 0 0;
}
.resources-menu .menu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: var(--cs--preset--spacing--10);
  row-gap: var(--cs--preset--spacing--15);
}
.resources-menu .menu li {
  margin: 0;
}
.resources-menu .menu a {
  height: auto;
  border-radius: 2rem;
}
.resource {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--cs--preset--spacing--15);
}
.resource img {
  width: 100%;
  aspect-ratio: 4 / 5;
  outline: var(--cs--preset--spacing--3) solid var(--cs--preset--color--gray);
  border-radius: var(--cs--preset--spacing--20);
}
.resource .links {
  display: flex;
  gap: var(--cs--preset--spacing--10);
  font-size: var(--cs--preset--fontsize--20);
  color: var(--cs--preset--color--darkblue);
}
.resource .links a {
  color: var(--cs--preset--color--darkblue);
  text-decoration: none;
}
.resource .links a:hover {
  font-weight: 700;
}
.button-block.with-audio.resources--more .button {
  padding-left: var(--cs--preset--spacing--40);
  padding-right: var(--cs--preset--spacing--15);
}

/*    ————————————     */
/*    Exposed Form     */
/*    ————————————     */
.views-exposed-form {
  position: relative;
}
.views-exposed-form .form-item-tid label,
.views-exposed-form .form-item-tid .description,
.views-exposed-form .form-submit {
  display: none;
}
.views-exposed-form .form-submit[data-drupal-selector="edit-reset"] {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: var(--cs--preset--spacing--100);
  padding: 0 var(--cs--preset--spacing--20);
  font-size: var(--cs--preset--spacing--60);
  color: var(--cs--preset--color--darkblue);
  border: none;
  background: none;
  cursor: pointer;
  transition: transform 0.25s ease;
}
.views-exposed-form .form-submit[data-drupal-selector="edit-reset"]:hover {
  transform: scale(1.1);
}
.views-exposed-form input.form-autocomplete {
  display: block;
  width: 100%;
  padding: var(--cs--preset--spacing--30) 7rem var(--cs--preset--spacing--30)
    var(--cs--preset--spacing--40);
  font-size: var(--cs--preset--fontsize--18);
  font-weight: 700;
  line-height: 1.575rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  background-color: var(--cs--preset--color--white);
  background-clip: padding-box;
  color: var(--cs--preset--color--darkblue);
  border: 1px solid var(--cs--preset--color--darkblue);
  border-radius: 5rem;
  outline: 0;
}
.views-exposed-form .form-item-tid {
  position: relative;
}
.views-exposed-form .form-item-tid::after {
  content: "";
  display: block;
  position: absolute;
  right: 2.1875rem;
  top: 50%;
  margin-top: -1.25rem;
  width: var(--cs--preset--spacing--40);
  height: var(--cs--preset--spacing--40);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23022851' d='M9.483 6.247c5.205-4.252 12.857-3.498 17.091 1.685 3.27 4.002 3.544 9.477 1.102 13.721l6.352 7.776c1.51 1.849 1.23 4.578-.627 6.095-1.857 1.517-4.587 1.248-6.098-.602l-6.352-7.775c-4.646 1.547-9.956.187-13.226-3.816C3.49 18.148 4.278 10.499 9.483 6.247Zm11.7 14.32c2.914-2.38 3.354-6.663.984-9.565-2.37-2.901-6.655-3.324-9.57-.943-2.914 2.381-3.355 6.664-.984 9.565 2.37 2.902 6.655 3.324 9.57.944Z'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  pointer-events: none;
}
.views-exposed-form .form-item-tid::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6.5rem;
  border-left: 1px solid var(--cs--preset--color--darkblue);
  pointer-events: none;
}

/*    ————————    */
/*    Agencies    */
/*    ————————    */
.agency-block {
  height: 100%;
}
.agency {
  height: 100%;
  border: 1px solid var(--cs--preset--color--gray);
  border-radius: var(--cs--preset--spacing--20);
}
.agency-header {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--cs--preset--spacing--30);
  min-height: 7.8rem;
  padding: var(--cs--preset--spacing--30) var(--cs--preset--spacing--30)
    var(--cs--preset--spacing--20) var(--cs--preset--spacing--30);
  border-bottom: 1px solid var(--cs--preset--color--gray);
}
.agency.with-audio .agency-header {
  padding-right: var(--cs--preset--spacing--60);
}
.agency-header img {
  width: auto;
  max-width: 40%;
  max-height: 4.625rem;
}
.agency-header h3 {
  font-family: "Roboto", "Noto Sans Gurmukhi", sans-serif;
  font-size: var(--cs--preset--fontsize--20);
  line-height: 1.5rem;
}
.agency-body {
  padding: var(--cs--preset--spacing--20) var(--cs--preset--spacing--30)
    var(--cs--preset--spacing--30);
}
.agency-body ul {
  margin-top: 1em;
  font-size: var(--cs--preset--fontsize--18);
}
.agency-body li::marker {
  content: "• ";
}
.agency-body a {
  text-decoration: none;
  color: var(--cs--preset--color--darkblue);
}
.agency .audio-block {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.agency .audio-block h3 {
  width: 100%;
  justify-content: space-between;
}
.agency .audio-content {
  display: flex;
  justify-content: flex-end;
  padding: var(--cs--preset--spacing--10) var(--cs--preset--spacing--10);
}

.agency-contacts {
  margin-top: var(--cs--preset--spacing--50);
  padding: var(--cs--preset--spacing--10) var(--cs--preset--spacing--40)
    var(--cs--preset--spacing--20);
  background-color: var(--cs--preset--color--white);
  border-radius: var(--cs--preset--spacing--20);
  list-style: none;
}
.agency-contacts > ul {
  padding: 0;
  list-style: none;
}
.agency-contact {
  padding: var(--cs--preset--spacing--30) 0;
}
.agency-contact + .agency-contact {
  border-top: 1px solid var(--cs--preset--color--black);
}
.agency-contacts h3 {
  margin-bottom: var(--cs--preset--spacing--10);
}

/*    ———————————————————————     */
/*    Community Organizations     */
/*    ———————————————————————     */
.community-organizations > ul {
  display: flex;
  flex-direction: column;
  gap: var(--cs--preset--spacing--60);
  padding: 0;
  margin: var(--cs--preset--spacing--80) 0 0;
  list-style: none;
}
.community-organization {
  display: flex;
  flex-direction: column;
  gap: var(--cs--preset--spacing--20);
  /* min-height: 14.88095rem; */
  padding: var(--cs--preset--spacing--40);
  background-color: var(--cs--preset--color--gray);
  border: 1px solid #b0b0b0;
  border-radius: var(--cs--preset--spacing--20);
}
.community-organization:nth-child(even) {
  background-color: var(--cs--preset--color--white);
}
.views-field-field-logotype-community img {
  width: auto;
  height: 5.625rem;
}
.community-organization .views-field-body a {
  text-decoration: none;
  color: var(--cs--preset--color--darkblue);
}
.community-organization .list--with-icons {
  display: flex;
  flex-direction: column;
  gap: var(--cs--preset--spacing--10);
}
.community-organization .list--with-icons li {
  font-size: var(--cs--preset--fontsize--20);
}

.community-organizations-block form {
  position: relative;
}
.community-organizations-block .form-item-tid label,
.community-organizations-block .form-item-tid .description,
.community-organizations-block .form-submit,
.community-organizations-block .views-field-term-node-tid {
  display: none;
}
.community-organizations-block .form-submit[data-drupal-selector="edit-reset"] {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: var(--cs--preset--spacing--100);
  padding: 0 var(--cs--preset--spacing--20);
  font-size: var(--cs--preset--spacing--60);
  color: var(--cs--preset--color--darkblue);
  border: none;
  background: none;
  cursor: pointer;
  transition: transform 0.25s ease;
}
.community-organizations-block
  .form-submit[data-drupal-selector="edit-reset"]:hover {
  transform: scale(1.1);
}
.community-organizations-block input.form-autocomplete {
  display: block;
  width: 100%;
  padding: var(--cs--preset--spacing--30) 7rem var(--cs--preset--spacing--30)
    var(--cs--preset--spacing--40);
  font-size: var(--cs--preset--fontsize--18);
  font-weight: 700;
  line-height: 1.575rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  background-color: var(--cs--preset--color--white);
  background-clip: padding-box;
  color: var(--cs--preset--color--darkblue);
  border: 1px solid var(--cs--preset--color--darkblue);
  border-radius: 5rem;
  outline: 0;
}
.community-organizations-block .form-item-tid {
  position: relative;
}
.community-organizations-block .form-item-tid::after {
  content: "";
  display: block;
  position: absolute;
  right: 2.1875rem;
  top: 50%;
  margin-top: -1.25rem;
  width: var(--cs--preset--spacing--40);
  height: var(--cs--preset--spacing--40);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23022851' d='M9.483 6.247c5.205-4.252 12.857-3.498 17.091 1.685 3.27 4.002 3.544 9.477 1.102 13.721l6.352 7.776c1.51 1.849 1.23 4.578-.627 6.095-1.857 1.517-4.587 1.248-6.098-.602l-6.352-7.775c-4.646 1.547-9.956.187-13.226-3.816C3.49 18.148 4.278 10.499 9.483 6.247Zm11.7 14.32c2.914-2.38 3.354-6.663.984-9.565-2.37-2.901-6.655-3.324-9.57-.943-2.914 2.381-3.355 6.664-.984 9.565 2.37 2.902 6.655 3.324 9.57.944Z'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  pointer-events: none;
}
.community-organizations-block .form-item-tid::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6.5rem;
  border-left: 1px solid var(--cs--preset--color--darkblue);
  pointer-events: none;
}

/*    —————————    */
/*    FAQ block    */
/*    —————————    */
.faq-block h4 {
  display: flex;
  gap: var(--cs--preset--spacing--10);
  margin: var(--cs--preset--spacing--30)
    calc(var(--cs--preset--spacing--15) * -1) var(--cs--preset--spacing--20);
  padding: var(--cs--preset--spacing--10) var(--cs--preset--spacing--15);
  font-size: var(--cs--preset--fontsize--20);
  line-height: 1.25rem;
  color: var(--cs--preset--color--white);
  background: var(--cs--preset--color--blue);
  border-radius: var(--cs--preset--spacing--10);
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
}
.faq-block.green h4 {
  background: var(--cs--preset--color--green);
}
.faq-block.red h4 {
  background: var(--cs--preset--color--red);
}
.counter {
  counter-reset: counter;
}
.counter .faq-block h4::before {
  content: counter(counter) ".";
  counter-increment: counter;
}

/*    ————————————    */
/*    Claim blocks    */
/*    ————————————    */
.claim-heading-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--cs--preset--spacing--15) var(--cs--preset--spacing--60)
    var(--cs--preset--spacing--15) var(--cs--preset--spacing--15);
  color: var(--cs--preset--color--white);
  background: var(--cs--preset--color--blue);
  border-radius: var(--cs--preset--spacing--20);
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
}
.claim-heading-block.green {
  background: var(--cs--preset--color--green);
}
.claim-heading-block.red {
  background: var(--cs--preset--color--red);
}
.claim-heading-logo {
  width: 34.38775510204082%;
  text-align: right;
}
.claim-heading-logo img {
  width: auto;
  height: var(--cs--preset--spacing--120);
}
.claim-heading-body {
  width: 62.55102040816326%;
}
.claim-heading-block h4 {
  font-size: var(--cs--preset--fontsize--34);
  font-family: "Roboto Condensed", "Noto Sans Gurmukhi";
  color: var(--cs--preset--color--white);
}
.claim-heading-block h4 a {
  color: var(--cs--preset--color--white);
}
.claim-heading-block .audio-block {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.claim-heading-block .audio-block h3 {
  width: 100%;
  justify-content: space-between;
}
.claim-heading-block .audio-content {
  display: flex;
  justify-content: flex-end;
  padding: var(--cs--preset--spacing--10) var(--cs--preset--spacing--10);
}

.claim-card-block {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--cs--preset--spacing--20);
  overflow: hidden;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
}
.claim-card-heading {
  padding: var(--cs--preset--spacing--15);
  color: var(--cs--preset--color--white);
  background: var(--cs--preset--color--blue);
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
}
.claim-card-heading h5 {
  align-items: center;
  justify-content: center;
  font-size: var(--cs--preset--fontsize--20);
  line-height: 1.25rem;
  text-align: center;
}
.claim-card-block.green .claim-card-heading {
  background: var(--cs--preset--color--green);
}
.claim-card-block.red .claim-card-heading {
  background: var(--cs--preset--color--red);
}
.claim-card-body {
  flex: 1;
  min-height: 16.5rem;
  padding: var(--cs--preset--spacing--20) var(--cs--preset--spacing--60)
    var(--cs--preset--spacing--30);
  background-color: var(--cs--preset--color--gray);
}

/*    ———————————    */
/*    Breadcrumbs    */
/*    ————————————   */
.breadcrumbs .menu {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  padding-right: var(--cs--preset--spacing--20);
  margin-right: -0.375rem;
  overflow: hidden;
  counter-reset: breadcrumbs-counter;
}
.breadcrumbs .menu a {
  display: flex;
  gap: var(--cs--preset--spacing--10);
  height: 100%;
  max-height: 4.0625rem;
  padding: var(--cs--preset--spacing--10) 0 var(--cs--preset--spacing--10) 2rem;
  color: var(--cs--preset--color--white);
  font-size: 1.375rem;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
}
article:lang(pa) .breadcrumbs .menu a {
  font-size: 1.2rem;
  line-height: 1.3rem;
}
.breadcrumbs .menu a::before {
  content: counter(breadcrumbs-counter);
  counter-increment: breadcrumbs-counter;
  font-family: "Roboto Condensed";
  font-size: 3.25rem;
  line-height: 0.88;
}
.breadcrumbs .menu li {
  position: relative;
  margin: 0;
  border-right: var(--cs--preset--spacing--5) solid
    var(--cs--preset--color--white);
  background-color: var(--cs--preset--color--darkblue);
}
.breadcrumbs .menu li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-left: 1.5rem solid white;
  border-top: 2.03125rem solid transparent;
  border-bottom: 2.03125rem solid transparent;
  width: 0;
  height: 0;
  content: " ";
}
.breadcrumbs .menu li::after {
  z-index: 1;
  position: absolute;
  top: 0;
  right: -1.475rem;
  display: block;
  border-left: 1.5rem solid var(--cs--preset--color--darkblue);
  border-top: 2.03125rem solid transparent;
  border-bottom: 2.03125rem solid transparent;
  width: 0;
  height: 0;
  content: " ";
}
.breadcrumbs li:nth-child(2) {
  background: #032b94;
}
.breadcrumbs li:nth-child(2)::after {
  border-left-color: #032b94;
}
.breadcrumbs li:nth-child(3) {
  background: #2153d4;
}
.breadcrumbs li:nth-child(3)::after {
  border-left-color: #2153d4;
}
.breadcrumbs li:nth-child(4) {
  background: #255ead;
}
.breadcrumbs li:nth-child(4)::after {
  border-left-color: #255ead;
}
.breadcrumbs li:nth-child(5) {
  background: #5078c2;
}
.breadcrumbs li:nth-child(5)::after {
  border-left-color: #5078c2;
}

/*    ——————————    */
/*    Step title    */
/*    ——————————    */
.step-title {
  display: flex;
  align-items: baseline;
  gap: var(--cs--preset--spacing--30);
}
.step-title strong {
  position: relative;
  display: block;
  height: 3.125rem;
  padding: var(--cs--preset--spacing--5) var(--cs--preset--spacing--10);
  background-color: var(--cs--preset--color--darkblue);
  color: var(--cs--preset--color--white);
  white-space: nowrap;
}
.step-title strong::after {
  content: " ";
  position: absolute;
  top: 0;
  right: -0.975rem;
  display: block;
  width: 0;
  height: 0;
  border-left: 1rem solid var(--cs--preset--color--darkblue);
  border-top: 1.5625rem solid transparent;
  border-bottom: 1.5625rem solid transparent;
  z-index: 1;
}
.step-title.step-2 strong {
  background: #032b94;
}
.step-title.step-2 strong::after {
  border-left-color: #032b94;
}
.step-title.step-3 strong {
  background: #2153d4;
}
.step-title.step-3 strong::after {
  border-left-color: #2153d4;
}
.step-title.step-4 strong {
  background: #255ead;
}
.step-title.step-4 strong::after {
  border-left-color: #255ead;
}
.step-title.step-5 strong {
  background: #5078c2;
}
.step-title.step-5 strong::after {
  border-left-color: #5078c2;
}

/*    ————————————    */
/*    Glide slider    */
/*    ————————————    */
.glide-wrapper {
  position: relative;
}
.glide__arrows {
  position: absolute;
  top: 40%;
  left: var(--cs--preset--spacing--20);
  right: var(--cs--preset--spacing--20);
  display: flex;
  justify-content: space-between;
}
.glide__arrow {
  width: 5.8125rem;
  height: 5.8125rem;
  border: 0;
  background: none;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='93' height='93' fill='none' viewBox='0 0 93 93'%3E%3Cpath stroke='%23022851' stroke-linecap='round' d='M69 92 24 46.99 69 1'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  cursor: pointer;
  transition: transform 0.25s ease;
}
.glide__arrow:hover {
  transform: scale(1.1);
}
.glide__arrow--right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='93' height='93' fill='none' viewBox='0 0 93 93'%3E%3Cpath stroke='%23022851' stroke-linecap='round' d='m24 1 45 45.01L24 92'/%3E%3C/svg%3E%0A");
}
.glide__track {
  border: 2px solid var(--cs--preset--color--black);
  border-radius: var(--cs--preset--spacing--20);
}
.glide__bullets {
  display: flex;
  justify-content: center;
  gap: var(--cs--preset--spacing--10);
  padding-top: var(--cs--preset--spacing--30);
}
.glide__bullet {
  width: var(--cs--preset--spacing--20);
  height: var(--cs--preset--spacing--20);
  background-color: var(--cs--preset--color--gray);
  border: 0;
  border-radius: 100%;
  cursor: pointer;
  transition: transform 0.25s ease;
}
.glide__bullet:hover {
  transform: scale(1.1);
}
.glide__bullet--active {
  background-color: var(--cs--preset--color--darkblue);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'%3E%3Cpath stroke='%23fff' stroke-linecap='round' d='m4 .951 4.5 4.5L4 10.05'/%3E%3C/svg%3E%0A");
  background-size: 0.6875rem;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}

/*    ————————————    */
/*    Talk to boss    */
/*    ————————————    */
.notebook .container {
  padding: 3.25rem 7.75rem 5.5rem 12.75rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.notebook-1 .container {
  background-image: url("/sites/default/files/2025-05/notebook-1.webp");
}
.notebook-2 .container {
  background-image: url("/sites/default/files/2025-05/notebook-2.webp");
}
.notebook-items {
  display: flex;
  flex-direction: column;
  gap: var(--cs--preset--spacing--60);
  padding-top: var(--cs--preset--spacing--80);
}
.notebook-item {
  display: flex;
  gap: 2rem;
}
.notebook-item-icon {
  width: 5.625rem;
  min-width: 5.625rem;
  max-width: 5.625rem;
  height: 0;
  /* height: 4.875rem; */
}
.notebook-item-icon img {
  width: 100%;
  height: auto;
}

/*    ————    */
/*    Misc    */
/*    ————    */
#block-camposeguro-help,
#edit-layout-builder-message {
  display: none;
}
#block-camposeguro-content {
  display: flex;
  flex-direction: column;
}
#block-camposeguro-content .layout-builder {
  border: 0;
}
.layout-builder-form {
  display: flex;
  position: sticky;
  top: 80px;
  background-color: var(--cs--preset--color--white);
  border-bottom: 1px solid var(--cs--preset--color--gray);
  z-index: 999;
}
.layout-builder-form .form-actions {
  flex: 1;
  display: flex;
  padding: 0.5rem;
  align-items: center;
}
.layout-builder-form .button,
.path-user .button,
#block-camposeguro-primary-local-tasks > ul a {
  display: block;
  padding: var(--cs--preset--spacing--10) var(--cs--preset--spacing--20);
  font-size: var(--cs--preset--fontsize--14);
  font-weight: 700;
  color: var(--cs--preset--color--darkblue);
  background-color: var(--cs--preset--color--gray);
  border: none;
  border-radius: var(--cs--preset--spacing--20);
  cursor: pointer;
  transition:
    background 0.25s ease,
    color 0.25s ease;
  text-decoration: none;
}
.layout-builder-form .button--primary,
.path-user .button {
  background-color: var(--cs--preset--color--blue);
  color: var(--cs--preset--color--white);
}
.layout-builder-form .button:hover,
.path-user .button:hover,
#block-camposeguro-primary-local-tasks > ul a:hover {
  background-color: var(--cs--preset--color--darkblue);
  color: var(--cs--preset--color--white);
}
.layout-builder-form #edit-discard-changes {
  margin-left: var(--cs--preset--spacing--5);
}
.layout-builder-form #edit-preview-toggle {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem;
}
.layout-builder-form .js-form-type-vertical-tabs {
  display: flex;
  align-items: center;
  padding: 0 1rem;
}
.layout-builder-form .js-form-type-vertical-tabs .vertical-tabs {
  margin: 0;
  border: none;
}
.layout-builder-form .js-form-type-vertical-tabs .vertical-tabs__menu {
  display: none;
}
#drupal-off-canvas-wrapper {
  z-index: 1000;
}
.ui-widget.ui-widget-content {
  z-index: 99999 !important;
}

.path-user main {
  padding: 5rem 3.75rem;
  background-color: var(--cs--preset--color--white);
}
.path-user .layout-content {
  max-width: 30rem;
  margin: 0 auto;
}
.path-user .form-item {
  display: flex;
  flex-direction: column;
}
.path-user .form-text {
  display: block;
  padding: var(--cs--preset--spacing--15) var(--cs--preset--spacing--10);
  background-color: var(--cs--preset--color--white);
  border: 1px solid var(--cs--preset--color--gray);
  border-radius: var(--cs--preset--spacing--5);
}
.path-user form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.path-user #block-camposeguro-primary-local-tasks ul {
  list-style: none;
  margin-top: 2rem;
  padding: 0;
  display: flex;
  gap: 2rem;
}
.path-user #block-camposeguro-primary-local-tasks a {
  color: var(--cs--preset--color--blue);
  font-size: var(--cs--preset--fontsize--14);
}
#block-camposeguro-primary-local-tasks {
  padding: var(--cs--preset--spacing--20) 3.75rem;
  background-color: var(--cs--preset--color--white);
}
#block-camposeguro-primary-local-tasks > ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: var(--cs--preset--spacing--10);
}

@media (min-width: 767px) {
  html {
    font-size: 1.27315vw;
  }
}

@media (min-width: 1023px) {
  html {
    font-size: 1.21528vw;
  }
}

@media (min-width: 1279px) {
  html {
    font-size: 1.1111125vw;
  }
}

@media (max-width: 768px) {
  :root {
    --cs--preset--fontsize--72: 3.64486rem;
    --cs--preset--fontsize--48: 3rem;
    --cs--preset--fontsize--34: 2.5rem;
    --cs--preset--fontsize--24: 2rem;
    --cs--preset--fontsize--20: 1.75rem;
    --cs--preset--fontsize--18: 1.575rem;
    --cs--preset--fontsize--16: 1.25rem;
    --cs--preset--spacing--30: 1.4019rem;
    --cs--preset--spacing--30: 2.1028rem;
    --cs--preset--spacing--40: 2.80375rem;
  }
  html {
    font-size: 3.3333333vw;
  }
  body {
    font-size: 3.3333333vw;
  }

  h2 {
    font-size: var(--cs--preset--fontsize--34);
  }

  p.top-spacing-on-mobile::before {
    content: "\a";
    white-space: pre;
  }

  header {
    padding-left: var(--cs--preset--spacing--30);
    padding-right: var(--cs--preset--spacing--30);
  }
  header nav > ul {
    flex-direction: column;
    align-items: start;
  }

  header nav > ul > li {
    padding: var(--cs--preset--spacing--10) 0;
  }
  header nav > ul > li > a,
  header nav li > ul a {
    padding: 0.3125rem 0;
    font-size: var(--cs--preset--fontsize--16);
  }
  header nav li > ul a {
    padding: 0.75rem 1.5rem;
  }
  header nav li.has-children a::after {
    display: none;
  }
  header nav li > ul {
    display: block;
    position: static;
  }
  .nav-container {
    position: fixed;
    top: 6rem;
    bottom: 0;
    left: 0;
    right: 0;
    gap: var(--cs--preset--spacing--40);
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: var(--cs--preset--spacing--60) var(--cs--preset--spacing--30);
    background-color: var(--cs--preset--color--darkblue);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-3rem);
    transition:
      opacity 0.25s ease,
      transform 0.25s ease;
    will-change: opacity, transform;
  }
  .show-menu .nav-container {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
  }
  .nav-container > div {
    width: 100%;
  }
  .main-nav-button,
  .nav-container .obten-ayuda {
    width: 100%;
  }
  .main-nav-button {
    margin-top: var(--cs--preset--spacing--40);
  }
  .nav-button {
    display: flex;
    align-items: center;
    gap: var(--cs--preset--spacing--10);
    padding: var(--cs--preset--spacing--30) 0;
    color: var(--cs--preset--color--white);
    font-size: var(--cs--preset--fontsize--16);
    text-decoration: none;
  }
  .nav-button::before {
    content: "";
    display: block;
    width: 2.944rem;
    height: 2.944rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill='none' viewBox='0 0 42 42'%3E%3Cpath fill='%23022851' fill-rule='evenodd' d='M9 16a1 1 0 0 1 1-1h20a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1Zm0 5a1 1 0 0 1 1-1h20a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1Zm1 4a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H10Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 100%;
    background-color: var(--cs--preset--color--white);
    border-radius: 100%;
  }
  .show-menu .nav-button::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill='none' viewBox='0 0 42 42'%3E%3Cpath fill='%23022851' fill-rule='evenodd' d='M13.222 27.293a1 1 0 0 0 1.414 1.414l6.293-6.293 6.435 6.435a1 1 0 0 0 1.414-1.414L22.343 21l6.435-6.435a1 1 0 0 0-1.414-1.414l-6.435 6.435-6.293-6.293a1 1 0 0 0-1.414 1.414L19.515 21l-6.293 6.293Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
  }

  .footer {
    padding-left: var(--cs--preset--spacing--30);
    padding-right: var(--cs--preset--spacing--30);
  }
  .footer-top {
    flex-direction: column;
  }
  .footer #block-camposeguro-morevideoson {
    margin-top: var(--cs--preset--spacing--30);
  }
  .footer #block-camposeguro-footerbottomcontent {
    flex-direction: column-reverse;
    gap: var(--cs--preset--spacing--20);
  }

  .logo svg {
    width: 10.374rem;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .columns {
    flex-direction: column;
    gap: var(--cs--preset--spacing--30);
  }
  .layout.gap-15 > .columns {
    gap: var(--cs--preset--spacing--15);
  }
  .layout:not(.full-width) {
    padding-left: var(--cs--preset--spacing--30);
    padding-right: var(--cs--preset--spacing--30);
  }
  .layout--twocol-section--33-67 .layout__region--first,
  .layout--twocol-section--33-67 .layout__region--second {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .container {
    width: 100% !important;
  }
  .card-menu > ul {
    flex-direction: column;
    gap: var(--cs--preset--spacing--30);
  }
  .card-menu h4 {
    padding: var(--cs--preset--spacing--20) var(--cs--preset--spacing--80);
    font-size: 1.625rem;
  }

  .hero-section {
    min-height: 31.5422rem;
    padding-left: var(--cs--preset--spacing--30);
    padding-right: var(--cs--preset--spacing--30);
    padding-bottom: var(--cs--preset--spacing--50) !important;
  }

  .hours-container {
    width: 100%;
    height: auto;
  }

  .earn-hours-block {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .card-block {
    padding-left: var(--cs--preset--spacing--20) !important;
    padding-right: var(--cs--preset--spacing--20) !important;
    padding-bottom: var(--cs--preset--spacing--30) !important;
    min-height: 25.795rem;
    background-size: 79% auto;
    background-position: center 20%;
  }
  .card-block.tall-card {
    min-height: 25.795rem;
  }
  .card-block.tall-card.additional-spacing {
    padding: var(--cs--preset--spacing--30) var(--cs--preset--spacing--15)
      var(--cs--preset--spacing--24);
  }
  .card-block p {
    min-height: 3.5rem;
    font-size: var(--cs--preset--fontsize--18);
    line-height: 1.75rem;
  }
  .card-block h4 {
    font-size: var(--cs--preset--fontsize--20);
  }
  .card-block h4 br,
  .card-block p:not(.keep-br-on-mobile) br {
    display: none;
  }
  .card-block img {
    height: 94%;
  }
  .card-block.tall-card img {
    height: 100%;
    top: -1.5rem;
  }
  .card-block.larger-image-on-mobile img {
    height: 128%;
    top: -14%;
  }
  .card-block.additional-spacing {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .card-block.additional-spacing.link-card p {
    min-height: auto;
  }
  .card-block.additional-spacing.link-card img {
    height: 100%;
  }

  .organization {
    width: 100%;
    min-height: auto;
    gap: 2rem;
  }
  .organization h4 {
    min-height: auto;
    font-size: var(--cs--preset--fontsize--20);
  }

  .agency {
    width: 100%;
  }
  .agency-body p,
  .agency-body li {
    font-size: var(--cs--preset--fontsize--16);
  }
  .agency-header img {
    max-width: 32%;
  }
  .agency-header h3 {
    font-size: var(--cs--preset--fontsize--16);
    line-height: 1.4rem;
  }
  .agency.with-audio .agency-header {
    padding-right: var(--cs--preset--spacing--40);
  }

  .layout__region--first .claim-card-block {
    margin-bottom: var(--cs--preset--spacing--5);
  }
  .claim-heading-logo img {
    width: 100%;
    height: auto;
  }
  .claim-card-body {
    min-height: auto;
  }

  .card-thumbnail {
    height: 20.75rem;
    background-position-y: top;
  }
  .audio-block.hero-section h2,
  .audio-content > *:first-child {
    gap: 0.5rem;
  }
  .audio-block.hero-section h2::after {
    margin-top: 0;
  }
  .audio-content > h2:first-child::after {
    width: var(--cs--preset--spacing--40);
    min-width: var(--cs--preset--spacing--40);
    height: var(--cs--preset--spacing--40);
    min-height: var(--cs--preset--spacing--40);
    margin-top: 0.2rem;
  }
  .video-block iframe {
    aspect-ratio: 1 / 1;
  }

  p.p2 {
    font-size: var(--cs--preset--spacing--24);
  }
  .button-block .button {
    font-size: var(--cs--preset--spacing--24);
  }

  .language-switcher-language-url .links {
    grid-template-columns: 1fr;
  }
  .language-switcher-language-url .language-link,
  .lang-audio-button {
    height: auto;
  }

  .button-block .button {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .button-block.button--back-icon .button,
  .button-block.resources--more .button {
    width: 15rem;
  }

  .claim-heading-block h4 {
    font-size: var(--cs--preset--fontsize--24);
  }
  .claim-card-body {
    padding: var(--cs--preset--spacing--20) var(--cs--preset--spacing--30)
      var(--cs--preset--spacing--30);
  }
  li.check-icon::before,
  li.print-icon::before,
  li.online-icon::before,
  li.mail-icon::before,
  li.email-icon::before {
    margin-top: 0.3rem;
  }
  .faq-block h4 {
    line-height: 2rem;
  }

  .hours-worked,
  .hours-text {
    font-size: var(--cs--preset--fontsize--18);
  }

  .notebook {
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .notebook .container {
    padding: var(--cs--preset--spacing--60) 0;
    background-image: none !important;
  }
  .notebook-1 {
    background-image: url("/sites/default/files/2025-05/notebook-1--mobile.webp");
  }
  .notebook-2 {
    background-image: url("/sites/default/files/2025-05/notebook-2--mobile.webp");
  }

  .breadcrumbs .menu {
    grid-auto-flow: row;
    gap: var(--cs--preset--spacing--10);
  }
  .breadcrumbs .menu a {
    align-items: center;
    font-size: 1.5rem;
    gap: var(--cs--preset--spacing--15);
  }

  .step-title {
    flex-direction: column;
    gap: var(--cs--preset--spacing--5);
  }
  .step-title strong {
    height: 3.5rem;
  }
  .step-title strong::after {
    border-top: 1.75rem solid transparent;
    border-bottom: 1.75rem solid transparent;
  }

  .glide__arrows {
    left: 0;
    right: 0;
  }
  .glide__arrow {
    width: 3.5625rem;
    height: 3.5625rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='57' height='57' fill='none' viewBox='0 0 57 57'%3E%3Cpath stroke='%23022851' stroke-linecap='round' d='M42 55.5 15 28.791 42 1.5'/%3E%3C/svg%3E%0A");
  }
  .glide__arrow--right {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='57' height='57' fill='none' viewBox='0 0 57 57'%3E%3Cpath stroke='%23022851' stroke-linecap='round' d='m15 1.5 27 26.709L15 55.5'/%3E%3C/svg%3E%0A");
  }
  .glide__bullets {
    gap: var(--cs--preset--spacing--15);
    padding-top: var(--cs--preset--spacing--20);
  }
  .glide__bullet {
    width: var(--cs--preset--spacing--24);
    height: var(--cs--preset--spacing--24);
  }

  .resource {
    gap: var(--cs--preset--spacing--20);
  }

  .grid,
  .resources-menu .menu,
  .grid.layout .container,
  .grid.column-3.layout .container {
    grid-template-columns: 100%;
  }
  .grid-divider {
    grid-column: auto !important;
  }

  .views-exposed-form input.form-autocomplete {
    padding-top: var(--cs--preset--spacing--20);
    padding-bottom: var(--cs--preset--spacing--20);
    padding-right: 4.75rem;
  }
  .views-exposed-form .form-item-tid::after {
    right: 1.6rem;
    width: var(--cs--preset--spacing--30);
    height: var(--cs--preset--spacing--30);
    margin-top: -1.125rem;
  }
  .views-exposed-form .form-item-tid::before {
    right: 4.75rem;
  }
}


/* Campo Seguro native topic updates, September 2026. */
/* Header dimensions follow Figma 544:1751 at the theme's responsive rem scale. */
.campo-share { flex:0 0 auto; }
.campo-share > p { margin:0; }
html:lang(pa) .campo-share, html:lang(pa) .campo-share-item { display:none!important; }
.campo-share-trigger, .header .nav-container .obten-ayuda {
  box-sizing:border-box; display:flex; align-items:center; justify-content:center;
  min-width:6.875rem; min-height:2.895833rem; padding:.625rem 1.25rem .520833rem;
  border:0; border-radius:6rem; font:700 1.125rem/1.75rem Roboto,"Noto Sans Gurmukhi",sans-serif;
  text-align:center; white-space:nowrap;
}
.campo-share-trigger { background:#fff; color:#022851; cursor:pointer; }
.campo-share-trigger:hover { background:#ffcd00; }
.header { --campo-nav-gap:2.916667rem; }
.header .container.full { gap:1.25rem; }
.header .header-branding { display:flex; align-items:center; gap:1.666667rem; flex:0 0 auto; }
.header .header-branding .logo img { display:block; width:10.416667rem; height:auto; }
.header .header-partner-logo { display:block; width:9.6875rem; height:auto; }
.header .header-branding p { margin:0; }
.header .nav-container { gap:0; }
.header nav > ul { column-gap:var(--campo-nav-gap); }
.header nav > ul > li { padding:1.458333rem 0; }
.header nav > ul > li > a:not(.obten-ayuda) { padding:0; white-space:nowrap; }
.header .campo-share-item + .main-nav-button { margin-left:calc(.416667rem - var(--campo-nav-gap)); }
@media(min-width:769px) and (max-width:1278px) {
  .header { --campo-nav-gap:1rem; }
  .header .header-branding { gap:1rem; }
}
@media(max-width:768px) {
  .header .header-branding { flex-direction:row; align-items:center; gap:0; padding:0; }
  .header .header-branding .logo img { width:10rem; }
  .header .header-partner-logo { display:none; }
  .header nav > ul > li { padding:var(--cs--preset--spacing--10) 0; }
  .header .campo-share-item + .main-nav-button { margin-left:0; margin-top:0; }
  .campo-share-trigger, .header .nav-container .obten-ayuda { min-height:44px; font-size:16px; line-height:24px; padding:10px 20px; }
}
.campo-share-dialog { width: min(500px, calc(100vw - 32px)); padding: 28px; border: 0; border-radius: 20px; color: #032851; box-shadow: 0 20px 70px #0005; }
.campo-share-dialog::backdrop { background: #0008; }
.campo-dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.campo-dialog-heading h2 { font-size: 32px; margin: 0 0 16px; }
.campo-dialog-heading button { font-size: 32px; background: none; border: 0; color: inherit; padding: 0 8px; cursor: pointer; }
.campo-share-dialog input { display: block; width: 100%; box-sizing: border-box; margin: 12px 0; padding: 12px; font-size: 16px; }
.campo-share-dialog [data-campo-copy-current] { background: #032851; color: white; border: 0; border-radius: 25px; padding: 12px 22px; cursor: pointer; }
.campo-share-dialog .campo-status { font-size: 16px; margin-top: 15px; }

/* Native Layout Builder sections and existing topic-card menu. */
#language { background: #fff; }
#topics.native-topics { background: #f2f2f2; }
#topics .card-menu > ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.5rem; }
#topics .card-menu > ul > li { width:auto; min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 3.75rem; grid-template-rows:auto 1fr; }
#topics .card-menu .card-thumbnail { height:auto; aspect-ratio:560/540; background-size:cover; }
#topics .card-menu .topic-how-to-use-this-website > a { background:#032851; }
#topics .card-menu .topic-safety-skills > a { background:#806200; }
#topics .card-menu .topic-immigration > a { background:#79242f; }
#topics .card-menu > ul > li > a { grid-column:1 / -1; grid-row:1 / -1; display:grid; grid-template-columns:subgrid; grid-template-rows:subgrid; }
#topics .card-menu .card-thumbnail { grid-column:1 / -1; grid-row:1; }
#topics .card-menu .audio-content > *:first-child { gap:0; }
#topics .card-menu > ul > li > .audio-block:not(:has(audio)) { display:none; }
#topics .card-menu > ul > li:not(:has(audio)) h4 { padding-right:1.25rem; }
#topics .card-menu h4 { grid-column:1 / -1; grid-row:2; min-height:6rem; padding:1.25rem 4.75rem 1.25rem 1.25rem; align-items:center; line-height:1.2; overflow-wrap:anywhere; }
#topics .card-menu > ul > li > .audio-block { grid-column:2; grid-row:2; position:relative; right:auto; bottom:auto; align-self:center; justify-self:end; margin-right:.625rem; z-index:1; }
#topics .card-menu > ul > li > a { opacity:1; }
#topics .card-menu > ul > li > a h4 { background:transparent; }
.has-safety-background-color { background-color:#806200; }
.has-immigration-background-color { background-color:#79242f; }
.has-howto-background-color { background-color:#032851; }
.native-topic, .has-howto-background-color { color:white; }
.native-topic h2,.native-topic h3,.native-topic p,.native-topic li,.has-howto-background-color h3,.has-howto-background-color p { color:inherit; }
/* Spacing uses the same editable Spacer Blocks as the existing topics. */
.native-topic .audio-button::after,.has-howto-background-color .audio-button::after { filter:brightness(0) invert(1); }
/* The Safety intro is a separate native section. Let its fade continue over
   the following section, keeping one uninterrupted 33rem topic gradient. */
.native-topic.topic-start, .has-howto-background-color { position:relative; }
.native-topic.topic-start::before, .has-howto-background-color::before {
 content:""; position:absolute; top:0; left:0; right:0; height:33rem;
 background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0));
 pointer-events:none; z-index:0;
}
.native-topic > .container, .has-howto-background-color > .container { position:relative; z-index:1; }
.native-copy-topic {
 order:2; flex:0 0 var(--cs--preset--spacing--40); align-self:center;
 width:var(--cs--preset--spacing--40); height:var(--cs--preset--spacing--40);
 border:0; padding:0; background:transparent url('../images/topic-link.svg') center / 70% no-repeat;
 color:inherit; cursor:pointer; position:relative; z-index:2; margin-left:-.5rem;
}
.native-copy-status {
 position:absolute; bottom:calc(100% + .5rem); left:50%; transform:translateX(-50%);
 padding:8px 12px; border-radius:8px; background:#fff; color:#032851;
 box-shadow:0 3px 14px #0003; font:500 16px/22px Roboto,sans-serif;
 white-space:nowrap; pointer-events:none;
}
.native-copy-status[hidden] { display:none; }
.native-copy-status::after {
 content:""; position:absolute; top:100%; left:calc(50% + var(--copy-arrow-shift,0px));
 transform:translateX(-50%); border:5px solid transparent; border-top-color:#fff;
}
.audio-content > :has(> .native-copy-topic)::after { order:1; align-self:center; }
[data-campo-hidden],.layout[hidden] { display:none!important; }
.layout-builder [data-campo-hidden],.layout-builder .layout[hidden] { display:block!important; }
.video-block:has(.video-desktop):not(:has(template[data-video])) .video-wrapper { display:none; }
.video-block:has(.video-desktop):not(:has(template[data-video])).show .video-wrapper.native-video-active { display:block; }
.video-block:focus-visible,.native-copy-topic:focus-visible { outline:3px solid #ffcd00; outline-offset:4px; }
.campo-share-dialog[open] { z-index:10000; }
@media(max-width:1023px){#topics .card-menu > ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;}}
@media(max-width:768px){
 #topics .card-menu h4{font-size:1.2rem;min-height:6rem;padding:1rem 3.5rem 1rem .75rem;}
 #topics .card-menu > ul > li > .audio-block{margin-right:.25rem;padding:.4rem;}
 #topics .card-menu .audio-content > *:first-child::after{width:2rem;min-width:2rem;height:2rem;min-height:2rem;}
 .header .nav-container{overflow-y:auto;justify-content:flex-start}.header .campo-share-item{margin-top:20px}.campo-share-trigger{width:100%}
}

#topics .card-menu .topic-how-to-use-this-website .audio-button::after,#topics .card-menu .topic-safety-skills .audio-button::after,#topics .card-menu .topic-immigration .audio-button::after { filter:brightness(0) invert(1); }
#topics .card-menu > ul > li > a .card-thumbnail { filter:none; }
/* Posters must retain height while the native oEmbed player is hidden. */
.video-block:has(.video-desktop):not(:has(template[data-video])) { aspect-ratio:16/9; }
.video-block .video-desktop iframe { aspect-ratio:16/9; }
.native-topic .audio-content > *:first-child::after,
.has-howto-background-color .audio-content > *:first-child::after,
#topics li[class*="topic-"] .audio-content > *:first-child::after { filter:brightness(0) invert(1); }
@media(max-width:768px){.video-block.show:has(.video-mobile.native-video-active){aspect-ratio:1/1;}.video-block .video-mobile iframe{aspect-ratio:1/1;}}

/* Safety currently has horizontal source videos for both viewport sizes. */
.has-safety-background-color .video-block iframe { aspect-ratio:16/9; }

/* Production language availability, including the first paint before JS. */
.campo-language-hidden { display:none!important; }
html:not(:lang(en)):not(:lang(es)) .has-safety-background-color,
html:not(:lang(en)):not(:lang(es)) .topic-safety-skills,
html:lang(pa) .has-immigration-background-color,
html:lang(pa) .topic-immigration { display:none!important; }
/* New short narrations exist only in English and Spanish. */
html:not(:lang(en)):not(:lang(es)) .has-immigration-background-color > .layout__region > .audio-block .audio-button,
html:not(:lang(en)):not(:lang(es)) .has-immigration-background-color > .layout__region > .audio-block .audio-content > :first-child::after,
html:not(:lang(en)):not(:lang(es)) #topics .topic-immigration .audio-block,
html:not(:lang(en)):not(:lang(es)) #topics .topic-how-to-use-this-website .audio-block { display:none!important; }
.layout-builder .campo-language-hidden,
html .layout-builder .has-safety-background-color,
html .layout-builder .has-immigration-background-color { display:block!important; }