.page-node-type-redesign .inner-page .breadcrumb,
.page-node-type-redesign .inner-page,
.page-node-type-redesign #block-footertop,
.page-node-type-redesign #block-footermid,
.page-node-type-redesign #block-footerbottom {
  display: none;
}
/* ----------------------------------------- */
/* FONTS STACK */
/* ----------------------------------------- */
@font-face {
  font-family: "inter";
  src: url("Inter-Regular.otf");
}
@font-face {
  font-family: "interL";
  src: url("Inter-Light.otf");
}
@font-face {
  font-family: "interM";
  src: url("Inter-Medium.otf");
}
@font-face {
  font-family: "interSB";
  src: url("Inter-SemiBold.otf");
}
@font-face {
  font-family: "interB";
  src: url("Inter-Bold.otf");
}
/* ----------------------------------------- */
/* variables */
/* ----------------------------------------- */
:root {
  /* typography */
  --inter: "inter", "sans-serif";
  --interL: "interL", "sans-serif";
  --interM: "interM", "sans-serif";
  --interSB: "interSB", "sans-serif";
  --interB: "interB", "sans-serif";

  /* section heading */
  --section-heading: 36px/50px var(--interM);

  --color-primary: #2c5593;
  --color-secondary: #84bb4d;

  --color-black: #000;
  --color-white: #fff;
  --color-white-secondary: #f7ffed;
  --text-color-01: #575757;
  --section-spacing: 64px 64px;
  --section-spacing-unit: 64px;
  --transition-04: all 0.4s ease;
  --box-shadow: 0px 16px 46px rgba(27, 60, 116, 0.1);
  /* --gradient-primary: linear-gradient(
    270deg,
    rgba(57, 142, 128, 0.2484) 36.77%,
    rgba(31, 94, 84, 0.92) 95.96%
  ); */
  /* --box-shadow-primary: rgba(16, 176, 215, 0.35) 0px 5px 15px; */
}
/*--------------------------------- 
            RESPONSIVENESS
-----------------------------------*/
@media screen and (max-width: 768px) {
  :root {
    --section-spacing: 30px 30px !important;
    --section-spacing-unit: 30px !important;
  }
}
@media screen and (max-width: 640px) {
  :root {
    --section-spacing: 15px 15px !important;
    --section-spacing-unit: 15px !important;
  }
}

/* ----------------------------------------- */
/*       top bar                             */
/*--------------------- -------------- -     */
/* top bar */
.topbar-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  column-gap: 12px;
}
.topbar-wrap > li {
  position: relative;
}
.topbar-wrap > li a {
  font: 14px / 120% var(--interL);
  color: var(--color-white);
  padding: 8px 8px 8px 32px;
  border: 1px solid var(--color-white);
  border-radius: 12px;
  display: block;
  min-width: 122px;
  text-align: center;
  transition: var(--transition-04);
}
.topbar-wrap > li a:hover,
.topbar-wrap > li a:focus {
  text-decoration: none;
  color: var(--color-white);
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.topbar-wrap > li::before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  background-size: 100% 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  background-size: 100% 100%;
}

.topbar-wrap > li.epads::before {
  background: url("../images/icon-epads.svg") no-repeat center center;
}
.topbar-wrap > li.etender::before {
  background: url("../images/icon-etender.svg") no-repeat center center;
}
.topbar-wrap > li.search-tender::before {
  background: url("../images/icon-search.svg") no-repeat center center;
}
.topbar-wrap > li {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.header-view p {
  font: 16px/26px var(--inter);
}
/* ----------------------------------------- */
/*       MAIN NAVIGATION - HOME       */
/*--------------------- ----------------     */
/* logo placeholder */
.page-node-type-redesign .navbar .logo {
  display: block;
  position: relative;
}
.page-node-type-redesign .navbar .logo > img {
  opacity: 0;
}
.page-node-type-redesign .navbar .logo::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/logo.png") no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
/* end of log placeholder */

.page-node-type-redesign #navbar {
  padding: var(--section-spacing);
  padding-top: 24px;
  padding-bottom: 0;
  /* background: #333; */
}
.page-node-type-redesign #block-bootstrap-subtheme-search {
  display: none;
}

