/* ==========================================================================
   page-team-certifications.css
   Self-contained styles for page-team-certifications.hbs.
   Rules previously supplied by membership.css / modal.css are inlined here, so
   those stylesheets are no longer linked on this page. style.css is still
   linked from page-team-certifications.hbs (shared, site-wide base styles).

   Breakpoints
   -----------
   Desktop : default (>= 1024px)
   Tablet  : @media (max-width: 1023px)
   Mobile  : @media (max-width: 767px)
   ========================================================================== */

/* ==========================================================================
   BASE / DESKTOP  (>= 1024px)
   ========================================================================== */

/* ---------- from membership.css ---------- */
#site-main {
   max-width: unset;
   padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   margin-top: 0;
}
.container {
   max-width: 1192px;
   margin: auto;
   padding: 80px 0;
}
.page-container {
   display: flex;
   flex-direction: column;
}
.page-banner {
   background-color: var(--black);
   background-image: url("/assets/img/eclipse-right-top.svg");
   background-repeat: no-repeat;
   background-position: top right;
}
.text-primary-coral-gradient {
   margin-bottom: -10px;
}
.page-banner .banner-title .btn,
.page-banner .banner-title br {
   display: none;
}
.page-banner .wistia_responsive_padding {
   width: 821px;
   padding: 0 !important;
}
.page-banner .wistia_responsive_padding .w-chrome {
   border-radius: 12px !important;
}
.page-banner h1 {
   color: var(--white);
   font-family: Poppins, sans-serif;
   font-size: 96px;
   font-weight: 300;
   line-height: 86px;
   letter-spacing: -0.06em;
   margin-bottom: 24px;
}
.page-banner.team-membership h1 {
   margin-right: 120px;
}
.page-banner h1 .text-primary-coral-gradient {
   padding-bottom: 19px;
   margin-bottom: -19px;
}
.page-banner h1 .text-primary-coral-gradient:after {
   content: url("/assets/img/text-vector.svg");
   position: relative;
   top: -45px;
}
.page-banner.comparison h1 .text-primary-coral-gradient:after {
   display: none;
}
.page-banner p {
   max-width: 720px;
   color: var(--white);
   font-family: Poppins, sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
   margin-bottom: 64px;
}
.page-banner.comparison p {
   display: block;
   margin-bottom: 0;
}
.video-with-sidebar .video {
   width: 821px;
}
.video-with-sidebar {
   display: flex;
   gap: 121px;
   min-height: 462px;
}
.page-banner .side-links {
   width: 287px;
   background: #171e1d;
   box-shadow: 0px 4px 10px 0px #0000001a;
   padding: 32px;
   border-radius: 12px;
   align-self: flex-start;
}
.side-links h5 {
   color: var(--white);
   border-bottom: 1px solid var(--primary-color);
   padding-bottom: 16px;
   margin-bottom: 40px;
   margin-top: 0;
}
.side-links .arrow-link {
   color: var(--white);
   font-family: Poppins, sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 20px;
   text-decoration: none;
}
.side-links .arrow-link:after {
   content: url("/assets/img/arrow-right-coral.svg");
   float: right;
   filter: invert(78%) sepia(9%) saturate(17%) brightness(88%) contrast(91%);
   margin-right: 8px;
   transition: all 0.2s ease-out;
}
.side-links .arrow-link:hover:after {
   filter: none;
   margin-right: 0;
}
.side-links .arrow-link:not(:last-of-type) {
   margin-bottom: 16px;
}
.side-links .arrow-link:last-of-type {
   margin-bottom: 40px;
}
.side-links a {
   display: block;
}
.side-links .btn {
   text-align: center;
}
.btn.btn-outline-white:hover {
   background: none;
   color: var(--primary-color);
}
.side-links a:not(:last-of-type) {
   margin-bottom: 16px;
}
.awards-container .media-pack-content-wrap {
   padding: 48px 0;
   display: flex;
   gap: 137.33px;
   max-width: 1192px;
   margin: auto;
   align-items: center;
}
.ltr-section.bg-black {
   background-color: var(--black);
}
.ltr-section .ltr-content .content {
   width: 587px;
}
.ltr-section .ltr-content .content br {
   display: none;
}
#about-insider.ltr-section .ltr-content .content h2 {
   font-size: 55px;
   letter-spacing: -3.24px;
}
.ltr-section .ltr-content .content h2 {
   margin-top: 0;
   margin-bottom: 24px;
}
.ltr-section.bg-black h2 {
   color: var(--white);
}
.ltr-section .content h2 .text-italic {
   margin-bottom: -11px;
   padding-bottom: 11px;
}
.ltr-section .ltr-content .content ul li {
   margin: 0;
   padding-left: 24px;
   background: url("/assets/img/bullet-point.svg?v=1323333") no-repeat;
   background-position-y: 2px;
}
.ltr-section .ltr-content .content ul li {
   margin-bottom: 16px;
   font-family: Poppins, sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
}
.ltr-section.bg-black .ltr-content .content ul li {
   color: var(--white);
}
.ltr-section .ltr-content .content ul {
   list-style: none;
   padding: 0;
   margin-bottom: 24px;
}
.content h2 .text-italic {
   padding-bottom: 0;
}
.ltr-section .ltr-content .content p {
   font-family: Poppins, sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
   margin-bottom: 24px;
}
.ltr-section.bg-black .ltr-content .content p {
   color: var(--white);
}
.ltr-section .ltr-content .image {
   width: 588px;
   display: flex;
   align-items: center;
}
.logo-partners .content-wrap {
   margin: 0 auto;
}
.logo-partners {
   background: var(--white);
}
.logo-partners .group-logo-grid img {
   height: 42px;
}
.logo-partners .content-wrap p {
   color: var(--black);
   font-family: Poppins, sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
   text-align: center;
}
.logo-partners .content-wrap {
   padding: 48px 0;
   margin: auto;
   text-align: center;
}
.logo-partners.exec-plus .content-wrap {
   padding: 80px 0;
}
.group-logo.hide {
   display: none !important;
}
.group-logo-grid {
   display: grid;
   grid-template-columns: repeat(5, 11%);
   justify-content: center;

   row-gap: 24px;
   justify-items: center;
}
.group-logo-grid.four-per-row {
   grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
   gap: 1rem;
   width: 100%;
   margin: 0 auto;
}
.group-logo-grid.five-per-row {
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   gap: 1rem;
}
.group-logo-grid.six-per-row {
   grid-template-columns: repeat(6, 11%);
}
.logo-partners .group-logo img {
   height: 48px;
}
.logo-partners .group-logo.logo-black img {
   filter: invert(1);
}
.logo-partners .group-logo-grid.logo-black img {
   filter: invert(1);
}
.logo-partners.bg-black {
   background-color: var(--black);
}
.logo-partners.bg-black p {
   color: var(--white);
}
.logo-partners .group-logo.bg-black img {
   filter: invert(1);
}
.logo-partners > .content-wrap > div {
   display: flex;
   flex-direction: column;
   gap: 24px;
}
.pricing-section .table {
   position: relative;
}
.pricing-section .table thead {
   position: sticky;
   top: 0;
   background: var(--white);
   z-index: 1;
}
.pricing-section.exec-plus .pricing-content {
   display: flex;
   justify-content: space-between;
   padding-bottom: 32px;
   margin-bottom: 24px;
   border-bottom: 1px solid var(--primary-color);
}
.pricing-section.exec-plus .pricing-description {
   width: 587px;
}
.pricing-section.exec-plus .package-details {
   max-width: 1192px;
   margin: auto;
   display: flex;
   justify-content: space-between;
}
.pricing-section.exec-plus .package-details-mobile {
   display: none;
}
.course-section .workshops-details .package-menu {
   display: flex;
   flex-direction: column;
   gap: 8px;
   width: 486px;
}
.course-section .workshops-details .menu-item {
   font-family: Poppins, sans-serif;
   font-size: 24px;
   font-weight: 400;
   line-height: 32px;
   letter-spacing: -0.02em;
   color: var(--black);
   padding: 16px 0 16px 32px;
   border-bottom: 1px solid #aeaeae;
   text-decoration: none;
   cursor: pointer;
}
.course-section.exec-plus .course-header {
   margin-bottom: 32px;
}
.course-section .workshops-details .menu-item:hover,
.course-section .workshops-details .menu-item.active {
   color: var(--primary-color);
}
.course-section .workshops-details .menu-item:hover:after,
.course-section .workshops-details .menu-item.active:after {
   content: url("/assets/img/arrow-right-coral.svg");
   float: right;
}
.pricing-section.exec-plus .package-menu {
   display: flex;
   flex-direction: column;
   gap: 8px;
   width: 486px;
}
.pricing-section.exec-plus .package-menu .menu-item {
   font-family: Poppins, sans-serif;
   font-size: 24px;
   font-weight: 400;
   line-height: 32px;
   letter-spacing: -0.02em;
   color: var(--black);
   padding: 16px 0 16px 32px;
   border-bottom: 1px solid #aeaeae;
   text-decoration: none;
   cursor: pointer;
}
.pricing-section.exec-plus .package-menu .menu-item:after {
   content: url("/assets/img/arrow-right-coral.svg");
   float: right;
   filter: invert(58%) sepia(85%) saturate(0%) hue-rotate(160deg)
      brightness(104%) contrast(85%);
   transform: translate3d(-0.5rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transition: all 0.28s;
}
.pricing-section.exec-plus .package-menu .menu-item.active {
   color: var(--primary-color);
}
.pricing-section.exec-plus .package-menu .menu-item.active:after {
   content: url("/assets/img/arrow-right-coral.svg");
   float: right;
   opacity: 1;
   transform: translate3d(0, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   filter: none;
}
.pricing-section.exec-plus .package-menu .menu-item:hover {
   color: var(--primary-color);
}
.pricing-section.exec-plus .package-detail {
   padding-top: 16px;
}
.pricing-section.exec-plus .package-detail .btn {
   display: inline-block;
}
.package-detail {
   display: none;
}
.package-detail .key-takeaway > ul > li {
   font-family: Poppins, sans-serif !important;
   font-size: 16px !important;
   font-weight: 300 !important;
   line-height: 24px !important;
   background-position-y: 5px;
}
.package-detail .key-takeaway li:not(:last-of-type) {
   margin-bottom: 16px;
}
.package-detail.active {
   display: block;
}
.pricing-section.exec-plus .package-menu .menu-item:hover:after {
   content: url("/assets/img/arrow-right-coral.svg");
   float: right;
   opacity: 0.5;

   transform-style: preserve-3d;
   filter: none;
}
.pricing-section.exec-plus .package-descriptions {
   width: 587px;
}
.pricing-section .table tr td h5 {
   margin-top: 24px;
   margin-bottom: 0;
}
.table {
   width: 100%;
}
.table thead tr th span small {
   font-family: Poppins, sans-serif;
   font-size: 12px;
   font-weight: 400;
   line-height: 20px;
   white-space: nowrap;
   position: absolute;
   left: 0;
   top: 45px;
   color: var(--primary-color);
}
.table thead tr th {
   padding-right: 16px;
   position: relative;
}
.table thead tr th img {
   height: 60px;
}
.table thead {
   border-bottom: 1px solid #dcdbda;
}
.table thead tr th a {
   display: inline-block;
   margin-top: 8px;
   margin-bottom: 16px;
}
.table tbody tr:nth-of-type(even):not(:first-child) {
   background-color: #f5f3ed;
}
.table td {
   padding: 16px 0 !important;
}
.table tbody {
   margin-top: 16px;
}
table,
th,
td {
   border: none;
   border-collapse: collapse;
   text-align: left;
}
table tr td:first-of-type {
   padding-left: 30px !important;
}
table tr td {
   font-family: Poppins, sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
}
table tr td:not(:first-of-type) {
   text-align: center;
}
table tr td span {
   font-weight: 500;
}
.course-section.certifications .course-slider-wrapper-exec-plus:after {
   content: url("/assets/img/curly-arrow-left.svg");
   position: relative;
   left: 101px;
   top: 25%;
}
.course-section.bg-white.exec-plus .course-header .section-title:after {
   content: url("/assets/img/curly_arrow_down.svg");
   position: absolute;
   top: 17px;
   right: -70px;
}
.course-section.bg-white {
   background-image: none;
   background-color: var(--white);
}
.course-section.bg-white .course-content h2 {
   color: var(--black);
   margin-bottom: 24px;
}
.course-section .slider-item {
   background-color: var(--white);
   width: 387px;
   border-radius: 12px;
   transition:
      margin-top 0.2s ease-in-out,
      margin-bottom 0.2s ease-in-out;
   margin-bottom: 0;
   margin-top: 0;
   display: flex;
   flex-direction: column;
   position: relative;
}
.course-section .slider-item:hover {
   margin-bottom: 32px;
   margin-top: -32px;
}
.course-section .slider-item .badge-bg {
   border-radius: 12px 12px 0 0;
   margin-bottom: 93px;
   height: 132.65px;
}
.course-section .slider-item .badge {
   width: 192.38px;
   position: absolute;
   right: 7.72px;
   top: 14.52px;
}
.course-section .slider-item p {
   color: var(--black);
   display: block;
   font-family: Poppins, sans-serif !important;
}
.course-section .slider-item h5 {
   margin-top: 0;
}
.course-section .slider-item .btn {
   text-align: center;
   display: block;
}
.course-section .slider-item:hover .btn {
   opacity: 1;
   max-height: 100%;
   visibility: visible;
   transition:
      visibility 0.2s ease-in-out,
      max-height 0.2s ease-in-out,
      opacity 0.2s ease-in-out;
}
.course-section .slider-item .slider-body-content {
   padding: 0 32px;
}
.course-section .slider-item .slide-footer {
   padding: 0 32px 32px 32px;
   margin-top: auto;
}
.course-section .course-slider-wrapper {
   margin-top: 56px;
   padding-top: 32px;
   padding-bottom: 32px;
}
.slide-header {
   position: relative;
}
.slide-header:before {
   position: absolute;
   z-index: -1;
   background-color: #f5f3ed;
   width: 100%;
   height: 50%;
}
.swiper {
   overflow: unset;
}
.course-section .course-slider-wrapper-exec-plus .slider-item:hover {
   margin-bottom: 0;
   margin-top: 0;
}
.course-section .course-slider-wrapper-exec-plus .btn {
   opacity: 1;
   max-height: 100%;
   visibility: visible;
}
.workshops-slider-wrapper-exec-plus {
   max-width: 1192px;
   margin: auto;

   padding-top: 0;
   padding-bottom: 0;
   grid-auto-flow: unset;
   grid-template-columns: repeat(4, 1fr);

   margin-bottom: 32px;
}
.workshops-slider-wrapper-exec-plus .workshops-slider-item .tag {
   border-color: var(--primary-color) !important;
   color: var(--primary-color) !important;
}
.workshops-slider-wrapper-exec-plus .workshops-slider-item h5 {
   font-family: Poppins, sans-serif;
   font-size: 24px;
   font-weight: 400;
   line-height: 32px;
   letter-spacing: -0.04em;
   margin-top: 0;
   margin-bottom: 24px;
}
.workshops-slider-wrapper-exec-plus
   .workshops-slider-item
   .key-takeaway
   > ul
   > li {
   font-family: Poppins, sans-serif !important;
   font-size: 16px !important;
   font-weight: 300 !important;
   line-height: 24px !important;
}
.workshops-slider-wrapper-exec-plus .key-takeaway {
   margin-bottom: 0;
}
.event-slider-item .tags,
.workshops-slider-item .tags {
   display: flex;
   align-items: flex-start;
   gap: 8px;
   margin-bottom: 24px;
}
.workshops-slider-item .tags {
   margin-bottom: 16px;
}
.event-slider-item .date:before {
   content: url("/assets/img/calendar_month.svg");
   margin-right: 11px;
}
.event-slider-item .time:before {
   content: url("/assets/img/access_time.svg");
   margin-right: 11px;
}
.event-slider-item .location:before {
   content: url("/assets/img/location_on.svg");
   margin-right: 11px;
}
.event-slider-item .tags .tag,
.workshops-slider-item .tags .tag {
   padding: 8px 12px;
   border: 1px solid var(--black);
   color: var(--black);
   text-decoration: none;
   border-radius: 40px;
   font-family: Poppins, sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 17px;
}
.event-slider-item .tags .tag.members-only,
.workshops-slider-item .tags .tag.members-only {
   border: 1px solid var(--primary-color);
   color: var(--primary-color);
   display: flex;
   align-items: center;
}
.event-slider-item .tags .tag.members-only:after,
.workshops-slider-item .tags .tag.members-only:after {
   content: url("/assets/img/lockcoral.svg");
   margin-left: 8.67px;
}
.workshops-slider-item {
   border-radius: 12px;
   box-shadow: 0px 0px 15px 0 #09100f26;
   padding: 24px 16px;
}
.workshops-slider-item .key-takeaway > ul > li {
   background-position-y: 0px;
}
.workshops-slider-item .key-takeaway li:not(:last-of-type) {
   margin-bottom: 16px;
}
.event-slider-item .slider-content {
   margin-bottom: 24px;
}
.event-slider-item .slider-cta .btn {
   display: inline-block;
}
.course-section #left,
.case-study-section #left {
   content: url("/assets/img/circle-arrow-left.svg");
   margin-right: 24px;
}
.course-section #right:hover,
.case-study-section #right:hover,
.course-section #left:hover,
.case-study-section #left:hover {
   filter: invert(58%) sepia(79%) saturate(1800%) hue-rotate(2deg)
      brightness(103%) contrast(105%) !important;
}
.course-section #left,
.case-study-section #left {
   content: url(/assets/img/circle-arrow-left.svg);
   display: inline;
   float: right;
   margin-right: 24px;
}
.course-section.arrow-white #left {
   content: url(/assets/img/circle-arrow-left.svg);
   display: inline;
   float: right;
   margin-right: 24px;
   filter: invert(1);
}
.row-slide-arrow #up {
   content: url("/assets/img/svg/arrow-circle-up.svg");
   margin-right: 24px;
   cursor: pointer;
}
.row-slide-arrow #down {
   content: url("/assets/img/svg/arrow-circle-up.svg");
   transform: rotate(180deg);
   cursor: pointer;
}
.row-slide-arrow #down:hover,
.row-slide-arrow #up:hover {
   filter: invert(1) brightness(100) saturate(1000%);
}
.course-section .slide-arrow > a {
   filter: invert(100%);
   cursor: pointer;
   user-select: none;
}
.course-section.bg-white .slide-arrow > a {
   filter: unset;
   opacity: 0.5;
}
.course-section.bg-white .slide-arrow > a:hover {
   filter: unset;
   opacity: 1;
}
.course-section.bg-white p {
   color: var(--black);
}
.course-section .slide-arrow > a:hover {
   filter: invert(76%) sepia(36%) saturate(5774%) hue-rotate(335deg)
      brightness(102%) contrast(101%);
}
.course-section .slide-arrow {
   max-width: 1192px;
   margin: auto;

   text-align: right;
}
.marketers-section.bg-white {
   background-color: var(--white);
}
.marketers-section .btn {
   display: inline-block;
   margin-top: 24px;
   align-self: flex-end;
}
.marketers-section .btn:hover {
   background: none;
   color: var(--primary-color);
}
.marketers-list {
   display: grid;
   gap: 16px;
   grid-template-columns: repeat(3, 1fr);
}
.marketers-section.bg-white .marketer-card {
   background-color: #f5f3ed;
}
.marketers-section.bg-white .marketers-content h2 {
   color: var(--black);
}
.marketers-list .marketer-card {
   padding: 40px 32px;
   display: flex;
   flex-direction: column;
   gap: 16px;
   background-color: var(--white);
   border-radius: 12px;
   cursor: pointer;
}
.marketers-list .marketer-card .instructor-profile {
   width: 100%;
   height: 266px;
   border-radius: 12px;
   object-fit: cover;
   object-position: top;
}
.marketers-list .marketer-card .instructor-logo {
   height: 48px;
   align-self: flex-start;
}
.marketers-list .marketer-card:hover p:after {
   right: -8px;
   filter: none;
}
.marketers-list .marketer-card p {
   margin-bottom: 0;
   position: relative;
   font-family: Poppins, sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
}
.marketers-list .marketer-card p:after {
   position: absolute;
   top: 30%;
   right: 0;
   transition: all 0.1s ease-out;
   content: url("/assets/img/arrow-right-coral.svg");
   filter: invert(78%) sepia(9%) saturate(17%) hue-rotate(358deg)
      brightness(88%) contrast(91%);
}
.limit-display .marketer-card:nth-child(n + 7) {
   display: none;
}
.marketer-card .asana {
   width: 127px;
}
.rtl-section.exec-plus {
   background-image: unset;
}
.rtl-section.exec-plus.bg-white {
   background-color: var(--white);
}
.rtl-section.exec-plus.bg-white .rtl-content .content h2 {
   color: var(--black);
}
.rtl-section.exec-plus.bg-white .rtl-content .content p {
   color: var(--black);
}
.rtl-section.exec-plus.bg-white .rtl-content .content ul li {
   color: var(--black);
}
.rtl-section .rtl-content .content {
   width: 587px;
}
.rtl-section .rtl-content .content .btn-secondary {
   margin-right: 24px;
}
.rtl-section.exec-plus .rtl-content .content .btn-secondary {
   margin-right: 0;
}
.rtl-section .rtl-content .content h2 {
   margin-top: 0;
   margin-bottom: 24px;
   color: var(--white);
}
.rtl-section .rtl-content .content ul li {
   margin: 0;
   padding-left: 24px;
   background: url("/assets/img/bullet-point.svg") no-repeat;
   background-position-y: 4px;
   color: var(--white);
   font-family: Poppins, sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
}
.rtl-section .rtl-content .content ul li {
   margin-bottom: 16px;
}
.rtl-section .rtl-content .content ul {
   list-style: none;
   padding: 0;
   margin-bottom: 0;
}
.content h2 .text-italic {
   padding-bottom: 10px;
}
.rtl-section .rtl-content .content p {
   font-family: Poppins, sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
   margin-bottom: 24px;
   color: var(--white);
}
.rtl-section .rtl-content .image {
   width: 588px;
   display: flex;
   align-items: center;
}
.comparison-section .key-takeaway > ul > li {
   font-family: Poppins, sans-serif !important;
   font-size: 16px !important;
   font-weight: 300 !important;
   line-height: 24px !important;
   background-position-y: 0px;
}
.graph-section {
   padding: 80px 0;
   max-width: 1192px;
   margin: auto;
   display: flex;
   gap: 92px;
   position: relative;
   background: var(--white);
}
.graph-section.exec-plus {
   background: none;
   align-items: center;
}
.graph-section .graph-image #animation-container {
   width: 480px;
   height: 410px;
   position: absolute;
   right: 0;
   top: 35px;
}
.graph-section .cta {
   display: flex;
   gap: 16px;
}
.graph-section h2 {
   margin-top: 0;
   margin-bottom: 24px;
}
.graph-section p {
   font-family: Poppins !important;
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
   text-align: left;
   margin-bottom: 24px;
}
.graph-section img {
   display: block;
   margin-bottom: 24px;
}
.graph-section.exec-plus img {
   margin-bottom: 0;
}
.graph-section .graph-content {
   width: 666px;
}
.graph-section .graph-image {
   width: 400px;
   margin-right: 33px;
}
.graph-section lottie-player {
   width: 516px;
   position: absolute;
   top: 0;
}
.modal {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   display: none;
   justify-content: center;
   align-items: flex-start;
   z-index: 1000;
   overflow: auto;
   background-color: rgba(0, 0, 0, 0.8);
   z-index: 9999;
}
.modal p {
   font-family: Poppins, sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
}
.modal.modal-show {
   animation: fadeIn 0.1s ease-in-out forwards;
}
.modal.modal-hide {
   animation: fadeOut 0.1s ease-in-out 0.1s forwards;
}
.modal-content {
   position: relative;
   display: flex;
   gap: 102px;
   background-color: #fff;
   padding: 80px 124px;
   border-radius: 12px;
   width: 100%;
   max-width: 1192px;
   overflow: auto;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
   align-items: center;
}
.modal-content .profile-picture {
   margin-bottom: 24px;
   display: block;
   width: 323px;
   border-radius: 12px;
}
.modal-content .company-logo {
   height: 48px;
}
.modal-content h3,
.modal-content h5 {
   margin-top: 0;
}
.modal.modal-show .modal-content {
   animation: fadeInDown 0.3s ease-in-out forwards;
}
.modal.modal-hide .modal-content {
   animation: fadeOutUp 0.2s ease-in-out forwards;
}
.modal-close {
   position: absolute;
   top: 29px;
   right: 27px;
   cursor: pointer;
}
.modal-close:before {
   content: url("/assets/img/close.svg");
}
.custom-float-navigation .float-header {
   display: flex;
   justify-content: space-between;
   background-color: var(--black);
   height: 80px;
   padding: 24px;
   width: 100vw;
}
.custom-float-navigation {
   position: fixed;
   top: 0;
   z-index: 99999999999;
   width: 100%;
}
.float-cta .btn {
   font-family: Poppins, sans-serif;
   font-size: 12px;
   font-weight: 400;
   line-height: 20px;
   padding: 6px 10px;
}
.float-cta .btn-tertiary:hover {
   color: var(--black);
   background: var(--white);
}
.float-header .site-logo {
   width: 54.61px;
}
.float-cta .btn-outline-white {
   margin-right: 16px;
}
.custom-float-navigation .side-links h5 {
   color: var(--black);
}
.custom-float-navigation .side-links a {
   color: var(--black);
}
.custom-float-navigation .float-dropdown {
   background-color: var(--white);
   padding: 32px 40px;
   box-shadow: 0px 4px 10px 0px #0000001a;
   border-radius: 0px 0px 12px 12px;
   margin-bottom: 10px;
}
.custom-float-navigation .float-dropdown .btn-outline:after {
   content: url("/assets/img/arrow-top.svg");
   margin-left: 8.67px;
   transform-style: preserve-3d;
   transition: transform 0.6s;
}
#openDropdown:hover {
   background: none;
   border-color: var(--white);
}
#openDropdown .float-arrow {
   margin-left: 7.4px;
}
#openDropdown.opened .float-arrow {
   transform: rotate(180deg);
}
#seeMorePartnerLogoWhite,
#seeMorePartnerLogoWhite2 {
   margin-top: 24px;
   display: inline-block;
   color: var(--white);
   font-family: Poppins, sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 17px;
   text-decoration: none;
   cursor: pointer;
   display: none;
}
.galary-section .galary-container .galary-header .btn {
   display: block;
}
.galary-header .content {
   width: 720px;
}
.row-slider {
   max-height: 344px;
   position: relative;
   margin-bottom: 24px !important;
   display: grid;
   gap: 16px;
   grid-auto-flow: row;
   overflow-y: hidden;
   scroll-snap-type: x mandatory;
   scroll-behavior: smooth;
   scrollbar-width: none;
}
.rtl-section .rtl-content .content ul.row-slider li {
   margin-bottom: 0;
}
.row-slider-container {
   position: relative;
}
.row-slider-container:before {
   content: "";
   height: 79px;
   width: 100%;
   z-index: 9;
   position: absolute;
   background: linear-gradient(
      0deg,
      rgba(9, 16, 15, 0) 0%,
      rgba(9, 16, 15, 0.8) 78.12%
   );
}
.row-slider-container:after {
   content: "";
   height: 79px;
   width: 100%;
   position: absolute;
   bottom: 0;
   background: linear-gradient(
      180deg,
      rgba(9, 16, 15, 0) 0%,
      rgba(9, 16, 15, 0.768) 75%
   );
}
.case-study-section .case-study-slider-wrapper .slider-item {
   width: 587px;
   border: 1px solid #d4d4d4;
   padding: 24px;
   display: flex;
   gap: 24px;
   border-radius: 12px;
   text-decoration: none;
}
.case-study-section .case-study-slider-wrapper .slider-item img {
   border-radius: 12px;
   height: 185.34px;
}
.case-study-section .case-study-slider-wrapper .slider-item:hover {
   border-color: var(--primary-color);
}
.case-study-section .case-study-slider-wrapper .slider-item .content {
   display: flex;
   flex-direction: column;
}
.case-study-section .case-study-slider-wrapper .slider-item p {
   margin-top: auto;
   margin-bottom: 0;
   color: var(--black);
}
.case-study-section .case-study-slider-wrapper .slider-item h5 {
   color: var(--black);
}
.case-study-section .tag {
   display: inline-block;
   padding: 8px 12px;
   border: 1px solid #09100f;
   margin-bottom: 24px;
   border-radius: 40px;
   font-family: Poppins, sans-serif !important;
}
.table.ipad {
   display: none;
}
.video-content.bg-white {
   background-color: var(--white);
}
.video-content.bg-white .list-item h5 {
   color: var(--black);
}
.video-content.bg-white .video-content-container .list-item p {
   color: var(--black);
}
.video-content.bg-white .video-content .content-wrap .video-container p {
   color: var(--black);
}
.video-content.bg-white h3 {
   color: var(--black);
}
@keyframes fadeIn {
   0% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}
