html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

:root {
  --yellow: #fdb813;
  --white: #fff;
  --blue: #264186;
}

body {
  margin: 0;
  min-width: 320px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden],
template {
  display: none;
}

a {
  background-color: #0000;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub,
sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"] {
  -webkit-appearance: button;
  appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
  appearance: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="w-icon-"],
[class*=" w-icon-"] {
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: auto;
  min-height: 100%;
}

/* body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
} */

body {
  color: #333;
  background-color: #e5e5e5;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before,
.w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
  appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

pre.w-code-block code {
  all: inherit;
}

.w-webflow-badge,
.w-webflow-badge>img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge>img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before,
.w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video iframe,
.w-video object,
.w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button,
[type="button"],
[type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input,
.w-select {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder,
.w-select::placeholder {
  color: #999;
}

.w-input:focus,
.w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input,
textarea.w-select {
  height: auto;
}

.w-select[multiple] {
  height: auto;
}

.w-radio:before,
.w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
  display: none;
}

.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before,
.w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before,
.w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }
}

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

  .w-hidden-main,
  .w-hidden-medium {
    display: inherit !important;
  }

  .w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .session-banner .stats {
    flex-direction: column;
  }

  .stats div {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    padding-bottom: 30px;
    text-align: center;
  }

  .left-text-container .highlight {
    background: none;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main,
  .w-hidden-medium,
  .w-hidden-small {
    display: inherit !important;
  }
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw>button {
  display: none !important;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video>video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control>[hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round>div {
  border-radius: 100%;
}

.w-slider-nav.w-num>div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: 0.2em 0.5em;
}

.w-slider-nav.w-shadow>div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert>div {
  background-color: #2226;
}

.w-slider-nav-invert>div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px 0.5em;
  transition:
    background-color 0.1s,
    color 0.1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left,
.w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left,
.w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family:
    Helvetica Neue,
    Helvetica,
    Ubuntu,
    Segoe UI,
    Verdana,
    sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.w-lightbox-backdrop,
.w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame,
.w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

@media (min-width: 768px) {

  .w-lightbox-view,
  .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group,
  .w-lightbox-group .w-lightbox-view,
  .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left,
  .w-lightbox-right {
    opacity: 0.5;
    display: block;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive,
.w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before,
.w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before,
.w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol,
.w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type="video"]>div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure>div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: 0.6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type="image"]>div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type="image"]>figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type="video"]>div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth>div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before,
.w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  height: 100vh;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  /* .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  } */
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before,
.w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
  display: none !important;
}

