:root {
  --bs-blue: #003566;
  --bs-primary: #003566;
  --bs-primary-rgb: 0, 53, 102;
  --bs-info: #D2BF4A;
  --bs-secondary: #D2BF4A;
  --bs-yellow: #EEEA42;
  --bs-gray-100: #F6F6F6;
  --bs-gray-100-rgb: 246, 246, 246;
  --bs-body-font-family: 'Rubik', sans-serif;
  --bs-body-font-size: 1.4rem;
  --bs-body-color: #595C5E;
  --bs-text-color: #222628;
  --bs-border-color: #E6E6E6;
  --bs-border-radius: 0;
  --bs-heading-color: #003566;
  --bs-link-hover-color: #28B381;
  --bs-body-font-weight: 400;
  --bs-footer-color: #02315B;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

a,
a:hover,
svg {
  text-decoration: none;
  transition: all .3s;
}

html {
  font-size: 62.5%;
  /* 1em = 10px, if the default browser font-size is 16px. (62.5% of 16 = 10) */
}

body {
  font-family: var(--bs-body-font-family);
  color: var(--bs-body-color);
  font-weight: var(--bs-body-font-weight);
}

.fs-12 {
  font-size: 1.2rem;
}

.fs-14 {
  font-size: 1.4rem;
}

.fs-16 {
  font-size: 1.6rem;
}

.fs-18 {
  font-size: 1.8rem;
}

.fs-20 {
  font-size: 2rem;
}

.fs-22 {
  font-size: 2.2rem;
}

.fw-medium {
  font-weight: 500;
}

.gray-bg {
  background-color: var(--bs-gray-100);
}

a.text-gray {
  color: text-decoration: none;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 4rem;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}

.btn {
  --bs-btn-padding-x: 2rem;
  --bs-btn-padding-y: 1.2rem;
  --bs-btn-border-radius: 0;
  --bs-btn-font-size: 1.4rem;
  --bs-btn-font-family: var(--bs-body-font-family);
  text-transform: uppercase;
}

.btn-info {
  --bs-btn-color: var(--bs-blue);
  --bs-btn-bg: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-bg: var(--bs-blue);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-border-color: var(--bs-blue);
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-bg: var(--bs-blue);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-shadow: none;
  --bs-btn-active-border-color: var(--bs-blue);
}

/* Topbar */
.topbar {
  background-color: var(--bs-blue);
  padding: .6rem 0;
}

.devider {
  width: 4rem;
  height: .1rem;
  opacity: .55;
}

.btns-list li a {
  background-color: rgba(var(--bs-white-rgb), 0.17);
  height: 3.4rem;
  line-height: 3.6rem;
}

.btns-list li a:hover {
  background-color: var(--bs-info);
}

.social-list {
  margin-right: -0.5rem;
}

.footer-social li a:hover {
  background-color: var(--bs-info);
}

.social-list li a:hover svg {
  color: var(--bs-info);
}

.social-list li a svg {
  width: 2.4rem;
  height: 2.4rem;
}


/* Navbar */
.navbar {
  --bs-navbar-color: var(--bs-text-color);
  --bs-navbar-brand-padding-y: 1rem;
}

.navbar-nav {
  --bs-navbar-nav-link-padding-x: 2rem;
  --bs-nav-link-padding-y: 3.5rem;
  --bs-nav-link-hover-color: var(--bs-blue);
  --bs-navbar-active-color: var(--bs-blue);
}

.navbar-brand img {
  height: 7rem;
}

.navbar-nav .nav-link {
  position: relative;
}

.navbar-nav .nav-link:before,
.navbar-nav .nav-link.active:before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 25px;
  width: 0;
  height: 2px;
  transition: all .3s;
  background-color: var(--bs-blue);
}

.navbar-nav .nav-link:hover:before,
.navbar-nav .nav-link.active:before {
  width: 80%;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0rem;
}

.dropdown-menu {
  --bs-dropdown-font-size: 1.4rem;
  --bs-dropdown-item-padding-x: 1.6rem;
  --bs-dropdown-item-padding-y: .8rem;
  --bs-dropdown-link-color: var(--bs-text-color);
  --bs-dropdown-link-hover-color: var(--bs-blue);
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}

.dropdown-toggle::after {
  display: none;
}

/* Search */
.search-icon {
  cursor: pointer;
}

.search-icon[aria-expanded="false"] .close-search {
  display: none;
}

