.inner-wrapper-padding {
    padding: 0 80px
}

.about-timeline {
    padding: 0
}

.timeline-box h6 {
    font-size: 55px;
    line-height: 0;
    color: #d21e1e;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    background-color: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: auto;
    padding: 0 10px;
    margin-top: 0;
    transform: translate(0, -50%)
}

.timeline-box p {
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 26px;
    font-family: 'Inter', sans-serif
}

.timeline-box p:last-of-type {
    margin-bottom: 15px
}

.start-point h4 {
    font-size: 17px;
    line-height: 23px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #d21e1e;
    border-radius: 16px;
    display: block;
    width: auto;
    text-align: center;
    padding: 5px 25px;
    position: relative;
    margin-bottom: 45px;
    font-family: 'Inter', sans-serif
}

.black-dot {
    width: 21px;
    height: 21px;
    background-color: #000;
    border-radius: 50%;
    display: block;
    margin: 0 auto 62px;
    z-index: 1
}

.start-point {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.start-point:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 0;
    background-color: #aaa;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    border-left: 1px solid #aaa
}

.timeline-row .horizontal-line {
    border-top: 2px solid #0f2d09;
    width: calc(100% - 150px);
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, 0%)
}

.timeline-row .verticle-line {
    margin: 0;
    padding: 0;
    width: 2px;
    border-right: 2px solid #0f2d09;
    height: calc(100% - 150px);
    position: absolute;
    top: 0;
    right: 0;
    margin: auto 0;
    bottom: 0
}

.timeline-row:nth-child(2n+2) .verticle-line {
    left: 0;
    right: inherit
}

.corner {
    position: absolute;
    border-right: 2px solid #0f2d09;
    width: 76px;
    height: 76px;
    right: 0;
    border-top: 2px solid #0f2d09;
    top: 74.9px;
    border-radius: 0 70px 0 0;
    top: 0
}

.timeline-row:nth-child(2n+2) .corner {
    right: inherit;
    left: 0;
    border-left: 2px solid #0f2d09;
    border-right: 0;
    border-radius: 70px 0 0 0
}

.corner.bottom {
    bottom: -76px;
    top: inherit;
    border-radius: 0;
    border-top: 0;
    border-bottom: 2px solid #0f2d09;
    border-radius: 0 0 70px 0;
    right: 0;
    z-index: 1;
    bottom: -1px
}

.timeline-row:nth-child(2n+2) .corner {
    right: inherit;
    left: 0;
    border-left: 2px solid #0f2d09;
    border-right: 0;
    border-radius: 70px 0 0 0
}

.timeline-row:nth-child(2n+2) .corner.bottom {
    border-radius: 0 0 0 70px
}

.timeline-row {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-bottom: 0;
    position: relative
}

.timeline-row:nth-child(2n+2) {
    justify-content: space-around;
    text-align: right;
    padding: 0 2%
}

.timeline-row:nth-child(2n+2) {
    flex-direction: row-reverse
}

.timeline-box {
    max-width: 250px;
    margin-right: 25px;
    position: relative
}

.timeline-main {
    margin-top: 75px
}

.timeline-row:first-child {
    margin: 0 0 0 auto;
    max-width: 50%;
    justify-content: space-between
}

.corner.bl {
    bottom: 0;
    left: 0;
    border-left: 2px solid #0f2d09;
    border-bottom: 2px solid #0f2d09;
    border-radius: 0 0 0 100%;
    border-right: none;
    border-top: none;
    height: 76px;
    width: 76px
}

.start-point .corner.bl {
    left: 50%;
    bottom: 0;
    transform: translateY(100%);
    top: unset
}

.timeline-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 27.5px;
    height: 1px;
    width: 100%
}

.timeline-box-wrap {
    padding: 45px 0 0;
    position: relative;
    background: #fff;
    padding: 0;
    margin-bottom: 90px
}

.timeline-row:first-child::after {
    left: -54px;
    width: 97%;
    transform: none
}

.timeline-content {
    padding: 10px 10px 0
}

.timeline-content-txt {
    padding: 10px 0 0
}

.timeline-box.img-left .timeline-content,
.timeline-box.img-right .timeline-content {
    display: flex;
    align-items: flex-start
}

.timeline-box.img-right .timeline-content img {
    margin-left: 18px
}