.w-code-component>* {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

:root {
  --text-color-01: #373435;
  --primary-color: #2f4e78;
  --background-color-02: #f1f1f1;
  /* --theme-black: black; */
  --theme-black: #e6e7e882;
  --text-color-02: #2f4e78;
  --background-color-01: #fff2d6;
  --theme-white: white;
  --card-width-mobile: 85vw;
  --card-width-desktop: 26rem;
  --card-gap: 1.25rem;
  --transition-speed: 0.4s;
}

body {
  color: var(--text-color-01);
  font-family:
    Plus Jakarta Sans,
    sans-serif;
  /* font-family: Arial, Helvetica, sans-serif; */
  /* font-size: 14px;
  line-height: 20px; */
  font-size: 16px;
  line-height: 24px;
}

h5 {
  color: var(--text-color-01);
  margin-top: 10px;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

blockquote {
  border-left: 8px solid var(--primary-color);
  background-color: var(--background-color-02);
  background-image: url("/assets/images/67578e65930ebc155fe20619_Group%201732.svg");
  background-position: 90% 80%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 16px;
  margin-bottom: 10px;
  padding: 60px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  box-shadow:
    0 2px 4px -1px #0000000f,
    0 4px 6px -1px #001e261a;
}

.nav-link {
  color: #000000;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #000000;
  opacity: 0.6;
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: var(--primary-color);
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: var(--primary-color);
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link.w--current {
  color: var(--primary-color);
}

.nav-dropdown {
  margin-left: 0;
  margin-right: 0;
}

.container-regular {
  flex: 1;
  width: 100%;
}

.nav-menu {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.menu-button._02.w--open {
  border: 1px solid #0000;
}

.nav-dropdown-toggle {
  color: #000000;
  letter-spacing: 0.25px;
  padding: 5px 25px 5px 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.nav-button-wrapper.res div#w-dropdown-toggle-login {
  padding: 5px 50px 5px 10px;
}

.nav-dropdown-toggle:hover {
  opacity: 0.6;
  color: #2f4e78;
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

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

.nav-dropdown-icon {
  margin-right: 6px;
}

.nav-dropdown-list {
  background-color: #ddd0;
}

.nav-dropdown-list.w--open {
  width: 207px;
  overflow: hidden;
}

.nav-menu-wrapper {
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.navbar {
  z-index: 5;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  background-color: #ffffffde;
  border-radius: 50px;
  flex: none;
  justify-content: center;
  width: 100%;
  padding: 12px 20px;
  transition: width 0.2s;
  display: flex;
  transition: all 0.3s ease-in;
}

.hero {
  color: #fff;
  background-color: #000;
  border-bottom-right-radius: 48px;
  border-bottom-left-radius: 48px;
  justify-content: center;
  padding-top: 176px;
  padding-bottom: 100px;
  display: flex;
}

.hero-container {
  text-align: center;
  flex: 1;
  justify-content: space-between;
  max-width: 546px;
  margin-left: 40px;
  margin-right: 40px;
}

.heading-01 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
  color: #ffffff;
}

.heading-03 {
  letter-spacing: -0.64px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 600;
  line-height: 48px;
}

.heading-02 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 45px;
  font-weight: 600;
  line-height: 60px;
  color: #373435;
}

.heading-06 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}

.body-text---large-semibold {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}

.body-text---large-regular {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.d-flex {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: center;
  display: flex;
}

.body-text---extra-small {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.body-text---extra-small.mt-2 {
  margin-top: 2px;
}

.footer-contact-text .body-text---small.op-40 {
  opacity: 1;
}

.body-text---small {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #000 !important;
}

.body-text---small.mt-12.color {
  color: #1e2238;
}

.body-text---small.nav-text {
  flex: none;
}

.color-box.primary {
  background-color: var(--yellow);
}

.color-box.bg-01 {
  background-color: var(--background-color-01);
}

.color-box.bg-02 {
  background-color: var(--background-color-02);
}

.color-box.text-01 {
  background-color: var(--text-color-01);
}

.color-box.text-02 {
  background-color: var(--text-color-02);
}

.color-box.theme-black {
  background-color: var(--theme-black);
}

.color-box.theme-white {
  background-color: var(--theme-white);
  border: 1px solid #0003;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.body-text---default {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
}

.button-text-02 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  color: #000;
}

.mt-20 {
  margin-top: 20px;
}

.text-center {
  text-align: center;
}

.mt-24 {
  margin-top: 24px;
}

.mt-4 {
  margin-top: 4px;
}

/* .mt-12 {
  margin-top: 12px;
} */

.mt-16 {
  margin-top: 16px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-8 {
  margin-top: 8px;
}

.body-text---semibold {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #000;
}

/* "Our Services" section — big centred label */
section.service .body-text---semibold {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #2f4e78;
  margin-bottom: 12px;
}

/* Service section main title — large & centred */
section.service .service-text-bottom h2.heading-05 {
  font-size: clamp(36px, 4.5vw, 56px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #0d1b2e;
  margin-bottom: 20px;
  text-align: center;
}

section.service .service-text-bottom p {
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.body-text---semibold.mt-8 {
  margin-top: 8px;
}

.heading-05 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #000;
}

.heading-05.mt-12 {
  margin-top: 12px;
  font-size: 20px;
}

.heading-05.mt-24 {
  margin-top: 24px;
}

.color-02 {
  color: var(--text-color-02);
}

.slide-title span.color-02 {
  color: var(--yellow);
}

.nav-dropdown-list .body-text---small.nav-text {
  color: #000000 !important;
}

.services .button-text-02 {
  color: #fff;
}

.footer input.black-btn._02.w-button {
  color: #fff;
}

.btn-01 {
  color: var(--text-color-01);
  background-image: linear-gradient(#fff, #f1f1f1);
  border: 1px solid #d2d2d2;
  border-radius: 24px;
  padding: 13px 20px;
  font-weight: 600;
  line-height: 21px;
  text-decoration: none;
  transition: background-color 0.2s;
  display: inline-block;
}

section.blogs a.btn-01.w-inline-block {
  color: #000000;
  background-image: linear-gradient(#ffffff, #ffffff);
  border: 1px solid #ffffff;
  border-radius: 24px;
  padding: 13px 20px;
  font-weight: 600;
  line-height: 21px;
  text-decoration: none;
  transition: background-color 0.2s;
  display: inline-block;
}

section.blogs a.btn-01.w-inline-block .button-text-02 {
  color: #000;
}

section.blogs a.btn-01.w-inline-block:hover {
  background-image: linear-gradient(#fff, #fff);
}

section.blogs a.btn-01.w-inline-block:hover .button-text-02 {
  color: #000;
  /* border: 1px solid #ffffff; */
}

.btn-01:hover {
  background-image: linear-gradient(#e3e3e3, #fff);
}

.btn-02:hover {
  background-color: var(--theme-black);
  color: var(--theme-white);
  background-image: none;
}

.btn-02.form {
  z-index: 1;
  color: var(--text-color-01);
  background-color: #3898ec00;
  background-image: none;
  border-style: none;
  width: 100%;
  height: 56px;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.btn-02._02 {
  z-index: 3;
  background-color: #3898ec00;
  background-image: none;
  border-style: none;
  transition: background-color 0.2s;
  position: relative;
}

.btn-02._02:hover {
  color: var(--text-color-01);
}

.btn-03 {
  color: var(--text-color-01);
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  text-decoration: none;
  background: var(--yellow);
  color: #fff !important;
  border-radius: 30px;
  padding: 13px 20px;
}

.btn-03.mt-12._02.w--current {
  color: var(--primary-color);
}

.btn-icon {
  width: 16px;
  height: 20px;
  /* filter: invert(1); */
}

.btn-icon.black {
  position: absolute;
  left: -16px;
}

.btn-wrap {
  align-items: center;
  display: flex;
}

.pagination {
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.paging-icon {
  margin-left: 4px;
  margin-right: 4px;
}

.footer {
  /* background-color: var(--theme-black); */
  background-color: #e5e5e5;
  color: var(--theme-white);
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  padding-top: 120px;
  overflow: hidden;
}

.footer-contact-wrap {
  justify-content: center;
  display: flex;
}

.footer-contact {
  /* background-image: url("/assets/images/67534a3d91157c6664685fe7_Vector.svg"); */
  background-position: -9%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: 1;
  justify-content: center;
  display: flex;
}

.footer-contact-container {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.footer-contact-text {
  max-width: 440px;
}

.contact-info-box._01 {
  margin-right: 100px;
}

.contact-form-box {
  flex: 1;
  max-width: 604px;
}

.text-field {
  color: #000;
  /* background-color: #fff0; */
  border: 1px solid #000;
  border-radius: 32px;
  height: 52px;
  margin-top: 16px;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
}

.text-field:focus {
  border-color: var(--theme-white);
}

.contact-form {
  grid-column-gap: 24px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.textarea-field {
  color: var(--theme-white);
  /* background-color: #fff0; */
  border: 1px solid #000;
  border-radius: 12px;
  min-height: 120px;
  margin-top: 16px;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
}

.textarea-field:focus {
  border-color: var(--theme-white);
}

.footer-brand {
  margin-bottom: 15px;
}

.footer-link {
  color: #ffffffb3;
  letter-spacing: -0.3px;
  margin-top: 20px;
  font-size: 14px;
  line-height: 21px;
  text-decoration: none;
}

.footer-link:hover {
  color: #333e7d;
  font-weight: 600;
}

/* i.fa-solid.fa-phone,
i.fa-solid.fa-envelope {
  color: #333e7d;
} */

.footer-title {
  letter-spacing: -0.4px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #333e7d;
}

.logo {
  max-width: 100px;
}

.footer-block-two {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 344px;
  display: flex;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-wrap {
  justify-content: center;
  display: flex;
}

.footer-container {
  flex: 1;
  justify-content: space-between;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
}

.bottom {
  /* border-top: 1px solid #333e7d; */
  justify-content: center;
  margin-top: 24px;
  padding-top: 24px;
  padding-bottom: 32px;
  display: flex;
}

.bottom-container {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.bottom-text {
  color: #000;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 21px;
}

.footer-link {
  color: var(--theme-white);
}

.home-hero {
  background-color: #2f4e78;
  color: var(--theme-white);
  justify-content: center;
  height: 100vh;
  padding-top: 146px;
  display: flex;
  overflow: hidden;
}

.home-container {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  max-width: 1350px;
  padding: 0 30px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.section-top {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.section-top._02 {
  align-items: flex-start;
}

.section-top._03 {
  align-items: center;
}

.section-top._14 {
  align-items: flex-start;
  margin-top: 48px;
}

.headings-wrap {
  flex: 1;
  max-width: 488px;
  margin-right: 40px;
}

.headings-wrap._01 {
  flex: none;
}

.headings-wrap.case-study-title {
  max-width: 538px;
}

.text-wrap {
  flex: 1;
  max-width: 524px;
  overflow: hidden;
}

.text-wrap._02 {
  margin-top: 36px;
}

.text-wrap._03 {
  max-width: 819px;
  margin-top: 36px;
}

.heading-06-medium {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: #ffffff;
}

.home-bottom {
  flex: 1;
  margin-top: 136px;
  position: relative;
}

.home-float-box {
  z-index: 3;
  background-color: var(--yellow);
  cursor: pointer;
  border-radius: 50%;
  width: 13%;
  padding: 8px;
  position: absolute;
  inset: -16% 28% auto auto;
}

.float-img {
  width: 100%;
}

.about-section-top {
  justify-content: center;
  padding-top: 140px;
  display: flex;
  overflow: hidden;
}

.about-container {
  flex: 1;
  justify-content: space-between;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
}

.about-container._01 {
  flex: none;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.op-80 {
  opacity: 0.8;
}

.about-bottom {
  width: 100%;
  margin-top: 136px;
  position: relative;
}

.about-float-box {
  cursor: pointer;
  border-radius: 50%;
  width: 200px;
  position: absolute;
  top: -25%;
  bottom: auto;
  left: 37%;
}

.state {
  justify-content: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.state-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
  display: grid;
}

.state-card-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.state-card {
  text-align: center;
}

.case-study {
  background-color: var(--yellow);
  color: var(--theme-white);
  justify-content: center;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.case-study p.body-text---semibold,
.case-study h2.heading-02.mt-12,
.case-study h2,
.case-study h3 .case-study h3.heading-06.mt-20 {
  color: #000000;
}

.case-study h2.heading-02.mt-12 {
  color: #373435;
}

.case-study-container {
  flex: 1;
  justify-content: space-between;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
  overflow: hidden;
}

.case-study-slider {
  background-color: #ddd0;
  height: auto;
  margin-top: -48px;
  padding-top: 108px;
  overflow: hidden;
}

.case-study-mask {
  max-width: 1240px;
  overflow: visible;
}

.case-study-card {
  color: #000;
  cursor: none;
  text-decoration: none;
  transition: color 0.2s;
  position: relative;
  overflow: hidden;
}

.case-study-card:hover {
  color: #000;
}

.case-study-img-box {
  border-radius: 16px;
  height: 280px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.case-study-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.d-none {
  display: none;
}

.case-study-slide {
  margin-right: 32px;
}

.right-arrow {
  border: 1px solid var(--theme-white);
  background-image: linear-gradient(#000, #373435);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: border-color 0.2s;
  display: flex;
  inset: 0 0% auto auto;
}

.right-arrow:hover {
  border-color: var(--primary-color);
}

.left-arrow {
  border: 1px solid var(--theme-white);
  background-image: linear-gradient(#000, #373435);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: border-color 0.2s;
  display: flex;
  position: absolute;
  inset: 0 62px auto auto;
}

.left-arrow:hover {
  border-color: var(--primary-color);
}

/* .service-text-bottom {
  margin-top: 230px;
} */

.service-text-bottom {
  margin-top: 90px;
}

.ser-btn {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}

.service-card {
  background-color: #fff;
  border: 1px solid #0003;
  border-radius: 24px;
  padding: 24px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  position: static;
  top: auto;
  margin: 0;
  max-width: none;
  width: 100%;
  opacity: 0;
  will-change: opacity, transform;
}

.service-card.is-visible {
  animation: serviceCardIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.service-card.is-visible:hover {
  border: 1px solid var(--theme-black);
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}

.service-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Consistent image height in grid layout */
.service-img-outer-2 {
  height: 220px;
}

.service-img-wrap-01 {
  width: 100%;
  height: 100%;
}

@keyframes serviceCardIn {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.service-text {
  margin-top: 20px;
}

.state-line._02 {
  height: 330px;
}

.state-line._03 {
  height: 271px;
}

.state-line._04 {
  background-color: var(--primary-color);
  height: 351px;
}

.state-line._05 {
  background-color: var(--primary-color);
  flex-flow: column;
  justify-content: flex-end;
  height: 216px;
}

.paragraph {
  color: var(--theme-white);
  white-space: nowrap;
  word-break: keep-all;
  margin-bottom: 43px;
  transform: rotate(-90deg);
}

.paragraph._02 {
  bottom: 17%;
}

.paragraph._03 {
  bottom: 21%;
}

.paragraph._04 {
  bottom: 16%;
}

.logos {
  background-color: var(--theme-black);
  color: var(--theme-white);
  justify-content: center;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  overflow: hidden;
}

.logos-container {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.logos-text {
  flex: none;
  max-width: 312px;
  margin-right: 20px;
}

.logos-wrapper {
  flex-flow: wrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logos-box {
  flex: none;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.team {
  justify-content: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.team-container {
  flex: 1;
  justify-content: space-between;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
}

.team-inner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto auto 1fr;
  grid-auto-columns: 1fr;
  height: 260px;
  margin-top: 60px;
  display: grid;
}

.team-box-01 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 208px;
  height: 100%;
  display: grid;
}

.team-box-01._02 {
  width: 232px;
}

.team-card {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.team-card._01 {
  height: 164px;
}

.team-card._02 {
  height: 122px;
}

.team-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.team-border {
  width: 64px;
}

.team-pattern {
  width: 100%;
  height: 80px;
}

.blogs {
  justify-content: center;
  padding-bottom: 140px;
  display: flex;
}

.blogs-container {
  flex: 1;
  justify-content: space-between;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
}

.blog-card {
  color: var(--text-color-01);
  text-decoration: none;
}

.blog-img-box {
  height: 292px;
  position: relative;
  overflow: hidden;
}

.blog-img {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
}

.blog-icon-wrap {
  z-index: 2;
  /* background-image: linear-gradient(#fff, #f1f1f1); */
  border: 1px solid var(--yellow);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  position: absolute;
  inset: auto 0.5% 0.5% auto;
  overflow: hidden;
  background: var(--yellow);
}

.blog-info {
  padding-top: 16px;
}

.blog-tag {
  border: 1px solid #ffffff;
  opacity: 0.5;
  border-radius: 30px;
  padding: 3px 9px;
  display: inline-block;
}

.blog-tag._01 {
  color: var(--text-color-01);
}

.about {
  justify-content: center;
  padding-top: 120px;
  padding-bottom: 140px;
  display: flex;
}

.about-02-container {
  flex: 1;
  justify-content: space-between;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
}

.about-img-box._02 {
  border-bottom-left-radius: 16px;
}

.timeline {
  background-color: var(--background-color-02);
  justify-content: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.timeline-container {
  flex: 1;
  justify-content: space-between;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
}

.timeline-progress {
  z-index: 2;
  overflow-wrap: normal;
  background-color: #000;
  order: -1;
  width: 3px;
  height: 100%;
  position: absolute;
}

.timeline-metrics-and-images-section {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.metrics-section {
  flex-flow: column;
  width: 100%;
  padding-left: 24px;
  display: flex;
}

.timeline-item {
  z-index: 2;
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  width: 100%;
  height: auto;
  margin-top: 66px;
  padding: 0 40px;
  display: grid;
  position: relative;
}

.timeline-header-section---left {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  top: 50vh;
}

.timeline-circle {
  border: 3px solid var(--theme-black);
  background-color: #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: sticky;
  top: 50vh;
}

.game-header-group {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  align-items: flex-end;
  width: 100%;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
  position: sticky;
  top: 50vh;
}

.timeline-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.timeline-center {
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
}

.team-02 {
  justify-content: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.team-02-container {
  flex: 1;
  justify-content: space-between;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
}

.header {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.header._02 {
  text-align: center;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.team-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.team-card-02 {
  background-color: var(--background-color-02);
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 16px;
  padding: 24px;
}

.team-img-box {
  border-radius: 12px;
  height: 264px;
  position: relative;
  overflow: hidden;
}

.team-info {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-align: center;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 16px;
  display: grid;
}

.team-social-links {
  justify-content: center;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.social-link {
  background-color: #fff3;
  border: 1px solid #ffffffb3;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 6px;
  display: flex;
}

.social-link:hover {
  background-color: var(--primary-color);
  border-style: none;
}

.divider {
  background-color: #37343533;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.faq {
  justify-content: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.faq-left {
  flex: 1;
  margin-right: 40px;
}

.faq-float {
  border-radius: 50%;
  width: 200px;
  margin-top: 30px;
  margin-left: auto;
  position: relative;
}

.faq-container {
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
  flex-wrap: wrap;
}

.faq-main {
  margin-bottom: 20px;
  width: 100%;
}

.faq-header {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 8px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  max-width: 766px;
  display: grid;
}

.faq-item {
  border: 1px solid #1e223833;
  border-radius: 8px;
  padding: 17px 24px;
  box-shadow: inset 0 1px #ffffff0f;
}

.body-medium-3 {
  color: #1b1e35;
  letter-spacing: -0.3px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

.faq-body {
  overflow: hidden;
}

.faq-plus {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.hr {
  z-index: 1;
  position: absolute;
}

.hero-link {
  color: var(--theme-white);
  text-decoration: none;
}

.contact-form-wrap._02 {
  margin-top: 0;
}

.black-btn {
  color: #000000;
  /* background-image: linear-gradient(#000, #373435); */
  border: 1px solid #ffffff;
  border-radius: 30px;
  padding: 13px 20px;
  text-decoration: none;
  transition: background-color 0.2s;
  background-color: #ffffff;
}

.black-btn:hover {
  /* background-image: linear-gradient(#373435, #000); */
  background-color: #ffffff;
  border: 1px solid #ffffff;
}

.black-btn:hover .button-text-02 {
  color: #000000 !important;
}

.black-btn .btn-01-inner .button-text-02 {
  color: #000000;
}

.black-btn._02 {
  z-index: 3;
  background-color: #3898ec00;
  background-image: none;
  border-style: none;
  position: relative;
}

.form-field:focus {
  border-color: var(--primary-color);
}

.form-field.textarea {
  color: var(--theme-black);
  height: auto;
  min-height: 72px;
}

.form-field.textarea-02 {
  color: var(--theme-black);
  height: auto;
  min-height: 96px;
}

.form-field.textarea-02:focus {
  border-color: var(--primary-color);
}

.about-card {
  background-image: linear-gradient(#fff, #f1f1f1);
  border: 1px solid #d2d2d2;
  border-radius: 12px;
  padding: 24px;
}

.case-study-card-02:hover {
  border-color: var(--theme-black);
}

.blog-float {
  z-index: 1;
  position: absolute;
  inset: auto 0% 0% auto;
}

.blog-icon-bg {
  background-color: var(--yellow);
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blog-arrow-outer img.blog-arrow-02 {
  filter: invert(1);
}

.blog-arrow-outer {
  z-index: 1;
  width: 28px;
  height: 28px;
  position: relative;
  overflow: hidden;
}

.blog-arrow-02 {
  position: absolute;
  left: -28px;
}

.blog {
  justify-content: center;
  padding-top: 100px;
  display: flex;
}

.blog-container {
  flex: 1;
  justify-content: space-between;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
}

.blog-collection-list-02 {
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-field-02:focus {
  border-color: var(--primary-color);
}

.map {
  justify-content: center;
  display: flex;
}

.offices {
  justify-content: center;
  padding-top: 140px;
  display: flex;
}

.offices-container {
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
}

.office-card {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-bottom: 1px solid #d2d2d2;
  grid-template-rows: auto;
  grid-template-columns: auto 2fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.office-card._01 {
  padding-top: 0;
}

.office-info-wrap._02 {
  margin-top: 40px;
}

.office-info {
  min-width: 250px;
  max-width: 343px;
}

.office-info-outer {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 418px;
  display: flex;
}

.frame {
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  margin-top: 308px;
  padding-left: 0;
  display: flex;
}

.work-card {
  flex: none;
  width: 328px;
  margin-right: 56px;
}

.line {
  background-color: #ffffff;
  border-radius: 8px;
  flex: 1;
  max-width: 1240px;
  height: 12px;
  margin-top: 52px;
  padding: 2px;
}

.yellow-line {
  background-color: var(--yellow);
  border-radius: 50px;
  width: 5px;
  height: 100%;
}

.auth-field:focus {
  border-color: var(--primary-color);
}

.auth-link:hover {
  color: var(--text-color-02);
}

.cms-single.blog-single {
  padding-bottom: 0;
}

.cms-img-outter.blog-img {
  height: 600px;
}

.cms-details-wrap.case-study-details {
  padding-top: 58px;
}

.yellow-color {
  color: var(--primary-color);
}

.headings-wrap-02 {
  flex: 1;
  max-width: 396px;
  margin-right: 40px;
}

.testimonial-line._01 {
  margin-right: 24px;
}

.btn-03-icon-wrap {
  width: 16px;
  height: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-card-small:hover {
  color: var(--primary-color);
}

.about-slide-img-outter {
  display: flex;
}

.about-slide-img {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.about-slide-img-inner {
  flex: none;
  align-items: center;
  display: flex;
}

.about-slide-img-wrap {
  border-radius: 16px;
  flex: none;
  max-height: 306px;
  margin-right: 24px;
  overflow: hidden;
}

.about-slide-img-wrap.big {
  width: 237px;
  height: 304px;
}

.about-slide-img-wrap.small {
  width: 188px;
  height: 186px;
}

.about-slide-img-wrap.landscap {
  width: 257px;
  height: 170px;
}

.about-slide-img-wrap._177 {
  width: 177px;
  height: 186px;
}

.about-slide-img-wrap._237 {
  width: 237px;
  height: 254px;
}

.navbar-wrap {
  z-index: 99;
  justify-content: center;
  width: 100%;
  padding-top: 5px;
  display: flex;
  position: fixed;
  top: 0;
}

.case-study-line {
  background-color: #fff;
  height: 1px;
  margin-top: 48px;
  margin-bottom: 5px;
}

.case-study-line-inner {
  background-color: var(--primary-color);
  width: 50%;
  height: 1px;
}

.arrow-box {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.arrow-icon-01 {
  width: 100%;
  position: absolute;
}

.arrow-icon-01.yellow {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -24px;
}

.arrow-icon-01.yellow-02 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: -24px;
}

.logos-outer {
  flex-flow: row;
  flex: none;
  align-items: center;
  display: flex;
}

.logos-wrap {
  display: flex;
}

.logos-wrap._02 {
  justify-content: flex-end;
}

.cursor {
  border-radius: 50%;
  transition: transform;
  position: absolute;
  inset: 0%;
}

.img-overlay {
  display: block;
  position: absolute;
  inset: 0%;
}

.overlay-white {
  z-index: 1;
  background-color: var(--theme-white);
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay-black {
  background-color: var(--theme-black);
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.home-img-wrap {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.case-study-collection-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-study-collection-list.show-mobile {
  display: none;
}

.btn-01-inner {
  height: 21px;
  overflow: hidden;
}

.timeline-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr auto 0.5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 20px;
  display: grid;
}

.timeline-inner._01 {
  grid-template-columns: 1fr auto 0.5fr 1fr auto;
}

.timline-border-02 {
  border-radius: 20px;
  width: 100%;
  height: 40px;
}

.timeline-border {
  width: 40px;
  height: 100%;
}

.team-img-box-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.timeline-inner-img-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-rows: 40px;
  grid-auto-columns: 1fr;
  display: grid;
}

.timeline-card,
.timeline-card-copy {
  border-radius: 12px;
  height: 100%;
  overflow: hidden;
}

.services-left-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 212px;
  display: flex;
}

.services-container {
  z-index: 1;
  width: 100%;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
  position: relative;
  overflow: hidden;
}

.services-left {
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  /* max-width: 335px; */
  max-width: 600px;
  display: flex;
}

.services-short-info {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.services-short-info._3,
.services-short-info._2,
.services-short-info._4 {
  display: none;
}

.services {
  background-color: #2f4e78;
  color: var(--theme-white);
  justify-content: center;
  padding-top: 140px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
}

.services-res-wrap {
  display: none;
}

.services-left-bottom {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.badge-02-text {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.services .badge-02-text {
  color: #ffffff;
}

.services-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.h2 {
  color: #2f4e78;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

.services-right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  justify-content: space-between;
  width: 840px;
  display: flex;
}

.body-02 {
  color: #1e2238;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.body-02.services-short-text-02 {
  color: #fff;
  padding-top: 12px;
}

.services-image-block {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-bottom-right-radius: 0;
  border-right: none;
}

.services-list {
  cursor: pointer;
  border-right: 1px solid #80818c4d;
  justify-content: space-between;
  width: 460px;
  height: 500px;
  display: flex;
  position: relative;
  overflow: hidden;
  /* border-color: #000 !important; */
}

.services-list._2,
.services-list._3,
.services-list._4 {
  width: 106px;
}

.services-image-wrap {
  width: 354px;
  height: 500px;
  position: relative;
  z-index: 1;
}

.services-image-wrap._2,
.services-image-wrap._3,
.services-image-wrap._4 {
  width: 0;
}

.services-item-text {
  z-index: 5;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  display: flex;
  position: absolute;
  bottom: 125px;
  transform: rotate(-90deg);
}

.services-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.services-title-box {
  display: none;
}

.services-title-box._2,
.services-title-box._3 {
  display: none;
}

.services-active-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 280px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 160px;
  z-index: 3;
}

.services-active-text._2,
.services-active-text._3 {
  display: none;
}

.services-item-text-wrap {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 72px;
  height: 100%;
  display: flex;
  position: relative;
}

.services-item-text-wrap._1 {
  opacity: 0;
  width: 90px;
}

.services-arrow {
  opacity: 0.3;
  /* filter: invert(); */
  width: 36px;
  height: 36px;
  transform: rotate(45deg);
}

.arrow-img-wrap {
  width: 20%;
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}

.about-section-bottom {
  justify-content: center;
  padding-bottom: 144px;
  display: flex;
  overflow: hidden;
}

.nav-dropdown-item {
  color: var(--theme-white);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nav-dropdown-item.w--current {
  color: var(--primary-color);
}

/* .nav-dropdown-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--text-color-01);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 20px;
  display: grid;
  background-color: #ffffff;
  backdrop-filter: blur(12px);
} */

.nav-dropdown-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--text-color-01);
  /* border: 1px solid var(--yellow)33; */
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 20px;
  display: grid;
  background-color: #ffffff;
  backdrop-filter: blur(12px);
  width: 100%;
  gap: 0;
}

.nav-outter {
  flex: 1;
  justify-content: center;
  max-width: 1316px;
  display: flex;
}

.cursor-overlay {
  z-index: 99999;
  opacity: 1;
  pointer-events: none;
  mix-blend-mode: difference;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor-dot {
  background-color: #fff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5px;
  height: 5px;
  transition: transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  position: relative;
}

.cursor-circle {
  border: 1px solid #ffffff80;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  transition: opacity 0.1s;
  position: absolute;
}

.service-float-shape {
  position: absolute;
  inset: auto 0% 0% auto;
}

.services-res-card {
  border-bottom: 1px solid #80818c4d;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.services-res-center {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.services-card-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.services-res-card-info {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.services-card-image-box {
  border-radius: 10px;
  width: 120px;
  height: 120px;
  overflow: hidden;
}

.services-res-card-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 50%;
  display: flex;
}

.statistics-number-wrap {
  justify-content: center;
  height: 58px;
  display: flex;
  overflow: hidden;
}

.statistics-number-box.upper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.statistics-number-box.lower {
  flex-flow: column;
  display: flex;
}

.font {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 50% 100%;
}

.header-wrap {
  perspective: 1000px;
  perspective-origin: 50%;
  position: relative;
}

.back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%) rotateX(-90deg) rotateY(0) rotateZ(0);
}

.float-round-box {
  cursor: pointer;
}

.map-pin:hover {
  transform: translate(0, -5px);
}

.map-pin._01 {
  background-image: url("/assets/images/1815.webp");
  top: 31px;
  left: 570px;
}

.map-pin._02 {
  background-image: url("/assets/images/1814.webp");
  top: 179px;
  left: 325px;
}

.map-pin._03 {
  background-image: url("/assets/images/1816.webp");
  top: 257px;
  left: 925px;
}

.office-inner._01 {
  background-image: url("/assets/images/6763089d84421bcb6398784a_copernico-p_kICQCOM4s-unsplash%5B1%5D%20%281%29.webp");
}

.office-inner._02 {
  background-image: url("/assets/images/676278017f2b92fe8a92b52a_Office%201.webp");
}

.office-inner._04 {
  background-image: url("/assets/images/676278989b706e61c1b9bf6b_Office%204.webp");
}

.office-inner._03 {
  background-image: url("/assets/images/6762789779fcbdefef4f328f_Office%202.webp");
}

.cross-box:hover {
  transform: scale(1.2);
}

.heading-7 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
  color: #ffffff;
}

.the-width-400vh-scrollable-div {
  flex-wrap: wrap;
  align-items: center;
  width: 400vh;
  height: 100%;
  padding-left: 40px;
  display: flex;
}

.no-box-2 {
  background-color: #373435;
  border-radius: 6px;
  margin-bottom: 12px;
  padding: 6px 9px;
  display: inline-block;
}

.heading-8.process-text {
  color: #fff9;
  margin-left: 200px;
}

.the-overflow-hidden-mask {
  z-index: 3;
  background-color: var(--theme-black);
  color: var(--theme-white);
  width: 100%;
  height: 100%;
  padding-top: 109px;
  position: relative;
  overflow: hidden;
}

.the-height-400vh-section {
  color: var(--theme-white);
  background-color: #fff;
  border-top: 60px #24242417;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300vh;
  margin-left: 0;
  display: flex;
  position: relative;
}

.the-height-400vh-section:focus {
  box-shadow: inset 0 0 0 85px #ff00004a;
}

.float-heding-inne-box {
  z-index: 6;
  flex: 1;
  max-width: 1240px;
  margin-left: 40px;
  margin-right: 40px;
  overflow: hidden;
}

.the-sticky-div {
  background-color: #ffffff82;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.float-heading-box {
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 219px 0% 0%;
}

.float-line-wrap {
  z-index: 4;
  justify-content: center;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
  position: absolute;
  inset: 605px 0% 0%;
}

.cursor-icon {
  width: 48px;
  height: 48px;
  position: absolute;
  top: -48px;
  left: -48px;
}

.office-img-text-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex: 1;
  display: flex;
}

.blog-white-corner {
  z-index: 6;
  object-fit: cover;
  background-color: #fff;
  position: absolute;
  inset: auto 0% 0% auto;
}

.blog-img-wrap {
  border: 2px solid #0000;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.menu-icon {
  width: 20px;
  height: 20px;
  filter: invert(1);
}

/* =============================
   OUR SERVICES — GRID LAYOUT
   ============================= */

.servic-wrapper {
  width: 100%;
}

.service-img-outer-2 {
  border: 2px solid #fff;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.service-float-02 {
  position: absolute;
  inset: auto auto 0% 0%;
}

/* Header: full-width centered column */
.service-text-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 100%;
  padding-right: 0;
  margin-bottom: 0;
  gap: 0;
}

/* "Our Services" section title */
.service .service-section-title {
  font-size: clamp(38px, 5vw, 60px);
  font-weight: 700;
  line-height: 1.1;
  color: #0d1b2e;
  margin: 0 0 24px;
  letter-spacing: -0.02em;
}

.service-text-bottom {
  max-width: 860px;
  margin-top: 0;
  text-align: center;
}

/* Cards grid: 3 columns */
.service-card-wrapper-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  width: 100%;
  position: static;
  overflow: visible;
}

.service-container {
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  position: relative;
}

/* Vertical stack: heading row → grid */
.service-inner {
  display: flex;
  flex-direction: column;
  gap: 48px;
  position: static;
  top: auto;
  overflow: visible;
}

.heading-9 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #2f4e78;
}

/* Section wrapper */
.service {
  display: block;
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: visible;
}

.list-item {
  flex: none;
  margin-left: 8px;
  margin-right: 8px;
}

.service-img-wrap-01 {
  border: 2px solid #fff;
  border-radius: 24px;
  width: 100%;
  height: 244px;
  overflow: hidden;
}

.scroll-to-top {
  z-index: 100;
  background-color: #00a7e5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition:
    background-color 0.2s,
    transform 0.4s;
  display: flex;
  position: fixed;
  bottom: 48px;
  right: 48px;
}

.scroll-to-top:hover {
  background-color: #ffdd21;
}

.form-btn-wrap {
  background-image: linear-gradient(#000, #373435);
  border: 1px solid #fff6;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}

.form-btn-wrap._02 {
  background-image: linear-gradient(#fff, #f1f1f1);
  border-color: #d2d2d2;
  border-radius: 6px;
}

.form-btn-overlay {
  background-color: #fff;
  width: 0;
  position: absolute;
  inset: 0%;
}

.form-btn-overlay._02 {
  background-color: var(--theme-black);
}

nav#w-dropdown-list-2 .body-text---small.nav-text {
  width: 100%;
}

.last-link {
  margin-left: 100px;
}

.last-link i.fa-solid.fa-phone {
  font-size: 12px;
  margin-right: 5px;
}

.navbar-wrap .w-nav-brand img {
  width: 180px;
}

ul.nav-menu.w-list-unstyled {
  margin-right: 0;
}

.footer-wrap a.footer-brand.w-inline-block.w--current img.logo {
  max-width: 200px;
  width: 100%;
}

.footer-wrap a {
  color: #000;
  text-decoration: none;
}

.footer-wrap p.body-text---small.mt-8 i {
  margin-right: 10px;
}

section.footer-wrap p.body-text---small.mt-8 {
  margin: 0;
}

.footer section.bottom a.footer-link {
  display: inline-block;
  width: 40px;
  margin-left: 5px;
  vertical-align: text-bottom;
}

.bot-right a img {
  /* filter: invert(1); */
  width: 20px;
}

p.bottom-text a {
  color: #000;
  text-decoration: none;
}

.case-study h3.heading-06.mt-20,
.case-study p.heading-06.mt-20 {
  font-size: 18px;
  font-weight: 400;
}

p.bottom-text a:hover {
  color: #fdb813;
  font-weight: 500;
}

section.blogs {
  padding-top: 100px;
  background-color: #2f4e78;
}

a.blog-card.w-inline-block:hover h3.heading-06.mt-16 {
  color: #fff !important;
}

section.blogs p.body-text---semibold {
  color: #ffffff;
}

section.blogs h2.heading-02.mt-12 {
  color: #ffffff;
}

.blog-inner-page p#con-sec,
.blog-inner-page p#faq-sec,
.blog-inner-page p.intro-sec {
  font-size: 32px;
  line-height: 36px;
  font-weight: bold;
}

/* @media screen and (max-width: 1600px) {
.section.banner {
    padding-top: 8.75rem;
}
} */

@media screen and (max-width: 991px) {
  /* .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown {
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative;
  }

  .nav-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--theme-black);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    place-items: flex-start center;
    margin: 34px 0 20px;
    padding-left: 0;
    display: flex;
  }

  .menu-button {
    background-color: #000;
    border-radius: 50%;
    padding: 12px;
  }

  .menu-button.w--open {
    background-color: var(--text-color-01);
    color: #fff;
    border: 1px solid var(--yellow)4d;
  }

  .menu-button._02 {
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    display: flex;
  }

  .menu-button._01.w--open {
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    display: flex;
  }

  .nav-dropdown-toggle {
    margin-left: 0;
  }

  .navbar-wrapper {
    overflow: visible;
  } */

  /* .nav-dropdown-list {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    inset: 0% 0% auto;
  } */

  /* .nav-dropdown-list.w--open {
    inset: 0% 0% auto;
  }

  .nav-menu-wrapper {
    background-color: var(--theme-black);
    border-radius: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100vh;
    padding: 36px 32px 40px;
    position: fixed;
    top: 0;
    left: 0;
  }

  .menu-icon {
    filter: unset;
  }

  .navbar {
    overflow: visible;
  } */

  .color {
    margin-top: 80px;
  }

  .heading-01 {
    font-size: 54px;
    line-height: 64px;
  }

  .heading-02 {
    font-size: 42px;
    line-height: 48px;
  }

  .body-text---small.mt-12.color {
    margin-top: 12px;
  }

  .body-text---semibold.mt-8 {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-contact {
    background-position: -25%;
  }

  .footer-contact-container {
    flex-flow: column;
    align-items: flex-start;
  }

  .footer-contact-text {
    margin-bottom: 40px;
  }

  .contact-form-box {
    width: 100%;
    max-width: none;
  }

  .footer-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-hero {
    height: auto;
  }

  .section-top {
    flex-flow: column;
    align-items: flex-start;
  }

  .section-top._03 {
    align-items: flex-start;
  }

  .headings-wrap {
    margin-bottom: 40px;
    margin-right: 0;
  }

  .headings-wrap._01 {
    max-width: none;
    margin-bottom: 24px;
  }

  .text-wrap {
    max-width: none;
  }

  .text-wrap._02,
  .text-wrap._03 {
    margin-top: 0;
  }

  .home-bottom {
    flex: none;
    height: 300px;
    margin-top: 100px;
  }

  .home-float-box {
    width: 15%;
    padding: 5px;
  }

  .about-section-top {
    padding-top: 120px;
  }

  .about-bottom {
    margin-top: 100px;
  }

  .about-float-box {
    width: 160px;
    padding: 5px;
  }

  .state {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .state-container {
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: center;
    display: flex;
  }

  .state-card-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .case-study {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /* Service section — tablet: 2 cols, text stacks */
  .service-card-wrapper-2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .service-text-wrap {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
  }

  .service-container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .logos-container {
    text-align: center;
    flex-flow: column;
    align-items: center;
  }

  .logos-wrapper {
    justify-content: center;
    margin-top: 40px;
  }

  .logos-box {
    margin-left: 20px;
    margin-right: 20px;
  }

  .team {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .team-inner {
    grid-template-columns: 1fr 1fr;
    height: auto;
  }

  .team-box-01,
  .team-box-01._02 {
    width: auto;
  }

  .team-card._01,
  .team-card._02 {
    height: 220px;
  }

  .team-border {
    display: none;
  }

  .team-pattern {
    height: auto;
  }

  .blogs {
    padding-bottom: 120px;
  }

  .about {
    padding-top: 100px;
    padding-bottom: 120px;
  }

  .timeline,
  .team-02 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

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

  .faq {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .faq-left {
    width: 100%;
    max-width: none;
    margin-right: 0;
  }

  .faq-float {
    padding: 5px;
  }

  .faq-container {
    flex-flow: column;
  }

  .faq-header {
    cursor: pointer;
  }

  .faq-list {
    max-width: none;
    margin-top: 40px;
  }

  .blog-collection-list-02 {
    grid-template-columns: 1fr 1fr;
  }

  .offices {
    padding-top: 120px;
  }

  .office-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr;
    grid-auto-columns: 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
    display: grid;
  }

  .office-card._01 {
    grid-template-columns: 1fr 1fr;
  }

  .office-info-wrap._02,
  .office-info-wrap.res {
    min-width: 200px;
  }

  .office-info {
    flex: none;
  }

  .office-info-outer {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 2fr;
    justify-content: flex-start;
  }

  .headings-wrap-02 {
    margin-bottom: 40px;
    margin-right: 0;
  }

  .timeline-inner {
    grid-template-columns: 1fr 1fr;
    height: auto;
  }

  .timeline-inner._01 {
    grid-template-columns: 1fr 1fr;
  }

  .timeline-border {
    display: none;
  }

  .team-img-box-copy {
    grid-template-columns: 1fr 1fr;
  }

  .team-img-box-copy._02 {
    grid-template-columns: 1fr;
  }

  .timeline-inner-img-box {
    width: auto;
  }

  .services-left-top,
  .services-left {
    width: 100%;
  }

  .services {
    padding-top: 100px;
  }

  .services-res-wrap {
    display: block;
  }

  .services-left-bottom {
    display: none;
  }

  .services-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .h2 {
    font-size: 42px;
  }

  .services-right {
    width: 100%;
    display: none;
  }

  .about-section-bottom {
    padding-bottom: 120px;
  }

  .services-res-card-left {
    width: 65%;
  }

  .float-round-box.faq-float {
    margin-top: -169px;
  }

  .map-pin._01 {
    top: 22px;
    left: 350px;
  }

  .map-pin._02 {
    top: 114px;
    left: 201px;
  }

  .map-pin._03 {
    top: 164px;
    left: 569px;
  }

  .office-inner._01,
  .office-inner._02,
  .office-inner._04,
  .office-inner._03 {
    background-size: auto 50vh;
  }

  /* .nav-inner {
    justify-content: space-between;
    align-items: center;
    display: flex;
    width: 100%;
  }

  .menu-icon {
    width: auto;
    height: auto;
    display: block;
  } */

  .servic-wrapper {
    margin-top: 40px;
  }

  .service-text-wrap {
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .service-container {
    padding-left: 24px;
    padding-right: 24px;
    margin-left: 0;
    margin-right: 0;
  }

  .service-inner {
    flex-direction: column;
  }

  .service {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  /* .list-item {
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
    display: flex;
  }

  .menu-icon-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  } */
}

@media screen and (max-width: 767px) {
  h5 {
    font-size: 24px;
    line-height: 32px;
  }

  h6 {
    font-size: 20px;
    line-height: 24px;
  }

  blockquote {
    padding: 40px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .nav-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    /* padding-bottom: 30px; */
    padding-left: 0;
  }

  .nav-dropdown-toggle {
    padding: 10px 25px 10px 5px;
    margin: 0;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .heading-01 {
    font-size: 50px;
    line-height: 58px;
  }

  .heading-03 {
    font-size: 30px;
    line-height: 38px;
  }

  .heading-03.timeline-text {
    font-size: 24px;
    line-height: 30px;
  }

  /* .heading-02 {
    font-size: 36px;
    line-height: 42px;
  } */

  .colors-headers {
    padding-bottom: 100px;
  }

  .heading-06 {
    font-size: 16px;
    line-height: 24px;
  }

  .body-text---large-semibold._10px {
    font-size: 10px;
    line-height: 16px;
  }

  .d-flex {
    flex-flow: wrap;
  }

  .body-text---default.mt-12._8px {
    margin-top: 4px;
    font-size: 8px;
    line-height: 12px;
  }

  .body-text---default.mt-8._8px,
  .button-text-02.yellow-color._8 {
    font-size: 8px;
    line-height: 12px;
  }

  .heading-05 {
    font-size: 18px;
    line-height: 28px;
  }

  .navbar-wrap .w-nav-brand img {
    width: 130px;
  }

  .body-text---large-semibold {
    font-size: 14px;
    line-height: 24px;
  }

  .ser-btn {
    margin-top: 30px;
  }

  .body-text---default {
    font-size: 14px;
    line-height: 24px;
  }

  .btn-03.mt-12._02 {
    margin-top: 4px;
  }

  .btn-icon.black.con {
    width: 8px;
    height: 8px;
    left: -8px;
  }

  .btn-icon.con {
    width: 8px;
    height: 8px;
  }

  .footer {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    padding-top: 50px;
  }

  .footer-contact {
    background-position: -50%;
    background-size: auto;
  }

  .footer-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .bottom-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    flex-flow: column;
    align-items: center;
  }

  .home-hero {
    padding-top: 140px;
  }

  .heading-06-medium {
    font-size: 16px;
    line-height: 24px;
  }

  .home-bottom {
    height: 300px;
    margin-top: 60px;
  }

  .home-float-box {
    width: 20%;
    top: -18%;
  }

  .about-section-top {
    padding-top: 100px;
  }

  .about-bottom {
    margin-top: 60px;
  }

  .state {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .case-study,
  .state-02,
  .service-02 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .logos-container {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  .logos-wrapper {
    width: 100%;
  }

  .logos-box {
    width: 140px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .team {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .team-inner {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .team-card._01,
  .team-card._02 {
    height: 400px;
  }

  .team-pattern {
    height: 80px;
    display: none;
  }

  .blogs {
    padding-bottom: 100px;
  }

  .about {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .timeline {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .metrics-section {
    padding-left: 10px;
  }

  .team-02 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .team-card-02 {
    padding: 15px;
  }

  .faq {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .faq-float {
    width: 150px;
  }

  .blog {
    padding-top: 80px;
  }

  .blog-collection-list-02 {
    grid-template-columns: 1fr;
  }

  .offices {
    padding-top: 100px;
  }

  .office-card {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .office-card._01 {
    grid-template-columns: 1fr;
  }

  .office-info-wrap._02 {
    margin-top: 32px;
  }

  .office-info-outer {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .cms-details-wrap.case-study-details {
    padding-top: 0;
  }

  .btn-03-icon-wrap.con {
    width: 8px;
    height: 8px;
  }

  .case-study-collection-list {
    grid-template-columns: 1fr;
    /* display: none; */
  }

  .case-study-collection-list.show-mobile {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .timeline-inner {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
  }

  .timline-border-02 {
    height: 30px;
  }

  .team-img-box-copy,
  .timeline-inner-img-box {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .services {
    padding-bottom: 100px;
  }

  .h2 {
    font-size: 36px;
    line-height: 52px;
  }

  .about-section-bottom {
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .services-res-card {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-flow: column;
  }

  .services-res-right {
    justify-content: flex-end;
    display: flex;
  }

  .services-res-card-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .services-res-card-left {
    width: 100%;
  }

  .statistics-number-wrap {
    height: auto;
  }

  .float-round-box.faq-float {
    margin-top: -45px;
  }

  .map-pin._01 {
    top: 9px;
    left: 229px;
  }

  .map-pin._02 {
    top: 70px;
    left: 130px;
  }

  .map-pin._03 {
    top: 101px;
    left: 371px;
  }

  .office-inner._01,
  .office-inner._02,
  .office-inner._04,
  .office-inner._03 {
    background-size: cover;
  }

  .heading-7 {
    font-size: 24px;
    line-height: 30px;
  }

  .office-img-text-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .service-img-outer-2 {
    height: 244px;
  }

  .service-float-02 {
    max-width: 75%;
  }

  .heading-9 {
    font-size: 16px;
    line-height: 26px;
  }

  .service-img-wrap-01 {
    border-width: 5px;
  }
}

@media screen and (max-width: 479px) {
  blockquote {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding: 32px;
  }

  .nav-menu {
    flex-direction: column;
  }

  .navbar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero {
    border-bottom-right-radius: 32px;
    border-bottom-left-radius: 32px;
  }

  .hero-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-01 {
    font-size: 42px;
    line-height: 48px;
  }

  .heading-03.timeline-text {
    font-size: 24px;
    line-height: 30px;
  }

  /* .heading-02 {
    font-size: 30px;
    line-height: 35px;
  } */

  .colors-headers {
    padding-bottom: 60px;
  }

  .d-flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .heading-05 {
    margin-bottom: 0;
  }

  .heading-05.timeline-header {
    white-space: break-spaces;
    word-break: break-all;
    font-size: 18px;
    line-height: 22px;
  }

  .footer-contact {
    background-position: -100%;
  }

  .footer-contact-container {
    margin-left: 20px;
    margin-right: 20px;
  }

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

  .footer-link:hover {
    color: #fff;
  }

  .footer-block {
    margin-top: 32px;
  }

  .footer-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-container,
  .bottom-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .home-hero {
    padding-top: 100px;
  }

  .home-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .home-float-box {
    width: 25%;
    top: -30%;
  }

  .about-section-top {
    padding-top: 80px;
  }

  .about-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .about-float-box {
    width: 140px;
    top: -70px;
    left: 40px;
  }

  .state {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .state-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .case-study {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .case-study-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .case-study-slider {
    margin-top: 0;
    padding-top: 0;
  }

  .case-study-img-box {
    height: 220px;
  }

  /* .right-arrow,
  .left-arrow {
    display: none;
  } */

  .best-study-page .case-study-slide {
    margin-right: 0;
  }

  .service-card {
    max-width: 280px;
    margin-right: 24px;
    padding: 24px 16px;
  }

  .testimonial-container,
  .logos-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .team {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .team-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .team-card,
  .team-card._01,
  .team-card._02 {
    height: 300px;
  }

  .blogs {
    padding-bottom: 80px;
  }

  .blogs-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .blog-img-box {
    height: 230px;
  }

  .about {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .about-02-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .timeline {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .timeline-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .metrics-section {
    justify-content: flex-end;
    align-self: center;
    align-items: flex-end;
    padding-left: 0;
    padding-right: 0;
  }

  .timeline-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .game-header-group {
    padding-right: 10px;
  }

  .team-02 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .team-02-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .header {
    text-align: center;
  }

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

  .faq {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .faq-float {
    width: 100px;
    margin-top: 80px;
  }

  .faq-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .blog {
    padding-top: 60px;
  }

  .blog-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .offices {
    padding-top: 80px;
  }

  .offices-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .office-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .office-info-outer {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .frame {
    margin-top: 216px;
  }

  .work-card {
    width: 260px;
  }

  .testimonial-line._01 {
    display: none;
  }

  .case-study-collection-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .services-left-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .services-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .services {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .services-wrap {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .h2 {
    letter-spacing: -1px;
    font-size: 30px;
    line-height: 48px;
  }

  .about-section-bottom {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .services-res-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .services-res-card-left {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .statistics-number-wrap {
    height: 48px;
  }

  .float-round-box.faq-float {
    margin-top: -29px;
  }

  .map-pin._01 {
    top: -1px;
    left: 137px;
  }

  .map-pin._02 {
    top: 37px;
    left: 75px;
  }

  .map-pin._03 {
    top: 54px;
    left: 220px;
  }

  .heading-8.process-text {
    margin-left: 52px;
  }

  .the-height-400vh-section {
    margin-left: 0;
  }

  .float-heading-box {
    top: 203px;
  }

  .float-line-wrap {
    top: 555px;
  }

  .office-img-text-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .service-card-wrapper-2 {
    grid-template-columns: 1fr;
  }

  .service-container {
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 0;
    margin-right: 0;
  }
}

#w-node-_66704a61-0796-e8b3-77b8-8eb64f9e1697-4f9e1675,
#w-node-bd83f14e-9b14-f6ef-19be-184fbe7bf7ed-4f9e1675 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66704a61-0796-e8b3-77b8-8eb64f9e169b-4f9e1675 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5006191c-1780-fb26-e98e-206cb8dcd3c9-4f9e1675 {
  justify-self: start;
}

#w-node-_088aafa2-f88b-3e3c-ee11-f350e3464071-e346406e,
#w-node-db694f93-7bba-26d3-9346-8cebe3211de9-fd20314e,
#w-node-db694f93-7bba-26d3-9346-8cebe3211df0-fd20314e,
#w-node-db694f93-7bba-26d3-9346-8cebe3211df9-fd20314e,
#w-node-db694f93-7bba-26d3-9346-8cebe3211e00-fd20314e,
#w-node-db694f93-7bba-26d3-9346-8cebe3211e07-fd20314e,
#w-node-db694f93-7bba-26d3-9346-8cebe3211e0e-fd20314e,
#w-node-db694f93-7bba-26d3-9346-8cebe3211e15-fd20314e,
#w-node-d519a498-b606-a5a0-d4d7-58d80cbb06e4-5a18f34b,
#w-node-d519a498-b606-a5a0-d4d7-58d80cbb06da-5a18f34b,
#w-node-_8e0aee3a-bb1f-6876-7d91-903b952ed1b4-5a18f34b,
#w-node-_8e0aee3a-bb1f-6876-7d91-903b952ed1b7-5a18f34b,
#w-node-_22bf56c7-4e1e-5f47-6dd3-280ca3ae3f98-5a18f34b,
#w-node-_22bf56c7-4e1e-5f47-6dd3-280ca3ae3f95-5a18f34b,
#w-node-c0090b50-38fb-7cb1-c375-b3302375ac6e-2375ac60 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6ef4f7f6-568c-c539-3d5a-0236ce131b1b-1f6c16e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6ce51ab5-b9ec-ea95-3f48-21815a2506a2-1f6c16e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea712ac9-4da4-4256-6b45-f9f3cb6c06ff-1f6c16e6,
#w-node-_4e2cc682-f20f-3c30-9e09-8c164ba900c7-a437fe91 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_12c2be1c-bb0a-94b0-dc7e-4d1b15826c8f-a437fe91 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_12c2be1c-bb0a-94b0-dc7e-4d1b15826c9b-a437fe91 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_37f9582d-e203-8822-4471-5479add05119-a437fe91,
#w-node-_9402f505-0418-08a5-95fe-4717acc04763-a437fe91,
#w-node-_0b428d74-d947-0ccd-3a14-f6b861fcd5b4-a437fe91,
#w-node-a2c68c42-b004-52b9-41ea-350ef1b2297f-a437fe91,
#w-node-ab95c8b8-0542-8941-df38-abab30816d85-a437fe91 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#Email.w-node-e0e666a4-095d-4a0a-0989-7d1d2884bbf4-8bcdc286,
#Password.w-node-a0c53709-69b6-cf45-f9af-0eec26f3c3e4-8bcdc286,
#w-node-_45ab0dcb-de27-c834-91a8-fa52fab29b58-8bcdc286,
#w-node-c144ed90-3afd-2716-00ed-f0a18ccf1832-8bcdc286,
#Email-3.w-node-_6008b5e2-d84e-9e4d-138a-3ad83c11f1c9-f3fd70cd,
#Password-2.w-node-_6008b5e2-d84e-9e4d-138a-3ad83c11f1ca-f3fd70cd,
#w-node-cf1b4a19-bdeb-d58c-4212-b8212b44dfde-f3fd70cd,
#w-node-cf1b4a19-bdeb-d58c-4212-b8212b44dfdf-f3fd70cd,
#w-node-_4cae5e8a-28fb-6325-4151-00b3749ad215-d8a5fbbf {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4cae5e8a-28fb-6325-4151-00b3749ad216-d8a5fbbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cae5e8a-28fb-6325-4151-00b3749ad222-d8a5fbbf {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_555e2f47-2dd5-849e-92e3-9c765b20a0c9-d8a5fbbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ad842-a5e8-5939-85eb-d96f5d063537-96dff22a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e20ad842-a5e8-5939-85eb-d96f5d063538-96dff22a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ad842-a5e8-5939-85eb-d96f5d063544-96dff22a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

/* Hamburger icon */
.hamburger-icon {
  font-size: 24px;
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  padding-left: 10px;
}

.side-menu {
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100%;
  background: #ffffff;
  color: white;
  padding: 20px;
  /* box-shadow: -2px 0 10px rgba(0, 0, 0, 0.5); */
  transition: right 0.3s ease;
  z-index: 9999;
  backdrop-filter: blur(12px);
  background-color: #ffffffde;
}

/* Show the menu */
.side-menu.active {
  right: 0;
}

/* Close button */
.close-btn {
  background: none;
  border: none;
  color: #000000;
  font-size: 24px;
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
}

/* Menu links */
.side-menu-links {
  list-style: none;
  padding: 100px 0 0 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.side-menu-links li {
  margin-bottom: 30px;
}

.side-menu-links a {
  color: white;
  text-decoration: none;
  font-size: 18px;
  color: #000000;
  letter-spacing: 0.25px;
  padding: 5px 0px 5px 0px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

/* Submenu base */
.has-submenu .submenu {
  display: none;
  margin-left: 15px;
  padding-left: 10px;
  margin-top: 20px;
  margin-bottom: 0px;
}

/* Optional: style for submenu links */
.submenu li a {
  font-size: 16px;
  color: #000000;
}

.has-submenu .submenu li {
  margin-bottom: 10px;
}

.has-submenu .submenu li:last-child {
  margin-bottom: 0;
}

/* Dropdown icon styling (optional) */
.nav-dropdown-icon {
  margin-right: 6px;
}

/* Bullet styling */
.bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: white;
  margin-right: 10px;
}

.custom-dropdown:hover .w-dropdown-list {
  display: block !important;
  opacity: 1;
  height: auto;
}

.nav-button-wrapper.res:hover .btn-02-wrap {
  overflow: visible;
}

.home-hero .text-wrap .mt-32 a.btn-03.w-inline-block {
  color: #fff !important;
}

.home-hero .text-wrap img.btn-icon {
  filter: invert(1);
}

.home-hero .mt-32 {
  display: flex;
  gap: 30px;
}

.home-hero .mt-32 img {
  filter: invert(1);
}

.home-hero .mt-32 .btn-wrap {
  border: 1px solid;
  padding: 5px 5px 7px 10px;
}

p.hero-head {
  text-transform: inherit;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #ffffff;
}

/* .home-float-box:hover {
      opacity: 0.95;
      transform: scale(1.02);
      transition: all 0.3s ease;
    } */

.nav-outter .navbar.w-nav {
  width: 100% !important;
}

.about-bottom .about-float-box img.float-img {
  filter: invert(1);
}

/* section.team-02.countries-wrap .team-card-02 {
  background: none !important;
  border: 1px solid #000 !important;
} */

section.team-02.countries-wrap .team-card-02 {
  background: none !important;
  border: 1px solid #000 !important;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

section.team-02.countries-wrap .team-img-box {
  height: unset;
}

section.team-02.countries-wrap {
  background-color: #f1f1f1;
}

.logos-box img.logos-icon {
  width: 200px;
}

section.logos {
  background: #f1f1f1;
}

section.logos p.heading-05 {
  color: #000;
}

section.logos .logos-text {
  max-width: 390px;
}

section.logos h2.heading-02.mt-12 {
  color: #000;
}

section.logos p.heading-05 {
  font-size: 18px;
  margin-top: 30px;
  font-weight: 500;
}

section.logos p.heading-05 i.fa-solid.fa-chevron-right {
  font-size: 13px;
  margin-right: 7px;
}

/* section.testimonial {
  background-color: #f1f1f1;
} */

/* .work-card {
  width: 450px !important;
} */

.work-card {
  width: 450px !important;
}

section.state.counter-sec .state-container {
  display: flex !important;
}

section.state.counter-sec .state-container div#w-node-_088aafa2-f88b-3e3c-ee11-f350e3464071-e346406e {
  display: flex;
  width: 100%;
  flex-direction: row;
}

.statistics-number-wrap {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

div#sec01 .frame .no-box-2 {
  background: none;
  padding: 0;
  margin-bottom: 30px;
}

div#sec01 .frame p.body-text---semibold img {
  width: 60px;
  filter: invert(1);
}

section.state.counter-sec p.body-text---default.color-02.mt-4 {
  color: #000;
}

div#sec01 .the-overflow-hidden-mask {
  background-color: #2f4e78;
}

.services h3.heading-05 {
  color: #ffffff;
}

.services p.heading-05 {
  color: #ffffff;
}

.services .body-text---default,
.services h2.heading-02,
.services .body-text---semibold,
section.blogs p.body-text---extra-small,
p.heading-02,
.services {
  color: #ffffff;
}

section.blogs h3.heading-06.mt-16,
section.blogs p.heading-06.mt-16 {
  color: #fff !important;
}

.state-card h2 {
  color: #373435;
}

.state-card p.h2.counter,
.state-card p.h2 {
  color: #373435;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

.servic-wrapper h3.heading-9 {
  color: #373435;
}

.services-item-text-wrap img.services-arrow {
  filter: invert(1);
}

.side-menu li::marker {
  color: #000;
}

.side-social {
  position: absolute;
  bottom: 32px;
}

.side-social p.bottom-text.bot-right {
  display: flex;
  gap: 20px;
}

.about-page .hero {
  position: relative;
  overflow: hidden;
}

.about-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/about-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 20%;
}

.test-prep-page .hero-background,
.contact-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/test-prep-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 70%;
}

.canada-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/canada-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 70%;
}

.uk-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/uk-banner-img.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 70%;
}

.aus-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/uk-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 70%;
}

.blog-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/blog.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.dwld-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/about-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 20%;
}

.career-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/blog.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.test-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/test-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 20%;
}

.ielts-suc-st-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/blog.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.expo-inner-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/event1-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.expo-another-inner-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/event4-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.expo5-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/event5-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.event6-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/event6-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.delhi-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/delhi-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 10%;
}

.ielts-abad-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/ielts-coaching-abad-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.ielts-vadodara-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/vadodara-ielts-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.usa-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/usa-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.newz-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/nz-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.france-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/fr-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.ger-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/germany-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.dubai-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/dubai-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.pp-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/pp-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 0%;
}

.tc-page .hero-background,
.sitemap-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/tc-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 0%;
}

.aus-page.seo-1 .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/dubai-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.seo-1.france-seo .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/france-banner.jpg");
  /* replace with your actual image path */
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

body.about-page.test-prep-page.canada-page.uk-page.aus-page.newz-page.blog-page.blog-inner-page .hero-background,
body.about-page.test-prep-page.canada-page.uk-page.usa-page.blog-page.blog-inner-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/banner/blog.jpg);
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.ielts-coch-dl .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/banner/ielts-coaching-abad-banner.jpg);
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-position: 100% 50%;
}

.about-page .hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  /* Black overlay with 50% opacity */
  z-index: 2;
}

.about-page .hero-container {
  position: relative;
  z-index: 3;
  /* Ensures content appears above overlay */
}

.about-page section#hero {
  padding-top: 286px;
  padding-bottom: 200px;
}

.rs-contact-eight .rs-contact-wrapper {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .rs-contact-eight .rs-contact-wrapper .mobile_item {
    display: block !important;
  }
}

.rs-contact-eight .rs-contact-wrapper .mobile_item {
  display: none;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 280px;
  color: #000;
  background: var(--rs-white);
  padding: 30px;
  border-radius: 5px;
  transition: all 0.5s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  text-align: center;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
}

.rs-contact-eight .rs-contact-wrapper .mobile_item.active {
  top: 50%;
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}

.rs-contact-eight .rs-contact-wrapper .mobile_item .description {
  color: var(--rs-text-primary);
}

.rs-contact-eight .rs-contact-wrapper .mobile_item .pre-title .title {
  color: var(--rs-black);
}

.rs-contact-eight .rs-contact-wrapper .mobile_item .remove-icon {
  border: 1px solid #d5d5d5;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  margin: 0 auto 10px;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}

.rs-contact-eight .rs-ripple-item {
  position: absolute;
  width: 25px;
}

.rs-contact-eight .rs-ripple-item.ripple .pre-circle-ripple::before {
  -webkit-animation: rs-pulse-border 1500ms ease-out infinite;
  animation: rs-pulse-border 1500ms ease-out infinite;
  opacity: 1;
}

.rs-contact-eight .rs-ripple-item:hover .pre-circle-ripple::before {
  -webkit-animation: rs-pulse-border 1500ms ease-out infinite;
  animation: rs-pulse-border 1500ms ease-out infinite;
  opacity: 1;
}

.rs-contact-eight .rs-ripple-item:hover .rs-ripple-figure {
  opacity: 1;
  transform: translate3d(-50%, -35px, 0);
  visibility: visible;
}

.rs-contact-eight .rs-ripple-item.ripple-1 {
  left: 28%;
  bottom: 40%;
}

.rs-contact-eight .rs-ripple-item.ripple-2 {
  left: 48%;
  bottom: 41%;
}

.rs-contact-eight .rs-ripple-item.ripple-3 {
  left: 25%;
  top: 35%;
}

.rs-contact-eight .rs-ripple-item.ripple-4 {
  left: 50%;
  top: 44%;
}

.rs-contact-eight .rs-ripple-item.ripple-5 {
  left: 62%;
  top: 60%;
}

.rs-contact-eight .rs-ripple-item.ripple-6 {
  left: 48%;
  top: 42%;
}

.rs-contact-eight .rs-ripple-item.ripple-7 {
  left: 75%;
  top: 77%;
}

.rs-contact-eight .rs-ripple-item.ripple-8 {
  left: 81%;
  top: 88%;
}

.rs-contact-eight .rs-ripple-figure {
  /* min-width: auto; */
  text-align: left;
  position: absolute;
  bottom: 10px;
  left: 8px;
  transition: all 0.4s ease;
  z-index: 999;
  opacity: 0;
  background: #1f1f1f;
  padding: 10px 15px 10px 10px;
  border-radius: 2px;
  transition: all 500ms ease;
  transform: translate3d(-50%, -70px, 0);
  visibility: hidden;
  text-align: center;
  width: max-content;
}

.rs-contact-eight .rs-ripple-item h5.title {
  display: flex;
  align-items: center;
}

.rs-contact-eight .rs-ripple-figure img {
  width: 25px;
  margin-right: 5px;
}

@media only screen and (max-width: 767px) {
  .rs-contact-eight .rs-ripple-figure {
    display: none;
  }
}

.rs-contact-eight .rs-ripple-figure::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #1f1f1f;
  top: 100%;
  right: 0;
  margin: 0 auto;
}

.rs-contact-eight .description {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 25px;
}

.rs-contact-eight .pre-title .title {
  font-size: 22px;
  color: #fff;
  margin-bottom: 8px;
}

.rs-contact-eight .pre-circle-ripple {
  position: relative;
  cursor: pointer;
  line-height: 60px;
}

.rs-contact-eight .pre-circle-ripple::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: var(--rs-theme-orange);
  transform-origin: center center;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

.rs-contact-eight .pre-circle-ripple::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  height: 14px;
  width: 14px;
  /* border-radius: 50%; */
  /* background: rgba(255, 255, 255, 0.76); */
  z-index: 9;
  /* border: 3px solid #2f4e78; */

  animation: blinkHighlight 1.2s infinite;
}

.rs-contact-eight .rs-ripple-item.ripple-3::after {
  content: url("/assets/images/flags/canada.png");
  position: absolute;
  top: 0px;
  left: 3px;
  height: 14px;
  width: 14px;
  /* border-radius: 50%; */
  /* background: rgba(255, 255, 255, 0.76); */
  z-index: 9;
  /* border: 3px solid #2f4e78; */
  /* animation: blinkHighlight 1.2s infinite; */
}

.rs-contact-eight .rs-ripple-item.ripple-1::after {
  content: url("/assets/images/flags/usa.png");
  position: absolute;
  top: 0px;
  left: 3px;
  height: 14px;
  width: 14px;
  /* border-radius: 50%; */
  /* background: rgba(255, 255, 255, 0.76); */
  z-index: 9;
  /* border: 3px solid #2f4e78; */
  /* animation: blinkHighlight 1.2s infinite; */
}

.rs-contact-eight .rs-ripple-item.ripple-6::after {
  content: url("/assets/images/flags/uk.png");
  position: absolute;
  top: 0px;
  left: 3px;
  height: 14px;
  width: 14px;
  /* border-radius: 50%; */
  /* background: rgba(255, 255, 255, 0.76); */
  z-index: 9;
  /* border: 3px solid #2f4e78; */
  /* animation: blinkHighlight 1.2s infinite; */
}

.rs-contact-eight .rs-ripple-item.ripple-4::after {
  content: url("/assets/images/flags/germany.png");
  position: absolute;
  top: 0px;
  left: 3px;
  height: 14px;
  width: 14px;
  /* border-radius: 50%; */
  /* background: rgba(255, 255, 255, 0.76); */
  z-index: 9;
  /* border: 3px solid #2f4e78; */
  /* animation: blinkHighlight 1.2s infinite; */
}

.rs-contact-eight .rs-ripple-item.ripple-2::after {
  content: url("/assets/images/flags/france.png");
  position: absolute;
  top: 0px;
  left: 3px;
  height: 14px;
  width: 14px;
  /* border-radius: 50%; */
  /* background: rgba(255, 255, 255, 0.76); */
  z-index: 9;
  /* border: 3px solid #2f4e78; */
  /* animation: blinkHighlight 1.2s infinite; */
}

.rs-contact-eight .rs-ripple-item.ripple-5::after {
  content: url("/assets/images/flags/dubai.png");
  position: absolute;
  top: 0px;
  left: 3px;
  height: 14px;
  width: 14px;
  /* border-radius: 50%; */
  /* background: rgba(255, 255, 255, 0.76); */
  z-index: 9;
  /* border: 3px solid #2f4e78; */
  /* animation: blinkHighlight 1.2s infinite; */
}

.rs-contact-eight .rs-ripple-item.ripple-7::after {
  content: url("/assets/images/flags/aus.png");
  position: absolute;
  top: 0px;
  left: 3px;
  height: 14px;
  width: 14px;
  /* border-radius: 50%; */
  /* background: rgba(255, 255, 255, 0.76); */
  z-index: 9;
  /* border: 3px solid #2f4e78; */
  /* animation: blinkHighlight 1.2s infinite; */
}

.rs-contact-eight .rs-ripple-item.ripple-8::after {
  content: url("/assets/images/flags/nz.png");
  position: absolute;
  top: 0px;
  left: 3px;
  height: 14px;
  width: 14px;
  /* border-radius: 50%; */
  /* background: rgba(255, 255, 255, 0.76); */
  z-index: 9;
  /* border: 3px solid #2f4e78; */
  /* animation: blinkHighlight 1.2s infinite; */
}

/* Keyframes for blinking */
@keyframes blinkHighlight {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.3;
    transform: scale(1.4);
  }
}

body.about-page section.about {
  padding-bottom: 100px;
  padding-top: 100px;
}

.rs-contact-thumb {
  display: flex;
  justify-content: center;
}

.rs-contact-ripple-wrapper a {
  color: #000;
}

body.about-page section.state.counter-sec {
  padding-top: 50px;
  padding-bottom: 100px;
}

.team-info h3.body-text---extra-small.color-02 {
  color: #2f4e78;
}

.services-sec .services-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  padding: 50px 20px 0 20px;
  margin: auto;
}

.services-sec .service-card,
.services-section .service-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 25px 30px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
  transition:
    box-shadow 0.3s ease,
    transform 0.3s ease;
  border-left: 6px solid var(--yellow);
  max-width: 100%;
  position: unset;
  opacity: 1;
  will-change: auto;
}

.services-sec .service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
}

.services-sec .service-card p.ser-p,
.services-sec .service-card h3.ser-p,
.uk-page section.services-sec.scholar-sec h2.ser-p,
.canada-page section.services-sec.scholar-sec h2.ser-p,
.ielts-abad-page section.services-sec.comp1-sec h2.ser-p {
  color: inherit;
  line-height: 1.6;
  margin-bottom: 10px;
  font-size: 1.25rem;
  margin-bottom: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.services-sec .service-card p.ser-p span,
.services-sec .service-card h3.ser-p span,
.uk-page section.services-sec.scholar-sec h2.ser-p span,
.canada-page section.services-sec.scholar-sec h2.ser-p span,
.ielts-abad-page section.services-sec.comp1-sec h2.ser-p span {
  color: var(--yellow);
  margin-right: 10px;
  font-size: 1.5rem;
}

.services-sec .service-card p {
  font-size: 1rem;
  color: #444;
  line-height: 1.6;
  margin-bottom: 12px;
}

section.services-sec {
  max-width: 1240px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

section.services-sec .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
}

.exp-sec-wrap .why-choose-us {
  padding: 100px 20px;
  /* background: linear-gradient(to right, #f8cb2e, #fbd440); */
  /* background: #2f4e78; */
  max-width: 1240px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

section.exp-sec-wrap {
  background: #2f4e78;
}

.exp-sec-wrap .section-title {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 80px;
  color: #002244;
  font-weight: 700;
}

section.exp-sec-wrap .headings-wrap.case-study-title {
  max-width: 100%;
  margin-bottom: 50px;
  text-align: center;
}

section.exp-sec-wrap .headings-wrap.case-study-title h2.heading-02.mt-12,
section.exp-sec-wrap .headings-wrap.case-study-title p.body-text---semibold {
  color: #fff;
}

.exp-sec-wrap .cards {
  /* background: #fff; */
  border-radius: 16px;
  padding: 40px 30px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  transition: transform 0.3s ease;
  color: #fff;
  border: 1px solid #fff;
  border-bottom: 6px solid var(--yellow);
}

.exp-sec-wrap .cards:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.exp-sec-wrap .cards h3,
.exp-sec-wrap .cards h2 {
  margin-top: 0;
  font-size: 1.5rem;
  color: #f9a731;
}

.exp-sec-wrap .cards p {
  font-size: 1rem;
  line-height: 1.6;
  color: #ffffff;
}

.about-page section.team-02 p.body-text---extra-small.color-02 {
  color: #2f4e78;
}

.about-page .team-card-02:hover {
  border: 1px solid #000000 !important;
}

.about-page section.team-02.team-sec .team-img {
  transform: unset !important;
}

.about-page .social-link {
  background-color: #2f4e78;
  border: 1px solid #2f4e78;
}

.about-page .team-card-02:hover .social-link:hover {
  background: var(--yellow);
  border: none;
}

.about-page section.logos {
  background: #e5e5e5;
}

.awards-sec-wrap .marquee-wrapper {
  overflow: hidden;
  width: 100%;
}

.awards-sec-wrap .marquee-inner {
  display: flex;
}

/* .awards-sec-wrap .marquee-inner .ratio {
  flex-shrink: 0;
  margin-right: 30px;
  width: clamp(300px, 20vw, 500px);
  object-fit: cover;
  overflow: hidden;
} */

.awards-sec-wrap .marquee-inner .ratio {
  flex-shrink: 0;
  margin-right: 30px;
  width: clamp(300px, 10vw, 500px);
  object-fit: cover;
  overflow: hidden;
}

.awards-sec-wrap .marquee-inner .ratio img {
  object-fit: cover;
  transition: all 0.5s;
  width: auto;
  height: auto;
}

.awards-sec-wrap .marquee-inner .ratio:hover img {
  -webkit-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg);
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

.awards-sec-wrap {
  background-color: #f1f1f1;
  padding-top: 100px;
  padding-bottom: 100px;
}

.awards-sec-wrap .headings-wrap.case-study-title {
  text-align: center;
  max-width: 100%;
  margin-bottom: 50px;
}

.awards-sec-wrap .container-fluid.my-4 {
  max-width: 1240px;
}

.about-page .footer .contact-form-box {
  max-width: 100%;
}

.about-page .footer .contact-form-box .w-form {
  margin-top: 50px;
}

.about-page .footer-contact-wrap {
  background-color: var(--yellow);
  padding-top: 100px;
  padding-bottom: 100px;
}

.about-page .footer {
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.about-page .footer-contact-wrap p strong {
  color: #000;
}

.about-page .footer-contact-wrap h2.heading-02.mt-12 {
  color: #000;
}

.about-page .footer label {
  color: #000 !important;
  font-weight: 600;
}

select {
  padding-right: 2.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/assets/images/drop-arrow.svg);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 30px;
}

.test-prep-page .hero-container {
  max-width: 80%;
}

.about-page .hero-container h2.heading-01 {
  font-size: 40px;
}

.about-page .hero-container h1.heading-01 {
  font-size: 40px;
  line-height: 50px;
}

.state-excel-con .headings-wrap.case-study-title {
  max-width: 100%;
  margin-bottom: 100px;
}

.state-excel-con .state-container {
  grid-template-columns: 1fr 1fr;
}

.excel-wrap h3 {
  font-size: 20px;
  margin: 0;
  display: flex;
  align-items: center;
}

.immigration-section {
  padding: 100px 20px;
}

.immigration-section .container {
  max-width: 1200px;
  display: flex;
  align-items: flex-start;
  gap: 60px;
  margin: 0 auto;
}

.immigration-section .left-column {
  flex: 1;
  position: relative;
}

.immigration-section .image-stack {
  position: relative;
}

.immigration-section .main-image {
  width: 100%;
  border-radius: 8px;
}

.immigration-section .overlay-image {
  position: absolute;
  bottom: -30px;
  left: 50px;
  width: 60%;
  border: 4px solid white;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.immigration-section .decor-bar {
  position: absolute;
  height: 90%;
  width: 8px;
  background: #2f4e78;
  left: -20px;
  top: 5%;
  border-radius: 4px;
}

.immigration-section .decor-bar::before,
.immigration-section .decor-bar::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 50%;
}

.immigration-section .decor-bar::before {
  width: 15px;
  height: 15px;
  top: 25%;
}

.immigration-section.decor-bar::after {
  width: 10px;
  height: 10px;
  top: 70%;
}

.immigration-section .right-column {
  flex: 1;
}

.immigration-section .about-label {
  font-size: 14px;
  font-weight: 600;
  color: #2f4e78;
  margin-bottom: 10px;
}

.immigration-section .about-label .star {
  font-size: 16px;
  margin-right: 6px;
}

.immigration-section h2 {
  /* margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px; */
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 45px;
  font-weight: 600;
  line-height: 60px;
  color: #373435;
}

.immigration-section .description {
  color: #666;
  font-size: 16px;
  margin-bottom: 30px;
  max-width: 90%;
}

.immigration-section .services-list {
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
  height: unset;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff40;
  margin-left: 0;
  padding: 33px 30px;
  margin-right: 25px;
  width: 100%;
  border: none;
  cursor: default;
}

.immigration-section .services-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
  /* display: grid; */
  grid-template-columns: repeat(2, 1fr);
}

.immigration-section .services-list li {
  font-weight: 600;
  font-size: 18px;
  color: #111;
  line-height: 28px;
  display: flex;
  align-items: center;
}

.immigration-section .services-list li h3 {
  font-weight: 600;
  font-size: 18px;
  color: #111;
  line-height: 28px;
  margin: 0;
}

.faq-item p.body-medium-3 {
  color: #2f4e78 !important;
}

.about-page .footer .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
  margin-bottom: 60px;
}

.immigration-section .services-list li::before {
  content: "✓";
  color: #2f4e78;
  margin-right: 8px;
}

.immigration-section .bottom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.immigration-section .read-more-btn {
  background: #2f4e78;
  color: #fff;
  text-transform: uppercase;
  padding: 12px 22px;
  font-weight: 600;
  font-size: 14px;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.immigration-section .read-more-btn:hover {
  background: #2f4e78;
}

.immigration-section .author-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.immigration-section .author-info img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.immigration-section .author-name {
  font-weight: 600;
  font-size: 15px;
}

.immigration-section .author-title {
  font-size: 13px;
  color: #888;
}

.ielts-section-alt {
  background: #f1f1f1;
  padding: 60px 20px;
}

.ielts-section-alt .ielts-container {
  display: flex;
  gap: 40px;
  border-radius: 12px;
  padding: 40px;
  align-items: center;
  max-width: 1240px;
  margin: 0 auto;
  border: 1px solid;
}

.ielts-section-alt .ielts-image-wrap {
  width: 20%;
}

.ielts-section-alt .ielts-image-wrap img {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.ielts-section-alt .ielts-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.ielts-section-alt .ielts-tag {
  background: #0038a8;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 4px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: fit-content;
}

.ielts-section-alt .ielts-heading {
  font-size: 26px;
  font-weight: 700;
  color: #111;
  margin: 0;
}

.ielts-section-alt .ielts-para {
  color: #555;
  line-height: 1.7;
  font-size: 15px;
}

.ielts-section-alt .ielts-btn {
  background: var(--yellow);
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  padding: 12px 22px;
  border-radius: 4px;
  width: fit-content;
  letter-spacing: 1px;
  text-decoration: none;
  transition: background 0.3s ease;
  margin-top: 20px;
}

.ielts-section-alt .ielts-btn:hover {
  background: #e0a800;
}

.ielts-section-alt .ielts-content .headings-wrap.case-study-title {
  margin-bottom: 10px;
}

.ielts-section-alt p strong {
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
}

.ielts-2 {
  padding-top: 0;
}

/* .faq-plus img.vr {
    background: transparent;
    opacity: 1;
} */

img.vr {
  background: transparent;
  opacity: 1;
  width: unset;
}

.faq h1.body-medium-3 {
  color: #2f4e78 !important;
}

.faq-left img.float-img {
  filter: invert(1);
}

.faq-left h2.heading-02.mt-12 {
  font-size: 32px;
  line-height: 42px;
}

.faq-left a.ielts-btn {
  background: var(--yellow);
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  padding: 12px 22px;
  border-radius: 4px;
  width: fit-content;
  letter-spacing: 1px;
  text-decoration: none;
  transition: background 0.3s ease;
}

p.faq-p {
  padding-top: 20px;
  padding-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

body.about-page section.state.counter-sec p.counter,
body.about-page section.state.counter-sec p.h2 {
  color: #373435;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}

section.team-02.team-sec .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
}

.apply-btn {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

section.team-02.countries-wrap a {
  text-decoration: none;
  color: #000;
}

section.team-02.team-sec,
section.team-02.countries-wrap,
.about-page section.logos,
section.timeline,
section.faq {
  padding-top: 100px;
  padding-bottom: 100px;
}

.choose-ratios div#w-node-_088aafa2-f88b-3e3c-ee11-f350e3464071-e346406e {
  display: flex;
  justify-content: center;
  gap: 100px;
}

.the-height-400vh-section .float-heding-inne-box p.body-text---semibold,
.the-height-400vh-section .float-heding-inne-box h2.heading-02.mt-12 {
  color: #fff;
}

.footer .footer-contact-text h2.heading-02 {
  font-size: 25px;
  line-height: 35px;
}

.footer .contact-info-bottom {
  margin-top: 60px;
}

.case-study .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
}

.justify-con {
  text-align: justify;
}

.canada-page section.services-sec {
  max-width: unset;
  padding-top: 100px;
  padding-bottom: 100px;
  background: #f1f1f1;
}

.canada-page .sec1-wrap,
body.about-page.abad-page .sec1-wrap {
  max-width: 1240px;
  margin: 0 auto;
}

.edu-modern-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.edu-block {
  display: flex;
  gap: 30px;
  padding: 40px 0;
  border-bottom: 1px solid #e0e0e0;
}

.edu-block:last-child {
  border-bottom: none;
}

.edu-icon {
  font-size: 40px;
  color: #4a6ee0;
  flex-shrink: 0;
  margin-top: 6px;
}

.edu-text h2 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #2d2d2d;
}

.edu-text p {
  /* font-size: 15px;
  line-height: 1.7; */
  font-size: 16px;
  line-height: 24px;
  color: #555;
  margin-bottom: 10px;
}

.edu-text strong {
  color: #000;
}

.systems-wrap {
  max-width: 1240px;
  margin: 0 auto;
}

.canada-page section.services-sec p.body-text---semibold,
section.edu-modern-section p.body-text---semibold,
.canada-page section.services p.body-text---semibold,
section.docs-req p.body-text---semibold,
.can-docs-req p.body-text---semibold,
.uni-wrap p.body-text---semibold,
section.scroll-cards-section p.body-text---semibold,
section.cont-sec p.body-text---semibold,
.tab-section-wrap .tabs-section p.body-text---semibold,
.abad-page .ser-con-wrap p.body-text---semibold,
.abad-page section.cards-address-sec .headings-wrap.case-study-title {
  margin-bottom: 20px;
}

.canada-page section.services-sec p.body-text---semibold strong,
section.edu-modern-section p strong,
.canada-page section.services p strong,
section.docs-req p.body-text---semibold strong,
.can-docs-req p.body-text---semibold strong,
.uni-wrap p.body-text---semibold strong,
section.scroll-cards-section p.body-text---semibold strong,
section.cont-sec p.body-text---semibold strong,
.tab-section-wrap .tabs-section p.body-text---semibold strong,
.abad-page .ser-con-wrap p.body-text---semibold strong,
.abad-page section.cards-address-sec .headings-wrap.case-study-title strong {
  font-size: 45px;
  font-weight: 600;
  line-height: 60px;
  color: #373435;
}

.canada-page section.services p strong {
  color: #fff;
}

.edu-modern-section .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
}

.edu-block .edu-icon {
  width: 50%;
}

p.sys-p {
  font-size: 25px;
  font-weight: 800;
  color: #373435;
}

.canada-page section.services .services-left-top {
  width: 100%;
}

.canada-page section.services .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
  margin-bottom: 100px;
}

.canada-page .services-left {
  display: flex;
  justify-content: center;
}

.docs-con {
  max-width: 1240px;
  margin: 0 auto;
}

section.docs-req {
  padding-top: 100px;
  padding-bottom: 100px;
}

section.docs-req .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
}

.docs-req-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 50px;
}

.docs-req-wrap .all-docs {
  background: #ffffff40;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #ffffff;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  border-bottom: 6px solid var(--yellow);
}

.docs-req-wrap .all-docs p {
  font-weight: 600;
  font-size: 16px;
  color: #111;
  line-height: 26px;
  margin: 0;
}

.canada-page .ielts-section-alt .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
}

section.ielts-section-alt .can-docs-req {
  max-width: 1240px;
  margin: 0 auto;
}

section.key-docs-req-wrap section.ielts-section-alt {
  padding: 0;
}

.can-docs-req {
  max-width: 1240px;
  margin: 0 auto;
}

section.key-docs-req-wrap {
  background: #f1f1f1;
  padding-top: 100px;
  padding-bottom: 100px;
}

.can-docs-req .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
}

.key-docs-wrap .headings-wrap.case-study-title {
  text-align: left;
  margin-top: 50px;
}

.key-docs-wrap h2.heading-02.mt-12 {
  font-size: 30px;
}

section.key-docs-req-wrap .key-secs-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding-top: 30px;
}

section.key-docs-req-wrap .key-secs-wrap .ielts-container {
  padding: 20px 40px;
  height: 100%;
  display: flex;
  align-items: flex-start;
}

section.key-docs-req-wrap .key-secs-wrap .ielts-content {
  gap: 15px;
}

section.key-docs-req-wrap section.ielts-section-alt .headings-wrap.case-study-title {
  margin: 0;
}

section.key-docs-req-wrap section.ielts-section-alt .headings-wrap.case-study-title p.body-text---semibold,
section.key-docs-req-wrap section.ielts-section-alt .headings-wrap.case-study-title h3.body-text---semibold {
  text-align: left;
  margin: 0;
}

section.key-docs-req-wrap section.ielts-section-alt .headings-wrap.case-study-title p.body-text---semibold strong,
section.key-docs-req-wrap section.ielts-section-alt .headings-wrap.case-study-title h3.body-text---semibold strong {
  font-size: 22px;
  color: #2f4e78;
  line-height: 32px;
}

.key-sec-2 {
  margin-top: 30px;
}

.key-sec-2 h6 strong {
  font-size: 18px;
  line-height: 28px;
}

.canada-page section.timeline {
  background: none;
}

.the-height-400vh-section .header {
  text-align: center;
}

.top-courses-sec .frame {
  margin-top: 250px;
}

.top-courses-sec .body-text---default.mt-8 {
  color: #fff;
  margin-top: 20px;
}

.top-courses-sec .no-box-2 {
  margin-bottom: 15px !important;
}

.top-courses-sec .frame p.body-text---semibold img {
  width: 40px !important;
}

.top-courses-sec .float-line-wrap {
  inset: 770px 0% 0%;
}

.top-courses-sec .float-heading-box {
  inset: 100px 0% 0%;
}

/* CSS */
.uni-section {
  padding: 100px 0px;
  background-color: #f1f1f1;
  text-align: center;
}

.uni-section h2 {
  font-size: 28px;
  margin-bottom: 30px;
  color: #2f4e78;
}

.uni-grid {
  gap: 20px;
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

/* .uni-card {
  background: #fff;
  padding: 20px 10px;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-image: linear-gradient(#fff, #f1f1f1);
  border: 1px solid #d2d2d2;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
} */

.uni-card {
  background: #fff;
  padding: 20px 10px;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  background-image: linear-gradient(#fff, #f1f1f1);
  border: 1px solid #d2d2d2;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.uni-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.uni-card h4,
.uni-card h2 {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  margin-top: 0;
  text-align: center;
}

.uni-card p {
  color: #666;
  font-size: 14px;
  margin-bottom: 0px;
}

.uni-wrap {
  max-width: 1240px;
  margin: 0 auto;
}

.uni-wrap .headings-wrap.case-study-title {
  max-width: 100%;
  margin-bottom: 50px;
}

.uni-card i.fa-solid.fa-building-columns {
  margin-bottom: 10px;
}

.uni-section p.ser-p span {
  color: var(--yellow);
  margin-right: 10px;
  font-size: 1.5rem;
}

.uni-section p.ser-p {
  text-align: left;
  color: inherit;
  line-height: 35px;
  margin-bottom: 40px;
  font-size: 25px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.canada-page .scholar-sec p.body-text---semibold strong {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

.canada-page .scholar-sec h2.heading-02.mt-12 {
  text-align: center;
}

.canada-page .scholar-sec {
  background: none !important;
}

.scroll-cards-section {
  padding: 100px 0px;
  background-color: #f1f1f1;
  overflow-x: auto;
}

.scroll-wrapper {
  display: flex;
  gap: 20px;
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.scroll-card {
  flex: 0 0 280px;
  background: white;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
  text-align: center;
  scroll-snap-align: start;
  transition: transform 0.3s;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
}

.scroll-card:hover {
  transform: translateY(-5px);
}

.scroll-card img {
  width: 50px;
  height: 50px;
}

.scroll-card h3,
.scroll-card p.box-head {
  color: #003087;
  font-size: 20px;
  margin: 0;
}

.scroll-card p {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.4;
}

.cards-con {
  max-width: 1240px;
  margin: 0 auto;
}

.scroll-cards-section .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.con-footer p.body-text---large-semibold {
  font-weight: 500;
  font-size: 16px;
}

section.team.con-footer .section-top._03 {
  display: flex;
  align-items: flex-start;
}

/* .canada-page section.faq {
  background-color: #f1f1f1;
} */

.brochures-sec {
  padding-top: 0;
}

.brochures-sec i.fa-solid.fa-download {
  margin-right: 10px;
}

a {
  text-decoration: none;
  color: #000;
}

.brochures-sec h4,
.brochures-sec h2 {
  margin: 0;
}

.services .w-dyn-item strong a {
  color: #fff !important;
}

/* .blog-page .blog-tag {
  border: 1px solid #000;
} */

.blog-page .w-dyn-item:hover h2 {
  color: #2f4e78 !important;
}

.blog-page .cms-right {
  margin-top: 0;
}

.blog-inner-page .cms-details-wrap .blop-p {
  margin-top: 10px;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
}

.blog-inner-page ol li {
  font-size: 16px;
  line-height: 24px;
}

.blog-inner-page .cms-details-wrap h3.heading-03,
.blog-inner-page .cms-details-wrap b {
  font-size: 20px;
  line-height: 30px;
}

.blog-inner-page .blog-inner-con {
  margin-top: 30px;
}

.blog-inner-page .blog-inner-con p.body-text---default.mt-20 {
  margin-bottom: 20px;
  margin-top: 10px;
}

.blog-inner-page .cms-details-wrap h2 {
  margin: 0;
  margin-top: 40px;
}

.blog-inner-page .blog-inner-con p.body-text---default.mt-20 b {
  font-size: 16px;
  line-height: 24px;
}

.blog-inner-page .cms-details-wrap h3.heading-03,
.blog-inner-page .blog-inner-con p.body-text---default.mt-20 b {
  color: #2f4e78;
}

.blog-inner-page .blog-inner-con ul {
  padding-left: 30px;
}

.blog-inner-page .blog-inner-con li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
}

.blog-inner-page .blog-inner-con li b {
  font-size: 16px;
  line-height: 24px;
}

p.blog-con {
  font-size: 32px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 30px;
}

.blog-inner-page .cms-single-inner {
  display: flex;
  flex-direction: column;
}

.cms-details-wrap.cms-intro-part {
  display: flex;
  flex: unset;
  max-width: 100%;
  justify-content: space-between;
  width: 100%;
  z-index: 9;
}

.cms-details-wrap.cms-intro-part .cms-right {
  max-width: 100%;
  flex: 1;
  margin-top: 0;
}

.cms-details-wrap.cms-intro-part .cms-details-box {
  padding: 0;
  border: none;
  border-radius: 16px;
  overflow: hidden;
}

.cms-details-wrap.cms-intro-part .cms-details-box img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
  object-fit: cover;
}

.blog-inner-page .cms-details-wrap {
  flex: unset;
  max-width: 100%;
  margin-right: 0;
}

.blog-intro ol {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.blog-inner-page ol li a {
  color: #2f4e78;
}

.blog-page .blog-img-box {
  height: auto;
}

.blog-page .blog-img-wrap {
  border: none;
}

.blog-page .blog .w-dyn-item {
  height: 570px;
  border: 1px solid #00000026;
  border-radius: 12px;
}

.blog-page .blog .w-dyn-item a.blog-card.w-inline-block {
  height: 100%;
  width: 100%;
}

.blog-page .blog-info {
  padding: 16px;
}

.blog-page .blog-collection-list-02 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.blog-inner-page section.blog {
  padding-bottom: 100px;
  background-color: #f1f1f1;
}

.blog-inner-page section.blog .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.blog-inner-page section.cms-single.blog-single {
  padding-top: 100px;
  padding-bottom: 100px;
}

.blank-div {
  height: 50px;
}

.blank-div-2 {
  height: 20px;
}

.blog-inner-page .blog-inner-con p:last-child {
  margin-bottom: 0 !important;
}

.blog-inner-page .footer-contact-wrap {
  background: none;
  padding-bottom: 0;
}

.blog-inner-page .contact-form-box {
  max-width: 604px !important;
}

.contact-sec-wrap {
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
}

.contact-sec-wrap .headings-wrap.case-study-title {
  max-width: 100%;
}

section.cont-sec {
  padding-top: 100px;
  padding-bottom: 100px;
}

.cards-reveal-sec .image {
  width: 100%;
  height: auto;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  z-index: 20;
  box-shadow: 10px 10px 53px 0px rgba(0, 0, 0, 0.49);
}

.cards-reveal-sec .card-wrapper {
  position: relative;
  /* width: 400px;
            height: 500px; */
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  display: flex;
  /* box-shadow: 10px 10px 53px 0px rgba(0, 0, 0, 0.49); */
}

.cards-reveal-sec .card-wrapper:hover .image {
  filter: blur(1.4px);
  transform: scale(1.5);
  overflow: hidden;
  transition: all 0.3s linear;
  box-shadow: inset -6px -1px 32px 0px rgba(0, 0, 0, 0.75);
}

.cards-reveal-sec .card-wrapper:hover .card-bottom {
  transform: translate(0%, -50%);
  transition: all 0.8s ease;
  background-color: #2f4e788a;
}

.cards-reveal-sec .card-top {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.cards-reveal-sec .card-bottom {
  width: 100%;
  position: absolute;
  z-index: 20;
  display: nonee;
  top: 50%;
  /* background-color: rgba(110, 122, 92, 0); */
  background-color: #2f4e788a;
  padding: 100px 20px;
  color: #ffffff;
  transform: translate(100%, -50%);
}

.cards-reveal-sec .top-text {
  font-size: 25px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 1px;
}

.cards-reveal-sec .bottom-text {
  font-size: 15px;
  color: #fff;
}

.cards-reveal-sec .button {
  position: relative;
  display: block;
  outline: none;
  cursor: pointer;
  margin-top: 25px;
  border: none;
  border-radius: 3px;
  background-color: #f8961e;
  color: #ffffff;
  padding: 5px 20px;
}

.cards-reveal-sec {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  max-width: 1240px;
  margin: 0 auto;
}

section.cards-address-sec p.heading-02.mt-12 {
  color: #373435;
}

section.cards-address-sec {
  padding-top: 100px;
}

.nav-link:focus,
.nav-link:hover {
  color: #2f4e78;
}

.about-page section#hero p.body-text---semibold.yellow-color,
.about-page section#hero h2.body-text---semibold.yellow-color {
  color: var(--yellow);
}

.tab-section-wrap {
  padding: 100px 0;
  background: #f1f1f1;
}

.tab-section-wrap .tabs-section {
  max-width: 1240px;
  margin: 0 auto;
  border-radius: 1rem;
  overflow: hidden;
}

.tab-section-wrap .tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.tab-section-wrap .tab {
  text-align: center;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: transparent;
  border: 1px solid #37343559;
  color: #373435;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.tab-section-wrap .tab:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.tab-section-wrap .tab svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}

/* .tab-section-wrap .tab.active {
  background-color: rgba(255, 255, 255, 0.2);
  font-weight: 600;
} */

.tab-section-wrap .tabs-content {
  margin-top: 40px;
}

.tab-section-wrap .tab-pane {
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.5s ease,
    transform 0.5s ease;
}

.tab-section-wrap .tab-pane.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.tab-section-wrap .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.tab-section-wrap li.tab.active {
  background: #2f4e78;
  color: #fff;
}

.tab-section-wrap .uni-section {
  padding: 0;
}

.abad-page .hero {
  position: relative;
  overflow: hidden;
}

.abad-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.abad-page .hero-background video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.abad-page .hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.abad-page .hero-container {
  max-width: 100%;
}

.abad-page section.services-sec {
  max-width: unset;
  margin: unset;
  background: #f1f1f1;
}

.abad-page .ser-con-wrap {
  max-width: 1240px;
  margin: 0 auto;
}

.abad-page section.exp-sec-wrap p.mt-12 {
  color: #fff;
}

.abad-page .exp-sec-wrap .cards h3 {
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}

.abad-page .exp-sec-wrap .cards h3 b {
  color: #f9a731;
  font-size: 1.5rem;
  line-height: 55px;
}

.abad-page section.state.counter-sec {
  padding-top: 100px !important;
}

section.loc-map-wrap .loc-con {
  max-width: 1240px;
  margin: 0 auto;
}

.abad-page section.loc-map-wrap iframe {
  width: 100%;
}

.abad-page section.cards-address-sec .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.abad-page section.cards-address-sec {
  background: #f1f1f1;
  padding-bottom: 100px;
}

.abad-page section.loc-map-wrap {
  padding-top: 100px;
  padding-bottom: 100px;
}

.abad-page .testimonial p.body-text---semibold {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 45px;
  font-weight: 600;
  line-height: 60px;
  color: #373435;
}

.blog-inner-page .p-con-b b {
  font-size: 16px;
  line-height: 24px;
}

.banner-sec-wrap {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  width: 100%;
}

.banner-form {
  z-index: 3;
  width: 100%;
}

.banner-form form#email-form {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  align-items: end;
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 0 auto;
  max-width: 1240px;
}

.banner-form form#email-form input {
  background: transparent;
  border: 1px solid #fff;
}

.banner-form form#email-form .form-btn-wrap input.black-btn._02.w-button {
  border: none;
  color: #fff;
}

.banner-form form#email-form .field-wrap {
  width: 25%;
}

.banner-form form#email-form input::placeholder {
  font-weight: 700;
  color: #fff;
}

.uk-page section.exp-sec-wrap p {
  color: #000;
}

.uk-page section.exp-sec-wrap {
  background: #e5e5e5;
}

.uk-page section.exp-sec-wrap p.heading-02.mt-12 {
  color: #373435;
}

.uk-page .exp-sec-wrap .cards {
  background: #fff;
  border: 1px solid #0003;
  border-bottom: 6px solid #2f4e78;
}

.uk-page section.timeline {
  background-color: #f1f1f1;
}

.uk-page .top-courses-sec .float-line-wrap {
  inset: 700px 0% 0%;
}

.uk-page section.services-sec.scholar-sec {
  background: #f1f1f1 !important;
}

.uk-page section.services-sec.scholar-sec p.heading-02.mt-12 {
  color: #373435;
}

.uk-page .course-spec-wrap .custom-tabs-section {
  padding: 4rem 0rem;
}

.uk-page .course-spec-wrap .custom-tabs-container {
  margin: 0 auto;
  background: #ffffffdd;
  border-radius: 1rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.uk-page .course-spec-wrap .custom-tabs-nav {
  display: flex;
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
}

.uk-page .course-spec-wrap .custom-tab {
  flex: 1;
  text-align: center;
  padding: 1rem;
  cursor: pointer;
  color: #2f4e78;
  transition: background 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 600;
}

.uk-page .course-spec-wrap .custom-tab:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.uk-page .course-spec-wrap .custom-tab svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}

.uk-page .course-spec-wrap .custom-tab.custom-active {
  background-color: rgb(47 78 120);
  font-weight: 600;
  color: #fff;
}

/* Content panes */
.uk-page .course-spec-wrap .custom-tabs-content {
  padding: 2rem;
  background-color: #fff;
}

.uk-page .course-spec-wrap .custom-tab-pane {
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.5s ease,
    transform 0.5s ease;
}

.uk-page .course-spec-wrap .custom-tab-pane.custom-active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* Typography */
.uk-page .course-spec-wrap .custom-tab-pane h2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #333;
}

.uk-page .course-spec-wrap .custom-tab-pane p {
  font-size: 1rem;
  line-height: 1.6;
  color: #555;
  padding: 10px 0;
}

.uk-page section.all-courses-spec-wrap .course-spec-wrap {
  max-width: 1240px;
  margin: 0 auto;
}

.uk-page section.all-courses-spec-wrap {
  padding-top: 100px;
  padding-bottom: 100px;
}

.uk-page section.all-courses-spec-wrap p.body-text---semibold {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 45px;
  font-weight: 600;
  line-height: 60px;
  color: #373435;
}

.uk-page section.all-courses-spec-wrap h2.heading-02.mt-12 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #000;
}

.uk-page .course-spec-wrap .custom-tabs-content p.ser-p {
  text-align: left;
  color: inherit;
  line-height: 35px;
  font-size: 25px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.uk-page .course-spec-wrap .custom-tabs-content p.ser-p span {
  color: var(--yellow);
  margin-right: 10px;
  font-size: 1.5rem;
}

.uk-page section.all-courses-spec-wrap .docs-req-wrap .all-docs {
  background: #f1f1f1;
}

.uk-page .course-spec-wrap .custom-tab-pane .docs-req-wrap {
  margin-top: 20px;
}

.usp-accordian-sec .accordion {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.usp-accordian-sec .accordion__item {
  overflow: hidden;
  height: 100%;
  border: 1px solid var(--yellow);
  border-radius: 10px;
}

.usp-accordian-sec .accordion__header {
  padding: 20px 25px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  font-size: 1rem;
  line-height: 1.6;
  /* border: 1px solid var(--yellow);
  border-radius: 10px; */
}

.usp-accordian-sec .accordion__header::after {
  content: "";
  background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
  width: 20px;
  height: 20px;
  transition: 0.4s;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
}

.usp-accordian-sec .accordion__header.active {
  background: var(--yellow);
}

.usp-accordian-sec .accordion__header.active::after {
  transform: rotateX(180deg);
}

.usp-accordian-sec .accordion__item .accordion__content {
  padding: 0 25px;
  max-height: 0;
  transition: 0.5s;
  overflow: hidden;
}

.usp-accordian-sec .accordion {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 50px;
  grid-row-gap: 0;
}

.usp-accordian-sec .accordion {
  flex-wrap: wrap;
  gap: 20px;
  /* spacing between accordions */
  align-items: flex-start;
  /* ✅ prevents stretching */
}

.accordion__item {
  flex: 1 1 calc(50% - 20px);
  /* two per row */
  box-sizing: border-box;
}

.accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.dwld-page section.uni-section.brochures-sec {
  padding-top: 100px;
}

.flipbook-wrap iframe {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
}

.dwld-page .banner-sec-wrap {
  width: 100%;
}

/* .flowpaper_page_zoomIn {
    height: auto !important;
} */

.career-page .office-img-text-wrap div#w-node-cd59803b-fb0a-0bde-b584-cab78a9a5aaa-a437fe91 {
  max-width: 100%;
}

.career-page .office-info-outer {
  display: flex;
  justify-content: flex-end;
}

.offices-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.offices-container .office-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 0;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  background-image: linear-gradient(#fff, #f1f1f1);
  border: 1px solid #d2d2d2;
  border-radius: 12px;
  padding: 40px;
}

.career-page .office-info-outer {
  display: flex;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
  align-items: flex-end;
}

.career-page section.offices {
  padding-top: 0;
}

.career-page section.offices h3.heading-05 {
  text-align: left;
}

.career-page .office-info-wrap._02 {
  text-align: left;
}

.career-page .team-grid {
  display: flex;
  flex-direction: column;
}

.career-page .team-img-box {
  border-radius: 12px;
  height: 264px;
  overflow: hidden;
  display: flex;
  gap: 30px;
}

.career-page .team-grid .team-card-02 {
  width: 100%;
}

.career-page .review-img img.team-img {
  transform: none !important;
}

.career-page .team-info {
  display: flex;
  align-items: flex-start;
  text-align: left;
  height: 100%;
  justify-content: space-between;
}

.career-page .review-img {
  width: 20%;
}

.career-page .reviews-wrap {
  width: 80%;
}

.career-page .reviews-wrap p.body-text---large-semibold {
  font-size: 30px;
  margin-bottom: 20px;
}

.career-page .reviews-wrap p {
  font-size: 15px;
  line-height: 25px;
}

.career-page section.uni-section.brochures-sec {
  background: #e5e5e5;
}

.career-page .team-02 {
  background-color: #f1f1f1;
  padding-top: 100px;
  padding-bottom: 100px;
}

.career-page .team-02 p.heading-02.mt-12 {
  color: #373435;
}

.career-page .team-grid .team-card-02 {
  width: 100%;
  background: #fff !important;
}

.test-page .uni-grid {
  gap: 20px;
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.test-page .uni-grid iframe {
  width: 100%;
}

.ielts-suc-st-page .uni-wrap h2.heading-02.mt-12 {
  color: #373435;
  margin-bottom: 50px;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
}

.visa-suc-st-page .uni-grid {
  gap: 20px;
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.expo-events-page .i-con p {
  margin-bottom: 15px;
  text-align: left;
}

.expo-events-page .i-con h3 {
  margin-bottom: 20px;
  text-align: left;
}

.expo-events-page .uni-wrap .apply-btn {
  display: flex;
  justify-content: flex-start;
}

.expo-events-page .uni-card {
  justify-content: space-between;
}

.expo-inner-page .expo-main {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.expo-inner-page .expo-main h3 {
  margin: 0;
  /* text-align: left; */
}

.expo-inner-page .offer-texts {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
  margin-top: 30px;
  justify-content: center;
}

.expo-inner-page .expo-para p {
  color: var(--yellow);
  font-weight: 600;
}

.expo-inner-page section.uni-section.brochures-sec .uni-grid {
  grid-template-columns: repeat(3, 1fr);
}

.expo-inner-page section.uni-section.brochures-sec h2.heading-02.mt-12 {
  color: #373435;
  margin-top: 100px;
  margin-bottom: 50px;
}

.expo-inner-page section.uni-section.brochures-sec h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 0;
  color: #2f4e78;
}

.expo-inner-page section.uni-section.brochures-sec h3 i {
  font-size: 22px;
  line-height: 30px;
}

.expo-inner-page section.uni-section.brochures-sec {
  background-color: #e5e5e5;
}

.expo-inner-page .services-sec .services-section {
  grid-template-columns: 1fr 1fr;
}

.expo-inner-page section.key-docs-req-wrap {
  background: #e5e5e5;
}

.expo-inner-page section.exp-sec-wrap {
  background: #f1f1f1;
}

.expo-inner-page section.exp-sec-wrap h3 {
  color: #000;
  font-size: 1.25rem;
  margin-bottom: 15px;
  font-weight: 400;
}

.expo-inner-page .exp-sec-wrap .card-stack {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 10px;
  padding-top: 30px;
}

.expo-inner-page .exp-sec-wrap .card-stack span {
  color: var(--yellow);
  margin-right: 10px;
  font-size: 1.5rem;
}

.expo-inner-page section.logos .logos-container {
  display: flex;
  flex-direction: column;
}

.expo-inner-page section.logos .logos-text {
  max-width: 100%;
  margin: 0;
}

.expo-inner-page .logos-wrapper {
  max-width: 100%;
  margin-top: 50px;
}

.expo-inner-page .logos-wrap._02 {
  justify-content: flex-end;
  margin-top: 20px;
}

.expo-inner-page .services-sec .service-card {
  margin: 0;
}

.expo-inner-page section.exclusive-offers-sec .expo-banner-ex {
  max-width: 1240px;
  margin: 0 auto;
}

.expo-inner-page section.scroll-cards-section.offers-sec-wrap .scroll-wrapper {
  grid-template-columns: repeat(2, 1fr);
}

.expo-inner-page section.scroll-cards-section.offers-sec-wrap i {
  font-size: 30px;
}

.expo-inner-page section.scroll-cards-section.offers-sec-wrap .scroll-card {
  justify-content: flex-start;
}

.expo-inner-page .footer form#email-form,
.ielts-abad-page .footer form#email-form {
  display: flex;
  flex-direction: column;
}

.expo-inner-page .footer form#email-form div#w-node-_5006191c-1780-fb26-e98e-206cb8dcd3c9-4f9e1675,
.ielts-abad-page .footer form#email-form div#w-node-_5006191c-1780-fb26-e98e-206cb8dcd3c9-4f9e1675 {
  width: 100%;
  display: block;
  background: none;
  border: none;
}

.expo-inner-page .footer form#email-form div#w-node-_5006191c-1780-fb26-e98e-206cb8dcd3c9-4f9e1675 input.black-btn._02.w-button,
.ielts-abad-page .footer form#email-form div#w-node-_5006191c-1780-fb26-e98e-206cb8dcd3c9-4f9e1675 input.black-btn._02.w-button {
  border-radius: 30px;
  border: 1px solid #fff6;
  background-image: linear-gradient(#000, #373435);
}

.expo-another-inner-page section.uni-section.brochures-sec .uni-grid {
  grid-template-columns: repeat(2, 1fr);
}

.expo-another-inner-page .scroll-cards-section .scroll-card i {
  font-size: 30px;
}

.expo-another-inner-page section.services-sec.scholar-sec {
  background-color: #e5e5e5 !important;
}

.expo-another-inner-page .footer .w-form,
.expo-inner-page .footer .w-form,
.ielts-abad-page .footer .w-form {
  width: 70%;
  margin: 0 auto;
}

.expo-inner3-page section.uni-section.brochures-sec h2.heading-02.mt-12 {
  margin-bottom: 10px;
}

.expo-inner3-page section.uni-section.brochures-sec p.head-p {
  margin-bottom: 50px;
}

.expo-inner3-page .scroll-cards-section .scroll-wrapper {
  grid-template-columns: repeat(4, 1fr);
}

.expo-inner3-page .scroll-cards-section .scroll-wrapper h2 {
  font-size: 25px;
}

.expo-inner3-page .scroll-cards-section .scroll-wrapper .scroll-card img {
  height: auto;
}

.expo-inner3-page .services-sec .service-card p.ser-p {
  font-size: 1rem;
  color: #444;
  line-height: 1.6;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
}

.expo-inner3-page .services-sec .service-card p.ser-p span {
  display: flex;
  line-height: normal;
}

.expo-inner3-page .services-sec .services-section {
  grid-template-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
}

.expo-inner3-page section.services-sec {
  background-color: #e5e5e5;
}

.expo-inner3-page .exp-sec-wrap .card-stack {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 10px;
  padding-top: 30px;
}

.expo-inner3-page section.key-docs-req-wrap {
  background-color: #f1f1f1;
}

.vadodara-page section.loc-map-wrap .headings-wrap.case-study-title {
  max-width: 100%;
}

.vadodara-page section.loc-map-wrap .headings-wrap.case-study-title h2.heading-02.mt-12 {
  text-align: center;
  margin-bottom: 50px;
}

.vadodara-page section.uni-section.brochures-sec {
  padding-top: 100px;
}

.surat-page section.services-sec.comp-sec {
  background-color: #e5e5e5;
}

.canada-page section.services-sec.scholar-sec p.heading-02.mt-12 {
  color: #373435;
}

.canada-page section.team.con-footer {
  background-color: #f1f1f1;
}

.canada-page section.uni-section.brochures-sec {
  padding-top: 100px;
}

.ielts-abad-page section.services-sec.comp-sec {
  background-color: #f1f1f1;
}

.ielts-abad-page section.services-sec.comp1-sec {
  background-color: #e5e5e5;
}

.ielts-abad-page section.exp-sec-wrap {
  background-color: #f1f1f1;
}

.ielts-abad-page .top-courses-sec .float-line-wrap {
  inset: 630px 0% 0%;
}

.ielts-abad-page section.uni-section.brochures-sec h2.heading-02.mt-12,
section.docs-req h4.body-text---semibold {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 45px;
  font-weight: 600;
  line-height: 60px;
  color: #373435;
}

.ielts-abad-page section.uni-section.brochures-sec .uni-grid {
  grid-template-columns: repeat(3, 1fr);
}

.ielts-abad-page section.docs-req {
  background: #f1f1f1;
}

.ielts-vadodara-page section.exp-sec-wrap .headings-wrap.case-study-title h2.heading-02.mt-12 {
  color: #373435;
}

.ielts-vadodara-page .top-courses-sec .frame {
  margin-top: 200px;
}

.ielts-vadodara-page .top-courses-sec .float-line-wrap {
  inset: 550px 0% 0%;
}

.ielts-vadodara-page section.key-docs-req-wrap section.ielts-section-alt .headings-wrap.case-study-title h3.body-text---semibold strong {
  font-size: 22px;
  color: #2f4e78;
  line-height: 32px;
}

.ielts-vadodara-page section.key-docs-req-wrap section.ielts-section-alt .headings-wrap.case-study-title h3 {
  text-align: left;
}

.ielts-vadodara-page .scroll-cards-section {
  background-color: #e5e5e5;
}

.ielts-vadodara-page .exp1-sec .headings-wrap.case-study-title p.body-text---semibold {
  color: #000;
}

.ielts-vadodara-page section.docs-req {
  background-color: #e5e5e5;
}

.best-study-page .banner-form .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
  margin: 0;
}

.best-study-page .banner-form .headings-wrap.case-study-title h2.heading-02.mt-12 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: var(--yellow);
  margin-bottom: 20px;
}

.best-study-page section.about .section-top._14 {
  align-items: center;
}

.best-study-page section.about .section-top._14 .service-card {
  background: none;
  border: none;
}

.best-study-page section.about .headings-wrap {
  max-width: 50%;
  width: 50%;
}

.best-study-page section.about .section-top._14 section.services-section {
  width: 50%;
}

.best-study-page section.about .section-top._14 .service-card {
  background: none;
  border: none;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  max-width: 100%;
  margin: 0;
}

.best-study-page section.about .section-top._14 .service-card h4.body-text---semibold {
  font-size: 25px;
  margin-bottom: 20px;
}

.best-study-page section.about .section-top._14 .service-card p span {
  color: var(--yellow);
  margin-right: 10px;
  font-size: 17px;
}

.best-study-page section.about .section-top._14 .service-card p {
  font-size: 17px;
}

.best-study-page .case-study-collection-list {
  grid-template-columns: 1fr 1fr 1fr;
}

.best-study-page .case-study p.heading-02.mt-12 {
  color: #373435;
}

.best-study-page .case-study-slider {
  margin-top: 0;
}

.best-study-page .case-study-slider .case-study-img-box {
  height: auto;
  border-radius: 0;
}

.best-study-page .case-study-slider .case-study-img-box img.case-study-img {
  width: 100px;
}

.best-study-page .case-study .w-dyn-item {
  background: #ffffff;
  border-radius: 16px;
  padding: 25px 30px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
  transition:
    box-shadow 0.3s ease,
    transform 0.3s ease;
}

.best-study-page .case-study {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.best-study-page .case-study .apply-btn a.btn-03.w-inline-block {
  background: #2f4e78;
}

.best-study-page .timeline-item .game-header-group {
  gap: 0;
}

.best-study-page section.timeline .headings-wrap.case-study-title {
  max-width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
}

.best-study-page section.timeline .apply-btn {
  margin-top: 100px;
}

.best-study-page .timeline-wrapper {
  gap: 30px;
}

.best-study-page section.state.counter-sec .state-container {
  flex-direction: column;
}

.best-study-page section.state.counter-sec .state-container .headings-wrap.case-study-title {
  max-width: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

.best-study-page section.state.counter-sec .state-container .statistics-number-wrap p {
  color: #2f4e78;
}

.best-study-page .top-courses-sec .float-line-wrap {
  inset: 700px 0% 0%;
}

.best-study-page div#sec01 .the-overflow-hidden-mask {
  background: #f1f1f1;
}

.best-study-page .the-height-400vh-section .header p {
  color: #373435;
}

.best-study-page div#sec01 .the-overflow-hidden-mask h3.heading-7.mt-12 {
  color: #373435;
}

.best-study-page div#sec01 .the-overflow-hidden-mask .body-text---default.mt-8 {
  color: #000;
}

.best-study-page div#sec01 .frame p.body-text---semibold img {
  filter: none;
}

.best-study-page .top-courses-sec .float-line-wrap .line {
  background-color: #373435;
}

form#email-form .form-btn-wrap:hover input.black-btn._02.w-button {
  color: #000 !important;
  background: #fff !important;
}

.usa-page .scroll-cards-section .scroll-card,
section.scroll-cards-section.scho-sec.scho2 .scroll-card {
  border-bottom: 6px solid var(--yellow);
}

.usa-page section.key-docs-req-wrap h2.heading-02.mt-12 {
  font-size: 14px;
  line-height: 20px;
}

.usa-page .course-spec-wrap .custom-tabs-container,
.usa-page .course-spec-wrap .custom-tabs-content,
.aus-page .course-spec-wrap .custom-tabs-container,
.aus-page .course-spec-wrap .custom-tabs-content {
  background: none;
  box-shadow: none;
}

.usa-page section.all-courses-spec-wrap {
  background: #f1f1f1;
}

.usa-page section.all-courses-spec-wrap section.custom-tabs-section,
.aus-page section.all-courses-spec-wrap section.custom-tabs-section {
  padding-top: 20px;
  padding-bottom: 0;
}

.usa-page section.services-sec {
  background-color: #e5e5e5;
}

.usa-page section.services-sec section.services-section {
  grid-template-columns: 1fr 1fr;
}

.usa-page section.services-sec section.services-section .service-card {
  margin: 0;
}

.usa-page section.services-sec section.services-section .service-card p.ser-p {
  display: flex;
  align-items: flex-start;
}

.usa-page section.services-sec section.services-section .service-card p.ser-p span {
  line-height: 30px;
}

.usa-page section.docs-req.comp-sec {
  background: #f1f1f1;
}

.usa-page .tab-section-wrap.courses-wrap {
  background-color: #e5e5e5;
}

.usa-page .tab-section-wrap.courses-wrap ul.tabs-nav {
  grid-template-columns: repeat(4, 1fr);
}

.usa-page .tab-section-wrap.courses-wrap ul.tabs-nav li.tab {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  cursor: text;
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  border-bottom: 6px solid #2f4e78;
  transition: transform 0.3s;
  scroll-snap-align: start;
}

.usa-page .tab-section-wrap.courses-wrap ul.tabs-nav li.tab i {
  margin-top: 3px;
}

.usa-page .tab-section-wrap.courses-wrap section.tabs-section,
.usa-page .tab-section-wrap .tabs-section {
  overflow: unset;
}

.usa-page .tab-section-wrap li.tab.active {
  background: #2f4e78;
  color: #373435;
}

.usa-page .tab-section-wrap .tab-pane {
  display: block;
  opacity: 1;
}

.usa-page .scho-sec .scroll-card img,
section.scroll-cards-section.scho-sec.scho2 .scroll-card img {
  height: 30px;
  width: 30px;
}

.usa-page .scho-sec .scroll-card p,
.usa-page .scho-sec .scroll-card h3,
section.scroll-cards-section.scho-sec.scho2 .scroll-card h3 {
  font-size: 16px;
  color: #444;
  line-height: 1.4;
  font-weight: 400;
}

.usa-page section.scroll-cards-section.scho-sec {
  background-color: #e5e5e5;
}

.usa-page .top-courses-sec .float-line-wrap {
  inset: 750px 0% 0%;
}

.usa-page .top-courses-sec .frame {
  margin-top: 200px;
}

.uniq-container {
  width: 980px;
  margin: 0 auto;
  max-width: 100%;
  padding-right: 16px;
  padding-left: 16px;
}

.uniq-section {
  padding: 100px 0;
  background-color: #e5e5e5;
}

.uniq-tab__list {
  display: flex;
  margin-bottom: 24px;
  justify-content: center;
}

.uniq-tab__item {
  overflow: hidden;
  margin-right: 24px;
  text-shadow: 0 0 0.5px currentColor;
  position: relative;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  background: transparent;
  border: 1px solid #37343559;
  color: #373435;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.uniq-tab__item i {
  margin-top: 3px;
}

/* .uniq-tab__item:before {
  content: "";
  position: absolute;
  top: 95%;
  left: 0;
  height: 2px;
  width: 100%;
  background: #19d9b4;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
} */

.uniq-tab__item.is--active {
  position: relative;
  background: #2f4e78;
  color: #fff;
}

.uniq-tab__item.is--active:before {
  visibility: visible;
  opacity: 1;
}

.uniq-tab__content {
  padding: 32px;
  border-radius: 0 10px 10px;
}

.uniq-tab__content-item {
  display: none;
}

.uniq-tab__content-item.is--active {
  display: block;
}

/* Nested tab adjustments */
.uniq-tab .uniq-tab__item {
  font-size: 16px;
}

.uniq-tab .uniq-tab__content {
  padding: 0;
}

.uniq-section .uniq-container {
  max-width: 1240px;
  width: 100%;
}

.uniq-tab__content-item.uniq-tab .uniq-tab__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.uniq-tab__content-item.uniq-tab .uniq-tab__list .uniq-tab__item {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

/* .uniq-tab__content-item.inner-tab-grid {
    gap: 20px;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
} */

/* hide tabs */
.uniq-tab__content-item {
  display: none;
}

/* show tabs (default block) */
.uniq-tab__content-item.is--active {
  display: block;
}

/* if tab contains grid */
.uniq-tab__content-item.inner-tab-grid {
  display: none;
  /* hidden initially */
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  justify-content: center;
}

/* show grid tab properly */
.uniq-tab__content-item.inner-tab-grid.is--active {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

.tab-con-2-wrap {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  justify-content: center;
  display: grid;
}

.aus-page section.services-sec.aus-2 {
  background-color: #e5e5e5;
}

.aus-page section.exp-sec-wrap {
  background: #f1f1f1;
}

.aus-page section.services-sec.aus-3 {
  background-color: #e5e5e5;
}

.aus-page section.all-courses-spec-wrap .accordion__header,
.aus-page .usp-accordian-sec .accordion__item .accordion__content {
  background: #fff;
}

.aus-page .usp-accordian-sec .accordion__header.active {
  background: var(--yellow);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.aus-page section.key-docs-req-wrap .headings-wrap.case-study-title h2,
.aus-page .key-inner-2 .headings-wrap.case-study-title p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.aus-page section.key-docs-req-wrap .key-secs-wrap .ielts-content h3.body-text---semibold {
  font-size: 22px;
  color: #2f4e78;
  line-height: 32px;
  text-align: left;
}

.aus-page .key-inner-2 {
  margin-top: 50px;
}

.aus-page section.services-sec.scholar-sec {
  background: #f1f1f1 !important;
}

.newz-page p.box-head,
.newz-page h2.heading-02.mt-12.box-head {
  color: #003087;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
}

.newz-page section.scroll-cards-section i {
  font-size: 30px;
}

.newz-page .course-spec-wrap .custom-tab {
  flex: 1;
  text-align: center;
  padding: 1rem;
  cursor: pointer;
  color: #2f4e78;
  transition: background 0.3s;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 600;
}

.newz-page .course-spec-wrap .custom-tab i {
  margin-top: 3px;
}

.newz-page section.all-courses-spec-wrap .header {
  display: flex;
  text-align: center;
  margin-bottom: 50px;
}

.newz-page section.all-courses-spec-wrap .header h2.heading-02.mt-12 {
  font-weight: 100;
}

.newz-page section.all-courses-spec-wrap .custom-tabs-content {
  background: #fff;
}

.newz-page section.key-docs-req-wrap p.ser-p {
  text-align: left;
  color: inherit;
  line-height: 35px;
  font-size: 25px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-top: 50px;
}

.newz-page section.key-docs-req-wrap p.ser-p span {
  color: var(--yellow);
  margin-right: 10px;
  font-size: 1.5rem;
}

.newz-page .tab-section-wrap ul.tabs-nav {
  grid-template-columns: repeat(3, 1fr);
}

.newz-page .tab-section-wrap .tab {
  align-items: flex-start;
}

.newz-page .tab-section-wrap .tab {
  align-items: flex-start;
}

.newz-page .tab-section-wrap .tab i {
  margin-top: 3px;
}

.newz-page .tab-section-wrap .tabs-content .scroll-card i {
  font-size: 30px;
}

.newz-page .tab-section-wrap {
  background: #e5e5e5;
}

.newz-page .tab-section-wrap .uni-section {
  background: none;
}

.newz-page section.services-sec.aus-3 {
  background-color: #f1f1f1;
}

.newz-page .the-height-400vh-section .the-sticky-div .float-line-wrap {
  inset: 780px 0% 0%;
}

.newz-page .top-courses-sec .frame {
  margin-top: 200px;
}

.newz-page section.all-courses-spec-wrap section.custom-tabs-section .accordion__content {
  padding-top: 10px;
}

.newz-page section.key-docs-req-wrap.jobp-new .key-docs-wrap h4.body-text---semibold {
  font-size: 22px;
  color: #2f4e78;
  line-height: 32px;
  text-align: left;
}

.newz-page section.services-sec.scholar-sec {
  background: #f1f1f1 !important;
}

.ger-page .ger1-sec .scroll-wrapper {
  grid-template-columns: repeat(2, 1fr);
}

.ger-page .services .services-wrap .uni-grid {
  grid-template-columns: repeat(2, 1fr);
}

.ger-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container,
.france-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container,
.france-page section.services-sec.aus-3 .ielts-container {
  border: 1px solid var(--yellow);
  border-radius: 10px;
  padding: 20px;
}

.ger-page section.all-courses-spec-wrap .key-secs-wrap section.ielts-section-alt,
.france-page section.all-courses-spec-wrap .key-secs-wrap section.ielts-section-alt,
.france-page section.services-sec.aus-3 section.ielts-section-alt {
  background: none;
  padding: 0;
}

.ger-page section.all-courses-spec-wrap .key-secs-wrap,
.france-page section.all-courses-spec-wrap .key-secs-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.france-page section.services-sec.aus-3 .key-secs-wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}

.ger-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container p.body-text---semibold strong,
.france-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container p.body-text---semibold strong,
.france-page section.services-sec.aus-3 .key-secs-wrap .headings-wrap.case-study-title p.body-text---semibold strong {
  font-size: 1rem;
  line-height: 1.6;
}

.ger-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container p.body-text---semibold,
.france-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container p.body-text---semibold,
.france-page section.services-sec.aus-3 .key-secs-wrap .headings-wrap.case-study-title p.body-text---semibold {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

.france-page section.services-sec.aus-3 .key-secs-wrap .headings-wrap.case-study-title p.body-text---semibold {
  text-align: left;
}

.ger-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container .headings-wrap.case-study-title,
.france-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container .headings-wrap.case-study-title,
.france-page section.services-sec.aus-3 .headings-wrap.case-study-title {
  margin: 0;
}

.ger-page .tab-section-wrap.unis-wrap .tab-pane {
  display: block;
  opacity: 1;
}

.ger-page .tab-section-wrap .tabs-section {
  overflow: unset;
}

.ger-page section.services-sec.aus-2,
.ger-page .tab-section-wrap {
  background-color: #f1f1f1;
}

.ger-page section.exp-sec-wrap {
  background-color: #e5e5e5;
}

.ger-page section.scroll-cards-section.ger-2-sec,
.ger-page section.services-sec.scholar-sec {
  background: #e5e5e5 !important;
}

section.services .services-left {
  width: 100%;
}

.france-page section.services-sec.aus-3 p.ser-p {
  text-align: left;
  color: inherit;
  line-height: 35px;
  font-size: 25px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-top: 50px;
}

.france-page section.services-sec.aus-3 p.ser-p span {
  color: var(--yellow);
  margin-right: 10px;
  font-size: 1.5rem;
}

.france-page section.services-sec.aus-3 .ielts-container {
  background: #fff;
}

.france-page section.scroll-cards-section.scho-sec .headings-wrap.case-study-title h2.heading-02.mt-12 {
  font-size: 14px;
  line-height: 20px;
  color: #373435;
  font-weight: 100;
}

.france-page section.scroll-cards-section.scho-sec .scroll-card img {
  height: 30px;
  width: 30px;
}

.france-page section.scroll-cards-section.scho-sec .scroll-card {
  border-bottom: 6px solid var(--yellow);
}

.france-page section.scroll-cards-section.scho-sec .scroll-card h3 {
  font-size: 16px;
  color: #444;
  line-height: 1.4;
  font-weight: 400;
}

.france-page .tab-section-wrap.unis-wrap .tab-pane {
  display: block;
  opacity: 1;
}

.france-page .tab-section-wrap.unis-wrap section.tabs-section {
  overflow: unset;
}

.france-page div#sec01 .the-sticky-div .float-line-wrap {
  inset: 650px 0% 0%;
}

.usa-page .tab-section-wrap .uni-section {
  background: none;
}

.dubai-page section.scroll-cards-section.dubai-edu .scroll-wrapper {
  grid-template-columns: repeat(1, 1fr);
}

.sitemap-page section.services-sec p.mt-12 {
  text-align: left;
  margin-top: 50px;
}

.sitemap-page section.services-sec .headings-wrap.case-study-title h3.body-text---semibold strong {
  font-size: 45px;
  font-weight: 600;
  line-height: 60px;
  color: #373435;
}

.sitemap-page section.services-sec a {
  color: #2f4e78;
  font-size: 20px;
}

.flipbook-wrap {
  max-width: 1200px;
  margin: 0 auto;
}

.nav-dropdown {
  position: relative;
}

.nav-dropdown-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 220px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
  width: auto;
}

.nav-dropdown:hover .nav-dropdown-list {
  display: block;
}

.nav-dropdown-item {
  display: block;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
}

.nav-dropdown-item:hover {
  background: #f2f2f2;
}

.tab-section-wrap .tabs-section {
  overflow: unset;
}

.services-sec .service-card {
  padding: 20px;
  margin: 0;
}

.uniq-section .tabs-head p.ser-p {
  color: inherit;
  line-height: 1.6;
  margin-bottom: 10px;
  font-size: 1.25rem;
  margin-bottom: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.uniq-section .tabs-head p.ser-p span {
  color: var(--yellow);
  margin-right: 10px;
  font-size: 1.5rem;
}

.best-study-page .case-study .case-study-line {
  display: none;
}

.best-study-page .case-study .case-study-container {
  max-width: 1600px;
}

.best-study-page .case-study div#w-slider-mask-0 {
  max-width: 100%;
}

.best-study-page .case-study .w-dyn-item a.case-study-card.w-inline-block {
  width: 100%;
}

.case-study-slider .w-slide {
  flex: 0 0 33.333%;
  /* 3 per row on large screens */
}

.blog-inner-page .cms-details-wrap strong a {
  color: #2f4e78;
}

.blog-inner-page .cms-details-wrap .head-para {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  margin-bottom: 20px;
  margin-top: 10px;
}

.blog-tab table {
  border-collapse: separate;
  border-spacing: 0;
  width: 85%;
  max-width: 900px;
  font-size: 15px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.blog-tab thead {
  background: #f3f4f6;
}

.blog-tab th {
  text-align: left;
  padding: 18px 20px;
  font-weight: 600;
  font-size: 16px;
  color: #444;
  border-bottom: 2px solid #e5e7eb;
}

.blog-tab td {
  text-align: left;
  padding: 16px 20px;
  color: #555;
  border-bottom: 1px solid #eee;
  line-height: 1.6;
}

.blog-tab tr:last-child td {
  border-bottom: none;
}

.blog-tab tbody tr:hover {
  background: #fafafa;
  transition: 0.2s;
}

section.g-review-sec .headings-wrap-02 {
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

section.g-review-sec {
  padding-top: 100px;
  padding-bottom: 100px;
}

.expo-events-page .uni-card .i-con {
  width: 100%;
}

section.team.con-footer img.team-pattern,
section.team.con-footer img.team-border {
  border-radius: 15px;
}

.seo-1 section.key-docs-req-wrap.dubai-visa-sec h2.heading-02.mt-12 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 45px;
  font-weight: 600;
  line-height: 60px;
}

.seo-1 section.immigration-section .right-column .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
  margin-bottom: 50px;
  margin-right: 0;
}

.immigration-section {
  padding: 100px 20px;
  background: #f1f1f1;
}

.seo-2 section.immigration-section,
.seo-2 section.exp-sec-wrap {
  background: #e5e5e5;
}

.seo-2 section.services-sec.aus-2 {
  background-color: #f1f1f1;
}

.abad-page section.loc-map-wrap {
  padding-top: 0;
}

.banner-form form#email-form input {
  color: #fff;
}

.sticky-btns .fixed-icons {
  position: fixed;
  top: 50%;
  left: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  transform: translate(-50%, -50%);
}

.sticky-btns .fixed-icons a {
  display: inline-block;
  margin-left: 0;
  color: #ffffff;
  background-color: #2f4e78;
  border-radius: 0;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.sticky-btns .fixed-icons i.fa-solid.fa-envelope {
  font-size: 18px;
}

.sticky-btns .fixed-icons a:hover {
  background-color: #0062cc;
}

/* Style the WhatsApp icon */
.sticky-btns .fixed-icons a.whatsapp {
  background-color: #25d366;
}

.sticky-btns .fixed-icons a.whatsapp:hover {
  background-color: #128c7e;
}

/* Style the Call icon */
.sticky-btns .fixed-icons a.call {
  background-color: #dc3545;
}

.sticky-btns .fixed-icons a.call:hover {
  background-color: #c82333;
}

/* Style the Email icon */
.sticky-btns .fixed-icons a.email {
  background-color: #ffc107;
}

.sticky-btns .fixed-icons a.email:hover {
  background-color: #e0a800;
}

/* Style the form submit button */
.sticky-btns .btn-primary {
  background-color: #f9a01b;
  border-color: #f9a01b;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
  padding: 10px 30px;
}

/* Style the form submit button on hover */
.sticky-btns .btn-primary:hover {
  background-color: #fff;
  border-color: #f9a01b;
  color: #f9a01b;
}

/* Sticky button */
.sticky-btns {
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 999;
}

.fixed-icons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.apply-now-btn {
  background-color: #2f4e78;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 12px 25px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.apply-now-btn:hover {
  background-color: #0056b3;
}

/* Popup overlay */
.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-overlay.active {
  display: flex;
}

/* Popup content */
.popup-content {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  width: 90%;
  max-width: 400px;
  position: relative;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  animation: fadeIn 0.3s ease;
}

.footer.new-foo .footer-contact-text {
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
  margin-top: 100px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 22px;
  color: #555;
  cursor: pointer;
}

.close-btn:hover {
  color: #000;
}

/* Form styling */
#applyForm .form-group {
  margin-bottom: 15px;
}

#applyForm label {
  display: block;
  font-weight: 500;
  margin-bottom: 5px;
}

#applyForm input,
#applyForm textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
}

.submit-btn:hover {
  background: #0056b3;
}

.sticky-btns {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
}

.apply-now-btn {
  background-color: #00a7e5;
  color: #fff;
  border: none;
  padding: 14px 28px;
  border-radius: 50px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
}

.apply-now-btn:hover {
  /* background-color: #0056b3; */
  background-color: #f1a22f;
}

.apply-popup {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.apply-popup.active {
  display: flex;
}

.apply-popup-content {
  background: #fff;
  padding: 40px;
  border-radius: 16px;
  width: 80%;
  max-width: 1000px;
  position: relative;
  height: 80vh;
}

.popup-close-btn {
  position: absolute;
  top: 12px;
  right: 16px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

.sticky-btns.sticky-form .fixed-icons {
  right: -185px;
  left: 100%;
  /* transform: rotate(
90deg); */
  display: unset;
  /* width: 300px; */
}

.sticky-btns.sticky-form .fixed-icons button#apply-now-btn {
  padding: 10px 30px;
  right: 0;
  left: 100%;
  transform: rotate(90deg);
  display: inline-block;
  border-radius: 10px;
}

.blogs-23 section.services-sec {
  background: none;
  padding: 0;
}

.blogs-23 section.services-section {
  padding-left: 0;
  padding-right: 0;
}

.blogs-23 section.why-choose-us {
  padding: 0;
}

.blogs-23 section.exp-sec-wrap {
  background: none;
}

.blogs-23 section.why-choose-us .cards {
  box-shadow: none;
  background: #2f4e78;
}

.blogs-23 section.why-choose-us .card-stack {
  padding-top: 50px;
}

strong a {
  color: #2f4e78;
}

.apply-popup .footer-contact-wrap,
.apply-popup .contact-form-box {
  height: 100%;
  max-width: 100%;
}

.apply-popup .w-form {
  height: 100%;
  /* overflow-y: scroll; */
}

.apply-popup .headings-wrap.case-study-title,
.apply-popup form#email-form {
  opacity: 1 !important;
  transform: none !important;
}

.apply-popup .footer-contact-wrap {
  padding-top: 30px;
  /* padding-bottom: 50px; */
  overflow-y: scroll;
}

.apply-popup form#email-form {
  padding-bottom: 50px;
}

#w-node-_5006191c-1780-fb26-e98e-206cb8dcd3c9-4f9e1675 input.black-btn._02.w-button {
  color: #fff;
}

.apply-popup .headings-wrap.case-study-title {
  max-width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

a.submenu-toggle {
  cursor: pointer;
}

body.about-page.test-prep-page.canada-page.uk-page.aus-page.newz-page.france-page.dubai-page div#custom-tab1 .accordion__header::after {
  display: none;
}

body.about-page.test-prep-page.canada-page.uk-page.aus-page.newz-page.france-page.dubai-page div#custom-tab1 .usp-accordian-sec .accordion__header {
  cursor: default;
}

.textarea-field,
p#error_data {
  color: #000;
}

.banner-form form#Contact_Us {
  align-items: end;
  display: flex;
  justify-content: center;
}

.banner-form {
  margin-top: 30px;
}

.banner-form p#error_data {
  color: #fff;
}

.contact-form.con-3 {
  display: flex;
  flex-direction: column;
}

.contact-form.con-3 div#w-node-_5006191c-1780-fb26-e98e-206cb8dcd3c9-4f9e1675 {
  display: flex;
  width: max-content;
}

.apply-popup-content form#Contact_Us_4 {
  opacity: 1 !important;
}

.hero-container .font,
.header-wrap .font {
  transform: unset !important;
}

.hero-container .back,
.cursor-overlay,
.cursor-dot,
.cursor-circle {
  display: none;
}

.apply-popup-content .footer-contact-wrap {
  background-color: var(--yellow);
}

.uk-page p.c-head {
  margin-top: 0;
  font-size: 1.5rem;
  color: #f9a731 !important;
  font-weight: bold;
}

.usa-page .scroll-cards-section .scroll-card h3 {
  word-break: break-word;
}

.hero-container.banner-form-ex-wrap {
  display: flex;
  align-items: center;
  width: 100%;
}

.hero-container.banner-form-ex-wrap .banner-l {
  width: 50%;
}

.hero-container.banner-form-ex-wrap form#Contact_Us_5 {
  display: grid;
  grid-template-columns: 1fr;
}

.f-fields-wrap {
  display: flex;
  gap: 20px;
}

.f-fields-wrap .field-wrap {
  width: 100%;
}

.hero-container.banner-form-ex-wrap .text-field {
  margin: 0;
}

.banner-r {
  width: 40%;
}

.f-fields-wrap textarea {
  margin: 0;
  min-height: unset;
  border: 1px solid #000;
  border-radius: 32px;
}

.banner-hero-form {
  padding-top: 200px !important;
}

.hero-container.banner-form-ex-wrap .g-recaptcha {
  display: flex;
  justify-content: center;
}

.sub-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.sub-wrap div#w-node-_5006191c-1780-fb26-e98e-206cb8dcd3c9-4f9e1675 {
  background: #fff;
}

.sub-wrap input.black-btn._02.w-button {
  color: #000 !important;
}

.sub-wrap div#w-node-_5006191c-1780-fb26-e98e-206cb8dcd3c9-4f9e1675:hover {
  background-image: linear-gradient(#000, #373435) !important;
}

.apply-popup-content div#w-node-_5006191c-1780-fb26-e98e-206cb8dcd3c9-4f9e1675 {
  margin-bottom: 50px;
}

section.footer-wrap {
  /* padding-top: 100px; */
  /* background: #2f4e78; */
  margin-top: 100px;
}

section.footer-wrap .footer-container {
  border-top: 1px solid #333e7d;
  border-bottom: 1px solid #333e7d;
  padding: 50px 0;
}

.bottom {
  margin-top: 0px;
  padding-top: 24px;
}

/* .footer-title {
  color: #ffffff;
}

.footer-wrap a {
  color: #ffffff;
}

.footer-wrap p.body-text---small.mt-8 i {
  color: #fff;
}

.bottom-text {
  color: #ffffff;
}

p.bottom-text a {
  color: #ffffff;
}

.footer-link:hover {
  color: #ffffff;
}

.bot-right a img {
  filter: invert(1);
} */

#apply-now-btn {
  animation: blinkBtn 2s infinite;
}

@keyframes blinkBtn {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes scroll-top-to-bottom {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-50%);
  }
}

@keyframes scroll-bottom-to-top {
  0% {
    transform: translateY(-50%);
  }

  100% {
    transform: translateY(0);
  }
}

/* Class to apply the top-to-bottom animation */
.animate-scroll-t2b {
  animation: scroll-top-to-bottom 60s linear infinite;
}

/* Class to apply the bottom-to-top animation */
.animate-scroll-b2t {
  animation: scroll-bottom-to-top 60s linear infinite;
}

/* Utility class to pause the animation on hover */
.group:hover .group-hover-pause {
  animation-play-state: paused;
}

section.testimonials-sec .bg-gray-950.text-white.flex.items-center.justify-center.min-h-screen.px-4.py-16 {
  background: #e5e5e5;
}

section.testimonials-sec .bg-gray-900.border.border-gray-800.p-6.rounded-2xl.shadow-lg.transition-transform.duration-300.transform.hover\:scale-105 {
  box-shadow:
    0 4px 6px -1px #001e261a,
    0 2px 4px -1px #0000000f !important;
  border-radius: 6px;
  background: none;
}

section.testimonials-sec .bg-gray-900.border.border-gray-800.p-6.rounded-2xl.shadow-lg.transition-transform.duration-300.transform.hover\:scale-105:hover {
  background: #2f4e78 !important;
}

section.testimonials-sec .bg-gray-900.border.border-gray-800.p-6.rounded-2xl.shadow-lg.transition-transform.duration-300.transform.hover\:scale-105 p.font-semibold.text-white {
  color: #333 !important;
}

section.testimonials-sec .bg-gray-900.border.border-gray-800.p-6.rounded-2xl.shadow-lg.transition-transform.duration-300.transform.hover\:scale-105:hover p.font-semibold.text-white {
  color: #fff !important;
}

section.testimonials-sec .bg-gray-900.border.border-gray-800.p-6.rounded-2xl.shadow-lg.transition-transform.duration-300.transform.hover\:scale-105 p.text-gray-300 {
  color: #000;
}

section.testimonials-sec .bg-gray-900.border.border-gray-800.p-6.rounded-2xl.shadow-lg.transition-transform.duration-300.transform.hover\:scale-105:hover p.text-gray-300 {
  color: #fff !important;
}

section.testimonials-sec .headings-wrap-02 {
  max-width: 100%;
  text-align: center;
  margin-bottom: 70px;
}

.blog-slider-wrap .slider-shell {
  margin-left: auto;
  margin-right: 0;
}

.blog-slider-wrap .slider-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
  padding-right: 1.5rem;
}

.blog-slider-wrap .slider-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}

.blog-slider-wrap .slider-header-controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.blog-slider-wrap .arrow-btn {
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  background: #fff;
  color: #131313;
  font-weight: bold;
}

.blog-slider-wrap .w-dyn-item a.blog-card.w-inline-block {
  opacity: 1 !important;
  transform: unset !important;
  transform-style: unset !important;
}

.blog-slider-wrap .overlay-white,
.blog-slider-wrap .overlay-black {
  display: none;
}

.blog-slider-wrap .slider {
  position: relative;
}

.blog-slider-wrap .slider-inner {
  overflow: hidden;
}

.blog-slider-wrap .slider-track {
  display: flex;
  align-items: stretch;
  transition: transform var(--transition-speed) ease;
  will-change: transform;
}

.blog-slider-wrap .slide {
  flex: 0 0 var(--card-width-mobile);
  max-width: var(--card-width-desktop);
  border-radius: 1.5rem;
  background: #e5e7eb;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

/* .blog-slider-wrap .slide {
    flex: 0 0 var(--card-width-mobile);
    max-width: var(--card-width-desktop);
    border-radius: 1.5rem;
    background: #e5e7eb;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 1.1rem 1.1rem 1.25rem;
    margin-right: var(--card-gap);
} */

.blog-slider-wrap .slide.blue,
.blog-slider-wrap .slide.purple,
.blog-slider-wrap .slide.peach,
.blog-slider-wrap .slide.green {
  background: none;
}

.blog-slider-wrap .slide-image {
  width: 100%;
  border-radius: 1rem;
  background-size: cover;
  background-position: center;
  aspect-ratio: 4 / 3;
  display: block;
}

.blog-slider-wrap .slide.blue .slide-image {
  background-image: linear-gradient(135deg, #60a5fa, #a855f7);
}

.blog-slider-wrap .slide.purple .slide-image {
  background-image: linear-gradient(135deg, #a855f7, #f97316);
}

.blog-slider-wrap .slide.peach .slide-image {
  background-image: linear-gradient(135deg, #fb7185, #f97316);
}

.blog-slider-wrap .slide.green .slide-image {
  background-image: linear-gradient(135deg, #22c55e, #3b82f6);
}

.blog-slider-wrap .slide-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.blog-slider-wrap a.slide-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

.blog-slider-wrap .slide-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

.blog-slider-wrap .slide-arrow {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.08);
  font-size: 1.1rem;
  line-height: 1;
  position: relative;
  top: -0.5px;
}

.blog-slider-wrap .slide-link:hover .slide-arrow {
  background: rgba(15, 23, 42, 0.16);
}

#peekSlider .slider-track {
  display: flex;
  gap: 24px;
}

#peekSlider .slide {
  flex: 0 0 auto;
  width: calc(100% - 40px);
}

#peekSlider .slider-track {
  display: flex;
  gap: 0px;
}

#peekSlider .slide {
  flex: 0 0 auto;
  width: 80%;
}

.tab-section-wrap .uni-grid .uni-card:hover,
.uniq-section .uni-card:hover {
  background: #2f4e78;
}

.tab-section-wrap .uni-grid .uni-card:hover i,
.tab-section-wrap .uni-grid .uni-card:hover h4,
.tab-section-wrap .uni-grid .uni-card:hover p,
.uniq-section .uni-card:hover i,
.uniq-section .uni-card:hover h4,
.uniq-section .uni-card:hover p {
  color: #fff;
}

.f-fields-wrap.fields-wrap-col {
  display: flex;
  flex-direction: column;
}

.uniq-section .uni-card img,
.uniq-section .uniq-tab__item img,
.newz-page .tab-section-wrap .tab img {
  width: 20px;
}

.uniq-section .uniq-tab__item.is--active img,
.uniq-section .uni-card:hover img,
.newz-page .tab-section-wrap li.tab.active img {
  filter: invert(1);
}

.uniq-section .uni-card img {
  margin-bottom: 10px;
}

section.services-sec.scholar-sec.loc2 section.services-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  padding: 50px 20px 0 20px;
  margin: auto;
}

section.key-docs-req-wrap section.ielts-section-alt .headings-wrap.case-study-title,
.ger-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container .headings-wrap.case-study-title,
.france-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container .headings-wrap.case-study-title,
.france-page section.services-sec.aus-3 .headings-wrap.case-study-title {
  opacity: 1 !important;
  transform: unset !important;
  transform-style: unset !important;
}

@media (min-width: 768px) {
  #peekSlider .slide {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  #peekSlider .slide {
    width: 33.33%;
  }
}

@media screen and (max-width: 1600px) {
  .best-study-page .case-study .case-study-container {
    max-width: 100%;
  }

  .best-study-page .case-study {
    padding-left: 20px;
    padding-right: 20px;
  }

  .best-study-page .case-study-slide {
    margin-right: 0;
  }
}

@media screen and (max-width: 1530px) {
  .hero-container.banner-form-ex-wrap {
    flex-direction: column;
  }

  .hero-container.banner-form-ex-wrap .banner-l,
  .banner-r {
    width: 100%;
  }
}

@media screen and (max-width: 1400px) {
  .nav-outter {
    flex: unset;
    max-width: 100%;
  }

  .last-link {
    margin-left: 10px;
  }

  .footer-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
  }

  .newz-page section.key-docs-req-wrap.jobp-new,
  .newz-page section.uni-section.brochures-sec,
  .newz-page .tab-section-wrap,
  .newz-page section.key-docs-req-wrap,
  .newz-page section.services-sec.aus-3,
  .newz-page section.all-courses-spec-wrap,
  .newz-page .scroll-cards-section,
  .newz-page section.services-sec.aus-2,
  section.services-sec,
  section.faq {
    padding-left: 20px;
    padding-right: 20px;
  }

  .newz-page section.services-sec.aus-2 section.services-section,
  .newz-page section.services-sec.scholar-sec section.services-section {
    padding-left: 0;
    padding-right: 0;
  }

  .services-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .newz-page section.all-courses-spec-wrap .custom-tabs-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-container {
    max-width: 100%;
  }

  .abad-page section.cards-address-sec {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-page section.cards-address-sec {
    padding-left: 20px;
    padding-right: 20px;
  }

  .best-study-page .case-study-mask,
  .best-study-page .case-study-container {
    max-width: 100%;
  }

  .best-study-page section.case-study {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-slider-wrap .slider-header {
    padding-left: 20px;
    padding-right: 20px;
  }

  section.blogs .section-top {
    padding-right: 20px;
  }

  .blogs-container {
    max-width: 100%;
  }
}

@media (max-width: 1240px) {

  .edu-modern-section .edu-block,
  section.docs-req .docs-req-wrap,
  section.key-docs-req-wrap,
  .tab-section-wrap,
  .header,
  .scroll-cards-section,
  .uni-section,
  .headings-wrap,
  .uk-page section.all-courses-spec-wrap {
    padding-right: 20px;
    padding-left: 20px;
  }

  .headings-wrap {
    margin-right: 0px;
  }

  .faq-container,
  .footer-contact-container,
  .footer-container,
  .bottom-container,
  .team-container,
  .about-02-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  section.services-sec,
  .canada-page section.services-sec,
  .edu-modern-section,
  .services,
  section.docs-req {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .about .headings-wrap {
    padding: 0;
  }

  section.key-docs-req-wrap section.ielts-section-alt .headings-wrap.case-study-title {
    padding: 0;
  }

  .about-page .hero-overlay {
    background: rgba(0, 0, 0, 0.7);
  }

  .faq .headings-wrap {
    padding: 0;
  }

  .aus-page section.all-courses-spec-wrap .custom-tabs-content {
    padding: 2rem 0;
  }

  .newz-page section.all-courses-spec-wrap .custom-tabs-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .test-prep-page section.ielts-section-alt .headings-wrap.case-study-title {
    padding: 0;
  }
}

@media (max-width: 1130px) {
  .nav-menu-wrapper.w-nav-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
    z-index: 9999;
    flex-direction: column;
    padding: 20px;
    padding-top: 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .nav-menu-wrapper.w-nav-menu.open {
    display: flex !important;
    transform: none !important;
    transition: none !important;
  }

  #menu-burger {
    display: block;
  }

  .nav-outter {
    width: 80%;
  }

  .nav-menu {
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }

  .service-inner {
    top: 200px;
  }

  section.state.counter-sec .state-container div#w-node-_088aafa2-f88b-3e3c-ee11-f350e3464071-e346406e {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
  }

  .service-text-wrap {
    max-width: 45%;
  }

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

  .service-card {
    margin-right: 0;
  }

  .the-height-400vh-section .the-width-400vh-scrollable-div {
    will-change: unset !important;
    transform: unset !important;
    transform-style: unset !important;
    width: unset;
    padding-left: 20px;
    padding-right: 20px;
  }

  .the-height-400vh-section .float-line-wrap {
    display: none;
  }

  .the-height-400vh-section .frame {
    margin-top: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }

  .the-height-400vh-section {
    height: unset;
    padding-top: 100px;
    background-color: #2f4e78;
    padding-bottom: 100px;
  }

  .the-height-400vh-section .the-sticky-div {
    height: unset;
    position: unset;
    overflow: unset;
  }

  .the-height-400vh-section .the-sticky-div {
    background-color: #2f4e78;
  }

  .the-height-400vh-section .float-heading-box {
    position: unset;
    inset: unset;
  }

  .the-height-400vh-section h1.heading-7.mt-12 {
    font-weight: 500;
    font-size: 25px;
    line-height: 35px;
  }

  div#sec01 .frame p.body-text---semibold img {
    width: 50px;
  }

  .the-height-400vh-section .the-overflow-hidden-mask {
    padding-top: 80px;
  }

  .the-height-400vh-section .frame .work-card {
    margin: 0;
    border: 1px solid #ffffff61;
    padding: 30px;
    width: 100% !important;
    height: 100%;
    border-radius: 16px;
    border-bottom: 5px solid;
  }

  .usa-page .top-courses-sec .frame {
    margin-top: 0;
  }

  .france-page .top-courses-sec .frame,
  .dubai-page .top-courses-sec .frame {
    margin-top: 0;
  }

  .career-page .offices-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .career-page .team-img-box {
    height: auto;
  }

  .best-study-page .the-height-400vh-section,
  .best-study-page .the-height-400vh-section .the-sticky-div {
    background-color: #f1f1f1;
  }

  .best-study-page .the-height-400vh-section .frame {
    margin: 0;
  }

  .best-study-page div#sec01 .the-overflow-hidden-mask {
    padding: 0;
  }

  .best-study-page .the-height-400vh-section .frame .work-card {
    border: 1px solid #373435;
    padding: 20px;
    border-bottom: 5px solid #373435;
  }

  .best-study-page .the-height-400vh-section .float-heading-box {
    margin-bottom: 50px;
  }

  body.about-page.test-prep-page.canada-page.blog-page.blog-inner-page .cms-details-wrap {
    flex-direction: column;
    gap: 30px;
  }

  .hamburger-icon {
    padding: 0;
  }

  .nav-dropdown-list {
    position: relative;
    height: auto !important;
  }
}

@media (min-width: 1131px) {
  .nav-menu-wrapper.w-nav-menu {
    display: flex !important;
    position: static;
    flex-direction: row;
    padding: 0;
    width: auto;
    overflow: visible;
  }
}

@media (max-width: 1130px) {

  .nav-inner .navbar-brand img {
    height: 40px;
  }

  .nav-menu {
    flex-direction: column;
    width: 100%;
    gap: 0;
  }

  .nav-menu .list-item {
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
  }

  .nav-menu .list-item .nav-link {
    display: block;
    padding: 14px 0;
    font-size: 16px;
  }

  .nav-dropdown {
    width: 100%;
  }

  .nav-dropdown-toggle {
    cursor: pointer;
    padding: 14px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .nav-dropdown-icon {
    transition: transform 0.3s ease;
  }

  .nav-dropdown.w--open .nav-dropdown-icon {
    transform: rotate(180deg);
  }

  .nav-dropdown-list {
    position: static !important;
    box-shadow: none !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    display: block !important;
    padding-left: 12px;
    background: #f9f9f9;
    border-radius: 8px;
  }

  .nav-dropdown.w--open .nav-dropdown-list {
    max-height: 600px;
    margin-bottom: 8px;
  }

  .nav-dropdown-item {
    padding: 10px 12px;
  }

  .hamburger-icon {
    display: none !important;
  }

  .list-item.last-link {
    margin-top: 12px;
    border-bottom: none;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_66704a61-0796-e8b3-77b8-8eb64f9e16bc-4f9e1675 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d519a498-b606-a5a0-d4d7-58d80cbb06ed-5a18f34b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8e0aee3a-bb1f-6876-7d91-903b952ed1b4-5a18f34b,
  #w-node-_8e0aee3a-bb1f-6876-7d91-903b952ed1bc-5a18f34b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8e0aee3a-bb1f-6876-7d91-903b952ed1b7-5a18f34b,
  #w-node-_22bf56c7-4e1e-5f47-6dd3-280ca3ae3f9d-5a18f34b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-cd59803b-fb0a-0bde-b584-cab78a9a5aaa-a437fe91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_37f9582d-e203-8822-4471-5479add05119-a437fe91 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: end;
  }

  #w-node-_9402f505-0418-08a5-95fe-4717acc0475b-a437fe91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9402f505-0418-08a5-95fe-4717acc04763-a437fe91 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: end;
  }

  #w-node-_0b428d74-d947-0ccd-3a14-f6b861fcd5ac-a437fe91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0b428d74-d947-0ccd-3a14-f6b861fcd5b4-a437fe91 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: end;
  }

  #w-node-a2c68c42-b004-52b9-41ea-350ef1b22977-a437fe91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a2c68c42-b004-52b9-41ea-350ef1b2297f-a437fe91,
  #w-node-ab95c8b8-0542-8941-df38-abab30816d85-a437fe91 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: end;
  }

  section.services .services-res-left h2.heading-05 {
    color: #fff;
  }

  .case-study-collection-list {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .case-study-slider {
    margin-top: 0;
    padding-top: 20px;
  }

  .service-text-wrap {
    max-width: 100%;
  }

  .service-inner {
    top: 0;
  }

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

  section.logos .logos-text,
  section.testimonial .headings-wrap-02,
  .footer-contact-text {
    max-width: 100%;
  }

  .bottom-container {
    flex-direction: column;
  }

  .state-card p.h2.counter,
  .state-card p.h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .logos,
  section.key-docs-req-wrap,
  section.team-02.team-sec,
  section.team-02.countries-wrap,
  .about-page section.logos,
  section.timeline,
  section.faq,
  .the-height-400vh-section,
  .tab-section-wrap,
  .scroll-cards-section,
  .exp-sec-wrap .why-choose-us,
  .uk-page section.all-courses-spec-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .edu-block {
    flex-direction: column;
    padding-bottom: 0;
  }

  .resp-block {
    flex-direction: column-reverse;
  }

  .canada-page section.services .headings-wrap.case-study-title {
    margin-bottom: 10px;
  }

  .docs-req-wrap {
    grid-template-columns: repeat(2, 1fr);
  }

  section.key-docs-req-wrap section.ielts-section-alt .headings-wrap.case-study-title,
  .key-docs-wrap .headings-wrap.case-study-title,
  .can-docs-req .headings-wrap.case-study-title {
    padding: 0;
  }

  .tab-section-wrap .tabs-nav {
    grid-template-columns: repeat(4, 1fr);
  }

  .scroll-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .banner-form form#email-form {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .banner-form form#email-form .field-wrap {
    width: 100%;
  }

  .banner-form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner-form form#email-form {
    max-width: 100%;
  }

  .test-prep-page .hero-container {
    max-width: 100%;
  }

  .uk-page .course-spec-wrap .custom-tabs-nav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .aus-page .uniq-section .uniq-tab__content .uniq-tab__list,
  .aus-page .tab-con-2-wrap {
    grid-template-columns: repeat(3, 1fr);
  }

  .aus-page section.uni-section.brochures-sec .uni-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .test-prep-page .immigration-section .container {
    max-width: 100%;
    flex-direction: column;
  }

  .test-prep-page .immigration-section .right-column {
    width: 100%;
  }

  .cards-reveal-sec,
  .test-page .uni-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ielts-abad-page .footer .w-form {
    width: 100%;
  }

  .best-study-page section.about .section-top._14 {
    align-items: flex-start;
    display: flex;
  }

  .best-study-page section.about .section-top._14 section.services-section {
    width: 100%;
  }

  .best-study-page .case-study-collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .best-study-page .pp-info-box-description h3 {
    font-size: 18px;
    line-height: 28px;
  }

  .best-study-page .case-study-slider .w-slide {
    flex: 0 0 50%;
  }

  .best-study-page .case-study-slider .w-slide .w-dyn-list,
  .best-study-page .case-study-collection-list {
    height: 100%;
  }

  /* .best-study-page .case-study .w-dyn-item a.case-study-card.w-inline-block {
    width: 90%;
  } */

  .best-study-page .case-study-collection-list {
    gap: 20px;
  }

  .expo-inner-page section.uni-section.brochures-sec .uni-grid,
  .expo-inner-page .exp-sec-wrap .card-stack {
    grid-template-columns: repeat(2, 1fr);
  }

  .expo-inner-page .heading-02 {
    font-size: 30px;
    line-height: 40px;
  }

  .expo-inner-page section.uni-section.brochures-sec {
    padding-top: 50px !important;
  }

  .expo-inner-page section.uni-section.brochures-sec h2.heading-02.mt-12 {
    margin-top: 50px;
  }

  .expo-inner3-page .scroll-cards-section .scroll-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }

  .hero-container.banner-form-ex-wrap {
    flex-direction: column;
  }

  .hero-container.banner-form-ex-wrap .banner-l,
  .hero-container.banner-form-ex-wrap .banner-r {
    width: 100%;
  }

  .blog-slider-wrap .slider-header {
    flex-direction: column;
  }

  section.blogs .blogs-container {
    display: flex;
    flex-direction: column-reverse;
  }

  section.blogs .headings-wrap {
    display: none;
  }

  section.blogs .section-top {
    display: flex;
    align-items: center;
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_66704a61-0796-e8b3-77b8-8eb64f9e16c3-4f9e1675 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_37f9582d-e203-8822-4471-5479add05119-a437fe91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
  }

  #w-node-_88242377-e536-791d-a33c-ab1a1c07e5f0-a437fe91 {
    justify-self: end;
  }

  #w-node-_9402f505-0418-08a5-95fe-4717acc04763-a437fe91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
  }

  #w-node-_9402f505-0418-08a5-95fe-4717acc0476b-a437fe91 {
    justify-self: end;
  }

  #w-node-_0b428d74-d947-0ccd-3a14-f6b861fcd5b4-a437fe91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
  }

  #w-node-_0b428d74-d947-0ccd-3a14-f6b861fcd5bc-a437fe91 {
    justify-self: end;
  }

  #w-node-a2c68c42-b004-52b9-41ea-350ef1b2297f-a437fe91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
  }

  #w-node-a2c68c42-b004-52b9-41ea-350ef1b22987-a437fe91 {
    justify-self: end;
  }

  #w-node-f7481993-f8e0-cc09-7973-ad4fd1a41884-a437fe91,
  #w-node-_7c01fd0b-8ce3-91e4-f26e-8a4852364c61-a437fe91,
  #w-node-df6fd489-bd75-ba35-82cc-a9523ec916a1-a437fe91 {
    justify-self: start;
  }

  #w-node-ab95c8b8-0542-8941-df38-abab30816d85-a437fe91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
  }

  #w-node-ab95c8b8-0542-8941-df38-abab30816d8d-a437fe91 {
    justify-self: start;
  }

  .nav-outter {
    width: 90%;
  }

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

  .team-img-box {
    height: 300px;
  }

  section.team-02.countries-wrap .header {
    display: flex;
    align-items: center;
  }

  section.team-02.team-sec,
  section.team-02.countries-wrap,
  .about-page section.logos,
  section.timeline,
  section.faq,
  body.about-page section.about,
  .team,
  .about-page .footer-contact-wrap,
  .canada-page section.uni-section.brochures-sec {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  section.logos h2.heading-02.mt-12,
  section.logos p.heading-05 {
    text-align: left;
  }

  section.logos p.heading-05 {
    text-align: left;
  }

  section.logos .logos-container {
    gap: 30px;
  }

  .nav-menu-wrapper {
    /* background-color: var(--theme-black); */
    background-color: #000;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100vh;
    padding: 36px 32px 40px;
    position: fixed;
    top: 0;
  }

  .footer .footer-contact-text h2.heading-02 {
    font-size: 20px;
    line-height: 30px;
  }

  p {
    font-size: 14px;
    line-height: 24px;
  }

  .state-card p.h2.counter,
  .state-card p.h2,
  .heading-02 {
    font-size: 30px;
    line-height: 40px;
  }

  .the-height-400vh-section .frame {
    grid-template-columns: repeat(1, 1fr);
  }

  .about-page section#hero {
    padding-top: 150px;
    padding-bottom: 100px;
  }

  .about-page .hero-container h1.heading-01 {
    font-size: 22px;
    line-height: 32px;
  }

  .canada-page section.services-sec p.body-text---semibold strong,
  section.edu-modern-section p strong,
  .canada-page section.services p strong,
  section.docs-req p.body-text---semibold strong,
  .can-docs-req p.body-text---semibold strong,
  .uni-wrap p.body-text---semibold strong,
  section.scroll-cards-section p.body-text---semibold strong,
  section.cont-sec p.body-text---semibold strong,
  .tab-section-wrap .tabs-section p.body-text---semibold strong,
  .abad-page .ser-con-wrap p.body-text---semibold strong,
  .abad-page section.cards-address-sec .headings-wrap.case-study-title strong,
  .state-card p.h2.counter,
  .state-card p.h2,
  .heading-02 {
    font-size: 20px;
    line-height: 30px;
  }

  .services-sec .services-section {
    padding: 20px;
  }

  .edu-block .edu-icon {
    width: 80%;
  }

  .docs-req-wrap,
  section.key-docs-req-wrap .key-secs-wrap,
  .scroll-wrapper,
  .canada-page section.uni-section.brochures-sec .uni-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .tab-section-wrap .tabs-nav,
  .uni-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .services-sec .service-card p.ser-p,
  .services-sec .service-card h3.ser-p,
  .uk-page section.services-sec.scholar-sec h2.ser-p,
  .canada-page section.services-sec.scholar-sec h2.ser-p,
  .ielts-abad-page section.services-sec.comp1-sec h2.ser-p {
    align-items: flex-start;
    font-size: 18px;
  }

  .services-sec .service-card p.ser-p span,
  .services-sec .service-card h3.ser-p span,
  .uk-page section.services-sec.scholar-sec h2.ser-p span,
  .canada-page section.services-sec.scholar-sec h2.ser-p span,
  .ielts-abad-page section.services-sec.comp1-sec h2.ser-p span {
    color: var(--yellow);
    margin-right: 10px;
    font-size: 20px;
  }

  .canada-page section.team.con-footer .headings-wrap {
    padding: 0;
  }

  .footer .contact-form {
    gap: 20px;
    display: flex;
    flex-direction: column;
  }

  .footer input.black-btn._02.w-button {
    color: #fff;
    background-image: linear-gradient(#000, #373435);
  }

  .footer .form-btn-wrap {
    border: none;
    background: none;
  }

  .usp-accordian-sec .accordion__header {
    padding: 20px;
    font-size: 12px;
    padding-right: 50px;
    word-break: break-word;
  }

  .uk-page section.all-courses-spec-wrap p.body-text---semibold {
    font-size: 30px;
    line-height: 40px;
  }

  .uk-page .course-spec-wrap .custom-tabs-nav,
  .usp-accordian-sec .accordion {
    grid-template-columns: repeat(1, 1fr);
  }

  .uk-page .course-spec-wrap .custom-tabs-content {
    padding: 20px;
  }

  .uk-page .course-spec-wrap .custom-tabs-content p.ser-p {
    line-height: 30px;
    font-size: 20px;
  }

  .uk-page .course-spec-wrap .custom-tabs-section {
    padding: 20px 0rem;
  }

  .usa-page .course-spec-wrap .custom-tabs-content {
    padding: 0;
  }

  .usa-page .course-spec-wrap .custom-tabs-container {
    overflow: unset;
  }

  .usa-page .the-height-400vh-section .the-overflow-hidden-mask {
    padding-top: 50px;
  }

  .aus-page .uniq-tab__content-item.uniq-tab .uniq-tab__list {
    display: flex;
    flex-wrap: wrap;
  }

  .aus-page .tab-con-2-wrap {
    grid-template-columns: repeat(2, 1fr);
  }

  .exp-sec-wrap .cards h3 {
    font-size: 20px;
  }

  section.key-docs-req-wrap section.ielts-section-alt .headings-wrap.case-study-title p.body-text---semibold strong {
    font-size: 16px;
    line-height: 26px;
  }

  .newz-page .top-courses-sec .frame {
    margin-top: 0;
  }

  .newz-page .the-height-400vh-section .the-overflow-hidden-mask {
    padding-top: 40px;
  }

  .ger-page .ger1-sec .scroll-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .ger-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container .headings-wrap.case-study-title,
  .ger-page section.services-sec .headings-wrap.case-study-title {
    padding: 0;
  }

  .body-medium-3 {
    font-size: 16px;
    line-height: 26px;
  }

  .about-page section.services-sec section.services-section {
    padding: 0;
  }

  body.about-page section.state.counter-sec p.counter,
  body.about-page section.state.counter-sec p.h2 {
    font-size: 20px;
    line-height: 30px;
  }

  section.state.counter-sec .state-container div#w-node-_088aafa2-f88b-3e3c-ee11-f350e3464071-e346406e p.body-text---default.color-02.mt-4 {
    margin-top: 10px !important;
  }

  .about-page section.rs-contact-area.rs-contact-eight.section-space-top {
    padding-right: 20px;
    padding-left: 20px;
  }

  .about-page section.rs-contact-area.rs-contact-eight.section-space-top .container,
  .about-page section.rs-contact-area.rs-contact-eight.section-space-top .container .col-12 {
    padding: 0;
  }

  .about-page section.rs-contact-area.rs-contact-eight.section-space-top .container .row {
    width: 100%;
    margin: 0;
  }

  .about-page .rs-contact-eight .pre-circle-ripple {
    font-size: 12px;
  }

  .test-prep-page .immigration-section {
    padding-bottom: 50px;
  }

  .test-prep-page section.ielts-section-alt {
    padding-top: 50px !important;
    padding-bottom: 0;
  }

  .test-prep-page section.ielts-section-alt .ielts-container,
  .test-prep-page .immigration-section .services-list,
  .exp-sec-wrap .cards {
    padding: 20px;
  }

  .test-prep-page .immigration-section .container,
  .test-prep-page .immigration-section .right-column .headings-wrap.case-study-title {
    padding: 0;
  }

  .faq-container {
    margin: 0;
  }

  .test-prep-page .immigration-section .decor-bar {
    display: none;
  }

  .test-prep-page .immigration-section h2,
  .test-prep-page .ielts-section-alt p strong {
    font-size: 20px;
    line-height: 30px;
  }

  .test-prep-page .immigration-section .services-list li h3 {
    font-size: 14px;
    line-height: 24px;
  }

  .test-prep-page .immigration-section .services-list {
    margin: 0;
  }

  .abad-page section.services-sec .headings-wrap.case-study-title,
  section.exp-sec-wrap .headings-wrap.case-study-title {
    padding: 0;
    text-align: left;
  }

  .abad-page .exp-sec-wrap .cards h3 b,
  .abad-page .testimonial p.body-text---semibold {
    font-size: 20px;
    line-height: 30px;
  }

  .abad-page .exp-sec-wrap .cards h3 p {
    margin-top: 10px;
  }

  .abad-page section.state.counter-sec,
  .abad-page section.cards-address-sec {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  section.loc-map-wrap,
  .abad-page section.cards-address-sec .card-reveal-con {
    max-width: 100%;
  }

  .abad-page section.loc-map-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .cards-reveal-sec {
    grid-template-columns: repeat(1, 1fr);
  }

  .abad-page section.cards-address-sec h3 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
  }

  .cards-reveal-sec .bottom-text {
    font-size: 10px;
    line-height: 20px;
  }

  .cards-reveal-sec,
  .test-page .uni-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  /* .vadodara-page section:nth-child(8) {
    margin-top: 50px;
  } */

  .career-page .team-02-container {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
  }

  .career-page .offices-container {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .career-page .offices-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .career-page .offices-container .office-card {
    padding: 15px;
  }

  .career-page .team-02 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .career-page .team-img-box {
    flex-direction: column;
  }

  .career-page .review-img {
    width: 50%;
  }

  .career-page .reviews-wrap {
    width: 100%;
  }

  .career-page .team-grid .team-card-02:nth-child(even) .team-img-box {
    flex-direction: column-reverse;
  }

  .career-page .office-info-outer {
    align-items: flex-start;
  }

  .ielts-abad-page section.about .section-top._14 {
    margin: 0;
  }

  .ielts-abad-page section.services-sec.comp-sec .headings-wrap.case-study-title {
    padding: 0;
    margin: 0;
  }

  .ielts-abad-page section.services-sec.comp1-sec .headings-wrap.case-study-title {
    padding: 0;
  }

  .heading-7,
  .ielts-abad-page section.uni-section.brochures-sec h2.heading-02.mt-12,
  section.docs-req h4.body-text---semibold {
    font-size: 20px;
    line-height: 30px;
  }

  .ielts-abad-page section.ielts-section-alt {
    padding-top: 0px !important;
    padding-bottom: 0;
  }

  .canada-page .sec1-wrap {
    max-width: 100%;
  }

  .ielts-abad-page section.services-sec.comp1-sec .headings-wrap.case-study-title {
    margin: 0;
  }

  .ielts-vadodara-page div#sec01 .frame {
    margin: 0;
  }

  .ielts-vadodara-page .the-height-400vh-section .the-overflow-hidden-mask {
    padding-top: 40px;
  }

  .ielts-vadodara-page .the-height-400vh-section .frame .work-card {
    padding: 20px;
  }

  .best-study-page .case-study-collection-list {
    grid-template-columns: 1fr;
  }

  .best-study-page .case-study-slider .w-slide {
    flex: 0 0 100%;
    height: auto;
  }

  .best-study-page .case-study .w-dyn-item a.case-study-card.w-inline-block {
    width: 70%;
  }

  .expo-inner-page .services-sec .services-section {
    grid-template-columns: 1fr;
  }

  .expo-inner-page section.key-docs-req-wrap section.ielts-section-alt {
    padding: 0 !important;
  }

  .expo-inner-page .exp-sec-wrap .card-stack,
  .expo-inner-page section.scroll-cards-section.offers-sec-wrap .scroll-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .expo-inner-page .heading-02 {
    font-size: 20px;
    line-height: 30px;
  }

  .expo-inner-page section.exp-sec-wrap h3 {
    font-size: 16px;
    line-height: 26px;
  }

  .expo-another-inner-page .footer .w-form,
  .expo-inner-page .footer .w-form,
  .ielts-abad-page .footer .w-form {
    width: 100%;
  }

  .expo-inner3-page .scroll-cards-section .scroll-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .expo-inner3-page .scroll-cards-section .scroll-wrapper h2 {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
  }

  .expo-inner3-page section.exp-sec-wrap .headings-wrap.case-study-title {
    margin: 0;
  }

  .expo-inner3-page .logos-wrapper {
    margin-top: 0;
  }

  .expo-inner3-page section.key-docs-req-wrap .headings-wrap.case-study-title {
    margin: 0;
  }

  .blog-page .blog .w-dyn-item {
    height: auto;
  }

  .blog-page .blog .w-dyn-item a.blog-card.w-inline-block {
    height: 100%;
    width: 100%;
  }

  .blog-inner-page section.cms-single.blog-single {
    padding-top: 20px;
  }

  .blog-inner-page h2,
  .blog-inner-page p#con-sec,
  .blog-inner-page p#faq-sec,
  .blog-inner-page p.intro-sec {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .blog-inner-page .cms-details-wrap h3.heading-03,
  .blog-inner-page .cms-details-wrap b {
    font-size: 16px;
    line-height: 26px;
  }

  ul,
  ol {
    padding-left: 30px;
  }

  .services-sec .service-card p,
  .exp-sec-wrap .cards p,
  .services-sec .service-card h2 {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .aus-page section.key-docs-req-wrap section.ielts-section-alt {
    padding-top: 0 !important;
  }

  .uniq-section {
    padding: 50px 0;
  }

  .aus-page section.key-docs-req-wrap .key-secs-wrap .ielts-content h3.body-text---semibold,
  .seo-1 section.key-docs-req-wrap.dubai-visa-sec h2.heading-02.mt-12 {
    font-size: 20px;
    line-height: 30px;
  }

  .aus-page section.services-sec.scholar-sec p.heading-02.mt-12 {
    margin: 0;
    margin-bottom: 30px;
  }

  .immigration-section .services-list li {
    align-items: flex-start;
  }

  .seo-1 section.immigration-section .right-column .headings-wrap.case-study-title {
    margin-bottom: 0;
    margin-top: 30px;
  }

  .the-height-400vh-section .float-heding-inne-box h2.heading-02.mt-12 {
    width: 100%;
  }

  .the-height-400vh-section .the-overflow-hidden-mask {
    padding-top: 50px;
  }

  .seo-1 .headings-wrap.case-study-title {
    margin: 0;
  }

  .seo-2 section.immigration-section .headings-wrap.case-study-title {
    margin-top: 0 !important;
  }

  .seo-2 section.immigration-section .headings-wrap.case-study-title:last-child,
  .seo-1.france-seo section.services-sec.aus-2 .headings-wrap.case-study-title:last-child {
    margin-top: 30px !important;
  }

  .about-page .footer .headings-wrap.case-study-title {
    margin-bottom: 30px;
  }

  .about-page .footer .contact-form-box .w-form {
    margin-top: 0;
  }

  .france-seo section.immigration-section .right-column .headings-wrap.case-study-title:first-child {
    margin: 0;
  }

  .seo-1.france-seo section.exp-sec-wrap .headings-wrap.case-study-title {
    margin-bottom: 0;
  }

  .footer-contact-wrap .headings-wrap.case-study-title {
    padding: 0;
    margin-bottom: 30px;
  }

  .footer-contact-wrap label.body-text---small {
    text-align: left;
  }

  .apply-popup-content {
    padding: 20px;
  }

  #w-node-_5006191c-1780-fb26-e98e-206cb8dcd3c9-4f9e1675 {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .footer-contact-wrap .text-field {
    margin-top: 5px;
  }

  .footer-contact-wrap h2.heading-02.mt-12 {
    text-align: center;
  }

  .key-docs-wrap h2.heading-02.mt-12 {
    font-size: 20px;
  }

  body.about-page.test-prep-page.canada-page section.ielts-section-alt {
    padding: 0 !important;
  }

  section.g-review-sec {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .uk-page .course-spec-wrap .custom-tab-pane p {
    font-size: 12px;
  }

  .footer.new-foo .footer-contact-text {
    padding: 0 20px;
  }

  .apply-popup-content form#Contact_Us_4 {
    display: flex;
    flex-direction: column;
  }

  p.bottom-text.bot-right {
    display: flex;
  }

  section.footer-wrap {
    margin-top: 20px;
  }

  .awards-sec-wrap {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}

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

  #w-node-_66704a61-0796-e8b3-77b8-8eb64f9e1697-4f9e1675,
  #w-node-bd83f14e-9b14-f6ef-19be-184fbe7bf7ed-4f9e1675,
  #w-node-_66704a61-0796-e8b3-77b8-8eb64f9e169b-4f9e1675,
  #w-node-_66704a61-0796-e8b3-77b8-8eb64f9e16bc-4f9e1675,
  #w-node-_6ce51ab5-b9ec-ea95-3f48-21815a2506a2-1f6c16e6,
  #w-node-ea712ac9-4da4-4256-6b45-f9f3cb6c06ff-1f6c16e6,
  #w-node-_12c2be1c-bb0a-94b0-dc7e-4d1b15826c8f-a437fe91,
  #w-node-_12c2be1c-bb0a-94b0-dc7e-4d1b15826c9b-a437fe91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_88242377-e536-791d-a33c-ab1a1c07e5f0-a437fe91,
  #w-node-_9402f505-0418-08a5-95fe-4717acc0476b-a437fe91,
  #w-node-_0b428d74-d947-0ccd-3a14-f6b861fcd5bc-a437fe91,
  #w-node-a2c68c42-b004-52b9-41ea-350ef1b22987-a437fe91,
  #w-node-f7481993-f8e0-cc09-7973-ad4fd1a41884-a437fe91,
  #w-node-_7c01fd0b-8ce3-91e4-f26e-8a4852364c61-a437fe91,
  #w-node-df6fd489-bd75-ba35-82cc-a9523ec916a1-a437fe91,
  #w-node-ab95c8b8-0542-8941-df38-abab30816d8d-a437fe91 {
    justify-self: start;
  }

  #Email.w-node-e0e666a4-095d-4a0a-0989-7d1d2884bbf4-8bcdc286,
  #Password.w-node-a0c53709-69b6-cf45-f9af-0eec26f3c3e4-8bcdc286,
  #w-node-_45ab0dcb-de27-c834-91a8-fa52fab29b58-8bcdc286,
  #w-node-c144ed90-3afd-2716-00ed-f0a18ccf1832-8bcdc286,
  #Email-3.w-node-_6008b5e2-d84e-9e4d-138a-3ad83c11f1c9-f3fd70cd,
  #Password-2.w-node-_6008b5e2-d84e-9e4d-138a-3ad83c11f1ca-f3fd70cd,
  #w-node-cf1b4a19-bdeb-d58c-4212-b8212b44dfde-f3fd70cd,
  #w-node-cf1b4a19-bdeb-d58c-4212-b8212b44dfdf-f3fd70cd,
  #w-node-_4cae5e8a-28fb-6325-4151-00b3749ad216-d8a5fbbf,
  #w-node-_4cae5e8a-28fb-6325-4151-00b3749ad222-d8a5fbbf,
  #w-node-e20ad842-a5e8-5939-85eb-d96f5d063538-96dff22a,
  #w-node-e20ad842-a5e8-5939-85eb-d96f5d063544-96dff22a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  .home-hero {
    padding-top: 100px;
  }

  .heading-01 {
    font-size: 30px;
    line-height: 40px;
  }

  .home-bottom {
    height: auto;
  }

  .service-text-wrap {
    padding-right: 0;
  }

  .tab-section-wrap .tabs-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .uni-grid {
    gap: 10px;
  }

  .uni-section p.ser-p,
  .faq-item p.body-medium-3 {
    line-height: 24px;
    font-size: 14px;
  }

  .uni-card h4 {
    font-size: 14px;
  }

  .uni-card {
    padding: 10px;
  }

  section.key-docs-req-wrap .key-secs-wrap .ielts-container {
    padding: 20px;
  }

  section.key-docs-req-wrap section.ielts-section-alt .headings-wrap.case-study-title p.body-text---semibold strong,
  .exp-sec-wrap .cards h3,
  .newz-page section.key-docs-req-wrap.jobp-new .key-docs-wrap h4.body-text---semibold,
  .newz-page section.key-docs-req-wrap p.ser-p {
    font-size: 16px;
    line-height: 26px;
  }

  section.key-docs-req-wrap .headings-wrap.case-study-title {
    margin: 0;
  }

  div#sec01 .float-heding-inne-box {
    margin: 0;
  }

  .the-height-400vh-section .header {
    text-align: left;
  }

  .the-height-400vh-section .header p.body-text---semibold strong {
    font-weight: 100;
  }

  .faq-left h2.heading-02.mt-12,
  .uk-page section.all-courses-spec-wrap p.body-text---semibold {
    font-size: 20px;
    line-height: 30px;
  }

  .scroll-card {
    padding: 20px;
  }

  .uk-page section.all-courses-spec-wrap h2.heading-02.mt-12 {
    font-weight: 100;
  }

  section.key-docs-req-wrap .headings-wrap.case-study-title,
  section.services-sec .headings-wrap.case-study-title {
    text-align: left;
  }

  .about-page .footer .headings-wrap.case-study-title {
    text-align: left;
    padding: 0;
  }

  section.exp-sec-wrap .headings-wrap.case-study-title {
    text-align: left;
    padding: 0;
  }

  .uk-page section.all-courses-spec-wrap .header {
    padding: 0;
  }

  .uk-page .course-spec-wrap .custom-tabs-content {
    padding: 0;
  }

  .uk-page .course-spec-wrap .custom-tabs-container {
    overflow: unset;
  }

  .usa-page section.services-sec section.services-section {
    grid-template-columns: 1fr;
  }

  .tab-section-wrap .headings-wrap.case-study-title {
    margin-bottom: 20px;
  }

  .ger-page section.all-courses-spec-wrap .key-secs-wrap,
  .france-page section.all-courses-spec-wrap .key-secs-wrap {
    display: flex;
    flex-wrap: wrap;
  }

  .ger-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container p.body-text---semibold strong,
  .france-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container p.body-text---semibold strong,
  .france-page section.services-sec.aus-3 .key-secs-wrap .headings-wrap.case-study-title p.body-text---semibold strong {
    font-size: 14px;
  }

  .ger-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container,
  .france-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container,
  .france-page section.services-sec.aus-3 .ielts-container {
    padding: 10px;
  }

  .ger-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container p.body-text---semibold,
  .france-page section.all-courses-spec-wrap .key-secs-wrap .ielts-container p.body-text---semibold,
  .france-page section.services-sec.aus-3 .key-secs-wrap .headings-wrap.case-study-title p.body-text---semibold {
    text-align: left;
  }

  .scroll-card h3 {
    font-size: 16px;
  }

  .faq-item {
    padding: 10px;
  }

  .about-page .rs-contact-eight .pre-circle-ripple {
    font-size: 10px;
    opacity: 0;
  }

  .rs-contact-eight .rs-ripple-item.ripple-6::after {
    top: -10px;
  }

  .test-prep-page .immigration-section {
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .career-page .reviews-wrap p.body-text---large-semibold {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .best-study-page section.about .headings-wrap {
    max-width: 100%;
    width: 100%;
  }

  .best-study-page section.about .section-top._14 .service-card {
    padding: 0;
  }

  .expo-inner-page .logos-wrapper {
    margin-top: 0;
  }

  .expo-inner-page section.exp-sec-wrap .headings-wrap.case-study-title {
    margin-bottom: 0;
  }

  .expo-inner-page h3 {
    font-size: 16px;
    line-height: 26px;
  }

  .expo-inner-page .hero-container .pagination {
    display: flex;
    flex-direction: column;
  }

  .expo-inner-page section.uni-section.brochures-sec h2.heading-02.mt-12 {
    margin-top: 0;
  }

  .banner-form form#email-form input {
    margin: 0;
  }

  .expo-inner3-page .scroll-cards-section .scroll-wrapper h2 {
    font-size: 14px;
    line-height: 24px;
  }

  .aus-page section.key-docs-req-wrap .headings-wrap.case-study-title.key-inner-2 {
    margin-top: 30px;
  }

  section.blogs {
    padding-top: 50px;
    background-color: #2f4e78;
  }

  .the-height-400vh-section h1.heading-7.mt-12 {
    font-size: 20px;
  }

  .uk-page .course-spec-wrap .custom-tabs-content p.ser-p {
    justify-content: center;
  }

  .uk-page section.all-courses-spec-wrap .docs-req-wrap .all-docs {
    background: #f1f1f1;
    margin: 0 20px;
  }

  .usp-accordian-sec {
    padding: 0 20px;
  }

  .uk-page .course-spec-wrap .custom-tab-pane {
    padding-bottom: 50px;
  }

  .services-sec .service-card p.ser-p,
  .services-sec .service-card h3.ser-p,
  .uk-page section.services-sec.scholar-sec h2.ser-p,
  .canada-page section.services-sec.scholar-sec h2.ser-p,
  .ielts-abad-page section.services-sec.comp1-sec h2.ser-p {
    font-size: 14px;
  }

  .uniq-tab .uniq-tab__item,
  .uniq-tab__content-item.uniq-tab .uniq-tab__list .uniq-tab__item {
    font-size: 12px;
  }

  .uniq-section .tabs-head p.ser-p {
    justify-content: center;
  }

  .con-footer p.body-text---large-semibold {
    font-size: 14px;
  }

  .france-page section.services-sec.aus-3 p.ser-p {
    font-size: 20px;
  }

  .statistics-number-wrap {
    height: auto;
  }

  .banner-form form#Contact_Us {
    align-items: end;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .banner-form form#Contact_Us .field-wrap {
    width: 100%;
  }

  .f-fields-wrap {
    flex-direction: column;
  }

  .g-recaptcha {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .g-recaptcha div {
    width: auto !important;
  }

  .g-recaptcha iframe {
    width: 100%;
  }
}

.bg-hero {
  background-image: url(/assets/images/new-page/hero.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.left-text-container h1 {
  font-size: 64px;
  font-weight: 900;
  line-height: normal;
}

.left-text-container .highlight {
  padding: 0 20px 15px;
  border-radius: 20px;
  background: var(--yellow);
  border-radius: 50px;
}

.hero-italic {
  font-style: italic;
  font-weight: 400;
  font-size: 44px;
  line-height: 1.2;
}

.left-text-container .description {
  max-width: 700px;
  margin: 35px 0;
  color: var(--white);
}

.left-text-container .btn-03 {
  color: #000 !important;
  padding: 20px 80px 20px 40px;
  border-radius: 50px;
  margin: 40px 0;
  position: relative;
  background: #f5a623;
}

.left-text-container .btn-03 strong {
  font-size: 30px;
  font-weight: 800;
  display: block;
  line-height: normal;
}

.banner-btn-arrow {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 30px;
}

.left-text-container .stats {
  display: flex;
  gap: 30px;
}

.counter-text {
  font-size: 20px;
}

.left-text-container .stats div:not(:last-child) {
  padding-right: 20px;
  border-right: 2px solid #fff;
}

.thinking {
  padding: 80px 0;
  font-family: "Plus Jakarta Sans";
}

.heading h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
  margin: 0;
}

/* GRID */
.thinking-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 25px;
  margin-top: 40px;
  align-items: center;
}

.left-card {
  background: var(--blue);
  color: var(--white);
  padding: 25px 30px 15px 40px;
  border-radius: 20px;
  height: 100%;
  display: flex;
  align-items: center;
}

.left-card ul {
  list-style: none;
  padding: 0;
  list-style-image: url(/assets/images/li.png);
}

.left-card li {
  font-weight: 500;
  font-family: "Plus Jakarta Sans";
  font-size: 22px;
  margin: 0 0 10px;
  line-height: normal;
  padding: 0;
}

.image-box {
  height: 100%;
}

.image-box img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.right-card {
  background: #e6e6e6;
  padding: 25px;
  border-radius: 20px;
  color: #222;
}

.right-card p {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;
  font-family: "Plus Jakarta Sans";
}

p.figure {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  max-width: 84%;
}

.icon {
  width: 35px;
  height: 35px;
  background: #f4a62a;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
  font-weight: bold;
}

.girl-img {
  position: absolute;
  right: 0;
  bottom: -20px;
  z-index: 2;
}

.girl-img img {
  width: 55vw;
}

.session-banner .container {
  padding: 50px 0;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .thinking-grid {
    grid-template-columns: 1fr;
  }

  .heading h2 {
    font-size: 22px;
  }

  .heading h3 {
    font-size: 18px;
  }
}

/* study-section */
.study-section {
  padding: 80px 20px;
  text-align: center;
  background-image: url(/assets/images/new-page/hero.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.study-section .container {
  max-width: 1316px;
  margin: auto;
}

.study-title {
  color: var(--yellow);
  font-size: 40px;
  font-weight: 400;
}

.study-title>span {
  font-weight: 600;
}

.study-subtitle {
  font-size: 18px;
  color: var(--white);
  max-width: 1000px;
  margin: 20px auto 0;
}

.card-wrapper {
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  row-gap: 80px;
}

/* Card Style */
.card {
  background: #e9ecef;
  color: #1c3b5a;
  padding: 50px 25px 30px;
  border-radius: 20px;
  position: relative;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.icon {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  background: url(/assets/images/new-page/icon/study-bg.png);
  background-size: contain;
}

.card h3 {
  margin-top: 30px;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
  color: var(--blue);
}

.card p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.2;
  color: #555;
}

.footer-text {
  margin-top: 50px;
  font-size: 28px;
  color: var(--white);
}

/* Responsive */
@media (max-width: 992px) {
  .card-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .card-wrapper {
    grid-template-columns: 1fr;
  }
}

.trust-section {
  padding: 80px 20px;
}

.trust-section .container {
  max-width: 1316px;
  margin: auto;
}

.trust-row {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 60px;
}

.trust-row .left {
  width: 30%;
}

.trust-row .right {
  width: 65%;
}

.trust-image-box {
  max-width: 300px;
  margin: 0 auto;
}

.trust-title {
  font-size: 44px;
  font-weight: 400;
  color: var(--blue);
  line-height: 1.2;
  margin: 0;
}

.trust-title>span {
  font-weight: 800;
}

/* STATS GRID */
.stats {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.stat h3 {
  color: #c48311;
  font-size: 24px;
  font-weight: 800;
  margin: 0;
}

.stat p {
  margin-top: 8px;
  font-size: 14px;
  color: #444;
  line-height: 1.5;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .container {
    flex-direction: column;
    text-align: center;
  }

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

/* SECTION */
.journey-section {
  padding: 80px 20px;
  background: url(/assets/images/new-page/hero.png);
  position: relative;
  overflow: hidden;
}

.journey-container {
  max-width: 1316px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  position: relative;
  z-index: 1;
}

.journey-title {
  color: var(--white);
  font-size: 54px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

.journey-left span {
  color: var(--yellow);
  font-weight: 700;
  font-size: 60px;
}

/* RIGHT */
.journey-right {
  width: 580px;
}

/* HEADER CLICK AREA */
.step-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-bottom: 2px solid #333;
  padding-bottom: 15px;
}

.step-header h3 {
  margin: 0;
  color: #c48311;
  font-size: 26px;
}

.step-header span {
  font-size: 14px;
  font-weight: 800;
}

/* CONTENT HIDDEN */
.step-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}

.step-content p {
  margin: 0;
}

/* OPEN STATE */
.step-content.open {
  max-height: 200px;
  margin-top: 15px;
}

.step-card {
  background: var(--white);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: -10px;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
}

/* TOP ROW */
.step-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #333;
  padding-bottom: 8px;
}

.step-top span {
  font-size: 12px;
  font-weight: 600;
  color: #333;
}

.step-top h3 {
  font-size: 18px;
  color: #c48311;
  font-weight: 700;
}

/* ACTIVE LAST CARD */
.step-card.active {
  padding-bottom: 20px;
}

/* BOTTOM CONTENT */
.step-bottom {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-top: 15px;
}

.step-bottom img {
  border-radius: 12px;
}

.step-bottom p {
  font-size: 18px;
  color: #000;
  width: 38%;
  font-weight: 500;
}

.bg-white {
  background: var(--white);
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .journey-container {
    flex-direction: column;
    text-align: center;
  }

  .journey-right {
    width: 100%;
  }

  .step-bottom {
    flex-direction: column;
    gap: 10px;
  }

  .step-bottom p {
    width: 100%;
  }

  .journey-title {
    font-size: 42px;
  }
}

/* abroad */
.abroad-benefits {
  padding: 80px 20px;
}

.benefits-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  gap: 60px;
  align-items: center;
}

/* LEFT IMAGE */
.benefits-left img {
  width: 100%;
  max-width: 420px;
  border-radius: 12px;
}

/* RIGHT */
.benefits-right {
  flex: 1;
}

.benefits-title {
  font-size: 44px;
  color: var(--blue);
  line-height: 1.2;
  margin: 0;
  font-weight: 800;
}

.badge {
  display: inline-block;
  margin-top: 14px;
  background: #f4b321;
  color: #0f3a5d;
  padding: 10px 20px;
  border-radius: 30px;
  font-weight: 800;
  font-size: 18px;
}

.abroad-bottom {
  display: flex;
  gap: 40px;
  align-items: end;
  justify-content: space-between;
}

.gain-title {
  margin-top: 30px;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}

.gain-list {
  max-width: 350px;
  list-style: none;
  margin-top: 0;
  padding: 0;
}

.gain-list li {
  padding: 10px 0;
  border-bottom: 1px solid #333;
  font-size: 16px;
  color: #000;
  display: flex;
  gap: 10px;
}

.gain-list span {
  font-weight: 600;
  color: #000;
}

.mini-card {
  max-width: 300px;
}

.mini-card img {
  width: 100%;
  border-radius: 10px;
}

.mini-card p {
  font-size: 14px;
  color: #444;
  max-width: 350px;
  margin: 10px 0 0;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .benefits-container {
    flex-direction: column;
    text-align: center;
  }

  .mini-card {
    flex-direction: column;
  }
}

/* testimonial */
.testimonial-section {
  padding: 0 20px 80px;
}

.testimonial-section .container {
  max-width: 1316px;
  margin: auto;
  text-align: center;
}

.testimonial-title {
  font-size: 44px;
  color: #2c4e6e;
  margin: 0;
  font-weight: 800;
}

.testimonial-grid {
  margin-top: 50px;
  display: flex;
  gap: 60px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.t-card {
  background: var(--white);
  padding: 30px 120px 30px 30px;
  border-radius: 15px;
  text-align: left;
  position: relative;
  box-shadow: 0 10px 25px 10px rgba(0, 0, 0, 0.08);
  max-width: 500px;
  width: 100%;
}

.t-card:nth-of-type(3) {
  margin-left: auto;
}

/* TOP */
.t-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flag {
  width: 70px;
  position: absolute;
  right: 30px;
  top: 30px;
}

.t-text {
  margin: 20px 0;
  font-size: 16px;
  color: #000;
  line-height: 1.4;
  font-weight: 600;
}

/* USER */
.t-user {
  display: flex;
  align-items: center;
  gap: 10px;
}

.t-user img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.t-user span {
  font-weight: 800;
  color: #2c4e6e;
}

.quote {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .testimonial-grid {
    grid-template-columns: 1fr;
  }

  .journey-title {
    font-size: 36px;
  }
}

.session-banner {
  background: url(/assets/images/new-page/session-bg.png);
  background-size: cover;
  color: var(--white);
}

.session-banner .container {
  max-width: 1316px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 40px;
}

.content {
  max-width: 55%;
}

.session-title {
  font-size: 52px;
  font-weight: 800;
  color: #fbbf24;
  margin: 0 0 30px;
  line-height: 1.3;
}

.content p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 40px;
  color: #d1d5db;
}

.cta-btn {
  background: #f59e0b;
  color: #000;
  padding: 18px 40px;
  font-size: 24px;
  line-height: 1.2;
  border-radius: 50px;
  font-weight: 800;
  text-decoration: none;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  gap: 30px;
  width: max-content;
}

.cta-btn>span {
  display: inline-flex;
  font-size: 20px;
  position: relative;
  top: 1px;
}

.cta-btn:hover {
  background: #fbbf24;
}

.session-banner .stats {
  display: flex;
  gap: 30px;
}



.stats div:last-child {
  border-right: none;
}

.stats h3 {
  font-size: 24px;
  font-weight: 800;
  margin: 0;
}

.stats p {
  font-size: 20px;
  margin: 0;
}

.image img {
  height: 470px;
  position: absolute;
  right: 0;
  bottom: 0;
}

/* Responsive */
@media (max-width: 900px) {
  .container {
    flex-direction: column;
    text-align: center;
  }

  .content {
    max-width: 100%;
  }

  .stats {
    justify-content: center;
  }

  .session-title {
    font-size: 42px;
  }
}

/* FAQ */

.faq-section {
  padding: 60px 20px;
}

.faq-section .container {
  max-width: 1316px;
  margin: auto;
}

.faq-title {
  font-size: 44px;
  line-height: 1;
  color: #2c4e6e;
  margin: 0;
  font-weight: 800;
  text-align: center;
}

.faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  margin-top: 50px;
}

.faq-item.ss {
  border: 0;
  border-bottom: 2px solid #dcdcdc;
  padding: 15px 0;
  border-radius: 0;
}

.faq-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.faq-left {
  display: flex;
  gap: 20px;
  align-items: center;
}

.faq-number {
  font-size: 14px;
  color: #a0a0a0;
}

.faq-question {
  font-size: 22px;
  color: #2c4e6e;
  font-weight: 600;
}

.faq-icon::after {
  content: "+";
  font-size: 20px;
  color: #1e3a5f;
}

.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  font-size: 14px;
  color: #555;
  margin-left: 35px;
  font-size: 16px;
  color: #2c4e6e;
  font-weight: 500;
  max-width: 400px;
}

