h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0.01em;
}

h3 {
    font-family: "CalSans-SemiBold";
    font-size: 30px;
    line-height: 36px;
}

.video_banner.common_banner {
    .banner-content {
        top: 33%;

        h1 {
            line-height: 70px;
            margin: 0 0px 4rem;
        }
    }
}

.accelerate_cloud_section {
    h2 {
        line-height: 58px;
        background: linear-gradient(90deg, #CEF8FF 0%, #00D9FF 101.09%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        font-size: 47px;
    }

    h3 {
        font-size: 28px;
        margin: 20px 0px 27px;
    }

    p {
        font-size: 16px;
        line-height: 24px;
        color: #FFFFFF;
    }
}

.empower_section {
    p {
        margin: 22px 0px 38px;
    }
}

.migration_factory_section {
    background: url(../../../darkTheme_Assets/images/cloud_transformation/migration_factory.svg);
    background-size: 50% 100%, cover;
    background-repeat: no-repeat;
    height: 600px;

    .migration_factory_left {
        padding: 40px 35px 0px 130px;

        p {
            font-family: "Geist-SemiBold";
            margin-top: 23px;
            line-height: 24px;
        }
    }

    .migration_factory_right {
        padding-left: 48px;

        h3,
        h6 {
            font-family: "CalSans-SemiBold";
            color: var(--primary-13);
            font-size: 30px;
            line-height: 36px;
            margin-bottom: 12px;
        }

        h5 {
            font-size: 20px;
            line-height: 24px;
            font-family: "Geist-Bold";
            margin: 32px 0px 25px;
        }

        .key_phases {
            margin-bottom: 24px;

            h6 {
                font-size: 20px;
                line-height: 24px;
                margin-bottom: 5px;
            }
        }
    }
}

.key_phases_section {
    h2 {
        margin-bottom: 80px;
    }

    .key_phases_row {
        margin-bottom: 95px;

        &:last-child {
            margin-bottom: 0px;
        }
    }

    .key_phases_desc {
        h3 {
            margin-bottom: 24px;
        }
    }

    .left_sec {
        padding-right: 100px;
    }

    .right_sec {
        padding-left: 100px;
    }
}

.partner_section {
    background: url(../../../darkTheme_Assets/images/cloud_transformation/partner_bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 550px;
    display: flex;
    align-items: center;

    h3 {
        line-height: 40px;
    }

    .btn_sec {
        margin-top: 50px;
        text-align: center;

        .get_started_btn {
            display: inline-block;
            line-height: 55px;
            text-align: center !important;
            border-radius: 30px !important;
            background: var(--primary-13) !important;
            font-family: "Geist-SemiBold";
            border: 1px solid var(--primary-13) !important;

            &:hover {
                background: var(--primary-13) !important;
                border: 1px solid var(--primary-13) !important;
            }
        }
    }
}
@media only screen and (max-width:767px){
.accelerate_cloud_section {
    h2 {
        line-height: 34px;
        font-size: 24px;
    }
        h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .accelerate_cloud_left_sec{
        margin-top:30px;
    }

}
.migration_factory_section {
    height: auto;
    background:none;
        .migration_factory_left {
        padding:0px;
    }
    .migration_factory_right {
        padding-left:0px;
    }
}
    .common_section {
    padding:3rem 0rem
   }
   .key_phases_section {
     .key_phases_row {
            text-align: center;
            margin-bottom: 70px;
      }
    .key_phases_desc {
        h3 {
            margin-bottom: 15px;
            font-size: 21px;
            line-height: 24px;
        }
    }
    .left_sec {
        padding-right: 0px;
        img{
               max-width: 85%;
                margin-top: 2rem;
        }
    }
    .right_sec {
        padding-left: 0px;
    }

}
.partner_section {
    min-height: auto;
    background: none;
    h3 {
        line-height: 25px;
        font-size: 20px;
    }
}
}
@media only screen and (min-width:768px) and (max-width: 991px) {
.accelerate_cloud_section {
    h2 {
        line-height: 40px;
        font-size: 28px;
    }
        h3 {
        font-size: 24px;
        margin: 15px 0px 15px;
    }
    .accelerate_cloud_left_sec{
        margin-top:2rem;
        img{
            max-width:65%;
        }
    }
}
.migration_factory_section {
    height: auto;
    background:none;
        .migration_factory_left {
        padding:0px;
    }
    .migration_factory_right {
        padding-left:0px;
    }
}
   .key_phases_section {
    .key_phases_desc {
        h3 {
            margin-bottom: 15px;
            font-size: 21px;
            line-height: 24px;
        }
    }
    .right_sec {
        padding-left: 0px;
    }
        .left_sec {
        padding-right: 0;
    }

}
.partner_section {
    background-size: 100% 100%;
    min-height: auto;
        h3 {
        line-height: 30px;
        font-size: 20px;
    }
    .btn_sec {
        margin-top: 25px;
    }
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .migration_factory_section {
    .migration_factory_left {
        padding: 110px 5px 0px 245px;
        p {
            margin-top: 15px;
            line-height: 21px;
            font-size: 14px;
        }
            h2 {
        font-size: 20px;
    }
}
}
.partner_section {
    min-height: auto;
        h3 {
        line-height: 30px;
        font-size: 22px;
    }
        .btn_sec {
        margin-top: 25px;
        text-align: center;
    }
}
}

@media only screen and (min-width: 1440px) and (max-width: 1600px) {
    .migration_factory_section {
        .migration_factory_left {
            padding-top: 40px;
        }
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
    .migration_factory_section {
        background-size: 50% 545px, cover;
        background-repeat: no-repeat;
        height: 545px;
        .migration_factory_left {
            padding: 30px 35px 0px 250px;
            h2{
                font-size:30px;
            }
            p {
                font-size: 15px;
            }
        }
        .migration_factory_right {
            h5 {
                margin: 10px 0px 15px;
            }
            .key_phases {
                margin-bottom: 20px;
            }
        }
    }
}