.page-node-type-redesign .top_navigation .navbar-nav li a {
  font: 14px/120% var(--inter);
  color: var(--color-white);
}
@media screen and (min-width: 767px) {
  .page-node-type-redesign .navbar-default {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
  }
}
@media screen and (max-width: 768px) {
  .page-node-type-redesign #navbar {
    /* background: #333; */
  }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: transparent;
    padding: 24px 12px;
  }
  .topbar-wrap {
    gap: 12px;
  }
}
/* ----------------------------------------- */
/*       MAIN BANNER - HOME       */
/*--------------------- ----------------     */
#mb-img-wrap > img {
    width: 100%;
    display: block;
    height: auto;
}
#mb-txt-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 0;
  padding-left: var(--section-spacing-unit);
}
#mb-wrap {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.mb-title {
  font: 40px/63px var(--interM);
  color: var(--color-white);
  margin: 0 0 6px;
  text-transform: uppercase;
}
.mb-subtitle {
  font: 50px/63px var(--interB);
  color: #fff;
  margin: 0;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  #mb-txt-wrap {
    top: 30%;
  }
  .mb-title {
    font: 36px/63px var(--interM);
  }
  .mb-subtitle {
    font: 40px/50px var(--interB);
  }
}

@media screen and (max-width: 768px) {
  #mb-txt-wrap {
    padding: var(--section-spacing);
  }
  #mb-txt-wrap {
    top: 0;
  }
  .mb-title {
    font: 28px / 38px var(--interM);
  }
  .mb-subtitle {
    font: 36px / 46px var(--interB);
  }
}
@media screen and (max-width: 640px) {
  .mb-title {
    font: 18px / 28px var(--interM);
  }
  .mb-subtitle {
    font: 24px / 34px var(--interB);
  }
}
#mb-txt-wrap {
    opacity: 0;
    animation: fadeIn 2s forwards; /* animation on page load */
    animation-delay: 0.5s; /* delay the whole animation slightly */
}

.mb-title,
.mb-subtitle {
    opacity: 0;
    animation: fadeInText 2s ease-out forwards;
}

.mb-title {
    animation-delay: 0.5s; /* Delay the title animation */
}

.mb-subtitle {
    animation-delay: 1s; /* Delay the subtitle animation */
}

/* Keyframes for fade-in effect */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInText {
    0% {
        opacity: 0;
        transform: translateY(20px); /* Optional, makes the text slide in */
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ----------------------------------------- */
/*HORIZANTAL SCROLL- NEWS TICKER - HOME       */
/*--------------------- ----------------     */

#block-views-block-news-view-block-2 {
  padding: 0;
}
#block-views-block-news-view-block-2 .view-content {
  padding: 12px 0;
  margin: 0 auto;
  width: calc(100%);
  background: var(--color-secondary);
  /* box-shadow: 0px 11px 10px rgba(81, 81, 81, 0.08); */
  /* blur the area behind this element */
  /* backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  border: 1px solid rgba(255, 255, 255, 0.4); 
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);*/
}

