body,
    html {
        margin: 0;
        padding: 0;
        width: 100%;
/*         overflow-x: hidden; */
        /* Prevents horizontal scrolling */
    }

    * {
        box-sizing: border-box;
        /* Includes padding and border in element's width */
    }
/* New- Custom Mega Menu Start */

 #mega-testimonial-slider{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s 
ease;
    width: 101%;
}
.testimonial-slide {
    padding: 26px;
}
.ops-chosse-content {
    padding-top: 20px;
    text-align: left !important;
}
.ops-do-icon-content .ops-icon-box .ops-icon-box-img .ops-img-with-hover, .ops-choose-content-bx .ops-icon-box .ops-icon-box-img .ops-img-with-hover, .ops-serve-industry-insight .ops-icon-box-img .ops-img-with-hover{
    display: none;
}

.ops-do-icon-content .ops-icon-box a:hover .ops-img-with-hover, .ops-choose-content-bx .ops-icon-box a:hover .ops-img-with-hover, .ops-serve-industry-insight .ops-icon-box a:hover .ops-img-with-hover{
    display: block !important;
}
.ops-do-icon-content .ops-icon-box a:hover .ops-img-without-hover, .ops-choose-content-bx .ops-icon-box a:hover .ops-img-without-hover, .ops-serve-industry-insight .ops-icon-box a:hover .ops-img-without-hover{
    display: none !important;
}
.ops-do-icon-content .ops-icon-box a:hover h3, .ops-choose-content-bx .ops-icon-box a:hover h3, .ops-serve-industry-insight .ops-icon-box a:hover h3{
    background: var(--OpScalers, linear-gradient(100deg, #148BED 0%, #05C009 66.01%));
    background-clip: text;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}




.ops-choose-why-sec .row {
    align-items: center;
}
section.ops-mega-wrapper {
    position: fixed !important;
    left: 0 !important;
    background: #ffffffe6;
    overflow-y: auto;
    z-index: 9999;
    padding: 20px;
    margin: 31px 0 0 0 !important;
    max-width: none !important;
    width: 100% !important;
    height: 100vh !important;
    padding-top: 50px !important;
}

section.ops-mega-wrapper .ops-mega-row .ops-icon-box a {
    display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 4px;
    margin-top: 1px;
    text-decoration: none !important;
}

section.ops-mega-wrapper .ops-mega-row .ops-icon-box .ops-icon-box-img {
    width: 7.233333%;
    padding: 4px 8px;
}

section.ops-mega-wrapper .ops-mega-row .ops-icon-box .ops-icon-box-img img {
    width: 100%;
}

section.ops-mega-wrapper .ops-what-do-col .ops-mega-field.ops-image img {
    width: 91%;
    padding: 0 20px 0 0px;
}

section.ops-mega-wrapper .ops-mega-row .ops-icon-box .ops-icon-box-content {
    width: 91.66666667%;
    padding-left: 4px;
}

section.ops-mega-wrapper .ops-mega-row.ops-do-icon-content .ops-icon-box-content h3 {
    font-size: 15px;
    color: #494949;
    font-weight: 600;
    margin: 0 0 1px 0;
    font-family: "Roboto", Sans-serif;
}

section.ops-mega-wrapper .ops-mega-row .ops-icon-box .ops-icon-box-content p {
    font-size: 12px;
    font-weight: 400;
    color: #494949;
    margin: 0 0 0px 0;
}

section.ops-mega-wrapper .ops-mega-row .ops-icon-box .ops-icon-box-content a {
    display: none;
}

section.ops-mega-wrapper .ops-mega-content .close-button {
    position: absolute;
    top: 11px;
    right: 35px;
    font-size: 17px;
    font-weight: 500;
    padding: 0;
    border: none;
    color: #ffffff;
    cursor: pointer;
    z-index: 1000;
    border-radius: 100px;
    background: #494949;
    line-height: 21px;
    height: 23px;
    width: 23px;
}
section.ops-mega-wrapper .ops-mega-bg img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    aspect-ratio: 19 / 9;
}
section.ops-mega-wrapper .ops-mega-content .ops-header h2 {
    background: var(--OpScalers, linear-gradient(100deg, #148BED 39%, #05C009 66.01%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 32px;
    font-weight: 600;
    width: 53%;
    margin: -7px auto 12px;
    border-bottom: 2px solid #54595f;
    padding-bottom: 13px;
}

/* Who We Serve Styling */

.ops-serve-mega .ops-mega-content {
    padding: 0px 2px 0 40px;
	width: 97% !important;
}
section.ops-mega-wrapper .ops-mega-content {
    width: 97% !important;
}
.ops-serve-mega .ops-mega-content .ops-mega-row .ops-icon-box .ops-icon-box-img {
    width: 16%;
    padding: 0px 8px;
}

.ops-serve-mega .ops-mega-content .ops-mega-row .ops-icon-box .ops-icon-box-content {
    width: 83.666667%;
    padding-left: 4px;
}

.ops-serve-mega .ops-mega-content .ops-mega-row .ops-icon-box .ops-icon-box-content p {
    font-size: 11px;
    font-weight: 400;
    color: #494949;
}

.ops-serve-mega .ops-mega-content .ops-mega-row .ops-icon-box .ops-icon-box-content h3 {
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    color: #656567;
    margin: 0 !important;
}

.ops-serve-mega .ops-mega-col.col-5 {
    padding: 0;
}

.ops-serve-mega .ops-mega-col .ops-serve-col2-box {
    column-count: 2;
    column-gap: 10px;
}

.ops-serve-mega .ops-mega-col .ops-mega-row .ops-icon-box .ops-icon-box-img {
    padding: 0px 0px;
    width: 13%;
}

.ops-serve-mega .ops-serve-second-col .ops-icon-box-img {
    width: 16%;
}

.ops-serve-mega .ops-mega-bg img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    aspect-ratio: 20.1 / 9 !important;
}

.ops-serve-mega .ops-serve-img-b {
    display: flex;
    align-items: end;
    position: relative;
    bottom: -14px;
}

.ops-serve-industry-insight {
    column-count: 1 !important;
    border-top: 1px solid;
    margin-top: 20px;
    padding-top: 50px;
}

.ops-serve-mega .ops-serve-industry-insight .ops-icon-box .ops-icon-box-img {
    width: 30% !important;
    text-align: center;
}

.ops-serve-mega .ops-serve-industry-insight .ops-icon-box-img img {
    width: 61% !important;
	margin: 0 auto;
}

.ops-serve-mega .ops-serve-industry-insight .ops-icon-box-content {
    width: 70% !important;
}

.ops-serve-mega .ops-serve-col2-box .ops-icon-box-img {
    width: 16% !important;
}

.ops-serve-mega .ops-serve-industry-insight .ops-icon-box-content h3 {
    font-size: 24px !important;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 34px !important;

/*     &:hover {
        background: var(--OpScalers, linear-gradient(100deg, #148BED 0%, #007329 100.01%));
        background-clip: text;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
    } */
}

/* Who We Serve Styling End*/

/* Why Chose US Styling start*/
.ops-choose-why-sec .ops-mega-bg img {
    aspect-ratio: 18 / 9 !important;
}
.ops-choose-why-sec .ops-mega-content .close-button{
	top: 8px !important;
}
.ops-choose-why-sec .ops-choose-imge .ops-mega-field img {
    width: 98% !important;
    padding: 0px 0px 0 14px !important;
    border-bottom-left-radius: 34px;
/*     transform: translate(0px, 6px); */
}

.ops-choose-why-sec .ops-mega-content {
    width: 95% !important;
}

.ops-choose-why-sec .ops-choose-content-bx .ops-icon-box-content h3 {
    font-size: 14px !important;
    color: #656567 !important;
    font-weight: 600 !important;
    margin: 0 0 1px 0 !important;
    font-family: "Roboto", Sans-serif;
}

.ops-choose-why-sec .ops-choose-content-bx .ops-icon-box .ops-icon-box-content {
    width: 75% !important;
}

.ops-choose-why-sec .ops-choose-content-bx .ops-icon-box .ops-icon-box-img {
    width: 12% !important;
    margin-right: 6px;
    padding: 4px 0px !important;
}

.ops-choose-why-sec .ops-choose-content-bx .ops-mega-field h3 {
    background: var(--OpScalers, linear-gradient(100deg, #148BED 39%, #05C009 66.01%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    text-align: center;
    border-bottom: 2px solid #656567;
    width: 88%;
    margin: 23px auto 19px 0;
    font-weight: 600;
    padding-bottom: 10px;
}
.ops-choose-why-sec .ops-choose-content-bx .ops-icon-box a{
	margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.ops-choose-why-sec .ops-choose-content-bx .ops-chose-case-study {
    text-align: center;
}

.ops-choose-why-sec .ops-choose-content-bx .ops-chose-case-study .ops-mega-field.ops-button a {
    position: relative !important;
    color: #000;
    background-color: transparent !important;
    padding: 6px 17px !important;
    font-size: 12px !important;
    border-radius: 8px;
    text-decoration: none;
    justify-content: space-around;
    width: 90%;
    display: flex;
    align-items: center;
    margin: 0 auto 18px 0;
    border: unset !important;

    &:hover {
        background: linear-gradient(100deg, #148BED 0%, #05C009 100.01%) !important;
        color: #fff !important;
		&:after{
			 filter: brightness(2);
		}
    }

    &::before {
        content: '';
        background: linear-gradient(100deg, #148BED 0%, #05C009 100.01%);
        position: absolute;
        inset: 0;
        padding: 1px;
        z-index: 1;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        mask-composite: exclude;
        border-radius: 8px;
    }

    &::after {
        content: '';
        background-image: url(https://45g.6f2.myftpupload.com/wp-content/uploads/2025/07/chevronsmallleft.png);
        width: 28px;
        height: 28px;
        display: inline-block;
        background-size: contain;
        background-position: center;
        margin-left: 10px;
        margin-right: -10px;
        filter: brightness(0);
    }
}

@media only screen and (max-width: 1400px) {
    section.ops-mega-wrapper {
        height: 570px !important;
    }
}

/* New- Custom Mega Menu End */

    section.ops-mega-wrapper .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        position: relative;
        max-width: 1100px !important;
        padding: 0 10px;
    }

    section.ops-mega-wrapper .ops-mega-content {
        position: absolute;
        width: 100%;
    }

/*     section.ops-mega-wrapper .ops-mega-bg img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        aspect-ratio: 17.3 / 9;
    } */

    .ops-mega-content .ops-mega-inner-image img {
        width: 92%;
        padding: 0 0 0 12px;
    }

    .ops-mega-content .ops-header h2 {
        background: var(--OpScalers, linear-gradient(100deg, #148BED 39%, #05C009 66.01%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 32px;
        font-weight: 600;
    }

    .ops-mega-content .ops-header hr {
        color: #54595f;
        opacity: 1;
        border-width: 2px;
        width: 66%;
        margin: 1rem auto 25px;
    }

    section.ops-mega-wrapper .ops-mega-content a.ops-icon-box {
        text-decoration: none;
    }

    section.ops-mega-wrapper .ops-mega-content a.ops-icon-box .col-lg-1 {
        padding: 4px 8px;
    }

    section.ops-mega-wrapper .ops-mega-content a.ops-icon-box .ops-icon-box-img .with-hover,
    section.ops-mega-wrapper .ops-mega-content a.ops-icon-box:hover .ops-icon-box-img .without-hover {
        display: none;
    }

    section.ops-mega-wrapper .ops-mega-content a.ops-icon-box:hover .ops-icon-box-img .with-hover {
        display: block !important;
    }

    /* section.ops-mega-wrapper .ops-mega-content a.ops-icon-box .col-lg-11 {
        padding: 0;
    } */
    .ops-icon-box-img img {
        width: 100%;
    }

    section.ops-mega-wrapper .ops-mega-content .ops-icon-box-contant h2 {
        font-size: 16px;
        color: #494949;
        font-weight: 600;
        margin: 0 0 1px 0;
        font-family: "Roboto", Sans-serif;
    }

    section.ops-mega-wrapper .ops-mega-content a.ops-icon-box:hover .ops-icon-box-contant h2 {
        background: var(--OpScalers, linear-gradient(100deg, #148BED 1%, #05C009 21.01%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    section.ops-mega-wrapper .ops-mega-content .ops-icon-box-contant p {
        font-size: 12px;
        font-weight: 400;
        color: #494949;
        margin: 0 0 5px 0;
    }

    .ops-mega-content .close-button {
        position: absolute;
        top: 8px;
        right: 28px;
        font-size: 20px;
        font-weight: 500;
        padding: 2px 6px 7px;
        border: none;
        color: #ffffff;
        cursor: pointer;
        z-index: 1000;
        border-radius: 100px;
        background: #494949;
        line-height: 17px;
    }

    .ops-mega-content .close-button:hover {
        background-color: #1692eb !important;
    }

    @media screen and (max-width: 991px) {
		section.ops-mega-wrapper .ops-mega-row .ops-mega-field.ops-image img {
			width: 100% !important;
			padding: 0 0 0 0px !important;
}
        section.ops-mega-wrapper .ops-mega-bg img {
            opacity: 0;
        }

        section.ops-mega-wrapper .container {
            max-width: 100% !important;
            padding: 0 20px;
        }

        section.ops-mega-wrapper {
            padding: 80px 0 0 0;
        }

        section.ops-mega-wrapper .ops-mega-content a.ops-icon-box .col-lg-1 {
            padding: 2px 3px;
        }

        .ops-mega-content .ops-mega-inner-image img {
            width: 100%;
            padding: 0 0 0 0px;
        }
    }

    @media screen and (max-width: 767px) {
        .ops-mega-inner-image {
            display: none;
        }
    }

    @media screen and (max-width: 639px) {
        section.ops-mega-wrapper .ops-mega-content {
            position: relative;
        }

        section.ops-mega-wrapper .ops-mega-bg img {
            opacity: 0;
            display: none !important;
        }

        section.ops-mega-wrapper {
            padding: 30px 0 0 0;
        }
    }

    @media screen and (max-width: 479px) {
        .ops-mega-content .ops-header hr {
            width: 86%;
        }

        .ops-mega-content .ops-header h2 {
            font-size: 26px;
        }

        .ops-mega-content .close-button {
            position: absolute;
            top: -10px;
            right: 13px;
        }
    }