@media only screen and (max-width: 767px) {
html { font-size: 90%; }
.container { width: 90% !important; }
.container-flex { display: block; }
p { font-size: 15px; line-height: 28px; }
.logo img { width: 200px; height: auto; }
.header,
.sticky .header { padding: 0.8em 1em; }
.sticky .logo img { width: 200px; }
.roc-title { font-size: 2.4em; }
.header .thi-but { color: #ffffff; border: solid 2px #000; background: #000; position: fixed; bottom: 3%; width: 90%; left: 50%; transform: translateX(-50%); text-align: center; }
.header .container-flex { display: flex; padding: 0; }
.home .header { padding: 0.4em 1em; }
.header-call { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); width: 65%; }
.header-call .qfc-but { width: 100%; text-align: center; }
.banner .container-flex { flex-wrap: wrap; }
.banner .slick-slide { position: relative; display: flex; flex-wrap: wrap; }
.banner-content { width: 100%; left: 0; transform: none; text-align: center; top: 0; position: relative; background: #13386c; order: 2; padding: 30px 20px 50px 20px; }
.banner h2 { font-size: 1.8em; }
.banner .qfc-but { margin-top: 20px; font-size: 14px; padding: 12px 20px; }
.banner h4 { font-size: 1.5em; }
.banner p { line-height: 24px; }
.banner h3 { font-size: 1.6em; margin: 10px 0 15px 0; }
.banner .slick-slide img {        width: 100%;        height: auto;}
.banner .slick-dots { bottom: 20px; }
.banner-img { width: 100%; }
.qfc-title,
.elementor-heading-title,
.services-page .qfc-title { font-size: 1.8em; }
.qfc-about { padding: 3em 0; }
.clint-logo { padding: 3em 0; }
.services p { width: 100%; line-height: 25px; }
.services ul li figure { border-radius: 16px; }
.services { padding: 3em 0em; }
.services ul.container-flex { margin-top: 40px; }
.services ul li { width: 100%; margin-bottom: 30px; }
.services ul li:last-child { margin-bottom: 0; }
.services ul li h3 { font-size: 1.5em; width: 100%; text-align: center; margin-top: 15px; }
.services img { height: auto; }
.our-story-img img { width: 260px; }
.our-story-content { margin-top: 30px; }
.our-story-content h3 { width: 100%; }
.roc-about-content { padding: 4em 2em 2em 2em; }
.product-min .roc-title:before { display: none; }
.slick-prev,
 .slick-next { top: -51px; width: 30px; height: 30px; }
.slick-prev:before,
 .slick-next:before { font-size: 18px; }
.product-slider h3 { font-size: 1.5em; }
.product-min .slick-track { gap: 1em; }
.product-min .slick-list { margin: 0 -1em; }
.career-img img { height: 300px; }
.career-content { padding: 3em 1em; }
.career ul.container-flex { display: flex; }
.footer-logo img { width: 260px; }
.cta h3 { font-size: 1.5em; margin-bottom: 20px; }
.consulting { padding: 3em 0; }
.consulting ul { margin-top: 30px; }
.consulting ul li { margin-bottom: 20px; }
.consulting ul li figure img { height: 90px; }
.clint-slider .slick-slide { margin: 0 10px; }
.industries { padding: 3em 1em; }
.industries-left h2 { font-size: 1.3em; margin: 15px 0; line-height: 32px; }
.industries-right ul li a { padding: 15px 0; font-size: 1.1em; }
.industries-right ul li a:after,
.industries-right ul li a:before { width: 6px; height: 6px; }
.testimonials p { width: 100%; }
.testimonials { padding: 3em 0; }
.testimonials-content { margin-top: 20px; }
.testimonials-content h4 { font-size: 1.2em; line-height: 30px; font-weight: 500; }
.social-icon li { padding: 10px; }
.social-icon li img { width: 20px; height: 20px; }
.copyright { padding: 0; }
.inner-banner-content { width: 90%; }
.inner-banner img { height: 150px; }
.service_detail .container-flex:nth-child(odd) .detail { padding-left: 0; padding-right: 0em; }
.detail { padding-right: 0; padding: 30px 0; }
.team-grid { margin-bottom: 30px; }
.team-grid ul { flex-wrap: wrap; }
.all-cta .container { padding: 2.5em 1em; border-radius: 40px; display: block; text-align: center; }
.all-cta h3 { margin-bottom: 30px; font-size: 1.2em; }
.inner-banner-content h2 { font-size: 2em; }
.tab-area { margin-bottom: 30px; }
.detail-image img { border-radius: 20px !important; }
.contect-info ul li { width: 100%; margin-bottom: 20px; }
.contect-form ul li { width: 100%; margin-bottom: 10px; }
.map iframe { height: 360px; margin-top: 1em; }
.testimonials-grid { flex-direction: column; gap: 3em; }
.testimonial-nav,
.testimonial-slider { width: 100%; padding: 0; border: none; }
.testimonial-nav .slick-slide { padding: 0px; margin-bottom: 0em; }
.testimonial-nav .slick-track { display: flex; }
.testimonial-nav .slick-current.slick-slide:before { width: 100%; height: 3px; right: 0; bottom: 0; top: auto; }
.testimonial-nav .slick-current.slick-slide img { transform: scale(1); }
.footer-grid { margin-bottom: 30px; }
.footer-grid h3 { font-size: 1.5em; }
.about-page.service_detail .container-flex { margin-bottom: 2em; }
.industries_details ul li { margin: 10px 0; }
.industries_details .detail .qfc-title { font-size: 1.8em; }
.industries_details .container-flex { margin-top: 1em; }
.industries_details .container-flex > div { padding: 20px 0; }
.industries_details { padding: 3em 0 3em 0; }
.fixed-button { background: #13376d; display: inline-block; padding: 17px 20px; border-radius: 9px; position: fixed; top: auto; right: auto; transform: none !important; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 0 10px #00000024; cursor: pointer; bottom: 26px; left: 20px; }
.footer { padding: 3em 0 7em 0; }
.footer-grid:first-child img { width: 250px; }
.team { margin: 3em 0 3em 0; }
.team .qfc-title { width: 90%; margin: 0 auto; }
.integrity-grid { padding: 2em 1em; margin-bottom: 15px; }
.integrity { padding: 3em 0; }
.integrity-grid p { line-height: 26px; }
.service-grid-content { padding: 30px 10px; width: 100%; }
.service-grid-content h3 a { font-size: 1.1em; }
.service-grid-content p { width: 100%; line-height: 26px; }
.career ul li input,
.career ul li textarea { padding: 12px 14px; }
.service_detail { padding: 3em 0 2em 0; }
.ai-details-tab .tab-area { flex-wrap: wrap; gap: 1em; }
.ai-details-tab .tab-area li { flex: 1 1 calc((100% / 2) - 2em); }
.ai_service_detail p,
.ai-details-tab p,
.sap-joule p,
.finance-agents p { width: 100%; }
.ai-details-tab .tab-area li.active:after { display: none; }
.ai-details-tab .tab-content .container-flex li { margin-bottom: 20px; border-bottom: dashed 1px #ddd; padding-bottom: 20px; }
.ai-details-tab .tab-content { padding: 1em; }
.ai-details-tab .tab-content .container-flex li:last-child { border: none; margin-bottom: 0; }
.ai-details-tab .tab-content h3 { font-size: 1.3em; line-height: 1.3; }
.sap-joule ul li h4:before { right: 0; }
.finance-agents { padding: 3em 0; }
.finance-grid { margin-top: 30px; }
.ai-usp { padding: 2em 0; }
.ai-usp ul li { padding: 1em 0em; }
.ai-usp ul li h3 { padding: 10px 0 15px 0; font-size: 1.3em; }
.ai-usp ul li img { width: 45px; }
.ai-details-tab { padding: 3em 0; }
.clint-logo .slick-list { padding: 0 0px; }
.services-page { padding: 3em 0 0.5em 0; margin-bottom: 2em; }
.all-services { margin-bottom: 2em; }
.contect-info { padding: 3em 0; }
.mobile-img {
    display: block;
}
.desktop-img {
    display: none;
}
}

 @media only screen and (max-width: 992px) {
.menu { margin-left: 0; background: #13376D; position: fixed; left: -100%; top: 0; height: 100%; width: 100%; transition: 0.1s; }
.open-menu .menu { left: 0; z-index: 99; transition: 0.1s; }
.menu ul { margin-right: 0; width: 100%; z-index: 1; }
.menu ul li { display: inline-block; width: 100%; padding: 20px 15px; border-bottom: solid 1px #eee; }
.menu ul li:last-child { border: none; }
.main-wrapper .border-but { width: 90%; text-align: center; margin: 20px auto 0 auto; display: block; background: #f8cf27; border-color: #f8cf27; }
.menu ul li.menu-btn { display: flex; justify-content: space-between; }
.sub-menu:before { bottom: 91%; }
.menu ul li a { color: #ffffff; padding: 0; }
.menu ul.sub-menu li a { font-size: 1em; padding: 15px; }
.toggle-menu { display: inline-block; margin-left: auto; z-index: 99; width: 30px; height: 20px; position: relative; }
.toggle-menu:before { content: ""; width: 100%; height: 17px; border: solid #fff; border-width: 2px 0px; position: absolute; top: 0; left: 0; transition: 0.1s; }
.toggle-menu:after { content: ""; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: 0.1s; }
.open-menu .toggle-menu { height: auto; position: absolute; right: 20px; top: 30px; }
.open-menu .toggle-menu:after { transform: translateY(-50%) rotate(45deg); transition: 0.1s; }
.open-menu .toggle-menu:before { content: ""; width: 100%; height: 2px; border: none; border-width: 2px 0px; position: absolute; top: 0; left: 0; background: #fff; transform: rotate(-45deg); transition: 0.1s; }
.slick-prev { right: 40px; }
}
 @media (min-width: 768px) and (max-width: 1023px) {
html { font-size: 90%; }
.container { width: 90% !important; }
p { line-height: 26px !important; }
.qfc-title,
.elementor-heading-title { font-size: 2.3em; }
.header .thi-but { margin-left: auto; }
.home .header { padding: 1em 2em; }
.header { padding: 1em 2em; }
.menu ul.sub-menu li a { padding: 25px 15px; }
.qfc-but { padding: 13px 20px; }
.sticky .header { padding: 1em 2em; }
.logo img { width: 250px; }
.toggle-menu { margin-left: inherit; }
.banner h2 { font-size: 2.3em; margin-bottom: 15px; }
.banner .slick-slide img { width: 100%; height: 300px; object-fit: cover; object-position: 78% 0px; }
.banner-content { width: 45%; left: 4%; }
.banner p { line-height: 24px !important; }
.banner .qfc-but { margin-top: 20px; }
.banner-content h3 { font-size: 2em; }
.service-cta { margin-top: 5em; }
.services p { width: 75%; }
.services ul li figure { border-radius: 14px; }
services ul.container-flex { gap: 1em; margin-top: 30px; }
.services ul li h3 { font-size: 1.2em; line-height: 1.3; margin-top: 15px; width: 100%; }
.services { padding: 3em 2em 4em 2em; }
.consulting ul li h3 { font-size: 1.2em; }
.cta .container-flex { gap: 3em; }
.cta h3 { font-size: 1.6em; line-height: 1.6; }
.consulting ul { gap: 1.2em; margin-top: 40px; }
.consulting ul li figure img { height: 80px; }
.clint-slider .slick-slide { margin: 0 20px; }
.industries { padding: 4em 3em; }
.industries-left h2 { font-size: 1.4em; line-height: 32px; }
.industries-right ul li a { padding: 14px 0; font-size: 1.1em; }
.testimonials .container-flex { margin-top: 30px; }
.testimonials-content h4 { line-height: 30px; font-size: 1.2em; }
.career-content .qfc-title { color: #fff; font-size: 1.8em; line-height: 36px; }
.career-content { padding: 0 0em 0 3em; }
.career-img img { height: 550px; }
.career ul li input,
.career ul li textarea { padding: 12px 18px; }
.career ul li textarea { height: 80px; }
.inner-banner img { height: 200px; }
.service_detail .container-flex:nth-child(odd) .detail { padding-left: 2em; }
.detail { padding-right: 2em; }
.team-grid ul { flex-wrap: wrap; }
.all-cta h3 { font-size: 1.2em; }
.all-cta .qfc-but { padding: 15px 21px 15px 16px; flex: 0 1 calc((37% / 1) - 2em); }
.team .container-flex { gap: 1.5em; margin-top: 3em; overflow: scroll; }
.service_detail .container-flex { margin-bottom: 40px; }
.service-details-tab .container-flex { gap: 2em; }
.inner-banner-content h2 { font-size: 2em; }
.contect-info .container-flex { gap: 1em; }
.contect-info ul li a img { width: 60px; }
.industries .container-flex { gap: 1em; }
.industries-right ul li a:after { width: 8px; height: 8px; }
ul.social-icon.container-flex { margin-top: 20px; }
.service_detail .container-flex { margin-bottom: 30px; }
.footer .container-flex { gap: 2em; }
.footer-grid:first-child img { width: 180px; }
.consulting ul li { padding: 3.5em 1em; }
.map iframe { height: 320px; }
.integrity .container-flex { gap: 2em; flex-wrap: wrap; }
.integrity-grid { flex: 1 1 calc((100% / 2) - 2em); }
.integrity-grid { align-items: self-start; gap: 1em; flex-wrap: wrap; }
.ai-details-tab .tab-content .container-flex { gap: 2em; }
.ai-details-tab .tab-content h3 { font-size: 1.2em; line-height: 1.3; }
.ai-usp .container-flex { gap: 0em; }
.testimonial-nav .slick-slide { padding: 0 3em 0 2em; }
.testimonial-slider { padding-left: 4em; }
.testimonials p { width: 90%; }
.all-services .wp-block-columns { flex-wrap: nowrap !important; gap: 1em !important; }
.all-service-grid img { height: 230px; }
.service-grid-content { padding: 30px 20px; }
.service-grid-content h3 a { font-size: 1.2em; }
.industries_details ul li { font-size: 1em; margin: 5px 0; }
.industries_details .detail .qfc-title { font-size: 1.5em; line-height: 1.3; }
}
 @media (min-width: 1024px) and (max-width: 1200px) {
html { font-size: 85%; }
p { font-size: 1em; line-height: 24px; }
.qfc-title,
.elementor-heading-title { font-size: 2.4em; line-height: 1.4; }
.container { width: 80% !important; }
.team .container { width: 90% !important; }
.header { padding: 1em 3em; }
.sticky .header { padding: 1em 3em; }
.logo img { width: 220px; }
.menu ul li { padding: 20px 10px; }
.header .thi-but { font-size: 15px; }
.banner-content { width: 47%; left: 12%; }
.qfc-but { padding: 12px 20px; }
.banner h2 { font-size: 2.5em; }
.banner p { line-height: 25px; }
.banner .slick-slide img { height: auto; }
.services p { width: 64%; }
.consulting ul li figure img { height: 100px; }
.career-content { padding: 0 0em 0 4em; }
.services ul li h3 { font-size: 1.5em; }
.inner-banner img { height: 200px; }
.team-grid ul { flex-wrap: wrap; }
.career-img img { height: 590px; }
.service_detail .container-flex:nth-child(odd) .detail { padding-left: 2em; }
.detail { padding-right: 2em; }
.detail p { line-height: 25px; }
.detail h3 { margin-bottom: 10px; }
.home .header { padding: 1em 2em; }
.industries-left h2 { font-size: 2.2em; }
.industries-right ul li a { font-size: 1.3em; }
.industries-right ul li a:after { width: 8px; height: 8px; }
ul.social-icon.container-flex { margin-top: 20px; }
.service-grid-content { padding: 15px; }
.service-grid-content p { line-height: 20px; font-size: 15px; }
.service-grid-content h3 a { font-size: 1.2em; }
.service_detail .container-flex { margin-bottom: 30px; }
.footer .container { width: 90% !important; }
.footer .container-flex { gap: 4em; }
.footer-grid:first-child img { width: 220px; }
.map iframe { height: 320px; }
.integrity-grid p { line-height: 26px; }
.integrity-grid { display: inline-block; }
.services { padding: 4em 0em 5em 0em; }
.ai-usp ul li h3 { font-size: 1.2em; }
.industries .container-flex { gap: 4em; }
.all-cta .qfc-but { flex: 0 1 calc((30% / 1) - 2em); }
.all-service-grid img { height: 260px; }
}
 @media (min-width: 1201px) and (max-width: 1500px) {
html { font-size: 90%; }
.container,
.ai_service_detail .container,
.sap-joule .container { width: 1100px; }
p { font-size: 16px; }
.menu ul li a { font-size: 1.2em; }
.sticky .header { padding: 1em 4em; }
.logo img { width: 220px; }
.header .thi-but { font-size: 15px; }
/*.banner-content { width: 50%; }*/
.qfc-but { padding: 12px 20px; }
.banner .slick-slide img { height: auto; }
.qfc-about .container { width: 60%; }
.services p { width: 64%; }
.consulting ul li figure img { height: 100px; }
.career-content { padding: 0 4em 0 8em; }
.services ul li h3 { font-size: 1.8em; }
.industries-left h2 { line-height: 42px; }
.footer-grid:first-child img { width: 280px; }
.career-content { padding: 0 5em 0 7em; }
.inner-banner img { height: 240px; }
.map iframe { height: 350px; }
}
 @media (min-width: 1501px) and (max-width: 1800px) {
.container,
.ai_service_detail .container,
.sap-joule .container { width: 1200px !important; }
.career-content { padding: 0 5em 0 7em; }
.banner .slick-slide img { height: 560px; }
}