.search-icon[aria-expanded="true"] .open-search {
  display: none;
}

.search-block .form-control {
  font-family: inherit;
  height: 70px;
  font-size: 16px;
  font-weight: 400;
}

/* Hero */
.hero-meta {
  padding: 2rem;
}

.hero-height {
  height: calc(100vh - 13.8rem);
}

.hero-img img {
  object-fit: cover;
}

.hero-meta h2 {
  color: var(--bs-yellow);
  line-height: 1.5;
}

.hero-meta h1 {
  line-height: 1.3;
}

.hero .slick-dots {
  bottom: 3rem;
  width: initial;
  padding-left: 2rem;
}

.hero .slick-dots li {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.hero .slick-dots li:first-child {
  margin-left: 0;
}

.hero .slick-dots li button:before,
.hero .slick-dots li.slick-active button:before {
  color: var(--bs-white);
  opacity: 1;
}

.hero .slick-dots li.slick-active button {
  border: var(--bs-info) 1px solid;
  border-radius: 100%;
}

.hero .slick-dots li.slick-active button:before {
  color: var(--bs-info);
}

.hero-slider .row .col-lg-6:first-child {
  position: relative;
}

.hero .slide-pagination {
  bottom: 3rem;
  right: 2rem;
}

.hero .slide-progress {
  display: block;
  width: 15rem;
  height: .2rem;
  border-radius: 1rem;
  overflow: hidden;
  background-color: var(--bs-white);
  background-image: linear-gradient(to right, var(--bs-yellow), var(--bs-yellow));
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size .4s ease-in-out;
}

.hero .sr-only {
  position: absolute;
  width: .1rem;
  height: .1rem;
  padding: 0;
  margin: -.1rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Latest News */
.latest-news {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.latest-news-content {
  background-color: rgba(var(--bs-primary-rgb), 0.08);
  padding: 1.6rem 8rem 1.4rem 12.5rem;
}

.latest-news-title {
  left: 1.5rem !important;
}

.latest-news-slider p {
  color: var(--bs-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.latest-news-slider .slick-prev {
  right: -3.5rem;
  left: initial;
  padding-left: .2rem;
}

.latest-news-slider .slick-next {
  right: -7rem;
  padding-right: .1rem;
}

.slick-arrows .slick-prev,
.slick-arrows .slick-next {
  background-color: var(--bs-white);
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 2rem;
  z-index: 1;
  transition: all .3s;
}

.slick-arrows .slick-prev:before,
.slick-arrows .slick-next:before {
  content: '';
  display: inline-block;
  width: .6rem;
  height: .6rem;
  border-top: .1rem solid var(--bs-blue);
  border-right: .1rem solid var(--bs-blue);
  opacity: 1;
}

.slick-arrows .slick-prev:before {
  transform: rotate(-135deg);
}

.slick-arrows .slick-next:before {
  transform: rotate(45deg);
}

.slick-arrows .slick-prev:hover,
.slick-arrows .slick-next:hover {
  background-color: var(--bs-blue);
}

.slick-arrows .slick-prev:hover:before,
.slick-arrows .slick-next:hover:before {
  border-top: .1rem solid var(--bs-white);
  border-right: .1rem solid var(--bs-white);
}

/* Home About */
.home-about-meta {
  padding-left: 5rem;
}

.home-about-meta p {
  margin-top: 2.5rem;
}

.home-about-img {
  height: 65rem;
  object-fit: cover;
}

/* Home Services */
.our-services {
  padding-top: 6rem;
}

.our-services-block {
  padding: 6rem 8rem 8rem;
  position: relative;
  overflow: hidden;
}

.bg-image {
  transition: all .3s;
  opacity: 0;
  object-fit: cover;
}

.our-services-block:nth-child(even) {
  background-color: var(--bs-gray-100);
}

.our-services-img {
  transition: all .3s;
}

.services-img {
  height: 16.8rem;
}

.our-services-img,
.our-services-block h2,
.our-services-block p {
  position: relative;
  z-index: 1;
}

.our-services-block:hover h2,
.our-services-block:hover p,
.our-services-block:hover:after h2,
.our-services-block:hover:after p {
  color: var(--bs-white);
}

.our-services-block:hover .bg-image {
  opacity: .15;
}

.our-services-block:hover p {
  color: var(--bs-text-color);
}

.our-services .slick-dots {
  bottom: 3rem;
}

.our-services .slick-dots li,
.our-services .slick-dots li button {
  width: 5rem;
  height: .3rem;
}

.our-services .slick-dots li button {
  background-color: rgba(var(--bs-primary-rgb), .15);
  padding: 3px;
}

.our-services .slick-dots li button:before {
  color: transparent;
}

.our-services .slick-dots li.slick-active button {
  background-color: var(--bs-blue);
}

/* About MO */
.about-mo {
  padding: 8rem 0;
}

.about-mo-text {
  color: var(--bs-text-color);
  padding-left: 9.5rem;
}

.about-mo-text:before {
  content: '';
  background-color: var(--bs-text-color);
  width: 8.5rem;
  height: .1rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.about-mo-img img {
  transition: all .3s;
}

.about-mo-img:hover img {
  transform: scale(1.1);
}

/* Our Team */
.our-team {
  background-color: var(--bs-gray-100);
  padding: 8rem 0;
}

.our-team-img {
  overflow: hidden;
}

.our-team-img img {
  height: 38.5rem;
  object-fit: cover;
  transition: all .3s;
}

.our-team-img:hover img {
  transform: scale(1.1);
}

.our-team-designation {
  height: 4.1rem;
  line-height: 4.2rem;
  letter-spacing: .15rem;
}

.our-team-email {
  color: var(--bs-text-color);
  opacity: .75;
}

.our-team-slider .slick-slide {
  margin: 0 2rem;
}

.our-team-slider .slick-list {
  margin: 0 -2rem;
}

.our-team-slider .slick-prev {
  left: -32.3rem;
  padding-left: 0.8rem;
}

.our-team-slider .slick-prev,
.our-team-slider .slick-next {
  width: 7rem;
  height: 7rem;
  border-radius: 7rem;
  border: var(--bs-border-color) 1px solid;
  top: 37.2rem;
  transform: none;
}

.our-team-slider .slick-next {
  right: initial;
  left: -23.2rem;
  padding-right: 0.5rem;
}

.our-team-slider .slick-prev:before,
.our-team-slider .slick-next:before {
  width: 1.6rem;
  height: 1.6rem;
  border-top: 0.2rem solid var(--bs-blue);
  border-right: 0.2rem solid var(--bs-blue);
}

/* CPPA Stats */
.cppa-stats {
  padding: 8rem 0;
}

.cppa-head {
  margin-bottom: 3rem;
}

.cppa-head .h1 span {
  color: var(--bs-info);
}

.cppa-vertical-tabs .nav {
  flex: 0 0 25rem;
  margin-top: 6rem;
}

.static-page .cppa-vertical-tabs .nav {
  margin-top: 2rem;
}

.cppa-vertical-tabs {
  margin-top: -2rem;
}

.cppa-vertical-tabs .tab-content {
  flex: 0 0 80%;
}

.cppa-vertical-tabs .nav-pills .nav-link {
  padding-top: 2.1rem;
  padding-bottom: 2.1rem;
  background-color: var(--bs-gray-100);
  color: var(--bs-text-color);
  border-radius: 0;
  margin-bottom: 1rem;
}

.cppa-vertical-tabs .nav-pills .nav-link.active {
  background-color: var(--bs-blue);
  color: var(--bs-white);
}

.cppa-vertical-tabs a {
  color: #000000;
  display: inline-block;
  width: 100%;
}

.cppa-vertical-tabs .active a {
  color: #FFFFFF;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  border: var(--bs-border-color) 1px solid;
  height: 4.5rem;
  border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 4.5rem;
  padding-left: 1.6rem;
  font-family: inherit;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 4.3rem;
  width: 3.5rem;
}

.select2-dropdown {
  border-color: var(--bs-border-color);
  border-radius: 0;
}

.select2-search--dropdown .select2-search__field {
  padding: .8rem;
}

.select2-results__option {
  padding: 10px 16px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--bs-blue);
}

.select2-container--default .select2-results__option--selected {
  background-color: transparent;
}

/* Upcoming Activities & Events */
.upcoming-events {
  background-color: var(--bs-gray-100);
  padding: 8rem 0;
}

.events-right-content-outer {
  padding-left: 18rem;
}

.event-date-box {
  position: relative;
  width: 15.5rem;
  height: 15.5rem;
  top: 4rem !important;
}

.event-date {
  font-size: 5rem;
  line-height: 1;
}

.event-year {
  color: var(--bs-text-color);
}

.event-cat a {
  color: #73AF66;
  letter-spacing: .1rem;
}

.event-title {
  line-height: 1.4;
}

.event-content p {
  font-size: 1.6rem;
  color: var(--bs-text-color);
}

.event-img img {
  width: 27.5rem;
  height: 15.5rem;
  object-fit: cover;
}

.events-right-content {
  padding-top: 4rem;
  padding-bottom: 4rem;
  min-height: 236px;
}

.events-right-content.search {
  min-height: 100px;
  padding-top: 1rem;
  padding-bottom: 2rem;
  color: var(--bs-gray);
}

.events-list-item-two .events-right-content {
  padding-top: 0;
  padding-bottom: 0;
}

.events-list-item:last-child .events-right-content-outer .events-right-content {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.multi-events .events-list-item:first-child .events-right-content {
  padding-bottom: 0;
  border: none !important;
}

.multi-events .events-list-item:last-child .events-right-content {
  padding-top: 4rem;
  padding-bottom: 4rem !important;
  border-bottom: var(--bs-border-color) 1px solid !important;
}

.multi-events .events-list-item:last-child .event-date-box {
  display: none !important;
}

/* CPPA Gallery */
.cppa-gallery {
  padding: 8rem 0;
}

.cppa-gallery-list {
  margin-top: -1.6rem;
  margin-left: -.8rem;
  margin-right: -.8rem;
}

.cppa-gallery-list li {
  padding-left: .8rem;
  padding-right: .8rem;
  margin-top: 1.6rem;
  overflow: hidden;
}

.cppa-gallery-list li p {
  line-height: 1.4;
}

.cppa-gallery-more {
  color: var(--bs-info);
}

.cppa-gallery-img img {
  height: 45rem;
  object-fit: cover;
}

.cppa-gallery-img-01 {
  flex: 0 0 50%;
}

.cppa-gallery-img-02,
.cppa-gallery-img-03 {
  flex: 0 0 25%;
}

.cppa-gallery-img-04 {
  flex: 0 0 25%;
}

.cppa-gallery-img-05 {
  flex: 0 0 40%;
}

.cppa-gallery-img-06 {
  flex: 0 0 35%;
}

.cppa-gallery-list li a:after {
  content: "";
  position: absolute;
  height: 60%;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
  background-image: linear-gradient(180deg, transparent, black);
  z-index: 1;
  transform: translateY(100%);
  transition: all .3s;
}

.cppa-gallery-list li a:hover:after {
  transform: translateY(0%);
}

.cppa-gallery-meta {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  transition: all .3s;
  z-index: 2;
}

.cppa-gallery-list li:hover .cppa-gallery-meta {
  transform: translateY(0%);
}

/* Footer */
.footer-logo img {
  height: 6rem;
}

.footer-top {
  padding: 7rem 0;
}

.footer-list li {
  margin-top: 0rem;
}

.footer-list li a {
  color: var(--bs-white);
}

.footer-social li {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-right: 1.5rem;
}

.footer-social li a {
  flex: 0 0 3.2rem;
  height: 3.2rem;
  background-color: rgba(var(--bs-white-rgb), 0.10);
}

.footer-social li a:hover svg {
  color: var(--bs-white);
}

.footer-links li {
  flex: 0 0 50%;
  margin-bottom: 1rem;
}

.footer-single li {
  flex: 0 0 100%;
}

.copyright {
  background-color: var(--bs-footer-color);
  height: 7rem;
  line-height: 7.1rem;
}

/* Back To Top */
.back-top {
  cursor: pointer;
  position: fixed !important;
  bottom: 4rem;
  right: 4rem;
  display: block;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: var(--bs-secondary);
  color: var(--bs-primary);
  border-radius: 0;
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.5rem;
  text-align: center;
}

.back-top.back-top-show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.back-top svg {
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
}

/* Static Page */
.page-header:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(var(--bs-primary-rgb), .85);
  width: 100%;
  height: 100%;
}

.page-header img,
.page-header .container {
  height: 20rem;
}

.page-header img {
  object-fit: cover;
}

.page-header-content {
  z-index: 1;
}

.breadcrumb {
  --bs-breadcrumb-margin-bottom: 0;
  --bs-breadcrumb-divider-color: var(--bs-white);
  --bs-breadcrumb-item-padding-x: 1.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-white);
}

.breadcrumb-item a {
  color: var(--bs-white);
}

/* Page */
.static-page {
  padding: 6rem 0;
}

/* Contact us */
.contact-us p {
  margin-top: 2rem;
}

.contact-us p svg {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  color: var(--bs-blue);
}

.contact-address span {
  position: relative;
  top: -.3rem;
}

.contact-us p a {
  color: var(--bs-blue);
}

.contact-us .form-group {
  margin-top: 1.5rem;
}

.form-control {
  border-color: var(--bs-border-color);
  height: 4.5rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  font-family: inherit;
  font-size: 1.4rem;
  border-radius: 0;
}

.form-control:focus {
  box-shadow: none;
  border-color: var(--bs-border-color);
}

textarea.form-control {
  box-shadow: none;
  border-color: var(--bs-border-color);
  padding-top: 1rem;
  height: 15rem;
  resize: none;
}

.download-file a {
  color: #D2BF4A;
  margin-top: 20px;
}

@media (min-width: 1191px) {
  /* Search */
  .search-block .form-control {
    height: 55px;
  }

  /* Hero */
  .hero-meta {
    padding: 9.5rem;
  }

  .h1,
  h1 {
    font-size: 3.6rem;
  }

  .hero .slick-dots {
    padding-left: 9.5rem;
  }

  .slide-pagination {
    right: 9.5rem;
  }

  .hero .slide-pagination {
    right: 9.5rem;
  }

  /* Static Page */
  .static-page {
    padding: 8rem 0;
  }
}

@media (min-width: 1440px) {
  .cppa-vertical-tabs .nav-pills .nav-link {
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
  }
}

@media (max-width: 1400px) {

  /* Our Team */
  .our-team-slider .slick-prev {
    left: -27.7rem;
  }

  .our-team-slider .slick-next {
    left: -18rem;
  }
}

@media (max-width: 1270px) {

  /* Topbar */
  .topbar-row {
    flex-direction: column;
  }

  .col-right {
    margin-top: 1rem;
  }

  /* Navbar */
  .navbar-nav {
    --bs-navbar-nav-link-padding-x: 1.5rem;
    --bs-nav-link-padding-y: 3.5rem;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

}

@media (max-width: 1199px) {

  /* Navbar */
  .navbar-nav {
    --bs-navbar-nav-link-padding-x: 0rem;
    --bs-nav-link-padding-y: 1.5rem;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .navbar {
    --bs-navbar-toggler-padding-y: .6rem;
    --bs-navbar-toggler-padding-x: 1rem;
    --bs-navbar-toggler-font-size: 1.6rem;
    --bs-navbar-toggler-border-color: var(--bs-border-color);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  }

  .navbar-nav .nav-link:before,
  .navbar-nav .nav-link.active:before {
    display: none;
  }

  .offcanvas,
  .offcanvas-lg,
  .offcanvas-md,
  .offcanvas-sm,
  .offcanvas-xl,
  .offcanvas-xxl {
    --bs-offcanvas-width: 300px;
    --bs-offcanvas-padding-x: 2rem;
    --bs-offcanvas-padding-y: 2rem;
  }

  .offcanvas-title {
    position: relative;
    top: .2rem;
    color: var(--bs-blue);
  }

  .btn-close {
    opacity: 1;
  }

  .btn-close:focus {
    box-shadow: none;
  }

  .dropdown-menu {
    --bs-dropdown-min-width: 100%;
    --bs-dropdown-item-padding-x: 0rem;
    left: 0% !important;
    transform: translateX(0%) !important;
    box-shadow: none;
    padding-left: 1.6rem;
  }

  .dropdown-menu li {
    list-style-type: square !important;
  }

  .auth a {
    width: 100%;
  }

  /* Home About */
  .home-about-img {
    height: 55rem;
  }

  /* Home Services */
  .our-services-block {
    padding: 3rem 3rem 8rem;
  }

  .our-services .h2,
  .our-services h2 {
    font-size: calc(1rem + .9vw);
  }

  /* Our Team */
  .our-team-img img {
    height: 30rem;
  }

  .our-team-slider .slick-prev,
  .our-team-slider .slick-next {
    top: 28.5rem;
  }

  .our-team-slider .slick-prev {
    left: -23.2rem;
  }

  .our-team-slider .slick-next {
    left: -13rem;
  }

  /* CPPA gallery */
  .cppa-gallery-img img {
    height: 30rem;
  }

  .cppa-vertical-tabs .nav-pills .nav-link {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  /* Search */
  .search-icon {
    position: absolute;
    top: 50%;
    right: 75px;
    transform: translateY(-50%);
  }
}

@media (max-width: 991px) {

  /* Hero */
  .hero-slider .row .col-lg-6:last-child {
    order: -1;
  }

  .hero-height {
    height: 40rem;
  }

  .hero-meta {
    padding-top: 6rem;
    justify-content: flex-start !important;
  }

  .hero-meta h2 {
    font-size: 1.4rem;
  }

  .hero-meta h1 {
    line-height: 1.5;
  }

  .slide-progress {
    width: 10rem;
  }

  /* Latest News */
  .latest-news-content {
    padding: 4.5rem 2rem 2rem 2rem !important;
  }

  .latest-news-title {
    left: 50% !important;
    top: 1.5rem !important;
    transform: translateX(-50%) !important;
  }

  .latest-news-slider p {
    white-space: initial;
    overflow: initial;
    text-overflow: initial;
    text-align: center;
  }

  .latest-news-slider .slick-dots li button:before {
    color: var(--bs-text-color);
    opacity: 1;
  }

  .latest-news-slider .slick-dots {
    bottom: -3.5rem;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
  }

  .latest-news-slider .slick-dots li {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .latest-news-slider .slick-dots li:first-child {
    margin-left: .5rem;
  }

  .latest-news-slider .slick-dots li.slick-active button {
    border: none;
  }

  .latest-news-slider .slick-dots li.slick-active button:before {
    color: var(--bs-info);
  }

  /* Home About */
  .home-about-meta {
    padding-left: 0;
  }

  /* Home Services */
  .our-services-block {
    padding: 3rem 6rem 8rem;
  }

  /* About MO */
  .about-mo {
    padding: 6rem 0;
  }

  .about-mo .col-lg-5:last-child {
    order: -1;
  }

  .about-mo .h1 span {
    display: none;
  }

  /* Our Team */
  .our-team {
    padding: 6rem 0;
  }

  .our-team .col-lg-3 {
    text-align: center;
  }

  .our-team-slider .slick-prev,
  .our-team-slider .slick-next {
    width: 5rem;
    height: 5rem;
    top: 50%;
    transform: translateY(-50%);
  }

  .our-team-slider .slick-prev {
    left: -25px;
  }

  .our-team-slider .slick-next {
    left: initial;
    right: -25px;
  }

  .our-team-slider .slick-prev:before,
  .our-team-slider .slick-next:before {
    width: 1.2rem;
    height: 1.2rem;
    border-top: 0.2rem solid var(--bs-blue);
    border-right: 0.2rem solid var(--bs-blue);
  }

  /* CPPA gallery */
  .cppa-gallery-img-01,
  .cppa-gallery-img-02,
  .cppa-gallery-img-03,
  .cppa-gallery-img-04,
  .cppa-gallery-img-05,
  .cppa-gallery-img-06 {
    flex: 0 0 50%;
  }

  /* CPPA Charts */
  .cppa-stats,
  .cppa-gallery,
  .upcoming-events {
    padding: 6rem 0;
  }

  .cppa-head {
    margin-bottom: 1rem;
  }

  .chart-select {
    margin-top: 2rem;
  }

  /* About */
  .page-header img,
  .page-header .container {
    height: 15rem;
  }

  .cppa-vertical-tabs .nav-pills .nav-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (max-width: 767px) {

  .btn {
    --bs-btn-padding-y: .9rem;
    --bs-btn-font-size: 1.2rem;
  }

  /* Topbar */
  .col-right {
    flex-direction: column;
  }

  /* Navbar */
  .navbar-brand img {
    height: 5rem;
  }

  /* Latest News */
  .latest-news {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  /* Home Services */
  .our-services {
    padding-top: 4rem;
  }

  .our-services-block {
    padding: 3rem 3rem 8rem;
  }

  /* Upcoming Events */
  .events-right-content-outer {
    padding-left: 0;
    padding-top: 0;
  }

  .multi-events .events-list-item:first-child .events-right-content-outer {
    padding-bottom: 0;
  }

  .multi-events .events-list-item:last-child .events-right-content-outer {
    padding-top: 0;
  }

  .events-right-content {
    padding-top: 2rem;
    padding-bottom: 2rem !important;
  }

  .multi-events .events-list-item:last-child .events-right-content {
    padding-top: 0;
    padding-bottom: 2rem !important;
  }

  .event-date-box {
    display: none !important;
  }

  .event-title,
  .event-content p {
    font-size: 1.4rem;
  }

  .event-content p {
    font-size: 1.2rem;
  }

  .event-img {
    flex: 0 0 15rem;
  }

  .static-page {
    padding: 4rem 0;
  }

  .cppa-vertical-tabs {
    flex-direction: column;
  }

  .cppa-vertical-tabs .nav {
    flex: 0 0 100%;
    margin-top: 4rem;
    margin-right: 0rem !important;
  }

  .cppa-vertical-tabs .nav-pills .nav-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 576px) {

  /* Topbar */
  .contect-list {
    flex-direction: column;
  }

  .contect-list .devider {
    display: none;
  }

  .btns-list li {
    font-size: 1.2rem;
  }

  /* Navbar */
  .navbar-brand img {
    height: 4rem;
  }

  .navbar {
    --bs-navbar-toggler-font-size: 1.4rem;
  }

  /* Hero */
  .hero-height {
    height: 35rem;
  }

  .hero-meta {
    padding-top: 3rem;
  }

  .hero-img .hero-height {
    height: 30rem;
  }

  .hero .slide-progress {
    width: 10rem;
  }

  p {
    font-size: 1.3rem;
  }

  /* Home About */
  .home-about-img {
    height: auto;
  }

  /* Home Services */
  .our-services-block {
    padding: 4rem 2rem 8rem;
  }

  .services-img {
    height: 13rem;
  }

  .our-services .h2,
  .our-services h2 {
    font-size: calc(1.325rem + .9vw);
  }

  .our-services .slick-dots li,
  .our-services .slick-dots li button {
    width: 4rem;
    height: 0rem;
  }

  .our-services .slick-dots li button {
    padding: 2px;
  }

  .services-icon {
    top: 1.8rem;
    height: 5rem;
  }

  /* About MO */
  .about-mo {
    padding: 4rem 0;
  }

  .about-mo-text {
    font-size: 1.4rem;
  }

  /* Our Team */
  .our-team {
    padding: 4rem 0;
  }

  .our-team-img,
  .our-team-name,
  .our-team-email {
    width: 225px !important;
    margin: auto;
  }

  .our-team-img img {
    height: 30rem;
  }

  .our-team-slider .slick-prev {
    left: 0;
  }

  .our-team-slider .slick-next {
    right: 0;
  }

  /* CPPA gallery */
  .cppa-gallery-img-01,
  .cppa-gallery-img-02,
  .cppa-gallery-img-03,
  .cppa-gallery-img-04,
  .cppa-gallery-img-05,
  .cppa-gallery-img-06 {
    flex: 0 0 100%;
  }

  .cppa-gallery-img img {
    height: auto;
  }

  /* CPPA Charts */
  .cppa-stats,
  .cppa-gallery,
  .upcoming-events {
    padding: 4rem 0;
  }

  .cppa-head {
    margin-bottom: 0rem;
  }

  /* Footer */
  .footer-top {
    padding: 4rem 0;
  }

  /* About */
  .page-header img,
  .page-header .container {
    height: 10rem;
  }

  .breadcrumb-item {
    font-size: 1.2rem;
  }

  .back-top {
    bottom: 2rem;
    right: 2rem;
  }

  .contact-us .btn {
    width: 100%;
  }

}

.rounded-list a {
  position: relative;
  display: block;
  padding: .4em .4em .4em 2em;
  *padding: .4em;
  margin: .5em 0;
  background: #ddd;
  color: #444;
  text-decoration: none;
  border-radius: .3em;
  transition: all .3s ease-out;
}

.rounded-list a:hover {
  background: #eee;
}

.rounded-list a:hover:before {
  transform: rotate(360deg);
}

.rounded-list a:before {
  position: absolute;
  left: -1.3em;
  top: 50%;
  margin-top: -1.3em;
  background: var(--bs-blue);
  color: #fff;
  height: 2em;
  width: 2em;
  line-height: 2em;
  border: .3em solid #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 2em;
  transition: all .3s ease-out;
}

.static-page ol, .static-page ul {
  margin-top: 5px;
}

.static-page ol li {
  list-style-type: auto !important;
}

.static-page ul li {
  list-style-type: disc !important;
}

.static-page p {
  margin-top: 5px !important;
}

.events-right-content {
  padding-top: 4rem;
  padding-bottom: 4rem;
  min-height: 236px;
}