@keyframes fadeOut {
   0% {
      opacity: 1;
   }
   100% {
      opacity: 0;
   }
}
@keyframes fadeInDown {
   0% {
      opacity: 0;
      transform: translateY(-3rem);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}
@keyframes fadeOutUp {
   0% {
      opacity: 1;
      transform: translateY(0);
   }
   100% {
      opacity: 0;
      transform: translateY(-3rem);
   }
}

/* ---------- from modal.css ---------- */
body.modal-show .nav-wrapper {
   z-index: 10 !important;
}
.x-modal {
   display: none;
   padding: 24px;
   position: fixed;
   z-index: 1000;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);
   align-items: center;
   justify-content: center;
   opacity: 0;
   transition: opacity 0.3s ease;
   overflow-y: auto;
}
.x-modal.show {
   display: flex;
   opacity: 1;
}
.x-modal.show .x-modal-content {
   transform: translateY(0);
   opacity: 1;

   height: 100svh;
}
.x-modal-close {
   position: absolute;
   top: 10px;
   right: 15px;
   font-size: 24px;
   cursor: pointer;
   color: #999;
}
.x-modal-close:hover {
   color: #333;
}
.x-modal-content .has-text-decor:after {
   content: url(/assets/img/text-decor-2.svg);
   position: absolute;
   top: 20px;
   left: 200px;
}
.modal {
   z-index: 100000 !important;
}
body.modal-show .navbar,
body.modal-show .secondary-nav {
   z-index: 10 !important;
}

