/*
Theme Name: RTZeus Bright Wealth Banking Child
Description: A child theme for the Bright Wealth Banking website based on the RT Zeus Theme
Author: RiverTech
Author URI:
Theme URI:
Template: rtzeus
Tags: full-site-editing, block-patterns
Text Domain: rtzeus
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.5
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front */
html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

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

body .is-layout-flow > * + * {
  margin-block-start: 0;
}

body .is-layout-constrained > * + * {
  margin-block-start: 0;
}

.wp-site-blocks > * + * {
  margin-block-start: 0;
}

.editor-styles-wrapper .is-layout-flow > * + *,
.editor-styles-wrapper .is-layout-constrained > * + *,
.editor-styles-wrapper .wp-site-blocks > * + * {
  margin-block-start: 0 !important;
}

/* To check if it causes error somewhere */
p[data-title="Paragraph"] {
  white-space: inherit !important;
}

/* Your custom styles go below */

/*-----------------------------------------------------------MAIN-----------------------------------------------------------*/
/* Adjusting the buttons */
.wp-element-button,
.wp-block-button__link {
  padding: 16px 50px !important;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  border: none !important;
}

/* Styling the read more text */
.wp-block-read-more {
  color: var(--wp--preset--color--contrast) !important;
}

/* Styling the read more link */
.wp-block-post-excerpt__more-link {
  font-weight: 700 !important;
}

/* Styling the read more link arrow icon */
.wp-block-post-excerpt__more-link::after {
  content: url("/wp-content/uploads/2024/11/Breadcrumbs-Right-Arrow-Icon.svg");
  padding: 0px 0px 0px 6px;
  position: relative;
  top: 3px;
}

/* Adjusting the media text content blocks */
.wp-block-media-text .wp-block-media-text__content {
  padding-left: 20px !important;

  /* Adjusting the media text content blocks on mobile */
  @media screen and (max-width: 600px) {
    padding-left: 30px !important;
  }
}

/* Adjusting the media text content blocks */
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
  /* Adjusting the media text content blocks on mobile */
  @media screen and (max-width: 600px) {
    grid-row: 1;
  }
}

/* Adjusting the paragrpah text in single post articles */
body.single-post .wp-block-post-content p {
  padding-bottom: 20px !important;
}

/* Adjusting the heading text in single post articles */
body.single-post .wp-block-post-content h2 {
  padding-top: 30px !important;
}

/* Adjusting the image captions in single post articles */
body.single-post .wp-block-post-content .caption-collapse {
  display: none !important;
}

/* Adjusting the block list */
/* .wp-block-list:not(ul) {
  display: block !important;
} */

/* Adjusting the block list icon */
/* .wp-block-list::before {
  content: none !important;
} */

/* Styling the block list item marker */
/* .wp-block-list li::before {
  content: "\f058" !important;
  color: var(--wp--preset--color--primary) !important;
  font-family: "Font Awesome 6 Free";
  width: 20px;
  height: 22px;
  font-weight: 700;
  display: inline-flex !important;
  justify-content: center;
  margin-right: 0.5rem !important;
  margin-top: 3px;
} */

/*-----------------------------------------------------------UTILITIES-----------------------------------------------------------*/
/* Adjusting the main container on the home page */
.home main {
  padding-top: var(--wp--preset--spacing--70) !important;
  padding-bottom: 0rem !important;
}

/* Removing the italic tags from the website */
i {
  font-style: normal !important;
}

/* Removing the underline tags from the website */
u {
  text-decoration: none;
}

/* Removing the underline tags from the website except the entry content of posts */
.entry-content u {
  text-decoration: underline;
}

/* Styling the h2 headings */
/* h2 {
  @media screen and (max-width: 600px) {
    font-size: var(--wp--preset--font-size--s-medium) !important;
  }
} */

/* Styling the social share placeholder block */
.rtzeus-placeholder-block {
  text-align: center;
  color: var(--wp--preset--color--contrast) !important;
}

/* Styling the text to justified */
.justified-content {
  text-align: justify !important;
}

/*-----------------------------------------------------------ANIMATION-----------------------------------------------------------*/
/* Disable animations in WordPress editor */
.block-editor-block-list__block {
  animation: none !important;
}

/* Set the overlay to visible in the WordPress Editor */
.block-editor-block-list__block .overlay {
  opacity: 1 !important;
}

/* Disable slidebox animations in WordPress editor */
.block-editor-block-list__block .slidebox_inner:hover .front,
.block-editor-block-list__block .slidebox_inner:hover .back {
  animation: none !important;
}

/* Set the front and back of the slidebox to visible in the WordPress Editor */
.block-editor-block-list__block .front,
.block-editor-block-list__block .back {
  opacity: 1 !important;
  position: relative;
}

/*-----------------------------------------------------------ANIMATION HOME PAGE-----------------------------------------------------------*/
/* Slide left animation */
@keyframes slide-left {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}

/* Slide right animation */
@keyframes slide-right {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0%;
  }
}

/* Slide up animation */
@keyframes slide-up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

/*-----------------------------------------------------------ANIMATION ABOUT US PAGE-----------------------------------------------------------*/
/* Slide up animation */
@keyframes slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Slide down animation */
@keyframes slideDown {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}

/*-----------------------------------------------------------ACCORDION-----------------------------------------------------------*/
/* Styling for the accordion item */
.accordion-item {
  margin: 0 0 30px 0px !important;
  overflow: hidden;
}

/* Styling for the accordion item title */
.accordion-title {
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  padding: 16px 0px;
  font-size: 16px !important;
  cursor: pointer;
  border-bottom: solid 1px #00000030;
  flex-direction: row-reverse !important;
}

/* Styling for the accordion item svg */
.accordion-title svg {
  height: 24px;
  width: 24px;
  fill: var(--wp--preset--color--contrast) !important;
  stroke: var(--wp--preset--color--contrast) !important;
  transform: rotate(270deg) !important;
  transition: all 0.2s ease-in-out;

  /* Styling for the accordion item svg on laptop */
  @media screen and (min-width: 1201px) and (max-width: 1600px) {
    min-height: 32px;
    min-width: 32px;
  }
}

/* Adjusting the accordion title order */
.accordion-title.space-between-justify.no-decoration {
  justify-content: flex-end !important;
}

/* Styling for the accordion item body */
.accordion-body {
  font-size: 16px !important;
  line-height: 1.5em;
  height: 0;
  opacity: 0;
  transition: opacity 0.6s;
  visibility: hidden;
}

/* Styling for the accordion item body when the accordion is opened */
.accordion-item.accordion-open .accordion-body {
  visibility: visible;
  height: auto;
  opacity: 1;
  padding: 30px 0px;
}

/* Rotating the accordion arrow when the accordion item is opened */
.accordion-open .accordion-title .arrow {
  transform: rotate(360deg) !important;
  bottom: 80%;
}

/*-----------------------------------------------------------HOME PAGE POSTS-----------------------------------------------------------*/
/* Styling the homepage posts post thumbs related posts image container */
.homepage-posts-thumbs__image {
  width: 100% !important;
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
  aspect-ratio: 16 / 9;
}

/* Adjusting the related posts image */
.homepage-posts-thumbs__image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  width: auto;
  height: auto;
}

/* Styling the homepage posts post thumbnail container */
.homepage-posts-thumb__container {
  margin: 0px 10px;
  border-radius: 10px !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

/* Styling the homepage posts post thumbnail title */
.homepage-posts-thumb__medium--title {
  font-size: 16px !important;
  line-height: 140%;
  margin: 4px 0;
  padding: 5px 20px 20px 20px;
  color: #64696f;
  font-weight: 400;
  height: 4rem;

  /* Styling the homepage posts post thumbnail title on mobile */
  @media screen and (max-width: 769px) {
    padding: 10px 20px 20px 20px;
    font-size: var(--wp--preset--font-size--xs);
  }
}

/* Styling the homepage posts post thumbnail author section */
.homepage-posts-thumb__medium--author {
  padding: 0px 10px 10px 20px !important;
  font-size: var(--wp--preset--font-size--xxs);
  color: var(--wp--preset--color--contrast);
  font-weight: 500;
  line-height: 1.2em;
}

/* Styling the homepage posts post thumbnail author name */
.homepage-posts-thumb__medium--author--name {
  color: var(--wp--preset--color--link);
}

/* Styling the homepage posts post thumbnail author divider */
.homepage-posts-thumb__medium--author--divider {
  font-size: var(--wp--preset--font-size--xl);
  color: var(--wp--preset--color--blog-posts-circle-divider) !important;
  padding: 0px 5px !important;
}

.recent-posts-pagination-thumb__medium--author--divider {
  font-size: var(--wp--preset--font-size--xl);
  color: var(--wp--preset--color--blog-posts-circle-divider) !important;
  padding: 0px 5px !important;
}

/* Adjusting the slick slider track */
.slick-track {
  margin-bottom: 30px !important;
}

/* Adjusting the slick slider arrows */
.slick-arrow {
  position: absolute !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0px 43% !important;

  @media screen and (min-width: 300px) {
    margin: 0px 30% !important;
  }

  @media screen and (min-width: 501px) {
    margin: 0px 35% !important;
  }

  @media screen and (min-width: 769px) {
    margin: 0px 40% !important;
  }

  @media screen and (min-width: 1200px) {
    margin: 0px 44% !important;
  }
}

/* Styling the slick slider pagination */
.slick-next,
.slick-prev {
  padding: 20px 30px 25px 30px !important;
  background-color: var(--wp--preset--color--link) !important;
  border-radius: 10px !important;
  height: 10% !important;
  width: auto !important;
  top: 115% !important;
  display: flex !important;
  align-items: center !important;

  /* Styling the slick slider pagination on mobile */
  @media screen and (min-width: 300px) {
    padding: 20px 30px 25px 30px !important;
  }

  /* Styling the slick slider pagination on mobile */
  @media screen and (min-width: 400px) {
    padding: 25px 40px 30px 40px !important;
  }
}

/* Styling the slick slider pagination icons */
.slick-next::before,
.slick-prev::before {
  opacity: 1 !important;
  font-size: 15px !important;
}

/* Styling the slick slider next pagination icon */
.slick-next:before {
  content: url("/wp-content/uploads/2024/11/Next-Icon.png") !important;
}

/* Styling the slick slider previous pagination icon */
.slick-prev:before {
  content: url("/wp-content/uploads/2024/11/Previous-Icon.png") !important;
}

/* Styling the disabled buttons */
.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

/*-----------------------------------------------------------IMAGE CAROUSEL-----------------------------------------------------------*/
/* Adjusting the image carousel */
.image-carousel {
  position: relative;
  overflow: hidden;
  margin: 0px 0px 16px 0px;
  cursor: pointer;
}

/* Adjusting the image carousel gallery */
.image-carousel__gallery {
  display: flex;
  width: 900%;
  transition: all 0.5s ease-in-out;
  height: 200px;
  pointer-events: none;

  /* Adjusting the image carousel gallery on mobile */
  @media screen and (max-width: 600px) {
    width: 800%;
  }
}

/* Adjusting the image carousel gallery slides */
.image-carousel__gallery .slide {
  display: block;
  width: calc(10% - 16px);
  margin: auto 8px;
  height: 100%;

  /* Adjusting the image carousel gallery slides on laptop */
  @media screen and (min-width: 1201px) and (max-width: 1600px) {
    width: calc(3.33333333% - 8px);
    margin: auto 4px;
  }
}

/* Adjusting the image carousel gallery images */
.image-carousel__gallery .slide img {
  border-radius: 8px !important;
  width: 100%;
  height: 100%;
  object-fit: cover;

  /* Adjusting the image carousel gallery images on mobile */
  @media screen and (max-width: 600px) {
    object-fit: contain;
  }

  /* Adjusting the image carousel gallery images on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    object-fit: contain;
  }

  /* Adjusting the image carousel gallery images on tablet s*/
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    object-fit: contain;
  }
}

