@import url('https://fonts.cdnfonts.com/css/thunderbold-demo');

.top-container {
    background-color: #eee;
    padding: 70px 119px 10px 119px;
}

.ip-image-container {

    overflow: hidden;
}

/*overflowing of images hidden*/


.top-container-image {
    width: 411px;
    height: 95px;
    image-rendering: auto;
}

.top-container-t1 {
    font-size: 49px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1.4em;
    color: rgb(51, 51, 51);
}



#logo-text-sub {
    position: absolute;
    margin-top: 28px;
    margin-left: 85px;
    font-size: 18px;
    letter-spacing: 0.2px;
}


.top-container-t2 {
    font-size: 50px;
    font-weight: 600;
    letter-spacing: -1.2px;
    line-height: 1.1em;
    color: rgb(0, 17, 34);
}

.top-container-t3 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 1.5em;
    color: black;
}

.ipartner-images {
    position: relative;
    image-rendering: auto;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
    max-width: 634px;
    max-height: 380px;
}

.content-heading-one {
    font-size: 50px;
    font-weight: 600;
    letter-spacing: -1.2px;
}

.content-heading-two {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 1.5em;
}

#button-get-start {
    background-color: #222;
    padding: 15px;
    font-weight: 700;
    border-radius: 8px;
    box-shadow: 0 .7065919983928324px .7065919983928324px -.625px #00000026, 0 1.8065619053231785px 1.8065619053231785px -1.25px #00000025, 0 3.6217592146567767px 3.6217592146567767px -1.875px #00000023, 0 6.8655999097303715px 6.8655999097303715px -2.5px #00000020, 0 13.646761411524492px 13.646761411524492px -3.125px #0000001b, 0 30px 30px -3.75px #0000000d;
}

#button-learn-more {
    background-color: rgb(238, 238, 238);
    padding: 15px;
    font-weight: 700;
    border: transparent;
    border-radius: 8px;
    box-shadow: 0 .7065919983928324px .7065919983928324px -.625px #00000026, 0 1.8065619053231785px 1.8065619053231785px -1.25px #00000025, 0 3.6217592146567767px 3.6217592146567767px -1.875px #00000023, 0 6.8655999097303715px 6.8655999097303715px -2.5px #00000020, 0 13.646761411524492px 13.646761411524492px -3.125px #0000001b, 0 30px 30px -3.75px #0000000d;
}

#button-book-demo {
    background-color: black;
    padding: 12px;
    font-weight: 700;
    border-radius: 8px;
    transition: transform 0.3s ease-in-out;
    box-shadow: .7065919983928324px .7065919983928324px -.625px #00000026, 0 1.8065619053231785px 1.8065619053231785px -1.25px #00000025, 0 3.6217592146567767px 3.6217592146567767px -1.875px #00000023, 0 6.8655999097303715px 6.8655999097303715px -2.5px #00000020, 0 13.646761411524492px 13.646761411524492px -3.125px #0000001b, 0 30px 30px -3.75px #0000000d
}

#button-book-demo:hover {
    transform: scale(1.1);
}





@media (max-width: 810px) {
    .top-container {
        padding: 10px 0 10px 0;
    }

    .top-container-image-container {
        padding-top: 1rem;
    }

    .top-container-image {
        width: 275px;
        height: 63px;
    }

    /* .top-container-t1 {
        font-size: 36px;
    } */

    .top-container-t2 {
        font-size: 22px;
    }

    .top-container-t3 {
        font-size: 18px;
    }

    .ipartner-images {
        max-width: 301.5;
        max-height: 183px;
    }

    .content-heading-one {
        font-size: 24px;
        letter-spacing: 0px;
    }

    .content-heading-two {
        font-size: 14px;
        font-weight: 500;
    }

    .blue-circle-1-0{
        padding: 20px;
    }
}


.chart-box {
    border: 1px solid #ddd;
    padding: 15px;
    margin: 10px auto;
    text-align: center;
    background-color: #f8f9fa;
    font-size: 1rem;
}

.chart-box h5 {
    font-size: 1.25rem;
}

.connector {
    height: 20px;
    width: 2px;
    background-color: #ddd;
    margin: 0 auto;
}

.horizontal-connector {
    height: 2px;
    width: 100%;
    background-color: #ddd;
    margin-bottom: 20px;
}

.vertical-connector-wrapper {
    display: flex;
    justify-content: center;
}

.vertical-connector-line {
    height: 20px;
    width: 2px;
    background-color: #ddd;
}

.level-2 .chart-box {
    max-width: 200px;
}

.level-3 .chart-box {
    max-width: 150px;
}


/* etc */
.key_benits {
    padding-left: 0px;
}

.key_b_t1 {
    padding-left: 40px;
}

.key_b_t {
    font-size: 20pt;
}

.key_b_line{
    padding-bottom: 1rem;
}

.key_b_line2{
    padding-bottom: 0.5rem;
}



@media screen and (min-width: 768px) and (max-width: 991px) {
    .level-2 .chart-box {
        max-width: 100px;
        
    }

    .chart-box{
        font-size: 0.5rem;
    }

    .chart-box h5 {
        font-size: 0.75rem;
    }

    /* Key Benefits Related*/
    .key_b_t{
        font-size: 10pt;
    }

    .key_b_line{
        padding-bottom: 0.5rem;
    }
    
    .key_b_line2{
        padding-bottom: 0.25rem;
    }
    
  }

@media screen and (min-width: 992px) and (max-width: 1265px) {
    .key_b_t{
        font-size: 15pt;
    }

    .key_b_line{
        padding-bottom: 0.5rem;
    }
    
    .key_b_line2{
        padding-bottom: 0.25rem;
    }
}


@media (max-width:766px) {
    .key_b_t1 {
        text-align: center;
        padding-left: 0px;
    }

    .key_benits {
        padding-left: 0px;
    }
}


/* /* Default styling for the image */
.image-container {
    overflow: hidden;
}

#zoom-image {
    width: 100%;
    max-width: 100%;
    height: auto;
}

@media (max-width: 500px) {

    /* Adjust animation for smaller screens if necessary */
    #zoom-image {
        animation: zoom-smaller 30s infinite linear;
    }

    /* Keyframes for smaller screens */
    @keyframes zoom-smaller {
        0% {
            transform: scale(2);
        }

        25% {
            transform: scale(2) translateX(20%);
        }


        35% {
            transform: scale(2) translateX(30%);
        }

        45% {
            transform: scale(2) translateX(0%);
        }

        55% {
            transform: scale(2) translateY(30%);
        }

        65% {
            transform: scale(2) translateX(-30%);
        }

        75% {
            transform: scale(2) translateY(-20%);
        }

        80% {
            transform: scale(2) translateX(0%);
        }

        90% {
            transform: scale(2) translateX(30%);
        }

        100% {
            transform: scale(1.2) translateX(0%);
        }
    }
}


.who_us{
    padding-left: 1rem;
    padding-right: 1rem;
}


@media (min-width:770px){
    .table_check{
        max-width: 1290px;
    }

    .table_check_main{
        display: flex;
        justify-content: center;
    }
}