/* fallback for browsers without backdrop-filter */
@supports not (
  (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))
) {
  #block-views-block-news-view-block-2 .view-content {
    /* increase opacity a bit since there will be no blur */
    background: rgba(255, 255, 255, 0.78);
    /* optional: slightly blur a pseudo-element instead */
  }
}
.notification-item-wrap {
  padding: 4px 0;
}
.notification-item-wrap > * ,
.notification-item-wrap a {
  display: block;
  color: var(--color-white);
  font: 20px/120% var(--interSB);
  transition: var(--transition-04);
}
.notification-item-wrap a:hover,
.notification-item-wrap a:focus {
  text-decoration: none;
  color: var(--color-primary);
  /* color: var(--color-white); */
}
.view-news-view.view-display-id-block_2 .view-content {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.view-news-view.view-display-id-block_2 .marquee-track {
  display: inline-block;
  white-space: nowrap;
  animation: scroll-left 120s linear infinite;
}

.view-news-view.view-display-id-block_2 .notification-item {
  display: inline-block;
  padding: 0 2rem;
  position: relative;
}
/* .view-news-view.view-display-id-block_2 .notification-item::before {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--color-primary);
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
} */
/* Pause on hover */
.view-news-view.view-display-id-block_2 .view-content:hover .marquee-track {
  animation-play-state: paused;
}

/* Keyframes */
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Responsive speed */
@media (max-width: 768px) {
  .view-news-view.view-display-id-block_2 .marquee-track {
    animation-duration: 70s; /* slower on small screens */
  }
}

@media (min-width: 1200px) {
  .view-news-view.view-display-id-block_2 .marquee-track {
    animation-duration: 50s; /* faster on wide screens */
  }
}

/* ----------------------------------------- */
/*       LEARNING AND AWARENESS - HOME       */
/*--------------------- ----------------     */
#block-views-block-learning-awareness-block-1 {
  background: var(--color-primary)
    url("../images/learning-and-awareness-bg.png") no-repeat center center /
    cover;
  padding: var(--section-spacing);
  padding-right: 0;
  position: relative;
}
.text-white {
  color: var(--color-white) !important;
}
.view-learning-awareness.view-display-id-block_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.view-learning-awareness.view-display-id-block_1 .view-content {
  width: 70%;
}
.view-learning-awareness.view-display-id-block_1 .view-header {
  width: 30%;
  padding: 0 30px 0 0;
}
.trgal-wrap {
  width: 100%;
  background: var(--color-white);
  transition: var(--transition-04);
}
#block-views-block-learning-awareness-block-1 .slick-track {
  margin-top: 12px;
  margin-bottom: 12px;
}
#block-views-block-learning-awareness-block-1 .slick-slide {
  background: var(--color-white);
  border-radius: 24px;
  padding: 18px;
  width: 350px;
  margin: 0 0 0 20px;
  transition: var(--transition-04);
}
#block-views-block-learning-awareness-block-1 .slick-slide:hover,
#block-views-block-learning-awareness-block-1 .slick-slide:focus {
  box-shadow: var(--box-shadow);
  transform: translateY(-4px);
}
#block-views-block-learning-awareness-block-1
  .slick-slide:hover
  .trgal-title::after,
#block-views-block-learning-awareness-block-1
  .slick-slide:focus
  .trgal-title::after {
  opacity: 1;
}
.trgal-img {
  margin: 0 0 24px;
}
.trgal-img > img {
  display: block;
  width: 100%;
  border-radius: 24px;
  height: 252px;
  object-fit: cover;
  object-position: top center;
}
.trgal-title {
  font: 20px / 30px var(--interL);
  color: #1f1f1f;
  margin: 0 0 18px;
  min-height: 90px;
  position: relative;
  padding-right: 40px;
}
.trgal-title::after {
  content: "";
  width: 40px;
  height: 40px;
  background: url(../images/trgal-arrow.svg) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: var(--transition-04);
}