/* Adjusting the image carousel gallery in the wordpress editor */
.image-carousel .block-editor-block-list__layout {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  border-radius: 8px !important;
  background-color: #d5d5d5;
}

/* Adjusting the image carousel gallery figure in the wordpress editor */
.image-carousel .block-editor-block-list__layout figure {
  width: 32%;
  max-height: 200px;
}

/*-----------------------------------------------------------NEWS POSTS-----------------------------------------------------------*/
/* Styling the news categories container */
.news-categories {
  background-color: var(--wp--preset--color--base) !important;
  border-radius: 10px !important;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}

/* Set grid to display posts in 3 columns */
.news-categories__row--container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;

  /* Set grid to display posts in 3 columns on mobile */
  @media screen and (max-width: 769px) {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }

  /* Set grid to display posts in 3 columns on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }

  /* Set grid to display posts in 3 columns on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px;
  }
}

/* Set categories grid to display posts in 2 columns */
.news-categories__row--container__categories {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;

  /* Set categories grid to display posts in 2 columns on mobile */
  @media (max-width: 769px) {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }

  /* Set categories grid to display posts in 2 columns on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}

/* Styling the news categories content */
.news-categories__row--content {
  background-color: var(--wp--preset--color--base) !important;
  border-radius: 10px !important;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
}

/* Styling the news categories h2 */
.news-categories__row--content h2 {
  padding: 0px 0px 0px 30px;
  font-size: var(--wp--preset--font-size--small) !important;
}

/* Styling the news post thumbs */
.news-thumbs {
  text-decoration: none;
}

/* Styling the related posts image container */
.news-thumbs__image {
  width: 100% !important;
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px !important;
  aspect-ratio: 16 / 9;
}

/* Adjusting the related posts image */
.news-thumbs__image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  width: auto;
  height: auto;
}

/* Styling the news post thumbnail author section */
.news-thumbs__author {
  display: flex;
}

/* Styling the news post thumbnail date */
.news-thumbs__author--date {
  text-align: center;
  background-color: var(--wp--preset--color--link);
  font-size: 10px !important;
  padding: 5px 10px !important;
  width: 50px;
  border-radius: 3px !important;
  color: var(--wp--preset--color--base);
  line-height: 1.2em !important;
  position: absolute;
  bottom: 0 !important;
  left: 0 !important;
}

/* Styling the news post thumbnail container */
.news-thumb__container {
  position: relative;
}

/* Styling the news post thumbnail title */
.news-thumb__medium--title {
  font-size: var(--wp--preset--font-size--base) !important;
  line-height: 140%;
  margin: 4px 0;
  padding: 10px 20px 20px 20px;
  color: #64696f !important;
  font-weight: 400;

  /* Truncating */
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Styling the news post thumbnail title on mobile */
  @media screen and (max-width: 769px) {
    padding: 10px 20px 20px 20px;
    font-size: var(--wp--preset--font-size--xs);
  }

  /* Styling the news post thumbnail title on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    font-size: var(--wp--preset--font-size--xs);
  }

  /* Styling the news post thumbnail title at laptop */
  @media screen and (min-width: 1201px) and (max-width: 1600px) {
    font-size: var(--wp--preset--font-size--small);
  }

  /* Styling the news post thumbnail title on mobile */
  @media screen and (min-width: 200px) and (max-width: 300px) {
    height: 90px !important;
  }

  /* Styling the news post thumbnail title on mobile */
  @media screen and (min-width: 301px) and (max-width: 400px) {
    height: 60px !important;
  }
}

/*-----------------------------------------------------------CATEGORY PAGE PAGINATION-----------------------------------------------------------*/
/* Styling the pagination section */
.pagination-block {
  background-color: var(--wp--preset--color--base) !important;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 0 10px 2px rgba(var(--wp--preset--color--contrast), 0.1);
}

/* Styling the pagination links */
.pagination {
  padding: 0px !important;
  text-align: center;
  line-height: 50px;
}

/* Styling the pagination numbers */
.page-numbers {
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 20px;
  margin: 5px;
  color: var(--wp--preset--color--contrast) !important;
}

/* Styling the pagination numbers on hover */
.page-numbers:hover {
  color: var(--wp--preset--color--link) !important;
}

/* Styling the previous pagination */
.page-numbers:first-child {
  background-color: var(--wp--preset--color--link) !important;
  color: var(--wp--preset--color--base) !important;
}

/* Styling the previous pagination on hover */
.page-numbers:first-child:hover {
  color: var(--wp--preset--color--base) !important;
}

/* Styling the next pagination */
.page-numbers:last-child {
  background-color: var(--wp--preset--color--link) !important;
  color: var(--wp--preset--color--base) !important;
}

/* Styling the next pagination on hover */
.page-numbers:last-child:hover {
  color: var(--wp--preset--color--base) !important;
}

/* Styling the pagination disabled buttons */
.page-numbers__pagination {
  text-decoration: none;
  padding: 10px 15px;
  background-color: #fafafa !important;
  border-radius: 4px;
  font-size: 20px;
  margin: 5px;
  color: #dddddd !important;
}

/* Styling the current page numbers */
.page-numbers.current {
  font-weight: 700;
  color: var(--wp--preset--color--link) !important;
}

/*-----------------------------------------------------------SOCIAL SHARE-----------------------------------------------------------*/
/* Adjusting the social share link list */
ul.social__share--link {
  padding-left: 0 !important;
}

