html {
  touch-action: manipulation;
}
body {
  background: #fff;
  color: #1c1e21;
  direction: ltr;
  line-height: 1.34;
  margin: 0;
  padding: 0;
  unicode-bidi: embed;
}

body,
button,
input,
label,
select,
td,
textarea {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1c1e21;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 14px;
}
h4,
h5,
h6 {
  font-size: 12px;
}
p {
  margin: 1em 0;
}
b,
strong {
  font-weight: 600;
}
a {
  color: #385898;
  cursor: pointer;
  text-decoration: none;
}
button {
  margin: 0;
}
a:hover {
  text-decoration: underline;
}
img {
  border: 0px;
}
.logo {
  height: 70px; /* adjust as needed */
  width: auto;
}
td,
td.label {
  text-align: left;
}
dd {
  color: #000;
}
dt {
  color: #606770;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
abbr {
  border-bottom: none;
  text-decoration: none;
}
hr {
  background: #dadde1;
  border-width: 0;
  color: #dadde1;
  height: 1px;
}
form {
  margin: 0;
  padding: 0;
}
label {
  color: #606770;
  cursor: default;
  font-weight: 600;
  vertical-align: middle;
}
label input {
  font-weight: 400;
}
textarea,
.inputtext,
.inputpassword {
  border: 1px solid #ccd0d5;
  border-radius: 0;
  margin: 0;
  padding: 3px;
}
textarea {
  max-width: 100%;
}
select {
  border: 1px solid #ccd0d5;
  padding: 2px;
}
input,
select,
textarea {
  background-color: #fff;
  color: #1c1e21;
}
.inputtext,
.inputpassword {
  padding-bottom: 4px;
}
.inputtext:invalid,
.inputpassword:invalid {
  box-shadow: none;
}
.inputradio {
  margin: 0 5px 0 0;
  padding: 0;
  vertical-align: middle;
}
.inputcheckbox {
  border: 0;
  vertical-align: middle;
}
.inputbutton,
.inputsubmit {
  background-color: #4267b2;
  border-color: #dadde1 #0e1f5b #0e1f5b #d9dfea;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  padding: 2px 15px 3px;
  text-align: center;
}
.inputaux {
  background: #ebedf0;
  border-color: #ebedf0 #666 #666 #e7e7e7;
  color: #000;
}
.inputsearch {
  background: #fff
    url(https://static.xx.fbcdn.net/rsrc.php/v4/yL/r/unHwF9CkMyM.png) no-repeat
    left 4px;
  padding-left: 17px;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.datawrap {
  word-wrap: break-word;
}
.word_break {
  display: inline-block;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aero {
  opacity: 0.5;
}
.column {
  float: left;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
#facebook .hidden_elem {
  display: none !important;
}
#facebook .invisible_elem {
  visibility: hidden;
}
#facebook .accessible_elem {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
#facebook .accessible_elem_offset {
  margin: -1px;
}
.direction_ltr {
  direction: ltr;
}
.direction_rtl {
  direction: rtl;
}
.text_align_ltr {
  text-align: left;
}
.text_align_rtl {
  text-align: right;
}
body {
  overflow-y: scroll;
}
.mini_iframe {
  overflow-y: visible;
}
.auto_resize_iframe {
  height: auto;
  overflow: hidden;
}
.pipe {
  color: gray;
  padding: 0 3px;
}
#content {
  margin: 0;
  outline: none;
  padding: 0;
  width: auto;
}
.profile #content,
.home #content,
.search #content {
  min-height: 600px;
}
.UIStandardFrame_Container {
  margin: 0 auto;
  padding-top: 20px;
  width: 960px;
}
.UIStandardFrame_Content {
  float: left;
  margin: 0;
  padding: 0;
  width: 760px;
}
.UIStandardFrame_SidebarAds {
  float: right;
  margin: 0;
  padding: 0;
  width: 200px;
  word-wrap: break-word;
}
.UIFullPage_Container {
  margin: 0 auto;
  padding: 20px 12px 0;
  width: 940px;
}
.empty_message {
  background: #f5f6f7;
  font-size: 13px;
  line-height: 17px;
  padding: 20px 20px 50px;
  text-align: center;
}
.see_all {
  text-align: right;
}
.standard_status_element {
  visibility: hidden;
}
.standard_status_element.async_saving {
  visibility: visible;
}
svg {
  forced-color-adjust: auto;
}
img.tracking_pixel {
  height: 1px;
  position: absolute;
  visibility: hidden;
  width: 1px;
}
#globalContainer {
  margin: 0 auto;
  position: relative;
}
.fbx #globalContainer {
  width: 981px;
}
.sidebarMode #globalContainer {
  padding-right: 205px;
}
.fbx #tab_canvas > div {
  padding-top: 0;
}
.fb_content {
  min-height: 640px;
  padding-bottom: 20px;
}
.fbx .fb_content {
  padding-bottom: 0;
}
.skipto {
  display: none;
}
.home .skipto {
  display: block;
}
._li._li._li {
  overflow: initial;
}
._aj3e,
._aj3e video {
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
  z-index: -1;
}
._aowd._li._li._li {
  overflow: hidden;
}
._9053 ._li._li._li {
  overflow-x: hidden;
}
._72b0 {
  position: relative;
  z-index: 0;
}
.registration ._li._9bpz {
  background-color: #f0f2f5;
}
._li ._9bp- {
  padding-top: 5px;
  text-align: center;
}
._li ._9bp- .fb_logo {
  height: 100px;
}
._li ._a66f {
  padding-top: 5px;
  text-align: center;
}
._li ._a66f .fb_logo {
  height: 80px;
  padding-top: 72px;
}
._5vb_ #pageFooter {
  display: none;
}
html body._5vb_ #globalContainer {
  width: 976px;
}
._5vb_.hasLeftCol #headerArea {
  margin: 0;
  padding-top: 0;
  width: 786px;
}
._5vb_,
._5vb_ #contentCol {
  background-color: #e9ebee;
  color: #1d2129;
}
html ._5vb_.hasLeftCol #contentCol {
  border-left: 0;
  margin-left: 172px;
  padding-left: 11px;
  padding-top: 11px;
}
._5vb_.hasLeftCol #topNav {
  border-left: 0;
  margin-left: 172px;
  padding: 11px 7px 0 11px;
}
._5vb_.hasLeftCol #topNav ~ #contentCol {
  padding-top: 0;
}
._5vb_.hasLeftCol #leftCol {
  padding-left: 8px;
  padding-top: 12px;
  width: 164px;
}
._5vb_.hasLeftCol #mainContainer {
  border-right: 0;
  margin-left: 0;
}
._5vb_.hasLeftCol #pageFooter {
  background: none;
}
html ._5vb_._5vb_.hasLeftCol div#contentArea {
  padding-left: 0;
  padding-right: 10px;
  width: 786px;
}
html ._5vb_._5vb_.hasLeftCol .hasRightCol div#contentArea {
  width: 496px;
}
._5vb_.hasLeftCol ._5r-_ div#rightCol {
  padding: 0 7px 0 0;
  width: 280px;
}
._2yq #globalContainer {
  width: 1012px !important;
}
@media (min-width: 1000px) and (max-width: 1013px) {
  ._2yq._2yq._2yq > div:first-child {
    overflow-x: hidden;
  }
}
._2yq #headerArea {
  float: none !important;
  padding: 0 0 12px !important;
  width: auto !important;
}
._2yq #contentArea {
  margin-right: 0;
  padding: 0 !important;
}
._2yq #leftCol,
._2yq #contentCol {
  padding: 0 !important;
}
._2yq #rightCol {
  float: left;
  margin-top: 0;
  padding: 0 !important;
}
.tinyViewport ._2yq #pagelet_navigation.fixed_elem {
  position: static !important;
}
._2yq .loggedout_menubar_container {
  min-width: 1014px;
}
@media (min-width: 1014px) {
  ._2yq .loggedout_menubar {
    width: 1014px;
  }
}
._a7o5 {
  font-size: 15px;
  margin: auto;
}
.container {
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
}
._ap67 {
  max-width: none;
}
._a706 {
  margin-bottom: 15px;
  position: relative;
  width: inherit;
  word-break: break-word;
  z-index: 0;
}
._a707 {
  clear: both;
  color: #7f7f7f;
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: center;
}
.header,
._a70b,
._a709 {
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  margin-top: 12px;
  padding: 15px;
}
.header,
._a70b {
  border-radius: 3px;
  padding-left: 2px;
}
._as-_ {
  margin-bottom: 8px;
}
._ap67 ._as-_ {
  margin-bottom: 24px;
}
._a70c {
  border-radius: 50%;
  height: 16px;
  padding: 4px;
  width: 16px;
}
.header-title {
  margin-left: 8px;
  width: 100%;
}
.header-title > h1 {
  color: #1d2129;
  font-size: 100%;
  font-weight: 700;
  line-height: 18px;
  padding-bottom: 3px;
}
.header-title > p._aoa9:last-child {
  margin-bottom: 3px;
}
._asyh {
  color: #1d2129;
  font-weight: 700;
  line-height: 18px;
  padding-bottom: 3px;
}
._aoa9 {
  color: #1d2129;
  line-height: 16px;
  margin-bottom: 9px;
  margin-top: 6px;
}
._aoaa {
  color: #90949c;
  line-height: 16px;
  margin-top: 6px;
}
._a70f {
  color: #90949c;
  line-height: 16px;
  margin: 0;
}
._as10 {
  color: #90949c;
  line-height: 16px;
  margin: 6px 0 0;
}
._a70h {
  margin-top: 4px;
}
.navbar {
  height: auto;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  z-index: 99;
}
.navbar + div {
  margin-top: 0px;
}
._a7cj {
  background: #fff;
  box-shadow: 0 1px 7px #ccc;
  position: fixed;
  width: 100%;
  z-index: 99;
}
._acpq {
  background: #fff;
  border-radius: 8px;
  margin-top: 15px;
  padding: 10px;
}
._acpr {
  font-weight: 700;
  margin-bottom: 3px;
}
._a7co {
  margin-left: 16px;
}
._a7cv {
  align-items: center;
  display: flex;
  justify-content: end;
}
._a7cw {
  align-items: center;
  display: flex;
  margin-right: 16px;
}
._a7cx {
  border-radius: 50%;
  margin-right: 8px;
}
._a7cy {
  font-size: 15px;
  font-weight: 600;
}
._a7cz {
  margin-left: 8px;
  margin-right: 16px;
}
._a7c- {
  color: #000;
  text-decoration: none;
}
._a7c_ {
  height: 70px;
  width: 100%;
}
._alz_ {
  background: #fff;
  border-radius: 8px;
  border-spacing: 0px;
  table-layout: fixed;
  text-align: left;
  width: 100%;
}
._alz_ > thead > tr > * {
  background-color: #f0f2f5;
  padding: 16px 12px;
  width: 150px;
}
._alz_ > thead > tr > td {
  color: #444950;
}
._alz_ > tbody > tr > td {
  border-top: 1px solid #f4faff;
  padding: 16px 12px;
}
._ar4w {
  list-style-position: inside;
  list-style-type: disc;
  margin-left: 12px;
  margin-top: 12px;
}
.card {
  background: #fff;
  border-radius: 8px;
}
main > .card {
  margin-bottom: 8px;
}
.card-title {
  color: #1d2129;
  font-weight: 700;
  line-height: 18px;
}
.card-title-separator {
  border-bottom: 1px solid #dadde1;
}
section.card h2 {
  font-size: 100%;
  font-weight: 700;
  line-height: 18px;
}
.card-meta,
.card-meta a {
  color: #8d949e;
  line-height: 16px;
}
._a72d {
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
}
.card-content {
  color: #1d2129;
  line-height: 17px;
}
._a6-q {
  color: gray;
}
._a6_m {
  font-weight: 700;
}
._a6_n {
  line-height: 2;
  text-align: left;
}
._a6_n tbody tr th {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  width: 150px;
}
.card-img {
  max-width: 100%;
}
._a6_p {
  font-weight: 700;
}
.card-info {
  color: #90949c;
  line-height: 20px;
  min-width: 50px;
}
._a6_r {
  line-height: 20px;
}
._a7nf {
  display: flex;
  padding-left: 5px;
  margin-bottom: 5px;
}
._a7ng {
  padding-right: 5px;
}
._a7nh {
  width: 20%;
}
._4jnw {
  margin: 0;
}
._3-8h {
  margin: 4px;
}
._3-8i {
  margin: 8px;
}
._3-8j {
  margin: 12px;
}
._3-8k {
  margin: 16px;
}
._3-8l {
  margin: 20px;
}
._2-5b {
  margin: 24px;
}
._1kbd {
  margin-bottom: 0;
  margin-top: 0;
}
._3-8m {
  margin-bottom: 4px;
  margin-top: 4px;
}
._3-8n {
  margin-bottom: 8px;
  margin-top: 8px;
}
._3-8o {
  margin-bottom: 12px;
  margin-top: 12px;
}
._3-8p {
  margin-bottom: 16px;
  margin-top: 16px;
}
._3-8q {
  margin-bottom: 20px;
  margin-top: 20px;
}
._2-ox {
  margin-bottom: 24px;
  margin-top: 24px;
}
._1a4i {
  margin-left: 0;
  margin-right: 0;
}
._3-8r {
  margin-left: 4px;
  margin-right: 4px;
}
._3-8s {
  margin-left: 8px;
  margin-right: 8px;
}
._3-8t {
  margin-left: 12px;
  margin-right: 12px;
}
._3-8u {
  margin-left: 16px;
  margin-right: 16px;
}
._3-8v {
  margin-left: 20px;
  margin-right: 20px;
}
._6bu9 {
  margin-left: 24px;
  margin-right: 24px;
}
._5soe {
  margin-top: 0;
}
._3-8w {
  margin-top: 4px;
}
._3-8x {
  margin-top: 8px;
}
._3-8y {
  margin-top: 12px;
}
._3-8z {
  margin-top: 16px;
}
._3-8- {
  margin-top: 20px;
}
._4aws {
  margin-top: 24px;
}
._2-jz {
  margin-right: 0;
}
._3-8_ {
  margin-right: 4px;
}
._3-90 {
  margin-right: 8px;
}
._3-91 {
  margin-right: 12px;
}
._3-92 {
  margin-right: 16px;
}
._3-93 {
  margin-right: 20px;
}
._y8t {
  margin-right: 24px;
}
._5emk {
  margin-bottom: 0;
}
.card-date {
  margin-bottom: 4px;
}
.card-padding {
  margin-bottom: 8px;
}
._3-96 {
  margin-bottom: 12px;
}
._3-97 {
  margin-bottom: 16px;
}
._3-98 {
  margin-bottom: 20px;
}
._20nr {
  margin-bottom: 24px;
}
._av_ {
  margin-left: 0;
}
._3-99 {
  margin-left: 4px;
}
._3-9a {
  margin-left: 8px;
}
._3-9b {
  margin-left: 12px;
}
._3-9c {
  margin-left: 16px;
}
._3-9d {
  margin-left: 20px;
}
._4m0t {
  margin-left: 24px;
}
._a82f {
  margin-left: 28px;
}
._8tm {
  padding: 0;
}
._2phz {
  padding: 4px;
}
._2ph- {
  padding: 8px;
}
._2ph_ {
  padding: 12px;
}
._2pi0 {
  padding: 16px;
}
._2pi1 {
  padding: 20px;
}
._40c7 {
  padding: 24px;
}
._2o1j {
  padding: 36px;
}
._6buq {
  padding-bottom: 0;
  padding-top: 0;
}
._2pi2 {
  padding-bottom: 4px;
  padding-top: 4px;
}
._2pi3 {
  padding-bottom: 8px;
  padding-top: 8px;
}
._2pi4 {
  padding-bottom: 12px;
  padding-top: 12px;
}
._2pi5 {
  padding-bottom: 16px;
  padding-top: 16px;
}
._2pi6 {
  padding-bottom: 20px;
  padding-top: 20px;
}
._2o1k {
  padding-bottom: 24px;
  padding-top: 24px;
}
._2o1l {
  padding-bottom: 36px;
  padding-top: 36px;
}
._6bua {
  padding-left: 0;
  padding-right: 0;
}
._2pi7 {
  padding-left: 4px;
  padding-right: 4px;
}
._2pi8 {
  padding-left: 8px;
  padding-right: 8px;
}
._2pi9 {
  padding-left: 12px;
  padding-right: 12px;
}
._2pia {
  padding-left: 16px;
  padding-right: 16px;
}
._2pib {
  padding-left: 20px;
  padding-right: 20px;
}
._2o1m {
  padding-left: 24px;
  padding-right: 24px;
}
._2o1n {
  padding-left: 36px;
  padding-right: 36px;
}
._iky {
  padding-top: 0;
}
._2pic {
  padding-top: 4px;
}
._2pid {
  padding-top: 8px;
}
._2pie {
  padding-top: 12px;
}
._2pif {
  padding-top: 16px;
}
._2pig {
  padding-top: 20px;
}
._2owm {
  padding-top: 24px;
}
._div {
  padding-right: 0;
}
._2pih {
  padding-right: 4px;
}
._2pii {
  padding-right: 8px;
}
._2pij {
  padding-right: 12px;
}
._2pik {
  padding-right: 16px;
}
._2pil {
  padding-right: 20px;
}
._31wk {
  padding-right: 24px;
}
._2phb {
  padding-right: 32px;
}
._au- {
  padding-bottom: 0;
}
._2pim {
  padding-bottom: 4px;
}
._2pin {
  padding-bottom: 8px;
}
._2pio {
  padding-bottom: 12px;
}
._2pip {
  padding-bottom: 16px;
}
._2piq {
  padding-bottom: 20px;
}
._2o1p {
  padding-bottom: 24px;
}
._4gao {
  padding-bottom: 32px;
}
._1cvx {
  padding-left: 0;
}
._2pir {
  padding-left: 4px;
}
._2pis {
  padding-left: 8px;
}
._2pit {
  padding-left: 12px;
}
._2piu {
  padding-left: 16px;
}
._2piv {
  padding-left: 20px;
}
._2o1q {
  padding-left: 24px;
}
._2o1r {
  padding-left: 36px;
}
.uiBoxGray {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
}
.uiBoxDarkgray {
  color: #ccc;
  background-color: #333;
  border: 1px solid #666;
}
.uiBoxGreen {
  background-color: #d1e6b9;
  border: 1px solid #629824;
}
.uiBoxLightblue {
  background-color: #edeff4;
  border: 1px solid #d8dfea;
}
.uiBoxRed {
  background-color: #ffebe8;
  border: 1px solid #dd3c10;
}
.card-white {
  background-color: #fff;
  border: 1px solid #ccc;
}
.uiBoxYellow {
  background-color: #fff9d7;
  border: 1px solid #e2c822;
}
.uiBoxOverlay {
  background: #ffffffd9;
  border: 1px solid #3b5998;
  border: 1px solid rgba(59, 89, 153, 0.65);
}
.uiBoxError {
  background-color: #ffe6e3;
  border: 1px solid #db4123;
}
.uiBoxErrordark {
  background-color: #3d000a;
  border: 1px solid #aa2312;
}
.no-border {
  border: none;
}
.topborder {
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.bottomborder {
  border-left: none;
  border-right: none;
  border-top: none;
}
.dashedborder {
  border-style: dashed;
}
.pas {
  padding: 5px;
}
.pa8 {
  padding: 8px;
}
.pam {
  padding: 10px;
}
.pa16 {
  padding: 16px;
}
.pal {
  padding: 20px;
}
.pts {
  padding-top: 5px;
}
.pt8 {
  padding-top: 8px;
}
.ptm {
  padding-top: 10px;
}
.pt16 {
  padding-top: 16px;
}
.ptl {
  padding-top: 20px;
}
.prs {
  padding-right: 5px;
}
.pr8 {
  padding-right: 8px;
}
.prm {
  padding-right: 10px;
}
.pr16 {
  padding-right: 16px;
}
.prl {
  padding-right: 20px;
}
.pbs {
  padding-bottom: 5px;
}
.pb8 {
  padding-bottom: 8px;
}
.pbm {
  padding-bottom: 10px;
}
.pb16 {
  padding-bottom: 16px;
}
.pbl {
  padding-bottom: 20px;
}
.pls {
  padding-left: 5px;
}
.pl8 {
  padding-left: 8px;
}
.plm {
  padding-left: 10px;
}
.pl16 {
  padding-left: 16px;
}
.pll {
  padding-left: 20px;
}
.phs {
  padding-left: 5px;
  padding-right: 5px;
}
.ph8 {
  padding-left: 8px;
  padding-right: 8px;
}
.phm {
  padding-left: 10px;
  padding-right: 10px;
}
.ph16 {
  padding-left: 16px;
  padding-right: 16px;
}
.phl {
  padding-left: 20px;
  padding-right: 20px;
}
.pvs {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pv8 {
  padding-bottom: 8px;
  padding-top: 8px;
}
.pvm {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pv16 {
  padding-bottom: 16px;
  padding-top: 16px;
}
.pvl {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mas {
  margin: 5px;
}
.ma8 {
  margin: 8px;
}
.mam {
  margin: 10px;
}
.ma16 {
  margin: 16px;
}
.mal {
  margin: 20px;
}
.mts {
  margin-top: 5px;
}
.mt8 {
  margin-top: 8px;
}
.mtm {
  margin-top: 10px;
}
.mt16 {
  margin-top: 16px;
}
.mtl {
  margin-top: 20px;
}
.mrs {
  margin-right: 5px;
}
.mr8 {
  margin-right: 8px;
}
.mrm {
  margin-right: 10px;
}
.mr16 {
  margin-right: 16px;
}
.mrl {
  margin-right: 20px;
}
.mbs {
  margin-bottom: 5px;
}
.mb8 {
  margin-bottom: 8px;
}
.mbm {
  margin-bottom: 10px;
}
.mb16 {
  margin-bottom: 16px;
}
.mbl {
  margin-bottom: 20px;
}
.mls {
  margin-left: 5px;
}
.ml8 {
  margin-left: 8px;
}
.mlm {
  margin-left: 10px;
}
.ml16 {
  margin-left: 16px;
}
.mll {
  margin-left: 20px;
}
.mhs {
  margin-left: 5px;
  margin-right: 5px;
}
.mh8 {
  margin-left: 8px;
  margin-right: 8px;
}
.mhm {
  margin-left: 10px;
  margin-right: 10px;
}
.mh16 {
  margin-left: 16px;
  margin-right: 16px;
}
.mhl {
  margin-left: 20px;
  margin-right: 20px;
}
.mvs {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mv8 {
  margin-bottom: 8px;
  margin-top: 8px;
}
.mvm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mv16 {
  margin-bottom: 16px;
  margin-top: 16px;
}
.mvl {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* Back to Top */
#backToTop {
  display: none; /* hidden until scrolling */
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  font-size: 24rem; /* HUGE on desktop */
  font-weight: 700; /* bold */
  color: black;
  cursor: pointer;
  z-index: 999;
  line-height: 1;
}

#backToTop:hover {
  color: white;
}

/* Go to End */
#goToEnd {
  display: none; /* hidden until scrolling */
  position: fixed;
  top: 20px;
  right: 20px;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  font-size: 24rem; /* HUGE on desktop */
  font-weight: 700;
  color: black;
  cursor: pointer;
  z-index: 999;
  line-height: 1;
}

#goToEnd:hover {
  color: white;
}

/* Tablets and smaller devices (<=768px) */
@media (max-width: 768px) {
  .container {
    max-width: 100%;
    padding: 0 12px;
  }
  .card {
    margin-bottom: 14px;
    border-radius: 6px;
  }
  .header {
    align-items: flex-start;
  }
  .header-title {
    margin-left: 0 !important;
    text-align: left !important;
  }
  .header-title h1 {
    font-size: 1.1em;
  }
  .navbar .logo {
    height: 50px;
    margin: 0;
  }

  /* ✅ Arrows side by side bottom right */
  #backToTop,
  #goToEnd {
    position: fixed;
    bottom: 10px;
    top: auto; /* reset */
    font-size: 8rem;
  }

  /* Back to Top on the far right */
  #backToTop {
    right: 10px;
  }

  /* Go to End to the left of Back to Top */
  #goToEnd {
    right: 80px; /* space between ↓ and ↑ */
  }
}

