.travel-documentation-visa-su {
  width: 100%;
  position: relative;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 0 30px;
  box-sizing: border-box;
  line-height: normal;
  letter-spacing: normal;
}
.travel-documentation-visa-su-inner {
  align-self: stretch;
  justify-content: center;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-family: "Fira Sans";
}
.container-wrapper,
.frame-parent,
.travel-documentation-visa-su-inner {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent {
  width: 1752px;
  flex-direction: column;
  gap: 8px;
}
.container-wrapper {
  align-self: stretch;
  justify-content: center;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: right;
  font-size: 15px;
  color: #008ae4;
  font-family: "Font Awesome 5 Free";
}
.container {
  width: 1320px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  gap: 0;
  max-width: 100%;
}
.container2,
.container3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container2 {
  width: 220px;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 1320px;
}
.container3 {
  align-self: stretch;
}
.link-logo {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.container4 {
  width: 880px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 1320px;
}
.container5 {
  width: 1241px;
  justify-content: center;
  flex-shrink: 0;
}
.container5,
.item-link,
.list {
  display: flex;
  align-items: center;
}
.list {
  margin: 0;
  padding: 0 17px;
  gap: 78px;
  text-align: left;
  font-size: 16px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.item-link {
  padding: 29.5px 0 31.5px;
}
.home {
  position: relative;
  line-height: 26px;
}
.item-link2,
.item-link3 {
  display: flex;
  align-items: center;
}
.item-link2 {
  width: 44.1px;
  position: relative;
  line-height: 26px;
  flex-shrink: 0;
}
.item-link3 {
  padding: 29.5px 0 31.5px;
  gap: 5px;
}
.item-link4,
.symbol {
  position: relative;
  flex-shrink: 0;
}
.symbol {
  font-size: 13px;
  line-height: 13px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  overflow: hidden;
  width: 9px;
  height: 13px;
}
.item-link4 {
  width: 56.2px;
  line-height: 26px;
  display: flex;
  align-items: center;
}
.container6 {
  width: 452px;
  flex-direction: column;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 1808px;
}
.container6,
.container7,
.symbol-wrapper {
  display: flex;
  align-items: flex-start;
}
.container7 {
  align-self: stretch;
  height: 58px;
  padding: 0 0 0 140px;
  box-sizing: border-box;
  gap: 19.7px;
}
.symbol-wrapper {
  flex-direction: column;
  padding: 21px 19px 0 0;
}
.link,
.symbol2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.symbol2 {
  width: 15.2px;
  height: 15px;
  position: relative;
  line-height: 15px;
  font-weight: 900;
  overflow: hidden;
  flex-shrink: 0;
}
.link {
  border-radius: 30px;
  background-color: #008ae4;
  border: 0 solid #fff;
  padding: 15px 35px;
  gap: 5px;
  font-size: 16px;
  color: #fff;
  font-family: "Fira Sans";
}
.get-a-quote {
  position: relative;
  line-height: 26px;
  font-weight: 500;
}
.container8 {
  width: 16px;
  display: flex;
  align-items: flex-start;
}
.icon {
  height: 14px;
  width: 14px;
  position: relative;
}
.container-container {
  flex-direction: column;
  padding: 13.8px 0 0;
}
.container-container,
.container10,
.container9 {
  display: flex;
  align-items: flex-start;
}
.container9 {
  justify-content: center;
  transform: rotate(-180deg);
}
.container10 {
  width: 30px;
}
.icon2 {
  height: 30px;
  width: 30px;
  position: relative;
  transform: rotate(180deg);
}
.container-frame {
  align-self: stretch;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 67px 231px;
  box-sizing: border-box;
  background-image: url("deadline.8ebc0a8fbb55.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  max-width: 100%;
}
.container11,
.heading-1,
.heading-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container11 {
  width: 636px;
  justify-content: center;
  gap: 11px;
  max-width: 100%;
}
.heading-1,
.heading-4 {
  align-self: stretch;
}
.heading-1 {
  padding: 9px 0 0;
  font-size: 25px;
  color: #008ae4;
}
.heading-4 {
  height: 33px;
  justify-content: center;
}
.prepare-for-your,
.travel-documentation {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 19.2px;
  font-weight: 700;
  font-family: inherit;
}
.prepare-for-your {
  align-self: stretch;
  font-size: 42px;
  line-height: 42px;
  font-weight: 600;
  color: #fff;
  text-align: left;
}
.container12 {
  width: 560px;
  height: 164px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 0 0;
  box-sizing: border-box;
  text-align: left;
}
.international-travel-can {
  width: 558px;
  position: relative;
  line-height: 26px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.link-parent {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  text-align: right;
}
.link2 {
  background-color: #008ae4;
}
.link2,
.link3 {
  border-radius: 30px;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px 20px;
  gap: 5px;
}
.section,
.section-wrapper {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.section-wrapper {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 20px;
  text-align: left;
  font-size: 42px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.section {
  flex: 1;
  border-radius: 30px;
  background-color: #fff;
  flex-direction: column;
  padding: 100px 280px;
}
.container15 {
  align-self: stretch;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  gap: 0;
}
.container16 {
  flex: 1;
  padding: 0 12px;
  box-sizing: border-box;
  min-width: 370px;
  max-width: 1320px;
}
.container16,
.container17,
.container18 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container17 {
  width: 648px;
  overflow: hidden;
}
.container18 {
  align-self: stretch;
  gap: 30px;
  min-height: 1px;
}
.clearer-guidance-for {
  margin: 0;
  width: 556px;
  position: relative;
  font-size: inherit;
  line-height: 50px;
  font-weight: 600;
  font-family: inherit;
  display: flex;
  align-items: center;
}
.container20,
.frame-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.frame-section {
  width: 603px;
  height: 356px;
  text-align: left;
  font-size: 20px;
  color: #6b7a7a;
  font-family: "Fira Sans";
}
.container20 {
  align-self: stretch;
  padding: 5.5px 0 0;
}
.a-missing-document {
  align-self: stretch;
  position: relative;
  line-height: 35px;
}
.container21,
.link4 {
  display: flex;
  align-items: flex-start;
}
.container21 {
  align-self: stretch;
  flex-direction: column;
  padding: 0 0 8px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.link4 {
  border-radius: 30px;
  background-color: #008ae4;
  overflow: hidden;
  justify-content: center;
  padding: 15px 40px;
  position: relative;
  isolation: isolate;
}
.horizontal-divider {
  height: 2px;
  width: 11.99%;
  position: absolute;
  margin: 0 !important;
  right: 68.01%;
  bottom: 17px;
  left: 20%;
  background-color: rgba(255, 255, 255, 0.63);
  z-index: 0;
}
.schedule-a-free {
  position: relative;
  line-height: 26px;
  font-weight: 600;
  z-index: 1;
}
.container22 {
  height: 580px;
  width: 394px;
  display: flex;
  align-items: flex-start;
  max-width: 1320px;
  text-align: center;
  font-size: 14px;
  color: #0554a2;
  font-family: "Font Awesome 5 Free";
}
.container23,
.testi-thumbpng {
  width: 816px;
  height: 580px;
  position: relative;
  flex-shrink: 0;
}
.container23 {
  margin-left: -242px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  isolation: isolate;
}
.testi-thumbpng {
  overflow: hidden;
  background-image: url("plane.f6731c20346a.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  display: block;
  z-index: 0;
}
.container24 {
  width: 23.04%;
  height: 6.9%;
  margin: 0 !important;
  position: absolute;
  top: 90.1%;
  right: 7.35%;
  bottom: 3%;
  left: 69.61%;
  display: flex;
  align-items: center;
  z-index: 1;
}
.background,
.container25 {
  display: flex;
  align-items: flex-start;
}
.container25 {
  flex-direction: column;
  padding: 0 15px 0 0;
  flex-shrink: 0;
}
.background {
  width: 40px;
  border-radius: 20px;
  background-color: #ff9c00;
  justify-content: center;
}
.symbol3 {
  position: relative;
  line-height: 40px;
  font-weight: 900;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 40px;
  flex-shrink: 0;
}
.heading-42 {
  height: 26.4px;
  width: 150.1px;
  display: flex;
  align-items: flex-end;
  padding: 0;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: left;
  font-size: 22px;
  font-family: "Fira Sans";
}
.brand-strategy {
  margin: 0;
  height: 27px;
  width: 176px;
  position: relative;
  font-size: inherit;
  line-height: 26.4px;
  font-weight: 500;
  font-family: inherit;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.section2 {
  align-self: stretch;
  background-color: #f4f8f9;
  flex-direction: column;
  padding: 100px 300px;
}
.container26,
.container27,
.section2 {
  display: flex;
  align-items: flex-start;
}
.container26 {
  width: 100%;
  height: 1165px;
  flex-direction: column;
  max-width: 1320px;
}
.container27 {
  align-self: stretch;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-shrink: 0;
}
.container28 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 100%;
}
.container28,
.container29,
.container30 {
  align-self: stretch;
  display: flex;
}
.container29 {
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 60px 0 0;
  gap: 0;
  flex-shrink: 0;
}
.container30 {
  width: 805px;
  flex-direction: column;
  align-items: center;
  padding: 11px 12px 0;
  box-sizing: border-box;
  max-width: 1320px;
  text-align: left;
  font-size: 16px;
  color: #6b7a7a;
  font-family: "Fira Sans";
}
.container31,
.heading-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container31 {
  width: 100%;
  padding: 0 5px 0 0;
  box-sizing: border-box;
  gap: 18px;
  max-width: 100%;
}
.heading-2 {
  align-self: stretch;
  font-size: 42px;
  color: #0554a2;
}
.travel-documentation-services {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 50.4px;
  font-weight: 600;
  font-family: inherit;
}
.container32,
.container33 {
  width: 770px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container33 {
  width: 776px;
  padding: 7px 0 0;
  box-sizing: border-box;
  font-size: 26px;
  color: #008ae4;
}
.personalized-travel-document {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 26px;
  font-weight: 700;
  font-family: inherit;
}
.container34 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 7px 0 0;
}
.we-help-identify {
  align-self: stretch;
  position: relative;
  line-height: 26px;
}
.list2 {
  align-self: stretch;
  flex-direction: column;
  padding: 12px 0 0;
  font-size: 15px;
  color: #008ae4;
  font-family: "Font Awesome 5 Free";
}
.frame-group,
.item-parent,
.list2 {
  display: flex;
  align-items: flex-start;
}
.frame-group {
  gap: 72px;
}
.item-parent {
  flex-direction: column;
}
.item {
  width: 272px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.symbol4 {
  position: relative;
  line-height: 15px;
  font-weight: 900;
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}
.destination-country {
  position: relative;
  font-size: 16px;
  line-height: 38px;
  font-family: "Fira Sans";
  color: #0554a2;
}
.background2,
.container36 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container36 {
  width: 515px;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 1320px;
  text-align: left;
  font-size: 26px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.background2 {
  border-radius: 20px;
  background-color: #fff;
  padding: 56px 50px 50px;
}
.visa-application-organization {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 31.2px;
  font-weight: 700;
  font-family: inherit;
}
.container37 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 0 0;
  font-size: 16px;
  color: #6b7a7a;
}
.we-may-help {
  align-self: stretch;
  position: relative;
  line-height: 26px;
  font-weight: 500;
}
.container38,
.section-container {
  align-self: stretch;
  display: flex;
  max-width: 100%;
}
.section-container {
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 20px;
  box-sizing: border-box;
}
.container38 {
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  gap: 0;
}
.container39,
.container40 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container39 {
  flex: 1;
  padding: 0 12px;
  box-sizing: border-box;
  min-width: 340px;
  max-width: 1320px;
  text-align: left;
  font-size: 42px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.container40 {
  width: 518px;
  overflow: hidden;
}
.passport-application-and {
  margin: 0;
  width: 556px;
  position: relative;
  font-size: inherit;
  line-height: 42px;
  font-weight: 600;
  font-family: inherit;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.container45,
.frame-div {
  display: flex;
  align-items: flex-start;
}
.frame-div {
  align-self: stretch;
  height: 181px;
  flex-direction: column;
  font-size: 20px;
  color: #6b7a7a;
}
.container45 {
  height: 580px;
  width: 470px;
  max-width: 1320px;
  text-align: center;
  font-size: 14px;
  color: #0554a2;
  font-family: "Font Awesome 5 Free";
}
.container46,
.testi-thumbpng2 {
  position: relative;
  flex-shrink: 0;
}
.container46 {
  margin-left: -242px;
  width: 700px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  isolation: isolate;
  max-width: 149%;
}
.testi-thumbpng2 {
  width: 816px;
  height: 580px;
  overflow: hidden;
  background-image: url("application.783aa61844fb.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
}
.container47 {
  width: 23.04%;
  height: 6.9%;
  margin: 0 !important;
  position: absolute;
  top: 90.1%;
  right: -3.61%;
  bottom: 3%;
  left: 80.57%;
  display: flex;
  align-items: center;
  z-index: 1;
  flex-shrink: 0;
}
.container50,
.section4 {
  display: flex;
  align-items: flex-start;
}
.section4 {
  flex: 1;
  border-radius: 30px;
  background-color: #e2ecf1;
  flex-direction: column;
  padding: 100px 280px;
  box-sizing: border-box;
  max-width: 100%;
}
.container50 {
  height: 580px;
  flex: 1.037;
  min-width: 335px;
  max-width: 1320px;
  text-align: center;
  font-size: 14px;
  color: #0554a2;
  font-family: "Font Awesome 5 Free";
}
.container51,
.testi-thumbpng3 {
  position: relative;
  flex-shrink: 0;
}
.container51 {
  margin-left: -242px;
  width: 878px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  isolation: isolate;
  max-width: 136%;
}
.testi-thumbpng3 {
  width: 816px;
  height: 580px;
  overflow: hidden;
  background-image: url("fakepointing.9d3a1977c55a.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
}
.container52 {
  width: 23.04%;
  height: 6.9%;
  margin: 0 !important;
  position: absolute;
  top: 90.1%;
  right: 12%;
  bottom: 3%;
  left: 64.95%;
  display: flex;
  align-items: center;
  z-index: 1;
}
.container54 {
  flex: 1;
  padding: 0 12px;
  box-sizing: border-box;
  min-width: 335px;
  max-width: 1320px;
  text-align: left;
  font-size: 42px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.container54,
.container55,
.container56 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container55 {
  align-self: stretch;
  overflow: hidden;
}
.container56 {
  width: 636px;
  gap: 30px;
  min-height: 1px;
}
.supporting-document-review {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 42px;
  font-weight: 600;
  font-family: inherit;
}
.container-parent {
  align-self: stretch;
  height: 356px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-size: 20px;
  color: #6b7a7a;
}
.container58,
.review-list-container-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}
.container58 {
  flex-direction: column;
  padding: 5.5px 0 0;
}
.review-list-container-parent {
  height: 225px;
  gap: 49px;
  font-size: 16px;
}
.review-list-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.list-item {
  width: 277px;
  height: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.list-item4 {
  width: 263px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.container62,
.list-item6 {
  height: 26px;
  width: 16px;
  display: flex;
  align-items: center;
}
.list-item6 {
  width: 277px;
  align-items: flex-start;
  gap: 10px;
}
.employment-information {
  width: 251px;
  position: relative;
  line-height: 26px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.horizontal-divider3 {
  height: 2px;
  width: 12.02%;
  position: absolute;
  margin: 0 !important;
  right: 67.98%;
  bottom: 17px;
  left: 20%;
  background-color: rgba(255, 255, 255, 0.63);
  z-index: 0;
}
.container75 {
  overflow: hidden;
}
.container75,
.container77 {
  width: 564px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.appointment-preparation {
  margin: 0;
  width: 556px;
  position: relative;
  font-size: inherit;
  line-height: 42px;
  font-weight: 600;
  font-family: inherit;
  display: flex;
  align-items: center;
}
.container-group {
  align-self: stretch;
  height: 337px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-size: 20px;
  color: #6b7a7a;
}
.container79,
.list-item-group {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}
.list-item-group {
  align-self: stretch;
  flex-direction: column;
  gap: 6px;
  font-size: 16px;
}
.container79 {
  width: 16px;
}
.confirming-available-appointme {
  position: relative;
  line-height: 26px;
  flex-shrink: 0;
}
.container82,
.list-item15 {
  height: 26px;
  display: flex;
  align-items: center;
}
.list-item15 {
  width: 277px;
  gap: 9px;
}
.container82 {
  width: 16px;
  flex-shrink: 0;
}
.testi-thumbpng4 {
  width: 816px;
  height: 580px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  background-image: url("fakewriting.f9893eb93117.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
}
.container90 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0;
  max-width: 100%;
}
.testi-thumbpng5 {
  width: 816px;
  height: 580px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  background-image: url("larpwriting.8876e6a97141.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
}
.information-container,
.requirement-container {
  align-self: stretch;
  height: 392px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-size: 20px;
  color: #6b7a7a;
}
.requirement-container {
  height: 251px;
  gap: 6px;
  font-size: 16px;
  color: #008ae4;
}
.list-item19 {
  align-self: stretch;
  height: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.list-item22 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.employer-letters {
  width: 408px;
  position: relative;
  line-height: 26px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.list-item24 {
  align-self: stretch;
  height: 26px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.container111,
.section-wrapper4,
.section7 {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.section-wrapper4 {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 20px 8px;
  max-width: 100%;
  text-align: left;
  font-size: 42px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.container111,
.section7 {
  flex-direction: column;
}
.section7 {
  flex: 1;
  border-radius: 30px;
  padding: 100px 280px;
  max-width: 100%;
}
.container111 {
  width: 959px;
  padding: 0 12px;
  max-width: 1320px;
}
.content-container,
.detail-container {
  align-self: stretch;
  flex-direction: column;
}
.content-container {
  height: 322px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  text-align: left;
  font-size: 20px;
  color: #6b7a7a;
  font-family: "Fira Sans";
}
.detail-container {
  height: 186px;
  gap: 6px;
  font-size: 16px;
  color: #008ae4;
}
.container124,
.container125,
.detail-container {
  display: flex;
  align-items: flex-start;
}
.container124 {
  height: 580px;
  flex: 1;
  min-width: 144px;
  max-width: 1320px;
  text-align: center;
  font-size: 14px;
  color: #0554a2;
  font-family: "Font Awesome 5 Free";
}
.container125 {
  margin-left: -242px;
  width: 591px;
  flex-direction: column;
  position: relative;
  isolation: isolate;
  flex-shrink: 0;
  max-width: 164%;
}
.testi-thumbpng6 {
  width: 816px;
  height: 580px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  background-image: url("globalwriting.6b156e227815.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
}
.container126 {
  width: 23.05%;
  height: 6.9%;
  margin: 0 !important;
  position: absolute;
  top: 90.1%;
  right: -20.34%;
  bottom: 3%;
  left: 97.29%;
  display: flex;
  align-items: center;
  z-index: 1;
  flex-shrink: 0;
}
.container128,
.section8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section8 {
  align-self: stretch;
  height: 686px;
  background-color: #fff;
  padding: 105px 300px 110px;
  box-sizing: border-box;
  max-width: 100%;
  z-index: 1;
}
.container128 {
  width: 100%;
  height: 530px;
  gap: 36px;
  max-width: 1320px;
  flex-shrink: 0;
}
.container129,
.container130 {
  align-items: flex-start;
  max-width: 100%;
}
.container129 {
  width: 1320px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  text-align: center;
  font-size: 16px;
  color: #008ae4;
  font-family: "Fira Sans";
}
.container130 {
  flex: 1;
  padding: 11px 12px;
  box-sizing: border-box;
}
.container130,
.heading-48,
.section-title {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.section-title {
  align-items: flex-start;
  gap: 11px;
}
.heading-48 {
  align-items: center;
}
.process {
  position: relative;
  line-height: 19.2px;
}
.heading-12 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 9px 0 0;
  font-size: 42px;
  color: #0554a2;
}
.our-process {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 42px;
  font-weight: 600;
  font-family: inherit;
}
.container131 {
  width: 1320px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0;
  min-height: 390px;
  max-width: 100%;
}
.container132 {
  flex: 1;
  padding: 0 12px;
  box-sizing: border-box;
  min-width: 132px;
  max-width: 1320px;
  text-align: left;
  font-size: 20px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.container132,
.container133,
.feature-item {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.feature-item {
  height: 360px;
  box-shadow: 0 5px 30px rgba(171, 199, 198, 0.3);
  border-radius: 10px;
  background-color: #fff;
  border: 0 solid #fff;
  box-sizing: border-box;
  padding: 35px 25px 25px 35px;
  gap: 16px;
}
.container133 {
  flex-shrink: 0;
}
.feature-icon01png {
  width: 45px;
  height: 45px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  background-image: url("bulb.5594be7210e2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.container134 {
  align-self: stretch;
  height: 195px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 0 0;
  box-sizing: border-box;
  gap: 5px;
  flex-shrink: 0;
}
.tell-us-about {
  align-self: stretch;
  position: relative;
  line-height: 30px;
}
.container135,
.container136 {
  align-self: stretch;
  flex-direction: column;
  flex-shrink: 0;
}
.container135 {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  color: #6b7a7a;
}
.container136 {
  padding: 7px 0 5px;
}
.container136,
.link10 {
  display: flex;
  align-items: flex-start;
}
.icon37 {
  height: 9px;
  width: 14px;
  position: relative;
}
.feature-item2 {
  align-self: stretch;
  box-shadow: 0 5px 30px rgba(171, 199, 198, 0.3);
  border-radius: 10px;
  background-color: #fff;
  border: 0 solid #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 35px 25px 25px 35px;
  gap: 16px;
}
.feature-icon02png {
  width: 46px;
  position: relative;
  max-height: 100%;
}
.container139 {
  height: 185px;
  padding: 4px 0 0;
  box-sizing: border-box;
  gap: 16px;
}
.container139,
.container140,
.container141 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container140 {
  font-size: 16px;
  color: #6b7a7a;
}
.container141 {
  padding: 7px 0 5px;
}
.feature-icon03png {
  width: 44px;
  position: relative;
  max-height: 100%;
}
.container144 {
  height: 196px;
  display: flex;
  align-items: flex-start;
  padding: 4px 0 0;
  gap: 5px;
  flex-shrink: 0;
}
.container144,
.container149,
.section9 {
  align-self: stretch;
  flex-direction: column;
  box-sizing: border-box;
}
.container149 {
  height: 184px;
  display: flex;
  align-items: flex-start;
  padding: 4px 0 0;
  gap: 16px;
}
.section9 {
  padding: 0 300px;
  max-width: 100%;
  z-index: 4;
  text-align: left;
  font-size: 60px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.container152,
.container153,
.section9 {
  display: flex;
  align-items: flex-start;
}
.container152 {
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
}
.container153 {
  width: 440px;
  flex-direction: column;
  padding: 45px 62px 52px;
  box-sizing: border-box;
  max-width: 1320px;
  z-index: 2;
}
.container154 {
  align-self: stretch;
  display: flex;
  align-items: center;
}
.paragraph {
  display: flex;
  align-items: flex-start;
  padding: 11px 0 2px;
  gap: 4.3px;
}
.k {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 52px;
  font-weight: 600;
  font-family: inherit;
}
.container155,
.margin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.margin {
  padding: 0 0 0 23px;
  font-size: 18px;
  color: #6b7a7a;
}
.container155 {
  padding: 11px 0 0;
  position: relative;
  isolation: isolate;
}
.heading-5 {
  position: relative;
  line-height: 24px;
  z-index: 0;
  flex-shrink: 0;
}
.vertical-divider {
  width: 1px;
  height: 30px;
  position: absolute;
  margin: 0 !important;
  top: 20px;
  left: -22px;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 1;
  flex-shrink: 0;
}
.container156 {
  width: 440px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 1320px;
  z-index: 1;
  color: #fff;
}
.background8,
.container157 {
  align-self: stretch;
  display: flex;
}
.background8 {
  background-color: #008ae4;
  flex-direction: column;
  align-items: flex-start;
  padding: 45px 50px 52px;
}
.container157 {
  align-items: center;
  row-gap: 20px;
}
.container158 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 11px 0 2px;
}
.margin2 {
  flex-direction: column;
  padding: 0 0 0 23px;
  font-size: 15px;
  color: #ffb608;
  font-family: "Font Awesome 5 Free";
}
.container159,
.margin2,
.paragraph2 {
  display: flex;
  align-items: flex-start;
}
.container159 {
  flex-direction: column;
  gap: 5px;
}
.paragraph2 {
  align-self: stretch;
  padding: 5px 0 6px;
  gap: 4.2px;
}
.symbol18 {
  position: relative;
  line-height: 15px;
  font-weight: 900;
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 15px;
  flex-shrink: 0;
}
.heading-52 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 18px;
  color: #fff;
  font-family: "Fira Sans";
}
.avg-clients-ratings {
  position: relative;
  line-height: 24px;
}
.container160,
.margin3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container160 {
  width: 440px;
  padding: 45px 62px 52px;
  box-sizing: border-box;
  max-width: 1320px;
}
.margin3 {
  padding: 0 0 0 23px;
  font-size: 18px;
  color: #6b7a7a;
}
.container164,
.section-wrapper5 {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.section-wrapper5 {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 20px 59px;
  max-width: 100%;
}
.container164 {
  height: 580px;
  flex: 1.037;
  padding: 0;
  min-width: 335px;
  max-width: 1320px;
  text-align: center;
  font-size: 14px;
  color: #0554a2;
  font-family: "Font Awesome 5 Free";
}
.testi-thumbpng7 {
  width: 821px;
  height: 681px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  background-image: url("paperinhand.0005746bd6d1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
}
.container166,
.heading-49 {
  display: flex;
  align-items: flex-start;
}
.container166 {
  width: 17.65%;
  height: 7.64%;
  margin: 0 !important;
  position: absolute;
  top: 90.16%;
  right: 6.49%;
  bottom: 2.2%;
  left: 75.85%;
  z-index: 1;
}
.heading-49 {
  height: 26.4px;
  width: 150.1px;
  position: relative;
  isolation: isolate;
  flex-shrink: 0;
  text-align: left;
  font-size: 22px;
  font-family: "Fira Sans";
}
.brand-strategy7 {
  margin: 0 !important;
  height: 53px;
  width: 98px;
  position: absolute;
  top: calc(50% - 14.1px);
  left: 0;
  font-size: inherit;
  line-height: 26.4px;
  font-weight: 500;
  font-family: inherit;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  z-index: 0;
}
.consultation-list-wrapper,
.preparation-content {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.preparation-content {
  height: 520px;
  flex-direction: column;
  gap: 10px;
  font-size: 20px;
  color: #6b7a7a;
}
.consultation-list-wrapper {
  height: 314px;
  gap: 6px;
  font-size: 16px;
  color: #008ae4;
}
.list-item33 {
  width: 306px;
  height: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.list-item36,
.list-item38 {
  width: 306px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.list-item38 {
  height: 26px;
}
.container187,
.section11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}
.section11 {
  align-self: stretch;
  height: 1049px;
  background-color: #fff;
  padding: 105px 300px 110px;
  max-width: 100%;
  z-index: 2;
}
.container187 {
  width: 100%;
  height: 530px;
  padding: 0 0 426px;
  gap: 36px;
  max-width: 1320px;
}
.container188,
.feature-wrapper {
  width: 1320px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  max-width: 100%;
}
.container188 {
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  text-align: center;
  font-size: 16px;
  color: #008ae4;
  font-family: "Fira Sans";
}
.feature-wrapper {
  flex-direction: column;
}
.container190,
.container191 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.container190 {
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0;
  min-height: 390px;
}
.container191 {
  flex: 1;
  flex-direction: column;
  padding: 0 12px;
  box-sizing: border-box;
  min-width: 180px;
  max-width: 1320px;
  text-align: left;
  font-size: 20px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.feature-icon01png2 {
  width: 45px;
  position: relative;
  max-height: 100%;
}
.container193 {
  align-self: stretch;
  height: 192px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 0 0;
  box-sizing: border-box;
  gap: 10px;
  flex-shrink: 0;
}
.personalized-checklists {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 30px;
  font-weight: 700;
  font-family: inherit;
}
.container206,
.container207,
.section-wrapper6 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.container206 {
  height: 390px;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0;
  min-height: 390px;
}
.container207,
.section-wrapper6 {
  box-sizing: border-box;
}
.container207 {
  flex: 1;
  flex-direction: column;
  padding: 0 12px;
  min-width: 335px;
  max-width: 1320px;
  text-align: left;
  font-size: 20px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.section-wrapper6 {
  padding: 0 0 100px;
  max-width: 100%;
}
.container217,
.section12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section12 {
  flex: 1;
  background-color: #fff;
  padding: 105px 300px 100px;
  box-sizing: border-box;
  max-width: 100%;
}
.container217 {
  width: 100%;
  height: 876px;
  max-width: 1320px;
}
.container218 {
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  text-align: center;
  font-size: 16px;
  color: #008ae4;
  font-family: "Fira Sans";
}
.container218,
.container220,
.container221 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.container220 {
  height: 82px;
  flex-direction: column;
  gap: 11px;
}
.container221 {
  height: 715px;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  max-width: 100%;
}
.container222,
.start-accordion-list {
  align-self: stretch;
  box-sizing: border-box;
  max-width: 100%;
}
.container222 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 231px;
}
.start-accordion-list {
  height: 499px;
  padding: 0;
}
.accordion,
.item10,
.link19,
.start-accordion-list {
  display: flex;
  align-items: flex-start;
}
.accordion {
  width: 858px;
  flex-direction: column;
  gap: 10px;
  max-width: 100%;
}
.item10,
.link19 {
  align-self: stretch;
  isolation: isolate;
}
.item10 {
  flex-direction: column;
  padding: 2px 0 15px;
  text-align: left;
  font-size: 22px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.link19 {
  box-shadow: 0 10px 100px rgba(12, 110, 109, 0.1);
  border-radius: 5px;
  background-color: #fff;
  justify-content: space-between;
  padding: 25px 35px 25px 40px;
  position: relative;
  gap: 20px;
  z-index: 1;
}
.horizontal-divider7 {
  height: 2px;
  width: 780.8px;
  position: absolute;
  margin: 0 !important;
  top: 72px;
  left: 34.3px;
  background-color: rgba(0, 138, 228, 0.1);
  z-index: 0;
  flex-shrink: 0;
}
.container223 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 1;
  flex-shrink: 0;
}
.can-apex-guarantee {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 24px;
  font-weight: 700;
  font-family: inherit;
}
.containercss-transform {
  height: 24px;
  flex-direction: column;
  justify-content: center;
  padding: 4.5px 0;
  box-sizing: border-box;
  z-index: 2;
  flex-shrink: 0;
}
.container224,
.container225,
.containercss-transform {
  display: flex;
  align-items: flex-start;
}
.container224 {
  height: 24px;
  flex-direction: column;
  padding: 3.9px 0 5.1px;
  box-sizing: border-box;
  transform: rotate(-90deg);
}
.container225 {
  width: 15px;
  flex-shrink: 0;
}
.icon59 {
  height: 15px;
  width: 15px;
  position: relative;
  transform: rotate(90deg);
}
.backgroundshadow {
  align-self: stretch;
  box-shadow: 0 10px 40px rgba(12, 110, 109, 0.1);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 20px 33px 40px;
  z-index: 0;
  font-size: 16px;
  color: #6b7a7a;
}
.no-visa-passport {
  width: 735px;
  position: relative;
  line-height: 26px;
  display: flex;
  align-items: center;
}
.item-link-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  text-align: left;
  font-size: 22px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.item-link5 {
  align-self: stretch;
  border-radius: 5px;
  background-color: #f4f8f9;
  justify-content: space-between;
  padding: 25px 40px;
  gap: 20px;
}
.container227,
.container228,
.item-link5 {
  display: flex;
  align-items: flex-start;
}
.container227 {
  align-self: stretch;
  flex-direction: column;
  padding: 3.9px 0 5.1px;
}
.container228 {
  width: 15px;
}
.icon60 {
  height: 15px;
  width: 15px;
  position: relative;
}
.travel-documentation-visa-su-child {
  align-self: stretch;
  height: 1039px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 311px 206px 312px;
  box-sizing: border-box;
  max-width: 100%;
}
.div,
.parent {
  align-self: stretch;
  max-width: 100%;
}
.parent {
  flex: 1;
  box-shadow: -151px 294px 93px transparent,
    -96px 188px 85px rgba(0, 138, 228, 0.03),
    -54px 106px 71px rgba(0, 138, 228, 0.1),
    -24px 47px 53px rgba(0, 138, 228, 0.17),
    -6px 12px 29px rgba(0, 138, 228, 0.2);
  border-radius: 20px;
  background: linear-gradient(0deg, #008ae4, #0554a2);
  border: 0 solid #fff;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  padding: 24.5px 52px 2.5px;
  gap: 26px;
}
.div {
  width: 596px;
  position: relative;
  background-image: url("mic.452e8a1c33c9.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.frame-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 67px 0 0;
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
  font-size: 70px;
  color: #fff;
  font-family: Lato;
}
.frame-container {
  align-self: stretch;
  flex: 1;
}
.frame-container,
.lets-get-started-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 17px;
}
.lets-get-started,
.schedule-an-appointment {
  position: relative;
  display: flex;
  align-items: center;
}
.lets-get-started {
  margin: 0;
  width: 559px;
  font-size: inherit;
  font-weight: 900;
  font-family: inherit;
  justify-content: center;
}
.schedule-an-appointment {
  width: 527px;
  font-size: 20px;
  text-align: left;
}
.frame-parent2,
.input-form-parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.frame-parent2 {
  align-items: flex-start;
  text-align: left;
  font-size: 14px;
  color: #7f7f83;
}
.input-form-parent {
  align-items: center;
}
.input-form {
  width: 528px;
  border-radius: 10px;
  background-color: #fff;
  border: 0 solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 20px;
}
.full-first-name {
  position: relative;
}
.frame-wrapper2,
.input-form3 {
  display: flex;
  align-items: center;
}
.input-form3 {
  width: 528px;
  border-radius: 10px;
  background-color: #fff;
  border: 0 solid #e6e6e6;
  box-sizing: border-box;
  padding: 20px 19px;
}
.frame-wrapper2 {
  flex-direction: column;
  justify-content: center;
}
.message-wrapper,
.submit-your-message-wrapper {
  width: 528px;
  border-radius: 10px;
  display: flex;
  box-sizing: border-box;
}
.message-wrapper {
  height: 149px;
  background-color: #fff;
  border: 0 solid #e6e6e6;
  align-items: flex-start;
  padding: 20px;
}
.submit-your-message-wrapper {
  background-color: #008ae4;
  align-items: center;
  justify-content: center;
  padding: 20px 19px;
  color: #fcfcfc;
}
.section-wrapper7 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 20px;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: 22px;
  color: #fff;
  font-family: "Fira Sans";
}
.container244,
.section13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section13 {
  flex: 1;
  border-radius: 30px;
  background-color: #0554a2;
  padding: 60px 280px;
  box-sizing: border-box;
  max-width: 100%;
}
.container244 {
  width: 100%;
  gap: 71px;
  max-width: 1320px;
}
.container245,
.container246 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.container245 {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0;
}
.container246 {
  width: 440px;
  flex-direction: column;
  padding: 0 12px;
  box-sizing: border-box;
  gap: 34px;
  max-width: 1320px;
  text-align: left;
  font-size: 15px;
  color: #a3b7b7;
  font-family: "Fira Sans";
}
.link-logopng {
  width: 288px;
  height: 66px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  background-image: url("logo2.8c8e04874621.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.container248 {
  width: 337px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3px 0 0;
  box-sizing: border-box;
}
.apex-global-xolutions {
  width: 337px;
  position: relative;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.form,
.input {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.form {
  position: relative;
  isolation: isolate;
  font-size: 16px;
  color: #fff;
}
.input {
  height: 50px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  padding: 15.5px 12px;
  box-sizing: border-box;
  z-index: 0;
}
.your-e-mail {
  align-self: stretch;
  position: relative;
}
.button {
  width: 119px;
  height: 36px;
  margin: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 18px;
  background-color: #008ae4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  font-size: 14px;
}
.subscribe {
  position: relative;
  line-height: 21px;
  text-transform: uppercase;
  font-weight: 500;
}
.rectangle {
  align-self: stretch;
  width: 110px;
  position: relative;
  display: none;
  max-width: 1320px;
}
.container250,
.container251 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.container250 {
  width: 220px;
  align-items: flex-start;
  padding: 10px 12px 17px;
  box-sizing: border-box;
  max-width: 1320px;
}
.container251 {
  align-items: flex-end;
  gap: 34px;
}
.quick-links {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 26.4px;
  font-weight: 500;
  font-family: inherit;
}
.item11,
.list3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.list3 {
  width: 211px;
  flex-shrink: 0;
  font-size: 15px;
  color: #a3b7b7;
}
.item11 {
  align-self: stretch;
  padding: 0 0 9px;
}
.link20 {
  display: flex;
  align-items: center;
  padding: 0 0 1px;
}
.container252 {
  width: 12px;
  display: flex;
  align-items: flex-start;
  opacity: 0;
}
.icon66 {
  height: 12px;
  width: 12px;
  position: relative;
}
.business-setup,
.office-workspace,
.real-estate-consulting,
.travel-documentation2 {
  width: 178px;
  position: relative;
  line-height: 26px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.business-setup,
.office-workspace,
.real-estate-consulting {
  width: 173px;
}
.business-setup,
.office-workspace {
  width: 155px;
}
.office-workspace {
  width: 136px;
}
.container265 {
  width: 330px;
  flex-direction: column;
  padding: 10px 12px 20px;
  box-sizing: border-box;
  max-width: 1320px;
  text-align: left;
  font-size: 15px;
  color: #fff;
  font-family: "Fira Sans";
}
.container265,
.container266,
.footer-widget-address,
.heading-414 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.container266 {
  flex-direction: column;
  gap: 20px;
}
.footer-widget-address,
.heading-414 {
  padding: 0 0 14px;
}
.heading-414 {
  flex-direction: column;
  font-size: 22px;
}
.footer-widget-address {
  height: 89px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.6);
}
.address-icon-wrapper {
  align-items: flex-start;
  padding: 7px 0 0;
}
.address-icon-wrapper,
.background10,
.container267 {
  display: flex;
  flex-direction: column;
}
.container267 {
  width: 306px;
  align-items: flex-start;
  flex-shrink: 0;
}
.background10 {
  width: 25px;
  height: 25px;
  border-radius: 13px;
  background-color: #008ae4;
  align-items: center;
  padding: 7.1px 0 8.9px;
  box-sizing: border-box;
}
.container268 {
  width: 9px;
  display: flex;
  align-items: flex-start;
}
.icon77 {
  height: 9px;
  width: 9px;
  position: relative;
}
.container269,
.container270 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container269 {
  width: 271px;
  overflow: hidden;
  flex-shrink: 0;
  padding: 0 0 1px;
  box-sizing: border-box;
  gap: 1px;
  z-index: 1;
  margin-left: -271px;
  position: relative;
}
.container270 {
  align-self: stretch;
  color: #fff;
}
.our-address {
  align-self: stretch;
  position: relative;
  line-height: 24px;
}
.footer-widget-address2 {
  align-self: stretch;
  height: 24px;
  display: flex;
  align-items: flex-start;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 9px;
  font-family: "Font Awesome 5 Free";
}
.background11,
.container271 {
  display: flex;
  flex-direction: column;
}
.container271 {
  width: 306px;
  align-items: flex-start;
  flex-shrink: 0;
  z-index: 1;
}
.background11 {
  width: 25px;
  height: 25px;
  border-radius: 13px;
  background-color: #008ae4;
  align-items: center;
}
.container272,
.symbol24 {
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}
.symbol24 {
  line-height: 25px;
  font-weight: 900;
  display: inline-block;
  width: 9px;
  height: 25px;
}
.container272 {
  width: 271px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 2;
  margin-left: -271px;
  text-align: left;
  font-size: 15px;
  font-family: "Fira Sans";
}
.footer-widget-address3 {
  align-self: stretch;
  height: 24px;
  display: flex;
  align-items: flex-start;
  padding: 0;
  box-sizing: border-box;
}
.background-icon {
  width: 25px;
  height: 25px;
  position: relative;
  border-radius: 13px;
  object-fit: cover;
}
.container274,
.container278 {
  display: flex;
  position: relative;
}
.container274 {
  width: 271px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  z-index: 2;
  margin-left: -271px;
}
.container278 {
  align-self: stretch;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  padding: 30px 0 0;
  isolation: isolate;
  gap: 0;
  font-size: 15px;
}
.container279 {
  width: 687px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 1320px;
  z-index: 0;
  flex-shrink: 0;
}
.copyright-2026 {
  align-self: stretch;
  position: relative;
  line-height: 28px;
}
.container281 {
  width: 550px;
  flex-direction: column;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 1320px;
  z-index: 1;
  flex-shrink: 0;
  text-align: right;
  color: #bdd3d3;
}
.container281,
.item22,
.list5 {
  display: flex;
  align-items: flex-start;
}
.list5 {
  width: 603px;
  gap: 24.3px;
  flex-shrink: 0;
}
.item22 {
  justify-content: flex-end;
}
.horizontal-divider8 {
  height: 1px;
  width: 98%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 1.09%;
  left: 0.91%;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 2;
  flex-shrink: 0;
}




.container36 {
  position: relative;
  top: -530px;
  left: 650px;
  z-index: 10;
}
.container29 {
  position: relative;
  left: -260px;
}
.background {
  position: relative;
}

.background img.circle-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  object-fit: contain;
  z-index: 10;
}

/* Functional contact-form controls — preserve the original design exactly. */
.travel-contact-input,
.travel-contact-message {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: #7f7f83;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  box-sizing: border-box;
}

.travel-contact-input {
  height: 26px;
}

.travel-contact-message {
  height: 109px;
  resize: none;
  line-height: 20px;
}

.travel-contact-input::placeholder,
.travel-contact-message::placeholder {
  color: #7f7f83;
  opacity: 1;
}

.submit-your-message-wrapper {
  margin: 0;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.submit-your-message-wrapper:focus-visible,
.travel-contact-input:focus-visible,
.travel-contact-message:focus-visible {
  outline: none;
}

.submit-your-message-wrapper:active {
  transform: none;
}

/* =========================================================
   AGX INTERACTION LAYER
   Adds interaction only; preserves the existing layout/design.
   ========================================================= */
.agx-service-dropdown {
  position: relative;
}

.agx-service-button {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.agx-service-button .home {
  font: inherit;
  color: inherit;
}

.agx-service-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%) translateY(-6px);
  width: 230px;
  padding: 10px;
  background: #fff;
  border: 1px solid rgba(5, 84, 162, 0.12);
  border-radius: 14px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  z-index: 9999;
}

.agx-service-menu.agx-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.agx-service-item {
  display: block;
  padding: 11px 14px;
  border-radius: 9px;
  color: #0554a2;
  text-decoration: none;
  font-family: "Fira Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
  transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.agx-service-item:hover,
.agx-service-item:focus-visible {
  background-color: rgba(5, 84, 162, 0.07);
  opacity: 0.78;
  transform: translateX(2px);
}

.agx-dropdown-icon {
  width: 20px;
  height: auto;
  display: block;
  flex-shrink: 0;
}

/* Keep the original link colors and typography. Never let browser visited-link purple take over. */
.agx-nav-link,
.agx-nav-link:visited,
.agx-nav-link:hover,
.agx-nav-link:active,
.agx-nav-link:focus-visible {
  color: #0554a2;
  text-decoration: none;
}

.agx-footer-link,
.agx-footer-link:visited,
.agx-footer-link:hover,
.agx-footer-link:active,
.agx-footer-link:focus-visible {
  color: #a3b7b7;
  text-decoration: none;
}

.agx-nav-link,
.agx-footer-link {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.agx-nav-link:hover,
.agx-footer-link:hover,
.agx-nav-link:focus-visible,
.agx-footer-link:focus-visible {
  opacity: 0.72;
}

.agx-service-button:hover,
.agx-service-button:focus-visible {
  opacity: 0.78;
}

/* Subtle interaction for existing buttons and cards without changing their geometry. */
.link,
.link2,
.link3,
.button,
.item11,
.link20 {
  transition: transform 0.22s ease, opacity 0.22s ease;
}

.link:hover,
.link2:hover,
.link3:hover,
.button:hover,
.item11:hover,
.link20:hover {
  transform: translateY(-2px);
}

/* The visual cards get a small lift only on hover; no size, padding, or layout changes. */
.container22,
.container45,
.container50,
.container124,
.container164 {
  transition: transform 0.26s ease, filter 0.26s ease;
  will-change: transform;
}

.container22:hover,
.container45:hover,
.container50:hover,
.container124:hover,
.container164:hover {
  transform: translateY(-6px);
  filter: drop-shadow(0 10px 20px rgba(5, 84, 162, 0.10));
}

.link:active,
.link2:active,
.link3:active,
.button:active {
  transform: translateY(0);
}

/* Text scroll animation: one smooth entrance when text first enters the viewport. */
.agx-text-reveal {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.agx-text-reveal.agx-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}



/* The phone image sits inside the existing 25px blue circle; the circle itself is untouched. */
.background11 {
  position: relative;
  justify-content: center;
  box-sizing: border-box;
}

.phone-icon2 {
  width: 14px;
  height: 14px;
  display: block;
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

/* Stable, one-time scroll reveal. It never changes document height while scrolling. */
.agx-scroll-reveal {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity 0.55s ease, transform 0.55s ease;
  will-change: opacity, transform;
}

.agx-scroll-reveal.agx-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}




/* =========================================================
   FINAL INTERACTION + RESPONSIVE POLISH
   No layout redesign: transforms/opacity do not change flow.
   ========================================================= */

/* Real navigation hover: obvious, but still uses the site's existing blue palette. */
nav.list > .item-link > .agx-nav-link,
nav.list > .item-link2.agx-nav-link,
nav.list > .item-link4.agx-nav-link,
.agx-service-button {
  position: relative;
  cursor: pointer;
  text-decoration: none !important;
  transition: color 180ms ease, opacity 180ms ease, transform 180ms ease;
}

nav.list > .item-link > .agx-nav-link:hover,
nav.list > .item-link > .agx-nav-link:focus-visible,
nav.list > .item-link2.agx-nav-link:hover,
nav.list > .item-link2.agx-nav-link:focus-visible,
nav.list > .item-link4.agx-nav-link:hover,
nav.list > .item-link4.agx-nav-link:focus-visible,
.agx-service-button:hover,
.agx-service-button:focus-visible {
  color: #008ae4 !important;
  opacity: 1;
  transform: translateY(-1px);
}

/* Navigation hover: color/lift only — no underline animation. */
/* Footer links: no browser purple/underline; visible hover using the existing footer palette. */
.agx-footer-link,
.agx-footer-link:visited {
  color: #a3b7b7 !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: color 180ms ease, transform 180ms ease, opacity 180ms ease;
}

.agx-footer-link:hover,
.agx-footer-link:focus-visible {
  color: #ffffff !important;
  opacity: 1;
  transform: translateX(3px);
}

/* All real content cards. Transform keeps the document flow unchanged. */
.feature-item,
.feature-item2,
.container22,
.container45,
.container50,
.container124,
.container164 {
  transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
              box-shadow 240ms ease,
              filter 240ms ease;
  will-change: transform;
}

.feature-item:hover,
.feature-item2:hover {
  transform: translate3d(0, -6px, 0);
  box-shadow: 0 12px 34px rgba(5, 84, 162, 0.14);
}

/* Keep the Brand Strategy label on one line. */
.brand-strategy,
.brand-strategy7 {
  white-space: nowrap !important;
  width: max-content !important;
  min-width: max-content;
  overflow: visible !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.heading-42,
.heading-49 {
  width: max-content !important;
  min-width: max-content;
}


/* Brand Strategy image groups: keep completely static on hover. */
.container22,
.container45,
.container50,
.container124,
.container164 {
  transition: none !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.container22:hover,
.container45:hover,
.container50:hover,
.container124:hover,
.container164:hover {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Responsive Brand Strategy rows: preserve the circle + image without hover motion. */




/* Scroll animation: one clean entrance, never a repeating animation. */
.agx-card-reveal,
.agx-text-reveal {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition-property: opacity, transform;
  transition-duration: 650ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--agx-delay, 0s);
  will-change: opacity, transform;
}

.agx-card-reveal.agx-visible,
.agx-text-reveal.agx-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Form feedback stays inside the existing button; no box redesign. */
.submit-your-message-wrapper {
  white-space: nowrap;
  transition: opacity 180ms ease, transform 180ms ease, background-color 180ms ease;
}

.submit-your-message-wrapper:hover:not(:disabled) {
  opacity: 0.90;
  transform: translateY(-1px);
}

.submit-your-message-wrapper:disabled {
  cursor: default;
  opacity: 1;
}

.submit-your-message-wrapper[data-state="success"] {
  background-color: #008ae4;
}

.submit-your-message-wrapper[data-state="error"] {
  background-color: #008ae4;
}

/* =========================================================
   Tablet
   ========================================================= */


/* =========================================================
   Mobile
   ========================================================= */


/* =========================================================
   AGX RESPONSIVE LAYER
   Desktop styles above remain untouched.
   This layer only activates at <= 1100px.
   ========================================================= */

@media (max-width: 1100px) {
  /* Prevent fixed desktop widths from creating horizontal overflow. */
  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  *, *::before, *::after {
    box-sizing: border-box;
  }

  /* ---------- Header / Hero ---------- */
  .travel-documentation-visa-su-inner {
    padding: 0 16px;
  }

  .frame-parent {
    width: 100% !important;
    max-width: 100% !important;
  }

  .container-wrapper {
    padding: 0 !important;
    width: 100%;
  }

  .container-wrapper > .container,
  .container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .container2 {
    width: 180px !important;
    max-width: 100% !important;
    padding: 0 8px !important;
  }

  .container2 .link-logo {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .container4 {
    width: calc(100% - 180px) !important;
    max-width: none !important;
    padding: 0 8px !important;
  }

  .container5 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .list {
    width: 100%;
    gap: 22px !important;
    padding: 0 8px !important;
    justify-content: center;
    flex-wrap: wrap;
  }

  .item-link,
  .item-link3 {
    padding: 20px 0 !important;
  }

  .container6 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 8px !important;
  }

  .container7 {
    padding: 0 !important;
    height: auto !important;
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  .container7 .link {
    min-height: 48px;
  }

  .container-frame {
    padding: 64px clamp(28px, 8vw, 90px) !important;
    min-height: 540px;
    background-position: center;
  }

  .container11,
  .container12 {
    width: 100% !important;
    max-width: 720px !important;
  }

  .container12 {
    height: auto !important;
  }

  .international-travel-can {
    width: 100% !important;
    max-width: 100%;
  }

  .link-parent {
    flex-wrap: wrap;
  }

  /* ---------- Main sections ---------- */
  .section-wrapper,
  .section-container {
    padding: 0 16px !important;
  }

  .section,
  .section4,
  .section7 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 80px clamp(28px, 7vw, 90px) !important;
    border-radius: 24px;
  }

  .container15,
  .container38,
  .container90,
  .container111 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .container16,
  .container17,
  .container18,
  .container39,
  .container40,
  .container54,
  .container55,
  .container56,
  .container75,
  .container90 > *,
  .container111 > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .clearer-guidance-for,
  .passport-application-and,
  .supporting-document-review,
  .appointment-preparation,
  .container54 h1,
  .container54 h2 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .frame-section,
  .frame-div,
  .container-parent,
  .information-container,
  .content-container,
  .detail-container,
  .requirement-container {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  /* Image/text layouts become normal stacked content. */
  .container15,
  .container38,
  .container50,
  .container90,
  .container111 {
    flex-direction: column;
    align-items: stretch !important;
  }

  .container22,
  .container45,
  .container50,
  .container124,
  .container164 {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: none !important;
    order: 2;
  }

  .container23,
  .container46,
  .container51,
  .container125,
  .container165,
  .testi-thumbpng,
  .testi-thumbpng2,
  .testi-thumbpng3,
  .testi-thumbpng4,
  .testi-thumbpng5 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .container23,
  .container46,
  .container51 {
    height: auto !important;
  }

  .testi-thumbpng,
  .testi-thumbpng2,
  .testi-thumbpng3,
  .testi-thumbpng4,
  .testi-thumbpng5 {
    height: clamp(260px, 42vw, 430px) !important;
    background-size: cover;
    background-position: center;
    border-radius: 18px;
  }

  .container24,
  .container47,
  .container52,
  .container126,
  .container166 {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: -48px 20px 20px auto !important;
    z-index: 3;
  }

  .container26,
  .container27,
  .container28,
  .container29,
  .container30,
  .container31,
  .container32,
  .container33,
  .container34,
  .container36,
  .container37 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
  }

  .section2 {
    padding: 80px clamp(20px, 7vw, 80px) !important;
  }

  .container29 {
    flex-direction: column !important;
  }

  .container30 {
    padding: 0 !important;
    align-items: stretch !important;
  }

  .container36 {
    padding: 0 !important;
    margin-top: 35px;
  }

  .background2 {
    width: 100% !important;
    padding: 38px 28px !important;
  }

  /* ---------- Lists: one card/item per line ---------- */
  .frame-group,
  .item-parent,
  .review-list-container-parent,
  .review-list-container,
  .list-item-group,
  .requirement-container,
  .detail-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .frame-group,
  .review-list-container-parent {
    flex-direction: column !important;
    gap: 0 !important;
  }

  .item-parent {
    flex-direction: column !important;
  }

  .item,
  .list-item,
  .list-item4,
  .list-item6,
  .list-item15,
  .list-item19,
  .list-item22,
  .list-item24 {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px;
    display: flex !important;
    align-items: center !important;
    gap: 12px;
  }

  .destination-country {
    line-height: 28px !important;
  }

  /* ---------- Generic feature/card rows ---------- */
  .feature-item,
  .feature-item2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* ---------- Contact form ---------- */
  .travel-documentation-visa-su-child {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
  }

  .parent,
  .frame-wrapper,
  .frame-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .frame-container {
    align-items: center !important;
  }

  .lets-get-started-parent {
    width: 100% !important;
    max-width: 700px !important;
    text-align: center;
  }

  .lets-get-started,
  .schedule-an-appointment {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center;
    text-align: center !important;
  }

  .frame-parent2 {
    width: min(100%, 560px) !important;
    max-width: 560px !important;
    align-items: center !important;
  }

  .input-form-parent,
  .frame-wrapper2,
  .message-wrapper,
  .submit-your-message-wrapper {
    width: 100% !important;
    max-width: 528px !important;
  }

  .input-form,
  .input-form3 {
    width: 100% !important;
    max-width: 528px !important;
  }

  .message-wrapper {
    height: 149px !important;
  }

  /* ---------- Footer ---------- */
  .section-wrapper7 {
    padding: 0 16px !important;
  }

  .section13 {
    width: 100% !important;
    padding: 60px clamp(24px, 6vw, 70px) !important;
    border-radius: 24px;
  }

  .container244,
  .container245 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .container245 {
    flex-direction: column !important;
    gap: 45px;
  }

  .container246,
  .container250,
  .container265,
  .container266,
  .container267,
  .container271 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .container246 {
    padding: 0 !important;
  }

  .rectangle {
    display: none;
  }

  .link-logopng,
  .container248,
  .apex-global-xolutions,
  .form {
    width: 100% !important;
    max-width: 100% !important;
  }

  .link-logopng {
    height: auto !important;
    min-height: 60px;
    background-size: contain;
    background-position: left center;
  }

  .container250 {
    padding: 0 !important;
  }

  .list3 {
    width: 100% !important;
  }

  .item11,
  .link20 {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Keep newsletter field/button inside its container. */
  .form {
    position: relative !important;
  }

  .input {
    width: 100% !important;
  }

  .button {
    right: 8px !important;
    top: 7px !important;
  }
}


/* =========================================================
   TABLET
   ========================================================= */
@media (max-width: 768px) {
  .travel-documentation-visa-su-inner {
    padding: 0 12px;
  }

  /* Header becomes a clean two-row mobile header. */
  .container-wrapper > .container {
    align-items: center !important;
  }

  .container2 {
    width: 145px !important;
    padding: 0 !important;
  }

  .container4 {
    width: calc(100% - 145px) !important;
    padding: 0 !important;
  }

  .container5 {
    display: flex !important;
    justify-content: flex-end !important;
  }

  .list {
    gap: 14px !important;
    justify-content: flex-end !important;
    font-size: 14px !important;
  }

  .item-link,
  .item-link3 {
    padding: 12px 0 !important;
  }

  .container6 {
    width: 100% !important;
    padding: 8px 0 0 !important;
  }

  .container7 {
    justify-content: center !important;
  }

  .container7 .link {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }

  .container-container {
    display: none !important;
  }

  .agx-service-menu {
    position: fixed;
    top: auto;
    left: 50%;
    width: min(230px, calc(100vw - 32px));
  }

  .container-frame {
    min-height: auto;
    padding: 54px 24px !important;
    border-radius: 18px;
  }

  .heading-1 {
    padding-top: 0 !important;
  }

  .prepare-for-your {
    font-size: clamp(34px, 7vw, 42px) !important;
    line-height: 1.08 !important;
  }

  .travel-documentation {
    font-size: 20px !important;
  }

  .international-travel-can {
    font-size: 16px !important;
    line-height: 25px !important;
  }

  .link-parent {
    width: 100%;
    flex-direction: column;
    gap: 10px !important;
  }

  .link2,
  .link3 {
    width: 100% !important;
    justify-content: center !important;
  }

  .section,
  .section4,
  .section7,
  .section2 {
    padding: 58px 22px !important;
    border-radius: 18px;
  }

  .section-wrapper,
  .section-container,
  .section-wrapper4,
  .section-wrapper5,
  .section-wrapper7 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .clearer-guidance-for,
  .passport-application-and,
  .supporting-document-review,
  .appointment-preparation,
  .travel-documentation-services {
    font-size: clamp(30px, 7vw, 42px) !important;
    line-height: 1.15 !important;
  }

  .a-missing-document,
  .we-help-identify,
  .we-may-help {
    font-size: 16px !important;
    line-height: 28px !important;
  }

  .container21 {
    width: 100% !important;
  }

  .link4 {
    width: 100% !important;
    justify-content: center !important;
    padding: 14px 24px !important;
  }

  .container22,
  .container45,
  .container50,
  .container124,
  .container164 {
    margin-top: 28px !important;
  }

  .testi-thumbpng,
  .testi-thumbpng2,
  .testi-thumbpng3,
  .testi-thumbpng4,
  .testi-thumbpng5 {
    height: 300px !important;
  }

  .container24,
  .container47,
  .container52,
  .container126,
  .container166 {
    margin-top: -42px !important;
    margin-right: 14px !important;
  }

  .background2 {
    padding: 30px 22px !important;
    border-radius: 16px;
  }

  /* Keep every content item on its own line. */
  .item,
  .list-item,
  .list-item4,
  .list-item6,
  .list-item15,
  .list-item19,
  .list-item22,
  .list-item24 {
    padding: 5px 0;
  }

  /* Contact form centered and full width. */
  .travel-documentation-visa-su-child {
    padding: 0 10px !important;
  }

  .parent {
    padding: 52px 18px !important;
  }

  .lets-get-started {
    font-size: clamp(34px, 9vw, 52px) !important;
    line-height: 1.08 !important;
  }

  .schedule-an-appointment {
    font-size: 17px !important;
    line-height: 26px !important;
  }

  .frame-parent2 {
    width: min(100%, 520px) !important;
    gap: 12px !important;
  }

  .travel-contact-input,
  .travel-contact-message {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
  }

  .submit-your-message-wrapper {
    min-height: 54px;
  }

  /* Footer */
  .section13 {
    padding: 50px 22px !important;
    border-radius: 18px;
  }

  .container245 {
    gap: 38px;
  }

  .quick-links {
    font-size: 20px !important;
  }

  .footer-widget-address,
  .footer-widget-address2,
  .footer-widget-address3 {
    height: auto !important;
  }
}


/* =========================================================
   PHONE
   ========================================================= */
@media (max-width: 480px) {
  body {
    font-size: 15px;
  }

  /* Header: logo first, all navigation links below it, quote below them. */
  .container-wrapper > .container {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px;
  }

  .container2,
  .container4,
  .container5,
  .container6 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .container2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0 4px !important;
  }

  .container2 .link-logo {
    width: min(210px, 72vw) !important;
    max-height: 64px;
    object-fit: contain;
  }

  .container5 {
    justify-content: center !important;
  }

  .list {
    width: 100% !important;
    padding: 4px 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px !important;
  }

  .list > * {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center;
  }

  .item-link,
  .item-link2,
  .item-link3,
  .item-link4 {
    width: 100% !important;
    min-height: 44px;
    padding: 8px 10px !important;
    border-radius: 9px;
    background: rgba(5, 84, 162, 0.045);
    justify-content: center;
    text-align: center;
  }

  .agx-service-button {
    justify-content: center;
    width: 100%;
  }

  .container6 {
    padding: 8px 0 12px !important;
  }

  .container7 {
    width: 100% !important;
  }

  .container7 .link {
    width: 100% !important;
    max-width: none !important;
    padding: 13px 20px !important;
  }

  .container-frame {
    margin-top: 4px;
    padding: 42px 20px !important;
    min-height: 0;
    border-radius: 16px;
  }

  .prepare-for-your {
    font-size: 32px !important;
    line-height: 1.12 !important;
  }

  .travel-documentation {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .international-travel-can {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  .link2,
  .link3 {
    min-height: 52px;
    font-size: 14px !important;
  }

  /* Every main section is one clean column. */
  .section-wrapper,
  .section-container,
  .section-wrapper4,
  .section-wrapper5 {
    padding: 0 7px !important;
  }

  .section,
  .section4,
  .section7,
  .section2 {
    padding: 48px 17px !important;
    border-radius: 16px;
  }

  .clearer-guidance-for,
  .passport-application-and,
  .supporting-document-review,
  .appointment-preparation,
  .travel-documentation-services {
    font-size: 29px !important;
    line-height: 1.17 !important;
  }

  .container18,
  .container56 {
    gap: 22px !important;
  }

  .a-missing-document,
  .we-help-identify,
  .we-may-help {
    font-size: 15px !important;
    line-height: 26px !important;
  }

  .schedule-a-free {
    font-size: 15px !important;
  }

  .testi-thumbpng,
  .testi-thumbpng2,
  .testi-thumbpng3,
  .testi-thumbpng4,
  .testi-thumbpng5 {
    height: 235px !important;
    border-radius: 14px;
  }

  .container24,
  .container47,
  .container52,
  .container126,
  .container166 {
    margin-top: -36px !important;
    margin-right: 8px !important;
  }

  .brand-strategy,
  .brand-strategy7 {
    font-size: 17px !important;
  }

  /* Services content: no side-by-side list columns. */
  .frame-group,
  .item-parent,
  .review-list-container-parent {
    gap: 0 !important;
  }

  .item,
  .list-item,
  .list-item4,
  .list-item6,
  .list-item15,
  .list-item19,
  .list-item22,
  .list-item24 {
    min-height: 44px;
    font-size: 14px;
  }

  /* Contact section: centered form, no horizontal overflow. */
  .travel-documentation-visa-su-child {
    padding: 0 7px !important;
  }

  .parent {
    padding: 44px 14px !important;
    border-radius: 16px;
  }

  .lets-get-started {
    font-size: 31px !important;
    width: 100% !important;
  }

  .schedule-an-appointment {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  .frame-parent2 {
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
  }

  .input-form,
  .input-form3,
  .message-wrapper,
  .submit-your-message-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .input-form,
  .input-form3 {
    min-height: 54px;
    padding: 16px !important;
  }

  .message-wrapper {
    min-height: 145px;
    height: 145px !important;
    padding: 16px !important;
  }

  .submit-your-message-wrapper {
    min-height: 54px;
    padding: 14px 18px !important;
  }

  /* Footer: every column becomes a full-width block. */
  .section-wrapper7 {
    padding: 0 7px !important;
  }

  .section13 {
    padding: 42px 17px !important;
    border-radius: 16px;
  }

  .container244 {
    gap: 30px !important;
  }

  .container245 {
    gap: 32px !important;
  }

  .link-logopng {
    min-height: 54px;
    background-position: center left;
  }

  .apex-global-xolutions {
    font-size: 14px !important;
    line-height: 23px !important;
  }

  .form {
    width: 100% !important;
  }

  .input {
    height: 52px !important;
    padding: 16px 118px 16px 13px !important;
  }

  .button {
    width: 105px !important;
    height: 38px !important;
    top: 7px !important;
    right: 7px !important;
  }

  .subscribe {
    font-size: 12px !important;
  }

  .container250,
  .container265 {
    padding: 0 !important;
  }

  .item11,
  .link20 {
    min-height: 42px;
  }

  .agx-footer-link {
    font-size: 14px !important;
  }

  /* Disable hover movement on touch-sized layouts. */
  .link:hover,
  .link2:hover,
  .link3:hover,
  .button:hover,
  .item11:hover,
  .link20:hover,
  .feature-item:hover,
  .feature-item2:hover {
    transform: none !important;
  }
}


/* Reduced-motion accessibility remains respected. */
@media (prefers-reduced-motion: reduce) {
  .agx-card-reveal,
  .agx-text-reveal,
  .agx-scroll-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  *, *::before, *::after {
    scroll-behavior: auto !important;
  }
}


/* =========================================================
   AGX MOBILE FINAL PASS
   Mobile only. Desktop/laptop remain untouched.
   ========================================================= */

@media (max-width: 768px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  /* ---------- HEADER / NAV ---------- */

  .container,
  .container4,
  .container5,
  .container6 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .container {
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  .container2 {
    width: 82px !important;
    max-width: 82px !important;
    min-width: 82px !important;
    padding: 0 !important;
    flex: 0 0 82px !important;
  }

  .container4 {
    flex: 1 1 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .container5 {
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .list {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 13px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  .item-link,
  .item-link2,
  .item-link3,
  .item-link4,
  .agx-service-dropdown,
  .agx-service-button {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .item-link,
  .item-link3 {
    padding: 0 !important;
  }

  .item-link2,
  .item-link4 {
    padding: 0 !important;
    line-height: 24px !important;
  }

  .item-link,
  .item-link2,
  .item-link3,
  .item-link4 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 30px !important;
  }

  .agx-service-dropdown {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .agx-service-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 30px !important;
    line-height: 24px !important;
    white-space: nowrap !important;
  }

  .item-link .home,
  .item-link2,
  .item-link3 .home,
  .item-link4 {
    font-size: 14px !important;
    line-height: 24px !important;
    white-space: nowrap !important;
  }

  .agx-dropdown-icon {
    width: 10px !important;
    height: 10px !important;
    max-width: 10px !important;
    flex: 0 0 10px !important;
    object-fit: contain !important;
  }

  /* Keep the quote control compact and stable. */
  .container6 {
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
  }

  .container7 {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    gap: 7px !important;
    align-items: center !important;
  }

  .symbol-wrapper {
    display: none !important;
  }

  .container7 .link {
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 8px 13px !important;
    margin: 0 !important;
    border-radius: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .container7 .get-a-quote {
    font-size: 13px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    border: 0 !important;
  }

  .container7 .container8,
  .container7 .icon {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
  }

  .container7 .container-container {
    display: none !important;
  }

  /* ---------- REMOVE MOBILE BRAND-STRATEGY BADGES ---------- */

  .container22,
  .container22 .container23,
  .container22 .container24,
  .container22 .container25,
  .container22 .background,
  .container22 .symbol3,
  .container22 .circle-image,
  .container22 .heading-42,
  .container22 .brand-strategy,
  .container45 .container47,
  .container45 .container47 .container25,
  .container45 .container47 .background,
  .container45 .container47 .circle-image,
  .container45 .container47 .heading-42,
  .container45 .container47 .brand-strategy,
  .container50 .container52,
  .container50 .container52 .container25,
  .container50 .container52 .background,
  .container50 .container52 .circle-image,
  .container50 .container52 .heading-42,
  .container50 .container52 .brand-strategy,
  .container124 .container126,
  .container164 .container166,
  .container164 .container166 .container25,
  .container164 .container166 .background,
  .container164 .container166 .circle-image,
  .container164 .container166 .heading-49,
  .container164 .container166 .brand-strategy7 {
    display: none !important;
  }

  /* ---------- REMOVE FAQ ON MOBILE ---------- */

  .section12 {
    display: none !important;
  }

  /* ---------- NO RANDOM SIDE GAPS / OFF-SCREEN CONTENT ---------- */

  .section,
  .section2,
  .section4,
  .section7,
  .section8,
  .section9,
  .section11,
  .section13,
  .section-wrapper,
  .section-container,
  .section-wrapper4,
  .section-wrapper5,
  .section-wrapper6,
  .section-wrapper7,
  .container15,
  .container26,
  .container38,
  .container90,
  .container129,
  .container187,
  .container188,
  .feature-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
  }

  .section-wrapper,
  .section-container,
  .section-wrapper4,
  .section-wrapper5,
  .section-wrapper6,
  .section-wrapper7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .section,
  .section4,
  .section7,
  .section8,
  .section9,
  .section11,
  .section13 {
    overflow: hidden !important;
  }

  /* ---------- SERVICE SECTION ---------- */

  .section2 {
    padding: 42px 16px !important;
    overflow: hidden !important;
  }

  .section2 .container26,
  .section2 .container27,
  .section2 .container28,
  .section2 .container29,
  .section2 .container30,
  .section2 .container31,
  .section2 .container32,
  .section2 .container33,
  .section2 .container34,
  .section2 .container36,
  .section2 .container37 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .section2 .container26 {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .section2 .container27,
  .section2 .container28 {
    display: none !important;
  }

  .section2 .container29 {
    padding: 0 !important;
  }

  .section2 .container30,
  .section2 .container31,
  .section2 .heading-2,
  .section2 .container32,
  .section2 .container33,
  .section2 .container34,
  .section2 .list2 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .section2 .travel-documentation-services {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 29px !important;
    line-height: 1.17 !important;
    text-align: left !important;
  }

  .section2 .frame-group {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  .section2 .item-parent {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  .section2 .item {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .section2 .destination-country {
    line-height: 28px !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  .section2 .container36 {
    position: static !important;
    margin: 22px 0 0 !important;
    padding: 0 !important;
  }

  .section2 .background2 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 30px 20px !important;
  }

  /* ---------- CARDS: CENTERED + SAME WIDTH ---------- */

  .feature-wrapper,
  .container190,
  .container191,
  .feature-item,
  .feature-item2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .feature-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 18px !important;
  }

  .container190,
  .container191 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .feature-item,
  .feature-item2 {
    align-self: center !important;
    box-sizing: border-box !important;
  }

  /* ---------- ALL CONTENT BLOCKS STAY INSIDE VIEWPORT ---------- */

  .container16,
  .container17,
  .container18,
  .container39,
  .container40,
  .container54,
  .container55,
  .container56,
  .container125,
  .container129,
  .container130 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  .clearer-guidance-for,
  .passport-application-and,
  .supporting-document-review,
  .appointment-preparation {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 29px !important;
    line-height: 1.17 !important;
  }

  .container18,
  .container56 {
    gap: 18px !important;
  }

  .a-missing-document,
  .we-help-identify,
  .we-may-help {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 26px !important;
    overflow-wrap: break-word !important;
  }

  /* Buttons: no text can escape or create an underline-looking overflow. */
  .link,
  .link2,
  .link3,
  .link4,
  .link10,
  .link20,
  .item11,
  .submit-your-message-wrapper {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .link2,
  .link3,
  .link4 {
    min-height: 50px !important;
    height: auto !important;
    padding: 12px 18px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .link2 .get-a-quote,
  .link3 .get-a-quote,
  .link4 .schedule-a-free,
  .link10 *,
  .link20 * {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
  }

  /* ---------- CONTACT FORM ---------- */

  .travel-documentation-visa-su-child {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 7px !important;
    overflow: hidden !important;
  }

  .travel-documentation-visa-su-child .parent,
  .travel-documentation-visa-su-child .frame-wrapper,
  .travel-documentation-visa-su-child .frame-container,
  .travel-documentation-visa-su-child .frame-parent2,
  .travel-documentation-visa-su-child .lets-get-started-parent {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  .travel-documentation-visa-su-child .parent {
    padding: 36px 14px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .travel-documentation-visa-su-child .frame-container {
    align-items: center !important;
  }

  .travel-documentation-visa-su-child .lets-get-started-parent {
    text-align: center !important;
  }

  .travel-documentation-visa-su-child .lets-get-started,
  .travel-documentation-visa-su-child .schedule-an-appointment {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .travel-documentation-visa-su-child .lets-get-started {
    font-size: 31px !important;
    line-height: 1.12 !important;
  }

  .travel-documentation-visa-su-child .schedule-an-appointment {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  .travel-documentation-visa-su-child .frame-parent2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .travel-documentation-visa-su-child .input-form-parent,
  .travel-documentation-visa-su-child .frame-wrapper2,
  .travel-documentation-visa-su-child .input-form,
  .travel-documentation-visa-su-child .input-form3,
  .travel-documentation-visa-su-child .message-wrapper,
  .travel-documentation-visa-su-child .submit-your-message-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  .travel-documentation-visa-su-child .input-form,
  .travel-documentation-visa-su-child .input-form3 {
    min-height: 54px !important;
    height: 54px !important;
    padding: 15px 16px !important;
    overflow: hidden !important;
  }

  .travel-documentation-visa-su-child .message-wrapper {
    min-height: 145px !important;
    height: 145px !important;
    padding: 15px 16px !important;
    overflow: hidden !important;
  }

  .travel-documentation-visa-su-child .submit-your-message-wrapper {
    min-height: 54px !important;
    height: 54px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .travel-documentation-visa-su-child input,
  .travel-documentation-visa-su-child textarea,
  .travel-documentation-visa-su-child select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Remove the microphone / voice image from the mobile form. */
  .travel-documentation-visa-su-child img[src*="mic"],
  .travel-documentation-visa-su-child img[src*="microphone"],
  .travel-documentation-visa-su-child [class*="mic"],
  .travel-documentation-visa-su-child [class*="microphone"] {
    display: none !important;
  }

  /* ---------- FOOTER ---------- */

  .section13 {
    width: 100% !important;
    padding: 42px 16px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .section13 .container244,
  .section13 .container245,
  .section13 .container246,
  .section13 .container250,
  .section13 .container265,
  .section13 .container267,
  .section13 .container271,
  .section13 .container278,
  .section13 .container279,
  .section13 .container281 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  .section13 .container245 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 28px !important;
  }

  .section13 .footer-widget-address,
  .section13 .footer-widget-address2,
  .section13 .footer-widget-address3 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  .section13 .container271 {
    flex: 0 0 25px !important;
    width: 25px !important;
    max-width: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  .section13 .container269,
  .section13 .container272,
  .section13 .container274 {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 35px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .section13 .avg-clients-ratings {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-align: left !important;
  }

  .section13 .container278 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 22px 0 0 !important;
  }

  .section13 .container279,
  .section13 .container281 {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .section13 .list5 {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px 14px !important;
  }

  .section13 .item22 {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .section13 .rectangle {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .container2 {
    width: 72px !important;
    max-width: 72px !important;
    min-width: 72px !important;
    flex-basis: 72px !important;
  }

  .list {
    gap: 8px !important;
  }

  .item-link .home,
  .item-link2,
  .item-link3 .home,
  .item-link4 {
    font-size: 13px !important;
  }

  .container7 .link {
    height: 40px !important;
    min-height: 40px !important;
    padding: 7px 11px !important;
  }

  .container7 .get-a-quote {
    font-size: 12px !important;
  }

  .section2 {
    padding: 38px 15px !important;
  }

  .section13 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* =========================================================
   AGX MOBILE FINAL CORRECTION 2
   Only fixes the mobile problems. Desktop/laptop untouched.
   ========================================================= */

@media (max-width: 768px) {

  /* NAV: absolutely flat — no boxes, borders, backgrounds or shadows. */
  nav.list,
  nav.list > *,
  nav.list > .item-link,
  nav.list > .item-link2,
  nav.list > .item-link3,
  nav.list > .item-link4,
  nav.list > .agx-service-dropdown,
  nav.list .agx-service-button,
  nav.list .home,
  nav.list a {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
  }

  nav.list {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  nav.list > .item-link,
  nav.list > .item-link2,
  nav.list > .item-link3,
  nav.list > .item-link4,
  nav.list > .agx-service-dropdown {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  nav.list .agx-service-button {
    display: inline-flex !important;
    width: auto !important;
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
    gap: 3px !important;
    color: inherit !important;
    font: inherit !important;
  }

  nav.list .agx-nav-link,
  nav.list .home,
  nav.list .agx-service-button .home {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    border: 0 !important;
  }

  nav.list .agx-dropdown-icon {
    width: 9px !important;
    height: 9px !important;
    max-width: 9px !important;
    flex: 0 0 9px !important;
    margin: 0 !important;
  }

  /* Never turn the navigation into button-like pills. */
  nav.list > *::before,
  nav.list > *::after,
  nav.list a::before,
  nav.list a::after {
    display: none !important;
    content: none !important;
  }

  /* Quote button: keep it separate from the nav and prevent any text leak. */
  .container7 .link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 7px 12px !important;
    margin: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  .container7 .get-a-quote,
  .container7 .get-a-quote * {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    line-height: 18px !important;
    text-decoration: none !important;
    border: 0 !important;
    border-bottom: 0 !important;
    overflow: hidden !important;
  }

  /* Remove the decorative line/image beside Get A Quote. */
  .container7 .container-container,
  .container7 .container9,
  .container7 .container10,
  .container7 .icon2 {
    display: none !important;
  }

  /* Remove the actual mic.png background from the form on phones. */
  .travel-documentation-visa-su-child .div {
    display: none !important;
    background-image: none !important;
  }

  /* Also remove any mic image/background that may be attached by another rule. */
  .travel-documentation-visa-su-child [style*="mic"],
  .travel-documentation-visa-su-child [style*="microphone"] {
    background-image: none !important;
  }

  /* Form fills the space left by the removed decorative mic panel. */
  .travel-documentation-visa-su-child .parent {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 32px 14px !important;
  }

  .travel-documentation-visa-su-child .frame-wrapper,
  .travel-documentation-visa-su-child .frame-container,
  .travel-documentation-visa-su-child .frame-parent2 {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Restore the original mobile card structure instead of forcing/centering
     card internals that were causing the client/process cards to break. */
  .container129,
  .container131,
  .container188,
  .feature-wrapper,
  .container190,
  .container206 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  .container130,
  .container132,
  .container191,
  .container207 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .feature-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  .container190,
  .container191 {
    display: flex !important;
    align-items: stretch !important;
  }

  .container190 {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }

  .feature-item,
  .feature-item2 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 28px 22px !important;
    transform: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  /* Stop long card headings/body copy from escaping their cards. */
  .feature-item *,
  .feature-item2 * {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  /* Keep card images contained without changing their intended size. */
  .feature-item img,
  .feature-item2 img {
    max-width: 100% !important;
    object-fit: contain !important;
  }

  /* Global mobile text safety — wrapping, not forced tiny text. */
  .section2,
  .section4,
  .section7,
  .section8,
  .section9,
  .section11,
  .section13,
  .container15,
  .container38,
  .container90,
  .container129,
  .container188 {
    overflow-x: hidden !important;
  }

  .section2 h1,
  .section2 h2,
  .section2 h3,
  .section4 h1,
  .section4 h2,
  .section4 h3,
  .section7 h1,
  .section7 h2,
  .section7 h3,
  .section8 h1,
  .section8 h2,
  .section8 h3,
  .section9 h1,
  .section9 h2,
  .section9 h3,
  .section11 h1,
  .section11 h2,
  .section11 h3 {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  .section2 .home,
  .section4 .home,
  .section7 .home,
  .section8 .home,
  .section9 .home,
  .section11 .home {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  /* No unexplained empty spacing immediately around stacked content. */
  .feature-wrapper + *,
  .container190 + *,
  .container191 + * {
    margin-top: 0 !important;
  }

  /* Remove decorative passport image on mobile, keep its service text. */
  .section2 .container27,
  .section2 .container28,
  .section2 .container28 img,
  .section2 .link-logo {
    display: none !important;
  }
}

@media (max-width: 480px) {
  nav.list {
    gap: 8px !important;
  }

  nav.list .agx-nav-link,
  nav.list .home,
  nav.list .agx-service-button .home {
    font-size: 12px !important;
  }

  .container7 .link {
    height: 38px !important;
    min-height: 38px !important;
    padding: 6px 10px !important;
  }

  .container7 .get-a-quote {
    font-size: 11px !important;
    line-height: 17px !important;
  }
}



/* =========================================================
   MOBILE CLEANUP — FINAL DEPLOYMENT OVERRIDES
   Desktop/tablet layout is untouched.
   These rules only activate on phones.
   ========================================================= */

@media (max-width: 768px) {

  /* ---------- GLOBAL MOBILE SAFETY ---------- */

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }

  img {
    max-width: 100%;
  }

  /* Remove accidental fixed desktop dimensions that cause overlays. */
  .container,
  .container2,
  .container4,
  .container5,
  .container6,
  .container7,
  .container11,
  .container12,
  .container15,
  .container16,
  .container17,
  .container18,
  .container22,
  .container23,
  .container26,
  .container27,
  .container28,
  .container29,
  .container30,
  .container31,
  .container32,
  .container33,
  .container34,
  .container36,
  .container37,
  .container38,
  .container39,
  .container40,
  .container45,
  .container46,
  .container47,
  .container50,
  .container51,
  .container52,
  .container54,
  .container55,
  .container56,
  .container58,
  .container90,
  .container111,
  .container124,
  .container125,
  .container126,
  .container129,
  .container130,
  .container131,
  .container132,
  .container133,
  .container134,
  .container135,
  .container136,
  .container139,
  .container140,
  .container141,
  .container144,
  .container149,
  .container164,
  .container165,
  .container166,
  .container187,
  .container188,
  .container190,
  .container191,
  .container193,
  .container206,
  .container207,
  .container217,
  .container218,
  .container220,
  .container244,
  .container245,
  .container246,
  .container248,
  .container250,
  .container265,
  .container267,
  .container271,
  .container278,
  .container279,
  .container281 {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* ---------- HEADER / NAVIGATION ---------- */

  .travel-documentation-visa-su-inner {
    padding: 0 10px !important;
  }

  .container-wrapper {
    padding: 0 !important;
  }

  .frame-parent {
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
  }

  .container {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 !important;
  }

  .container2 {
    width: 68px !important;
    max-width: 68px !important;
    min-width: 68px !important;
    flex: 0 0 68px !important;
    padding: 0 !important;
  }

  .container2 .link-logo {
    width: 58px !important;
    max-width: 58px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .container4 {
    width: auto !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .container5 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  /* Navigation stays ONE flat row. No boxes/pills around links. */
  nav.list {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  nav.list > .item-link,
  nav.list > .item-link2,
  nav.list > .item-link3,
  nav.list > .item-link4,
  nav.list > .agx-service-dropdown {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  nav.list .agx-nav-link,
  nav.list .home,
  nav.list .agx-service-button,
  nav.list .agx-service-button .home {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  nav.list .agx-service-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    cursor: pointer !important;
  }

  nav.list .agx-dropdown-icon {
    width: 9px !important;
    height: 9px !important;
    max-width: 9px !important;
    flex: 0 0 9px !important;
    margin: 0 !important;
  }

  nav.list > *,
  nav.list a,
  nav.list button {
    outline: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* No browser/old responsive rule may turn nav links into cards. */
  nav.list > *::before,
  nav.list > *::after,
  nav.list a::before,
  nav.list a::after,
  nav.list button::before,
  nav.list button::after {
    display: none !important;
    content: none !important;
  }

  /* Keep the quote button separate and compact. */
  .container6 {
    width: auto !important;
    max-width: 92px !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    padding: 0 0 0 6px !important;
  }

  .container7 {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .container7 .symbol-wrapper,
  .container7 .container-container {
    display: none !important;
  }

  .container7 .link {
    width: auto !important;
    max-width: 92px !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 6px 9px !important;
    margin: 0 !important;
    gap: 3px !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    border-radius: 22px !important;
  }

  .container7 .get-a-quote {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    line-height: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .container7 .icon {
    width: 11px !important;
    height: 11px !important;
    flex: 0 0 11px !important;
  }

  /* ---------- HERO ---------- */

  .container-frame {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 42px 20px !important;
    margin: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background-position: center !important;
  }

  .container11 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 14px !important;
  }

  .heading-1,
  .heading-4 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
  }

  .travel-documentation {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .prepare-for-your {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(30px, 8vw, 40px) !important;
    line-height: 1.08 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .container12,
  .international-travel-can {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .international-travel-can {
    font-size: 15px !important;
    line-height: 25px !important;
    display: block !important;
  }

  .link-parent {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: 4px !important;
  }

  .link2,
  .link3 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 12px 16px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  .link2 .get-a-quote,
  .link3 .get-a-quote {
    white-space: normal !important;
    line-height: 20px !important;
    overflow-wrap: normal !important;
  }

  /* ---------- NORMAL SECTIONS ---------- */

  .section-wrapper,
  .section-container,
  .section-wrapper4,
  .section-wrapper5,
  .section-wrapper6,
  .section-wrapper7 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 8px !important;
    margin: 0 !important;
  }

  .section,
  .section4,
  .section7,
  .section2,
  .section8,
  .section9,
  .section11,
  .section12 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 44px 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .container15,
  .container38,
  .container90,
  .container111,
  .container129,
  .container188 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .container16,
  .container17,
  .container18,
  .container30,
  .container31,
  .container40,
  .container55,
  .container56,
  .container130,
  .container131,
  .container132,
  .container188 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .container18,
  .container56 {
    gap: 22px !important;
  }

  /* All major headings stay inside their own content area. */
  .clearer-guidance-for,
  .passport-application-and,
  .supporting-document-review,
  .appointment-preparation,
  .travel-documentation-services {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    font-size: clamp(27px, 7vw, 36px) !important;
    line-height: 1.16 !important;
    display: block !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .a-missing-document,
  .we-help-identify,
  .we-may-help {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: 15px !important;
    line-height: 26px !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .frame-section,
  .frame-div,
  .content-container,
  .information-container {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ---------- CTA BUTTONS / UNDERLINES ---------- */

  .container21 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
  }

  .link4 {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 12px 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  .schedule-a-free {
    position: relative !important;
    z-index: 2 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }

  /* The line belongs directly beneath the button — never outside the page. */
  .link4 .horizontal-divider,
  .link4 .horizontal-divider3 {
    position: absolute !important;
    width: 44px !important;
    height: 2px !important;
    left: 50% !important;
    right: auto !important;
    bottom: -7px !important;
    top: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    z-index: 1 !important;
    border: 0 !important;
  }

  /* ---------- REMOVE DECORATIVE / UNNECESSARY MOBILE IMAGES ---------- */

  /* These are the large decorative "Brand Strategy" image blocks.
     Keep the actual text sections; remove the mobile-only visual clutter. */
  .container22,
  .container45,
  .container50,
  .container124,
  .container164 {
    display: none !important;
  }

  /* Passport table image is decorative on the mobile service section. */
  .section2 .container27,
  .section2 .container28,
  .section2 .container28 img,
  .section2 .container28 .link-logo {
    display: none !important;
  }

  /* Remove decorative microphone panel from the contact form. */
  .travel-documentation-visa-su-child .div {
    display: none !important;
    background-image: none !important;
  }

  .travel-documentation-visa-su-child img[src*="mic"],
  .travel-documentation-visa-su-child img[src*="microphone"],
  .travel-documentation-visa-su-child [class*="mic"],
  .travel-documentation-visa-su-child [class*="microphone"] {
    display: none !important;
  }

  /* ---------- SERVICES / LISTS ---------- */

  .container26,
  .container27,
  .container28,
  .container29,
  .container30,
  .container31,
  .container32,
  .container33,
  .container34,
  .container36,
  .container37 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .container29 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .container30 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0 !important;
  }

  .container36 {
    padding: 0 !important;
    margin: 28px 0 0 !important;
  }

  .background2 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 28px 20px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .frame-group,
  .item-parent,
  .review-list-container-parent,
  .review-list-container,
  .list-item-group,
  .requirement-container,
  .detail-container {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
  }

  .item,
  .list-item,
  .list-item4,
  .list-item6,
  .list-item15,
  .list-item19,
  .list-item22,
  .list-item24,
  .list-item33 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .item .symbol4,
  .list-item .container8,
  .list-item4 .container62,
  .list-item6 .container62,
  .list-item15 .container8,
  .list-item19 .container8,
  .list-item22 .container62,
  .list-item24 .container62,
  .list-item33 .container8 {
    flex: 0 0 auto !important;
  }

  .item .destination-country,
  .list-item .home,
  .list-item4 .home,
  .list-item6 .employment-information,
  .list-item15 .home,
  .list-item19 .home,
  .list-item22 .home,
  .list-item24 .employment-information,
  .list-item33 .home {
    width: auto !important;
    max-width: calc(100% - 28px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  /* ---------- REAL CONTENT CARDS ---------- */

  .feature-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .container190,
  .container191,
  .container206,
  .container207 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
  }

  .feature-item,
  .feature-item2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    transform: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .feature-item *,
  .feature-item2 * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .feature-item img,
  .feature-item2 img {
    max-width: 48px !important;
    max-height: 48px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .feature-item .link10,
  .feature-item2 .link10 {
    margin: 0 !important;
    align-self: flex-start !important;
  }

  /* ---------- BRAND-STRATEGY LABELS ---------- */

  .brand-strategy,
  .brand-strategy7 {
    max-width: 100% !important;
    width: max-content !important;
    min-width: 0 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  /* ---------- CONTACT FORM ---------- */

  .travel-documentation-visa-su-child {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 8px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .travel-documentation-visa-su-child .parent,
  .travel-documentation-visa-su-child .frame-wrapper,
  .travel-documentation-visa-su-child .frame-container,
  .travel-documentation-visa-su-child .frame-parent2,
  .travel-documentation-visa-su-child .lets-get-started-parent {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  .travel-documentation-visa-su-child .parent {
    padding: 30px 14px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .travel-documentation-visa-su-child .frame-container {
    align-items: center !important;
  }

  .travel-documentation-visa-su-child .lets-get-started-parent {
    text-align: center !important;
  }

  .travel-documentation-visa-su-child .lets-get-started,
  .travel-documentation-visa-su-child .schedule-an-appointment {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .travel-documentation-visa-su-child .lets-get-started {
    font-size: 30px !important;
    line-height: 1.1 !important;
  }

  .travel-documentation-visa-su-child .schedule-an-appointment {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  .travel-documentation-visa-su-child .frame-parent2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .travel-documentation-visa-su-child .input-form-parent,
  .travel-documentation-visa-su-child .frame-wrapper2,
  .travel-documentation-visa-su-child .input-form,
  .travel-documentation-visa-su-child .input-form3,
  .travel-documentation-visa-su-child .message-wrapper,
  .travel-documentation-visa-su-child .submit-your-message-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  .travel-documentation-visa-su-child .input-form,
  .travel-documentation-visa-su-child .input-form3 {
    min-height: 52px !important;
    height: 52px !important;
    padding: 14px !important;
    overflow: hidden !important;
  }

  .travel-documentation-visa-su-child .message-wrapper {
    min-height: 140px !important;
    height: 140px !important;
    padding: 14px !important;
    overflow: hidden !important;
  }

  .travel-documentation-visa-su-child .submit-your-message-wrapper {
    min-height: 52px !important;
    height: 52px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .travel-documentation-visa-su-child input,
  .travel-documentation-visa-su-child textarea,
  .travel-documentation-visa-su-child select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* ---------- FOOTER ---------- */

  .section13 {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 38px 16px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .section13 .container244,
  .section13 .container245,
  .section13 .container246,
  .section13 .container250,
  .section13 .container265,
  .section13 .container267,
  .section13 .container271,
  .section13 .container278,
  .section13 .container279,
  .section13 .container281 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  .section13 .container245 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 26px !important;
  }

  .section13 .rectangle {
    display: none !important;
  }
}

/* Small phones: preserve the same nav design and size without overflow. */
@media (max-width: 480px) {

  .travel-documentation-visa-su-inner {
    padding: 0 7px !important;
  }

  .container2 {
    width: 60px !important;
    max-width: 60px !important;
    min-width: 60px !important;
    flex-basis: 60px !important;
  }

  .container2 .link-logo {
    width: 52px !important;
    max-width: 52px !important;
  }

  nav.list {
    gap: 7px !important;
  }

  nav.list .agx-nav-link,
  nav.list .home,
  nav.list .agx-service-button .home {
    font-size: 12px !important;
    line-height: 19px !important;
  }

  nav.list .agx-dropdown-icon {
    width: 8px !important;
    height: 8px !important;
    max-width: 8px !important;
    flex-basis: 8px !important;
  }

  .container6 {
    max-width: 82px !important;
    padding-left: 4px !important;
  }

  .container7 .link {
    max-width: 82px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 5px 8px !important;
  }

  .container7 .get-a-quote {
    font-size: 10px !important;
    line-height: 15px !important;
  }

  .container7 .icon {
    width: 10px !important;
    height: 10px !important;
    flex-basis: 10px !important;
  }

  .container-frame {
    padding: 36px 16px !important;
    border-radius: 14px !important;
  }

  .section,
  .section4,
  .section7,
  .section2,
  .section8,
  .section9,
  .section11,
  .section12 {
    padding: 38px 14px !important;
    border-radius: 14px !important;
  }

  .clearer-guidance-for,
  .passport-application-and,
  .supporting-document-review,
  .appointment-preparation,
  .travel-documentation-services {
    font-size: 27px !important;
    line-height: 1.17 !important;
  }

  .a-missing-document,
  .we-help-identify,
  .we-may-help {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .link4 {
    min-height: 46px !important;
    padding: 11px 24px !important;
  }

  .schedule-a-free {
    font-size: 14px !important;
  }

  .feature-item,
  .feature-item2 {
    padding: 20px 16px !important;
  }
}



/* =========================================================
   MOBILE FINAL POLISH — ONLY REQUESTED FIXES
   ========================================================= */

@media (max-width: 768px) {

  /* 1. SERVICES NAV: completely flat, including the dropdown itself. */
  nav.list > .agx-service-dropdown,
  nav.list > .item-link3,
  nav.list > .item-link3 *,
  nav.list .agx-service-dropdown,
  nav.list .agx-service-dropdown *,
  nav.list .agx-service-button,
  nav.list .agx-service-button * {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  nav.list > .agx-service-dropdown {
    width: auto !important;
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
  }

  nav.list .agx-service-button {
    width: auto !important;
    min-width: 0 !important;
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
  }

  nav.list .agx-service-button .home {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  /* Never show the desktop dropdown panel as a box on mobile. */
  nav.list .agx-service-menu {
    display: none !important;
  }

  /* 2. LOGO: make logo2 / header logo noticeably larger without changing header height. */
  .container2 .link-logo,
  .container2 img[src*="logo2"] {
    width: 66px !important;
    max-width: 66px !important;
    height: auto !important;
    max-height: 52px !important;
    object-fit: contain !important;
  }

  .container2 {
    width: 76px !important;
    max-width: 76px !important;
    min-width: 76px !important;
    flex: 0 0 76px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  /* 3. GET A QUOTE: full button remains visible. */
  .container6 {
    width: auto !important;
    max-width: 102px !important;
    min-width: 0 !important;
    flex: 0 0 102px !important;
    padding: 0 0 0 5px !important;
    overflow: visible !important;
  }

  .container7,
  .container7 .link {
    width: 100% !important;
    max-width: 102px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .container7 .link {
    padding: 6px 8px !important;
    gap: 4px !important;
  }

  .container7 .get-a-quote {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 16px !important;
  }

  .container7 .icon {
    flex: 0 0 11px !important;
  }

  /* 4. Schedule button underline: underline ONLY the text, not the button. */
  .container21 .link4 {
    position: relative !important;
    border-bottom: 0 !important;
    text-decoration: none !important;
    overflow: visible !important;
  }

  .container21 .link4 .schedule-a-free {
    position: relative !important;
    display: inline-block !important;
    width: max-content !important;
    max-width: 100% !important;
    z-index: 2 !important;
    padding-bottom: 5px !important;
    white-space: nowrap !important;
  }

  .container21 .link4 .horizontal-divider,
  .container21 .link4 .horizontal-divider3 {
    position: absolute !important;
    left: 50% !important;
    bottom: 7px !important;
    top: auto !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    transform: translateX(-50%) !important;
  }

  /* Text-width underline generated beneath the actual label. */
  .container21 .link4 .schedule-a-free::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1.5px !important;
    background: currentColor !important;
    border-radius: 2px !important;
  }

  /* 5. PROCESS / WHY CHOOSE APEX: every card becomes a clean vertical stack. */
  .section11,
  .section11 .container187,
  .section11 .container188,
  .section11 .feature-wrapper,
  .section11 .container190 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .section11 {
    padding: 42px 16px !important;
    overflow: hidden !important;
  }

  .section11 .container187 {
    display: block !important;
  }

  .section11 .container188 {
    display: block !important;
    margin-bottom: 24px !important;
  }

  .section11 .container130,
  .section11 .section-title,
  .section11 .heading-48,
  .section11 .heading-12 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .section11 .section-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 7px !important;
  }

  .section11 .our-process {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(27px, 7vw, 36px) !important;
    line-height: 1.15 !important;
  }

  .section11 .feature-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  .section11 .container190 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  .section11 .container191,
  .section11 .container132 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .section11 .feature-item,
  .section11 .feature-item2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    align-items: start !important;
    position: relative !important;
    overflow: hidden !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .section11 .feature-item > .container133,
  .section11 .feature-item > .container3:first-child,
  .section11 .feature-item2 > .container3:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .section11 .feature-item > .container133 img,
  .section11 .feature-item > .container3:first-child img,
  .section11 .feature-item2 > .container3:first-child img {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    object-fit: contain !important;
  }

  .section11 .feature-item > .container193,
  .section11 .feature-item > .container149 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .section11 .feature-item > .container136,
  .section11 .feature-item > .container141 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    align-self: end !important;
  }

  .section11 .feature-item2 > .container149 {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .section11 .feature-item2 > .container141 {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  .section11 .feature-item .personalized-checklists,
  .section11 .feature-item2 .tell-us-about {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    overflow-wrap: normal !important;
  }

  .section11 .feature-item .we-help-identify,
  .section11 .feature-item2 .we-help-identify {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .section11 .feature-item .link10,
  .section11 .feature-item2 .link10 {
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  .section11 .feature-item .icon37,
  .section11 .feature-item2 .icon37 {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    object-fit: contain !important;
  }

  /* 6. Add one restrained real visual to the mobile process area.
        Uses the existing site's passport asset; no new external image. */
  .section11 .container188 {
    position: relative !important;
  }

  .section11 .container188::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 105px !important;
    margin-top: 22px !important;
    border-radius: 14px !important;
    background-image:
      linear-gradient(rgba(255,255,255,.18), rgba(255,255,255,.18)),
      url("/static/core/passporttable.cd4108d5f772.png") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    opacity: .92 !important;
    overflow: hidden !important;
  }
}

/* Extra-small phones: retain the same card structure. */
@media (max-width: 480px) {

  .container2 {
    width: 70px !important;
    max-width: 70px !important;
    min-width: 70px !important;
    flex-basis: 70px !important;
  }

  .container2 .link-logo,
  .container2 img[src*="logo2"] {
    width: 62px !important;
    max-width: 62px !important;
  }

  .container6 {
    flex-basis: 94px !important;
    max-width: 94px !important;
  }

  .container7,
  .container7 .link {
    max-width: 94px !important;
  }

  .container7 .get-a-quote {
    font-size: 10px !important;
  }

  nav.list {
    gap: 6px !important;
  }

  nav.list .agx-nav-link,
  nav.list .home,
  nav.list .agx-service-button .home {
    font-size: 11.5px !important;
  }

  .section11 {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  .section11 .feature-wrapper,
  .section11 .container190 {
    gap: 13px !important;
  }

  .section11 .feature-item,
  .section11 .feature-item2 {
    padding: 17px !important;
    column-gap: 11px !important;
  }

  .section11 .container188::after {
    height: 90px !important;
  }
}



/* =========================================================
   MOBILE MICRO-FIXES — NAV / DROPDOWN / PROCESS / HERO
   ========================================================= */

@media (max-width: 768px) {

  /* ---------- NAV: TRUE CENTERING ---------- */

  .container {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) 102px !important;
    align-items: center !important;
    column-gap: 0 !important;
  }

  .container2 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    width: 76px !important;
    max-width: 76px !important;
    min-width: 76px !important;
    flex: none !important;
  }

  .container4 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  .container5 {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  nav.list {
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  .container6 {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    width: 102px !important;
    max-width: 102px !important;
    min-width: 0 !important;
    flex: none !important;
    padding: 0 !important;
    transform: translateX(-7px) !important;
  }

  /* ---------- SERVICE DROPDOWN: FUNCTIONAL ON MOBILE ---------- */

  nav.list .agx-service-dropdown {
    position: relative !important;
    overflow: visible !important;
    z-index: 10001 !important;
  }

  nav.list .agx-service-button {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 10002 !important;
  }

  /* Do NOT kill the menu. The existing JS uses .agx-open. */
  nav.list .agx-service-menu {
    display: block !important;
    position: fixed !important;
    top: 58px !important;
    left: 50% !important;
    right: auto !important;
    width: min(230px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 !important;
    transform: translateX(-50%) translateY(-6px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 99999 !important;
    overflow: visible !important;
  }

  nav.list .agx-service-menu.agx-open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
  }

  nav.list .agx-service-menu a {
    pointer-events: auto !important;
  }

  /* ---------- LOGO: A LITTLE LOWER IN THE HERO HEADER ---------- */

  .container2 .link-logo,
  .container2 img[src*="logo2"] {
    transform: translateY(7px) !important;
  }

  /* ---------- OUR PROCESS / WHY CHOOSE: HEADING CLEARLY ABOVE CARDS ---------- */

  .section11 {
    position: relative !important;
    overflow: hidden !important;
  }

  .section11 .container188 {
    position: relative !important;
    z-index: 5 !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
  }

  .section11 .container188::after {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 22px !important;
  }

  .section11 .feature-wrapper {
    position: relative !important;
    z-index: 10 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .section11 .container190 {
    position: relative !important;
    z-index: 10 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .section11 .container191,
  .section11 .container132 {
    position: relative !important;
    z-index: 10 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .section11 .feature-item,
  .section11 .feature-item2 {
    position: relative !important;
    z-index: 11 !important;
    margin: 0 !important;
    clear: both !important;
  }
}

@media (max-width: 480px) {

  .container {
    grid-template-columns: 70px minmax(0, 1fr) 94px !important;
  }

  .container2 {
    width: 70px !important;
    max-width: 70px !important;
    min-width: 70px !important;
  }

  .container6 {
    width: 94px !important;
    max-width: 94px !important;
    transform: translateX(-5px) !important;
  }

  nav.list {
    gap: 6px !important;
  }

  nav.list .agx-service-menu {
    top: 54px !important;
  }

  .section11 .container188 {
    margin-bottom: 28px !important;
  }

  .section11 .feature-wrapper,
  .section11 .container190 {
    gap: 13px !important;
  }
}



/* =========================================================
   MOBILE FINAL CLEANUP — CARD FLOW / CHECKLISTS / LOGO
   Only fixes the remaining mobile defects shown in review.
   ========================================================= */

@media (max-width: 768px) {

  /* ---------- KEEP THE HERO EXACTLY WHERE IT IS ---------- */
  .container-frame {
    transform: none !important;
    position: relative !important;
  }

  /* Move ONLY the logo itself down. Never move the hero/header. */
  .container2 .link-logo,
  .container2 img[src*="logo2"] {
    position: relative !important;
    top: 10px !important;
    transform: none !important;
    z-index: 20 !important;
  }

  /* ---------- OUR PROCESS: REAL MOBILE CARD FLOW ---------- */
  .section8,
  .section8 .container128,
  .section8 .container129,
  .section8 .container130,
  .section8 .section-title,
  .section8 .heading-48,
  .section8 .heading-12,
  .section8 .container131,
  .section8 .container132 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  .section8 {
    position: relative !important;
    padding: 40px 16px !important;
    overflow: hidden !important;
  }

  .section8 .container129 {
    position: relative !important;
    display: block !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
    z-index: 30 !important;
    clear: both !important;
  }

  .section8 .container130,
  .section8 .section-title {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .section8 .process,
  .section8 .our-process {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .section8 .our-process {
    font-size: clamp(30px, 8vw, 38px) !important;
    line-height: 1.12 !important;
    overflow: visible !important;
  }

  .section8 .container131 {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
    z-index: 10 !important;
  }

  .section8 .container132 {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
    z-index: 11 !important;
  }

  .section8 .feature-item,
  .section8 .feature-item2 {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    transform: none !important;
    overflow: hidden !important;
    clear: both !important;
  }

  /* First card icon. */
  .section8 .feature-item > .container133:first-child,
  .section8 .feature-item2 > .container3:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    position: relative !important;
    transform: none !important;
  }

  .section8 .feature-item > .container133:first-child img,
  .section8 .feature-item2 > .container3:first-child img {
    position: static !important;
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  .section8 .feature-item > .container133:first-child .feature-icon01png {
    position: static !important;
    width: 42px !important;
    height: 42px !important;
    transform: none !important;
  }

  /* Text column: never absolute, never positioned over heading. */
  .section8 .feature-item > .container134,
  .section8 .feature-item2 > .container139,
  .section8 .feature-item > .container144 {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    position: static !important;
    transform: none !important;
  }

  .section8 .tell-us-about {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    overflow-wrap: normal !important;
  }

  .section8 .we-help-identify {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    overflow-wrap: normal !important;
  }

  /* Arrow belongs at the bottom of the card — no giant empty card. */
  .section8 .feature-item > .container136,
  .section8 .feature-item2 > .container141 {
    grid-column: 2 !important;
    grid-row: 3 !important;
    width: 100% !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: static !important;
    transform: none !important;
  }

  .section8 .feature-item > .container136 .link10,
  .section8 .feature-item2 > .container141 .link10 {
    position: static !important;
    width: auto !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .section8 .feature-item .icon37,
  .section8 .feature-item2 .icon37 {
    position: static !important;
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    transform: none !important;
    object-fit: contain !important;
  }

  /* ---------- WHY CHOOSE APEX: SAME CLEAN CARD FLOW ---------- */

  .section11 .container187,
  .section11 .container188,
  .section11 .container190,
  .section11 .container206,
  .section11 .container207 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .section11 .container188 {
    margin: 0 0 26px !important;
    padding: 0 !important;
    clear: both !important;
  }

  .section11 .feature-item,
  .section11 .feature-item2 {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .section11 .feature-item > .container133:first-child,
  .section11 .feature-item2 > .container3:first-child,
  .section11 .feature-item > .container3:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }

  .section11 .feature-item > .container193,
  .section11 .feature-item > .container149,
  .section11 .feature-item2 > .container149 {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .section11 .feature-item > .container136,
  .section11 .feature-item > .container141,
  .section11 .feature-item2 > .container141 {
    grid-column: 2 !important;
    grid-row: 3 !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 2px 0 0 !important;
  }

  /* ---------- CHECKLISTS: STOP TICK ICONS FLYING TO THE RIGHT ---------- */

  .consultation-list-wrapper,
  .consultation-list-wrapper .review-list-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    overflow: visible !important;
    transform: none !important;
    position: static !important;
  }

  .consultation-list-wrapper .list-item33,
  .consultation-list-wrapper .list-item36,
  .consultation-list-wrapper .list-item38,
  .consultation-list-wrapper .list-item,
  .consultation-list-wrapper .list-item4,
  .consultation-list-wrapper .list-item15 {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    gap: 9px !important;
    transform: none !important;
    overflow: visible !important;
  }

  .consultation-list-wrapper .list-item33 .container8,
  .consultation-list-wrapper .list-item36 .container82,
  .consultation-list-wrapper .list-item38 .container62,
  .consultation-list-wrapper .list-item .container79,
  .consultation-list-wrapper .list-item4 .container82,
  .consultation-list-wrapper .list-item15 .container8 {
    position: static !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .consultation-list-wrapper .list-item33 .icon,
  .consultation-list-wrapper .list-item36 .icon,
  .consultation-list-wrapper .list-item38 .icon,
  .consultation-list-wrapper .list-item .icon,
  .consultation-list-wrapper .list-item4 .icon,
  .consultation-list-wrapper .list-item15 .icon {
    position: static !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .consultation-list-wrapper .home,
  .consultation-list-wrapper .employer-letters,
  .consultation-list-wrapper .employment-information,
  .consultation-list-wrapper .confirming-available-appointme {
    position: static !important;
    width: auto !important;
    max-width: calc(100% - 27px) !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 22px !important;
  }

  /* Kill any leftover horizontal transforms that were creating the
     clipped screenshot / dark blank strip. */
  .section2,
  .section4,
  .section7,
  .section8,
  .section9,
  .section11,
  .section12,
  .section-wrapper,
  .section-wrapper4,
  .section-wrapper5,
  .section-wrapper6,
  .section-wrapper7,
  .section-container,
  .section8 .container128,
  .section11 .container187 {
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

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

@media (max-width: 480px) {
  .section8 {
    padding: 36px 13px !important;
  }

  .section8 .container129 {
    margin-bottom: 24px !important;
  }

  .section8 .feature-item,
  .section8 .feature-item2,
  .section11 .feature-item,
  .section11 .feature-item2 {
    padding: 17px !important;
    column-gap: 11px !important;
  }

  .container2 .link-logo,
  .container2 img[src*="logo2"] {
    top: 12px !important;
  }
}
@media screen and (max-width: 768px) {
  .container21 {
    position: relative !important;
    z-index: 9999 !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .container21 .link4 {
    position: relative !important;
    z-index: 9999 !important;
  }
}
@media screen and (max-width: 768px) {
  .travel-documentation-visa-su-child {
    min-height: auto !important;
    height: auto !important;
    padding-bottom: 30px !important;
  }

  .travel-documentation-visa-su-child .parent {
    min-height: auto !important;
    height: auto !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 768px) {
  .section11 {
    min-height: auto !important;
    height: auto !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .container187 {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .container188 {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 20px !important;
  }

  .feature-wrapper {
    height: auto !important;
    min-height: 0 !important;
  }

  .container190 {
    height: auto !important;
    min-height: 0 !important;
  }

  .container191 {
    height: auto !important;
    min-height: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .section11 .section-title {
    position: relative;
    top: 45px;
  }
}
@media screen and (max-width: 768px) {
  .container54 {
    min-height: 750px !important;
    height: auto !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (max-width: 768px) {
  .preparation-content > .container20:last-child {
    position: relative;
    top: 190px;
  }
}
@media screen and (max-width: 768px) {
  .container54 {
    min-height: 850px !important;
    height: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .consultation-list-wrapper > .review-list-container:last-child {
    transform: translateY(110px) !important;
  }
}
@media screen and (max-width: 768px) {
  .travel-documentation-visa-su-inner .container {
    transform: translateX(69px);
  }
}
@media screen and (max-width: 768px) {
  .travel-documentation-visa-su-inner .container {
    transform: translateX(69px);
  }

  .travel-documentation-visa-su-inner .list {
    transform: translateX(-30px);
  }
}
@media screen and (max-width: 768px) {
  .travel-documentation-visa-su-inner .container2 {
    position: relative !important;
    left: -73px !important;
  }
}
@media screen and (max-width: 768px) {
  .travel-documentation-visa-su-inner .link-logo {
    width: 800px !important;
    height: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .travel-documentation-visa-su-inner .link-logo {
    width: 1800px !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }
}
@media screen and (max-width: 768px) {
  .travel-documentation-visa-su {
    padding-top: 35px !important;
  }
}

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

    /* =====================================================
       TRAVEL DOCUMENTATION MOBILE
       EXACT HOME DROPDOWN BOX
       ===================================================== */

    .travel-documentation-visa-su-inner,
    .travel-documentation-visa-su-inner .frame-parent,
    .travel-documentation-visa-su-inner .container-wrapper,
    .travel-documentation-visa-su-inner .container,
    .travel-documentation-visa-su-inner .container4,
    .travel-documentation-visa-su-inner .container5,
    .travel-documentation-visa-su-inner .list {
        overflow: visible !important;
    }

    .travel-documentation-visa-su-inner .agx-service-dropdown {
        position: relative !important;
        z-index: 2147483646 !important;
    }

    .travel-documentation-visa-su-inner .agx-service-menu {
        position: absolute !important;

        /* THIS creates the wide box */
        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;

        top: calc(100% + 12px) !important;
        left: 50% !important;

        padding: 10px !important;
        margin: 0 !important;

        box-sizing: border-box !important;

        background: #ffffff !important;

        border: 1px solid rgba(5, 84, 162, 0.12) !important;
        border-radius: 14px !important;

        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12) !important;

        /* closed */
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: translateX(-50%) translateY(-6px) !important;

        transition:
            opacity 0.2s ease,
            transform 0.2s ease,
            visibility 0.2s ease !important;

        z-index: 2147483647 !important;
    }

    /* OPEN = BIG WHITE BOX */
    .travel-documentation-visa-su-inner
    .agx-service-menu.agx-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: translateX(-50%) translateY(0) !important;
    }

    .travel-documentation-visa-su-inner
    .agx-service-item {
        display: block !important;

        width: 100% !important;
        box-sizing: border-box !important;

        padding: 11px 14px !important;
        margin: 0 !important;

        border-radius: 9px !important;

        background: transparent !important;

        color: #0554a2 !important;

        font-family: "Fira Sans", sans-serif !important;
        font-size: 14px !important;
        line-height: 20px !important;

        text-decoration: none !important;

        transition:
            background-color 0.2s ease,
            opacity 0.2s ease !important;
    }

    .travel-documentation-visa-su-inner
    .agx-service-item:hover {
        background-color: rgba(5, 84, 162, 0.07) !important;
        opacity: 0.78 !important;
    }
}
@media screen and (max-width: 768px) {

    /* =====================================================
       FORCE TRAVEL HEADER ABOVE HERO
       ===================================================== */

    .travel-documentation-visa-su {
        position: relative !important;
        z-index: 100 !important;
    }

    .travel-documentation-visa-su-inner {
        position: relative !important;
        z-index: 999999999 !important;
    }

    .travel-documentation-visa-su-inner .frame-parent {
        position: relative !important;
        z-index: 999999999 !important;
    }

    .travel-documentation-visa-su-inner .container-wrapper {
        position: relative !important;
        z-index: 999999999 !important;
    }

    .travel-documentation-visa-su-inner .container {
        position: relative !important;
        z-index: 999999999 !important;
    }

    .travel-documentation-visa-su-inner .container4 {
        position: relative !important;
        z-index: 999999999 !important;
    }

    .travel-documentation-visa-su-inner .container5 {
        position: relative !important;
        z-index: 999999999 !important;
    }

    .travel-documentation-visa-su-inner .list {
        position: relative !important;
        z-index: 999999999 !important;
    }

    .travel-documentation-visa-su-inner .agx-service-dropdown {
        position: relative !important;
        z-index: 2147483647 !important;
    }

    .travel-documentation-visa-su-inner .agx-service-menu {
        z-index: 2147483647 !important;
    }
}
/* =========================================================
   TRAVEL PAGE — MOBILE SERVICE DROPDOWN
   RESTORE HOME-PAGE CARD DESIGN
   ========================================================= */

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

  /* Keep dropdown above the hero */
  .travel-documentation-visa-su,
  .travel-documentation-visa-su-inner,
  .travel-documentation-visa-su-inner .frame-parent,
  .travel-documentation-visa-su-inner .container-wrapper,
  .travel-documentation-visa-su-inner .container,
  .travel-documentation-visa-su-inner .container4,
  .travel-documentation-visa-su-inner .container5,
  .travel-documentation-visa-su-inner .list,
  .travel-documentation-visa-su-inner .agx-service-dropdown {
    overflow: visible !important;
  }

  .travel-documentation-visa-su {
    position: relative !important;
    z-index: 999999 !important;
  }

  .travel-documentation-visa-su-inner {
    position: relative !important;
    z-index: 999999 !important;
  }

  .travel-documentation-visa-su-inner .frame-parent,
  .travel-documentation-visa-su-inner .container-wrapper,
  .travel-documentation-visa-su-inner .container,
  .travel-documentation-visa-su-inner .container4,
  .travel-documentation-visa-su-inner .container5,
  .travel-documentation-visa-su-inner .list {
    position: relative !important;
    z-index: 999999 !important;
  }

  /* Service dropdown wrapper */
  .travel-documentation-visa-su-inner .agx-service-dropdown {
    position: relative !important;
    z-index: 2147483647 !important;
  }

  /* =======================================================
     THE ACTUAL WHITE CARD
     ======================================================= */

  .travel-documentation-visa-su-inner .agx-service-menu {
    position: absolute !important;

    top: calc(100% + 12px) !important;
    left: 50% !important;

    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 10px !important;

    box-sizing: border-box !important;

    /* THIS IS THE CARD */
    background: #ffffff !important;

    border: 1px solid rgba(5, 84, 162, 0.12) !important;
    border-radius: 14px !important;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12) !important;

    overflow: visible !important;

    transform: translateX(-50%) translateY(-6px) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    z-index: 2147483647 !important;
  }

  /* OPEN STATE — supports your CURRENT JS */
  .travel-documentation-visa-su-inner
  .agx-service-dropdown.active
  .agx-service-menu,

  /* Also supports Home-page .agx-open state */
  .travel-documentation-visa-su-inner
  .agx-service-menu.agx-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translateX(-50%) translateY(0) !important;

    background: #ffffff !important;
  }

  /* =======================================================
     EVERY SERVICE INSIDE THE CARD
     ======================================================= */

  .travel-documentation-visa-su-inner .agx-service-item {
    display: block !important;

    position: relative !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 11px 14px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 9px !important;

    color: #0554a2 !important;

    font-family: "Fira Sans", sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;

    text-decoration: none !important;

    white-space: normal !important;

    overflow: visible !important;

    opacity: 1 !important;
  }

  .travel-documentation-visa-su-inner .agx-service-item:hover {
    background-color: rgba(5, 84, 162, 0.07) !important;
    opacity: 0.78 !important;
  }

  /* Make sure the menu's children cannot disappear */
  .travel-documentation-visa-su-inner .agx-service-menu > * {
    visibility: visible !important;
  }

}
@media screen and (max-width: 768px) {
  .travel-documentation-visa-su-inner .agx-service-menu {
    border-radius: 18px !important;
  }
}
@media screen and (max-width: 768px) {

  .travel-documentation-visa-su-inner .agx-service-menu {
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  .travel-documentation-visa-su-inner .agx-service-menu,
  .travel-documentation-visa-su-inner .agx-service-menu::before,
  .travel-documentation-visa-su-inner .agx-service-menu::after {
    border-radius: 22px !important;
  }

}