/* import font family is == DM Sans ==*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");

/*
Theme Name:     UBIKVR
Theme URI:
Author:
Author URI:
Description:
Version:        1.0


License:
License URI:

 [Table of Content]
 01. Reset
 02. Global Style
	  01. Index Page Style
        section Index Page
            1.1. Header section
            1.2. Hero section
            1.3. About Us section
            1.4. Services section
            1.5. Choose Us section
            1.6. Achievement section
            1.7. Discover section
            1.8. Pricing Plan section
            1.9. Testimonial section
            1.10. Blogs section
            1.11. Partners section
            1.12. Newsletter section
            1.13. Footer Section

    02. About Page Style
        section About Page
            2.1. Subpage_Hero section
            2.2. Mission section
			2.3. Online section
			2.4. Team section

    03. Services Page Style
        section Services Page
            3.1. Features section

    04. Pricing Page Style

    05. Testimonial Page Style

    06. Team Page Style

    07. Blog Page Style

    08. BlogDetails_Hero Page Style
		section BlogDetails_Hero Page
			   8.1. BlogDetails_Hero section
			   8.2. Details section
			   8.3. Comment section

    09. Contact Page Style
		section Contact Page
				9.1. Contact_Details section
				9.2. Contact section

    10. Error Page Style
		section Error Page
				10.1. Error_404 section

    11. ComingSoon Page Style
		section ComingSoon Page
				11.1. ComingSoon section

 */
/* #region HTML5 display-role reset for older browsers */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 100%;
}

/* #endregion */
/* End of HTML5 display-role reset for older browsers */

/* #region =====  01. Reset  ====== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  font-family: "DM-Sans", sans-serif;
  line-height: 1;
  background: #000000;
  color: #ffffff;
  scroll-behavior: smooth;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

input:focus,
button:focus {
  outline: none;
}

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

select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background-color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0px 0px 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

select::-ms-expand {
  display: none;
}

label {
  font-weight: normal;
}

iframe {
  width: 100%;
}
/* #endregion */
/* =====  End of 01. Reset  ====== */

/* #region ===== 02. Global Style ===== */
h1 {
  font-size: 70px;
  line-height: 80px;
  font-weight: 700;
  font-family: "DM-Sans", sans-serif;
}

h2 {
  font-size: 52px;
  line-height: 62px;
  font-weight: 700;
  font-family: "DM-Sans", sans-serif;
}

h3 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  font-family: "DM-Sans", sans-serif;
}

h4 {
  font-size: 28px;
  line-height: 42px;
  font-weight: 700;
  font-family: "DM-Sans", sans-serif;
}

h5 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  font-family: "DM-Sans", sans-serif;
}

h6 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  font-family: "DM-Sans", sans-serif;
}

.p,
p {
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  font-family: "DM-Sans", sans-serif;
}

a {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  text-decoration: none;
  font-family: "DM-Sans", sans-serif;
  color: #ffffff;
}

button {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  padding: 17px 53px;
  font-family: "DM-Sans", sans-serif;
  border: none;
  outline: none;
}

.mini-heading {
  padding: 7px 23px;
  border-radius: 40px;
  border: 1px solid #4f4f55;
  background-color: #161326;
  width: fit-content;
  box-shadow: 0px 0px 13px 3px #1848b86680 inset;
}

.site-wrapper {
  width: 100%;
  max-width: none;
  margin: 0;
  overflow-x: clip;
}

header aside .overflow-hidden::before {
  content: "";
  width: 1355px;
  height: 1355px;
  top: 56px;
  left: 731px;
  border-radius: 50%;
  background: #1848b866;
  filter: blur(180px);
  position: absolute;
  z-index: -1;
}

.hero-bg::before {
  content: "";
  width: 946px;
  height: 946px;
  top: -443px;
  left: -441px;
  border-radius: 50%;
  background: #1848b866;
  filter: blur(180px);
  position: absolute;
  z-index: -1;
}

.hero-bg {
  overflow-x: clip;
}

.hero-bg::after {
  content: "";
  width: 648px;
  height: 648px;
  border-radius: 50%;
  top: 680px;
  left: 1473px;
  background: #1848b866;
  filter: blur(180px);
  position: absolute;
  z-index: -1;
}

.hero::after {
  content: "";
  width: 648px;
  height: 648px;
  border-radius: 50%;
  top: 839px;
  left: 254px;
  background: #1848b866;
  filter: blur(180px);
  position: absolute;
  z-index: -1;
}

.twosec-bg::before,
.about-bg::before {
  content: "";
  width: 946px;
  height: 946px;
  border-radius: 50%;
  top: 510px;
  left: -370px;
  background: #1848b866;
  filter: blur(180px);
  position: absolute;
  z-index: -1;
}

.thirdsec-bg::before {
  content: "";
  width: 946px;
  height: 946px;
  border-radius: 50%;
  top: 550px;
  left: 1340px;
  background: #1848b866;
  filter: blur(180px);
  position: absolute;
  z-index: -1;
}

.hover1 {
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #ffffff;
  z-index: 1;
  border-radius: 15px;
  transition: ease all 0.3s;
  text-align: center;
  box-shadow: 0px 0px 13px 3px #1848b8664d inset;
}

.hover1::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0%;
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  z-index: -1;
  transition: 0.5s;
  border-radius: 50% 50% 0% 0%;
}

.hover1:hover::before,
.hover1:hover::after {
  height: 200%;
  width: 100%;
}

.hover1:hover {
  color: #ffffff;
}

.hover1:active {
  filter: brightness(0.8);
}

.hover3 {
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: 0.5s ease;
  font-weight: 500;
  color: #ffffff;
  z-index: 1;
  padding: 17px 50px;
  border-radius: 15px;
  border: none;
  line-height: 27px;
  transition: ease all 0.3s;
  border: 1px solid transparent;
}

.hover3::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 0px;
  background: linear-gradient(135.39deg, #1848b866 0%, #08173c 100%);
  z-index: -1;
  transition: 0.8s;
  border-radius: 0% 0% 50% 50% !important;
}

.hover3:hover::before {
  height: 200%;
}

.hover3:hover {
  color: #ffffff;
}

.hover3:active {
  filter: brightness(0.8);
}

/* form validation modal */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

#HeaderModal.active+.overlay,
#NewsletterModal.active+.overlay,
#ContactModal.active+.overlay,
#FeedbackModal.active+.overlay,
#ComingsoonModal.active+.overlay {
  display: block;
}

#HeaderModal,
#NewsletterModal,
#ContactModal,
#FeedbackModal,
#ComingsoonModal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

#HeaderModal.active,
#NewsletterModal.active,
#ContactModal.active,
#FeedbackModal.active,
#ComingsoonModal.active {
  display: block;
}

#HeaderModal div,
#NewsletterModal div,
#ContactModal div,
#FeedbackModal div,
#ComingsoonModal div {
  width: 350px;
  padding: 30px 0px;
  border-radius: 20px;
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
}

#HeaderModal figure,
#NewsletterModal figure,
#ContactModal figure,
#FeedbackModal figure,
#ComingsoonModal figure {
  width: fit-content;
}

#HeaderModal button,
#NewsletterModal button,
#ContactModal button,
#FeedbackModal button,
#ComingsoonModal button {
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #ffffff;
  z-index: 1;
  border-radius: 15px;
  transition: ease all 0.3s;
  text-align: center;
  box-shadow: 0px 0px 13px 3px #1848b8664d inset;
  padding: 15px 25px;
  background-color: #161326;
}

#HeaderModal button::before,
#NewsletterModal button::before,
#ContactModal button::before,
#FeedbackModal button::before,
#ComingsoonModal button::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0px;
  background: linear-gradient(135.39deg, #1848b866 0%, #08173c 100%);
  z-index: -1;
  transition: 0.8s;
  border-radius: 50% 50% 0% 0% !important;
}

#HeaderModal button:hover::before,
#NewsletterModal button:hover::before,
#ContactModal button:hover::before,
#FeedbackModal button:hover::before,
#ComingsoonModal button:hover::before {
  height: 200%;
}

