:root {
    --theme--spacing--20: 0.44rem;
    --theme--spacing--30: 0.67rem;
    --theme--spacing--40: 1rem;
    --theme--spacing--50: 1.5rem;
    --theme--spacing--60: 2.25rem;
    --theme--spacing--70: 3.38rem;
    --theme--spacing--80: 5.06rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --spacing: 0.25rem;
    --font-weight-semibold: 600;
    --text-base: 1rem;
    --color-gray-900: oklch(0.21 0.034 264.665);
}
.max-w-xl {
    max-width: var(--container-xl);
}
.max-w-2xl {
    max-width: var(--container-2xl);
}
.max-w-3xl {
    max-width: var(--container-3xl);
}
.max-w-4xl {
    max-width: var(--container-4xl);
}
.max-w-5xl {
    max-width: var(--container-5xl);
}
.max-w-6xl {
    max-width: var(--container-6xl);
}
.max-w-7xl {
    max-width: var(--container-7xl);
}

.breadcrumb a {
    color: #ff7d44;
    text-transform: capitalize;
}
.breadcrumb .sep {
    margin: 0 5px;
}

@media screen and (max-width: 600px) {
	.hero-area p {
    font-size: 25px;
}
	.hero-area.hero-area-1 {
    padding-bottom: 30px;
}
    .navbar .navbar-nav  .dropdown ul {
        margin-left: 15px;
    }
}

.faqs-block .accordion-body p{
    color: #0d152e;
}
.faqs-block .section-title.is-text-dark{
    color: inherit;
}

.recent-posts-block{
    background-color: #f0f6f3;
}

.services-block .service-item:hover .service-icon svg path{
    fill: #ffffff;
}

@media (min-width: 1200px) {
    .main-banner-block  .hero-area-linear-gradient-1 {
        background-image: url(../img/hero-1-gradient-bg.svg);
    }
}

