.page-hero-banner {
	height: 420px;
  background: linear-gradient(135deg, #d97132 0%, #c65f28 100%);
   display: flex;
  align-items: center;
   justify-content  : center;
    text-align :    center;
   margin-top: 88px;
 position  :        relative;
}

.page-hero-banner::before {
  content: '';
  position: absolute;
    top: 0;
	left: 0;
  right: 0;
    bottom: 0;
  background: url('../patterns/young_adult_wearing_designer_sunglasses_city.webp') center/cover;
   opacity: 0.15;
}

.hero-overlay-content {
  position: relative;
    z-index: 2;
  max-width  :      720px;
   padding: 0 25px;
}

.page-hero-title {
  font-size: 68px;
    font-weight: 700;
  color: #fff;
    margin-bottom: 18px;
     line-height: 1.2;
    letter-spacing: -1px;
}

.page-hero-subtitle {
	font-size: 20px;
    color    :  #fff;
    opacity: 0.95;
    line-height: 1.6;
}

.ftco-section {
    padding: 7em 0;
   position :      relative;
}

.ftco-no-pt {
   padding-top: 0;
}

.ftco-no-pb {
    padding-bottom: 0;
}

.heading-section .subheading{
    font-size: 16px;
    display: block;
      margin-bottom: 5px;
    color: #d97132;
   font-weight: 500;
}

.heading-section h2 {
    font-size: 40px;
    font-weight: 500;
    color: #2c396b;
}

.img-about-bg {
    background-size: cover;
     background-repeat: no-repeat;
      background-position: center center;


}  

.btn-primary-filled {
    background: #d97132;
   border: 1px solid #d97132;
    color: #fff;
    transition: all 0.3s ease;
}

.btn-primary-filled:hover {
   background: transparent;
   color: #d97132;
} 

.values-display-area {
   padding: 95px 0;
   background: #f8f9fa;
}

.values-grid-layout {
       display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 38px;
   margin-top: 45px; 
	
}

.value-card-block {
  text-align: center;
  background: #fff;
    transition    :  transform 0.3s ease;
    padding   : 38px 28px;
}

.value-card-block:hover {
  transform: translateY(-6px);
}

.value-icon-holder {


   width: 75px;
  height: 75px;
  margin: 0 auto 24px;
	display: flex;
    align-items: center;
  justify-content: center;
    background: #f8f9fa;
   border: 2px solid #d97132;
     }

.value-icon-holder img {
    width: 38px;
        height: 38px;
  stroke: #d97132;
  stroke-width     : 2;
   fill: none;
}

.value-card-block h3 {
  font-size  :   20px;
	 font-weight: 600;
    margin-bottom: 16px;
    color: #2a2a2a;
}

.value-card-block p {
   font-size: 15.5px;
  line-height: 1.75;
  color     :      #5a5a5a;
}

.timeline-journey-segment {
	    padding: 95px 0; 
   background: #fff;

}

.timeline-container {
   max-width: 920px;
   padding-top: 45px;
	 position: relative;
  margin: 0 auto;
}  

.timeline-container::before {
  content: '';
  position: absolute;
   left: 30px;
    top: 80px;
   bottom: 80px;
   width: 2px;
  background :  #e8e8e8;
}

.timeline-item		{
    display: flex;
   margin-bottom: 55px;
   position: relative;
	}

.timeline-marker {
	 flex-shrink: 0;
    width: 60px;
  height: 60px;
  background: #fff;
   border: 3px solid #d97132;
   display     :   flex;
    align-items :     center;
    justify-content: center;
   position: relative;
   z-index: 2;
}

.timeline-marker img {

	  width : 28px;
   height: 28px;
  stroke: #d97132;
      stroke-width: 2;
    fill: none;
     }

.timeline-content {
   flex  :       1;
   padding-left   :       32px;
  padding-top:        8px;

}

.timeline-content h3 {
    font-size: 20px;
	 font-weight: 600;
  color: #2a2a2a;
	margin-bottom: 12px;
}

.timeline-content p		{
	 font-size: 15.5px;
   line-height: 1.75;
  color: #5a5a5a;
}

.text-primary {
   color: #d97132;
}

.ul-check {
       margin-bottom: 50px;
  list-style: none;
     }

.ul-check li {
  position: relative;
   padding-left: 35px;
   margin-bottom: 15px;
    line-height: 1.5;
}

.ul-check li:before {
  content: '';
	 position: absolute;
   left: 0;
    top: 4px;
   width: 18px;
    height: 18px;
  background: url('../spinner/check-thin.svg') center/contain no-repeat;
  filter: invert(45%) sepia(95%) saturate(823%) hue-rotate(346deg);
}

.team-showcase-zone 
 {
   padding   :        95px 0;
   background: #f8f9fa;
}

.team-grid-display {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 35px;
	 margin-top: 45px;
}

.team-member-card {
    background: #fff;
  overflow: hidden;
	transition: transform 0.3s ease;
}

.team-member-card:hover {
  transform: translateY(-8px);
}

.member-image-box {

  overflow: hidden;
    height: 340px;
	}

.member-image-box img {
  height: 100%;

	   width: 100%;

			 object-fit: cover;

	  transition: transform 0.5s ease;
}

.team-member-card:hover .member-image-box img {
  transform: scale(1.08);


}

.member-info-area {
   padding    :      28px 24px;
}

.member-info-area h3 {


    font-size: 20px;
    font-weight    :       600;
   color: #2a2a2a;
    margin-bottom: 8px; 
	


}

.member-role {
    letter-spacing: 0.5px;
    text-transform :   uppercase;
   display: block;
  margin-bottom  :       16px;
   font-weight: 500;
   color: #d97132;
		font-size: 14px;
}

.member-info-area p {
  font-size: 15px;
    line-height: 1.7;
  color: #5a5a5a;

}

.faq-categories-nav {
   background: #fff;
  padding: 65px 0;
}

.categories-grid     {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 28px;
}

.category-card {
	   background: #f8f9fa;
	padding: 32px 24px;
  text-align   :center;
   transition: all 0.3s ease;
   border: 2px solid transparent;


}

.category-card:hover {
    background: #fff;
  border-color: #d97132;
  transform: translateY(-4px);
     }

.category-card img {
   fill: none;
    width: 42px;
    height: 42px;
    stroke: #d97132;
  stroke-width     :   2;
    margin:        0 auto 18px;
}

.category-card h3 {
    font-size:       18px;
    font-weight: 600;
   color: #2a2a2a;
  margin-bottom: 10px;
}

.category-card p {
   font-size: 14px;
   color: #5a5a5a;
    margin: 0;
}

.contact-cta-block {
   padding     :   85px 0;
		background: #f8f9fa;
}

.cta-content-center {
  text-align: center;
	max-width: 650px;
    margin: 0 auto;
}

.cta-icon-graphic     {
  width: 68px;
   height: 68px;
   margin    :0 auto 24px;
  stroke: #d97132;
   stroke-width: 2;
    fill: none;
}

.cta-content-center h2 {
     font-size: 36px;
  font-weight:     700;
   color: #2a2a2a;
   margin-bottom: 16px;}

.cta-content-center p {
    color: #5a5a5a;
   font-size: 17px;
	 margin-bottom: 32px;
}

.mx-auto {
    margin-left: auto;
      margin-right: auto;
}

.order-md-1 {
    order: 1;
}

.order-md-2 {
    order: 2;
}

.img-fluid {
    max-width : 100%;

                    height: auto;
}

.py-5 {
    padding-top: 3rem;
  padding-bottom: 3rem;
}

.pl-md-5 {
    padding-left: 3rem;
}@media (max-width: 992px) {
    .page-hero-title {
        font-size: 52px;
    }

    .values-grid-layout {
        grid-template-columns: 1fr;
    }

    .timeline-container::before {
        left: 20px;
    }

    .timeline-marker {
        width: 50px;
        height: 50px;
    }

    .timeline-content {
        padding-left: 24px;
    }

    .team-grid-display {
        grid-template-columns: 1fr;
    }

    .categories-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pl-md-5 {
        padding-left: 1rem;
    }

    .order-md-1 {
        order: 2;
    }

    .order-md-2 {
        order: 1;
    }
}

@media (max-width: 768px) {
    .page-hero-banner {
        height: 340px;
    }

    .page-hero-title {
        font-size: 42px;
    }

    .page-hero-subtitle {
        font-size: 17px;
    }

    .ftco-section {
        padding: 5em 0;
    }

    .heading-section h2 {
        font-size: 32px;
    }

    .values-display-area,
    .timeline-journey-segment,
    .team-showcase-zone,
    .faq-categories-nav,
    .contact-cta-block {
        padding: 65px 0;
    }

    .timeline-item {
        margin-bottom: 42px;
    }

    .categories-grid {
        grid-template-columns: 1fr;
    }

    .cta-content-center h2 {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .page-hero-title {
        font-size: 36px;
    }

    .value-card-block {
        padding: 28px 20px;
    }

    .timeline-content h3 {
        font-size: 18px;
    }
}