/* ============================================
   SECTION 1: GLOBAL & LAYOUT STYLES
   ============================================ */

.header {
   width: 100% !important;
   max-width: unset !important;
   margin-top: 0;
   padding: 9em 0 0 0;
   border-radius: 0;
   text-align: center;
   margin-bottom: 0px;
}

.image-section-header {
   width: 100% !important;
   padding: 60px 0;
   display: flex;
   justify-content: space-between;
}

.image-section-header>div:first-child {
   flex: 0 0 65%;
   padding: 50px;
   padding-right: 120px;
}

.image-section-header>div:last-child {
   flex: 0 0 35%;
   padding: 50px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
}

.image-section-header>div:last-child img {
   display: block;
   max-width: 100%;
   height: auto;
}

.image-section-header .image-cta {
   display: inline-block;
   width: 100%;
   max-width: 264px;
   text-align: center;
   margin-bottom: 0;
}

.header .tagline {
   width: 90%;
   display: flex;
   margin: auto;
   padding-bottom: 20px;
   justify-content: space-around;
}

.tagline-content {
   text-align: left !important;
   margin-top: 45px;
}

.tagline-content span {
   background: linear-gradient(to right, #009DFF, #B4E29F);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.tagline-content h1 {
   text-align: left !important;
   color: #fff !important;
}

.header span {
   font-weight: var(--semibold);
   color: #FF760D !important;
}

.header p {
   text-align: center;
}

.header a {
   text-align: center;
}

.header .container p {
   font-weight: var(--semibold);
   color: var(--navy);
   display: flex;
   justify-content: center;
   gap: .5em;
   align-items: center;
}

h3.crm-title {
   font-size: 40px;
}

.tour-body .container p {
   font-weight: var(--semibold);
   color: var(--navy);
   display: flex;
   justify-content: center;
   gap: .5em;
   align-items: center;
}

.tour-section {
   margin-top: 0;
   padding: 20px;
   border-radius: 30px;
   text-align: center;
   margin-bottom: 0px;
}

.tour-body {
   background: #0E1461;
   color: #fff;
   border: 1px solid #0E1461;
   border-radius: 30px;
   padding: 60px;
}

.tour-tagline {
   padding-bottom: 60px;
}

.tour-tagline h1,
.tour-tagline p {
   color: #fff !important;
}

.testimonial_details p {
   font-size: 24px;
}

.header-gradiant {
   background: url("https://www.execatlas.com/images/sales-marketing/background.png") no-repeat center top;
   background-repeat: no-repeat, no-repeat;
}

a[data-variant="navybutton"] {
   border: 1px solid var(--navy);
   background: white;
   color: var(--navy);
}

.tour-tagline span,
span.highlight {
   background: linear-gradient(to right, #009DFF, #B4E29F);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.inbox a.home-link {
   border: 1px solid var(--navy) !important;
   background: white !important;
   color: var(--navy) !important;
}

.tour-outer-container {
   width: 85%;
   display: block;
   margin: auto;
}

#tour-animation {
   background: #878aaf !important;
}

.testimonials_header h2 {
   color: #fff !important;
   text-align: left;
   padding-top: 20px;
}

.tour-outer-container .container {
   padding: 0.75em;
   cursor: pointer;
   background: #ffffff85;
   border: 1px solid white;
   transition: 0.3s ease;
   bottom: 50px;
}

.tour-outer-container .container:hover {
   background: white;
   border: 1px solid white;
}

.tour-outer-container .active {
   background: white;
   border: 1px solid white;
}

.tour-outer-container .column {
   margin-bottom: 60px;
}

.salesforce-video {
   position: relative;
   width: 100%;
   padding: 0px 30px;
   background: url(https://www.execatlas.com/images/index/cloud-background0.png) 100% repeat-x;
   overflow: hidden;
   max-width: unset;
   text-align: center;
}

.salesforce-video .crm-desc {
   max-width: 944px;
   margin: auto;
}

.salesforce-video .integrations-row {
   display: flex;
   margin: auto;
   padding-top: 10px;
   font-family: Geist, sans-serif;
   text-align: left;
   color: rgba(24, 24, 24, 1);
   margin-top: 40px;
}

.integration-logos-div {
   display: inline-flex;
   gap: 40px;
   margin: auto;
}

.integrations-label {
   white-space: nowrap;
   padding-top: 5px;
}

.ai-native h3 {
   text-align: center;
}

.ai-native p.crm-desc {
   text-align: center;
   max-width: 745px;
   margin: auto;
   margin-bottom: 40px;
}

.ai-native .column {
   align-items: center;
}

.ai-native div.container {
   max-width: 730px;
   margin: auto;
   margin-top: 30px;
   z-index: 9;
}

.ai-native .thumbnail {
   position: relative;
   background: url(https://www.execatlas.com/images/index/thumbnail-salesforce-video-800x400.png) center no-repeat;
   margin: 2em;
   background-size: cover;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 0.5em;
   overflow: hidden;
   aspect-ratio: 2 / 1;
}

.salesforce-video .column {
   align-items: center;
}

.salesforce-video div.container {
   max-width: 730px;
   margin: auto;
   margin-top: 30px;
   z-index: 9;
}

.salesforce-video .thumbnail {
   position: relative;
   background: url(https://www.execatlas.com/images/index/thumbnail-salesforce-video-800x400.png) center no-repeat;
   margin: 2em;
   background-size: cover;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 0.5em;
   overflow: hidden;
   aspect-ratio: 2 / 1;
}

.tour-container {
   border-radius: 1.25em;
   border: 1px solid white;
   overflow: hidden;
   box-shadow: rgba(0, 0, 0, 0.25) 0px 18px 50px 0px;
   background: #ffffff;
}

.tour {
   background: var(--gradient3);
   width: 100%;
   height: 100%;
   aspect-ratio: 16/9;
   overflow: hidden;
   border-radius: .75em;
}

.trusted-logos-container {
   margin-top: 0px;
   position: relative;
   overflow: hidden;
   margin-left: 261px;
}

.tour-outer-container .container:nth-child(1) p::before {
   content: "";
   display: block;
   width: 2em;
   height: 2em;
   background: url("https://www.execatlas.com/images/index/paths-to-power-icon.svg") no-repeat center;
   background-size: contain;
   margin-right: 0.5em;
}

.tour-outer-container .container:nth-child(2) p::before {
   content: "";
   display: block;
   width: 2em;
   height: 2em;
   background: url("https://www.execatlas.com/images/index/championship-tracking-icon.svg") no-repeat center;
   background-size: contain;
   margin-right: 0.5em;
}

.tour-outer-container .container:nth-child(3) p::before {
   content: "";
   display: block;
   width: 2em;
   height: 2em;
   background: url("https://www.execatlas.com/images/index/advanced-solutions-icon.svg") no-repeat center;
   background-size: contain;
   margin-right: 0.5em;
}

.trusted-logos-outer-container {
   justify-content: center;
   flex-wrap: wrap;
   position: relative;
   margin: 0 auto;
   border-radius: 5px;
   overflow: hidden;
}

.numbers {
   background-color: rgba(242, 242, 247, 1);
   padding: 1.5rem;
   max-width: unset;
   width: 100%;
}

.leaders {
   position: absolute;
   z-index: 3;
   width: 80%;
   height: 100%;
   display: flex;
   align-items: center;
}

.leaders h4 {
   color: var(--navy);
   margin: 0;
   display: inline-flex;
   align-items: center;
   height: 70%;
   padding-right: 30px;
   border-right: 1px solid #d4d4d4;
}

.leaders h4::before {
   content: "";
   display: block;
   height: 100%;
   width: 100vw;
   background: white;
   position: absolute;
   top: 0;
   left: -100vw;
}

/* ============================================
   SECTION 2: HERO & HEADER
   ============================================ */

.master-container {
   max-width: 128rem;
   margin: auto;
}

.master-container .solutions {
   background: url(https://www.execatlas.com/images/index/arc-background.svg) no-repeat center top;
   margin: 3em auto;
   background-size: 90%;
}

.master-container .solutions h2 {
   padding-top: 7em;
}

.master-container .solutions div.tagline {
   max-width: 678px;
   text-align: center;
   color: #000;
   margin: auto;
   font-family: Geist;
}

.native-integrations .container p {
   color: #000 !important;
}

.master-container .solutions div.heading {
   font-size: 32px;
   font-family: Geist;
   color: rgba(0, 31, 31, 1);
   width: 208px;
   margin-bottom: 20px;
}

/* ============================================
   SECTION 3: CAROUSEL & CONTENT
   ============================================ */

.ea-carousel-container {
   font-family: 'Inter', sans-serif;
   padding: 20px;
   display: flex;
   gap: 40px;
   align-items: stretch;
   background-color: #fff;
}

/* Left Side: Image */
.ea-carousel-image-wrapper {
   flex: 1.2;
   position: relative;
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
   display: flex;
}

.ea-carousel-image {
   width: 100%;
   transition: opacity 0.4s ease-in-out;
   display: block;
}

/* Right Side: Content */
.ea-carousel-content {
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   gap: 12px;
}

.ea-content-item {
   padding: 16px 20px;
   border-left: 4px solid transparent;
   cursor: pointer;
   transition: all 0.3s ease;
   border-radius: 0 8px 8px 0;
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.ea-content-item h3 {
   text-align: left !important;
   color: rgba(0, 0, 0, 1) !important;
   white-space: nowrap;
}

.ea-content-item p {
   text-align: left !important;
   color: rgba(0, 0, 0, 1) !important;
}

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

.ea-item-icon {
   width: 24px;
   height: 24px;
   color: #1E293B;
   transition: color 0.3s;
}

.ea-item-title {
   font-size: 24px;
   font-weight: 600;
   color: #1E293B;
   margin: 0;
}

.ea-item-description {
   font-size: 18px;
   line-height: 1.5;
   color: #475569;
   margin: 0;
}

.headshots img.active-headshot {
   max-width: 6em;
   max-height: 6em;
}

.quote {
   font-size: 24px !important;
}

.partner-title {
   text-align: center;
}

.mt10 {
   margin-top: 10px;
}

.mt24 {
   margin-top: 24px;
}

.header-logo {
   max-width: 600px;
   margin-bottom:80px;
}

.testimonial-content {
   display: flex;
   margin-top: 40px;
   justify-content: space-between;
   align-items: flex-end;
}

#testimonial-image {
   height: 100%;
   object-fit: cover;
   border-radius: 24px;
   display: block;
}

.network-icons {
   width: 35px;
   height: 35px;
   border-radius: 12px;
}

/* ============================================
   SECTION 4: TESTIMONIALS & CLIENTS
   ============================================ */

.client-outer-container {
   max-width: unset;
   width: 100%;
   border-radius: unset;
   background: rgba(245, 248, 254, 1);
}

.client {
   padding: 6em 0;
}

.client .container {
   background: unset;
}

.quotes-inner {
   flex: 1;
   width: 100%;
   display: flex;
   align-items: stretch;
   gap: 20px;
}

.testimonials_header {
   text-align: left;
   background-color: rgba(14, 20, 97, 1);
   border-radius: 24px;
   padding: 62px;
   flex: 0 0 65%;
}

.testimonials_header_image {
   background-color: rgba(14, 20, 97, 1);
   border-radius: 24px;
   flex: 0 0 33.5%;
}

.testimonials-inner {
   flex: 1;
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   gap: 2rem;
   flex-wrap: wrap;
}

.headshots-testimonials-container {
   flex: 0 0 33%;
}

.carousel-content-title {
   font-size: 37px;
   margin-bottom: 0px;
   text-align: left;
   padding-left: 20px;
}

.client p {
   color: white;
}

.testimonials {
   position: relative;
}

.headshots-testimonials-container .testimonials {
   height: 160px;
}

.testimonial {
   top: 0;
   left: 0;
   width: 100%;
   transition: opacity 0.3s ease;
}

.web-testimonials {
   display: block;
}

.testimonial.active {
   opacity: 1;
   pointer-events: auto;
   position: relative;
}

.view-stories {
   background: url(https://www.execatlas.com/images/index/square-line-overlay.svg) no-repeat center, var(--gradient1) !important;
   background-size: cover !important;
   max-width: 16.75em;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   max-height: 14em;
   box-sizing: unset;
   margin: 2em auto;
}

.client .name {
   font-weight: var(--semibold);
   margin-top: 0em;
}

.client .logo {
   height: 57px;
   width: 200px;
}

.headshots {
   align-items: center !important;
   margin-top: 0;
}

.headshots img {
   max-width: 4.5em;
   max-height: 4.5em;
   border-radius: 1000px;
   border: 0.2em solid var(--navy);
   cursor: pointer;
   transition: 0.3s ease;
}

.headshots img:hover {
   max-width: 6em;
   max-height: 6em;
}

.headshots img:nth-child(n + 2) {
   margin-left: -2em;
}

.newsfeed {
   max-width: unset;
   width: 100%;
   overflow: hidden;
}

.newsfeed p.tagline {
   font-size: 20px;
   font-family: Geist;
   max-width: 400px;
   margin: auto;
}

.tour-tagline {
   padding-bottom: 1em;
}

.notification-wrapper {
   width: 100%;
}

.notification-details {
   flex: 0 1 auto;
   width: auto;
   height: 6em;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
}

.notification-content {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 1em;
}

.notification .swiper-slide {
   max-width: none;
   width: auto;
   height: 7.5em;
   padding: 1em;
   border-radius: 0.5em;
   margin: 0 0.5em;
}

.notification .swiper-slide::before {
   content: "";
   position: absolute;
   inset: 0;
   padding: 1px;
   border-radius: 0.5em;
   background: var(--gradient2);
   -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   z-index: -1;
}

.event-type {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
}

.event-type.event-removed p {
   color: #ED3327;
   border: 1px solid rgba(237, 51, 39, 0.5);
   background-color: rgba(237, 51, 39, 0.1);
   padding: 4px 12px;
   border-radius: 3em;
}

.event-type.event-removed p::before {
   background-image: url('https://execatlas.equilar.com/assets/img/globe.svg');
}

.event-type.event-departure p {
   color: #ED3327;
   border: 1px solid rgba(237, 51, 39, 0.5);
   background-color: rgba(237, 51, 39, 0.1);
   padding: 4px 12px;
   border-radius: 3em;
}

.event-type.event-departure p::before {
   background-image: url('https://execatlas.equilar.com/assets/img/chip-icon-departure.svg');
}

.event-type.event-appointment p {
   color: #1F5BCF;
   border: 1px solid rgba(31, 91, 207, 0.5);
   background-color: rgba(31, 91, 207, 0.1);
   padding: 4px 12px;
   border-radius: 3em;
}

.event-type.event-appointment p::before {
   background-image: url('https://execatlas.equilar.com/assets/img/chip-icon-appointment.svg');
}

.event-type p::before {
   content: "";
   display: inline-block;
   width: 14px;
   height: 14px;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   margin-right: 6px;
   vertical-align: text-bottom;
}

.notification h4 {
   font-size: 1rem;
   color: var(--navy);
   margin: 0;
}

.notification p {
   font-size: 0.65rem !important;
   max-width: 28em;
}

.notification .headshot {
   width: 5em;
   height: 5em;
}

.notification .headshot img {
   width: 5em;
   height: auto;
   max-height: unset;
}

.notification .organization-logo {
   width: 3em;
   height: 3em;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 0.5em;
   overflow: hidden;
}

.notification .organization-logo img {
   width: 3em;
   height: auto;
   max-height: unset;
}

.subscribe {
   position: relative;
   background-color: var(--navy);
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 2em auto 0;
   padding: 2em;
   border-radius: 0.5em;
   overflow: hidden;
   z-index: 0;
}

.subscribe::before {
   content: "";
   position: absolute;
   inset: 0;
   background: url(https://www.execatlas.com/images/index/line-texture-overlay.svg) no-repeat center;
   background-size: cover;
   opacity: 0.8;
   pointer-events: none;
   z-index: 0;
}

.subscribe h3 {
   color: #fff;
   font-size: 36px;
}

.subscribe p {
   color: white;
   font-size: 22px;
}

.client-videos .container {
   background-size: cover !important;
   background-position: center !important;
   position: relative;
   overflow: hidden;
   flex: 1 1 32%;
   transition: flex 0.5s ease;
   box-sizing: unset;
}

.client-videos .container.featured {
   flex: 5 1 65%;
   height: 21em !important;
}

.client-videos .column {
   display: flex;
   gap: 1em;
}

.container:hover .vimeo {
   background: white;
   color: var(--navy);
   border: 1px solid var(--navy);
}

.container:hover .vimeo::before {
   background: url("https://www.execatlas.com/images/index/navy-play-button.svg") no-repeat center;
   background-size: contain;
}

.client-videos img {
   width: auto;
   height: auto;
   max-height: 2.5em;
   margin-bottom: 0.75em;
}

.client-videos p {
   color: white;
}

.client-videos h2 {
   padding-bottom: 60px;
}

.vimeo {
   position: absolute;
   margin: 0 !important;
   padding: 0.6em 1.5em 0.6em 0.6em !important;
   bottom: 2em;
   right: 2em;
   display: flex !important;
   justify-content: center;
   gap: 0.5em;
   align-items: center;
   opacity: 0;
   transform: translateY(2em);
   z-index: 2;
}

.client-videos .container.featured .vimeo {
   opacity: 1;
   transform: translateY(0em);
   transition: 0.5s ease;
}

.vimeo::before {
   content: "";
   display: block;
   width: 2em;
   height: 2em;
   background: url("https://www.execatlas.com/images/index/white-play-button.svg") no-repeat center;
   background-size: contain;
   margin-right: 0.5em;
   transition: 0.3s ease;
}

.vimeo:hover::before {
   background: url("https://www.execatlas.com/images/index/navy-play-button.svg") no-repeat center;
   background-size: contain;
}

.speaker {
   position: absolute;
   bottom: 0;
   left: 0;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 20%, rgba(0, 0, 0, 0) 100%);
   width: 100%;
   padding: 1em;
   height: 6.5em;
   box-sizing: unset;
}

/* ============================================
   SECTION 5: INSIGHTS & NEWSLETTER
   ============================================ */

.insights h2 {
   text-align: left;
}

.insights .container {
   padding-bottom: 4em;
   position: relative;
   border: 1px solid var(--lightgray);
   border-radius: 0.5em;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.insights .container p {
   margin-top: 1em;
}

.insights .container a[data-variant="arrow"] {
   position: absolute;
   bottom: 1.5em;
   margin: 0;
}

.insights .container:hover a[data-variant="arrow"]::after {
   margin-left: 1em;
   transform: rotate(45deg);
}

.insights .container:hover .image img {
   transform: scale(1.05);
   opacity: 0.7;
}

.image img {
   transform: scale(1);
   opacity: 1;
   transition: 0.3s ease;
}

.insights .image {
   border: 1px solid var(--lightgray);
   border-radius: 0.25em;
   overflow: hidden;
}

.inbox {
   max-width: unset;
   width: 100%;
   border-radius: unset;
   background: #0E1461;
   text-align: center;
   margin-bottom: 0;
}

.inbox .container {
   padding: 3.5em 0;
   margin-bottom: 0;
   width: 90%;
}

.inbox .container h2,
.inbox .container p {
   color: #fff !important;
}

.numbers h1 {
   font-size: 58px;
}

.numbers p {
   font-size: 22px;
}

.partner-directory-header h2 {
   padding-top: 0;
   margin: 0 0 10px 0;
   color: white;
   text-align: center;
}

.partner-directory-header p {
   color: white;
   text-align: center;
   margin: auto auto 40px;
}

.partner-directory-inner-container {
   justify-content: space-between;
   display: flex;
}

.partner-directory-inner-container-partner {
   justify-content: space-between;
   display: flex;
   gap: 10px;
}

.partner-column-view {
   display: flex;
   flex-direction: column;
}

.partner-directory {
   position: relative;
   background: white;
   padding: 30px;
   border-radius: 24px;
   width: calc((100%) - 10px);
   margin-bottom: 20px;
   background: rgba(248, 248, 248, 1);
}

.module-directory {
   position: relative;
   background: white;
   padding: 30px;
   border-radius: 24px;
   width: calc((100% / 3) - 10px);
   margin-bottom: 20px;
   transition: transform 0.35s ease;
}

.partner-directory h4 {
   color: var(--navy);
   margin: 0 0 5px 0;
}

.partner-directory p {
   margin-top: 0;
}

.module-logo img {
   display: block;
   border-radius: 0 !important;
   margin: unset !important;
   max-width: 350px;
   height: auto;
   width: unset;
}

.partner-directory .partner-logo img {
   display: block;
   max-height: 80px;
   border-radius: 0 !important;
   margin: unset !important;
   max-width: 150px;
   height: auto;
   width: unset;
}

.partner-type {
   color: var(--navy);
   margin: 0;
   font-weight: var(--semibold);
}

.partner-logo {
   height: 130px;
   justify-content: center;
   display: flex;
   align-items: center;
}

.partner-spotlight {
   align-items: center;
   display: flex;
   margin-bottom: 1em;
   gap: 1em;
}

.partner-spotlight h3 {
   margin: 0;
}

.partner-spotlight-logo {
   max-width: 100px;
   width: 100%;
}

.partner-directory {
   position: relative;
   padding: 24px;
   border-radius: 14px;
   height: 180px;
   overflow: visible;
}

.partner-directory-description {
   margin-top: 12px;
   font-size: 20px;
   line-height: 1.5;
   background: rgba(248, 248, 248, 1);
   max-height: 0;
   overflow: hidden;
   opacity: 0;
}

.partner-directory:hover {
   height: fit-content;
}

.partner-directory:hover p {
   max-height: 400px;
}

.partner-directory:hover .partner-directory-description {
   opacity: 1;
}

.partner-directory:hover .partner-logo {
   justify-content: left;
   height: 85px;
}

.learn-more {
   border: 1px solid #ffffff !important;
   background: #0e1461 !important;
   color: #f7f7ff !important;
}

.teams-p {
   max-width: 350px;
   margin: auto;
}