@import url(reset.css);
@import url(global.css);
@import url(default.css);
@import url(layout.css);
@import url(module.css);
@import url(controller.css);

/*--------------------home-choice item---------------------------*/

.home-choice {
    width: 100%;
    background-color: var(--bg-color3);
    position: relative;
}

.home-choice::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50px;
    width: 48%;
    background-image:
        url(../img/Clip\ path\ group.png);
    background-repeat: no-repeat;
    height: 100%;
}

.home-choice .container {
    padding: 100px 0;
}

.home-choice-item {
    width: 45%;
    position: relative;
}

.home-choice-item:last-child {
    margin-top: -80px;
}

.home-choice-item img {
    width: 100%;
    height: 690px;
    object-fit: cover;
    filter: grayscale(90%);
}

.home-choice-icon {
    width: 97.5px;
    height: 97.5px;
    border-radius: 50%;
    background-color: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 50%;
    transform: translate(-50%, -200px);
    z-index: 3;
    position: absolute;
}

.home-choice-bottom {
    width: 100%;
    background-color: rgba(18, 28, 37, .65);
    position: absolute;
    bottom: 0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid var(--text-color7);
}

.home-choice-bottom .container {
    padding: 100px 0;
}

.home-choice-item:last-child:before {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    border: 1px solid transparent;
    background: conic-gradient(from 0deg,
            rgba(140, 171, 199, 0) 0deg,
            rgba(140, 171, 199, 1) 110deg,
            transparent 110deg 360deg);
    mask: radial-gradient(closest-side, transparent 99%, black 101%);
    clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%);
    bottom: -103%;
    right: 100px;
}

.home-choice-item:last-child:after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    border: 1px solid transparent;
    background: conic-gradient(from 0deg,
            rgba(140, 171, 199, 0) 0deg,
            rgba(140, 171, 199, 1) 110deg,
            transparent 110deg 360deg);
    mask: radial-gradient(closest-side, transparent 99%, black 101%);
    clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%);
    bottom: -110%;
    right: 50px;
}


@media screen and (max-width:1320px) {
    .home-choice-item:last-child:before {
        bottom: -88%;
    }

    .home-choice-item:last-child:after {
        bottom: -93%;
    }
}

@media screen and (max-width:1200px) {
    .home-choice-item:last-child:before {
        bottom: -56%;
    }

    .home-choice-item:last-child:after {
        bottom: -60%;
    }

    .home-choice-bottom .container {
        padding: 80px 0;
    }

    .home-choice-icon {
        transform: translate(-50%, -161px);

    }
}

@media screen and (max-width:990px) {
    .home-choice-item {
        width: 48%;
    }

    .home-choice-item img {
        height: 520px;
    }

    .home-choice-icon {
        transform: translate(-50%, -72px);
    }

    .home-choice-bottom .container {
        padding: 40px 0;
    }
}

@media screen and (max-width:768px) {
    
    .home-choice .flex-sb {
        flex-direction: column-reverse;
    }

    .home-choice .display-flex {
        margin-bottom: 10px;
    }

    .home-choice-item {
        width: 100%;
        margin-top: 30px !important;
    }

    .home-choice-item:first-child {
        margin-top: 240px !important;
    }

    .home-choice-bottom .container {
        padding: 80px 0;
    }

    .home-choice-icon {
        transform: translate(-50%, -152px);
        width: 80px;
        height: 80px;
    }

    .home-choice-item:last-child:before,
    .home-choice-item:last-child:after {
        bottom: -150%;
        z-index: 0;
    }

    .home-choice-bottom .flex-sb{
        flex-direction: row;
        align-items: center;
    }
}

@media screen and (max-width:468px) {
     .home-choice-item:last-child:before,
    .home-choice-item:last-child:after {
        bottom: -123%;
    }
}

/*--------------------home-email item---------------------------*/

