body {
   background-color: #f3ede9;
   font-family: 'DM Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.nav-link,
.card-count {
   font-family: 'Libre Baskerville', serif;
}

p {
   line-height: 28px;
   font-size: 1.1rem;
}

.navbar-toggler:focus,
.btn:focus,
.accordion-button:focus,
textarea.form-control:focus,
input.form-control:focus {
   outline: none;
   box-shadow: none;
}

section {
   padding: 70px 0;
}

.page-section {
   scroll-margin-top: 90px;
}

.header {
   border-top: 7px solid #5e4507;
}

.radius-100 {
   border-radius: 100px;
}

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

.theme-bg {
   background-color: #5e4507;
}

.theme-color {
   color: #5e4507;
}

.btn {
   padding: 0.65rem 1.8rem;
}

.btn-nav:hover,
.btn-nav {
   color: #fff;
}

.btn-outline-theme {
   color: #5e4507;
   border: 1px solid #5e4507;
   transition: all 0.3s ease-in-out;
}

.btn-outline-theme:hover {
   background-color: #5e4507;
   color: #fff;
}

.header {
   height: 100px;
}

.title-large {
   font-size: 2.8rem;
   line-height: 62px;
}

.sub-title {
   font-size: 2.5rem;
}

.main-menu.navbar-light .navbar-nav .nav-link {
   color: #5e4507;
   font-weight: 500;
   font-size: 1.125rem;
   transition: all 0.3s ease-in-out;
}

.main-menu.navbar-light .navbar-nav .nav-link.active {
   font-weight: 700;
}

.fixed-top {
   transition: all 0.3s ease-in-out;
}

.sticky {
   background-color: #fff;
   border-bottom: 1px solid rgb(94, 69, 7, 0.3);
   box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
      rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
   transition: 0.3s ease-in-out;
}

.banner-section .banner-image {
   position: relative;
   overflow: hidden;
}

.banner-section .banner-image img {
   border-radius: 20px;
}

.radius-card-content p {
   color: #666;
}

.title-card {
   font-weight: 500;
   line-height: 25px;
   color: #111 !important;
   font-size: 1.125rem;
}

.card-white {
   background-color: #fff;
   padding: 35px;
   border: 1px solid rgba(94, 69, 7, 0.21);
}

.mt-negative {
   margin-top: -25px;
}

.slider-carousel .carousel-inner {
   border-radius: 20px;
}

.testimonials .carousel-indicators [data-bs-target],
.slider-carousel .carousel-indicators [data-bs-target] {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: #5e4507;
}

.testimonials .carousel-indicators,
.slider-carousel .carousel-indicators {
   background-color: #fff;
   border-radius: 20px;
   padding: 5px;
   width: 8%;
   margin: 0 auto;
   margin-bottom: 2.2rem;
}

.slider-carousel .carousel-caption {
   top: 1.5rem;
   text-align: left;
   left: 5%;
   right: 30%;
}

.white-box-card {
   background-color: #fff;
   border-radius: 20px;
   padding: 10px;
}

.list-arrow-section .list-block {
   gap: 25px;
}

.timeline-cards {
   position: relative;
}

.card-border-timeline {
   width: 45%;
   position: relative;
   padding-bottom: 50px;
}

.card-border-timeline::before {
   content: '';
   position: absolute;
   left: -65px;
   top: 0;
   width: 2px;
   height: 100%;
   background: repeating-linear-gradient(
      to bottom,
      #5e4507,
      #5e4507 8px,
      transparent 8px,
      transparent 16px
   );
}

.card-border-timeline::after {
   content: '';
   position: absolute;
   left: -73px;
   top: 0;
   width: 20px;
   height: 20px;
   background-color: #5e4507;
   border-radius: 50%;
   z-index: 2;
}

.card-border-timeline.right-line::before {
   left: auto;
   right: -65px;
}

.card-border-timeline.right-line::after {
   left: auto;
   right: -75px;
}

.card-border-timeline .card-border-inner {
   display: flex;
}

.card-border {
   border: 1px solid #5e4507;
   padding: 25px;
}

.card-count {
   font-size: 6.25rem;
   color: rgba(94, 69, 7, 0.21);
}

.card-border-timeline.no-line::after {
   left: -75px;
}

.card-border-timeline.no-line::before {
   display: none;
}

.testimonials .carousel-indicators {
   margin-bottom: 0;
}

.testimonial-container {
   width: 70%;
   margin: 0 auto;
}

.testimonial-container i {
   color: #b2903a;
   font-size: 1.4rem;
}

.testimonials .carousel-item {
   min-height: 175px;
}
.center-caption {
   background-image: url(../images/center-caption-bg.png);
   background-repeat: no-repeat;
   background-size: contain;
   width: 90%;
   margin: 0 auto;
}

.rating-box .title {
   font-size: 2.37rem;
}

.growth-roadmap .card-border {
   width: 75%;
   position: relative;
   margin-top: 50px;
}

.growth-roadmap .card-count {
   position: absolute;
   right: 0;
   top: -50%;
   transform: translate(-10px, 10px);
}

.faq-container .accordion-button,
.faq-container .accordion-item {
   background-color: transparent;
}

.faq-container .accordion-button {
   font-family: 'DM Sans', sans-serif;
   font-weight: bold;
}

.faq-container .accordion-item {
   border: transparent;
   border-bottom: 1px solid rgba(94, 69, 7, 0.21);
}

.faq-container .accordion-button:not(.collapsed) {
   color: #5e4507;
}

.accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.footer-title {
   padding-bottom: 20px;
}

.footer-content li {
   line-height: 32px;
}

.footer-content a {
   text-decoration: none;
   color: #fff;
   transition: all 0.3s ease-in-out;
}

.footer-content a:hover {
   color: #fab317;
}

.copyright-container {
   border-top: 1px solid #cccccc;
   padding: 15px 0;
}

.modal-header {
   border-bottom: 1px solid #000;
}

.modal-content {
   padding: 25px 35px;
}

.modal-footer {
   border-top: transparent;
}

.form-control {
   border-radius: 10px;
   border: 1px solid #5e4507;
}

input[type='text'],
input[type='email'],
input[type='password'] {
   height: 60px;
}

.navbar-light .navbar-toggler {
   padding: 0;
   border-color: transparent;
}

.center-white-bg {
   background-color: #fff;
   width: 90%;
   margin: 0 auto;
   border: 1px solid #5e4507;
   padding: 25px 0;
}

.center-bg-inner {
   position: relative;
   overflow-y: scroll;
   height: 600px;
}
.center-bg-inner::-webkit-scrollbar {
   width: 0.4em;
   height: 95%;
   border-radius: 20px;
}

/* .center-bg-inner::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
} */

.center-bg-inner::-webkit-scrollbar-thumb {
   background-color: #5e4507;
   outline: 1px solid #5e4507;
   border-radius: 20px;
}

.tab-blessings .nav-link.tab-active {
   color: #5e4507;
   font-weight: 600;
   border-bottom: 3px solid #5e4507 !important;
}

.tab-blessings nav {
   padding: 0px 50px;
   border-bottom: 1px solid rgba(94, 69, 7, 0.21);
   position: sticky;
   top: 0;
   z-index: 10;
   background: #fff;
}

.tab-blessings .tab-content {
   padding: 0px 15px;
}

.tab-blessings .nav-link {
   color: #111;
   font-weight: 500;
   padding: 0 0 15px;
   margin: 0 45px 0 0;
}

.tab-blessings .nav-tabs .nav-link:focus,
.tab-blessings .nav-tabs .nav-link:hover,
.tab-blessings .nav-tabs .nav-item.show .nav-link,
.tab-blessings .nav-tabs .nav-link.active {
   border-color: transparent;
}

.tab-blessings .nav-tabs {
   border-bottom: transparent;
}

.tab-btn {
   font-family: 'DM Sans', sans-serif;
   font-size: 20px;
}

.tab-blessings .card-image-holder {
   margin-bottom: 20px;
}

.nav-tabs {
   white-space: nowrap;
   -webkit-overflow-scrolling: touch;
}

.nav-tabs .nav-link {
   flex: 0 0 auto;
}
/* mediaquery */

@media (min-width: 992px) {
   .main-menu .navbar-nav {
      width: 100%;
      justify-content: space-evenly;
   }
   .banner-section .banner-image img {
      height: 500px;
      width: 100%;
      object-fit: cover;
   }
   .caption-break {
      display: block;
   }
}

@media (max-width: 576px) {
   section {
      padding: 50px 0;
   }
   .sub-title {
      font-size: 2rem;
      line-height: 50px;
   }
   .card-white .content-block,
   .mission-vision,
   .caption-content,
   .sub-title {
      text-align: center;
   }
   .card-border-timeline {
      width: 100%;
   }
   .card-border-timeline .card-border-inner {
      flex-direction: column-reverse;
   }
   .card-icon,
   .social-menu,
   .card-half-image {
      margin-bottom: 30px;
   }
   .text-left-column,
   .text-right-column {
      text-align: center !important;
   }
   .pai-diagram {
      padding: 25px 0;
   }
   .two-half-column .sub-title {
      text-align: center !important;
   }
   .testimonials .carousel-indicators,
   .slider-carousel .carousel-indicators {
      width: 25%;
   }

   .testimonials .carousel-item {
      min-height: 280px;
   }
   .growth-roadmap .card-count {
      top: -16%;
   }
   .growth-roadmap .card-border {
      width: 100%;
   }
   .mbl-column {
      flex-direction: column;
   }
   .banner-caption {
      margin-top: 30px;
   }
   .title-large {
      text-align: center;
      line-height: 54px;
   }
   .button-flex {
      flex-direction: column;
      gap: 20px;
      align-items: center;
   }
   .button-flex .btn {
      width: 13rem;
   }
   .apps-download {
      justify-content: center;
   }
   .card-white {
      flex-direction: column-reverse;
   }
   .navbar-collapse {
      background-color: #f3ede9;
      padding-bottom: 15px;
   }
   .sticky .navbar-collapse {
      background-color: #fff;
   }
   .card-count {
      font-size: 3rem;
   }
   .tab-blessings nav {
      padding: 0px 15px;
   }
   .tab-blessings .nav-link {
      padding: 0 0 15px;
      margin: 0 15px 0 0;
      font-size: 17px;
   }
}

@media (max-width: 1024px) {
   .center-caption {
      background-position: 50% 100%;
      overflow: hidden;
      background-size: cover;
      width: 100%;
   }
   .card-border-timeline::before,
   .card-border-timeline::after,
   .card-border-timeline.right-line::before,
   .card-border-timeline.right-line::after {
      display: none;
   }
}