.faq-item.ss.active .faq-content {
  max-height: 100px;
  margin-top: 15px;
}

.faq-item.active .faq-icon::after {
  content: "−";
}

/* footer */
.cta-section {
  background: url("/assets/images/new-page/footer-bg.png") center/cover no-repeat;
  text-align: center;
  border-radius: 40px;
  overflow: hidden;
}

.cta-overlay {
  background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 55 95) 100%);
  padding: 80px 0 0;
}

.cta-section .footer-container {
  max-width: 1316px;
  margin: auto;
  background: #fff;
  padding: 30px;
  border-radius: 30px;
}

.cta-section .bottom-container {
  margin: 0;
  max-width: 1316px;
}

.cta-section .footer-block {
  text-align: left;
}

.cta-section .bottom-text.bot-right a img {
  margin: 0 5px;
  filter: grayscale(1) invert(1);
}

.cta-section .bottom-text.bot-right a:last-child img {
  filter: grayscale(1) invert(0);
}

.cta-section .bottom-text,
.cta-section .bottom-text a {
  color: #fff;
}

.cta-section .footer-link {
  color: #555;
}

.cta-content {
  margin-bottom: 25vw;
}

.cta-footer-title {
  font-size: 52px;
  margin-bottom: 30px;
  line-height: 1.2;
  color: var(--white);
}