@media (min-width: 1800px) {
    .space-x-128 {
        padding-inline: 128px;
    }
}
.btn-secondary-alt, .btn-secondary, .btn-secondary-outline .btn-icon, .btn-secondary-outline:hover::before, .work-process-item-block .image-block .icon-block  {
    color: #fff;
    background: linear-gradient(237deg, #fff3f3 0%, #e64243 53%, #cd0002 100%);
}
.gradient-bg {
	background: linear-gradient(359deg, #b3cce6 0%, #336a99 53%, #003566 100%);
}
.btn-secondary-outline {
    border: 1px solid #cd0002;
    color: #cd0002;
}
.service-icon {
    border: 2px dotted #cd0002;
}
.section-tag, .btn-details, .blog-single-item-1 .post-meta-data a, .get-touch-info-list li .icon, .blog-single-item-2 .blog-category, .blog-recent-date, .breadcrumb a {
    color: #cd0002;
}
.footer-widget .footer-title::after, .blog-single-item-2 .blog-date-block {
	background-color: #cd0002;
}
p {
    margin-bottom: 15px;
}
.acf-innerblocks-container ol {
    list-style: auto;
    margin-left: 30px;
    margin-bottom: 15px;
}
.acf-innerblocks-container li {
    margin-bottom: 10px;
}

.image-text-block h2.section-title {
    color: inherit;
}
.image-text-block ul, .text-boxes-block ul, .wrapper-block ul {
    list-style: circle;
    margin-left: 30px;
	margin-bottom: 15px;
}
.image-text-block li, .text-boxes-block li, .wrapper-block li {
    margin-bottom: 10px;
}
.section-title.is-text-dark {
    color: inherit;
}
.breadcrumb-bg-block::after {
    background-color: #013566;
}
h3 {
    margin-bottom: 15px;
    margin-top: 15px;
}
.wrapper-block h3 {
    margin-top: 50px;
    margin-bottom: 20px;
}
@media (min-width: 1200px) {
    .hero-area-1 {
        padding-top: 150px;
		padding-bottom: 150px;
    }
}
.copyright-text a {
    color: white;
}
@media (min-width: 1400px) {
    .space-x-128 {
        padding-inline: 25px;
    }
}
.dropdown-menu-list {
    min-width: 350px;
}
@media (min-width: 1400px) {
    .hero-title {
        font-size: 3.5rem;
    }
}
.hero-area .section-text {
    font-size: 2rem;
}
.section-tag {
    font-size: 20px;
}
.header-bottom-area.header-bottom-area-1 {
    background-color: #013566;
	box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}
.header-user-event .btn-primary {
    background: white;
    color: #013566;
}
.header-user-event .btn .btn-icon {
    background: #003566;
    color: white;
}
.header-nav-link {
    color: white;
}
.social-menu.is-text-link-white a {
    color: #013566;
}
.header-top-center {
    border-inline: 1px solid;
    border-inline-color: #013566;
}
.header-info-list {
    color: #013566;
    font-size: 20px;
}
.header-info-link {
    color: #013566;
}
.header-info-title {
    font-size: 18px;
}
.header-info-icon {
    background-color: #013566;
}
.fa-light, .fasl {
    color: white;
}
.header-top-style-1 {
    background-color: white;
}
.footer-center {
    background-color: #eaeaea;
}
.footer-widget-about p {
    color: #013566;
    font-weight: 600;
    font-size: 1.3rem;
}
.social-menu.is-text-link-orange a {
    color: #013566;
}
.footer-widget .footer-title {
    color: #013566;
	font-size: 1.5rem;
    font-weight: bold;
}
.footer-nav a {
    color: #013566;
    font-size: 18px;
}
.get-touch-info-list li .content {
    color: #013566;
}
.footer-widget .fa-light {
	color: #013566;
}
.fa-brands, .fab {
    font-size: 25px;
}
@media (min-width: 1200px) {
    .footer-top-space {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}
.footer-top-space .section-title {
letter-spacing: -2px;
font-weight: 700;
font-family: "Raleway", sans-serif;
line-height: 1.2;
font-size: 3.5rem;
}
.footer .footer-bottom {
    background: #013566;
}
@media (min-width: 1400px) {
    .breadcrumb-area {
        padding-block: 150px 140px;
    }
}
.header-nav-link:hover {
    color: white;
}
.social-menu.is-text-link-white a:hover {
    transform: scale(1.6);
	color: #013566;
}
.btn-primary:hover::before {
    background: #d20c10;
}
.header-info-link:hover {
    color: #013566;
}
.footer-nav a:hover {
    color: #013566;
}
table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 16px;
  margin: 20px 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
}

table th {
  background-color: #013566;
  color: #ffffff;
  text-align: left;
  padding: 14px 16px;
  font-weight: 600;
}

table td {
  padding: 12px 16px;
  border-bottom: 1px solid #e0e0e0;
  color: #333333;
}

table tr:nth-child(even) {
  background-color: #f9f9f9;
}

table tr:hover {
  background-color: #eef5fa;
}

table td:first-child {
  font-weight: 600;
  color: #013566;
}
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

@media (max-width: 992px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .gallery-grid {
    grid-template-columns: 1fr;
  }
}

.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition: transform 0.3s ease;

  aspect-ratio: 4 / 3; /* Keeps all cards same size */
}

.gallery-item:hover {
  transform: translateY(-6px);
}

.gallery-item img {
  width: 100%;
  height: 100%; /* fill the container */
  display: block;
  object-fit: cover;
  border-radius: 12px;
  transition: transform 0.3s ease;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

.gallery-section {
  padding-top: 50px;
  padding-bottom: 50px;
}


.social-menu.is-text-link-white a {
    line-height: 1;
}
.header-top-right {
    display: flex;
    column-gap: 40px;
}

.header-user-event a{
    gap: 10px;
}

@media screen and (max-width: 1400px) {
    .header-nav-link {
        font-size: .85rem;
    }

    .header-top-style-1 .space-x-128,
    .header-bottom-style-1 .space-x-128{
        padding-inline: 30px;
    }

    .header-nav .has-submenu{
        padding-right: 0;
    }
}

@media screen and (max-width: 991px) {
    .header-user-event a{
        display: inline-flex !important;
    }
}
@media screen and (max-width: 670px) {
    .menu-info-link {
        font-size: 18px !important;
    }
    .header-user-event a{
        gap: 10px;
        padding: 5px 5px 5px 15px;
    }
    .header-bottom-style-1 .header-bottom-area {
        gap: 15px;
        padding: 10px 15px 10px 15px;
    }
}
@media screen and (max-width: 510px) {
    .header-bottom-style-1 .space-x-128{
        padding-inline: 3px;
    }
    .header-top-style-1 .space-x-128{
        padding-inline: 10px;
    }
}
@media screen and (max-width: 475px) {
    .social-menu{
        display: none;
    }
    .header-user-event a > span{
        display: none;
    }
    .menu-info-link {
        font-size: 15px !important;
    }
}