.timeline-box.img-left .timeline-content img {
    margin-right: 18px
}

.timeline-box.img-left .timeline-content {
    flex-direction: row-reverse
}

.timeline-row:first-child .timeline-box:first-child img {
    filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
    -webkit-filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
    display: block;
    margin: 0
}

.timeline-box-wrap .timeline-content img {
    filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
    -webkit-filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
    z-index: 2;
    position: relative
}

.timeline-row:last-child .corner.bottom {
    display: none
}

.timeline-row:nth-child(2n+1) .timeline-box:last-child .timeline-box-wrap {
    text-align: center
}

.start-point.end-point:before {
    display: none
}

.start-point.end-point {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(50%)
}

.timeline-row:nth-child(2n+2) .start-point.end-point {
    left: 0;
    transform: translateX(-50%);
    right: unset
}

.timeline-box.img-right .timeline-content-txt {
    text-align: right
}

.timeline-box.img-left .timeline-content-txt {
    text-align: left
}

.timeline-box.img-left,
.timeline-box.img-right {
    text-align: center
}

.timeline-row:first-child .timeline-box::after {
    left: auto;
    right: 0;
    -webkit-transform: translate(100%, -50%) rotate(0deg);
    transform: translate(100%, -50%) rotate(0deg)
}

.timeline-row:first-child .timeline-box:first-child {
    width: 46%
}

.timeline-row .timeline-box:nth-child(3)::after {
    display: none
}

.timeline-row:last-child .verticle-line::after {
    display: none
}

.timeline-row:first-child .timeline-box:nth-child(2)::after {
    display: none
}

.timeline-content-img .timeline-content {
    position: relative
}

@media screen and (max-width: 1800px) {
    .timeline-box {
        max-width: 460px
    }

    .timeline-box.img-left .timeline-content img,
    .timeline-box.img-right .timeline-content img {
        max-width: 220px;
        max-height: 230px
    }

    .timeline-box-wrap .timeline-content img {
        max-width: 100%
    }
}

@media screen and (max-width: 1600px) {
    .timeline-row:first-child .timeline-box:first-child {
        width: 38%
    }

    .timeline-box {
        max-width: 380px
    }

    .timeline-box.img-left .timeline-content img,
    .timeline-box.img-right .timeline-content img {
        max-width: 180px;
        max-height: 190px
    }

    .timeline-box h6 {
        font-size: 50px
    }

    .about-timeline {
        padding: 0px 0 100px
    }

    .timeline-box p {
        font-size: 16px
    }
}

@media screen and (max-width: 1440px) {
    .about-timeline {
        padding: 0px;
    }

    .start-point h4 {
        font-size: 15px;
        letter-spacing: 0
    }

    .timeline-box h6 {
        font-size: 40px
    }

    .timeline-row:first-child .timeline-box:first-child {
        width: 45%
    }

    .timeline-box p {
        font-size: 15px;
        line-height: 1.4
    }

    .timeline-box {
        max-width: 300px
    }

    .timeline-box.img-left .timeline-content img,
    .timeline-box.img-right .timeline-content img {
        max-width: 140px;
        max-height: 200px
    }

    .timeline-box-wrap .timeline-content img {
        max-width: 100%
    }

    .timeline-row:first-child .timeline-box:nth-child(2) {
        width: 150px
    }
}

@media screen and (max-width: 1199px) {
    .about-timeline {
        padding: 0px;
    }

    .timeline-box h6 {
        font-size: 34px
    }

    .timeline-box {
        max-width: 240px
    }

    .timeline-row:first-child {
        padding: 0 0 0 60px
    }

    .timeline-row:first-child .timeline-box:first-child {
        width: 42%
    }

    .timeline-box.img-left .timeline-content,
    .timeline-box.img-right .timeline-content {
        flex-wrap: wrap
    }

    .timeline-box.img-left .timeline-content img,
    .timeline-box.img-right .timeline-content img {
        max-width: 180px;
        max-height: 200px
    }

    .top-timeline-arrow.timeline-content-img .timeline-content::after {
        right: 0
    }

    .img-right.timeline-content-img .timeline-content::after {
        top: -20px;
        right: -45px
    }

    .timeline-box.img-right .timeline-content-txt {
        width: 90%
    }
}

