/**
 * HighMarket Academy LLP - About Us Stylesheet
 * Used on about-us.php
 * Styling: Professional Square Architecture
 */

.about-card {
   background: #faf6f0;
   border-radius: 0;
   padding: 30px;
   box-shadow: 0 5px 20px rgba(0,0,0,0.05);
   border: 1px solid #ebd9c8;
   height: 100%;
   transition: all 0.3s ease;
}
.about-card:hover {
   border-color: #b6755f;
   transform: translateY(-3px);
   box-shadow: 0 12px 28px rgba(182, 117, 95, 0.15);
   background: #ffffff;
}
.about-card h4 i {
   color: #b6755f !important;
}

/* Vision & Mission Special Styles */
.vm-container-card {
   background: #faf6f0;
   border-radius: 0;
   box-shadow: 0 12px 36px rgba(15, 23, 42, 0.07);
   border: 1px solid #ebd9c8;
   padding: 38px 32px;
   height: 100%;
   transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
   position: relative;
   overflow: hidden;
   display: flex;
   flex-direction: column;
}
.vm-container-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 20px 42px rgba(182, 117, 95, 0.16);
   border-color: #b6755f;
   background: #ffffff;
}
.vm-container-card.vision-theme {
   border-top: 5px solid #b6755f;
}
.vm-container-card.mission-theme {
   border-top: 5px solid #b6755f;
}
.vm-header-pill {
   display: inline-flex;
   align-items: center;
   padding: 5px 14px;
   border-radius: 0;
   font-size: 11.5px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1.2px;
   margin-bottom: 14px;
}
.vm-header-pill.vision-pill {
   background: #fbf0eb;
   color: #8c4e3d;
   border: 1px solid #eecbc0;
}
.vm-header-pill.mission-pill {
   background: #fdf5f2;
   color: #945643;
   border: 1px solid #f5dfd6;
}
.vm-icon-bubble {
   width: 54px;
   height: 54px;
   border-radius: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 22px;
   flex-shrink: 0;
}
.vision-bubble {
   background: linear-gradient(135deg, #243047, #182232);
   color: #e6bcae;
   box-shadow: 0 6px 16px rgba(36, 48, 71, 0.25);
}
.mission-bubble {
   background: linear-gradient(135deg, #c4856f, #b6755f);
   color: #182232;
   box-shadow: 0 6px 16px rgba(182, 117, 95, 0.3);
}
.vm-quote-box {
   background: #fcfaf7;
   border-left: 4px solid #b6755f;
   padding: 16px 18px;
   border-radius: 0;
   margin-bottom: 22px;
}
.vm-quote-text {
   font-size: 14px;
   color: #1e293b;
   line-height: 1.6;
   margin-bottom: 0;
   font-style: italic;
   font-weight: 500;
}
.vm-pillar-item {
   display: flex;
   align-items: flex-start;
   gap: 14px;
   margin-bottom: 16px;
   padding-bottom: 14px;
   border-bottom: 1px solid #f8fafc;
}
.vm-pillar-item:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border-bottom: none;
}
.vm-pillar-icon {
   width: 38px;
   height: 38px;
   border-radius: 0;
   background: #fbf0eb;
   color: #b6755f;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   flex-shrink: 0;
   transition: all 0.25s ease;
   border: 1px solid rgba(182, 117, 95, 0.2);
}
.vm-pillar-item:hover .vm-pillar-icon {
   background: #243047;
   color: #e6bcae;
}
.vm-mission-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 12px;
   margin-top: 14px;
}
@media (max-width: 575.98px) {
   .vm-mission-grid {
      grid-template-columns: 1fr;
   }
}
.vm-mission-chip {
   background: #fcfaf7;
   border: 1px solid #f1f5f9;
   border-radius: 0;
   padding: 12px 14px;
   display: flex;
   align-items: flex-start;
   gap: 10px;
   transition: all 0.25s ease;
}
.vm-mission-chip:hover {
   background: #ffffff;
   border-color: #f5dfd6;
   box-shadow: 0 4px 14px rgba(232, 120, 48, 0.15);
   transform: translateY(-2px);
}
.vm-mission-chip i {
   color: #b6755f;
   font-size: 14px;
   margin-top: 3px;
   flex-shrink: 0;
}
.vm-mission-chip span {
   font-size: 13px;
   color: #334155;
   line-height: 1.5;
   font-weight: 500;
}

