/* For Businesses Page - Desktop Styles */

/* Hero Section */
.hero-section {
    position: relative;
    width: 1440px;
    height: 624px;
    margin: 0 auto;
    overflow: hidden;
}


/* Hero Content */
.hero-content {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 120px;
}

/* Hero Head Section */
.hero-head {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 564px;
    height: 232px;
    position: relative;
}

.hero-text-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}

.hero-title-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 112px;
}

.hero-title {
    font-family: 'Peyda', sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 56px;
    color: #FFFFFF;
    text-align: right;
    letter-spacing: -0.4px;
    margin: 0;
    width: 100%;
    direction: rtl;
}

.hero-description {
    font-family: 'Peyda', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.6);
    text-align: justify;
    letter-spacing: -0.432px;
    margin: 0;
    width: 100%;
    direction: rtl;
}

/* Hero Image */
.hero-image {
    position: relative;
    width: 531px;
    height: 463px;
    margin-top: 24px;
}

.hero-image-bg {
    width: 100%;
    height: 100%;
    background-image: url('/static/images/36688b4fead3227613cd9a9070eea72ebadca244.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
}



/* Ensure proper positioning relative to main container */
.main-container {
    position: relative;
    width: 1440px;
    height: auto;
    margin: 0 auto;
    z-index: 1;
}

/* Platform Features Section */
.platform-section {
    display: flex;
    width: 1442px;
    padding: 0 110px;
    margin-top: 32px;
    margin-bottom: 32px;
    flex-direction: column;
    align-items: flex-end;
    gap: 36px;}

/* Platform Title */
.platform-title {
    font-family: 'Peyda', sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #FFFFFF;
    text-align: right;
    letter-spacing: -0.36px;
    margin: 0;
    width: 100%;
    direction: rtl;
}

/* Platform Divider */
.platform-divider {
    display: flex;
    width: 1442px;
    flex-direction: column;
    align-items: flex-end;
}

.divider-line {
    width: 1222px;
    height: 1px;
}

/* Platform Description */
.platform-description {
    font-family: 'Peyda', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    text-align: justify;
    letter-spacing: -0.24px;
    margin: 0;
    width: 100%;
    direction: rtl;
}

/* Platform Features List */
.platform-features {
    font-family: 'Peyda', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    text-align: right;
    letter-spacing: -0.24px;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    direction: rtl;
}

.feature-item {
    margin-bottom: 32px;
    padding-right: 36px;
    position: relative;
}

.feature-item:last-child {
    margin-bottom: 0;
}

.feature-item::before {
    content: "•";
    position: absolute;
    right: 0;
    top: 0;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 32px;
}

.feature-title {
    font-family: 'Peyda', sans-serif;
    font-weight: 700;
    font-style: normal;
}

.feature-description {
    font-family: 'Peyda', sans-serif;
    font-weight: 500;
    font-style: normal;
}

/* Agent Builder Section */
.agent-section {
    position: relative;
    width: 1440px;
    height: 1007px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Agent Container */
.agent-container {
    display: block;
    max-width: 1320px;
    padding: 32px 0 32px 120px;
}

/* Agent Content Container */
.agent-content-container {
    position: relative;
    display: flow;
    width: 625px;
    height: 416px;
    right: 81px;
}

/* Agent Image Container */
.agent-image-container {
    position: absolute;
    height: 861px;
    width: 821px;
    left: 600px;
    top: -0;
}


/* Agent Builder Title */
.agent-title {
    font-family: 'Peyda', sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #FFFFFF;
    text-align: right;
    letter-spacing: -0.36px;
    margin: 0;
    width: 625px;
    white-space: nowrap;
    direction: rtl;
}

/* Agent Builder Divider */
.agent-divider {
    width: 625px;
    height: 1px;
    position: relative;
    margin-top: 32px;
    margin-bottom: 32px;
}

.agent-divider .divider-line {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}

/* Agent Builder Content - Removed as it's now separate containers */

/* Agent Builder Features */
.agent-features {
    font-family: 'Peyda', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    text-align: right;
    letter-spacing: -0.24px;
    list-style: none;
}

.agent-feature-item {
    margin-bottom: 32px;
    padding-right: 36px;
    position: relative;
    white-space: nowrap;
}

.agent-feature-item:last-child {
    margin-bottom: 0;
}

.agent-feature-item::before {
    content: "•";
    position: absolute;
    right: 0;
    top: 0;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 32px;
}

/* Agent Builder Image */
.agent-image-bg {
    width: 100%;
    height: 100%;
    background-image: url('/static/images/f64edcb8ef24ee3d307d3a7f3b5cab4becd3aab7.webp');
    background-size: 100% 106.39%;
    background-position: bottom left;
    background-repeat: no-repeat;
    border-radius: 8px;
}

/* CTA Container */
.cta-container {
    position: relative;
    width: 1200px;
    padding: 32px 80px 64px 80px;
    border-radius: 19px;
    backdrop-filter: blur(20px);
    top: 80px;
    right: 65px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.cta-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.cta-text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1146px;
    height: 198px;
    gap: 24px;
}

.cta-title {
    font-family: 'Peyda', sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: -0.728px;
    margin: 0;
    width: 100%;
    direction: rtl;
}

.cta-description {
    font-family: 'Peyda', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    width: 100%;
    direction: rtl;
}

/* CTA Button */
.cta-button {
    display: flex;
    width: 286px;
    padding: 14px 34px;
    justify-content: center;
    align-items: center;
    border-radius: 55px;
    background: #FFFFFF;
    text-decoration: none; /* Remove underline from anchor tag */
    color: inherit; /* Inherit text color */
}

.cta-button:hover {
    background: linear-gradient(135deg, #45a049 0%, #4CAF50 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);
}

.button-text {
    font-family: 'Peyda', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    direction: rtl;
}