/* ---------- page-specific ---------- */

.page-banner {
   background-color: var(--white);
}
.page-banner .side-links {
   background: var(--white);
}
.side-links .arrow-link {
   color: var(--black);
}
.side-links h5 {
   color: var(--black);
}
.page-banner .side-links {
   position: relative;
}
.page-banner .side-links:before {
   content: url(/assets/img/arrow-right.svg);
   position: absolute;
   transform: rotate(120deg);
   right: 0;
   top: -160px;
   scale: 1.1;
}
.testimonial-section {
   background-color: var(--black);
   background-image: url(/assets/img/eclipse-bg-bottom-right.svg?v=123422);
   background-position: bottom right;
   background-repeat: no-repeat;
}
.swiper.testimonials {
   overflow: hidden;
}
.swiper-wrapper {
   height: 100%;
}
.swiper-slide {
   height: 100%;
}
.modal-content {
   top: 5%;
}
.graph-section {
   background-color: var(--white);
   color: var(--black);
   gap: 0;
}
.graph-section.bg-black {
   background-color: var(--black);
   color: var(--white);
}
.graph-section .container {
   max-width: 1192px;
   margin: auto;
   padding: 0 0 0;
   display: flex;
   gap: 80px;
   flex-direction: row;
}
.graph-section .header {
   position: relative;
}
.graph-section .header h3 {
   margin: 0;
   font-size: 24px;
   font-weight: 600;
   line-height: 1;
   letter-spacing: -1.24px;
}
.graph-section .graph-container {
   flex: 1;
}
.graph-section .counter-inner-container {
   display: flex;
   column-gap: 40px;
   row-gap: 45px;
   padding-top: 0;
   justify-content: space-between;
   border-top: 1px solid var(--dark-grey);
   flex-wrap: wrap;
}
.graph-section .courses-counter-box {
   max-width: 224px;
   text-align: center;
}
.graph-section .courses-counter {
   padding-top: 2px;
   font-size: 80px;
   font-weight: 400;
   line-height: 58px;
   letter-spacing: -0.04em;
}
.graph-section .courses-counter-box p {
   font-size: 16px;
   font-weight: 300;
   line-height: 24px;
   margin: 0;
   text-align: center;
}
.title-decor:after {
   content: url(/assets/img/svg/asterisk-coral.svg);
   position: absolute;
   top: -60px;
   left: -60px;
   scale: 0.5;
}
.marketers-section .marketers-content .content {
   display: flex;
   justify-content: space-between;
   margin-bottom: 24px;
}
.marketers-section .marketers-content h2 {
   margin-bottom: 0;
}
.marketers-section .btn:hover {
   background: var(--coral-gradient);
   color: var(--white);
}
.rtl-section.exec-plus-bg {
   background-size: 720px;
}
#about-exec-plus {
   background-color: var(--white);
   background-image: url(/assets/img/eclipse-left-bottom-light.svg?v=123422);
   background-position: left bottom;
   background-repeat: no-repeat;
}
.course-section {
   overflow: hidden;
}
table tr td:not(:first-of-type) {
   text-align: left;
}
.swiper {
   width: 100%;
   height: 100%;
}
.swiper-slide {
   margin-right: 1px;
}
.slider-prev,
.slider-next {
   position: static;
   width: 50px;
   height: 21px;
   background: transparent;
   color: var(--white);
}
.swiper-slide {
   padding-right: 165px;
}
/* ---------- section content width ----------
   Sections stay full-bleed (so bg-black / banner bands run edge to edge)
   while the content column inside each one is capped at 1192px. */
