.profile-section .container { overflow: hidden; }

@media (max-width: 767px) { .profile-section .container { margin: 0; } }

.profile-section .pink-section .profile-section-name { background: #F7E0E3; color: #822936; }

.profile-section .pink-section .profile-section-list-info p { color: #822936b3; }

.profile-section .pink-section .profile-section-list-info p strong, .profile-section .pink-section .profile-section-list-info p b { color: #822936; }

.profile-section .blue-section .profile-section-name { background: #DFECF4; color: #176B9D; }

.profile-section .blue-section .profile-section-list-info p { color: #176b9db3; }

@media (max-width: 767px) { .profile-section .section-small-heading { margin: 0 20px 0rem 20px; } }

@media (min-width: 992px) { .profile-section .section-heading { margin-bottom: 60px; } }

@media (max-width: 991px) { .profile-section .section-heading { margin-bottom: 2.031rem; } }

@media (max-width: 767px) { .profile-section .section-heading { margin: 0 20px 2.031rem 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .profile-section .section-heading { max-width: 550px; } }

.profile-section .profile-section-list { display: grid; grid-column-gap: 20px; grid-row-gap: 40px; }

@media (min-width: 992px) { .profile-section .profile-section-list { grid-template-columns: 1fr 1fr 1fr 1fr; } }

@media (max-width: 991px) { .profile-section .profile-section-list { overflow-y: scroll; padding: 0 20px; grid-row-gap: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { .profile-section .profile-section-list { overflow-y: scroll; grid-template-columns: 1fr; } }

@media (min-width: 768px) and (max-width: 991px) { .profile-section .profile-section-list { padding-left: 0; } }

.profile-section .profile-section-list::-webkit-scrollbar { display: none; }

.profile-section .profile-section-list-item a { display: flex; }

@media (min-width: 992px) { .profile-section .profile-section-list-item { min-width: 270px; } }

@media (min-width: 992px) and (max-width: 1199px) { .profile-section .profile-section-list-item { min-width: 260px; }
  .profile-section .profile-section-list-item:nth-child(odd) { grid-row: 1; }
  .profile-section .profile-section-list-item:nth-child(even) { grid-row: 2; } }

@media (max-width: 991px) { .profile-section .profile-section-list-item { min-width: 16.875rem; }
  .profile-section .profile-section-list-item:nth-child(odd) { grid-row: 1; }
  .profile-section .profile-section-list-item:nth-child(even) { grid-row: 2; } }

.profile-section .image-wrapper { position: relative; }

.profile-section .image-wrapper img { height: 100%; }

.profile-section .image-wrapper .year { position: absolute; font-size: 12px; line-height: 16px; color: #FFFFFF; left: 8px; bottom: 8px; }

.profile-section .profile-section-name { font-size: 16px; line-height: 16px; letter-spacing: -0.011em; color: #22366A; font-weight: 700; background: #F5F9FB; padding: 16px 14px 16px 20px; }

@media (min-width: 992px) and (max-width: 1199px) { .profile-section .profile-section-name { padding: 16px 14px 16px 16px; } }

.profile-section .profile-section-list-info { float: right; }

.profile-section .profile-section-list-info p { font-size: 12px; line-height: 14px; color: #22366A; padding: 10px 12px 23px 20px; }

@media (min-width: 992px) and (max-width: 1199px) { .profile-section .profile-section-list-info p { padding: 10px 12px 16px 16px; } }

.profile-section .profile-section-list-info p strong, .profile-section .profile-section-list-info p b { display: block; font-weight: 700; margin-bottom: 4px; }

@media (min-width: 992px) { .profile-section .profile-section-list-info { max-width: 169px; } }

@media (max-width: 991px) { .profile-section .profile-section-list-info { max-width: 10.563rem; } }

.profile-section .linkedin-white { position: absolute; right: 0px; bottom: 0px; width: 32px; height: 32px; z-index: 2; }

.profile-section .white-background { position: absolute; right: 0px; bottom: 0px; width: 30px; height: 30px; background: white; z-index: 1; }

.profile-section .button-wrapper { float: right; margin-top: 40px; }

@media (max-width: 991px) { .profile-section .button-wrapper { padding-right: 20px; } }

@media (min-width: 992px) { .profile-section .explore-more-btn { position: absolute; top: 0; right: 0; } }

@media (max-width: 767px) { .profile-section .explore-more-btn { margin-left: 20px; } }

@media (max-width: 991px) { .profile-section .explore-more-btn { margin-top: 40px; } }