.cta-btn {
  display: inline-block;
  background: #f5a623;
  color: #000;
  padding: 14px 28px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
}

/* FLOAT CARD */
.cta-footer-card {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  max-width: 1100px;
  margin: 60px auto 0;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.footer-col h4 {
  margin-bottom: 10px;
  color: #1e3a5f;
}

.footer-col ul {
  list-style: none;
  padding: 0;
}

.footer-col ul li {
  font-size: 14px;
  margin-bottom: 6px;
  color: #555;
}

.logo {
  color: #1e3a5f;
  margin-bottom: 10px;
}

/* BOTTOM BAR */
.cta-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  color: #fff;
  font-size: 13px;
}

.socials span {
  margin-left: 10px;
  cursor: pointer;
}

@media only screen and (max-width: 1400px) {
  .left-text-container h1 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1200px) {
  .left-text-container h1 {
    font-size: 42px;
  }

  .left-text-container .highlight {
    padding: 0 5px 1px;
  }

  .left-card li {
    font-size: 18px;
  }

  .session-banner .image img {
    height: 380px;
  }

  .testimonial-title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 998px) {
  .left-text-container h1 {
    font-size: 36px;
  }

  .left-card li {
    font-size: 16px;
  }

  .footer-text {
    font-size: 24px;
  }

  .trust-row .left,
  .trust-row .right {
    width: 50%;
  }

  .benefits-title {
    font-size: 34px;
  }

  .session-banner .image img {
    display: none;
  }

  .testimonial-title {
    font-size: 32px;
  }

  .abroad-benefits {
    padding: 60px 20px;
  }

  .trust-title {
    font-size: 40px;
  }

  .hero-italic {
    font-size: 32px;
  }

  .girl-img {
    display: none;
  }

  .left-text-container .btn-03 {
    padding: 18px 36px 22px 30px;
  }
}