#HeaderModal button:hover,
#NewsletterModal button:hover,
#ContactModal button:hover,
#FeedbackModal button:hover,
#ComingsoonModal button:hover {
  color: #ffffff;
}

.hover1:active {
  filter: brightness(0.8);
}

/* #endregion */
/* ===== End of 02. Global Style ===== */

/* #region ======== 1.1. Header section ======== */
.nav-logo img {
  width: 180px;
}

nav a {
  font-size: 16px;
}

header .flex-row-reverse {
  width: 100%;
}

.navbar a,
header .lh-base:focus {
  color: #ffffff;
}

.navbar a:hover,
.navbar a.active {
  color: #1848b866;
  transition: all 0.3s ease-in;
}

header .dropdown .nav-link {
  cursor: pointer;
}

header .dropdown ul {
  width: 200px;
}

header .dropdown-menu {
  padding: 20px 10px;
  background: #150c23;
  overflow: hidden;
  transition: all 0.3s ease-in;
  visibility: hidden;
  border-radius: 10px;
}

header .dropdown ul li a:focus,
header .dropdown ul li a:hover,
header .dropdown ul li a.active {
  background-color: transparent;
  color: #1848b866;
}

header .search i {
  font-size: 20px;
  color: #ffffff;
  padding: 0px 12px 0px 0px;
}