/* .trgal-text-wrap ,
.trgal-text-wrap > *{
    font: 18px/27px var(--interL);
    color: #333;
    margin: 0;
} */
/*   */
/* block spacing */
/* .trgal-text-wrap {
    min-height: 81px;
} */
#block-views-block-learning-awareness-block-1 .slick__arrow {
  position: absolute;
  left: 64px;
  top: calc(50% + 64px);
  transform: translateY(-50%);
}
#block-views-block-learning-awareness-block-1 .slick__arrow .slick-arrow {
  width: 23px;
  height: 43px;
  background: transparent;
  border: none;
  text-indent: 100%;
  overflow: hidden;
  outline: 0;
  color: transparent;
}
#block-views-block-learning-awareness-block-1 .slick__arrow .slick-prev {
  background: url("../images/slickarrow-left.svg") no-repeat center center;
  margin-right: 24px;
}
#block-views-block-learning-awareness-block-1 .slick__arrow .slick-prev:hover,
#block-views-block-learning-awareness-block-1 .slick__arrow .slick-prev:focus {
  background: url("../images/slickarrow-left-hover.svg") no-repeat center center;
}
#block-views-block-learning-awareness-block-1 .slick__arrow .slick-next {
  background: url("../images/slickarrow-right.svg") no-repeat center center;
}
#block-views-block-learning-awareness-block-1 .slick__arrow .slick-next:hover,
#block-views-block-learning-awareness-block-1 .slick__arrow .slick-next:focus {
  background: url("../images/slickarrow-right-hover.svg") no-repeat center
    center;
}
@media screen and (max-width: 1366px) {
  #block-views-block-learning-awareness-block-1 .slick__arrow {
    top: calc(50% + 96px);
  }
  .view-learning-awareness.view-display-id-block_1 .view-content {
    width: 70%;
  }
  .view-learning-awareness.view-display-id-block_1 .view-header {
    width: 30%;
  }
}
@media screen and (max-width: 992px) {
  #block-views-block-learning-awareness-block-1 .slick__arrow {
    top: unset;
    bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .view-learning-awareness.view-display-id-block_1 .view-header,
  .view-learning-awareness.view-display-id-block_1 .view-content {
    width: 100%;
  }
  .view-learning-awareness.view-display-id-block_1 .view-header {
    margin: 0 0 48px;
  }
  #block-views-block-learning-awareness-block-1 .slick__arrow {
    bottom: unset;
    top: 30px;
    right: 48px;
    left: unset;
  }
  #block-views-block-learning-awareness-block-1 {
    padding-right: var(--section-spacing-unit);
  }
}
@media screen and (max-width: 641px) {
  #block-views-block-learning-awareness-block-1 .slick-slide {
    margin: 0;
  }
}
/* ----------------------------------------- */
/*       OUR SERVICES - HOME  */
/* 
--------------------- ---------------- */
#ourservices-section {
  padding: var(--section-spacing);
  background: var(--color-white);
}
.services-header-wrap p {
  font: 18px/30px var(--interL);
  color: var(--color-black);
  margin: 0;
}
.featured-cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
}
.featured-cards-wrapper .featured-card {
  width: calc(33.333% - 24px);
}
.featured-card {
  background: var(--color-white);
  box-shadow: var(--box-shadow);
  padding: 28px 32px;
  border-radius: 24px;
  transition: var(--transition-04);
  display: block;
  min-width: 200px;
}
.card-icon {
  display: block;
  margin: 0 auto 14px;
  transition: var(--transition-04);
}
.card-title {
  font: 15px/25px var(--inter);
  color: #333;
  margin: 0 0 0;
  text-align: center;
  transition: var(--transition-04);
}
.card-title > span {
  display: block;
}
.featured-card:hover,
.featured-card:focus {
  text-decoration: none;
  background: var(--color-primary);
}
.featured-card:hover .card-icon,
.featured-card:focus .card-icon {
  filter: invert(0) brightness(1);
  --webkit-filter: invert(0) brightness(1);
}
.featured-card:hover .card-title,
.featured-card:focus .card-title {
  color: var(--color-white);
}

@media screen and (max-width: 992px) {
  .featured-cards-wrapper .featured-card {
    min-width: auto;
    width: calc(50% - 24px);
  }
}
@media screen and (max-width: 880px) {
  #ourservices-section .row {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-items: stretch;
  }
  #ourservices-section .row > div:last-child {
    margin: 0 0 48px;
  }
  #ourservices-section .row > div {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .featured-cards-wrapper .featured-card {
    width: calc(100% - 24px);
  }
}
/* ----------------------------------------- */
/*       FAQ - HOME  */
/* 
--------------------- ---------------- */
.featured-btn {
  width: 160px;
  height: 54px;
  background: var(--color-secondary);
  border-radius: 32px;
  font: 16px var(--inter);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 18px;
  position: relative;
  transition: var(--transition-04);
}
.featured-btn::before {
  content: "";
  width: 43px;
  height: 43px;
  background: url(../images/featured-btn-arrow.svg) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--transition-04);
}

