section {
  padding: 80px 0;
}
/* start::section-1 */
#section-1 {
  padding: 40px 0;
}
/* end::section-1 */

/* start::section-2 */
#section-2 {
  padding: 0;
  overflow-x: hidden;
}
.about-slider {
  overflow: hidden;
  cursor: grab;
}
.about-slider:active {
  cursor: grabbing;
}
.about-slider .swiper-slide {
  height: 280px;
  overflow: hidden;
  background: #eee;
}
.about-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.w-sm { width: 180px; }
.w-md { width: 260px; }
.w-lg { width: 360px; }
@media (max-width: 768px) {
  .about-slider .swiper-slide {
    height: 220px;
  }
  .w-sm { width: 150px; }
  .w-md { width: 220px; }
  .w-lg { width: 300px; }
}
/* end::section-2 */

/* start::section-3 */
.title-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-width: 620px;
}
#section-3 img {
  width: 100%;
}
/* end::section-3 */

/* start::section-4 */
#section-4 span {
  position: relative;
  padding-left: 15px;
}
#section-4 span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #2443DB;
  border-radius: 50%;
}
#section-4 .certificate-box {
  border: 1px solid #8D8D8D;
  padding: 15px 20px;
  border-radius: 15.83px;
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: 20px;
  width: 340px;
}
#section-4 .certificate-box img {
  width: 55px;
  height: 55px;
}
.certificates-wrapper{
  max-width: 900px;
  margin: 0 auto;
}
.certificates{
  width: 100%;
}
.certificate-box{
  display:flex;
  align-items:center;
  gap:12px;
}
.certificate-box img{
  width:44px;
  height:44px;
  object-fit:contain;
}
@media (max-width:768px){
  .certificates-wrapper{
    max-width:100%;
  }
  .certificates{
    justify-content:center !important;
    gap:16px;
  }
  #section-3 {
    padding: 20px 0;
  }
}
/* end::section-4 */

/* start::section-5 */
#section-5 .tiny-header {
  position: relative;
  padding-left: 15px;
}
#section-5 .tiny-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #D4372E;
  border-radius: 50%;
}
.profile-card{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  width:100%;
  max-width:420px;
  margin-left:auto;
}
.profile-card__img{
  width:100%;
  height:520px;
  object-fit:cover;
  display:block;
  object-position: top;
}
.profile-card__info{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  background:#fff;
  border-radius:14px;
  padding:16px 18px;
  box-shadow:0 18px 40px rgba(0,0,0,.12);
}
.profile-card__info h5{
  font-size:18px;
  margin:0;
}
.profile-card__info small{
  color:#7a7a7a;
  display:block;
}
@media (max-width:768px){
  .profile-card{
    max-width:360px;
    margin:24px auto 0;
  }
  .profile-card__img{
    height:460px;
  }
}

/* accordion */
.gsap-accordion {
  max-width: 980px;
  margin: 0 auto;
  padding: 10px 0;
}
@media (max-width: 768px) {
  /* .gsap-accordion {
    padding: 40px 0px;
  } */
}
.gsap-acc-item {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  padding: 22px 0;
}
.gsap-acc-head {
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.gsap-acc-title {
  display: inline-block;
  font-size: 21.5px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #111;
}
.gsap-acc-item.is-open .gsap-acc-title {
  color: #2443DB;
}
.gsap-acc-panel {
  overflow: hidden;
}
.gsap-acc-body {
  max-width: 760px;
  padding-top: 14px;
  color: rgba(0, 0, 0, .55);
  line-height: 1.65;
  font-size: 15px;
}
.gsap-acc-item {
  position: relative;
}
.gsap-acc-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background: #2d4cff;
}
/* accordion */
/* end::section-5 */



/* start::section-6 */
#section-6 {
  background-color: #2443DB;
  position:relative;
  background:#2443DB;
  padding:100px 0;
  overflow:hidden;
}
#section-6 .bg-lines-img{
  position:absolute;
  left:-120px;
  top:-90px;
  width:55%;
  height:120%;
  background-image:url("/assets/pages/about-us/img/section-6-bg-decorations-lines.png");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:left center;
  pointer-events:none;
}
#section-6 .container{
  position:relative;
  z-index:2;
}
@media (max-width:768px){
  #section-8 {
    padding: 30px 0;
  }
}
@media (max-width:668px){
  #section-6 .bg-lines-img{
    width:200%;
    top:50px;
  }
  #section-6 {
    padding: 50px 0;
  }

}
#section-6 .text-wrapper {
  max-width: 620px;
  margin: auto;
}
#section-6 h3 {
  color: white;
  text-align: center;
  margin-bottom: 30px;
}
#section-6 p {
  color: white;
  text-align: center;
}
/* end::section-6 */

/* start::section-7 */
#section-7 .tiny-header  {
  position: relative;
  padding-left: 15px;
}
#section-7 .tiny-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #D4372E;
  border-radius: 50%;
}
.section-7-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-start;
}
.section-7-nav{
  display:flex;
  gap:10px;
  margin-top:6px;
}
.section-7-nav button{
  width:38px;
  height:38px;
  border:1px solid rgba(0,0,0,.15);
  background:#fff;
  border-radius:999px;
  display:grid;
  place-items:center;
  padding:0;
}
.management-swiper{
  overflow:hidden;
}
.mgt-card{
  position:relative;
  overflow:hidden;
  height:420px;
  background:#eee;
}
.mgt-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.mgt-info{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  background:#fff;
  padding:12px 12px;
  box-shadow:0 16px 32px rgba(0,0,0,.12);
}
.mgt-info h6{
  font-size:14px;
  margin:0;
}
.mgt-info small{
  color:#7a7a7a;
  display:block;
  font-size:12px;
}
@media (max-width:768px){
  .section-7-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .section-7-nav{
    margin-top:10px;
  }
  .mgt-card{
    height:300px;
  }
}
/* end::section-7 */

/* start::section-8 */
#section-8 {
  background-color: #2443DB;
  color: white;
}
#section-8 .tiny-header  {
  position: relative;
  padding-left: 15px;
}
#section-8 .tiny-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #D4372E;
  border-radius: 50%;
}
/* end::section-8 */

/* start::section-9 */
#section-9 {
  padding: 0;
}
/* end::section-9 */