@media only screen and (max-width: 768px) {
  .left-text-container h1 {
    font-size: 30px;
  }

  .trust-row .left,
  .trust-row .right {
    width: 100%;
  }

  .journey-left span {
    font-size: 34px;
  }

  .step-header h3 {
    font-size: 18px;
  }

  .benefits-title {
    font-size: 28px;
  }

  .abroad-bottom {
    flex-direction: column;
    align-items: center;
  }

  .gain-list li {
    text-align: left;
  }

  .cta-footer-title {
    font-size: 46px;
  }

  .cta-btn {
    padding: 12px 22px;
    font-size: 16px;
  }

  .faq-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .faq-content {
    max-width: 100%;
    text-align: left;
  }

  .faq-title {
    font-size: 38px;
  }

  .faq-question {
    text-align: left;
    font-size: 18px;
  }

  .cta-btn {
    padding: 10px 20px;
    font-size: 14px;
  }

  .testimonial-title {
    font-size: 28px;
  }

  .abroad-benefits {
    padding: 40px 20px;
  }

  .trust-title {
    font-size: 34px;
  }

  .study-section {
    padding: 60px 20px;
  }

  .study-title {
    font-size: 28px;
  }

  .step-header h3 {
    font-size: 16px;
  }

  .hero-italic {
    font-size: 24px;
  }

  .left-text-container .btn-03 {
    padding: 15px 34px 20px 28px;
  }

  .banner-btn-arrow {
    font-size: 20px;
  }

  .left-text-container .stats {
    flex-direction: column;
  }

  .left-text-container .stats div:not(:last-child) {
    border-right: none;
  }

  .left-text-container .highlight {
    background: none;
  }

  .home-container {
    padding: 0 15px;
  }

  .left-text-container .btn-03 {
    margin: 25px 0;
  }

  .thinking {
    padding: 50px 0;
  }
}