/* Extra small phones (<=480px) */
@media (max-width: 480px) {
  .container {
    padding: 0 8px;
  }
  .header-title h1 {
    font-size: 1em;
  }
  .card-content,
  .card-info {
    word-wrap: break-word;
  }
  .navbar .logo {
    height: 45px;
    margin: 0;
    transform: translateY(-2px);
  }

  /* ✅ Smaller arrows side by side */
  #backToTop,
  #goToEnd {
    font-size: 5rem;
    bottom: 8px;
  }

  #backToTop {
    right: 8px;
  }

  #goToEnd {
    right: 60px; /* closer on very small screens */
  }
}

.header {
  display: flex;
  justify-content: space-between; /* pushes title left and Inquire right */
  align-items: center;

  position: sticky;
  top: 0;
  z-index: 1000;
}

.header-inquire {
  margin-left: auto;
}

.inquire-link {
  color: black;
  font-weight: 700; /* match heading weight */
  font-size: 100%; /* match heading size */
  line-height: 18px; /* match heading line height */
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
}

.inquire-link:hover,
.inquire-link:focus,
.inquire-link:active {
  color: #00ff00; /* color when pressed/clicked, change as you want */
  text-decoration: none; /* remove this if you don’t want underline */
}
.header-text {
  font-size: 100%; /* same as .inquire-link */
  font-weight: 700; /* bold to match */
  line-height: 18px; /* same vertical alignment */
  color: #1d2129; /* dark text */
}

/* Contact page styling */
.contact-card {
  text-align: center;
  padding: 40px 20px;
}

.contact-card h2 {
  font-size: 1.2em;
  margin-bottom: 12px;
  color: black;
}

.contact-card a {
  font-size: 1.1em;
  font-weight: 600;
  color: black;
}
.contact-photo {
  margin-top: 20px;
  max-width: 300px; /* ⬅️ bigger photo */
  width: 100%; /* scales on smaller screens */
  height: auto;
  border-radius: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}