/* Adjusting the social share block */
.social__share {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Adjusting the social share link */
.social__share--link {
  display: flex;
  gap: 0.3rem !important;
  position: relative;
  margin: 0 !important;
}

/* Adjusting the social share link icon */
.social__share--link a {
  padding: 0px 5px !important;
}

/* Styling the social share link */
.social__share--link-icon a {
  background-color: var(--wp--preset--color--transparent) !important;
  box-shadow: none !important;
}

/* Styling the social share link icon */
.social__share--link-icon i {
  color: var(--wp--preset--color--accent) !important;
  min-width: 16px !important;
}

/* Styling the facebook icon */
.fa-facebook-f {
  width: 16px !important;
  height: 16px !important;
  content: url("/wp-content/uploads/2024/11/Facebook-Share-Icon.svg");
}

/* Styling the instagram icon */
.fa-instagram {
  height: 14px !important;
  content: url("/wp-content/uploads/2024/11/Instagram-Share-Icon.svg");
}

/* Styling the linkedin icon */
.fa-linkedin-in {
  height: 15px !important;
  content: url("/wp-content/uploads/2024/11/Linkedin-Share-Icon.svg");
}

/* Hiding the whatsapp icon */
.social__share--link-icon:nth-child(4) {
  display: none !important;
}

/* Styling the twitter icon */
.fa-twitter {
  height: 14px !important;
  content: url("/wp-content/uploads/2024/11/Twitter-Share-Icon.svg");
}

/*-----------------------------------------------------------SITE HEADER-----------------------------------------------------------*/
/* Adjusting the header section */
.site-header {
  position: fixed !important;
  width: 100% !important;
  z-index: 999 !important;

  /* Adjusting the header section on mobile */
  @media screen and (max-width: 600px) {
    top: 0 !important;
  }

  /* Adjusting the header section on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    top: 0 !important;
  }
}

/* Display burger menu */
.wp-block-navigation__responsive-container {
  display: none !important;

  /* Display burger menu on desktop */
  @media screen and (min-width: 769px) {
    display: block !important;
  }
}

/* Display burger menu */
.wp-block-navigation__responsive-container-open {
  display: flex !important;

  /* Display burger menu on desktop */
  @media screen and (min-width: 769px) {
    display: none !important;
  }
}

/* Display burger menu contents */
.wp-block-navigation__responsive-container.is-menu-open {
  display: flex !important;
  padding: 0px !important;
}

/* Styling the navigaiton container */
.wp-block-navigation__responsive-container
  .wp-block-navigation__responsive-container-content {
  background-color: var(--wp--preset--color--base) !important;
}

/* Styling the home menu item link in the header */
.wp-block-navigation .wp-block-navigation-item:first-child a {
  /* Styling the home menu item link in the header on mobile */
  @media screen and (max-width: 769px) {
    color: var(--wp--preset--color--contrast);
  }
}

/* Styling the lets talk menu item link in the header */
.wp-block-navigation .wp-block-navigation-item:last-child a {
  border-radius: 10px !important;
  border: 1px solid var(--wp--preset--color--border) !important;
  padding: 15px 26px 15px 24.69px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  flex-shrink: 0;
  align-items: center;

  /* Styling the lets talk menu item link in the header on mobile */
  @media screen and (max-width: 769px) {
    color: var(--wp--preset--color--contrast);
    border: none !important;
  }

  /* Styling the lets talk menu item link in the header on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    padding: 10px !important;
  }
}

/* Styling the lets talk menu item link icon in the header */
.wp-block-navigation .wp-block-navigation-item:last-child a::before {
  content: "\f4ad";
  font-family: "Font Awesome 6 Free";
  color: #adc1c4;
  text-align: center;
  font-size: var(--wp--preset--font-size--xs);
  font-style: normal;
  font-weight: 900;
  line-height: 15px;

  /* Styling the lets talk menu item link icon in the header on mobile */
  @media screen and (max-width: 769px) {
    color: var(--wp--preset--color--primary-blue) !important;
  }
}

/* Adjusting the navigation container */
.wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__container {
  /* Adjusting the navigation container on mobile*/
  @media screen and (max-width: 600px) {
    width: 100% !important;
  }

  /* Adjusting the navigation container on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    width: 100% !important;
  }
}

/* Adjusting the navigation container */
.wp-block-navigation__container {
  /* Adjusting the navigation container on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    flex-wrap: nowrap !important;
  }
}

/* Adjusting the menu container on open */
.wp-block-navigation__responsive-container.is-menu-open {
  padding: 0px !important;
  margin: 0px !important;
  background-color: var(--wp--preset--color--base) !important;
}

/* Removing the border for the last sub menu items in the header */
.wp-block-navigation .wp-block-navigation__submenu-container a:last-child {
  border: none !important;
}

/* Removing the icon for the sub menu items in the header */
.wp-block-navigation__submenu-container a:before {
  display: none !important;
}

/* Adjusting the sub menu item down arrow in the header */
.wp-block-navigation .wp-block-navigation__submenu-icon {
  display: none;
}

/* Styling the current menu item link in the header */
.current-menu-item a {
  color: var(--wp--preset--color--base) !important;

  /* Styling the current menu item link in the header on mobile */
  @media screen and (max-width: 600px) {
    color: var(--wp--preset--color--contrast) !important;
  }

  /* Styling the current menu item link in the header on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    color: var(--wp--preset--color--contrast) !important;
  }
}

/* Adjusting the navigation menu item links in the header */
.wp-block-navigation .wp-block-navigation-item a {
  padding: 2.75px 12px;

  /* Adjusting the navigation menu item links in the header on tablet */
  @media (min-width: 769px) and (max-width: 1200px) {
    padding: 0px !important;
  }
}

/* Adjusting the sub menu container in the header */
.wp-block-navigation__submenu-container {
  display: inline-flex;
  padding: 20px 0px 0px 0px !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border: none !important;
  width: 270px !important;
}

/* Styling the navigation content */
.wp-block-navigation-item__content {
  /* Styling the navigation content on mobile */
  @media screen and (max-width: 769px) {
    font-weight: 550;
    font-size: 22px !important;
  }
}

/* Styling the sub menu navigation items */
.wp-block-navigation__submenu-container .wp-block-navigation-item__label {
  color: var(--wp--preset--color--contrast);
  font-weight: 550;

  /* Styling the sub menu navigation items on mobile */
  @media screen and (max-width: 769px) {
    font-weight: 400;
  }
}

/* Styling the sub menu navigation items container */
.wp-block-navigation .wp-block-navigation__submenu-container li {
  border-bottom: solid 1px #00000033;
  margin: 0px 20px !important;
  padding: 0px 0px 15px 0px !important;

  /* Styling the sub menu navigation items container on mobile */
  @media screen and (max-width: 600px) {
    border-bottom: none !important;
    margin: 0px !important;
  }

  /* Styling the sub menu navigation items container on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    border-bottom: none !important;
    margin: 0px !important;
  }
}

/* Styling the sub menu last navigation item container */
.wp-block-navigation .wp-block-navigation__submenu-container li:last-child {
  border-bottom: none !important;

  /* Styling the sub menu last navigation item container on mobile */
  @media screen and (max-width: 600px) {
    margin: 0px !important;
  }

  /* Styling the sub menu last navigation item container on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    margin: 0px !important;
  }
}

/* Styling the navigation menu */
.wp-block-navigation {
  /* Styling the navigation menu on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    font-size: 22px !important;
  }
}

/* Styling the navigation menu links */
.wp-block-navigation a {
  /* Styling the navigation menu links on mobile */
  @media screen and (max-width: 600px) {
    color: var(--wp--preset--color--contrast) !important;
  }
}

/* Adjusting the burger menu and close buttons */
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  /* Adjusting the svg*/
  svg {
    width: 2.5em !important;
    height: 2.5em !important;
  }
}

/* Styling the menu close button */
.wp-block-navigation__responsive-container-close {
  /* Styling the svg*/
  svg {
    color: var(--wp--preset--color--contrast) !important;
  }
}

/* Adjusting the mobile menu close button */
.wp-block-navigation__responsive-container-close {
  margin: 30px 30px 0px 0px !important;
}

/* Styling the navigation sub menu item labels */
li.wp-block-navigation-item.wp-block-navigation-submenu
  .wp-block-navigation__submenu-container
  .wp-block-navigation-item__label {
  /* Styling the navigation sub menu item labels on mobile */
  @media screen and (max-width: 600px) {
    font-size: var(--wp--preset--font-size--xxs) !important;
  }

  /* Styling the navigation sub menu item labels on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    font-size: var(--wp--preset--font-size--xxs) !important;
  }
}

/* Adjusting the odd navigation sub menu items */
li.wp-block-navigation-item.wp-block-navigation-submenu:nth-child(odd) {
  /* Adjusting the odd navigation sub menu items on mobile */
  @media screen and (max-width: 600px) {
    padding: 25px 0px 0px 0px !important;
  }

  /* Adjusting the odd navigation sub menu items on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    padding: 25px 0px 0px 0px !important;
  }
}

/* Adjusting the even navigation sub menu items */
li.wp-block-navigation-item.wp-block-navigation-submenu:nth-child(even) {
  /* Adjusting the even navigation sub menu items on mobile */
  @media screen and (max-width: 600px) {
    background-color: var(--wp--preset--color--background-blue) !important;
    padding: 25px 0px 0px 0px !important;
  }

  /* Adjusting the even navigation sub menu items on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    background-color: var(--wp--preset--color--background-blue) !important;
    padding: 25px 0px 0px 0px !important;
  }
}

/* Styling the navigation home link */
.wp-block-navigation__container > li:nth-child(1),
.wp-block-navigation__container > li:nth-child(1) * {
  /* Styling the navigation home link on mobile */
  @media screen and (max-width: 600px) {
    color: var(--wp--preset--color--contrast) !important;
  }

  /* Styling the navigation home link on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    color: var(--wp--preset--color--contrast) !important;
  }
}

/* Styling the navigation about us and sub menu items link */
.wp-block-navigation__container > li:nth-child(2),
.wp-block-navigation__container > li:nth-child(2) * {
  /* Styling the navigation about us and sub menu items link on mobile */
  @media screen and (max-width: 600px) {
    color: var(--wp--preset--color--base) !important;
  }

  /* Styling the navigation about us and sub menu items link on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    color: var(--wp--preset--color--base) !important;
  }
}

/* Styling the navigation services and sub menu items link */
.wp-block-navigation__container > li:nth-child(3),
.wp-block-navigation__container > li:nth-child(3) * {
  /* Styling the navigation services and sub menu items link on mobile */
  @media screen and (max-width: 600px) {
    color: var(--wp--preset--color--contrast) !important;
  }

  /* Styling the navigation services and sub menu items link on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    color: var(--wp--preset--color--contrast) !important;
  }
}

/* Styling the navigation products and sub menu items link */
.wp-block-navigation__container > li:nth-child(4),
.wp-block-navigation__container > li:nth-child(4) * {
  /* Styling the navigation products and sub menu items link on mobile */
  @media screen and (max-width: 600px) {
    color: var(--wp--preset--color--base) !important;
  }

  /* Styling the navigation products and sub menu items link on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    color: var(--wp--preset--color--base) !important;
  }
}

/* Styling the navigation insights and sub menu items link */
.wp-block-navigation__container > li:nth-child(5),
.wp-block-navigation__container > li:nth-child(5) * {
  /* Styling the navigation insights and sub menu items link on mobile */
  @media screen and (max-width: 600px) {
    color: var(--wp--preset--color--contrast) !important;
  }

  /* Styling the navigation insights and sub menu items link on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    color: var(--wp--preset--color--contrast) !important;
  }
}

/* Styling the navigation lets talk link */
.wp-block-navigation__container > li:nth-child(6),
.wp-block-navigation__container > li:nth-child(6) * {
  /* Styling the navigation insights and sub menu items link on mobile */
  @media screen and (max-width: 600px) {
    color: var(--wp--preset--color--contrast) !important;
  }

  /* Styling the navigation insights and sub menu items link on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    color: var(--wp--preset--color--contrast) !important;
  }
}

/*-----------------------------------------------------------SITE FOOTER-----------------------------------------------------------*/
/* Styling the footer section */
.footer-section {
  border-top: solid 1px #00000014 !important;
  font-style: normal !important;
}

/* Reset the flex-basis to 5% for the contact info columns */
.footer-section
  .wp-block-columns:not(.is-not-stacked-on-mobile)
  .footer-section__columns--contact-info__column {
  /* Override the flex-basis on mobile devices */
  @media screen and (max-width: 781px) {
    flex-basis: 5% !important;
  }
}

/* Adjusting the footer columns */
.footer-section__columns {
  /* Adjusting the footer columns on tablet*/
  @media screen and (min-width: 781px) and (max-width: 1060px) {
    display: block !important;
  }
}

/* Adjusting the footer column */
.footer-section__columns--column {
  /* Adjusting the footer column on mobile */
  @media screen and (max-width: 600px) {
    margin-bottom: 20px !important;
  }

  /* Adjusting the footer column on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    margin-bottom: 20px !important;
  }

  /* Adjusting the footer column on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    margin-bottom: 20px !important;
  }
}

/* Adjusting the footer logo image */
.footer-section__columns--logo img {
  max-width: 100px !important;
}

/* Adjusting the footer social icons */
.footer-section__columns--social-icons {
  display: flex;
  margin: 20px 0px 0px 0px !important;
  justify-content: center !important;

  /* Adjusting the footer social icons on mobile */
  @media screen and (max-width: 600px) {
    justify-content: left !important;
  }

  /* Adjusting the footer social icons on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    justify-content: left !important;
  }

  /* Adjusting the footer social icons on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    justify-content: left !important;
  }
}

/* Adjusting the footer social icons span */
.footer-section__columns--social-icons img {
  margin: 0 3px;
}

/* Adjusting the footer social icons image */
.footer-section__columns--social-icons__image {
  width: 30px !important;
}

/* Adjusting the footer headings */
.footer-section__columns--headings {
  padding-bottom: 0px 0px 20px 0px;

  /* Adjusting the footer headings on mobile */
  @media screen and (max-width: 600px) {
    padding: 0px !important;
  }

  /* Adjusting the footer headings on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    padding: 0px !important;
  }
}

/* Styling the footer text links */
.footer-section__columns--links {
  /* Styling the footer text links on mobile */
  @media screen and (max-width: 600px) {
    font-size: var(--wp--preset--font-size--xs) !important;
  }

  /* Styling the footer text links on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    font-size: var(--wp--preset--font-size--xs) !important;
  }

  /* Styling the footer text links on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    font-size: var(--wp--preset--font-size--xs) !important;
  }
}

/* Styling the footer text links on hover */
.footer-section__columns--links:hover {
  color: var(--wp--preset--color--contrast) !important;
}

/* Adjusting the contact info */
.footer-section__columns--contact-info {
  gap: 10px !important;

  /* Adjusting the contact info on mobile */
  @media screen and (max-width: 781px) {
    flex-wrap: nowrap !important;
  }
}

/* Adjusting the contact info links */
.footer-section__columns--contact-info a {
  color: var(--wp--preset--color--contrast) !important;
  font-size: var(--wp--preset--font-size--xxs) !important;
}

/* Adjusting the contact info icon column */
.footer-section__columns--contact-info__column {
  flex-grow: 0 !important;
  flex-basis: 5% !important;
}

/* Adjusting the contact info icons image */
.footer-section__columns--contact-info__icon img {
  vertical-align: middle !important;
  padding: 5px 0px 0px 0px !important;
}

/* Adjusting the footer logo figure */
figure.wp-block-image.footer-section__columns--logo {
  text-align: center !important;

  /* Adjusting the footer logo figure on mobile */
  @media screen and (max-width: 600px) {
    text-align: left !important;
    margin-left: -10px;
  }

  /* Adjusting the footer logo figure on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    text-align: left !important;
    margin-left: -10px;
  }

  /* Adjusting the footer logo figure on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    text-align: left !important;
    margin-left: -10px;
  }
}

/* Styling the contact info columns */
.wp-block-columns .footer-section__columns--contact-info {
  padding: 0px 10px 10px 0px;

  /* Styling the contact info columns on laptop */
  @media (min-width: 1201px) and (max-width: 1600px) {
    padding-bottom: 10px;
    padding-right: 40px;
  }
}

/*-----------------------------------------------------------SITE COPYRIGHT-----------------------------------------------------------*/
/* Adjusting the copyright banner */
.copyright-banner {
  padding: 10px 0px !important;
  font-style: normal !important;
}

/* Adjusting the copyright content section */
.copyright-content-section {
  display: -webkit-inline-box;

  /* Adjusting the copyright content section on mobile */
  @media screen and (max-width: 600px) {
    display: block;
  }

  /* Adjusting the copyright content section on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    display: block;
  }
}

/* Adjusting the cookie content */
.copyright-content-section__cookie-content {
  margin: 0px 0px 0px 5px;

  /* Adjusting the cookie content on mobile */
  @media screen and (max-width: 600px) {
    margin: 0px !important;
  }

  /* Adjusting the cookie content on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    margin: 0px !important;
  }
}

/*-----------------------------------------------------------ERROR PAGE-----------------------------------------------------------*/
/* Styling the title on the error page */
.error-page__title {
  font-size: var(--wp--preset--font-size--error-page-title) !important;
  line-height: 0.85em;
  text-align: center !important;

  /* Styling the title on the error page on mobile */
  @media screen and (max-width: 600px) {
    font-size: 150px !important;
  }

  /* Styling the title on the error page on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    font-size: 150px !important;
  }
}

/* Styling the sub title on the error page */
.error-page__subtitle {
  font-size: var(--wp--preset--font-size--error-page-subtitle) !important;
  line-height: 1.1em;
  text-align: center !important;
}

/* Styling the description on the error page */
.error-page__description {
  padding: 20px 0px 50px 0px !important;
  font-size: var(--wp--preset--font-size--base) !important;
  text-align: center !important;
  color: var(--wp--preset--color--contrast);
}

.error-page__button {
  border-radius: 55px !important;
}

/* Styling the button on the error page on hover */
.error-page__button:hover {
  background: var(
    --wp--preset--gradient--dark-green-to-light-green-gradient
  ) !important;
  border-radius: 55px !important;
}

/*-----------------------------------------------------------HOME PAGE VIDEO-----------------------------------------------------------*/
/* Adjusting the video on the home page */
.home-page-video {
  /* Adjusting the video on the home page on mobile */
  @media screen and (max-width: 600px) {
    padding: 40px 0px 0px 0px !important;
  }

  /* Adjusting the video on the home page on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    padding: 40px 0px 0px 0px !important;
  }

  /* Adjusting the video on the home page on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    padding: 80px 0px 0px 0px !important;
  }
}

/*-----------------------------------------------------------HOME PAGE COVER SLIDER-----------------------------------------------------------*/
/* Desktop home page slider - Hide on mobile and tablet */
#slider-desktop {
  /* Desktop home page slider on mobile and tablet */
  @media screen and (max-width: 1200px) {
    display: none !important;
  }
}

/* Mobile home page slider - Hide on desktop */
#slider-mobile {
  /* Mobile home page slider on desktop */
  @media screen and (min-width: 1201px) {
    display: none !important;
  }
}

/* Adjusting the home page cover group */
.home-page-cover__group {
  overflow: hidden;
  position: relative;
}

/* Adjusting the image on the home page cover columns */
.home-page-cover__group--columns img {
  transform: scale(1.5);
  transform-origin: center bottom;
  object-fit: cover;

  /* Adjusting the image on the home page cover columns on mobile */
  @media screen and (max-width: 600px) {
    transform: scale(1.1);
    padding: 60px 0px 10px 0px !important;
  }

  /* Adjusting the image on the home page cover columns on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    transform: scale(1.1);
    padding: 80px 0px 10px 0px !important;
  }

  /* Adjusting the image on the home page cover columns on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    transform: scale(1.2);
    padding: 200px 120px 10px 120px !important;
  }
}

/* Adjusting the about us description */
.home-page-cover__group__content--description {
  opacity: 0;
  padding: 0px 0px 0px 20px !important;
  margin: 30px 0px 0px 0px !important;

  /* Adjusting the about us description on mobile */
  @media screen and (max-width: 600px) {
    border-left: none !important;
    padding: 0px !important;
  }

  /* Adjusting the about us description on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    border-left: none !important;
    padding: 0px !important;
  }
}

/* Adjusting the about us subtitle */
.home-page-cover__group__content--subtitle {
  width: 100%;
  opacity: 0;
}

/* Adjusting the about us title */
.home-page-cover__group__content--title {
  width: 100%;
  opacity: 0;
}

/* Adjusting the home page slider buttons */
.home-page-cover__group__content--buttons {
  gap: 0px !important;

  /* Adjusting the home page slider buttons on mobile */
  @media screen and (max-width: 389px) {
    flex-wrap: wrap !important;
  }

  /* Adjusting the home page slider buttons on small tablet */
  @media screen and (min-width: 390px) {
    flex-wrap: nowrap !important;
    margin: 0px 0px 60px 0px !important;
  }

  /* Adjusting the home page slider buttons on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    flex-wrap: nowrap !important;
    margin: 0px 0px 60px 0px !important;
  }
}

/* Adjusting the homepage slider contact us button */
.home-page-cover__group__content--buttons-button
  .wp-block-button__link
  .home-page-cover__group__content--buttons-contact-us-button {
  /* Adjusting the homepage slider contact us button on mobile */
  @media screen and (max-width: 389px) {
    padding: 16px 0 !important;
  }
}

/* Styling the homepage slider individual button link */
.home-page-cover__group__content--buttons-button .wp-block-button__link {
  /* Styling the homepage slider individual button link  on small tablet */
  @media screen and (min-width: 390px) {
    display: block;
    padding: 16px 30px 15px 30px !important;
  }

  /* Styling the homepage slider individual button link  on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    display: block;
    padding: 16px 30px 15px 30px !important;
  }
}

/* Styling the homepage contact us button link */
.home-page-cover__group__content--buttons-contact-us-button
  .wp-block-button__link {
  background-color: var(--wp--preset--color--transparent) !important;
  border: none !important;
  color: var(--wp--preset--color--contrast) !important;
  gap: 10px;
}

/* Styling the homepage contact us button link on hover */
.home-page-cover__group__content--buttons-contact-us-button
  .wp-block-button__link:hover {
  background: none !important;
  border: none !important;
}

/* Styling the homepage contact us button arrow */
.home-page-cover__group__content--buttons-contact-us-button
  .wp-block-button__link::after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  color: var(--wp--preset--color--contrast) !important;
  text-align: center;
  font-size: var(--wp--preset--font-size--xs);
  font-style: normal;
  font-weight: 900;
  line-height: 15px;
  padding-top: 5px;

  /* Styling the homepage contact us button arrow on mobile */
  @media screen and (max-width: 600px) {
    margin: 0px 0px 0px 10px !important;
  }

  /* Styling the homepage contact us button arrow on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    margin: 0px 0px 0px 10px !important;
  }
}

/* Adjusting the home page cover image */
.home-page-cover__group__image {
  opacity: 0;
}

/* Adjusting the slide right animation on scroll */
.animate-slide-right {
  opacity: 1;
  animation: slide-right 1s forwards;
}

/* Adjusting the slide left animation on scroll */
.animate-slide-left {
  opacity: 1;
  animation: slide-left 1s forwards;
}

/* Adjusting the slide up animation on scroll */
.animate-slide-up {
  opacity: 1;
  animation: slide-up 1s forwards;
}

/*-----------------------------------------------------------HOME PAGE SERVICES BLOCKS-----------------------------------------------------------*/
/* Desktop home page services blocks - Hide on mobile and tablet */
#services-block-desktop {
  /* Desktop home page services blocks on mobile */
  @media (max-width: 1200px) {
    display: none !important;
  }
}

/* Mobile home page services blocks - Hide on desktop */
#services-block-mobile {
  /* Mobile home page services blocks on desktop */
  @media (min-width: 1201px) {
    display: none !important;
  }
}

/* Adjusting the services page block columns */
.services-block__group--columns {
  gap: 20px;
  margin: 20px 0px !important;
  display: flex;
  align-items: center;

  /* Adjusting the services page block columns on mobile */
  @media screen and (max-width: 401px) {
    display: grid !important;
    padding-top: 30px !important;
  }

  /* Adjusting the services page block columns on mobile */
  @media screen and (max-width: 600px) {
    gap: 10px !important;
    margin-bottom: 20px !important;
  }

  /* Adjusting the services page block columns on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    gap: 10px !important;
  }

  /* Adjusting the services page block columns on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    gap: 10px !important;
  }
}

/* Adjusting the services page block column */
.services-block__group--columns__column {
  height: 200px !important;
  align-items: center;

  /* Adjusting the services page block column on mobile */
  @media (max-width: 600px) {
    height: 100px !important;
  }

  /* Adjusting the services page block column on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    height: 120px !important;
  }
}

/* Adjusting the image icon in the service block column */
.services-block__group--columns__column img {
  /* Adjusting the image icon in the service block column on mobile */
  @media screen and (max-width: 600px) {
    width: 50px !important;
    height: 50px !important;
  }

  /* Adjusting the image icon in the service block column on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    width: 60px !important;
    height: 60px !important;
  }
}

/* Adjusting the h3 title in the service block column */
.services-block__group--columns__column h3 {
  /* Adjusting the h3 title in the service block column on mobile */
  @media screen and (max-width: 439px) {
    padding-top: var(--wp--preset--spacing--50) !important;
    font-size: var(--wp--preset--font-size--xs) !important;
  }

  /* Adjusting the h3 title in the service block column on small tablet */
  @media screen and (min-width: 440px) and (max-width: 600px) {
    padding-top: var(--wp--preset--spacing--50) !important;
    font-size: var(--wp--preset--font-size--small) !important;
  }

  /* Adjusting the h3 title in the service block column on tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    padding-top: var(--wp--preset--spacing--50) !important;
    font-size: var(--wp--preset--font-size--small) !important;
  }
}

/*-----------------------------------------------------------HOME PAGE PRODUCTS-----------------------------------------------------------*/
/* Styling the products section title */
.products-section__title {
  /* Styling the products section title on mobile */
  @media screen and (max-width: 600px) {
    font-size: var(--wp--preset--font-size--m-large) !important;
  }

  /* Styling the products section title on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    font-size: var(--wp--preset--font-size--m-large) !important;
  }
}

/* Adjusting the products section image carousel gallery */
.image-carousel__gallery {
  height: 200px !important;
}

/*-----------------------------------------------------------HOME PAGE CONTACT-----------------------------------------------------------*/
/* Adjusting the home page contact form columns */
.home-page-contact-form__columns {
  display: flex;
}

/* Adjusting the home page contact form column */
.home-page-contact-form__columns--text-column {
  flex: 1;
  min-height: 600px !important;

  /* Adjusting the home page contact form column on mobile */
  @media screen and (max-width: 600px) {
    min-height: 100px !important;
  }

  /* Adjusting the home page contact form column on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    min-height: 100px !important;
  }

  /* Adjusting the home page contact form column on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    min-height: 100px !important;
  }
}

/* Adjusting the home page contact form subtitle */
.home-page-contact-form__columns--text-column__subtitle {
  /* Adjusting the home page contact form subtitle on mobile */
  @media screen and (max-width: 600px) {
    font-size: var(--wp--preset--font-size--xs) !important;
    padding-bottom: 0px !important;
  }

  /* Adjusting the home page contact form subtitle on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    font-size: var(--wp--preset--font-size--small) !important;
    padding-bottom: 0px !important;
  }
}

/* Adjusting the home page contact form title */
.home-page-contact-form__columns--text-column__title {
  /* Adjusting the home page contact form title on mobile */
  @media screen and (max-width: 600px) {
    font-size: var(--wp--preset--font-size--m-large) !important;
  }

  /* Adjusting the home page contact form title on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    font-size: var(--wp--preset--font-size--large) !important;
  }
}

/* Adjusting the contact form background image on the home page */
.home-page-contact-form__image {
  /* Desktop home page contact form slider - Hide on mobile and tablet */
  @media screen and (max-width: 1200px) {
    display: none !important;
  }
}

/* Adjusting the desktop home page contact form slider img */
.home-page-contact-form__image img {
  height: 100% !important;
}

/* Mobile home page contact form slider - Hide on desktop */
#lets-talk-section-mobile {
  /* Mobile home page contact form slider on desktop */
  @media screen and (min-width: 1201px) {
    display: none !important;
  }
}

/* Adjusting the contact form slider group on mobile section */
#lets-talk-section-mobile .contact-form-group {
  margin-top: -100px !important;

  /* Adjusting the contact form slider group on mobile section on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    margin-top: -80px !important;
  }
}

/* Adjusting the contact form slider cover on mobile section */
#lets-talk-section-mobile .contact-form-group__cover {
  /* Adjusting the contact form slider cover on mobile section on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    min-height: 60rem !important;
  }

  /* Adjusting the contact form slider cover on mobile section on mobile */
  @media screen and (min-width: 200px) and (max-width: 435px) {
    min-height: 30rem !important;
    object-position: 55% 25%;
  }

  /* Adjusting the contact form slider cover on mobile section on small tablet */
  @media screen and (min-width: 436px) and (max-width: 769px) {
    min-height: 40rem !important;
  }
}

/*-----------------------------------------------------------GENERIC FORM-----------------------------------------------------------*/
/* Adjusting the form modals width */
.pum-container {
  border-radius: 10px !important;
  padding: 20px !important;

  /* Adjusting the form modals width on mobile */
  @media screen and (max-width: 600px) {
    max-width: 100% !important;
    left: 0 !important;
  }
}

/* Adjusting the form modals width */
.pum-container.pum-responsive.pum-responsive-medium {
  max-width: 100% !important;

  /* Adjusting the form modals width on large monitors */
  @media screen and (min-width: 2001px) {
    max-width: 40% !important;
  }
}

/* Styling the pop up forms close button */
.pum-close {
  border-radius: 50px !important;
  background-color: var(--wp--preset--color--accent) !important;
  font-size: 15px !important;
  right: 20px !important;
  top: 20px !important;
  padding: 10px !important;
  color: var(--wp--preset--color--contrast) !important;
  line-height: 10px !important;
  font-weight: 700 !important;
}

/*-----------------------------------------------------------NEWSLETTER FORM DEFAULT-----------------------------------------------------------*/
/* Styling the title for the newsletter section */
.newsletter-form__group__column--heading {
  /* Styling the title for the newsletter section on mobile */
  @media screen and (max-width: 600px) {
    font-size: 26px !important;
    line-height: 30px !important;
  }
}

/* Styling the title for the newsletter section */
.newsletter-form-black-and-grey__group__column--heading {
  /* Styling the title for the newsletter section on mobile */
  @media screen and (max-width: 600px) {
    font-size: 26px !important;
    line-height: 30px !important;
  }
}

/* Adjusting the newsletter form fieldset */
.newsletter-form fieldset {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
}

/* Adjusting the newsletter form group */
.newsletter-form .ff-el-group {
  flex-grow: 1;
}

/* Adjusting the newsletter form input */
.newsletter-form .ff-el-group .ff-el-input--content input {
  width: 100%;
}

/* Adjusting the newsletter form button wrapper */
.newsletter-form .ff_submit_btn_wrapper {
  flex-shrink: 0;
}

/* Styling the newsletter form submit button */
button.ff-btn.ff-btn-submit.ff-btn-md.newsletter-form-button.ff_btn_style {
  opacity: 1 !important;
}

/* Styling the newsletter form submit button on hover */
button.ff-btn.ff-btn-submit.ff-btn-md.newsletter-form-button.ff_btn_style:hover {
  background: var(
    --wp--preset--gradient--dark-green-to-light-green-gradient
  ) !important;
  border: solid 1px var(--wp--preset--color--primary) !important;
}

/* Adjusting the newsletter form error labels */
.newsletter-form .ff-el-input--content .error {
  position: absolute !important;
  padding-left: 1rem !important;
}

/*-----------------------------------------------------------NEWSLETTER FORM BLACK AND GREY-----------------------------------------------------------*/
/* Adjusting the newsletter form fieldset */
.newsletter-form-black-and-grey fieldset {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
}

/* Adjusting the newsletter form group */
.newsletter-form-black-and-grey .ff-el-group {
  flex-grow: 1;
}

/* Adjusting the newsletter form input */
.newsletter-form-black-and-grey .ff-el-group .ff-el-input--content input {
  width: 100%;
}

/* Adjusting the newsletter form button wrapper */
.newsletter-form-black-and-grey .ff_submit_btn_wrapper {
  flex-shrink: 0;
}

/* Styling the newsletter form submit button */
button.ff-btn.ff-btn-submit.ff-btn-md.newsletter-form-black-and-grey-button.ff_btn_style {
  opacity: 1 !important;
}

/* Styling the newsletter form submit button on hover */
button.ff-btn.ff-btn-submit.ff-btn-md.newsletter-form-black-and-grey-button.ff_btn_style:hover {
  background: var(
    --wp--preset--gradient--dark-green-to-light-green-gradient
  ) !important;
  border: solid 1px var(--wp--preset--color--primary) !important;
}

/* Adjusting the newsletter black and grey form error labels */
.newsletter-form-black-and-grey .ff-el-input--content .error {
  position: absolute !important;
  padding-left: 1rem !important;
}

/*-----------------------------------------------------------CONTACT FORM-----------------------------------------------------------*/
/* Styling the submit button in the contact form */
button.ff-btn.ff-btn-submit.ff-btn-md.contact-form-button.ff_btn_style {
  opacity: 1 !important;
}

/* Styling the submit button in the contact form on hover */
button.ff-btn.ff-btn-submit.ff-btn-md.contact-form-button.ff_btn_style:hover {
  background: var(
    --wp--preset--gradient--dark-green-to-light-green-gradient
  ) !important;
  border: solid 1px var(--wp--preset--color--primary) !important;
}

/*-----------------------------------------------------------GENERIC PAGES-----------------------------------------------------------*/
/* Adjusting the featured image */
figure.wp-block-post-featured-image {
  margin: 0px !important;

  /* Adjusting the featured image on mobile */
  @media screen and (max-width: 600px) {
    margin: 0px !important;
  }
}

/* Adjusting the featured image */
figure.wp-block-post-featured-image img {
  height: 600px !important;
  border-radius: 10px 10px 0px 0px !important;

  /* Adjusting the featured image on mobile */
  @media screen and (max-width: 600px) {
    height: 300px !important;
  }

  /* Adjusting the featured image on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    height: 400px !important;
  }
}

/* Adjusting the table of content columns on each page */
.page-toc-group-columns {
  justify-content: center;
  display: flex;
}

/* Styling the table of content not filled buttons */
.page-toc-button-not-filled {
  border-radius: 5px !important;
  border: solid 1px #dddddd;
}

/* Styling the table of content buttons which are not filled */
.page-toc-button-not-filled .wp-block-button__link {
  padding: 15px 10px !important;
}

/* Styling the table of content buttons which are not filled on hover */
.page-toc-button-not-filled .wp-block-button__link:hover {
  background-color: var(
    --wp--preset--gradient--dark-green-to-light-green-gradient
  ) !important;
  color: var(--wp--preset--color--base) !important;
}

/* Styling the table of content buttons which are filled */
.page-toc-button-filled .wp-block-button__link {
  border-radius: 5px !important;
  padding: 16px 10px !important;
}

/* Styling the table of content buttons which are filled on hover */
.page-toc-button-filled .wp-block-button__link:hover {
  background: var(--wp--preset--color--contrast) !important;
}

/* Adjusting the content images */
.content-image {
  /* Adjusting the content images on mobile */
  @media (max-width: 781px) {
    text-align: center !important;
  }
}

/*-----------------------------------------------------------PAGE BANNER-----------------------------------------------------------*/
/* Adjusting the image banner group */
.page-image-banner__group {
  z-index: 999 !important;
}

/* Adjusting the banner image */
.page-image-banner__group--banner {
  height: 600px !important;
  position: relative;
  padding: 110px 0px 0px 0px !important;

  /* Adjusting the banner image on mobile */
  @media screen and (max-width: 600px) {
    height: 100% !important;
    padding: 65px 0px 0px 0px !important;
  }

  /* Adjusting the banner image on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    height: 100% !important;
    padding: 65px 0px 0px 0px !important;
  }
}

/* Adjusting the banner image overlay */
.page-image-banner__group--overlay {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(0, 0, 0, 0.6);
  color: var(--wp--preset--color--base) !important;
  width: 100%;
  height: 100% !important;
  box-sizing: border-box;
  z-index: 1;
}

/* Styling the banner image overlay post title */
.page-image-banner__group--overlay .wp-block-post-title {
  line-height: 1.2em;

  /*  Styling the banner image overlay post title on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    line-height: 1em;
  }
}

/* Adjusting the banner content */
.page-image-banner__group--content {
  position: relative;
  top: 45%;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  z-index: 2;

  /* Adjusting the banner content on mobile */
  @media screen and (max-width: 600px) {
    top: 40%;
  }

  /* Adjusting the banner content on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    top: 45%;
  }
}

/* Styling the page title */
.page-post-title {
  font-weight: 550;
  line-height: 1em;

  /* Styling the page title on mobile */
  @media screen and (max-width: 600px) {
    font-size: var(--wp--preset--font-size--medium);
  }
}

/* Hide page banner on the below pages */
.page-id-192 .page-image-banner__group--banner,
.page-id-194 .page-image-banner__group--banner {
  display: none !important;
}

/* Hide page title on the below pages */
.page-id-192 .wp-block-post-title,
.page-id-194 .wp-block-post-title {
  display: none;
}

/* Adjusting the video banner on the below pages */
.page-id-192 .wp-block-video,
.page-id-194 .wp-block-video {
  padding: 110px 0px 0px 0px !important;

  /* Adjusting the video banner on the below pages on mobile */
  @media screen and (max-width: 600px) {
    height: 100% !important;
    padding: 65px 0px 0px 0px !important;
  }

  /* Adjusting the video banner on the below pages on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    height: 100% !important;
    padding: 65px 0px 0px 0px !important;
  }
}

/*-----------------------------------------------------------BREADCRUMBS-----------------------------------------------------------*/
/* Styling the breadcrumbs */
.breadcrumbs {
  color: var(--wp--preset--color--base);
  font-family: var(--wp--preset--font-family--mulish);
  font-size: var(--wp--preset--font-size--s-medium);

  /* Styling the breadcrumbs on mobile */
  @media screen and (max-width: 600px) {
    font-size: var(--wp--preset--font-size--small);
  }

  /* Styling the breadcrumbs on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    font-size: var(--wp--preset--font-size--small);
  }
}

/* Styling the breadcrumbs link */
.breadcrumbs a {
  color: var(--wp--preset--color--base);
}

/* Styling the breadcrumbs link on hover */
.breadcrumbs a:hover {
  color: var(--wp--preset--color--link);
  font-weight: 700;
}

/* Adjusting the breadcrumbs arrow */
.breadcrumbs__arrow {
  height: 0.9rem !important;
  padding: 0 10px !important;
}

/*-----------------------------------------------------------ABOUT US PAGE-----------------------------------------------------------*/
/* Adjusting the table of content section column in the about us page */
.about-us-page-toc-button {
  width: 300px !important;

  /* Adjusting the table of content section column in the about us page on mobile */
  @media screen and (max-width: 600px) {
    width: 100% !important;
  }

  /* Adjusting the table of content section column in the about us page on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    width: 100% !important;
  }

  /* Adjusting the table of content section column in the about us page on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    width: 100% !important;
  }
}

/*-----------------------------------------------------------OUR TEAM PAGE-----------------------------------------------------------*/
/* Adjusting the our team columns */
.our-team__group__columns {
  gap: 30px !important;
  padding-right: var(--wp--preset--spacing--30);
  padding-left: var(--wp--preset--spacing--30);

  /* Adjusting the our team columns on mobile */
  @media screen and (max-width: 600px) {
    gap: 40px !important;
  }

  /* Adjusting the our team columns on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    flex-wrap: nowrap !important;
  }

  /* Adjusting the our team columns on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    flex-wrap: nowrap !important;
  }

  /* Adjusting the our team columns on mobile */
  @media screen and (min-width: 400px) and (max-width: 600px) {
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }
}

/* Adjusting the team image on hover */
.our-team__group__columns--column:hover .our-team-image img {
  transform: scale(1.1);
  border-radius: 50% !important;
}

/* Adjusting the team image overlay on hover */
.our-team__group__columns--column:hover .overlay {
  animation: slideUp 0.5s ease;
  opacity: 1;
  border-radius: 30px 0px;
  z-index: 2 !important;
}

/* Adjusting the team column overlay when not hovered */
.our-team__group__columns--column:not(:hover) .overlay {
  animation: slideDown 0.5s ease;
  opacity: 0;
}

/* Adjusting the our team image group */
.our-team__group__columns--column__image-group {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

/* Adjusting the our team image section */
.our-team__group__columns--column__image-group--image {
  border-radius: 30px 0px 0px 0px !important;
}

/* Styling the our team images */
.our-team__group__columns--column__image-group--image img {
  border-radius: 30px 0px 0px 0px !important;
  transition: transform 0.3s;
}

/* Styling the overlay for the team image */
.our-team__group__columns--column__image-group .overlay {
  position: absolute;
  bottom: 0 !important;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: 30px 0px 0px 0px !important;
  padding-top: 180px !important;
  z-index: 1 !important;
  animation: none;
}

/* Adjusting the team social icons */
.our-team__group__columns--column__social-icons {
  gap: 10px !important;
}

/* Adjusting the social icon image */
.our-team__group__columns--column__social-icons--social-icon-linkedin img {
  width: 36px;
  height: auto;
}

/* Adjusting the social icon image on hover */
.our-team__group__columns--column__social-icons--social-icon-linkedin
  img:hover {
  content: url("/wp-content/uploads/2024/11/Linkedin-Icon-Hover.svg");
  height: auto;
  width: 36px;
}

/* Adjusting the our team content group */
.our-team__group__columns--column__content-group {
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
}

/*-----------------------------------------------------------BRAND STORY PAGE-----------------------------------------------------------*/
/* Adjusting the order of the brand story identity block column on the second row */
.about-us-brand-story-identity__column--column1 {
  /* Adjusting the order of the brand story identity block column on the second row on mobile */
  @media screen and (max-width: 600px) {
    order: 2 !important;
  }

  /* Adjusting the order of the brand story identity block column on the second row on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    order: 2 !important;
  }

  /* Adjusting the order of the brand story identity block column on the second row on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    order: 2 !important;
  }
}

/* Adjusting the brand story block content in the about us page */
.about-us-brand-story-identity__column--content {
  padding: 0px 0px 0px 20px !important;
  margin: 30px 0px 0px 0px !important;
}

/* Styling the brand identity column in the about us page */
.about-us-identity__group--columns {
  /* Styling the brand identity column in the about us page on mobile */
  @media (min-width: 782px) and (max-width: 900px) {
    display: contents !important;
  }
}

/* Styling the brand identity column in the about us page */
.about-us-identity__group--columns__column {
  height: 400px !important;
  border-radius: 5px 40px 5px 5px !important;
  justify-content: center !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;

  /* Styling the brand identity column in the about us page on tablet */
  @media (min-width: 782px) and (max-width: 1050px) {
    margin: 0px 0px 30px 0px !important;
  }
}

/* Adjusting the slidebox inner container */
.slidebox_inner {
  position: relative;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Styling the front and the back of the slidebox */
.front,
.back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 5px 40px 5px 5px !important;
  transition: transform 0.8s, opacity 0.8s;
}

/* Styling the front and the back image of the slidebox */
.front img,
.back img {
  /* Styling the front and the back image of the slidebox on tablet */
  @media (min-width: 901px) and (max-width: 1050px) {
    width: 40px !important;
    height: 55px !important;
  }
}

/* Styling the back of the flipbox to initially hide it and scale it down */
.back {
  opacity: 0;
}

/* Adjusting the front so that it is hidden on hover of the slidebox */
.slidebox_inner:hover .front {
  opacity: 0;
}

/* Styling the back of the slidebox on hover to slide up and show the back */
.slidebox_inner:hover .back {
  animation: slideUp 0.8s ease !important;
  opacity: 1 !important;
}

/*-----------------------------------------------------------WHY BRIGHT WEALTH PAGE-----------------------------------------------------------*/
/* Adjusting the why bright wealth columns */
.why-bright-wealth__group__columns {
  /* Adjusting the why bright wealth columns on mobile */
  @media screen and (max-width: 600px) {
    padding: 0px 30px !important;
    gap: 100px !important;
  }

  /* Adjusting the why bright wealth columns on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    padding: 0px 30px !important;
    gap: 100px !important;
  }

  /* Adjusting the why bright wealth columns on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    padding: 0px 30px !important;
    gap: 100px !important;
  }
}

/* Adjusting the icon column in the why bright wealth page */
.why-bright-wealth__group__columns--column {
  /* Adjusting the icon column in the why bright wealth page on mobile */
  @media screen and (max-width: 600px) {
    gap: 100px !important;
  }

  /* Adjusting the icon column in the why bright wealth page on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    gap: 100px !important;
  }
}

/*-----------------------------------------------------------SERVICES PAGE-----------------------------------------------------------*/
/* Adjusting the table of content section column in the services page */
.services-page-toc-button {
  width: 300px !important;

  /* Adjusting the table of content section column in the services page on mobile */
  @media (max-width: 600px) {
    width: 100% !important;
  }

  /* Adjusting the table of content section column in the services page on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    width: 100% !important;
  }

  /* Adjusting the table of content section column in the services page on tablet */
  @media (min-width: 769px) and (max-width: 1200px) {
    width: 100% !important;
  }
}

/* Adjusting the services page content block column */
.services-page__columns--column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 5px !important;
}

/* Adjusting the services page content block column */
.services-page__columns--column__banking-consultancy-content {
  height: 220px;
  justify-content: center !important;
}

/* Adjusting the services page content block column */
.services-page__columns--column__corporate-services-content {
  height: 200px;
  justify-content: center;

  /* Adjusting the services page content block column on mobile */
  @media screen and (max-width: 600px) {
    height: 250px;
  }

  /* Adjusting the services page content block column on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    height: 250px;
  }

  /* Adjusting the services page content block column on small tablet */
  @media screen and (min-width: 500px) and (max-width: 780px) {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

/* Adjusting the services page content block column */
.services-page__columns--column__bookkeeping-content {
  height: 220px;
  justify-content: center;

  /* Adjusting the services page content block column on mobile */
  @media screen and (max-width: 600px) {
    height: 320px;
  }

  /* Adjusting the services page content block column on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    height: 280px;
  }

  /* Adjusting the services page content block column on small tablet */
  @media screen and (min-width: 500px) and (max-width: 780px) {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  /* Adjusting the services page content block column on tblet */
  @media screen and (min-width: 781px) and (max-width: 899px) {
    height: 320px;
  }

  /* Adjusting the services page content block column on tblet */
  @media screen and (min-width: 900px) and (max-width: 1048px) {
    height: 300px;
  }
}

/* Adjusting the services page content block column */
.services-page__columns--column__management-consultancy-content {
  height: 220px;
  justify-content: center;

  /* Adjusting the services page content block column on mobile */
  @media screen and (max-width: 600px) {
    height: 280px;
  }

  /* Adjusting the services page content block column on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    height: 220px;
  }

  /* Adjusting the services page content block column on small tablet */
  @media screen and (min-width: 500px) and (max-width: 780px) {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  /* Adjusting the services page content block column on tablet */
  @media screen and (min-width: 781px) and (max-width: 899px) {
    height: 350px;
  }

  /* Adjusting the services page content block column on tablet */
  @media screen and (min-width: 900px) and (max-width: 1048px) {
    height: 280px;
  }
}

/*-----------------------------------------------------------BANKING CONSULTANCY PAGE-----------------------------------------------------------*/
/* Adjusting the order of the first service block column on the second row */
.banking-consultancy-services__column {
  /* Adjusting the order of the first service block column on the second row on mobile */
  @media screen and (max-width: 600px) {
    order: 2 !important;
  }

  /* Adjusting the order of the first service block column on the second row on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    order: 2 !important;
  }
}

/*-----------------------------------------------------------PRODUCTS PAGE-----------------------------------------------------------*/
/* Adjusting the table of content section column in the products page */
.products-page-toc-button {
  width: 250px !important;

  /* Adjusting the table of content section column in the products page on mobile */
  @media screen and (max-width: 600px) {
    width: 100% !important;
  }

  /* Adjusting the table of content section column in the products page on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    width: 100% !important;
  }

  /* Adjusting the table of content section column in the products page on tablet */
  @media (min-width: 769px) and (max-width: 1200px) {
    width: 100% !important;
  }
}

/*-----------------------------------------------------------BRIGHT WEALTH PLATFORM PAGE-----------------------------------------------------------*/
/* Adjusting the benefits columns in the products page */
.products-page__benefits {
  grid-template-columns: 5% auto !important;
}

/* Adjusting the benefits image in the products page */
.products-page__benefits img {
  width: 18px !important;
  height: 18px !important;
}

/* Adjusting the benefits title in the products page */
.products-page__benefits--title {
  margin: 0px !important;
}

/* Adjusting the main desktop infographic in the products platform page */
.platform-process__infographic--desktop {
  /* Adjusting the main desktop infographic in the products platform page on mobile */
  @media screen and (max-width: 600px) {
    display: none;
  }

  /* Adjusting the main desktop infographic in the products platform page on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    display: none;
  }

  /* Adjusting the main desktop infographic in the products platform page on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    display: none;
  }
}

/* Adjusting the main mobile infographic in the products platform page */
.platform-process__infographic--mobile {
  display: none;

  /* Adjusting the main mobile infographic in the products platform page on mobile */
  @media screen and (max-width: 600px) {
    display: block;
  }

  /* Adjusting the main mobile infographic in the products platform page on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    display: block;
  }

  /* Adjusting the main mobile infographic in the products platform page on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    display: block;
  }
}

/* Adjusting the infographic title */
.platform-process__infographic--title {
  /* Adjusting the infographic title on mobile */
  @media screen and (max-width: 600px) {
    text-align: center !important;
  }

  /* Adjusting the infographic title on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    text-align: center !important;
  }
}

/* Styling the main mobile infographic step circle in the products platform page */
.platform-process__infographic--circular-number {
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  background-color: var(--wp--preset--color--contrast) !important;
  color: var(--wp--preset--color--base) !important;
  font-size: var(--wp--preset--font-size--s-medium);
  text-align: center;
  line-height: 65px;

  /* Styling the main mobile infographic step circle in the products platform page on mobile */
  @media screen and (max-width: 600px) {
    margin: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--wp--preset--font-size--small) !important;
  }

  /* Styling the main mobile infographic step circle in the products platform page on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    line-height: 45px !important;
    font-size: var(--wp--preset--font-size--small) !important;
  }

  /* Styling the main mobile infographic step circle in the products platform page on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    line-height: 45px !important;
    font-size: var(--wp--preset--font-size--small) !important;
  }
}

/* Adjusting the main mobile infographic step circle column in the products platform page */
.platform-process__infographic--circular-number__column {
  display: flex;
  justify-content: center;
}

/* Adjusting the main mobile infographic content in the products platform page */
.platform-process__infographic--content {
  /* Adjusting the main mobile infographic content in the products platform page on mobile */
  @media screen and (max-width: 600px) {
    text-align: center;
    padding: 0px 30px !important;
  }

  /* Adjusting the main mobile infographic content in the products platform page on sml tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    text-align: center;
    padding: 0px 30px !important;
  }
}

/* Adjusting the demo column in the products platform page */
.demo-column {
  /* Adjusting the demo column in the products platform page on mobile */
  @media screen and (max-width: 600px) {
    padding-left: 0px !important;
  }

  /* Adjusting the demo column in the products platform page on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    padding-left: 0px !important;
  }

  /* Adjusting the demo column in the products platform page on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    padding-left: 0px !important;
  }
}

/*-----------------------------------------------------------BRIGHT WEALTH PAY PAGE-----------------------------------------------------------*/
/* Adjusting the banking cards columns */
.banking-cards__columns {
  display: flex;

  /* Adjusting the banking cards columns on mobile */
  @media screen and (max-width: 600px) {
    text-align: center;
  }

  /* Adjusting the banking cards columns on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    text-align: center;
  }

  /* Adjusting the banking cards columns on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    text-align: center;
  }
}

/* Adjusting the banking cards button */
.banking-cards__button {
  /* Adjusting the banking cards button on mobile */
  @media screen and (max-width: 600px) {
    justify-content: center;
  }

  /* Adjusting the banking cards button on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    justify-content: center;
  }

  /* Adjusting the banking cards button on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    justify-content: center;
  }
}

/*-----------------------------------------------------------PRODUCT OF THE MONTH PAGE-----------------------------------------------------------*/
/* Styling the product titles links on hover */
.product-of-the-month__product-title a:hover {
  font-weight: 700 !important;
}

/*-----------------------------------------------------------APPLY BANKING CARD FORM-----------------------------------------------------------*/
/* Styling the apply for card form background */
#popmake-2231 {
  background-color: var(--wp--preset--color--contrast) !important;
}

/* Styling the apply for card form title */
#pum_popup_title_2231 {
  color: var(--wp--preset--color--base) !important;
  margin-top: 1rem !important;
  margin-bottom: 2rem !important;
}

/* Adjusting the apply for card form phone input field */
#popmake-2231 #ff_6_2_phone_5 {
  padding-left: 60px !important;
}

/* Styling the button in the banking card form in the bright wealth pay page */
button.ff-btn.ff-btn-submit.ff-btn-md.apply-banking-card-form-button.ff_btn_style {
  opacity: 1 !important;
  width: 400px !important;

  /* Styling the button in the banking card form in the bright wealth pay page on mobile */
  @media screen and (max-width: 600px) {
    width: 100% !important;
  }
}

/* Styling the button in the banking card form in the bright wealth pay page on hover */
button.ff-btn.ff-btn-submit.ff-btn-md.apply-banking-card-form-button.ff_btn_style:hover {
  background: var(
    --wp--preset--gradient--dark-green-to-light-green-gradient
  ) !important;
  border: solid 1px var(--wp--preset--color--primary) !important;
}

/* Adjusting the apply for card form input content */
#popmake-2231 .ff-el-input--content {
  display: flex !important;
  gap: 1rem !important;

  /* Adjusting the apply for card form input content on mobile */
  @media screen and (max-width: 600px) {
    display: block !important;
  }
}

/* Adjusting the apply for card form checkbox labels */
#popmake-2231 .ff-default .ff-el-form-check label.ff-el-form-check-label {
  display: flex !important;
  gap: 0.2rem;
  align-items: center;
}

/* Adjusting the apply for card form concierge services section */
.concierge-services {
  margin-top: 2rem !important;
}

/* Styling the pop up content */
.pum-content {
  font-size: var(--wp--preset--font-size--base) !important;
}

/* Styling the apply for card form background */
#pum-2231 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

/*-----------------------------------------------------------DEMO APPLICATION FORM-----------------------------------------------------------*/
/* Adjusting the demo application form phone input field */
#popmake-2267 #ff_7_3_phone_5 {
  padding-left: 60px !important;
}

/* Styling the demo application form button in the bright wealth platform page */
button.ff-btn.ff-btn-submit.ff-btn-md.demo-application-form-button.ff_btn_style {
  opacity: 1 !important;
  width: 100% !important;
}

/* Styling the demo application form button in the bright wealth platform page on hover */
button.ff-btn.ff-btn-submit.ff-btn-md.demo-application-form-button.ff_btn_style:hover {
  background: var(
    --wp--preset--gradient--dark-green-to-light-green-gradient
  ) !important;
  border: solid 1px var(--wp--preset--color--primary) !important;
}

/* Styling the apply for card form background */
#pum-2267 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Styling the apply for card close button */
#pum-2267 .pum-close {
  background-color: var(--wp--preset--color--contrast) !important;
  color: var(--wp--preset--color--base) !important;
}

/* Adjusting the demo application form */
#popmake-2267 {
  padding: 50px !important;
  border-radius: 10px !important;
}

/* Styling the demo application form title and labels */
#popmake-2267 p,
#popmake-2267 .wpforms-field-label {
  color: var(--wp--preset--color--contrast) !important;
}

/*-----------------------------------------------------------INSIGHTS PAGE-----------------------------------------------------------*/
/* Adjusting the table of content section column in the insights page */
.insights-page-toc-button {
  width: 360px !important;

  /* Adjusting the table of content section column in the insights page on mobile */
  @media screen and (max-width: 600px) {
    width: 100% !important;
  }

  /* Adjusting the table of content section column in the insights page on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    width: 100% !important;
  }

  /* Adjusting the table of content section column in the insights page on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    width: 100% !important;
  }
}

/*-----------------------------------------------------------OUR PARTNERS PAGE-----------------------------------------------------------*/
/* Adjusting the partner logos columns */
.partner-logos__group__columns {
  gap: 100px !important;

  /* Adjusting the partner logos columns on tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    gap: 50px !important;
  }
}

/*-----------------------------------------------------------BLOGS AND NEWS-----------------------------------------------------------*/
/* Styling the news categories container */
.blog-index-placeholder {
  background-color: var(--wp--preset--color--base) !important;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 32px;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
}

/* tyling the news categories h2 */
.blog-index-placeholder__row--content h2 {
  padding: 0px 0px 0px 30px;
  font-size: var(--wp--preset--font-size--small) !important;
}

/* Styling the blogs and news content */
.blog-news-content {
  font-size: var(--wp--preset--font-size--base);
  margin: 40px 0px !important;
}

/* Styling the blogs and news content links */
.blog-news-content a {
  color: var(--wp--preset--color--link) !important;
  font-weight: 700;
}

/* Adjusting the featured image in the first column in the blogs page */
.blogs-group .main-column .attachment-post-thumbnail {
  height: 560px !important;

  /* Adjusting the featured image in the first column in the blogs page on mobile */
  @media screen and (max-width: 600px) {
    height: 300px !important;
  }
}

/* Adjusting the post title in the first column in the blogs page */
.blogs-group .main-column .wp-block-post-title {
  line-height: 1.2em !important;
}

/* Adjusting the border radius of the featured images in the blogs page */
.blogs-group .attachment-post-thumbnail,
.blogs-group .wp-block-post-featured-image__overlay {
  border-radius: 10px !important;
}

/* Adjusting the height of the featured images in the second column in the blogs page */
.blogs-group .multiple-posts-column .attachment-post-thumbnail,
.blogs-group .wp-block-post-featured-image__overlay {
  height: 300px !important;
}

/* Adjusting the margin of the multiple posts column query in the blogs page */
.multiple-posts-query {
  margin: 0px 0px 40px 0px !important;
}

/* Adjusting the spacing of the featured images in the second column in the blogs page */
.blogs-group figure.wp-block-post-featured-image {
  margin: 34px 0px 0px 0px !important;
}

/* Adjusting blog post container in the second column in the blog page */
.custom-blog-post-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Adjusting blog post container featured image in the second column in the blog page */
.custom-blog-post-container .wp-block-post-featured-image {
  position: relative;
  display: flex;
  position: relative;
  flex-direction: column;
}

/* Adjusting blog post container post title in the second column in the blog page */
.custom-blog-post-container .wp-block-post-title {
  position: absolute;
  padding: 30px 40px 0px 40px;
  width: 100%;

  /* Adjusting blog post container post title in the second column in the blog page on mobile */
  @media screen and (max-width: 600px) {
    font-size: var(--wp--preset--font-size--small) !important;
    padding: 30px 10px 0px 20px;
  }

  /* Adjusting blog post container post title in the second column in the blog page on small tablet */
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    font-size: var(--wp--preset--font-size--s-medium) !important;
    padding: 30px 20px 0px 20px;
  }
}

/* Styling the pagination buttons */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
  background-color: var(--wp--preset--color--link);
  border-radius: 10px !important;
  color: var(--wp--preset--color--base) !important;
  padding: 20px 40px 15px 40px !important;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
}

/* Styling the post details section in the category page */
.post-details-section {
  background-color: var(--wp--preset--color--base) !important;
  border-radius: 0px 0px 10px 10px !important;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
  padding: 30px !important;
  margin: -30px 0px 30px 0px !important;
}

/*  Styling the post title */
.post-details-section .wp-block-post-title {
  line-height: 1.2em !important;
}

/* Styling the next pagination */
.wp-block-query-pagination-next::after {
  content: url("/wp-content/uploads/2024/11/Previous-Icon.svg");
}

/* Styling the previous pagination */
.wp-block-query-pagination-previous::after {
  content: url("/wp-content/uploads/2024/11/Next-Icon.svg");
}

/* Adjusting the pagination labels */
.wp-block-query-pagination-previous .wp-block-query-pagination-label,
.wp-block-query-pagination-next .wp-block-query-pagination-label {
  color: var(--wp--preset--color--base) !important;
}

/* Adjusting the details columns in the blog posts archive page */
.blog-posts-details-colums {
  gap: 0px !important;
}

/* Adjusting the individual details columns in the blog posts archive page */
.blog-posts-details-column {
  border: solid 1px var(--wp--preset--color--blog-posts-border);
  padding: 10px;
}

/* Adjusting the category group */
.category-group {
  /* Adjusting the category group on mobile */
  @media screen and (max-width: 769px) {
    padding-top: 0px !important;
  }

  /* Adjusting the category group on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    padding-top: 0px !important;
  }
}

/* Adjusting the h2 in the category pages */
.category-title h2 {
  padding: 0px 20px 0px 0px !important;
  margin-top: 0px !important;
}

/* Styling the widget area in the category pages */
.widget-area {
  background-color: var(--wp--preset--color--base) !important;
  border-radius: 10px !important;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
  padding: 0 20px !important;
  margin: 0px !important;
  gap: 0 !important;
}

/* Adjusting the title in the widget area of the category pages */
.widget-area h2 {
  margin: 0px !important;
}

/* Adjusting the list container in the widget area of the category pages */
.widget-area .wp-block-latest-posts.wp-block-latest-posts__list {
  margin: 0px !important;
}

/* Styling the list items in the widget area of the category pages */
.widget-area .wp-block-latest-posts.wp-block-latest-posts__list li {
  border-bottom: solid 1px #e9e9e9 !important;
  padding: 20px 0;
}

/* Adjusting the first list item in the widget area of the category pages */
.widget-area .wp-block-latest-posts.wp-block-latest-posts__list li:first-child {
  padding: 0px 0 20px 0;
}

/* Adjusting the last list item in the widget area of the category pages */
.widget-area .wp-block-latest-posts.wp-block-latest-posts__list li:last-child {
  border-bottom: one !important;
}

/*-----------------------------------------------------------RELATED POSTS-----------------------------------------------------------*/
/* Styling the related posts container */
.related-posts {
  background-color: var(--wp--preset--color--base) !important;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  font-style: normal !important;
}

/* Styling the related posts title */
.related-posts--main-title {
  font-size: var(--wp--preset--font-size--medium);
  font-style: normal !important;
}

/* Set grid to display posts in 3 columns */
.related-posts__row--container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;

  /* Set grid to display posts in 3 columns on mobile */
  @media screen and (max-width: 769px) {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }

  /* Set grid to display posts in 3 columns on small tablet */
  @media screen and (min-width: 601px) and (max-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}

/* Styling the news categories content */
.related-posts__row--content {
  background-color: var(--wp--preset--color--base) !important;
  border-radius: 10px;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
}

/* Styling the news categories h2 */
.related-posts__row--content h2 {
  padding: 0px 0px 0px 30px;
  font-size: var(--wp--preset--font-size--small) !important;
}

/* Styling the related posts thumbs */
.related-posts-thumbs {
  text-decoration: none !important;
}

/* Styling the related posts image container */
.related-posts-thumbs__image {
  width: 100% !important;
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
  aspect-ratio: 16 / 9;
}

/* Adjusting the related posts image */
.related-posts-thumbs__image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  width: auto;
  height: auto;
}

/* Styling the related posts thumbnail author section */
.related-posts-thumbs__author {
  display: flex;
}

/* Styling the related posts thumbnail date */
.related-posts-thumbs__author--date {
  text-align: center;
  background-color: var(--wp--preset--color--link);
  font-size: 10px !important;
  padding: 5px 10px !important;
  width: 50px;
  border-radius: 3px !important;
  color: var(--wp--preset--color--base);
  line-height: 1.2em;
  position: absolute;
  bottom: 0 !important;
  left: 0 !important;
}

/* Styling the related posts thumbnail container */
.related-posts-thumb__container {
  position: relative;
}

/* Styling the related posts thumbnail title */
.related-posts-thumb__medium--title {
  font-size: var(--wp--preset--font-size--base) !important;
  line-height: 140%;
  margin: 4px 0;
  padding: 0 20px 20px 20px;
  color: #64696f !important;
  font-weight: 400;

  /* Truncating */
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: normal !important;

  /* Styling the related posts thumbnail title on mobile */
  @media screen and (max-width: 769px) {
    padding: 10px 20px 20px 20px;
    font-size: var(--wp--preset--font-size--xs);
  }

  /* Styling the related posts thumbnail title on laptop */
  @media screen and (min-width: 1201px) and (max-width: 1600px) {
    font-size: var(--wp--preset--font-size--small);
  }
}