@media only screen and (max-width: 420px) {
  .journey-title {
    font-size: 34px;
  }

  .left-text-container h1 {
    font-size: 30px;
    margin-bottom: 30px;
  }

  .left-card li {
    font-size: 14px;
  }

  .cta-footer-title {
    font-size: 32px;
  }

  .thinking {
    padding: 30px 0;
  }

  .cta-btn {
    padding: 5px 8px;
    font-size: 14px;
  }

  .testimonial-title {
    font-size: 26px;
  }

  .abroad-benefits {
    padding: 20px;
  }

  .gain-list span {
    font-size: 12px;
  }

  .trust-title {
    font-size: 28px;
  }

  .study-section {
    padding: 40px 20px;
  }

  .study-title {
    font-size: 24px;
  }

  .step-header h3 {
    font-size: 14px;
  }

  .hero-italic {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.2;
  }

  .left-text-container .btn-03 strong {
    font-size: 16px;
  }

  .btn-03 {
    font-size: 10px;
    font-weight: 600;
    line-height: 22px;
    padding: 13px 20px;
  }

  .left-text-container .btn-03 {
    padding: 13px 32px 20px 28px;
  }

  .banner-btn-arrow {
    font-size: 18px;
  }

}

/* ========================================================================
   TAILWIND UTILITY EQUIVALENTS — Voices of Our Achievers section
   ======================================================================== */