@media screen and (max-width: 1024px) {
    .corner {
        display: none
    }

    .timeline-row .horizontal-line {
        display: none
    }

    .timeline-row:first-child {
        max-width: 100%;
        padding: 0
    }

    .timeline-main {
        margin-top: 0
    }

    .timeline-row .verticle-line {
        right: 50%;
        transform: translate(50%, 0);
        height: calc(100% - 0px)
    }

    .timeline-row:nth-child(2n+2) .verticle-line {
        left: auto;
        right: 50%
    }

    .verticle-line::after {
        display: none
    }

    .timeline-row .timeline-box {
        width: 100%;
        max-width: 100%;
        margin: 0
    }

    .timeline-row:first-child .timeline-box:first-child {
        width: 100%;
        margin: 0
    }

    .timeline-row:first-child .timeline-box:nth-child(2) {
        width: 100%
    }

    .timeline-box p br {
        display: none
    }

    .timeline-box h6 {
        transform: translate(0, -0%);
        padding: 0
    }

    .timeline-content {
        padding: 0
    }

    .timeline-box.img-right .timeline-content-txt {
        width: 100%
    }

    .start-point.end-point {
        right: 50%
    }

    .start-point h4 {
        margin-bottom: 0
    }

    .about-timeline {
        padding: 0px;
    }

    .timeline-box::after {
        -webkit-transform: translate(-100%, 100%) rotate(180deg);
        transform: translate(-100%, 100%) rotate(180deg);
        right: 50%;
        top: 20px;
        left: 50%
    }

    .timeline-box-wrap {
        width: 50%;
        text-align: right;
        padding: 0 30px 0 0;
        margin: 40px 0 0
    }

    .timeline-row .timeline-box img {
        margin: 0 0 0 auto
    }

    .timeline-row:first-child .timeline-box:nth-child(2)::after {
        display: block
    }

    .timeline-row:first-child .timeline-box:first-child img {
        margin: 0 0 0 auto
    }

    .timeline-box.img-left .timeline-content img,
    .timeline-box.img-right .timeline-content img {
        margin: 0 0 0 auto
    }

    .timeline-row .timeline-box:nth-child(2n) .timeline-box-wrap {
        margin: 40px 0 0 auto;
        padding: 0 0 0 30px;
        text-align: left
    }

    .timeline-row:nth-child(2n+1) .timeline-box::after {
        left: auto;
        right: 50%;
        -webkit-transform: translate(0%, 100%) rotate(180deg);
        transform: translate(0%, 100%) rotate(180deg);
        top: 20px
    }

    .timeline-row .timeline-box:nth-child(2n)::after {
        transform: translate(100%, 100%) rotate(0deg);
        -webkit-transform: translate(100%, 100%) rotate(0deg);
        right: 50%;
        left: auto
    }

    .timeline-row .timeline-box:nth-child(3)::after {
        display: block
    }

    .timeline-box.img-left .timeline-content-txt {
        text-align: right
    }

    .timeline-row:last-child {
        padding-bottom: 70px
    }
}

@media screen and (max-width: 640px) {
    .about-timeline {
        padding: 0px;
    }

    .timeline-box h6 {
        font-size: 27px
    }

    .timeline-box p {
        font-size: 14px;
        line-height: 1.4
    }

    .timeline-box-wrap {
        margin: 30px 0 0
    }

    .timeline-row .timeline-box:nth-child(2n) .timeline-box-wrap {
        margin: 30px 0 0 auto
    }

    .timeline-box::after,
    .timeline-row:nth-child(2n+1) .timeline-box::after {
        top: 6px
    }

    .timeline-box-wrap .timeline-content img {
        max-width: 100%
    }

    .timeline-box.img-left .timeline-content img,
    .timeline-box.img-right .timeline-content img {
        max-width: 100%;
        max-height: unset
    }
}