.featured-btn:hover,
.featured-btn:focus {
  text-decoration: none;
  color: var(--color-white);
  background: var(--color-primary);
}
#section10 {
  background: url("../images/FAQ-BG_r.png") no-repeat center center / cover;
  padding: var(--section-spacing) !important;
}
.ppra-section-title {
  font: var(--section-heading);
  color: var(--color-primary);
  margin: 0 0 24px;
}
.ppra-section-title > span {
  display: block;
}
#faq-header {
  margin: 0 0 64px;
}
.readmore-wrap p {
  font: 18px/30px var(--interL);
  color: var(--text-color-01);
}
.ppra-section-subtitle {
  background: #f0f5ef;
  padding: 12px 24px;
  width: fit-content;
  border-radius: 32px;
  font: 15px/13px var(--interL);
  color: var(--color-black);
  margin: 0 0 14px;
  border: 1px solid var(--color-secondary);
}
#block-quicktabsfaqsfront .ui-state-default a,
#block-quicktabsfaqsfront .ui-state-default a:link,
#block-quicktabsfaqsfront .ui-state-default a:visited,
#block-quicktabsfaqsfront a.ui-button,
#block-quicktabsfaqsfront a:link.ui-button,
#block-quicktabsfaqsfront a:visited.ui-button,
#block-quicktabsfaqsfront .ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  font: 20px/27px var(--roboto);
  color: #333;
  margin: 0;
  padding: 0;
  border-bottom: unset;
}

#block-quicktabsfaqsfront .ui-state-default,
#block-quicktabsfaqsfront .ui-widget-content .ui-state-default,
#block-quicktabsfaqsfront .ui-widget-header .ui-state-default,
#block-quicktabsfaqsfront .ui-button,
#block-quicktabsfaqsfront html .ui-button.ui-state-disabled:hover,
#block-quicktabsfaqsfront html .ui-button.ui-state-disabled:active,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: var(--color-white-secondary);
  padding: 24px;
  border-radius: 24px;
  border: 1px solid var(--color-primary);
}
#block-quicktabsfaqsfront .ui-accordion-header-collapsed,
.ui-accordion-header-collapsed {
  margin: 0 0 24px;
}
#block-quicktabsfaqsfront .ui-accordion .ui-accordion-content {
  margin: 0 0 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  background: var(--color-primary);
  color: var(--color-white);
  font: 18px/28px var(--robotoL);
  padding-top: 0;
  height: auto !important;
}
#block-quicktabsfaqsfront .ui-state-active,
#block-quicktabsfaqsfront .ui-widget-content .ui-state-active,
#block-quicktabsfaqsfront .ui-widget-header .ui-state-active,
#block-quicktabsfaqsfront a.ui-button:active,
#block-quicktabsfaqsfront .ui-button:active,
#block-quicktabsfaqsfront .ui-button.ui-state-active:hover,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: var(--color-primary);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#block-quicktabsfaqsfront .ui-state-active a,
#block-quicktabsfaqsfront .ui-state-active a:link,
#block-quicktabsfaqsfront .ui-state-active a:visited,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: var(--color-white);
}
.ui-accordion-content-active,
.ui-accordion-header-collapsed {
  margin: 0 0 2em !important;
}
#block-quicktabsfaqsfront .ui-state-active a,
#block-quicktabsfaqsfront .ui-state-active a:hover,
#block-quicktabsfaqsfront .ui-state-active a:focus,
#block-quicktabsfaqsfront .ui-state-active a:link,
#block-quicktabsfaqsfront .ui-state-active a:visited,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: var(--color-white) !important;
}
#block-quicktabsfaqsfront .ui-accordion-header-active {
  padding-bottom: 0 !important;
}
/* ----------------------------------------- */
/*       FOOTER - HOME  */
/* 
--------------------- ---------------- */
/* ----------------------------------------- */
/*       FOOTER  */
/* ----------------------------------------- */
footer {
  border: unset !important;
}
#footer-wrapper {
  background: var(--color-primary);
}
.footer-columns {
  background: var(--color-primary);

  padding: var(--section-spacing);
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.footer-col {
  position: relative;
  z-index: 10;
}
.footer-columns::after {
  content: "";
  width: 377px;
  height: 314px;
  background: url("../images/govt-pun-logo.svg") no-repeat center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.footer-title {
  font: 20px/22px var(--interM);
  color: var(--color-white);
  margin: 0 0 30px;
}
.footer-nav {
  list-style-image: url("../images/footer-nav.svg");
}
.footer-nav > li {
  margin: 0 0 18px;
}
.footer-nav > li > a {
  display: block;
  transition: var(--transition-04);
  font: 15px/20px var(--interL);
  color: var(--color-white);
}
.footer-nav > li > a:hover,
.footer-nav > li > a:focus {
  text-decoration: none;
  color: var(--color-secondary);
}
.footer-contact-wrap {
  list-style: none;
}
.footer-contact-wrap > li {
  margin: 0 0 12px;
}
.footer-contact-wrap > li > a {
  position: relative;
  display: block;
  font: 16px/130% var(--robotoL);
  color: var(--color-white);
}
.footer-contact-wrap > li > a:hover,
.footer-contact-wrap > li > a:focus {
  text-decoration: none;
  color: var(--color-secondary);
}
.footer-contact-wrap > li > a::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: -34px;
}
.footer-contact-wrap > li > a.location::before {
  background: url("../images/icon-location.svg") no-repeat center center;
}
.footer-contact-wrap > li > a.phone::before {
  background: url("../images/icon-phone.svg") no-repeat center center;
}
.non-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.socials-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin: 0 auto;
}
.socials-list > li {
  width: calc(50px - 12px);
}
.socials-list > li > a {
  display: block;
  transition: var(--transition-04);
}
.socials-list > li > a img {
  display: block;
  transition: var(--transition-04);
}
.socials-list > li > a:hover,
.socials-list > li > a:focus {
  text-decoration: none;
}
.socials-list > li > a:hover img,
.socials-list > li > a:focus img {
  filter: drop-shadow(2px 4px 6px black);
  transform: translateY(-4px);
}
.footer-bottom {
  background: var(--color-primary);
  padding: 24px var(--section-spacing-unit);
  border-top: 1px solid #fff;
}