.flex {
  display: flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.flex-col {
  flex-direction: column;
}

.gap-6 {
  gap: 1.5rem;
}

.italic {
  font-style: italic;
}

.font-semibold {
  font-weight: 600;
}

.border {
  border-width: 1px;
  border-style: solid;
}

.overflow-hidden {
  overflow: hidden;
}

.container {
  width: 100%;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mb-4 {
  margin-bottom: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.p-6 {
  padding: 1.5rem;
}

.min-h-screen {
  min-height: 100vh;
}

.max-w-7xl {
  max-width: 80rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
}

.transform {
  transform: translateZ(0);
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: ease;
  transition-duration: 150ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.text-white {
  color: #fff;
}

.text-gray-300 {
  color: #d1d5db;
}

.bg-gray-900 {
  background-color: #111827;
}

.bg-gray-950 {
  background-color: #030712;
}

.border-gray-800 {
  border-color: #1f2937;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.h-\[40rem\] {
  height: 40rem;
}

.\[mask-image\:linear-gradient\(to_bottom\2c transparent\2c white_20\%\2c white_80\%\2c transparent\)\] {
  -webkit-mask-image: linear-gradient(to bottom, transparent, white 20%, white 80%, transparent);
  mask-image: linear-gradient(to bottom, transparent, white 20%, white 80%, transparent);
}

.\[mask-image\:linear-gradient\(to_top\2c transparent\2c white_20\%\2c white_80\%\2c transparent\)\] {
  -webkit-mask-image: linear-gradient(to top, transparent, white 20%, white 80%, transparent);
  mask-image: linear-gradient(to top, transparent, white 20%, white 80%, transparent);
}

.hover\:scale-105:hover {
  transform: scale(1.05);
}

.group:hover .group-hover-pause {
  animation-play-state: paused;
}

@media (min-width: 768px) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:block {
    display: block;
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:block {
    display: block;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
}

/* ========================================================================
   RESPONSIVE: Disable scroll-driven animations below desktop
   ======================================================================== */
@media screen and (max-width: 991px) {
  .the-height-400vh-section {
    height: auto !important;
  }

  .the-height-400vh-section .the-sticky-div {
    position: static !important;
    height: auto !important;
    overflow: visible !important;
  }

  .the-height-400vh-section .the-overflow-hidden-mask {
    overflow: visible !important;
    padding-top: 30px;
  }

  .the-height-400vh-section .the-width-400vh-scrollable-div {
    width: auto !important;
    flex-wrap: wrap !important;
    transform: none !important;
    gap: 20px;
    padding: 20px;
  }

  .the-height-400vh-section .work-card,
  .the-height-400vh-section .frame {
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  .service-container {
    height: auto !important;
  }
}

/* ========================================================================
   FIX 1: "Our Story / Who We Are" heading size
   ======================================================================== */
.about-section-top .heading-02 {
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
}

/* ========================================================================
   FIX 3: services-card-image-box full width
   ======================================================================== */
.services-card-image-box {
  width: 100%;
}
.services-card-image-box img.services-card-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ========================================================================
   FIX 4: Service cards full width on mobile
   ======================================================================== */
@media screen and (max-width: 991px) {
  .service-card-wrapper-2 {
    flex-direction: column !important;
    gap: 20px;
  }
  .service-card-wrapper-2 .service-card {
    max-width: 100% !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
}

/* ========================================================================
   FIX 5: Footer social icons spacing
   ======================================================================== */
.bottom-text.bot-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.bottom-text.bot-right a.footer-link {
  display: inline-flex;
  align-items: center;
}
.bottom-text.bot-right a.footer-link img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

/* ========================================================================
   FIX 7: Blog archive hero
   ======================================================================== */
.blog-main-page .hero {
  position: relative;
  overflow: hidden;
}
.blog-main-page .hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/banner/blog.jpg");
  background-size: cover;
  background-position: 100% 50%;
  z-index: 1;
}

/* ========================================================================
   FIX 8: Blog inner page layout
   ======================================================================== */
.blog-inner-page .hero {
  position: relative;
  overflow: hidden;
}
.blog-inner-page .cms-single {
  background-color: #fff;
}
.blog-inner-page .cms-single-inner {
  flex-direction: row;
}
@media screen and (max-width: 991px) {
  .blog-inner-page .cms-single-inner {
    flex-direction: column;
  }
}
/* ==== merged: blog-template.css ==== */
/* ========================================================================
   BLOG TEMPLATE STYLES
   ======================================================================== */

/* ---------- Hero Section ---------- */
/* min-height + the fixed .navbar-wrap pill (111px tall at >=768px, 91px
   below that) both drive blog-hero-content's padding-top below — it must
   clear the pill even when a long title forces the section taller than
   min-height, at which point align-items:flex-end has no effect and
   padding-top is the only thing standing between the title and the nav. */
.blog-hero-section {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background-color: #1a2d45;
}

.blog-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.blog-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.25) 60%, rgba(0,0,0,0.1) 100%);
  z-index: 2;
}

.blog-hero-content {
  position: relative;
  z-index: 3;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 150px 40px 50px;
}

.blog-hero-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
  margin: 16px 0 0;
  max-width: 800px;
}

.blog-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: rgba(255,255,255,0.7);
  flex-wrap: wrap;
}

.blog-breadcrumb a {
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  transition: color 0.2s;
}

.blog-breadcrumb a:hover {
  color: #faa831;
}

.blog-breadcrumb-sep {
  color: rgba(255,255,255,0.4);
  font-size: 18px;
}

.blog-breadcrumb-current {
  color: #faa831;
  font-weight: 500;
}

/* ---------- Blog Layout ---------- */
.blog-layout {
  background-color: #f5f5f5;
  padding: 60px 0 80px;
}

.blog-layout-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

/* ---------- Sidebar / TOC ---------- */
.blog-sidebar {
  flex: 0 0 280px;
  position: sticky;
  top: 100px;
}

.blog-toc {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  border: 1px solid #e8e8e8;
}

.blog-toc-title {
  font-size: 16px;
  font-weight: 700;
  color: #2f4e78;
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #faa831;
}

.blog-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.blog-toc-list li a {
  display: block;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.4;
  color: #555;
  text-decoration: none;
  border-radius: 6px;
  border-left: 3px solid transparent;
  transition: all 0.2s;
}

.blog-toc-list li a:hover {
  color: #2f4e78;
  background: #f0f4f8;
}

.blog-toc-list li.active a {
  color: #2f4e78;
  font-weight: 600;
  background: #edf2f7;
  border-left-color: #faa831;
}

/* ---------- Article ---------- */
.blog-article {
  flex: 1;
  min-width: 0;
}

.blog-featured-img {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 40px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.blog-featured-img img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 500px;
  object-fit: cover;
}

/* ---------- Blog Content Body ---------- */
.blog-content-body {
  background: #fff;
  border-radius: 16px;
  padding: 48px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  border: 1px solid #e8e8e8;
}

.blog-content-body h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  color: #2f4e78;
  margin: 48px 0 16px;
  padding-top: 16px;
  scroll-margin-top: 100px;
}

.blog-content-body h2:first-child {
  margin-top: 0;
}

.blog-content-body h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.35;
  color: #2f4e78;
  margin: 32px 0 12px;
}

.blog-content-body h4 {
  font-size: 18px;
  font-weight: 600;
  color: #373435;
  margin: 24px 0 10px;
}

.blog-content-body p {
  font-size: 16px;
  line-height: 1.75;
  color: #444;
  margin: 0 0 16px;
}

.blog-content-body a {
  color: #2f4e78;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s;
}

.blog-content-body a:hover {
  color: #faa831;
}

.blog-content-body strong,
.blog-content-body b {
  font-weight: 600;
  color: #333;
}

.blog-content-body ul,
.blog-content-body ol {
  padding-left: 28px;
  margin: 12px 0 20px;
}

.blog-content-body li {
  font-size: 16px;
  line-height: 1.75;
  color: #444;
  margin-bottom: 6px;
}

.blog-content-body img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 24px 0;
}

.blog-content-body table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
  font-size: 15px;
}

.blog-content-body table th,
.blog-content-body table td {
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  text-align: left;
}

.blog-content-body table th {
  background: #2f4e78;
  color: #fff;
  font-weight: 600;
}

.blog-content-body table tr:nth-child(even) {
  background: #f8f9fa;
}

.blog-content-body blockquote {
  border-left: 4px solid #faa831;
  margin: 24px 0;
  padding: 16px 24px;
  background: #fef9f0;
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: #555;
}

/* ---------- Tags ---------- */
.blog-tags {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid #e8e8e8;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.blog-tags-label {
  font-size: 14px;
  font-weight: 600;
  color: #2f4e78;
  margin-right: 4px;
}

.blog-tag {
  display: inline-block;
  padding: 4px 14px;
  background: #edf2f7;
  color: #2f4e78;
  font-size: 13px;
  font-weight: 500;
  border-radius: 20px;
  transition: all 0.2s;
}

.blog-tag:hover {
  background: #2f4e78;
  color: #fff;
}

/* ---------- Responsive ---------- */
@media screen and (max-width: 991px) {
  .blog-hero-section {
    min-height: 320px;
  }

  .blog-hero-title {
    font-size: 32px;
  }

  /* .navbar-wrap is still 111px tall down to 768px, so this keeps the
     same clearance as the desktop rule above — only the side padding
     shrinks here. */
  .blog-hero-content {
    padding: 140px 24px 36px;
  }

  .blog-layout-inner {
    flex-direction: column;
    padding: 0 20px;
  }

  .blog-sidebar {
    flex: none;
    width: 100%;
    position: static;
    order: -1;
  }

  .blog-toc {
    max-height: none;
  }

  .blog-content-body {
    padding: 28px 20px;
  }

  .blog-content-body h2 {
    font-size: 24px;
  }

  .blog-content-body h3 {
    font-size: 20px;
  }
}

/* .navbar-wrap drops from 111px to 91px tall right at this breakpoint
   (it switches to the compact hamburger-only pill), so the hero needs
   less top clearance from here down. */
@media screen and (max-width: 767px) {
  .blog-hero-content {
    padding-top: 120px;
  }
}

@media screen and (max-width: 479px) {
  .blog-hero-section {
    min-height: 260px;
  }

  .blog-hero-title {
    font-size: 26px;
  }

  .blog-hero-content {
    padding-top: 110px;
  }

  .blog-featured-img {
    border-radius: 12px;
    margin-bottom: 24px;
  }

  .blog-content-body {
    padding: 20px 16px;
    border-radius: 12px;
  }
}

/* ==== merged: mobile-menu.css ==== */
/* ==========================================================================
   Standalone mobile menu (gcm-*)
   Self-contained: uses no Webflow (.w-nav*) classes, so Webflow's runtime
   never touches it. Only active at <= 1130px. Desktop nav is untouched.
   ========================================================================== */

.gcm-root {
  --gcm-brand: #2f4e78;
  --gcm-brand-dark: #223a5c;
  --gcm-accent: #f5a623;
  --gcm-text: #1f2937;
  --gcm-muted: #6b7280;
  --gcm-line: #eceef2;
  display: none;
}

/* Backdrop */
.gcm-overlay {
  position: fixed;
  inset: 0;
  background: rgba(17, 24, 39, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 100000;
}

.gcm-root.gcm-open .gcm-overlay {
  opacity: 1;
  visibility: visible;
}

/* Sliding panel */
.gcm-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(88vw, 400px);
  max-width: 400px;
  background: #fff;
  z-index: 100001;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: -8px 0 40px rgba(0, 0, 0, 0.18);
  will-change: transform;
}

.gcm-root.gcm-open .gcm-panel {
  transform: translateX(0);
}

/* Header row (logo + close) */
.gcm-header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid var(--gcm-line);
  background: #fff;
}

.gcm-header img {
  height: 38px;
  width: auto;
}

.gcm-close {
  appearance: none;
  border: none;
  background: var(--gcm-brand);
  color: #fff;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
  padding: 0;
}

.gcm-close:hover {
  background: var(--gcm-brand-dark);
  transform: rotate(90deg);
}

.gcm-close svg {
  width: 18px;
  height: 18px;
  display: block;
}

/* Scrollable body */
.gcm-body {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 6px 0 12px;
}

.gcm-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gcm-item {
  border-bottom: 1px solid var(--gcm-line);
}

/* Plain links + accordion toggles share the same row look */
.gcm-link,
.gcm-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
  padding: 15px 22px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  color: var(--gcm-text);
  text-decoration: none;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  transition: color 0.2s ease, background 0.2s ease;
}

.gcm-link:hover,
.gcm-toggle:hover,
.gcm-toggle[aria-expanded="true"] {
  color: var(--gcm-brand);
  background: #f7f9fc;
}

.gcm-link i {
  color: var(--gcm-brand);
  margin-right: 8px;
}

/* Chevron */
.gcm-chevron {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: var(--gcm-muted);
  transition: transform 0.3s ease, color 0.2s ease;
}

.gcm-toggle[aria-expanded="true"] .gcm-chevron {
  transform: rotate(180deg);
  color: var(--gcm-brand);
}

/* Sub-menu (accordion) */
.gcm-sub {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  background: #f7f9fc;
  transition: max-height 0.35s ease;
}

.gcm-sub.gcm-sub-open {
  max-height: 640px;
}

.gcm-sub a {
  display: block;
  padding: 12px 22px 12px 40px;
  font-size: 15px;
  font-weight: 400;
  color: var(--gcm-muted);
  text-decoration: none;
  border-top: 1px solid #e6eaf0;
  transition: color 0.2s ease, background 0.2s ease;
}

.gcm-sub a:hover {
  color: var(--gcm-brand);
  background: #eef2f8;
}

/* Footer (apply + social) */
.gcm-footer {
  flex: 0 0 auto;
  padding: 16px 22px calc(16px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--gcm-line);
  background: #fff;
}

.gcm-apply {
  display: block;
  width: 100%;
  padding: 13px 16px;
  background: var(--gcm-brand);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.3px;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}

.gcm-apply:hover {
  background: var(--gcm-brand-dark);
}

.gcm-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 16px;
}

.gcm-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.gcm-social img {
  height: 18px;
  width: auto;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

.gcm-social a:hover img {
  opacity: 1;
}

/* #menu-burger is now a <button> — strip the UA button chrome so it looks
   exactly like the old <div> icon (transparent, no border). */
#menu-burger.menu-button {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  outline: none;
}

/* Only render the standalone menu on mobile/tablet.
   Hide the burger-driven legacy overlay behavior there too. */
@media (max-width: 1130px) {
  .gcm-root {
    display: block;
  }
}

/* Prevent the legacy Webflow nav overlay from ever showing on mobile —
   the standalone menu fully replaces it. */
@media (max-width: 1130px) {
  .nav-menu-wrapper.w-nav-menu,
  .nav-menu-wrapper.w-nav-menu.open {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
   Desktop nav stability.
   The intermittent "menu items drop below the navbar on some page loads"
   came from the flex nav row being allowed to wrap. Lock the row so a
   borderline width (e.g. scrollbar appearing/disappearing between client-side
   navigations) can never push items onto a second line.
   -------------------------------------------------------------------------- */
@media (min-width: 1131px) {
  .navbar-wrapper,
  .nav-menu-wrapper.w-nav-menu,
  .nav-menu.w-list-unstyled {
    flex-wrap: nowrap !important;
  }
}

/* Reserve the scrollbar gutter so viewport width stays constant between
   pages that scroll and pages that don't — removes the width jitter that
   nudged the nav into wrapping. */
html {
  scrollbar-gutter: stable;
}

/* ==== merged: brochure.css ==== */
/* ==========================================================================
   Self-hosted turnable-page brochure (StPageFlip)
   ========================================================================== */

/* --- StPageFlip core styles (from page-flip/src/Style/stPageFlip.css) --- */
.stf__parent {
  position: relative;
  display: block;
  box-sizing: border-box;
  transform: translateZ(0);
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.sft__wrapper {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.stf__parent canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.stf__block {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  perspective: 2000px;
}
.stf__item {
  display: none;
  position: absolute;
  transform-style: preserve-3d;
}
.stf__outerShadow,
.stf__innerShadow,
.stf__hardShadow,
.stf__hardInnerShadow {
  position: absolute;
  left: 0;
  top: 0;
}

.brochure-flip-outer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  padding: 10px 16px 20px;
}

.brochure-flip-stage {
  width: 100%;
  max-width: 1000px;
  display: flex;
  justify-content: center;
}

/* StPageFlip mounts here. Its inner sizing is driven by JS (size:"stretch"),
   so we only constrain the outer width. */
.brochure-flip {
  width: 100%;
  touch-action: pan-y;
}

.brochure-flip .stf__parent {
  margin: 0 auto;
}

/* Hide the raw page leaves until StPageFlip takes over (it adds `.stf__item`
   and drives visibility with inline styles). Prevents a flash of the 14
   images stacked vertically before initialisation. */
.brochure-flip .brochure-page {
  display: none;
}

/* The page image inside each generated leaf */
.brochure-flip .stf__item img,
.brochure-page img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: #fff;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

/* Controls */
.brochure-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.brochure-btn {
  appearance: none;
  border: none;
  background: #2f4e78;
  color: #fff;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, opacity 0.2s ease, transform 0.15s ease;
}

.brochure-btn:hover:not(:disabled) {
  background: #223a5c;
  transform: translateY(-1px);
}

.brochure-btn:disabled {
  opacity: 0.4;
  cursor: default;
}

.brochure-btn svg {
  width: 20px;
  height: 20px;
  display: block;
}

.brochure-page-indicator {
  font-size: 14px;
  font-weight: 600;
  color: #2f4e78;
  min-width: 96px;
  text-align: center;
  letter-spacing: 0.3px;
}

/* Loading state before StPageFlip initialises */
.brochure-flip-loading {
  width: 100%;
  max-width: 700px;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  background: linear-gradient(100deg, #eef2f8 30%, #f7f9fc 50%, #eef2f8 70%);
  background-size: 200% 100%;
  animation: brochure-shimmer 1.3s ease-in-out infinite;
}

@keyframes brochure-shimmer {
  from { background-position: 200% 0; }
  to { background-position: -200% 0; }
}

@media (max-width: 600px) {
  .brochure-btn {
    width: 42px;
    height: 42px;
  }
}

/* ==========================================================================
   Blog: publish date, Quick Answer (AEO/GEO) block, and Ask-AI action buttons
   ========================================================================== */

.blog-meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 22px;
  margin: 0 0 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e8e8e8;
}

.blog-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  line-height: 1.4;
}

.blog-meta-item time { color: #2f4e78; font-weight: 600; }

.blog-meta-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: #fdb813;
}

/* ---------- Quick Answer ---------- */
.blog-quick-answer {
  position: relative;
  background: #f5f8fc;
  border: 1px solid #dde6f2;
  border-left: 4px solid #fdb813;
  border-radius: 12px;
  padding: 20px 24px;
  margin: 0 0 22px;
}

.blog-quick-answer-head {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  color: #2f4e78;
  margin: 0 0 10px;
}

.blog-quick-answer-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-top: 4px;
  color: #fdb813;
}

.blog-quick-answer-text {
  margin: 0;
  font-size: 16px;
  line-height: 1.72;
  color: #373435;
}

/* ---------- Ask-AI action buttons ---------- */
.blog-ai-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 36px;
}

.blog-ai-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  text-decoration: none;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}

.blog-ai-btn:hover {
  border-color: #2f4e78;
  box-shadow: 0 6px 18px rgba(47, 78, 120, .12);
  transform: translateY(-1px);
}

.blog-ai-btn-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 9px;
  background: #f1f5f9;
}

.blog-ai-btn-logo svg { width: 19px; height: 19px; }
.blog-ai-btn--chatgpt .blog-ai-btn-logo { background: #10a37f; color: #fff; }
.blog-ai-btn--google  .blog-ai-btn-logo { background: #fff; border: 1px solid #e2e8f0; }

.blog-ai-btn-text { display: flex; flex-direction: column; min-width: 0; }

.blog-ai-btn-text strong {
  font-size: 14.5px;
  font-weight: 600;
  color: #2f4e78;
  line-height: 1.3;
}

.blog-ai-btn-text small {
  font-size: 12.5px;
  color: #6b7280;
  line-height: 1.35;
  margin-top: 2px;
}

@media screen and (max-width: 767px) {
  .blog-ai-actions { grid-template-columns: 1fr; }
  .blog-quick-answer { padding: 17px 18px; }
  .blog-quick-answer-head { font-size: 16px; }
  .blog-quick-answer-text { font-size: 15px; }
  .blog-meta-row { gap: 8px 16px; }
}

/* =========================================================================
 * Authors: blog byline, end-of-post author box, /authors pages
 * ========================================================================= */

/* ---------- Byline (inside .blog-meta-row) ---------- */
.blog-byline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-right: 6px;
}

.blog-byline-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 40px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #e5e7eb;
}