.home-email {
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.home-email::before {
    content: '';
    position: absolute;
    opacity: .1;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background: url(../img/17f2b8fb35bfe7b93c254ca01812b622f8378103.jpg) no-repeat center center / cover;
    z-index: -1;
}

.home-email form {
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.home-email input {
    width: 420px;
    background-color: rgba(35, 47, 58, 1);
    border: 2px solid rgba(35, 47, 58, 1) ;
}

.home-email input::placeholder {
    color: #616D78;
    /* رنگ دلخواه */
}

.home-email form p {
    color: #565D63;
    padding: 26px 20px 0;
    line-height: 5px;
    margin-top: 0;
}

.home-email button {
    background-color: var(--main-color);
}

.home-email .scroll {
    margin-top: 50px;
    justify-content: end;
}

@media screen and (max-width:990px) {
    .home-email .title3 {
        margin: 30px 0;
    }
}

@media screen and (max-width:768px) {

    .home-email form {
        flex-direction: column;
    }

    .home-email input,
    .home-email form button,
    .home-email form .flex-column {
        width: 100%;
    }

    .home-email form button {
        margin-top: 30px;
    }
}

@media screen and (max-width:768px) {
    .home-email form p {
        font-size: 17px;
    }
}

/*-----------------------------startup pages----------------------------*/

.startup-img {
    position: relative;
}

.startup-img::after {
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(18, 28, 37, .3);
    position: absolute;
}

.svg-line1 {
    right: 80px;
    position: absolute;
    top: 60px;
}

.startup-group1 {
    position: absolute;
    top: -30px;
    right: 63px;
    z-index: 3;
}

.svg-line2 {
    left: 100px;
    position: absolute;
    top: 40px;
}

.startup-group2 {
    position: absolute;
    top: -23px;
    left: 74px;
    z-index: 3;
}

/*-----------------------------startup page   /   startup-smart----------------------*/

.startup-smart {
    width: 100%;
    height: 734px;
    background: url(../img/c7c2670df466106e246adbe38883b0595f115012.jpg)no-repeat center center / cover;
    position: relative;
    display: flex;
    justify-content: center;
}

.startup-smart::after {
    content: '';
    top: 0;
    height: 40%;
    position: absolute;
    background-color: rgba(18, 28, 37, 0.46);
    z-index: 1;
    width: 100%;
}

.startup-smart .container {
    position: absolute;
    z-index: 2;
    padding: 0;
    transform: translateY(21%);
}

/*-----------------------------corporates page   /   corporates-eco----------------------*/

.corporates-eco {
    background-color: var(--bg-color14);
}

/* .corporates-eco .startup-item img{
    height: 100%;
} */

/*-----------------------------corporates page   /   corporates-value----------------------*/

.corporates-value {
    width: 100%;
    background-color: var(--bg-color8);
}

/*-----------------------------career page   /   career-team----------------------*/
.career-team {
    width: 100%;
    background-color: var(--bg-color8);
    position: relative;
}

.career-team-circles {
    margin-top: 300px;
}

.career-team-circle {
    position: absolute;
    width: 270px;
    height: 270px;
    background-color: var(--bg-color15);
    justify-content: space-between;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    padding: 50px 0;
}

.career-team-circle1 {
    width: 176px;
    height: 176px;
    border-radius: 50%;
    background: url(../img/6dbaf6da5788d09abf5dfe28256fee0329f110e1.png)no-repeat center top/cover;
}


.career-team-circle2 {
    width: 122px;
    height: 122px;
    border-radius: 50%;
    background: url(../img/5cd31db6e073aca02833153da5ca7297d5544454.png)no-repeat center top/cover;
}

.career-team-circle3 {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: url(../img/e5518f417b00a4f3539d7894d131878e5eb98fd4.png)no-repeat center top/cover;
}

.team-circle5 {
    background: url(../img/a8ac7ddcc8b553903b6ecb80c557a637315d7f7e.png)no-repeat center top/cover;
}