.footer-bottom,
.footer-bottom a {
  font: 16px/130% var(--robotoL);
  color: var(--color-white);
}

.copy-section,
.copy-section a,
.power-sec,
.power-sec a {
  color: var(--color-white);
  opacity: 1;
}

.power-sec {
  text-align: right;
}
.footer-overview > img {
  margin: 0 0 24px;
  display: block;
}
.footer-text {
  font: 16px/130% var(--robotoL);
  color: var(--color-white);
  text-align: justify;
}

/* popup */
#block-popup {
  display: none;
}
.spb-popup-main-wrapper {
    width: 46% !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

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

    .spb-popup-main-wrapper {
        width: 100% !important;
        left: 50% !important;
        top: 20% !important;
        transform: translate(-50%, 0%) !important;
    }
}
@media screen and (max-width: 767px) {

  .page-node-type-redesign #navbar{
    background: #2B4975 !important;
  }

  .trgal-title {
  font: 15px / 18px var(--interL);
  margin: 0 0 18px;
  min-height: auto;
  padding-right: 0;
}

.notification-item-wrap > *, .notification-item-wrap a{
  font: 15px/100% var(--interSB)
}

.view-learning-awareness.view-display-id-block_1 .view-header {
    margin: 0 0 18px;
  }

  .header-view p, .services-header-wrap p {
  font: 15px/26px var(--inter);
}

 #ourservices-section .row > div:last-child {
    margin: 0 0 28px;
  }

  .footer-columns {
  padding: 30px 0;
}

.footer-title{
  font-size: 18px;
  margin-bottom: 18px;
}

  .copy-section,
  .copy-section a,
  .power-sec,
  .power-sec a {
    padding: 0;
    text-align: center;
    margin: 0 0 12px;
  }
}