header .modal {
  display: none;
  z-index: 1000;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(7px);
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

header .searchModal .close-btn {
  top: 20px;
  right: 30px;
  background: none;
  color: #ffffff;
  font-size: 50px;
  padding: 0px;
}

header .searchModal .position-relative {
  transform: translateY(-400%);
  transition: transform 0.7s ease-in-out;
}

header .modal.show .position-relative {
  transform: translateY(0);
}

header .searchModal input::placeholder {
  color: #ffffff;
}

header .searchModal input {
  padding: 20px;
  outline: none;
  background: #150c2380;
  color: #ffffff;
  border: 1px solid #1848b866;
  border-radius: 10px;
}

header .close-btn:hover,
header .search-btn:hover i {
  color: #1848b866;
}

header .search-btn {
  border: none;
  background: none;
  padding: 0px;
  top: 20px;
  right: 20px;
}

header .search-btn i {
  color: #ffffff;
}

header .menu-icon {
  background: transparent;
  border-radius: 50%;
  height: 36px;
  width: 38px;
  color: #ffffff;
  border: 1px solid #4f4f55;
  padding: 0px;
}

header .menu-icon:hover,
header .close-icon:hover {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  border: none;
}

header .menu-icon:hover i,
header .close-icon:hover i {
  transition: all 0.3s ease-in;
}

header .menu-icon i {
  font-size: 18px;
}


.menu-bar {
  right: -100%;
  top: 0px;
  z-index: 50;
  background: #161326;
  transition: right 0.8s ease;
  overflow-y: auto;
}

.menu-bar .overflow-hidden {
  padding: 1rem 0rem 8rem;
}

.menu-bar .col-lg-6 .flex-column:nth-child(1) {
  gap: 70px;
}

.menu-bar .p-0 img {
  width: 250px;
  padding: 10px 0px 0px;
}

.menu-bar.active {
  right: 0px;
}

.menu-bar .close-icon {
  width: 38px;
  height: 38px;
  font-size: 36px;
  padding: 0px;
  margin: 0px 0px 0px 10px;
  border: 1px solid #4f4f55;
  border-radius: 50%;
  color: #ffffff;
  background-color: transparent;
}

.menu-bar .close-icon i {
  font-size: 24px;
}

.menu-bar a {
  color: #ffffff;
  transition: all 0.3s ease-in;
}

.menu-bar .gap-sm-5 .justify-content-center {
  border: 1px solid #4f4f55;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  font-size: 16px;
  box-shadow: 0px 0px 13px 3px #1848b86680 inset;
}

.menu-bar .dropdown-menu a {
  font-size: 16px;
}

.menu-bar .gap-sm-5 p {
  transition: all 0.3s ease-in;
}

.menu-bar ul li a:hover,
.menu-bar .gap-sm-5 a:hover p {
  color: #1848b866;
}

.menu-bar .gap-sm-5 a:hover .justify-content-center {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  border: none;
}

.menu-bar hr {
  height: 3px;
  background-color: #ffffff;
}

.menu-bar form .d-flex {
  border: 1px solid #1848b866;
  border-radius: 15px;
}

.menu-bar input[type="email"] {
  background-color: transparent;
  color: #ffffff;
  border: none;
  border-radius: 15px;
  padding: 25px 0px 21px 24px;
}

.menu-bar input[type="email"]::placeholder {
  color: #ffffff;
  font-size: 16px;
}

.menu-bar form button {
  background-color: #161326;
  color: #ffffff;
  border: 1px solid #1848b866;
  border-radius: 15px;
  padding: 18px 36px;
  right: 0px;
  top: 0px;
}

.menu-bar .pt-sm-5 i {
  border: 1px solid #1848b866;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  font-size: 16px;
  box-shadow: 0px 0px 13px 3px #1848b86680 inset;
}

.menu-bar .justify-content-start i:hover {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  border: none;
}

.menu-bar .dropdown-menu {
  background: #161326;
  padding: 10px;
  z-index: 100;
}

.menu-bar .dropdown:hover .dropdown-menu,
.menu-bar .dropdown-menu.active {
  display: block;
}
/* #endregion */
/* ======== End of 1.1. Header section ======== */

/* #region ========= 1.2. Hero section ======== */
.hero::before {
  content: "";
  width: 108px;
  height: 108px;
  background: linear-gradient(153.88deg, #1848b866 12.65%, #6b122a 90.62%);
  top: 730px;
  right: 0px;
  position: absolute;
  clip-path: circle(50% at 100% 50%);
}

.hero .align-items-end .position-relative::before {
  content: "";
  width: 100%;
  height: 95%;
  background: linear-gradient(135.39deg, #1848b866 0%, #091b45 100%);
  z-index: -1;
  border-radius: 50%;
  top: -47px;
  right: 0px;
  position: absolute;
}

.hero {
  padding: 76px 0px 0px;
}

.hero .m-auto {
  display: grid;
  grid-template-columns: repeat(3, 50%);
}

.hero h1 {
  padding: 0px 15px 20px 0px;
}

.hero p {
  padding: 0px 90px 39px 0px;
}

.hero .justify-content-sm-center {
  gap: 72px;
}

.hero .hover1 {
  border: 1px solid #4f4f55;
  padding: 17px 53px;
  color: #ffffff;
  background: #161326;
}

.hero button {
  background-color: transparent;
  color: #ffff;
}

.hero .p-0 span,
.hero .p-0 i {
  transition: all 0.6s ease;
}

.hero .fa-play {
  background-color: #1848b866;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  position: relative;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 5px rgba(228, 42, 91, 0.7);
  }

  70% {
    box-shadow: 0 0 0 15px rgba(228, 42, 91, 0);
  }

  100% {
    box-shadow: 0 0 0 5px rgba(228, 42, 91, 0);
  }
}

.hero .modal-dialog {
  max-width: unset;
  width: 80%;
}

.hero .modal-content {
  background-color: transparent;
  backdrop-filter: unset;
}

.hero .modal-content button {
  opacity: 1;
  visibility: hidden;
  position: absolute;
  right: 0px;
  top: -12px;
  z-index: 1;
}

.hero .modal-content i {
  color: #fff;
  visibility: visible;
  font-size: 28px;
  transition: color 0.3s ease;
}

.hero .modal-content button:hover i {
  color: #777777;
}

.hero .modal-body {
  width: 700px;
  margin: unset;
}

.hero iframe {
  border: none;
  width: 100%;
  height: 400px;
}

@keyframes slideFadeTwistEntrance {
  0% {
    transform: translateY(100vh) rotate(-30deg);
    opacity: 0;
  }

  100% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}

.hero .modal-content {
  animation: slideFadeTwistEntrance 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
  padding: 0px;
}

.hero .p-0:hover span {
  color: #1848b866;
  transition: all 0.3s ease;
}

.hero .p-0:hover i {
  color: #1848b866;
  background-color: transparent;
  border: 1px solid #4f4f55;
  transition: all 0.3s ease;
}

.hero .gap-lg-3 {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  margin: 73px 0px 59px;
  padding: 24px 25px 40px;
  border-radius: 20px;
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
}

.hero .align-items-end {
  grid-row: 1/3;
}

.hero .gap-lg-3 figure {
  width: fit-content;
}

.hero .flex-column h6 {
  padding: 16px 0px 0px;
}

.hero .flex-column p {
  padding: 5px 5px 0px 0px;
  font-size: 12px;
  text-align: start;
}

.hero hr {
  width: 1px;
  background: #ffffff;
  height: 146px;
  opacity: 1;
  margin: 0px;
}
/* #endregion */
/* ========= 1.2. End of Hero section ======== */

/* #region ========= 1.3. About Us section ======== */
.About {
  padding: 100px 0px;
}

.About img {
  border-radius: 20px;
  object-fit: cover;
}

.About h2 {
  padding: 23px 0px 18px;
}

.About p {
  padding: 0px 124px 40px 0px;
}

.About li i {
  font-size: 18px;
  color: #4f4f55;
  margin: 0px 28px 0px 0px;
}

.About .flex-sm-row {
  gap: 30px;
  padding: 50px 0px 0px;
}

.About a {
  color: #ffffff;
}

.About a i {
  border: 1px solid #ffffff;
  border-radius: 50%;
  padding: 10px 12px;
  transform: rotate(45deg);
  transition: all 0.5s;
}

.About a.gap-3:hover i {
  color: #000000;
  background-color: #ffffff;
}

.About .hover1 {
  background-color: #161326;
  border: 1px solid #4f4f55;
  padding: 17px 53px;
}

.about-bg::before {
  width: 400px;
  height: 600px;
  top: 865px;
  left: -235px;
}

/* #endregion */
/* ========= 1.3. End of About Us section ======== */

/* #region ========= 1.4. Services section ======== */
.Services {
  padding: 0px 0px 100px;
}

.Services.mx-auto {
  padding: 100px 0px;
}

.Services .gap-lg-4 {
  padding: 0px 0px 50px;
}

.Services .align-items-lg-start {
  border: 1px solid #4f4f55;
  padding: 42px 35px 56px;
  border-radius: 20px;
  cursor: pointer;
  transition: 0.5s ease all;
}

.Services .m-auto {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  grid-template-rows: auto auto 65px;
}

.Services .m-auto .align-items-lg-start:nth-child(3) {
  grid-column: 1 / 2;
}

.Services .pt-md-3 {
  grid-row: 3 / 4;
  grid-column: 1 / 3;
}

.Services .m-0 {
  grid-column: 3 / 4;
  grid-row: 1 / 4;
}

.Services .align-items-lg-start h4 {
  padding: 25px 0px 10px;
}

.Services .align-items-lg-start p {
  padding: 0px 1px 30px 0px;
}

.Services .align-items-lg-start a {
  color: #ffffff;
}

.Services .align-items-lg-start i {
  border: 1px solid #ffffff;
  border-radius: 50%;
  padding: 8px 10px;
  transform: rotate(45deg);
  transition: 0.5s ease all;
}

.Services .align-items-lg-start a:hover i {
  color: #000000;
  background-color: #ffffff;
}

.Services .align-items-lg-start:hover {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
}

.Services .hover1 {
  border: 1px solid #4f4f55;
  width: 100%;
  padding: 17px 0px;
}

.Services figure {
  width: fit-content;
  object-fit: cover;
}

.Services picture img {
  border-radius: 20px;
  object-fit: cover;
}
/* #endregion */
/* ========= 1.4. End of Services section ======== */

/* #region ========= 1.5. Choose Us section ======== */
.ChooseUs {
  padding: 0px 0px 100px;
}

.ChooseUs.mt-0 {
  padding: 100px 0px;
}

.ChooseUs img {
  border-radius: 20px;
  object-fit: cover;
}

.ChooseUs .align-items-md-start {
  gap: 20px;
  padding: 39px 0px;
}

.ChooseUs .align-items-md-start p {
  padding: 0px 100px 0px 0px;
}

.ChooseUs .flex-column {
  gap: 20px;
}

.ChooseUs a {
  color: #ffffff;
}

.ChooseUs .flex-column .hover3 {
  border: 1px solid #4f4f55;
  border-radius: 20px;
  padding: 30px 27px;
}

/* #endregion */
/* ========= 1.5. End of Choose US section ======== */

/* #region ========= 1.6. Achievement section ======== */
.Achievement {
  padding: 0px 0px 70px;
}

.Achievement.mx-auto {
  padding: 100px 0px 70px;
}

.Achievement.mt-0 {
  padding: 100px 0px 70px;
}

.Achievement h5 {
  width: max-content;
}

.Achievement .justify-content-center {
  padding: 0px 0px 59px;
}

.Achievement .justify-content-center hr {
  height: 2px;
  width: 36%;
  background-color: #ffffff;
  margin: 0px;
}

.Achievement h1 {
  font-size: 112px;
  color: transparent;
  -webkit-text-stroke: 2px #1848b866;
  z-index: 1;
  margin: 0px;
  left: 50px;
}

.Achievement p {
  top: 41px;
  left: 212px;
  transform: translate(-50%, -50%);
  z-index: 2;
}
/* #endregion */
/* ========= 1.6. End of Achievement section ======== */

/* #region ========= 1.7. Discover section ======== */
.Discover {
  background-image: url("../images/scanner.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 119px 0px;
}

.Discover .d-flex {
  background-color: #161326cc;
  padding: 86px 0px 90px;
  border-radius: 20px;
}

.Discover h2 {
  padding: 0px 135px;
}

.Discover p {
  padding: 30px 192px 50px;
}

.Discover a {
  background-color: #161326;
  border: 1px solid #4f4f55;
  padding: 17px 53px;
}
/* #endregion */
/* ========= 1.7. End of Discover section ======== */

/* #region ========= 1.8. Pricing Plan section ======== */
.Plan {
  padding: 100px 0px;
  background-color: #211e34;
}

.Plan .gap-4 .flex-column:nth-child(-n + 2),
.Plan .col-md-6 .flex-column:nth-child(1) {
  padding: 49px 24px 50px;
  background-color: #161326;
  border-radius: 20px;
}

.Plan .align-items-baseline {
  padding: 15px 0px;
}

.Plan .flex-column p {
  padding: 0px 9px 30px 0px;
}

.Plan .flex-column a {
  background-color: #161326;
  padding: 15px 0px;
  border: 1px solid #4f4f55;
}

.Plan .flex-column .align-items-center {
  padding: 41px 0px 38px;
}

.Plan .flex-column hr {
  height: 2px;
  background-color: #ffffff;
  margin: 0px;
}

.Plan li i {
  font-size: 18px;
  color: #4f4f55;
  margin: 0px 28px 0px 0px;
  transition: all 0.4s ease;
}

.Plan .gap-4 .flex-column:nth-child(-n + 2):hover,
.Plan .col-md-6 .flex-column:nth-child(1):hover {
  background: linear-gradient(135.39deg, #1848b866 0%, #08173c 100%);
}

.Plan .gap-4 .flex-column:nth-child(-n + 2):hover li i,
.Plan .col-md-6 .flex-column:nth-child(1):hover li i {
  color: #ffffff;
}

.Plan h2 {
  padding: 25px 8px 20px 0px;
}

.Plan .pt-0 p {
  padding: 0px 50px 50px 0px;
}

.Plan .pt-0 a {
  padding: 17px 52px;
  border: 1px solid #4f4f55;
  background-color: #161326;
}
/* #endregion */
/* ========= 1.8. End of Pricing Plan section ======== */

/* #region ========= 1.9. Testimonial section ======== */
.Testimonial {
  padding: 100px 0px;
}

.Testimonial .col-md-7 {
  padding-right: 0px;
}

.Testimonial .col-md-5 {
  padding-left: 0px;
}

.Testimonial h2 {
  padding: 22px 135px 53px 0px;
}

.Testimonial .pt-0 .flex-column:nth-child(2) {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  padding: 14px 38px 40px;
  border-radius: 20px 0px 0px 20px;
}

.Testimonial .pt-0 figure {
  top: 30px;
  width: fit-content;
}

.Testimonial img[alt="testimonial-comma"] {
  width: 90px;
  height: 69px;
}

.Testimonial p {
  padding: 0px 65px 23px 0px;
}

.Testimonial .h-100 img {
  border-radius: 20px;
}

.TestimonialSlider .slick-dots {
  bottom: -40px;
}

.TestimonialSlider .slick-dots li button:before {
  color: #ffffff;
  width: 14px;
  height: 14px;
  font-size: 30px;
}

.TestimonialSlider li.slick-active button:before {
  border: 1px solid #ffffff !important;
  color: transparent;
}
/* #endregion */
/* ========= End of 1.9. Testimonial section ======== */

/* #region ========= 1.10. Blogs section ======== */
.Blogs.mx-auto {
  padding: 100px 0px;
}

.Blogs .row .p-2 {
  border-radius: 20px;
  border: 1px solid #4f4f55;
}

.Blogs .h-100 div {
  padding: 35px 22px 54px;
}

.Blogs .h-100 h4 {
  padding: 20px 5px 20px 0px;
}

.Blogs .h-100 p {
  padding: 0px 52px 40px 0px;
}

.Blogs a {
  color: #ffffff;
  width: fit-content;
}

.Blogs a i {
  border: 1px solid #ffffff;
  border-radius: 50%;
  padding: 8px 10px;
  transform: rotate(45deg);
  transition: 0.5s ease all;
}

.Blogs a:hover i {
  color: #000000;
  background-color: #ffffff;
}

.Blogs img {
  border-radius: 20px;
}

.Blogs .row .col-lg-6:nth-child(2) {
  display: flex;
  flex: 1;
}

.Blogs .gap-4 {
  flex: 1;
}

.Blogs .gap-4 img {
  object-fit: cover;
}

.Blogs .gap-4 p {
  padding: 0px 0px 24px;
}

.Blogs .flex-lg-row {
  gap: 20px;
}

.Blogs .w-lg-100 .h-100 {
  padding: 42px 25px;
  border-radius: 20px;
  border: 1px solid #4f4f55;
}

.Blogs .h-lg-100 h4 {
  padding: 10px 0px;
}

.Blogs .flex-sm-row .h-100:first-child h4 {
  padding: 10px 10px 10px 0px;
}

.Blogs .flex-sm-row p {
  padding: 0px 0px 30px;
}

.Blogs .col-lg-6 .p-2:first-child:hover,
.Blogs .w-lg-100 .h-100:hover {
  background: linear-gradient(135.39deg, #1848b866 0%, #08173c 100%);
}

.Blogs .row .col-lg-4:nth-last-child(1) h4 {
  padding: 0px 60px 0px 0px;
}

.Blogs .gap-sm-4 p {
  flex-grow: 1;
}
/* #endregion */
/* ========= End of 1.10. Blogs section ======== */

/* #region ========= 1.11. Partners section ======== */
.Partners {
  padding: 100px 0px;
}

.Partners .flex-column {
  gap: 30px;
}

.Partners .PartnersSlider1 .align-items-center,
.Partners .PartnersSlider2 .align-items-center {
  border: 1px solid #4f4f55;
  border-radius: 20px;
  height: 90px;
  width: 228px;
}

.Partners img[alt="partnerslogo1"] {
  width: 166px;
  height: 34px;
}

.Partners img[alt="partnerslogo2"] {
  width: 149px;
  height: 36px;
}

.Partners img[alt="partnerslogo3"] {
  width: 154px;
  height: 36px;
}

.Partners img[alt="partnerslogo4"] {
  width: 147px;
  height: 36px;
}

.Partners img[alt="partnerslogo5"] {
  width: 146px;
  height: 34px;
}

.Partners img[alt="partnerslogo6"] {
  width: 181px;
  height: 34px;
}

.Partners img[alt="partnerslogo7"] {
  width: 148px;
  height: 34px;
}

.Partners .slick-track {
  gap: 25px;
}
/* #endregion */
/* ========= 1.11. End of Partners section======== */

/* #region ========= 1.12. Newsletter section======== */
.Newsletter {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  padding: 66px 0px 0px;
  z-index: 1;
  overflow: hidden;
}

.Newsletter::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/newsletter_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.4; /* Adjust this value as needed */
  z-index: -1;
}


.Newsletter .row h4 {
  padding: 23px 0px 21px;
}

.Newsletter .row p {
  padding: 0px 186px 42px 0px;
}

.Newsletter form .d-flex {
  border: 1px solid #1848b866;
  border-radius: 15px;
  width: 80%;
}

.Newsletter input[type="email"] {
  background-color: transparent;
  color: #ffffff;
  border: none;
  border-radius: 15px;
  padding: 26px 0px 21px 24px;
}

.Newsletter input[type="email"]::placeholder {
  color: #ffffff;
  font-size: 16px;
}

.Newsletter button {
  background-color: #161326;
  border: 1px solid #1848b866;
  padding: 18px 36px 19px;
  right: 0px;
  top: 0px;
}
/* #endregion */
/* ========= 1.12. End of Newsletter section======== */

/* #region ========= 1.13. Footer section======== */
footer::before {
  content: "";
  width: 946px;
  height: 913px;
  top: 100px;
  left: 25%;
  background: #1848b866;
  filter: blur(180px);
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}

footer {
  padding: 70px 0px 40px;
}

footer figure {
  width: fit-content;
}

footer img {
  width: 150px;
}

footer .align-items-lg-start p {
  padding: 0px 60px 15px 0px;
}

footer .align-items-lg-start .gap-md-4 a {
  border: 1px solid #1848b866;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  color: #ffffff;
  font-size: 16px;
  box-shadow: 0px 0px 13px 3px #1848b86680 inset;
}

footer .align-items-lg-start .gap-md-4 a:hover {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  border: none;
}

footer .gap-3 .gap-2 .justify-content-center {
  border: 1px solid #4f4f55;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  font-size: 16px;
  box-shadow: 0px 0px 13px 3px #1848b86680 inset;
}

footer li {
  width: max-content;
}

footer a {
  font-size: 16px;
}

footer ul li:hover a,
footer .gap-3 .gap-2:hover p {
  color: #1848b866;
  transition: all 0.3s ease-in;
}

footer .gap-3 .gap-2:hover i {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  transition: all 0.3s ease-in;
  color: #ffffff;
  border: none;
}

footer hr {
  height: 3px !important;
  width: 95%;
  margin: 0px;
  background-color: #ffffff;
}
/* #endregion */
/* ========= 1.13. End of Footer section ======== */

.site-footer::before {
  display: none;
}

.site-footer {
  padding: 36px 0 40px;
}

.site-footer__panel {
  background:
    radial-gradient(circle at top right, rgba(24, 72, 184, 0.24), transparent 42%),
    linear-gradient(180deg, rgba(12, 19, 45, 0.96), rgba(6, 10, 24, 0.98));
  border: 1px solid rgba(117, 147, 255, 0.18);
  border-radius: 28px;
  box-shadow: 0 32px 90px rgba(5, 8, 20, 0.45);
  padding: 34px 38px 24px;
}

.site-footer__brand {
  display: inline-flex;
  margin-bottom: 18px;
}

.site-footer__brand img {
  width: 190px;
  max-width: 100%;
}

.site-footer__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(137, 166, 255, 0.22);
  background: rgba(255, 255, 255, 0.04);
  border-radius: 999px;
  color: rgba(212, 223, 255, 0.9);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 8px 14px;
  text-transform: uppercase;
}

.site-footer__summary {
  color: rgba(224, 231, 255, 0.78);
  max-width: 470px;
  margin: 18px 0 20px;
}

.site-footer__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.site-footer__meta span {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(137, 166, 255, 0.16);
  border-radius: 999px;
  color: #ffffff;
  font-size: 13px;
  line-height: 1;
  padding: 10px 14px;
}

.site-footer__title {
  color: #ffffff;
  margin-bottom: 18px;
}

.site-footer__list,
.site-footer__contact {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.site-footer__list a,
.site-footer__legal a {
  color: rgba(226, 232, 255, 0.8);
  font-weight: 500;
}

.site-footer__list a:hover,
.site-footer__legal a:hover {
  color: #ffffff;
}

.site-footer__contact {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.site-footer__contact li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.site-footer__contact i {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(10, 28, 86, 0.95), rgba(39, 129, 188, 0.95));
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.site-footer__contact span {
  display: block;
  color: rgba(165, 185, 255, 0.72);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.site-footer__contact a {
  color: #ffffff;
  line-height: 1.5;
}

.site-footer__bottom {
  border-top: 1px solid rgba(137, 166, 255, 0.14);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 30px;
  padding-top: 20px;
}

.site-footer__bottom p {
  color: rgba(226, 232, 255, 0.68);
  margin: 0;
}

.site-footer__legal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
}

.hero h1,
.hero h2,
.site-footer__title,
.policy-page__article h2,
.policy-page__article h3,
.policy-page__article h4,
.ContactUs h2,
.ContactUs h4,
.ContactUs h5 {
  text-wrap: balance;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid #7ea6ff;
  outline-offset: 3px;
}

.policy-page__hero {
  padding-bottom: 48px;
}

.policy-page__hero p {
  color: rgba(224, 231, 255, 0.78);
  margin: 14px auto 0;
  max-width: 720px;
}

.policy-page {
  padding: 10px 0 100px;
}

.policy-page__article {
  background:
    radial-gradient(circle at top right, rgba(24, 72, 184, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(10, 16, 38, 0.96), rgba(6, 10, 24, 0.98));
  border: 1px solid rgba(117, 147, 255, 0.16);
  border-radius: 30px;
  box-shadow: 0 30px 80px rgba(4, 7, 18, 0.4);
  padding: 42px 46px;
}

.policy-page__section + .policy-page__section {
  border-top: 1px solid rgba(137, 166, 255, 0.12);
  margin-top: 34px;
  padding-top: 34px;
}

.policy-page__article h2,
.policy-page__article h3,
.policy-page__article h4 {
  color: #ffffff;
}

.policy-page__article h2 {
  margin-bottom: 16px;
}

.policy-page__article h3 {
  margin-bottom: 18px;
}

.policy-page__article h4 {
  margin-bottom: 10px;
}

.policy-page__article p,
.policy-page__article li {
  color: rgba(223, 230, 255, 0.8);
  line-height: 1.75;
}

.policy-page__definition + .policy-page__definition {
  margin-top: 24px;
}

.policy-page__list {
  margin: 14px 0 14px 20px;
  padding: 0;
}

.policy-page__list li + li {
  margin-top: 10px;
}

.policy-page__note {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(137, 166, 255, 0.16);
  border-radius: 18px;
  margin: 16px 0 20px;
  padding: 18px 20px;
}

.policy-page__note p {
  margin: 0;
}

.policy-page__note p + p {
  margin-top: 6px;
}

.contact-page__hero {
  padding-bottom: 42px;
}

.contact-page__side,
.contact-page__links,
.contact-page__links > div,
.contact-page__support-card,
.contact-page__form,
.contact-page__field {
  min-width: 0;
}

.contact-page__summary {
  max-width: 38rem;
}

.contact-page__links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 24px;
}

.contact-page__links a,
.site-footer__contact a,
.policy-page__article a {
  overflow-wrap: anywhere;
}

.contact-page__form {
  background: #211e34;
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 30px 30px 34px;
}

.contact-page__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.contact-page__field label {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.contact-page__form input,
.contact-page__form textarea {
  width: 100%;
  padding: 16px 18px;
  margin: 0;
  border: 1px solid rgba(126, 166, 255, 0.12);
  border-radius: 15px;
  background: #161326;
  color: #ffffff;
}

.contact-page__form input::placeholder,
.contact-page__form textarea::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.contact-page__form textarea {
  min-height: 170px;
  resize: vertical;
}

.contact-page__field-error,
.contact-page__error-summary ul {
  color: #ffb4b4;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

.contact-page__error-summary {
  background: rgba(140, 31, 44, 0.28);
  border: 1px solid rgba(255, 133, 133, 0.3);
  border-radius: 14px;
  padding: 14px 16px;
}

.contact-page__alert {
  background: rgba(36, 110, 76, 0.22);
  border: 1px solid rgba(82, 191, 145, 0.28);
  border-radius: 16px;
  color: #d9ffe8;
  display: grid;
  gap: 6px;
  padding: 14px 16px;
}

.contact-page__support-card {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  border-radius: 20px;
  padding: 26px 28px;
}

.contact-page__support-card img {
  width: 64px;
  height: 64px;
}

/* #region ========= 2.2. Subpages-hero section ======== */
.Subpages-hero .bg::before {
  content: "";
  width: 2001px;
  height: 696px;
  top: 160px;
  left: -445px;
  border-radius: 45%;
  background: #1848b866;
  filter: blur(180px);
  position: absolute;
  z-index: -1;
}

.Subpages-hero {
  padding: 100px 0px;
}

.Subpages-hero p {
  padding: 0px 205px;
}

/* #endregion */
/* ========= End of 2.2. Subpages-hero section ======== */

/* #region ======== 2.4. States section ======== */
.States {
  padding: 0px 0px 100px;
}

.States .flex-sm-row .flex-column {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  border-radius: 20px;
  padding: 55px 21px;
  transition: all 0.4s ease-in-out;
}

.States figure {
  width: fit-content;
}

.States p {
  padding: 0px 20px;
}

.States .align-items-center:hover {
  transform: scale(1.06, 1.1);
}
/* #endregion */
/* ======== End of 2.4. States section ======== */

/* #region ======== 2.5. Vision section ======== */
.Vision {
  padding: 100px 0px;
  background: #211e34;
}

.Vision .gap-4 figure {
  width: fit-content;
  border-radius: 50%;
  padding: 24px;
  background: linear-gradient(135.39deg, #1848b866 0%, #08173c 100%);
}

.Vision .align-items-center p {
  padding: 0px 115px 0px 0px;
}

.Vision hr {
  height: 3px;
  margin: 60px 0px 70px;
}

.Vision .EmptyProgress {
  width: 100%;
  height: 10px;
  background-color: #161326;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}

.Vision .FilledProgress {
  height: 100%;
  background: #1848b866;
  width: 0%;
  border-radius: 10px;
}

.Vision .SkillProgress {
  position: absolute;
  top: 100%;
  transform: translateY(-50%);
  left: 0%;
}

.Vision .row .col-md-6:nth-child(2) img {
  border-radius: 20px;
}

/* #endregion */
/* ======== End of 2.5. Vision section ======== */

/* #region ======== 2.9. Our Team section ======== */
.Team.mx-auto {
  padding: 100px 0px;
}

.Team figure,
.Team .position-relative {
  width: fit-content;
  overflow: hidden;
  border-radius: 20px;
}

.Team img {
  border-radius: 20px;
}

.Team .position-relative::before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0px;
  right: 0px;
  z-index: 2;
  border-radius: 20px;
  position: absolute;
  background: linear-gradient(135.39deg,
      rgba(45, 17, 87, 0.8) 0%,
      rgba(184, 24, 68, 0.8) 100%);
  opacity: 0;
  transform: translateX(100%);
  transition: all 1s ease-in-out;
}

.Team .position-absolute {
  top: 0px;
  right: 0px;
  border-radius: 20px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: 3;
  transform: translateX(100%);
  transition: all 1s ease-in-out;
}

.Team p {
  padding: 0px 20px 25px;
}

.Team .gap-3 i{
  font-size: 16px;
}

.Team .gap-3 a {
  border: 1px solid #1848b866;
  border-radius: 50%;
  background: #261329;
  height: 35px;
  width: 35px;
  box-shadow: 0px 0px 13px 3px #1848b86680 inset;
}

.Team .gap-3 a:hover {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  color: #ffffff;
  border: none;
}

.Team .position-relative:hover .position-absolute,
.Team .position-relative:hover::before {
  opacity: 1;
  transform: translateX(0%);
}

/* #endregion */
/* ======== End of 2.9. Our Team section ======== */

/* #region ======== 3.3. Contact Us section ======== */
.ContactUs {
  padding: 100px 0px;
}

.ContactUs .gap-3 p {
  padding: 0px 75px 0px 0px;
}

.ContactUs .w-100 img {
  border-radius: 20px;
}

.ContactUs .flex-xl-row h5 {
  font-weight: 400;
}

.ContactUs i {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  font-size: 20px;
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
}

.ContactUs a p,
.ContactUs a h5 {
  transition: all 0.3s ease;
}

.ContactUs a:hover p,
.ContactUs a:hover h5 {
  color: #1848b866;
}

.ContactUs a:hover i {
  background: transparent;
  color: #1848b866;
  border: 1px solid #1848b866;
}

.ContactUs form {
  background: #211e34;
  padding: 30px 30px 35px 25px;
  border-radius: 20px;
}

.ContactUs form input,
.ContactUs form textarea {
  width: 100%;
  padding: 18px 0px 18px 38px;
  margin: 0px 0px 20px;
  border: none;
  border-radius: 15px;
  background: #161326;
  color: #ffffff;
}

.ContactUs form textarea {
  height: 174px;
  resize: none;
}

.ContactUs form textarea:focus {
  outline: none;
}

.ContactUs form input::placeholder,
.ContactUs form textarea::placeholder {
  color: #ffffff;
}

.ContactUs form button {
  color: #ffffff;
  background: #161326;
  border: 1px solid #1848b866;
  border-radius: 15px;
  padding: 17px 78px;
  margin: 5px 0px 0px;
}

.ContactUs .gap-sm-5 .gap-4 {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  padding: 30px;
  border-radius: 20px;
}

.ContactUs .gap-sm-5 p {
  padding: 0px 62px 0px 0px;
}

/* #endregion */
/* ======== End of 3.3. Contact Us section ======== */

/* #region ======== 3.4. Map section section ======== */
.Map {
  padding: 0px 0px 100px;
}

.Map iframe {
  width: 100%;
  height: 500px;
}

/* #endregion */
/* ======== End of 3.4. Map section section ======== */

/* #region ======== 5.3. Faq's Section ========  */
.Faq {
  padding: 100px 0px;
}

.Faq .accordion-button::after {
  transition: 0.3s ease-in-out;
  filter: brightness(100);
}

.Faq .accordion-button:not(.collapsed)::after {
  transition: 0.3s ease-in-out;
}

.Faq .accordion-button:focus {
  box-shadow: none;
}

.Faq .accordion-button:not(.collapsed),
.Faq .accordion-button {
  color: #ffffff;
  background-color: transparent;
}

.accordion-button {
  font-size: 20px;
}

.Faq .accordion-item {
  border: 1px solid #1848b866;
  border-radius: 20px;
  background: transparent;
  transition: all 0.5s ease-in-out;
}

.Faq .accordion-body {
  padding: 0px 168px 40px 26px;
}

.Faq .row .col-lg-6:nth-child(4) .px-3 {
  background: #211E34;
  padding: 80px 0px;
  border-radius: 20px;
  gap: 35px;
}

.Faq figure {
  width: fit-content;
}

.Faq img {
  border-radius: 15px;
  width: 100%;
}

.Faq img[alt="faq-1"] {
  margin: 0% 0% 0% 35%;
}

.Faq img[alt="faq-3"] {
  margin: 0% 0% 0% -35%;
}

.Faq .px-3 p {
  padding: 0px 45px 16px;
}

.Faq .px-3 a {
  padding: 17px 53px;
  border: 1px solid #1848b866;
}

/* #endregion */
/* ======== End of 5.3. Faq's Section ========  */

/* #region ======== 7.3. Blog Details section ======== */
.Blog-details {
  padding: 100px 0px 24px;
}

.Blog-details img {
  border-radius: 20px;
}

.Blog-details i {
  font-size: 24px;
  height: 52px;
  width: 52px;
  border: 1px solid #1848b866;
  border-radius: 50%;
  color: #ffffff;
  box-shadow: 0px 0px 16.9px 3.9px rgba(184, 24, 68, 0.5) inset;
}

.Blog-details i:hover {
  background: linear-gradient(135.39deg, #091b45 0%, #1848b866 100%);
  border: none;
}

.Blog-details .col-sm-10 .pb-4::first-letter {
  font-size: 70px;
  font-weight: 700;
  line-height: 60px;
  float: left;
  padding: 0px 20px 30px 0px;
}

.Blog-details .gap-2 {
  line-height: 1.2;
  padding: 0px 0px 40px;
  counter-reset: item;
}

.Blog-details .gap-2 li::before {
  content: "0" counter(item) " ";
  counter-increment: item;
  margin-right: 10px;
  color: #ffffff;
  font-family: "DM Sans", sans-serif;
}

.Blog-details .BlogSlider {
  padding: 0px 0px 40px;
}

.Blog-details .slick-track {
  gap: 16px;
}

.Blogdetails .BlogSlider figure {
  width: fit-content;
}

.Blog-details .slick-dots {
  bottom: 0px;
  color: #ffffff;
}

.Blog-details .slick-dots li {
  width: 15px;
}

.Blog-details .slick-dots li.slick-active button:before {
  color: transparent;
}

.Blog-details .slick-dots li button {
  padding: 0px;
}

.Blog-details .slick-dots li button:before {
  width: 12px;
  height: 12px;
  font-size: 30px;
}

.Blog-details hr {
  color: #ffffff;
  height: 2px;
}

/* #endregion */
/* ======== End of 7.3. Blog Details section ======== */

/* #region ======== 7.4. Feedback section ======== */
.Feedback {
  padding: 0px 0px 100px;
}

.Feedback .gap-sm-5 {
  width: 83%;
}

.Feedback form {
  width: 85%;
}

.Feedback textarea {
  width: 100%;
  height: 160px;
  color: #ffffff;
  background: rgba(33, 30, 52, 1);
  border-radius: 15px;
  padding: 26px 30px;
  border: none;
  resize: none;
  outline: none;
}

.Feedback input {
  width: 50%;
  height: 66px;
  border: none;
  border-radius: 15px;
  color: #ffffff;
  background: rgba(33, 30, 52, 1);
  padding: 24px 30px;
}

.Feedback form input::placeholder,
.Feedback form textarea::placeholder {
  color: #ffffff;
  font-size: 16px;
}

.Feedback form button {
  width: fit-content;
  background-color: #161326;
  border: 1px solid #1848b866;
  padding: 17px 79px;
}
/* #endregion */
/* ======== End of 7.4. Feedback section ======== */

/* #region ======== 10.3. Portfolio section ======== */
.Portfolio {
  padding: 100px 0px;
}

.Portfolio .mx-auto {
  width: 95%;
  max-width: 1459px;
}

.Portfolio .position-absolute {
  top: 0px;
  left: 0px;
  padding: 15px;
  color: #fff;
  border-radius: 15px;
  gap: 15px;
  background: linear-gradient(135.39deg, rgba(45, 17, 87, 0.8) 0%, rgba(184, 24, 68, 0.8) 100%);
  transition: all 0.4s ease-in-out;
  opacity: 0;
}

.Portfolio figure {
  border-radius: 15px;
  width: fit-content;
  overflow: hidden;
}

.Portfolio img {
  transition: all 0.4s ease-in-out;
}

.Portfolio .col-lg-4 {
  padding: 0px 12px 0px 4px;
}


.Portfolio a:hover .position-absolute {
  opacity: 1;
}

.Portfolio a:hover img {
  transform: scale(1.1);
}

/* #endregion */
/* ======== End of 10.3. Portfolio section ======== */

/* #region ======== 11.1. Coming Soon section ======== */
.Coming-soon {
  min-height: 100vh;
  padding: 100px 0px;
}

.Coming-soon .flex-column.text-center {
  gap: 32px;
  padding: 0px 0px 60px;
}

.Coming-soon .text-center p {
  padding: 0px 125px;
}

.Coming-soon form .d-flex {
  border: 1px solid #1848b866;
  border-radius: 15px;
  width: 68%;
}

.Coming-soon input[type="email"] {
  background-color: transparent;
  color: #ffffff;
  border: none;
  border-radius: 15px;
  padding: 26px 0px 21px 24px;
}

.Coming-soon input[type="email"]::placeholder {
  color: #ffffff;
  font-size: 16px;
}

.Coming-soon button {
  background-color: #161326;
  border: 1px solid #1848b866;
  padding: 18px 36px 19px;
  right: 0px;
  top: 0px;
}

.Coming-soon #comingsoonTimer {
  padding: 100px 0px 0px;
}

.Coming-soon .gap-sm-4 h2 {
  padding: 22px 24px;
  background: #161326;
  border: 1px solid #1848b866;
  border-radius: 15px;
}

.Coming-soon span {
  bottom: 40px;
  font-size: 40px;
}

/* #endregion */
/* ======== End of 11.1. Coming Soon section ======== */

/* #region ======== 12.1. Error 404 section ======== */
.Error .bg::before,
.Coming-soon .bg::before {
  content: "";
  width: 2001px;
  height: 696px;
  top: 480px;
  left: -330px;
  border-radius: 50%;
  position: absolute;
  background: #1848b866;
  filter: blur(180px);
  z-index: -1;
}

.Error {
  padding: 110px 0px;
  height: 100vh;
}

.Error .text-center {
  gap: 42px;
}

.Error h1 {
  font-size: 300px;
  line-height: 225px;
  text-shadow: #ff0046 6px 9px 15px;
}

.Error p {
  padding: 0px 214px;
}

.Error a {
  border: 1px solid #1848b866;
  padding: 17px 53px;
  background: #161326;
}
/* #endregion */
/* ======== End of 12.1. Error 404 section ======== */

:root {
  --site-bg: #050913;
  --site-panel: linear-gradient(180deg, rgba(10, 18, 44, 0.94), rgba(7, 13, 31, 0.98));
  --site-panel-strong: linear-gradient(145deg, rgba(12, 28, 82, 0.96), rgba(8, 15, 38, 0.98));
  --site-border: rgba(126, 166, 255, 0.16);
  --site-border-strong: rgba(126, 166, 255, 0.26);
  --site-text-soft: rgba(223, 231, 255, 0.76);
  --site-text-muted: rgba(165, 185, 255, 0.68);
  --site-accent: #7ea6ff;
  --site-accent-strong: #9ed0ff;
  --site-shadow: 0 28px 90px rgba(2, 6, 18, 0.42);
}

body {
  overflow-x: hidden;
}

.skip-link {
  position: fixed;
  top: 18px;
  left: 18px;
  z-index: 1000;
  transform: translateY(-180%);
  padding: 12px 16px;
  border-radius: 14px;
  background: #ffffff;
  color: #050913;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
  transition: transform 0.2s ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.site-header,
.home-page,
.site-footer,
.policy-page,
.contact-page__form,
.contact-page__support-card {
  line-height: 1.5;
}

.site-header img,
.home-page img,
.site-footer img {
  display: block;
  height: auto;
  max-width: 100%;
}

.site-header {
  padding: 22px 0 0;
  position: sticky;
  top: 0;
  transition: padding 0.24s ease;
  z-index: 80;
}

.site-header::before {
  background: linear-gradient(180deg, rgba(5, 9, 19, 0.82), rgba(5, 9, 19, 0));
  content: "";
  inset: 0 0 auto;
  height: calc(100% + 18px);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.24s ease;
  z-index: -1;
}

.site-header.is-scrolled {
  padding-top: 10px;
}

.site-header.is-scrolled::before {
  opacity: 1;
}

.site-header__nav {
  align-items: center;
  background: linear-gradient(180deg, rgba(8, 15, 38, 0.88), rgba(8, 13, 30, 0.78));
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid var(--site-border);
  border-radius: 28px;
  box-shadow: var(--site-shadow);
  display: flex;
  gap: 28px;
  justify-content: space-between;
  padding: 16px 22px;
  transition: background 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, border-radius 0.24s ease, padding 0.24s ease;
}

.site-header.is-scrolled .site-header__nav {
  background: linear-gradient(180deg, rgba(8, 15, 38, 0.72), rgba(8, 13, 30, 0.62));
  border-color: rgba(126, 166, 255, 0.24);
  border-radius: 24px;
  box-shadow: 0 18px 46px rgba(2, 6, 18, 0.38);
  padding: 14px 20px;
}

.site-header__brand {
  display: inline-flex;
  flex: 0 0 auto;
}

.site-header__desktop {
  align-items: center;
  flex: 1 1 auto;
  gap: 24px;
  justify-content: space-between;
}

.site-header__links {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  min-width: 0;
}

.site-header__links a,
.site-header__mobile-links a {
  border: 1px solid transparent;
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  padding: 10px 16px;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.site-header__links a:hover,
.site-header__links a:focus-visible,
.site-header__mobile-links a:hover,
.site-header__mobile-links a:focus-visible {
  background: rgba(126, 166, 255, 0.12);
  border-color: rgba(126, 166, 255, 0.2);
  color: #ffffff;
}

.site-header__cta,
.site-header__mobile-cta {
  align-items: center;
  background: linear-gradient(135deg, rgba(14, 37, 98, 0.98), rgba(46, 126, 196, 0.9));
  border: 1px solid rgba(144, 188, 255, 0.28);
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.site-header__cta:hover,
.site-header__mobile-cta:hover {
  box-shadow: 0 14px 28px rgba(34, 102, 170, 0.24);
  color: #ffffff;
  transform: translateY(-1px);
}

.site-header__toggle,
.site-header__close {
  align-items: center;
  background: rgba(126, 166, 255, 0.08);
  border: 1px solid rgba(126, 166, 255, 0.18);
  border-radius: 16px;
  color: #ffffff;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.site-header__offcanvas.offcanvas {
  background: linear-gradient(180deg, rgba(7, 13, 31, 0.98), rgba(8, 16, 39, 0.99));
  border-left: 1px solid var(--site-border);
  color: #ffffff;
}

.site-header__offcanvas .offcanvas-header,
.site-header__offcanvas .offcanvas-body {
  padding: 22px;
}

.site-header__mobile-panel {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.site-header__mobile-title {
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.05;
  margin: 0;
}

.site-header__mobile-links {
  display: grid;
  gap: 10px;
}

.site-header__mobile-links a {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
  width: 100%;
}

.site-header__mobile-contact {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(126, 166, 255, 0.14);
  border-radius: 24px;
  display: grid;
  gap: 14px;
  padding: 18px;
}

.site-header__eyebrow,
.home-kicker {
  color: var(--site-accent-strong);
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.2;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.site-header__mobile-contact-link {
  align-items: flex-start;
  display: flex;
  gap: 14px;
}

.site-header__mobile-contact-link i {
  align-items: center;
  background: linear-gradient(135deg, rgba(18, 49, 126, 0.95), rgba(46, 126, 196, 0.92));
  border-radius: 14px;
  display: inline-flex;
  flex: 0 0 42px;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.site-header__mobile-contact-link span {
  display: grid;
  gap: 4px;
}

.site-header__mobile-contact-link strong,
.site-header__mobile-contact-link small {
  color: #ffffff;
  line-height: 1.4;
}

.site-header__mobile-contact-link small {
  color: var(--site-text-soft);
}

.home-page {
  padding: 22px 0 72px;
  position: relative;
}

.home-page section {
  padding: clamp(38px, 6vw, 88px) 0;
  position: relative;
}

.home-page h1,
.home-page h2,
.home-page h3,
.site-header__mobile-title {
  text-wrap: balance;
}

.home-page p,
.home-page li,
.home-page a {
  overflow-wrap: anywhere;
}

.home-panel,
.home-service-card,
.home-value-card,
.home-stat-card,
.home-location-card,
.home-contact-card,
.home-chip-card {
  background: var(--site-panel);
  border: 1px solid var(--site-border);
  border-radius: 30px;
  box-shadow: var(--site-shadow);
}

.home-section-head {
  align-items: end;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  margin-bottom: 30px;
}

.home-section-head--center {
  justify-items: center;
  text-align: center;
}

.home-section-head h2,
.home-story__content h2,
.home-values__content h2,
.home-cta__panel h2,
.home-connect__intro h2 {
  color: #ffffff;
  font-size: clamp(2rem, 3.2vw, 3.5rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.96;
  margin: 0;
}

.home-section-head p,
.home-story__content p,
.home-values__content p,
.home-cta__panel p,
.home-connect__intro p,
.home-service-card p,
.home-value-card p,
.home-stat-card__label,
.home-location-card p,
.home-contact-card p,
.home-chip-card p,
.home-hero__fact-card p,
.home-connect__hours p,
.home-lead {
  color: var(--site-text-soft);
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
}

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

.home-hero__panel {
  display: grid;
  gap: 34px;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
  padding: clamp(28px, 4vw, 44px);
}

.home-hero__content {
  min-width: 0;
}

.home-hero__content h1 {
  color: #ffffff;
  font-size: clamp(3rem, 6vw, 6.1rem);
  font-weight: 800;
  letter-spacing: -0.08em;
  line-height: 0.9;
  margin: 0 0 20px;
  max-width: 11ch;
}

.home-hero__actions,
.home-inline-actions,
.home-connect__support-actions,
.home-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.home-button {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
  min-height: 52px;
  padding: 0 22px;
  text-align: center;
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.home-button--primary {
  background: linear-gradient(135deg, rgba(14, 37, 98, 0.98), rgba(46, 126, 196, 0.9));
  border: 1px solid rgba(144, 188, 255, 0.28);
  color: #ffffff;
}

.home-button--ghost {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(126, 166, 255, 0.18);
  color: #ffffff;
}

.home-button:hover {
  box-shadow: 0 16px 34px rgba(11, 28, 77, 0.3);
  color: #ffffff;
  transform: translateY(-1px);
}

.home-text-link,
.home-location-card a,
.home-contact-card a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

.home-text-link {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  min-height: 44px;
}

.home-text-link::after,
.home-location-card a::after,
.home-contact-card a::after {
  content: "↗";
  font-size: 12px;
}

.home-hero__chips,
.home-service-grid,
.home-stats__grid,
.home-location-grid,
.home-connect__cards {
  display: grid;
  gap: 18px;
}

.home-hero__chips {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 34px;
}

.home-chip-card {
  padding: 20px 18px 18px;
}

.home-chip-card img,
.home-service-card img {
  margin-bottom: 18px;
}

.home-chip-card h3,
.home-service-card h3,
.home-value-card h3,
.home-location-card h3,
.home-contact-card h3,
.home-connect__support h3 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.04;
  margin: 0 0 12px;
}

.home-hero__visual {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100%;
  position: relative;
}

.home-hero__visual-frame {
  align-items: center;
  aspect-ratio: 1 / 1;
  background: radial-gradient(circle at top left, rgba(33, 79, 196, 0.46), rgba(7, 13, 31, 0.8) 62%);
  border: 1px solid rgba(126, 166, 255, 0.18);
  border-radius: 38px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: 24px;
  width: min(100%, 540px);
}

.home-hero__visual-frame img {
  width: min(100%, 420px);
}

.home-hero__fact-card {
  background: rgba(8, 15, 38, 0.94);
  border: 1px solid rgba(126, 166, 255, 0.18);
  border-radius: 24px;
  bottom: 24px;
  left: 0;
  max-width: 280px;
  padding: 18px 20px;
  position: absolute;
}

.home-hero__fact-label,
.home-stat-card__index,
.home-location-card span {
  color: var(--site-accent-strong);
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.3;
  text-transform: uppercase;
}

.home-hero__fact-card strong,
.home-connect__hours strong {
  color: #ffffff;
  display: block;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
  margin: 8px 0 10px;
}

.home-story__grid,
.home-values__grid,
.home-connect__grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-story__content,
.home-values__content,
.home-cta__panel,
.home-connect__intro,
.home-connect__support {
  padding: clamp(28px, 4vw, 42px);
}

.home-media-panel {
  align-self: stretch;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(126, 166, 255, 0.12);
  border-radius: 30px;
  overflow: hidden;
}

.home-media-panel img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.home-feature-list {
  display: grid;
  gap: 14px;
  margin: 26px 0 30px;
}

.home-feature-list li {
  align-items: flex-start;
  display: flex;
  gap: 12px;
}

.home-feature-list i {
  color: var(--site-accent-strong);
  font-size: 18px;
  padding-top: 4px;
}

.home-service-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-service-card,
.home-location-card,
.home-contact-card,
.home-stat-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 24px;
}

.home-value-card {
  padding: 22px 24px;
}

.home-values__cards {
  display: grid;
  gap: 16px;
  margin-top: 26px;
}

.home-stats__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-stat-card {
  gap: 12px;
  justify-content: space-between;
  min-height: 220px;
}

.home-stat-card__value {
  color: #ffffff;
  font-size: clamp(2.5rem, 3.8vw, 4.3rem);
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  letter-spacing: -0.06em;
  line-height: 0.92;
}

.home-cta__panel {
  align-items: center;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.home-location-grid,
.home-connect__cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-connect__support-visual {
  border-radius: 24px;
  margin-top: 10px;
  overflow: hidden;
}

.home-connect__support-visual img {
  width: 100%;
}

.home-connect__hours {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(126, 166, 255, 0.14);
  border-radius: 24px;
  padding: 18px 20px;
}

.home-connect__hours p + p {
  margin-top: 6px;
}

.content-page {
  padding: 22px 0 72px;
  position: relative;
}

.content-page section {
  padding: clamp(38px, 5vw, 78px) 0;
}

.content-hero {
  padding-top: 28px;
}

.content-hero__panel {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  padding: clamp(28px, 4vw, 42px);
}

.content-hero__panel h1 {
  color: #ffffff;
  font-size: clamp(2.6rem, 5vw, 5rem);
  font-weight: 800;
  letter-spacing: -0.06em;
  line-height: 0.92;
  margin: 0 0 20px;
  text-wrap: balance;
}

.content-hero__aside {
  display: grid;
  gap: 16px;
}

.content-metric-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(126, 166, 255, 0.14);
  border-radius: 24px;
  padding: 22px 22px 20px;
}

.content-metric-card strong {
  color: #ffffff;
  display: block;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  margin: 10px 0 12px;
}

.content-metric-card p,
.policy-page__meta p {
  color: var(--site-text-soft);
  margin: 0;
}

.about-page__hero-aside {
  align-content: start;
}

.contact-shell__grid {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
}

.contact-shell__info,
.contact-shell__form-panel {
  padding: clamp(28px, 4vw, 42px);
}

.contact-shell__cards {
  margin-top: 24px;
}

.contact-shell__visual {
  margin-top: 24px;
}

.contact-shell__form-panel > h2,
.contact-shell__info > h2 {
  color: #ffffff;
  font-size: clamp(2rem, 3.2vw, 3.2rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.96;
  margin: 0 0 14px;
  text-wrap: balance;
}

.contact-shell__form {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.contact-shell__submit {
  border: 0;
  width: fit-content;
}

.contact-shell__support-card {
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(126, 166, 255, 0.14);
  border-radius: 24px;
  display: flex;
  gap: 18px;
  margin-top: 24px;
  padding: 20px;
}

.contact-shell__support-card h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 8px;
}

.contact-shell__support-card p {
  color: var(--site-text-soft);
  margin: 0;
}

.policy-page__hero-panel {
  align-items: start;
}

.policy-page__meta {
  align-content: start;
}

.policy-page__content {
  padding-top: 0;
}

.policy-page {
  padding-top: 8px;
}

.policy-page__article {
  border-radius: 30px;
}

@media (prefers-reduced-motion: reduce) {
  .skip-link,
  .site-header__links a,
  .site-header__cta,
  .site-header__mobile-cta,
  .home-button,
  .home-panel,
  .home-service-card,
  .home-value-card,
  .home-stat-card,
  .home-location-card,
  .home-contact-card,
  .home-chip-card {
    animation: none !important;
    transition: none !important;
  }
}