.cv {
    display: inline-block;
    width: 30px;
    height: 30px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none'%3E%3Cpath fill='%23000' d='M6.5 12.5a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1zm0 2.5a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11.185 1H4.5A1.5 1.5 0 0 0 3 2.5v15A1.5 1.5 0 0 0 4.5 19h11a1.5 1.5 0 0 0 1.5-1.5V7.202a1.5 1.5 0 0 0-.395-1.014l-4.314-4.702A1.5 1.5 0 0 0 11.185 1M4 2.5a.5.5 0 0 1 .5-.5h6.685a.5.5 0 0 1 .369.162l4.314 4.702a.5.5 0 0 1 .132.338V17.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5z' clip-rule='evenodd'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M11.5 2.1v4.7h4.7'/%3E%3Cpath fill='%23000' d='M8.134 6.133a1.067 1.067 0 1 0 0-2.133a1.067 1.067 0 0 0 0 2.133'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M10.266 8.444c0-1.134-.955-1.955-2.133-1.955S6 7.309 6 8.444v.534a.356.356 0 0 0 .356.355h3.555a.356.356 0 0 0 .355-.355z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.star-outline {
    display: inline-block;
    width: 30px;
    height: 30px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M11.083 5.104c.35-.8 1.485-.8 1.834 0l1.752 4.022a1 1 0 0 0 .84.597l4.463.342c.9.069 1.255 1.2.556 1.771l-3.33 2.723a1 1 0 0 0-.337 1.016l1.03 4.119c.214.858-.71 1.552-1.474 1.106l-3.913-2.281a1 1 0 0 0-1.008 0L7.583 20.8c-.764.446-1.688-.248-1.474-1.106l1.03-4.119A1 1 0 0 0 6.8 14.56l-3.33-2.723c-.698-.571-.342-1.702.557-1.771l4.462-.342a1 1 0 0 0 .84-.597z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.meeting-outline {
    display: inline-block;
    width: 35px;
    height: 35px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M13.2 21s.816-.11 2-.426c3.122-.833 8.8-3.094 8.8-8.532A6.04 6.04 0 0 0 17.958 6h-5.916a6.042 6.042 0 1 0 0 12.083H13.2zm2-4.917h-3.158a4.042 4.042 0 1 1 0-8.083h5.916A4.04 4.04 0 0 1 22 12.042c0 2.583-1.808 4.303-4.269 5.49a17 17 0 0 1-2.531.965zM14.5 32c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4m2-4a1.999 1.999 0 1 1-4 0a1.999 1.999 0 1 1 4 0M6 38.267C6 35.429 11.663 34 14.5 34s8.5 1.43 8.5 4.267V42H6zM8 40v-1.733c0-.01 0-.03.026-.08c.032-.062.105-.171.263-.317c.329-.305.88-.638 1.643-.945c1.53-.615 3.4-.925 4.568-.925s3.039.31 4.568.925c.762.307 1.314.64 1.643.945c.158.146.231.255.263.316c.026.05.026.072.026.08V40zm29.5-12c0 2.21-1.79 4-4 4s-4-1.79-4-4s1.79-4 4-4s4 1.79 4 4m-4 2a1.999 1.999 0 1 0 0-4a1.999 1.999 0 1 0 0 4M25 38.267C25 35.429 30.663 34 33.5 34s8.5 1.43 8.5 4.267V42H25zM27 40v-1.733c0-.01 0-.03.026-.08c.032-.062.105-.171.262-.317c.33-.305.882-.638 1.644-.945c1.53-.615 3.4-.925 4.568-.925s3.039.31 4.568.925c.762.307 1.314.64 1.644.945c.157.146.23.255.262.316c.026.05.026.072.026.08V40zm6.6-18.494c1.17.368 2 .494 2 .494v-2.917h.358a6.042 6.042 0 1 0 0-12.083h-3.916A6.04 6.04 0 0 0 26 13.042c0 5.296 4.787 7.58 7.6 8.464m2.358-4.423H33.6v2.313a13.5 13.5 0 0 1-1.846-.82C29.67 17.445 28 15.748 28 13.041A4.04 4.04 0 0 1 32.042 9h3.916a4.042 4.042 0 1 1 0 8.083' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.mail-unpacking {
    display: inline-block;
    width: 30px;
    height: 30px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cmask id='ipTMailUnpacking0'%3E%3Cg fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M44 18v21.818C44 41.023 43.105 42 42 42H6c-1.105 0-2-.977-2-2.182V18l20 16z'/%3E%3Cpath stroke-linecap='round' d='M4 17.784L24 4l20 13.784'/%3E%3Cpath fill='%23555555' d='M34 18H14v8l10 8l10-8z'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cpath fill='%23000' d='M0 0h48v48H0z' mask='url(%23ipTMailUnpacking0)'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.bg-greens {
    background: #0f2d09
}