section.page-section-padding > div,
section > .page-section-padding {
   max-width: 1192px;
   width: 100%;
   margin-inline: auto;
}

/* ==========================================================================
   TABLET  (max-width: 1024px)
   ========================================================================== */

@media (max-width: 1024px) {
   /* @media screen and (max-width: 1024px)  (from membership.css) */
   .awards-container .media-pack-content-wrap {
      align-items: center;
      padding: 48px 56px;
   }
   .group-logo-grid.four-per-row {
      width: 100%;
   }

   /* @media screen and (max-width: 1000px)  (from membership.css) */
   .awards-container .media-pack-content-wrap {
      flex-direction: column;
   }
   .awards-container .media-pack-content-wrap {
      flex-direction: column;
      gap: 24px;
      text-align: center;
   }

   /* @media (min-width: 601px) and (max-width: 1200px)  (from membership.css) */
   .group-logo-grid.six-per-row {
      grid-template-columns: repeat(4, 10%);
   }
   .team-membership.table thead tr th span small {
      left: 128px;
   }
   .table thead tr th {
      padding-right: 0;
      width: 33.33% !important;
   }
   .table thead tr {
      display: flex;
   }
   .table,
   thead,
   tbody {
      display: block !important;
   }
   .table thead tr th:first-of-type {
      display: none;
   }
   .table tbody tr {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
   }
   .team-membership.table tbody tr {
      grid-template-columns: repeat(3, 50%);
   }
   .table tbody tr td:first-of-type {
      grid-column: 1 / -1;
   }
   .page-banner .wistia_responsive_padding {
      width: 100%;
   }
   .page-banner h1 .text-primary-coral-gradient:after {
      display: none;
   }
   .video-with-sidebar {
      margin-bottom: 56px;
      height: 513px;
   }
   .video-with-sidebar .video {
      width: 100%;
   }
   .page-banner .side-links {
      display: none;
   }
   .page-banner .side-links:before {
      display: none;
   }
   .logo-partners.exec-plus .content-wrap {
      padding: 56px;
   }
   .pricing-section.exec-plus .pricing-content {
      flex-direction: column;
   }
   .pricing-section.exec-plus .package-details {
      gap: 24px;
   }
   .team-membership.table thead tr th {
      width: 50% !important;
   }
   .page-banner.team-membership h1 {
      margin-right: 0;
   }
   .row-slider-container:after {
      width: 70%;
      border-radius: 0 0 20px 0;
   }
   .container {
      padding: 80px 56px;
   }
   .pricing-section.exec-plus .package-details {
      display: none;
   }
   .pricing-section.exec-plus .package-details-mobile {
      display: block;
   }
   .table tbody tr:nth-child(2n) {
      background-color: #f5f3ed !important;
   }
   .logo-partners .content-wrap {
      padding: 48px 56px;
   }
   .marketers-list .marketer-card .instructor-profile {
      height: unset;
   }
   .course-section.certifications .course-slider-wrapper-exec-plus:after {
      display: none;
   }
   .course-section .course-slider-wrapper-exec-plus .slider-item {
      width: 100%;
   }
   .course-section .slide-arrow {
      padding: 0 56px;
   }
   .rtl-section.exec-plus .rtl-content {
      flex-direction: column;
      gap: 80px;
   }
   .rtl-section.exec-plus .rtl-content .content {
      width: 100%;
   }
   .graph-section {
      padding: 80px 56px;
      gap: unset;
   }
   .table thead tr th:first-of-type {
      width: 23%;
   }
   .table.team-comparison-table thead tr th:first-of-type {
      width: 50%;
   }
   table tr td:not(:first-of-type) {
      text-align: center;
   }
   .table thead tr th span small {
      left: 32px;
   }
   .table.team-comparison-table tr td:not(:first-of-type) {
      padding-right: 15.5px !important;
   }
   .marketers-list {
      grid-template-columns: repeat(2, 1fr);
   }
   .graph-section .graph-content {
      width: 476px;
   }
   .graph-section lottie-player {
      width: 450px;
   }
   .graph-section img {
      width: 80%;
      margin: auto;
   }
   .graph-section img.line-separator {
      width: unset;
      margin: unset;
      margin-bottom: 24px;
   }
   .graph-section .graph-image {
      width: 400px;
      margin-right: unset;
   }
   .graph-section br {
      display: none;
   }
   .graph-section.exec-plus {
      gap: 48px;
   }
   .modal-content {
      width: 95%;
      padding: 70px 114px;
      gap: 60px;
      top: 5%;
   }
   .video-with-sidebar {
      display: block;
   }
   .workshops-slider-wrapper-exec-plus {
      grid-template-columns: repeat(2, 1fr);
   }
   .course-section.bg-white.exec-plus .course-header .section-title:after {
      display: none;
   }
   .video-with-sidebar {
      min-height: unset;
   }
   #seeMorePartnerLogoWhite,
   #seeMorePartnerLogoWhite2 {
      display: none;
   }
   .group-logo-grid {
      grid-template-columns: repeat(4, 10%);
      column-gap: 116px;
      row-gap: 24px;
   }
   .pricing-section.team-plans .table thead tr th {
      width: 50% !important;
   }
   .pricing-section.team-plans .table tbody tr {
      grid-template-columns: repeat(2, 1fr);
   }
   .pricing-section.exec-plus p,
   .pricing-section.exec-plus .key-takeaway > ul > li {
      color: var(--black);
   }
   .key-takeaway > ul > li {
      font-family: Poppins, sans-serif !important;
      font-size: 16px !important;
      font-weight: 300 !important;
      line-height: 24px !important;
      background-position-y: 0px;
   }
   .pricing-section .btn {
      display: inline-block;
   }
   .logo-partners .group-logo-grid img:nth-of-type(n + 13) {
      margin-left: 225px;
   }

   /* @media (max-width: 835px)  (from membership.css) */
   .ltr-section .ltr-content .image {
      width: 100%;
      justify-content: center;
   }
   .ltr-section .ltr-content .content {
      width: 100%;
   }
   .graph-section {
      flex-direction: column;
   }
   .graph-section .graph-content {
      width: 100%;
   }
   .graph-section lottie-player {
      position: unset;
      width: 60%;
      margin: auto;
   }
   .graph-section .graph-image {
      width: 100%;
   }
   .marketers-list {
      grid-template-columns: 49% 49%;
   }
   .modal-content {
      flex-direction: column;
      align-items: flex-start;
   }
   .modal-content .company-logo {
      display: block;
   }
   .video-with-sidebar {
      margin-bottom: 0;
   }
   /* @media all and (max-width: 820px)  (from membership.css) */
   .page-banner {
   }
   .graph-section .header h3 {
      text-align: center;
   }

   /* ---------- page-specific ---------- */
   .rtl-section.exec-plus-bg {
      background-size: 500px;
   }

   .marketers-section .marketers-content .content {
      flex-direction: column;
   }
   .title-decor::after {
      display: none;
   }
   .page-banner h1 > span {
      letter-spacing: -0.06em;
   }
   .swiper {
      padding-bottom: 20px;
   }
   .swiper-slide {
      padding-right: 0;
   }
}