.blog-byline-text {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.blog-byline-name {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
}

.blog-byline-name a {
  color: #2f4e78;
  font-weight: 700;
  text-decoration: none;
}

.blog-byline-name a:hover { color: #faa831; }

.blog-byline-role {
  font-size: 12.5px;
  color: #6b7280;
}

/* ---------- Author box (end of post) ---------- */
.blog-author-box {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-top: 36px;
  padding: 26px 28px;
  background: #fff;
  border: 1px solid #e8edf3;
  border-left: 4px solid #fdb813;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

.blog-author-box-photo { flex: 0 0 96px; }

.blog-author-box-photo img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.blog-author-box-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.blog-author-box-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9ca3af;
}

.blog-author-box-name {
  font-size: 20px;
  font-weight: 700;
  color: #2f4e78;
  text-decoration: none;
  margin-top: 2px;
}

.blog-author-box-name:hover { color: #faa831; }

.blog-author-box-role {
  font-size: 14px;
  color: #6b7280;
  margin-top: 2px;
}

.blog-author-box-bio {
  font-size: 15px;
  line-height: 1.65;
  color: #444;
  margin: 10px 0 12px;
}

.blog-author-box-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}

.blog-author-box-links a {
  font-size: 14px;
  font-weight: 600;
  color: #2f4e78;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blog-author-box-links a:hover { color: #faa831; }

/* ---------- /authors hero ---------- */
.author-hero {
  min-height: 340px;
  background: linear-gradient(135deg, #1a2d45 0%, #2f4e78 100%);
}

.author-hero .blog-hero-overlay { background: none; }

.author-hero-role {
  color: rgba(255,255,255,0.85);
  font-size: 18px;
  margin: 10px 0 0;
}

/* ---------- Author profile ---------- */
.author-layout { gap: 40px; }

.author-sidebar {
  flex: 0 0 290px;
  position: sticky;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.author-card {
  background: #fff;
  border-radius: 16px;
  padding: 28px 24px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

.author-card-photo {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto 16px;
  border: 4px solid #fdb813;
}

.author-card-name {
  font-size: 22px;
  font-weight: 700;
  color: #2f4e78;
  margin: 0;
}

.author-card-role {
  font-size: 14.5px;
  color: #6b7280;
  margin: 4px 0 0;
}

.author-card-stats {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 28px;
  margin: 20px 0;
  padding: 16px 0;
  border-top: 1px solid #eef1f5;
  border-bottom: 1px solid #eef1f5;
}

.author-card-stats li { display: flex; flex-direction: column; }
.author-card-stats strong { font-size: 24px; color: #2f4e78; line-height: 1.1; }
.author-card-stats span { font-size: 13px; color: #6b7280; }

.author-card-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.author-card-links a {
  display: block;
  padding: 10px 14px;
  border-radius: 10px;
  background: #f5f8fc;
  color: #2f4e78;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

.author-card-links a:hover { background: #2f4e78; color: #fff; }

.author-main {
  flex: 1;
  min-width: 0;
  background: #fff;
  border-radius: 16px;
  padding: 36px 40px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

.author-section + .author-section { margin-top: 40px; }

.author-main h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: #2f4e78;
  margin: 0 0 16px;
}

.author-main h3 {
  font-size: 19px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 10px;
}

.author-main p {
  font-size: 16px;
  line-height: 1.75;
  color: #444;
  margin: 0 0 14px;
}

.author-quote { margin: 24px 0 0; }

.author-quote figcaption {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #2f4e78;
  text-align: right;
}

.author-chips {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.author-chips li {
  padding: 7px 14px;
  border-radius: 20px;
  background: #f0f4f9;
  color: #2f4e78;
  font-size: 14px;
  font-weight: 500;
}

.author-chips--small li { font-size: 12.5px; padding: 5px 11px; }

.author-service-links {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
}

.author-service-links a {
  display: block;
  padding: 12px 16px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  color: #2f4e78;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: border-color 0.2s, background 0.2s;
}

.author-service-links a:hover { border-color: #fdb813; background: #fffaf0; }

.author-topic-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 28px;
}

.author-topic-nav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 20px;
  border: 1px solid #dde3ea;
  color: #2f4e78;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
}

.author-topic-nav a span {
  background: #2f4e78;
  color: #fff;
  border-radius: 10px;
  padding: 1px 7px;
  font-size: 12px;
}

.author-topic-nav a:hover { border-color: #fdb813; }

.author-topic {
  scroll-margin-top: 110px;
  padding-top: 8px;
}

.author-topic + .author-topic { margin-top: 26px; }

.author-article-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.author-article-list li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f2f5;
}

.author-article-list a {
  color: #1f2937;
  font-size: 15.5px;
  font-weight: 500;
  line-height: 1.45;
  text-decoration: none;
}

.author-article-list a:hover { color: #2f4e78; text-decoration: underline; }

.author-article-list time {
  flex: 0 0 auto;
  font-size: 13px;
  color: #9ca3af;
  white-space: nowrap;
}

.author-cta {
  padding: 22px 22px 20px;
  border-radius: 16px;
  background: linear-gradient(135deg, #1a2d45 0%, #2f4e78 100%);
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.author-cta p { color: rgba(255,255,255,0.85); margin: 0; font-size: 14px; line-height: 1.55; }
.author-cta .author-cta-title { color: #fff; font-size: 18px; font-weight: 700; line-height: 1.3; margin-bottom: 6px; }

.author-cta-actions { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }

.author-cta-btn {
  display: block;
  text-align: center;
  padding: 11px 16px;
  border-radius: 10px;
  background: #fdb813;
  color: #1a2d45;
  font-weight: 700;
  font-size: 14.5px;
  text-decoration: none;
}

.author-cta-btn:hover { background: #fff; color: #1a2d45; }

.author-cta-btn--ghost {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.5);
}

.author-cta-btn--ghost:hover { background: rgba(255,255,255,0.12); color: #fff; }

.author-others {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.author-other {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  text-decoration: none;
}

.author-other img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.author-other span { display: flex; flex-direction: column; }
.author-other strong { color: #2f4e78; font-size: 16px; }
.author-other small { color: #6b7280; font-size: 13px; }
.author-other:hover { border-color: #fdb813; }

/* Short laptop screens: tighten the card so card and CTA both fit while sticky. */
@media screen and (min-width: 992px) and (max-height: 940px) {
  .author-sidebar { top: 100px; gap: 12px; }
  .author-card { padding: 20px 20px; }
  .author-card-photo { width: 110px; height: 110px; margin-bottom: 10px; }
  .author-card-stats { margin: 12px 0; padding: 10px 0; }
  .author-card-links { flex-direction: row; gap: 8px; }
  .author-card-links a { flex: 1; padding: 8px 6px; font-size: 13px; }
  .author-cta { padding: 16px 18px; }
  .author-cta-actions { margin-top: 12px; }
}

/* ---------- /authors hub ---------- */
.author-hub {
  flex-direction: column;
  align-items: stretch;
}

.author-hub-intro {
  font-size: 17px;
  line-height: 1.7;
  color: #444;
  max-width: 820px;
  margin: 0;
}

.author-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.author-hub-card {
  background: #fff;
  border-radius: 16px;
  padding: 28px 24px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.author-hub-photo img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #fdb813;
  display: block;
}

.author-hub-card h2 { font-size: 22px; margin: 16px 0 2px; }
.author-hub-card h2 a { color: #2f4e78; text-decoration: none; }
.author-hub-role { color: #6b7280; font-size: 14.5px; margin: 0 0 12px; }
.author-hub-bio { color: #444; font-size: 15px; line-height: 1.65; margin: 0 0 14px; }
.author-hub-card .author-chips { justify-content: center; margin-bottom: 18px; }

.author-hub-link {
  margin-top: auto;
  padding: 11px 18px;
  border-radius: 10px;
  background: #2f4e78;
  color: #fff;
  font-weight: 600;
  font-size: 14.5px;
  text-decoration: none;
}

.author-hub-link:hover { background: #fdb813; color: #1a2d45; }

/* ---------- Responsive ---------- */
@media screen and (max-width: 991px) {
  /* Stacked layout: card first, then the article, then the call to action. */
  .author-sidebar { display: contents; }
  .author-card { width: 100%; order: 0; }
  .author-main { order: 1; }
  .author-cta { width: 100%; order: 2; }
  .author-main { padding: 28px 22px; }
  .author-hub-grid { grid-template-columns: 1fr; }
}

@media screen and (max-width: 767px) {
  .blog-author-box { flex-direction: column; gap: 14px; padding: 22px 20px; }
  .author-service-links, .author-others { grid-template-columns: 1fr; }
  .author-article-list li { flex-direction: column; gap: 2px; }
  .author-main h2 { font-size: 22px; }
}

/* =========================================================================
 * Country study guide download (StudyGuideDownload.tsx)
 * ========================================================================= */
.study-guide-cta {
  background: linear-gradient(135deg, #1a2d45 0%, #2f4e78 100%);
  padding: 34px 24px;
}

.study-guide-cta-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.study-guide-cta-copy { flex: 1 1 520px; min-width: 0; }

.study-guide-cta-eyebrow {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fdb813;
}

.study-guide-cta-title {
  margin: 0 0 6px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}

.study-guide-cta-text {
  margin: 0;
  font-size: 15.5px;
  line-height: 1.6;
  color: rgba(255,255,255,0.85);
}

.study-guide-cta-btn {
  flex: 0 0 auto;
  padding: 15px 26px;
  border: 0;
  border-radius: 12px;
  background: #fdb813;
  color: #1a2d45;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s;
}

.study-guide-cta-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,0.2); }

.guide-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(10, 20, 35, 0.6);
}

.guide-modal-box {
  position: relative;
  width: 100%;
  max-width: 440px;
  max-height: 92vh;
  overflow-y: auto;
  padding: 32px 30px 26px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0,0,0,0.3);
}

.guide-modal-close {
  position: absolute;
  top: 10px;
  right: 14px;
  border: 0;
  background: none;
  font-size: 28px;
  line-height: 1;
  color: #6b7280;
  cursor: pointer;
}

.guide-modal-title {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: #2f4e78;
}

.guide-modal-text {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.55;
  color: #4b5563;
}

.guide-modal-form { display: flex; flex-direction: column; }

.guide-modal-form label {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}

.guide-modal-form input {
  width: 100%;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid #d6dce4;
  border-radius: 10px;
  font-size: 16px;
}

.guide-modal-form input:focus { outline: 2px solid #fdb813; outline-offset: 1px; border-color: #fdb813; }

.guide-modal-error {
  margin: 10px 0 0;
  font-size: 14px;
  color: #c0392b;
}

.guide-modal-submit {
  display: block;
  width: 100%;
  margin-top: 16px;
  padding: 14px 18px;
  border: 0;
  border-radius: 12px;
  background: #2f4e78;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.guide-modal-submit:hover { background: #1a2d45; color: #fff; }
.guide-modal-submit:disabled { opacity: 0.7; cursor: wait; }

.guide-modal-fine {
  margin: 12px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: #6b7280;
  text-align: center;
}

.guide-modal-fine a { color: #2f4e78; text-decoration: underline; }

@media screen and (max-width: 767px) {
  .study-guide-cta { padding: 26px 18px; }
  .study-guide-cta-title { font-size: 20px; }
  .study-guide-cta-btn { width: 100%; }
  .guide-modal-box { padding: 28px 20px 22px; }
}

/* Study guide banner inside a blog article: a rounded card rather than a full-width band. */
.blog-guide-cta { margin-top: 36px; }
.blog-guide-cta .study-guide-cta { border-radius: 16px; padding: 28px 26px; }
.blog-guide-cta .study-guide-cta-title { font-size: 21px; }

/* ---------- Partner universities (country pages, home, /partner-universities) ---------- */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

.partner-section { background: #f7f8fb; padding: 56px 24px; }
.partner-section-inner { max-width: 1180px; margin: 0 auto; }

.partner-eyebrow {
  margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: #c98f00;
}
.partner-title { margin: 0 0 12px; font-size: 30px; line-height: 1.25; font-weight: 700; color: #1a2d45; }
.partner-intro { margin: 0 0 28px; max-width: 820px; font-size: 16px; line-height: 1.65; color: #4a5568; }
.partner-intro a, .partner-hub a:not(.partner-cta):not(.partner-card-link) { color: #1a2d45; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

.partner-grid {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px;
}
.partner-card {
  display: flex; flex-direction: column; gap: 4px; min-width: 0;
  background: #fff; border-radius: 12px; padding: 16px 18px;
  border-top: 4px solid #fdb813; box-shadow: 0 2px 12px rgba(26,45,69,0.07);
}
.partner-card-name { font-size: 16px; font-weight: 700; line-height: 1.35; color: #1a2d45; }
.partner-card-formerly { font-size: 13px; color: #718096; }
.partner-card-place { font-size: 14px; color: #4a5568; }
.partner-card-link { margin-top: auto; padding-top: 8px; font-size: 14px; font-weight: 600; color: #2f4e78; text-decoration: none; }
.partner-card-link::after { content: " \2197"; }
.partner-card-link:hover { text-decoration: underline; }

.partner-country-tiles {
  list-style: none; margin: 0 0 28px; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px;
}
.partner-country-tile {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  height: 100%; padding: 18px 10px; border-radius: 12px; background: #fdb813;
  color: #1a2d45; text-decoration: none; text-align: center; transition: transform .15s ease;
}
.partner-country-tile:hover { transform: translateY(-2px); }
.partner-country-count { font-size: 32px; font-weight: 800; line-height: 1; }
.partner-country-name { font-size: 15px; font-weight: 600; }

.partner-cta {
  display: inline-block; padding: 14px 26px; border-radius: 12px;
  background: #1a2d45; color: #fff; font-size: 16px; font-weight: 700; text-decoration: none;
}
.partner-cta:hover { background: #2f4e78; color: #fff; }

/* Hub page */
.partner-hub { display: block; max-width: 1180px; }
.partner-hub-intro { font-size: 17px; line-height: 1.7; color: #2d3748; max-width: 860px; margin: 0 0 24px; }
.partner-jump { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 16px; }
.partner-jump a {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px;
  background: #fff; border: 1px solid #e2e8f0; color: #1a2d45; font-weight: 600; font-size: 14px; text-decoration: none;
}
.partner-jump a span { background: #fdb813; border-radius: 999px; padding: 1px 8px; font-size: 12px; }
.partner-hub-country { padding-top: 32px; scroll-margin-top: 110px; }
.partner-hub-country h2 { font-size: 26px; line-height: 1.3; color: #1a2d45; margin: 0 0 8px; }
.partner-hub-country > p { margin: 0 0 18px; color: #4a5568; font-size: 16px; line-height: 1.6; }
.partner-faq details { background: #fff; border-radius: 12px; padding: 16px 20px; margin-bottom: 10px; box-shadow: 0 2px 10px rgba(26,45,69,0.05); }
.partner-faq summary { cursor: pointer; font-weight: 700; color: #1a2d45; font-size: 16px; }
.partner-faq details p { margin: 10px 0 0; color: #4a5568; line-height: 1.65; }
.partner-hub-cta {
  margin: 40px 0 8px; padding: 32px 28px; border-radius: 16px; text-align: center;
  background: linear-gradient(135deg, #1a2d45 0%, #2f4e78 100%); color: #fff;
}
.partner-hub-cta h2 { color: #fff; font-size: 24px; margin: 0 0 8px; }
.partner-hub-cta p { color: rgba(255,255,255,0.85); max-width: 640px; margin: 0 auto 20px; line-height: 1.6; }
.partner-hub-cta .partner-cta { background: #fdb813; color: #1a2d45; }

@media (max-width: 767px) {
  .partner-section { padding: 40px 16px; }
  .partner-title { font-size: 24px; }
  .partner-hub-country h2 { font-size: 22px; }
  .partner-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .partner-card { padding: 12px 14px; }
  .partner-card-name { font-size: 14.5px; }
  .partner-country-tiles { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 420px) {
  .partner-grid { grid-template-columns: 1fr; }
}

.blog-image-credit { margin: 6px 0 18px; font-size: 12.5px; color: #718096; }
.blog-image-credit a { color: inherit; text-decoration: underline; }

/* ---------- Landing page content blocks (LandingSections.tsx) ---------- */
.lp-inner { max-width: 1180px; margin: 0 auto; }
.lp-eyebrow { margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #c98f00; }
.lp-section { padding: 56px 24px; }
.lp-section--light { background: #f7f8fb; }
.lp-section--white { background: #fff; }
.lp-title { margin: 0 0 12px; font-size: 30px; line-height: 1.25; font-weight: 700; color: #1a2d45; }
.lp-intro { max-width: 860px; margin: 0 0 24px; font-size: 16.5px; line-height: 1.7; color: #3d4a5c; }
.lp-intro p { margin: 0 0 12px; }
.lp-section a:not(.lp-btn), .lp-quick a { color: #1a2d45; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.lp-section h3 { font-size: 18px; line-height: 1.35; color: #1a2d45; margin: 0 0 6px; }
.lp-section p, .lp-section li { font-size: 16px; line-height: 1.65; color: #3d4a5c; }

.lp-quick { background: #fff; padding: 36px 24px 8px; }
.lp-quick .lp-inner { border-left: 5px solid #fdb813; background: #fffaf0; border-radius: 12px; padding: 24px 28px; }
.lp-quick-title { margin: 0 0 10px; font-size: 24px; line-height: 1.3; color: #1a2d45; }
.lp-quick-body p { margin: 0 0 10px; font-size: 16.5px; line-height: 1.7; color: #2d3748; }
.lp-quick-body ul { margin: 0; padding-left: 20px; }
.lp-quick-body li { font-size: 16px; line-height: 1.65; color: #2d3748; margin-bottom: 4px; }

.lp-steps { list-style: none; counter-reset: lp; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.lp-steps li { counter-increment: lp; position: relative; background: #fff; border-radius: 14px; padding: 22px 22px 18px 64px; box-shadow: 0 2px 12px rgba(26,45,69,0.07); }
.lp-steps li::before { content: counter(lp); position: absolute; left: 20px; top: 20px; width: 32px; height: 32px; border-radius: 50%; background: #fdb813; color: #1a2d45; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.lp-steps li p { margin: 0 0 6px; }

.lp-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 12px; box-shadow: 0 2px 12px rgba(26,45,69,0.07); background: #fff; }
.lp-table { width: 100%; border-collapse: collapse; min-width: 560px; }
.lp-table caption { text-align: left; padding: 12px 16px; font-size: 14px; color: #718096; caption-side: bottom; }
.lp-table th, .lp-table td { padding: 12px 16px; border-bottom: 1px solid #edf0f5; text-align: left; vertical-align: top; font-size: 15px; line-height: 1.55; color: #2d3748; }
.lp-table thead th { background: #1a2d45; color: #fff; font-weight: 700; }
.lp-table tbody th { font-weight: 700; color: #1a2d45; }

.lp-offices { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }
.lp-office { background: #fff; border-radius: 14px; padding: 20px; border-top: 4px solid #fdb813; box-shadow: 0 2px 12px rgba(26,45,69,0.07); display: flex; flex-direction: column; }
.lp-office-address { font-size: 14.5px !important; margin: 0 0 8px; }
.lp-office-phone { margin: 0 0 12px; font-weight: 700; }
.lp-office-phone a { text-decoration: none !important; }
.lp-office-links { margin: auto 0 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 15px !important; }

.lp-faq details { background: #f7f8fb; border-radius: 12px; padding: 16px 20px; margin-bottom: 10px; }
.lp-faq summary { cursor: pointer; font-weight: 700; color: #1a2d45; font-size: 16.5px; line-height: 1.45; }
.lp-faq-answer p { margin: 10px 0 0; }

.lp-cta { padding: 48px 24px; background: linear-gradient(135deg, #1a2d45 0%, #2f4e78 100%); text-align: center; }
.lp-cta h2 { color: #fff; font-size: 28px; line-height: 1.3; margin: 0 0 10px; }
.lp-cta p { color: rgba(255,255,255,0.88); max-width: 720px; margin: 0 auto 22px; font-size: 16.5px; line-height: 1.65; }
.lp-cta p a { color: #fdb813; }
.lp-cta-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.lp-btn { display: inline-block; padding: 14px 26px; border-radius: 12px; font-size: 16px; font-weight: 700; text-decoration: none; }
.lp-btn--primary { background: #fdb813; color: #1a2d45; }
.lp-btn--ghost { border: 2px solid rgba(255,255,255,0.7); color: #fff; }

@media (max-width: 767px) {
  .lp-section { padding: 40px 16px; }
  .lp-quick { padding: 28px 16px 4px; }
  .lp-quick .lp-inner { padding: 18px 18px; }
  .lp-title { font-size: 24px; }
  .lp-quick-title { font-size: 21px; }
  .lp-steps { grid-template-columns: 1fr; }
  .lp-cta { padding: 40px 16px; }
  .lp-cta h2 { font-size: 23px; }
}
.lp-checklist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 10px 24px; max-width: 1000px; }
.lp-checklist li { position: relative; padding-left: 30px; }
.lp-checklist li::before { content: "\2713"; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: #fdb813; color: #1a2d45; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; margin-top: 3px; }
@media (max-width: 420px) { .lp-checklist { grid-template-columns: 1fr; } }
.lp-subtitle { margin: 32px 0 10px !important; font-size: 20px !important; }
.lp-links { margin: 0; padding-left: 20px; }
.lp-links li { margin-bottom: 6px; }

/* Let wide content (tables) scroll inside posts instead of widening the page. */
.blog-article, .blog-content-body { min-width: 0; max-width: 100%; }

/* Partner university logo tiles (cropped from the partner brochure, 192 x 146) */
.partner-card-logo {
  display: block; width: 100%; max-width: 240px; height: auto; aspect-ratio: 192 / 146;
  object-fit: cover; border-radius: 8px; border: 1px solid #eceff4; margin: 0 0 10px; background: #fff;
}
@media (max-width: 767px) { .partner-card-logo { max-width: none; } }

/* Images carry width/height attributes so the browser reserves their space before they
   load (prevents layout shift / CLS). :where() keeps this at zero specificity, so any
   existing rule that sets an image's height still wins. */
:where(img[width][height]) { height: auto; }

/* Count-up numbers use fixed-width digits so their width does not jitter while animating. */
.counter { font-variant-numeric: tabular-nums; }

/* "Almost 20" years counter: the word sits before the number, smaller, on the same line. */
.statistics-number-wrap .counter-prefix { font-size: clamp(16px, 1.6vw, 22px); line-height: 1.2; align-self: center; margin-right: 8px; }

/* Blog enquiry CTA (office selector + Call / WhatsApp / Book) */
.blog-enquiry {
  margin-top: 36px;
  padding: 28px;
  background: linear-gradient(135deg, #2f4e78 0%, #1f3656 100%);
  border-radius: 16px;
  color: #fff;
  box-shadow: 0 8px 28px rgba(31,54,86,0.18);
}
.blog-enquiry-label {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1f3656;
  background: #fdb813;
  padding: 4px 10px;
  border-radius: 999px;
}
.blog-enquiry-title {
  margin: 12px 0 6px;
  font-size: 22px;
  line-height: 1.3;
  color: #fff;
}
.blog-enquiry-sub { margin: 0; color: rgba(255,255,255,0.8); font-size: 15px; }
.blog-enquiry-offices { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 14px; }
.blog-enquiry-office {
  font: inherit;
  font-size: 14px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.35);
  background: transparent;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.blog-enquiry-office:hover { border-color: #fdb813; }
.blog-enquiry-office.is-active { background: #fdb813; border-color: #fdb813; color: #1f3656; font-weight: 700; }
.blog-enquiry-address { display: flex; gap: 8px; align-items: flex-start; margin: 0 0 18px; font-size: 14px; color: rgba(255,255,255,0.9); }
.blog-enquiry-address svg { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 1px; color: #fdb813; }
.blog-enquiry-address a { color: #fdb813; text-decoration: underline; }
.blog-enquiry-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.blog-enquiry-btn {
  flex: 1 1 180px;
  text-align: center;
  padding: 12px 16px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: transform 0.15s, opacity 0.15s;
}
.blog-enquiry-btn:hover { transform: translateY(-1px); opacity: 0.95; }
.blog-enquiry-btn--call { background: #fff; color: #1f3656; }
.blog-enquiry-btn--wa { background: #25d366; color: #fff; }
.blog-enquiry-btn--book { background: #fdb813; color: #1f3656; }
@media (max-width: 600px) {
  .blog-enquiry { padding: 22px 18px; }
  .blog-enquiry-title { font-size: 19px; }
  .blog-enquiry-btn { flex-basis: 100%; }
}

/* Ahmedabad money page: office block and country hub links */
.abad-office-section { padding: 40px 20px; }
.abad-office-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.abad-office-card {
  background: #fff;
  border: 1px solid #e8edf3;
  border-top: 4px solid #fdb813;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.abad-office-card h2 { font-size: 24px; line-height: 1.3; color: #2f4e78; margin: 0 0 10px; }
.abad-office-lead { margin: 0 0 16px; color: #4b5563; }
.abad-office-line { margin: 0 0 8px; color: #1f2937; }
.abad-office-line a { color: #2f4e78; font-weight: 700; }
.abad-office-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.abad-office-btn {
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid #2f4e78;
  color: #2f4e78;
  font-weight: 700;
  text-decoration: none;
}
.abad-office-btn--primary { background: #fdb813; border-color: #fdb813; color: #1f3656; }
.abad-hub-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
.abad-hub-list a { color: #2f4e78; font-weight: 600; text-decoration: none; }
.abad-hub-list a:hover { color: #faa831; text-decoration: underline; }
@media (max-width: 767px) {
  .abad-office-grid, .abad-hub-list { grid-template-columns: 1fr; }
  .abad-office-card { padding: 22px 18px; }
}

/* Partner summary: featured logo cards with a More card (no partner counts on the site) */
.partner-featured {
  list-style: none; margin: 0 0 28px; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px;
}
.partner-featured-card {
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px;
  background: #fff; border-radius: 12px; padding: 14px 12px 16px;
  border-top: 4px solid #fdb813; box-shadow: 0 2px 12px rgba(26,45,69,0.07);
}
.partner-featured-card img { width: 100%; max-width: 160px; height: auto; aspect-ratio: 192 / 146; object-fit: contain; }
.partner-featured-name { font-size: 14.5px; font-weight: 700; color: #1a2d45; line-height: 1.3; }
.partner-featured-place { font-size: 12.5px; color: #718096; }
.partner-featured-card--more { padding: 0; background: #1a2d45; border-top-color: #fdb813; }
.partner-featured-more {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  width: 100%; height: 100%; min-height: 170px; padding: 16px; border-radius: 12px;
  color: #fff; text-decoration: none; transition: transform .15s ease;
}
.partner-featured-more:hover { transform: translateY(-2px); }
.partner-featured-more-icon {
  display: flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 50%; background: #fdb813; color: #1a2d45;
  font-size: 28px; font-weight: 800; line-height: 1;
}
.partner-featured-more-label { font-size: 20px; font-weight: 800; }
.partner-featured-more-sub { font-size: 13px; color: rgba(255,255,255,0.8); }
@media (max-width: 767px) {
  .partner-featured { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

/* Brochure download wall: email code step */
.guide-modal-code {
  font-size: 26px;
  letter-spacing: 10px;
  text-align: center;
  font-weight: 700;
}
.guide-modal-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
}
.guide-modal-link {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  color: #2f4e78;
  text-decoration: underline;
  cursor: pointer;
}
.guide-modal-link:disabled { color: #9ca3af; text-decoration: none; cursor: default; }

/* Sticky Call and WhatsApp bar on phones (city money pages and country hubs) */
.mobile-contact-bar,
.mobile-contact-spacer { display: none; }
@media (max-width: 767px) {
  .mobile-contact-spacer { display: block; height: 68px; }
  .mobile-contact-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    display: flex;
    gap: 10px;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
    background: #fff;
    box-shadow: 0 -4px 18px rgba(26,45,69,0.16);
  }
  .mobile-contact-btn {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
  }
  .mobile-contact-btn svg { width: 20px; height: 20px; flex: 0 0 20px; }
  .mobile-contact-btn--call { background: #2f4e78; }
  .mobile-contact-btn--wa { background: #25d366; }
}

/* Landing page hero with enquiry form (city money pages and country hubs) */
.lp-hero { background: linear-gradient(135deg, #1f3656 0%, #2f4e78 100%); color: #fff; padding: 150px 24px 56px; }
.lp-hero-inner { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: 48px; align-items: start; }
.lp-hero-crumbs { font-size: 14px; color: rgba(255,255,255,0.75); margin: 0 0 16px; }
.lp-hero-crumbs a { color: rgba(255,255,255,0.9); text-decoration: none; }
.lp-hero-crumbs a:hover { color: #fdb813; }
.lp-hero-eyebrow { color: #fdb813; font-weight: 700; font-size: 15px; letter-spacing: 0.02em; margin: 0 0 10px; }
.lp-hero-title { color: #fff; font-size: 44px; line-height: 1.15; margin: 0 0 18px; font-weight: 800; }
.lp-hero-lead { color: rgba(255,255,255,0.88); font-size: 18px; line-height: 1.6; margin: 0 0 22px; max-width: 620px; }
.lp-hero-points { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.lp-hero-points li { position: relative; padding-left: 30px; font-size: 16px; color: #fff; line-height: 1.5; }
.lp-hero-points li::before { content: ""; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border-radius: 50%; background: #fdb813 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%231f3656'/%3E%3C/svg%3E") center/14px no-repeat; }
.lp-hero-form-card { background: #fff; color: #1a2d45; border-radius: 16px; padding: 26px 24px; box-shadow: 0 18px 40px rgba(10,25,45,0.35); }
.lp-hero-form-title { font-size: 22px; font-weight: 800; margin: 0 0 4px; color: #1a2d45; }
.lp-hero-form-note { font-size: 14px; color: #5b6676; margin: 0 0 16px; }
.lp-form { display: grid; gap: 10px; }
.lp-form input, .lp-form select, .lp-form textarea { width: 100%; font: inherit; font-size: 15px; padding: 12px 14px; border: 1px solid #cfd8e3; border-radius: 10px; background: #fff; color: #1a2d45; box-sizing: border-box; }
.lp-form input:focus, .lp-form select:focus, .lp-form textarea:focus { outline: 2px solid #fdb813; outline-offset: 1px; border-color: #fdb813; }
.lp-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lp-form .g-recaptcha { display: flex; justify-content: center; min-height: 0; }
.lp-form-submit { font: inherit; font-weight: 800; font-size: 16px; padding: 14px; border: 0; border-radius: 10px; background: #fdb813; color: #1a2d45; cursor: pointer; }
.lp-form-submit:hover { background: #f0a800; }
.lp-form-error { margin: 0; font-size: 14px; color: #b42318; min-height: 0; }
@media (max-width: 900px) {
  .lp-hero { padding: 120px 16px 36px; }
  .lp-hero-inner { grid-template-columns: 1fr; gap: 24px; }
  .lp-hero-title { font-size: 30px; }
  .lp-hero-lead { font-size: 16px; }
}

/* Destination and city cards on the landing pages */
.lp-cards { list-style: none; margin: 24px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 18px; }
.lp-card { background: #fff; border: 1px solid #e3e8ef; border-top: 4px solid #fdb813; border-radius: 14px; padding: 20px 22px; display: flex; flex-direction: column; gap: 8px; }
.lp-section--white .lp-card { background: #f7f8fb; }
.lp-card h3 { margin: 0; }
.lp-card-body p { margin: 0; }
.lp-card-office { margin: 0; font-size: 14px !important; display: flex; flex-direction: column; gap: 2px; }
.lp-card-office a { font-weight: 700; }
.lp-card-links { margin: auto 0 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 15px !important; }
.lp-related { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px 20px; }
.lp-related li { padding-left: 18px; position: relative; }
.lp-related li::before { content: "›"; position: absolute; left: 0; color: #fdb813; font-weight: 800; }
@media (max-width: 600px) {
  .lp-cards { grid-template-columns: 1fr; }
  .lp-form-row { grid-template-columns: 1fr; }
}
.lp-reviews { list-style: none; margin: 22px 0 16px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; }
.lp-review { background: #fff; border: 1px solid #e3e8ef; border-radius: 14px; padding: 20px 22px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; }
.lp-review blockquote { margin: 0; }
.lp-review blockquote p { margin: 0; font-style: italic; }
.lp-review-name { margin: 0; font-weight: 700; color: #1a2d45 !important; font-size: 14px !important; }
/* Phones: drop the proof points so the enquiry fields sit above the fold */
@media (max-width: 600px) {
  .lp-hero { padding-top: 112px; }
  .lp-hero-points { display: none; }
  .lp-hero-lead { margin-bottom: 16px; }
  .lp-hero-form-card { padding: 20px 18px; }
}