#about-us-section {padding: 0px 20px;width: 100%;display: flex;justify-content: center;align-items: center;}
#about-us-section .workframe { width: 100%; max-width: 1100px; background: #ffffff; border-radius: 24px; box-shadow: 0 20px 50px rgba(0,107,179,0.08); overflow: hidden; border: 1px solid rgba(0,0,0,0.03); }
#about-us-section .split-layout { display: flex; align-items: center; gap: 60px; padding: 60px; }
#about-us-section .image-column { flex: 1; min-width: 0; position: relative; z-index: 1; }
#about-us-section .image-wrapper {width: 100%;height: 450px;background-image: url('/userfiles/images/20190114021526267.jpg');background-size: cover;background-position: center;border-radius: 20px;box-shadow: 0 15px 35px rgba(0,107,179,0.15);transition: transform 0.6s cubic-bezier(0.165,0.84,0.44,1);position: relative;z-index: 2;}
#about-us-section .image-column::before { content: ''; position: absolute; top: 25px; left: -20px; right: 20px; bottom: -25px; border: 2px solid rgba(0,107,179,0.3); border-radius: 20px; z-index: 0; transition: all 0.6s cubic-bezier(0.165,0.84,0.44,1); }
#about-us-section .image-column:hover .image-wrapper { transform: translateY(-10px); box-shadow: 0 25px 45px rgba(0,107,179,0.2); }
#about-us-section .image-column:hover::before { top: 15px; left: -10px; bottom: -15px; right: 10px; border-color: rgba(0,107,179,0.6); }
#about-us-section .text-column { flex: 1.2; display: flex; flex-direction: column; gap: 20px; }
#about-us-section .tagline { font-size: 13px; font-weight: 700; color: #006bb3; letter-spacing: 2px; text-transform: uppercase; background: #f0f7ff; padding: 6px 14px; border-radius: 50px; align-self: flex-start; border: 1px solid #bbd6ee; }
#about-us-section .section-heading { font-size: 34px; color: #1a2b3c; font-weight: 800; line-height: 1.3; position: relative; padding-bottom: 15px; }
#about-us-section .paragraph { font-size: 16px; color: #5a6c7d; line-height: 1.8; text-align: justify; letter-spacing: 0.5px; }
#about-us-section .highlight-card { background: #fcfdfd; border-left: 4px solid #006bb3; padding: 25px 30px; border-radius: 0 12px 12px 0; margin-top: 10px; transition: all 0.4s cubic-bezier(0.165,0.84,0.44,1); box-shadow: 0 4px 15px rgba(0,0,0,0.03); border-top: 1px solid #f0f4f8; border-right: 1px solid #f0f4f8; border-bottom: 1px solid #f0f4f8; }
#about-us-section .highlight-card:hover { transform: translateX(5px); box-shadow: 0 10px 25px rgba(0,107,179,0.08); background: #ffffff; }
#about-us-section .highlight-text { font-size: 18px; color: #1a2b3c; font-weight: 600; line-height: 1.7; position: relative; }
#about-us-section .highlight-text span { color: #006bb3; }
@media (max-width:992px) {
  #about-us-section .split-layout { flex-direction: column; padding: 50px 30px; gap: 50px; }
  #about-us-section .image-column { width: 100%; max-width: 600px; margin: 0 auto; }
  #about-us-section .image-column::before { left: -15px; right: 15px; }
  #about-us-section .image-wrapper { height: 350px; }
  #about-us-section .text-column { align-items: center; text-align: center; }
  #about-us-section .tagline { align-self: center; }
  #about-us-section .paragraph { text-align: center; }
  #about-us-section .highlight-card { text-align: left; }
}
@media (max-width:480px) {
  #about-us-section { padding: 30px 15px; }
  #about-us-section .split-layout { padding: 35px 20px; gap: 40px; }
  #about-us-section .image-wrapper { height: 220px; border-radius: 12px; }
  #about-us-section .image-column::before { border-radius: 12px; top: 15px; bottom: -15px; }
  #about-us-section .section-heading { font-size: 26px; }
  #about-us-section .paragraph { font-size: 15px; }
  #about-us-section .highlight-card { padding: 20px; }
  #about-us-section .highlight-text { font-size: 16px; }
}