@media (max-width: 820px) {
   .video-with-sidebar {
      height: 400px;
   }
}

/* ==========================================================================
   MOBILE  (max-width: 767px)
   ========================================================================== */

@media (max-width: 768px) {
   /* @media screen and (max-width: 768px)  (from membership.css) */

   /* @media (max-width: 600px)  (from membership.css) */
   .page-banner .wistia_responsive_padding {
      width: 100%;
   }
   .event-slider-section.course-section .slide-arrow {
      margin-top: 0;
   }
   .container {
      padding: 56px 32px;
   }
   .video-content.bg-white .list-item h5 {
      display: flex;
      align-items: center;
   }
   .group-logo-grid {
      grid-template-columns: repeat(2, 47%);
      justify-content: center;
      column-gap: 24px;
      row-gap: 24px;
      justify-items: center;
   }
   .graph-section .graph-image {
      margin: 0;
   }
   .group-logo-grid img {
      height: 40px;
   }
   .case-study-section .case-study-slider-wrapper .slider-item {
      flex-direction: column;
      width: 100%;
   }
   .modal-content {
      flex-direction: column;
      padding: 56px 32px;
      gap: 46px;
      width: 95%;
   }
   .modal-content .profile-picture {
      width: 100%;
   }
   .pricing-section.exec-plus .package-details {
      display: none;
   }
   .pricing-section.exec-plus .package-details-mobile {
      display: block;
   }
   .pricing-section.exec-plus .pricing-content {
      flex-direction: column;
      margin-bottom: 0;
   }
   .pricing-section.exec-plus .pricing-description {
      width: 100%;
   }
   .rtl-section.exec-plus {
      padding: 56px 32px 56px;
   }
   .rtl-section.exec-plus .rtl-content {
      flex-direction: column;
      gap: 48px;
   }
   .rtl-section.exec-plus .rtl-content .content {
      width: 100%;
   }
   .rtl-section.exec-plus .rtl-content > div:last-of-type img {
      width: 100%;
   }
   .content h2 .text-italic {
      display: inline;
   }
   .ltr-section .ltr-content .content ul li:last-of-type {
      margin-bottom: 0;
   }
   .page-banner h1 {
      font-family: Poppins, sans-serif;
      font-size: 52px;
      font-weight: 400;
      line-height: 58px;
      letter-spacing: -0.06em;
   }
   .page-banner h1 .text-primary-coral-gradient:after {
      display: none;
   }
   .page-banner p {
      margin-bottom: 24px;
   }
   .page-banner h1 span {
      line-height: 52px;
   }
   .page-content .banner-title {
      padding: 0 32px 24px;
   }
   .marketers-list .marketer-card .instructor-profile {
      height: unset;
   }
   .video-with-sidebar {
      width: 100%;
      flex-direction: column;
      height: 370px;
      margin-bottom: 0;
      margin-top: 24px;
   }
   .video-with-sidebar .video {
      width: 100%;
      height: 490px;
   }
   .course-section.bg-white.exec-plus .course-header .section-title:after {
      display: none;
   }
   .workshops-slider-wrapper-exec-plus {
      grid-template-columns: repeat(1, 1fr);
   }
   .video-with-sidebar .side-links {
      display: none;
   }
   .our-stats-section .courses-counter-box p {
      margin-bottom: 0;
   }
   .courses-counter-box:not(:first-of-type) {
      padding-top: 0;
   }
   .page-banner .banner-title .btn {
      display: inline-block;
   }
   .page-banner .banner-title br {
      display: block;
   }
   .page-banner .banner-title .btn-primary {
      margin-bottom: 16px;
   }
   .page-banner .banner-title .btn-outline-white-coral {
      margin-bottom: 56px;
   }
   .marketers-section .btn {
      align-self: flex-start;
   }
   .ltr-section#about-exec .btn-group {
      flex-direction: column;
   }
   .ltr-section#about-exec .btn-group .btn {
      align-self: flex-start;
   }
   .ltr-section .ltr-content .content {
      width: 100%;
   }
   .ltr-section .ltr-content .content .btn {
      display: inline-block;
   }
   .page-banner.team-membership h1 {
      margin-right: 0;
   }
   .ltr-section#about-exec .ltr-content .content .btn-secondary {
      margin-bottom: 0;
   }
   .ltr-section .ltr-content .image,
   .ltr-section .ltr-content .image img {
      width: 100%;
   }
   .ltr-section .ltr-content .content br {
      display: block;
   }
   .ltr-section .ltr-content .content h2 {
      font-family: Poppins, sans-serif;
      font-size: 42px;
      font-weight: 400;
      line-height: 40px;
      letter-spacing: -0.04em;
   }
   #about-insider.ltr-section .ltr-content .content h2 {
      font-size: 42px;
   }
   .graph-section p br {
      display: none;
   }
   .pricing-section.team-plans {
      display: none !important;
      padding: 56px 32px;
   }
   .key-takeaway > ul > li {
      font-family: Poppins, sans-serif !important;
      font-size: 16px !important;
      font-weight: 300 !important;
      line-height: 24px !important;
      background-position-y: 0px;
   }
   .pricing-section .btn {
      display: inline-block;
      text-align: center;
   }
   .pricing-section.exec-plus .btn {
      align-self: flex-start;
   }
   .pricing-section.exec-plus p,
   .pricing-section.exec-plus .key-takeaway > ul > li {
      color: var(--black);
   }
   .pricing-section.exec-plus p {
      padding-left: 0;
   }
   .logo-partners .content-wrap {
      padding: 56px 32px;
   }
   .logo-partners .content-wrap > div {
      display: flex;
      gap: 20.35px !important;
   }
   .logo-partners.exec-plus .content-wrap {
      padding: 56px 32px;
   }
   .logo-partners .content-wrap > div .group-logo {
      flex: 1;
      gap: 20.35px;
      justify-content: unset;
      flex-wrap: wrap;
   }
   .logo-partners .content-wrap > div .group-logo img {
      height: 48px;
   }
   .logo-partners .content-wrap > div {
      gap: 0;
   }
   .course-section.certifications .btn-group,
   .course-section.bg-white .btn-group {
      flex-direction: column;
   }
   .course-section.certifications .btn-group .btn,
   .course-section.bg-white .btn-group .btn {
      align-self: flex-start;
   }
   .course-section.certifications .btn-group .btn:last-of-type,
   .course-section.bg-white .btn-group .btn:last-of-type {
      margin-top: 0;
   }
   .course-section .slider-item {
      width: 100%;
   }
   .course-section .slider-item:hover {
      margin-top: 0;
   }
   .course-section.certifications .course-slider-wrapper-exec-plus:after {
      display: none;
   }
   .course-section .course-slider-wrapper {
      margin-top: 0;
      margin-left: -32px;
      margin-right: -32px;
      padding-left: 32px;
      padding-bottom: 0;
      margin-bottom: 16px;
   }
   .course-section .slider-item:hover {
      margin-bottom: 0;
   }
   .course-section .slider-item .btn {
      opacity: 1;
      max-height: 100%;
      visibility: visible;
   }
   .course-section .course-slider-wrapper-exec-plus .slider-item {
      width: 100%;
   }
   .marketers-list {
      grid-template-columns: 100%;
   }
   .marketers-list .marketer-card p {
      padding-right: 31px;
   }
   .limit-display .marketer-card:nth-child(n + 4) {
      display: none;
   }
   .limit-logo-display img:nth-child(n + 11) {
      display: none;
   }
   .footer {
      border-top: 1px solid;
   }
   .btn-group,
   .rtl-section.bg-white .btn-group {
      flex-direction: column;
   }
   .btn-group {
      align-items: flex-start;
   }
   .rtl-section.bg-white .btn-group .btn {
      align-self: flex-start;
   }
   .rtl-section.bg-white .btn-group .btn:last-of-type {
      margin-top: 0;
   }
   .graph-section {
      padding: 56px 32px;
      flex-direction: column;
      gap: 27.52px;
   }
   .graph-section .graph-content {
      width: 100%;
   }
   .graph-section .graph-content img {
      width: 100%;
   }
   .graph-section .graph-image {
      width: 100%;
   }
   .graph-section lottie-player {
      width: 100%;
      position: unset;
   }
   .graph-section h2 {
      display: inline-block;
      margin-bottom: 16px;
   }
   .graph-section h2 span {
      display: inline;
   }
   .graph-section.exec-plus {
      width: 100%;
   }
   .graph-section.exec-plus img {
      width: 100%;
   }
   .graph-section.exec-plus .btn-group a {
      align-self: flex-start;
   }
   section:not(.page-banner) h2 span {
      line-height: 40px !important;
   }
   .galary-header .content {
      width: 100%;
   }
   .page-banner .wistia_responsive_padding .w-chrome {
      border-radius: 0 !important;
   }
   .video-with-sidebar {
      min-height: unset;
   }
   #seeMorePartnerLogoWhite,
   #seeMorePartnerLogoWhite2 {
      display: block;
   }
   .group-logo-grid.six-per-row {
      grid-template-columns: repeat(2, 47%);
   }
   table tr td:not(:first-of-type) {
      padding-right: 0 !important;
   }
   .marketers-list {
      grid-template-columns: 48% 48%;
   }
   .limit-display .marketer-card:nth-child(n + 4) {
      display: unset;
   }
   .limit-display .marketer-card:nth-child(n + 5) {
      display: none;
   }
   .marketer-card img:first-of-type {
      width: 100%;
   }
   .modal-content {
      top: 2%;
   }

   /* @media (min-width: 557px) and (max-width: 600px)  (from membership.css) */
   .rtl-section.exec-plus .rtl-content > div:last-of-type img {
      width: 65%;
   }

   /* @media (max-width: 500px)  (from membership.css) */
   .awards-container .media-pack-content-wrap {
      padding: 48px 0px;
   }

   /* ---------- page-specific ---------- */
   .graph-section .counter-inner-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
   }
   .graph-section .container {
      flex-direction: column;
      gap: 24px;
   }
   .graph-section .counter-inner-container {
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .graph-section .header {
      text-align: center;
   }
   .marketers-section .btn-group {
      gap: 0;
   }
   .rtl-section.exec-plus-bg {
      background-size: 300px;
   }
   #our-certification h2 .text-primary-coral-gradient {
      display: block;
   }
   .graph-section h2 {
      font-family: Poppins, sans-serif;
      font-size: 42px;
      font-weight: 400;
      line-height: 40px;
      letter-spacing: -0.04em;
   }
}

@media (max-width: 600px) {
   .video-with-sidebar {
      height: 210px;
   }
}