/* Beliefs Slider */
.beliefs-slider .item {
   padding: 10px 6px 20px;
   height: 100%;
}
.beliefs-slider .belief-box {
   background: #ffffff;
   border-left: 4px solid #b6755f;
   padding: 26px 22px;
   border-radius: 0;
   border-top: 1px solid #f1f5f9;
   border-right: 1px solid #f1f5f9;
   border-bottom: 1px solid #f1f5f9;
   box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04);
   min-height: 190px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
   margin-bottom: 0;
}
.beliefs-slider .belief-box:hover {
   border-left-color: #b6755f;
   border-top-color: #eecbc0;
   transform: translateY(-4px);
   box-shadow: 0 14px 30px rgba(182, 117, 95, 0.15);
}
.beliefs-slider .belief-box h5 {
   font-size: 16.5px;
   font-weight: 700;
   color: #243047;
   margin-bottom: 10px;
   display: flex;
   align-items: center;
}
.beliefs-slider .belief-box h5 i {
   width: 34px;
   height: 34px;
   border-radius: 0;
   background: #fbf0eb;
   color: #b6755f;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
   font-size: 14px;
   flex-shrink: 0;
   transition: all 0.3s ease;
}
.beliefs-slider .belief-box:hover h5 i {
   background: linear-gradient(135deg, #c4856f, #b6755f);
   color: #182232;
}
.beliefs-slider .belief-box p {
   font-size: 13.5px;
   color: #475569;
   line-height: 1.6;
   margin-bottom: 0;
}
.beliefs-slider .owl-nav {
   display: flex;
   justify-content: center;
   gap: 12px;
   margin-top: 20px;
}
.beliefs-slider .owl-nav button.owl-prev,
.beliefs-slider .owl-nav button.owl-next {
   width: 42px;
   height: 42px;
   border-radius: 0 !important;
   background: #243047 !important;
   color: #ffffff !important;
   display: inline-flex !important;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
   font-size: 16px !important;
   box-shadow: 0 4px 12px rgba(36, 48, 71, 0.2);
   border: 1.5px solid #b6755f !important;
   outline: none !important;
   cursor: pointer;
}
.beliefs-slider .owl-nav button.owl-prev:hover,
.beliefs-slider .owl-nav button.owl-next:hover {
   background: #b6755f !important;
   color: #182232 !important;
   transform: scale(1.05);
}

/* Regulatory Position & Educational Notice Section */
.regulatory-notice-wrapper {
   background: #ffffff;
   border: 1px solid #e2e8f0;
   border-left: 5px solid #243047;
   box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
   padding: 36px 36px 32px;
   position: relative;
   transition: all 0.3s ease;
}

.regulatory-notice-wrapper:hover {
   box-shadow: 0 14px 36px rgba(36, 48, 71, 0.08);
}

.regulatory-top-bar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 12px;
   margin-bottom: 18px;
   padding-bottom: 16px;
   border-bottom: 1px solid #f1f5f9;
}

.regulatory-badge {
   display: inline-flex;
   align-items: center;
   padding: 5px 12px;
   background: #f1f5f9;
   color: #243047;
   font-size: 11.5px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   border: 1px solid #e2e8f0;
}

.regulatory-badge i {
   color: #b6755f;
   margin-right: 6px;
}

.regulatory-status-pill {
   display: inline-flex;
   align-items: center;
   padding: 4px 12px;
   background: #f0f6f4;
   color: #3a5851;
   font-size: 12px;
   font-weight: 600;
   border: 1px solid #c9ded9;
}

.regulatory-status-pill i {
   margin-right: 6px;
   color: #4e746b;
}

.regulatory-title {
   color: #243047;
   font-weight: 700;
   font-size: 20px;
   margin-bottom: 20px;
   display: flex;
   align-items: center;
   gap: 10px;
}

.regulatory-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
   margin-bottom: 22px;
}

@media (max-width: 767.98px) {
   .regulatory-grid {
      grid-template-columns: 1fr;
      gap: 16px;
   }
   .regulatory-notice-wrapper {
      padding: 24px 20px;
   }
   .regulatory-title {
      font-size: 18px;
   }
}

.regulatory-item {
   background: #f8fafc;
   border: 1px solid #edf2f7;
   padding: 18px 20px;
   transition: all 0.25s ease;
}

.regulatory-item:hover {
   background: #ffffff;
   border-color: #cbd5e1;
   box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
}

.regulatory-item-header {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 8px;
}

.regulatory-item-icon {
   width: 32px;
   height: 32px;
   background: #e0e7ff;
   color: #243047;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   flex-shrink: 0;
}

.regulatory-item h5 {
   color: #1e293b;
   font-size: 14.5px;
   font-weight: 700;
   margin: 0;
}

.regulatory-item p {
   color: #475569;
   font-size: 13.5px;
   line-height: 1.65;
   margin: 0;
}

.regulatory-highlight-box {
   background: #fffdf7;
   border: 1px solid #eecbc0;
   border-left: 4px solid #b6755f;
   padding: 16px 20px;
   display: flex;
   align-items: flex-start;
   gap: 14px;
}

.regulatory-highlight-box .icon-box {
   width: 36px;
   height: 36px;
   background: #fbf0eb;
   color: #945643;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   flex-shrink: 0;
   margin-top: 2px;
}

.regulatory-highlight-box p {
   color: #78350f;
   font-size: 13.5px;
   line-height: 1.65;
   margin-bottom: 0;
}

.regulatory-highlight-box strong {
   color: #92400e;
}