/*!
Theme Name: probase
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: probase
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

probase is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* header start */
.hdr_topbar{background:var(--c_secondary);padding:18px 0}
.topbar_inner{display:flex;align-items:center;justify-content:space-between}
.topbar_inner a{color:var(--c_white)}
.topbar_number{display:flex;align-items:center;gap:80px}
.custom-logo-link figure{width:205px}
.custom-logo-link figure img{height:100%}
.hdr_mainbar li,.hdr_mainbar ul,.hdr_topbar li,.hdr_topbar ul{margin-bottom:0}
.topbar_number li a{display:flex;align-items:center;gap:7px}
.topbar_icons{display:flex;align-items:center;gap:40px}
.mainbar_inner{display:flex;align-items:center;gap:90px}
.mainbar_links{display:flex;align-items:center;justify-content:space-between;min-width:calc(100% - 900px);gap:20px}
.mainbar_links li a:hover{color:var(--c_primary)}
.hdr_mainbar li a{font-size:22px;color:var(--c_secondary)}
.search_number li a{font-size:24px;white-space:nowrap}
.search_number li form{cursor:pointer}
.search_number{margin-left:auto;display:flex;align-items:center;gap:100px}
.search_number li:last-child{display:flex;align-items:center;gap:40px}
.search_number li p{color:var(--c_gray);font-size:18px;text-align:end;margin-bottom:7px;white-space:nowrap}
.hdr_mainbar{padding:30px 0;border-bottom:3px solid var(--border_line)}
.hdr_mainbar li{position:relative}
.hdr_mainbar li figure{width:33px}
.search_number li:first-child:after{position:absolute;content:"";width:2px;height:70px;right:0;top:50%;background:var(--border_line);transform:translate(48px,-50%)}
.mainbar_links li.active::before{content:"";background:var(--c_primary);width:95px;height:4px;position:absolute;left:50%;bottom:-53px;transform:translateX(-50%)}
.hero_sec{position:relative;min-height:645px}
.hero_sec::after,.hero_sec::before{content:"";position:absolute;top:50px;background-repeat:no-repeat;background-size:cover;pointer-events:none}
.hero_sec::before{background-image:url("https://probase.appgrowthcompany.com/wp-content/uploads/2024/08/left_shape.png");left:-50px;width:19vw;height:595px;background-position:right}
.hero_sec::after{background-image:url("https://probase.appgrowthcompany.com/wp-content/uploads/2024/08/right_shape.png");right:0;width:14vw;height:563px;background-position:left}
.hero_lhs h1{margin:25px 0}
.flex-box{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-box.aic{align-items:center}
.flex-box.aie{align-items:end}
.flex-box.ais{align-items:stretch}
.about_lhs,.about_rhs,.core_sol_lhs,.hero_lhs,.hero_rhs{width:49%}
.hero_lhs{padding-top:100px}
.video-popup .btn-inner{display:inline-block;border-radius:50%}
.video-popup .btn-play{position:relative;width:95px;height:95px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;line-height:65px;color:#fff;background:var(--c_gradient);border:none}
.video-popup .btn-play i{position:absolute;font-size:38px;left:50%;top:50%;transform:translate(-35%,-50%)}
.video-popup .btn-play span{border-color:#7141b1}
.video-popup .btn-play span{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--border_line);animation:circle-fade-before 2s infinite ease-in-out;-webkit-animation:circle-fade-before 2s infinite ease-in-out;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.video-popup .btn-play .circle-2{animation:circle-fade-after 2s infinite ease-in-out;-webkit-animation:circle-fade-after 2s infinite ease-in-out}
.video-popup>span{margin-left:15px;font-size:20px;text-transform:uppercase;font-weight:800;letter-spacing:.5px}
.video-popup{display:flex;align-items:center;gap:20px;margin:50px 0 0 50px}
@keyframes circle-fade-before{
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.8);opacity:0}
}
@keyframes circle-fade-after{
0%{transform:scale(1);opacity:1}
100%{transform:scale(2.5);opacity:0}
}
.transform-business-sec{position:relative}
.transform-business-sec::before{content:"";background:var(--c_light_bg);width:100%;height:calc(100% - 170px);top:0;left:0;position:absolute;z-index:-1}
.system-flx{align-items:stretch;position:relative}
.system-flx{margin-top:70px}
.integration-box{background:var(--c_white);width:calc(25% - 30px);position:relative;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transform-style:preserve-3d;box-shadow:15px 15px 38px 0 rgba(0,0,0,.2);-webkit-box-shadow:15px 15px 38px 0 rgba(0,0,0,.2);-moz-box-shadow:15px 15px 38px 0 rgba(0,0,0,.2)}
.integration-box h3{color:var(--c_primary);font-size:19px;text-transform:uppercase;max-width:170px}
.integration-box ul{margin-top:10px}
.integration-box li{color:var(--c_white);font-size:19px;font-weight:700}
.overlay-box{height:314px;background:var(--c_secondary)}
.int-blue-box::before,.overlay-box::before{content:attr(data-before);position:absolute;font-size:200px;color:#fff;opacity:.5;right:0;font-weight:700;top:0;line-height:.9}
.overlay-box figure{width:100%;height:315px}
.overlay-box img{width:100%;height:100%;object-fit:cover}
.integration-box>div{backface-visibility:hidden;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear}
.int-blue-box{z-index:1;opacity:1;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);position:absolute;background:var(--c_secondary);padding:40px;top:0;left:0;width:100%;height:100%;z-index:-1;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear}
.integration-box:hover{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}
.integration-box:hover .overlay-box{opacity:0}
.integration-box .overlay-box h3{max-width:fit-content;color:#fff;position:absolute;bottom:30px;left:30px}
.our_client_logo{padding:50px 0}
.our_client_logo li{padding:0 25px}
.our_client_logo li img{filter:grayscale();opacity:.5}
.our_client_logo li:hover img{filter:grayscale(0);opacity:1}
.about_lhs{position:relative}
.about_rhs{padding-left:100px}
.abt1{position:absolute;left:-40px;top:-68px;width:258px;height:200px}
.abt2{position:absolute;right:0;bottom:120px;width:275px;height:229px}
.rech_rhs.s_h p{font-weight:300}
.abt1 img,.abt2 img{width:100%;height:100%;object-fit:cover}
.about_rhs p{font-size:24px}
.core_sol_sec{background-color:var(--c_secondary);position:relative}
.collection_list{padding-left:30px}
.collection_list li{position:relative;font-size:24px}
.core_sol_lhs p{font-size:24px}
.collection_list li::before{content:"";position:absolute;left:-30px;top:6px;width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-image:url("https://probase.appgrowthcompany.com/wp-content/uploads/2024/08/check.svg");background-size:contain}
.core_sol_rhs{width:42%}
.core_sol_rhs figcaption{color:var(--c_white);font-size:20px}
.core_sol_rhs li{width:calc(100% / 2 - 25px);border:1px solid var(--c_white);display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;aspect-ratio:1;margin-bottom:50px;position:relative;background-color:var(--c_secondary);z-index:1}
.core_sol_rhs li:hover{background:var(--c_primary);border-color:var(--c_primary)}
.core_sol_rhs li:hover figure{filter:brightness(0) invert(1)}
.core_sol_rhs li figure{margin-bottom:10px}
.core_sol_sec::after,.core_sol_sec::before{content:"";position:absolute;top:80px;background-repeat:no-repeat;background-size:cover;pointer-events:none}
.core_sol_sec::before{background-image:url("https://probase.appgrowthcompany.com/wp-content/uploads/2024/08/core_lt.png");background-position:right;left:0;width:11vw;height:511px}
.core_sol_sec::after{background-image:url("https://probase.appgrowthcompany.com/wp-content/uploads/2024/08/core_rt.png");background-position:left;right:0;width:14vw;height:510px}
.cta-home{max-width:1572px;margin:0 auto;background:var(--c_gradient);padding:68px 40px;position:relative;overflow:hidden;top:-100px}
.cta-image{position:absolute;right:0;top:0;clip-path:ellipse(77% 100% at 77% 49%);width:486px;height:324px;overflow:hidden}
.cta-image img{width:100%;height:100%;object-fit:cover}
.cta-home .flex-box{max-width:calc(100% - 480px)}
.consult-content .theme_clr,.cta-home .theme_clr{color:var(--c_white)}

/* slick css */
.industry-slider.slick-slider .slick_items{background-color:var(--c_white);margin:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;box-shadow:14px 10px 18px #e9e9e9;padding:50px 10px;position:relative;height:260px}
.slick-slider .slick-disabled{opacity:0;pointer-events:none}
.industry-slider .slick-track{padding:20px 0}
.industries-sec{background-color:var(--c_lightwhite_bg)}
.slick-slider :is(.slick-prev,.slick-next){display:none!important}
.indus_content p{color:var(--c_dark_text)}
.indus_content{max-width:calc(100% - 130px);position:relative;margin-left:auto}
.industry-slider .slick_items{position:relative}
.industry-slider .slick_items:before{content:attr(data-before);font-size:250px;position:absolute;left:-20px;top:10px;color:var(--c_light_gray);font-weight:700;line-height:.7}
.industry-slider .slick_items:after{content:"";position:absolute;right:0;top:0;background:var(--c_primary);width:45px;height:37px;clip-path:polygon(100% 0,0 0,100% 100%)}
.industry-slider .slick_items h4{font-size:250px;position:absolute;left:-30px;top:-40px;color:var(--c_light_gray)}
.industry-slider{padding:0 40px}
.consultation-sec{background-image:url("https://probase.appgrowthcompany.com/wp-content/uploads/2024/08/contact.png");background-size:cover;background-position:center;background-repeat:no-repeat;aspect-ratio:1/0.38;display:flex;align-items:end;justify-content:center;padding-left:20px;padding-right:20px}
.consult-content .btn{margin:110px auto 0}
.consult-content h2{font-size:100px}
.consult-content .theme_clr.br{font-size:31px}
.our-project-sec .flex-box p{max-width:450px;margin-bottom:0}
.project-list{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:20px;}
.project-list a.post-edit-link{position:absolute;bottom:0}


.project-list .project_v2 a>figure{width:100%}
.project-list .project_v2 a .project-content h3{font-size:28px}
.project-list .project_v2 a .project-content{max-width:100%;width:100%;padding:0 15px}
.project_v2_center .project-content{text-align:center}
.project_v2.project_toll .project-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:30px}
.project_v2.project_toll .project-content p,.project_v2.project_toll .project-content>figure{width:47%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.clients-score li h4{font-size:65px;color:var(--c_secondary);margin-bottom:5px}
.clients-score li p{font-size:20px;color:var(--c_primary);font-weight:700}

.prjct_lst li > * { flex: 1;}
.prjct_lst li:nth-child(even) {flex-direction: row-reverse;}
/* home page css end*/

/* about page css */
.about-banner{background:url("https://probase.appgrowthcompany.com/wp-content/uploads/2024/08/abt-bg.png");background-repeat:no-repeat;background-size:cover;min-height:340px;display:flex;align-items:center}
.banner-linkig{display:flex;align-items:center;gap:40px}
.banner-linkig li{margin-bottom:0}
.banner-linkig li a{text-transform:uppercase}
.banner-linkig li a{opacity:.5}
.banner-linkig li.active a{opacity:1}
.vision-mission li{width:49%;position:relative}
.vision-mission li>figure{width:100%;height:270px}
.vision-mission li>figure img{width:100%;height:100%;object-fit:cover}
.vision-content{position:absolute;top:0;left:0}
.vision-content{position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%,-50%)}
.vision-mission li:hover>figure img{filter:grayscale(0)}
.core-listing li{width:48%}
.core-listing li>figure{height:70px}
.core-listing h3{border-bottom:3px solid var(--c_light_bg);padding-bottom:10px}
.core-listing p{color:var(--c_gray)}
.core-values-sec{background:var(--c_core_bg);padding:150px 0 60px;margin-top:-105px}
.reach_lhs,.rech_rhs{width:48%;position:relative}
.our-reach-sec{background:var(--c_secondary);position:relative}
.our-reach-sec::after,.our-reach-sec::before{content:"";position:absolute;background-repeat:no-repeat;background-size:contain;pointer-events:none}
.our-reach-sec::before{left:0;top:0;background-image:url("https://probase.appgrowthcompany.com/wp-content/uploads/2024/08/reach-shape.png");width:15vw;height:592px;background-position:right}
.our-reach-sec::after{right:0;bottom:0;background-image:url("https://probase.appgrowthcompany.com/wp-content/uploads/2024/08/reach-right-shape.png");width:19vw;height:588px;background-position:left bottom}
.flags-list{justify-content:flex-start;margin-left:-50px}
.flags-list li{width:32%;text-align:center;margin-bottom:40px}
.flags-list li figcaption{font-weight:700}
.flags-list li figure{width:114px;height:114px;margin:0 auto 8px;position:relative;padding:10px}
.flags-list li figure img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.flags-list li figure:before{background-image:url(https://probase.appgrowthcompany.com/wp-content/uploads/2024/08/border.png);background-position:center;background-repeat:no-repeat;background-size:contain;content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%}
.client-logo-list{display:flex;align-items:center;flex-wrap:wrap;gap:20px 60px}
.it-service-listing li{width:30%;display:flex;gap:10px;margin-top:40px}
.it-service-listing li p{color:var(--c_gray);max-width:90%}
.it-service-listing li>figure{min-width:50px}
.partner-inovation-lt,.partner-inovation-rt{width:48%}
.partner-inovation-rt .small-title p{max-width:80%;color:var(--c_gray)}
.theme_bg{background:var(--c_gradient);padding:80px;margin:-200px auto 80px auto}
.banner-linkig li.active a{pointer-events:none}
.ptnr-soft-sec{background:var(--c_lightwhite_bg);padding-bottom:200px}
.contact_detail-side.s_h{width:40%}
.contact-details ul{margin-top:100px}
.contact-details li{display:flex;align-items:center;gap:20px;max-width:80%;margin-top:40px}
.contact-details li>figure{min-width:30px;text-align:center}
.contact-details li a{font-size:20px;color:var(--c_black)}
.contact_form-side{width:50%}
/* project details page css start */
.unka_view{width:100%;aspect-ratio:1/0.5;background-color:var(--c_lightwhite_bg)}
.unka_view img{width:100%;height:100%;object-fit:cover}
.prjct_dtl_side{width:70%}
.project-type{width:28%;padding-top:20px}
.project-type h3{font-size:14px;color:var(--c_gray);margin-bottom:5px}
.project-type h4{font-size:16px;color:var(--c_black);margin-bottom:30px}
.clr_box{display:flex;align-items:center;gap:10px;margin-top:30px}
.clr_box li{width:38px;height:38px;border-radius:50%;margin-bottom:0}
.prjct_dtl_side p{color:var(--c_gray)}
.clr_box li a{line-height:0;color:var(--c_white);display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.clr_box li.fb{background:#4661c5}
.clr_box li.twt{background:#44b1e4}
.clr_box li.gp{background:#ff2e2e}
.clr_box li.insta{background:linear-gradient(to right,#833ab4,#fd1d1d,#fcb045)}
.blg-bt{background:0 0;border:none;font-size:20px;display:flex;align-items:center;gap:20px;font-weight:700;color:var(--c_black)}
.blg-bt i{background:var(--c_primary);padding:16px 7px;font-size:16px;color:var(--c_white)}
.next-prev-btn .next-post{direction:rtl;margin-left:auto}
.transform-business-sec .flex-box.s_h p{width:50%}
.our-project-sec .flex-box{flex-wrap:unset}
#nav-check{display:none}
.our_client_logo .slick-dots{display:none!important}
.nav-btn{display:none}
/* project details page css end */
.client-logo-list li{height:90px;display:flex!important;align-items:center}
.vd_pgnt ul{display:flex;align-items:center;justify-content:center;gap:15px}
.vd_pgnt ul li{margin-bottom:0}
.vd_pgnt ul li a{margin-bottom:0;background:var(--c_light_gray);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.vd_pgnt ul li a{color:var(--c_black)!important;font-size:18px;font-weight:700}
.vd_pgnt ul li.active a{background:var(--c_primary)}
.vd_pgnt ul li.active a{color:var(--c_white)!important}
.video-modal{line-height:0}
.video-modal video{width:100%;border-radius:15px;aspect-ratio:16/9;background:#000}
.search-form{display:flex;gap:30px}
.search-submit{background:var(--c_gradient);border:none;border-radius:0;color:var(--c_white);font-size:22px;max-width:180px;padding:10px 20px}
.search-form label{width:100%}
.search_result li a{display:flex;align-items:center;gap:20px}
.search_result li a>figure{width:200px;height:150px;min-width:200px}
.search_result li a>figure img{width:100%;height:100%;object-fit:cover}
.search_result li h3{margin-bottom:0}
.industries-sec{margin-top:80px}
.ab-pg p{width:calc(100% - 420px)}
.about_rhs p b{font-style:italic}
.core-values-sec .small-title h2 span{color:var(--c_primary)}
.page-title h1 span{color:var(--c_primary)!important}
.o_h{overflow-x:hidden}
.rech_rhs>figure{margin-bottom:20px}


/* project designs */
.prjct_lst_project .flex-box {
    
        gap: 74px;
    
}
.prjct_lst_project .flex-box:not(:last-child) {
    margin-bottom: 100px;
}
.prjct_lst_project .flex-box  > figure,.prjct_lst_project .project-content{
    width: calc(50% - 37px);
}
.prjct_lst_project .flex-box  > figure{
    border-radius: 8px;
    overflow: hidden;
}
.prjct_lst_project .flex-box  > figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prjct_lst_project .project-content p{
    font-size: 20px;
    max-width: 100%;
    margin-bottom: 30px;
}

/* project details */
.project-details .unka_view{
    height: auto;
    aspect-ratio: unset;
}
.project-details .unka_view img{
    max-height: 552px;
}
.project-details .prjct_dtl_side p{
 color: var(--c_black);
 font-size: 20px;
}
.project-details .prjct_dtl_side .hd_1{
    margin-bottom: 30px;
}
.project-details .prjct_dtl_side {
    width: 100%;
}

.project-details .next-prev-btn {
    margin-top: 60px;
    border-top: 1px solid #E5E5E5;
    padding-top: 40px;
}
 .project-details .next-prev-btn .blg-bt {
   
    max-width: 240px;
}
.project-list2{
    gap: 44px;
}
.project-list2 li{
    width: calc(100%/3 - (44px * 2 / 3));
}
.project-list2 li a > figure{
    width: 100%;   
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 1 / 0.4718;
    height: auto;
}
.bespoke_steps {
    position: relative;
}
.bespoke_steps h2{
    font-weight: 600;
}
.bespoke_steps  .steps_img {
    position: absolute;
    width: 400px;
    height: 400px;
    left: 46%;
    transform: translateX(-50%);
}
.bespoke_steps_list{
    display: flex;
    justify-content: space-between;
    gap: 150px 80px;
    flex-wrap: wrap;
}
.bespoke_steps_list li{
    max-width: 404px;
    width: 100%;
    margin: 0;
}


.bespoke_steps_list li h3{
    font-weight: 600;
    color: var(--c_primary);
    margin-bottom: 4px;
}
.bespoke_steps_list li p{
    color: #000;
    font-size: 24px;
}
.bespoke_steps_list li:nth-child(odd) p{
    max-width: 350px;   
}
/* media query start here */
@media (max-width: 1700px) {
    .bespoke_steps_list li:nth-child(odd) p{
        max-width: 280px;   
    }
  
    .our-reach-sec::before{width:13vw}
    .custom-logo-link figure{width:180px}
    .search_number{gap:70px}
    .hdr_mainbar{padding:15px 0}
    .search_number li:first-child:after{transform:translate(33px,-50%)}
    .hdr_mainbar li a{font-size:18px}
    .mainbar_links{gap:30px}
    .hdr_mainbar{padding:20px 0}
    .mainbar_links li.active::before{bottom:-42px}
    .mainbar_links{min-width:calc(100% - 800px)}
}
@media (max-width: 1600px) {
    .clients-score li h4{font-size:55px}
    .integration-box h3{font-size:18px}
    .int-blue-box::before,.overlay-box::before{font-size:180px}
    .collection_list li,.core_sol_lhs p{font-size:18px}
    .about-banner{min-height:250px}
    .about_rhs p,.footer-content a{font-size:18px}
    .abt2{bottom:117px;width:215px;height:169px}
    .abt1{width:218px;height:160px}
    .int-blue-box{padding:30px}
    .cta-home{width:90%}
    .project-list .project_v2 a .project-content h3{font-size:22px}
    .hero_sec::after{width:15.5vw}
    .hero_sec::before{width:22vw}
    .hdr_mainbar li figure{width:28px}
    .consult-content h2{font-size:80px}
    .consult-content .theme_clr.br{font-size:24px}
}
@media (max-width: 1500px) {
  
    .clients-score li h4{font-size:48px}
    .clients-score li p{font-size:18px}
    .mainbar_links{min-width:calc(100% - 700px)}
}
@media (max-width: 1400px) {
    .prjct_lst_project .flex-box:not(:last-child){
        margin-bottom: 70px;
    }
    .prjct_lst_project .project-content p{
        font-size: 18px;
    }
    .prjct_lst_project .flex-box{
        gap: 40px;
    }
    .prjct_lst_project .flex-box > figure, .prjct_lst_project .project-content{
        width: calc(50% - 20px);
    }
    .bespoke_steps_list li:nth-child(even){
        padding-left: 65px;
      }
      .project-details .prjct_dtl_side p{
        font-size: 16px;
      }
    .int-blue-box::before,.overlay-box::before{font-size:160px}
    .hero_sec::before{width:19vw}
    .hero_sec::after{width:13.5vw}
    .abt2{bottom:104px;width:205px;height:169px}
    .abt1{width:198px;height:140px}
    .mainbar_links{min-width:calc(100% - 570px)}
    .industry-slider .slick_items:before{font-size:180px}
    .indus_content{max-width:calc(100% - 70px);width:100%}
    .consult-content h2{font-size:70px}
    .consult-content .theme_clr.br{font-size:24px}
    .hero_lhs .br{display:inline!important}
    .mainbar_inner{gap:40px}
    .search_number{gap:50px}
    .search_number li:first-child:after{transform:translate(26px,-50%)}
    .custom-logo-link figure{width:150px}
}
@media (max-width: 1300px) {
    .hero_sec::after,.hero_sec::before{display:none}
}
@media (max-width: 1200px) {
    .search_number li p{margin-bottom:2px}
    .video-popup>span{font-size:18px}
    .hdr_mainbar{padding:10px 0}
    .it-service-listing li{width:48%}
    .rech_rhs figure{max-width:500px;margin:0 auto 20px;width:90%}
    .reach_lhs,.rech_rhs{text-align:center;width:100%}
    .flags-list{margin-left:0}
    .nav-btn{display:block}
    .integration-box{box-shadow:none;-webkit-box-shadow:none}
    .core_sol_rhs{width:49%}
    .core_sol_rhs li{width:calc(100% / 2 - 15px)}
    .cta-home .flex-box{max-width:calc(100% - 375px)}
    .cta-image{width:386px}
    .cta-home h2{margin-bottom:10px}
    .abt1,.abt2,.core_sol_sec::after,.core_sol_sec::before,.mainbar_links li.active::before,.our-reach-sec::after,.our-reach-sec::before{display:none}
    .about_rhs{padding-left:10px}
    .about_rhs p,.collection_list li,.core_sol_lhs p{font-size:18px}
    .mainbar_links{justify-content:unset;align-items:baseline}
    .our_client_logo{padding:0}
    .mainbar_links li.active::before{width:100%;height:4px;bottom:-5px}
    .hdr_mainbar .nav-btn label{display:flex;width:50px;height:40px;background-color:var(--c_secondary);margin-bottom:0;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:5px}
    .hdr_mainbar .nav-btn label span{display:block;width:25px;border-top:2px solid #eee}
    .hdr_mainbar .mainbar_links{position:absolute;display:flex;flex-direction:column;width:100%;background-color:var(--c_white);height:0;transition:all .3s ease-in;top:153px;left:0;gap:0;overflow:hidden;z-index:1024}
    .hdr_mainbar .mainbar_links li{border-bottom:1px solid var(--border_line);width:100%;padding:15px 60px}
    .hdr_mainbar .mainbar_links li:last-child{border:none}
    .hdr_mainbar li.active a{color:var(--c_primary)}
    .hdr_mainbar #nav-check:checked~.mainbar_links{height:calc(100vh - 153px)}
    .prjct_lst_project .project-content p {
        font-size: 16px;
        margin-bottom: 16px;
    }
    .prjct_lst_project .project-content h2 {
        font-size: 30px;
    }
    .prjct_lst_project .flex-box:not(:last-child){
        margin-bottom: 40px;
    }
    .project-details .next-prev-btn {
        margin-top: 30px;

        padding-top: 30px;
    }
    .bespoke_steps .steps_img{
        display: none;
    }
    .bespoke_steps_list{
        gap: 40px;
    }
    .bespoke_steps_list li:nth-child(even){
        padding: 0;
    }
    .bespoke_steps_list li:nth-child(odd) p{
        max-width: 100%;
    }
}
@media (max-width: 992px) {
    .contact_detail-side.s_h{width:100%}
    .contact_form-side{width:100%;margin-top:20px}
    .ab-pg p{width:100%}
    .about_rhs p,.collection_list li,.core_sol_lhs p{font-size:16px}
    .partner-inovation-lt,.partner-inovation-rt{width:100%}
    .partner-inovation-lt figure{max-width:500px;margin:0 auto;width:90%}
    .partner-inovation-lt{margin-top:20px}
    .cr{flex-direction:column-reverse!important}
    .small-title{text-align:center}
    .partner-inovation-rt .small-title p{max-width:100%}
    .flex-box.aic.s_h p{text-align:center}
    .flex-box.aic.s_h .btn{margin:10px auto 0}
    .theme_bg{padding:30px;margin:0 auto 30px}
    .partner-inovation-lt{display:flex}
    .ptnr-soft-sec{padding-bottom:0}
    .industry-slider.slick-slider .slick_items{height:200px;aspect-ratio:inherit}
    .hdr_mainbar{padding:5px 0}
    .transform-business-sec::before{height:calc(100% - 280px)}
    .topbar_number{gap:30px}
    .about_lhs,.about_rhs,.core_sol_lhs,.hero_lhs,.hero_rhs,.transform-business-sec .flex-box.s_h p,.trnsfrm-lhs{width:100%;text-align:center}
    .hero_lhs{padding-top:0}
    .video-popup{margin:60px 0 30px 50px;justify-content:center}
    .about_lhs figure,.hero_rhs figure{max-width:80%;margin:0 auto}
    .about_rhs .btn{margin:0 auto}
    .collection_list li{font-size:16px}
    .core_sol_rhs{width:70%;margin:40px auto 60px}
    .collection_list li::before,.cta-image{display:none}
    .cta-home{padding:40px}
    .cta-home .flex-box{max-width:100%;flex-direction:column;align-items:center;text-align:center}
    .core_sol_rhs li{margin-bottom:30px}
    .our-project-sec .flex-box{flex-wrap:wrap}
    .clients-score li h4,.consult-content h2{font-size:50px}
    .consult-content .theme_clr.br{font-size:20px}
    .clients-score li p{font-size:18px}
    .hdr_mainbar .mainbar_links{top:142px}
    .hdr_mainbar #nav-check:checked~.mainbar_links{height:calc(100vh - 142px)}
    .prjct_lst_project .flex-box > figure, .prjct_lst_project .project-content {
        width: 100%;
    }
    .prjct_lst_project .flex-box  .btn-link{
        justify-content: center;
    }
    .prjct_lst_project .flex-box {
  
        flex-wrap: wrap;
        flex-direction: column;
    }
    .prjct_lst_project.prjct_lst li > *{
        flex: 1 1 100%;
    }
    .project-details .prjct_dtl_side .hd_1{
        margin-bottom: 24px;
    }
    .project-details .next-prev-btn {
        margin-top: 20px;
        padding-top: 20px;
    }
    .project-list2{
        gap: 0px;
    }
    .blg-bt{
        font-size: 18px;
    }
    .bespoke_steps_list {
        gap: 20px;
    }
    .bespoke_steps_list li {
        max-width: 330px;
       
    }
}
@media (max-width: 768px) {
    .search_result li a>figure{width:150px;height:100px;min-width:150px}
    .search-submit{font-size:18px;max-width:150px;padding:2px 20px}
    .hdr_mainbar .mainbar_links li{padding:15px 40px}
    .core_sol_rhs{width:100%;padding:10px;margin:40px auto 0}
    .core_sol_rhs figcaption{font-size:16px}
    .prjct_dtl_side,.project-type{width:100%}
    .project-type{margin-top:30px}
    .about-banner{min-height:200px}
    .industry-slider{padding:0}
    .hdr_mainbar li>div,.topbar_icons{display:none}
    .topbar_inner{justify-content:center}
    .custom-logo-link figure{width:140px}
    .search_number li:first-child:after{height:40px}
    .hdr_mainbar li figure{width:25px}
    .mainbar_inner{gap:25px}
    .clients-score li h4,.consult-content h2{font-size:40px}
    .clients-score li p{font-size:14px}
    .clients-score li{width:48%;margin-bottom:30px}
    .address-mail-box li,.it-service-listing li{width:100%}
    .address-mail-box{margin:30px 0;gap:50px}
    .page-link{gap:30px}
    .footer-content a,.footer-content p{font-size:16px}
    .address-mail-box li h2{min-height:auto}
    .ftr-logo{width:180px!important;display:block;margin:0 auto}
    .ftr-logo img{width:100%;height:100%;object-fit:contain}
    .video-popup .btn-play{width:65px;height:65px}
    .video-popup .btn-play i{font-size:28px}
    .our-project-sec .flex-box{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}
    .cta-home{margin:30px auto;position:unset}
    .our-project-sec .w_50{width:100%}
    .prjct_lst_project .project-content h2{
        font-size: 24px;
    }
    .prjct_lst_project .project-content p{
        font-size: 14px;
    }
    .prjct_lst_project .flex-box:not(:last-child){
        margin-bottom: 30px;
    }
    .prjct_lst_project .flex-box{
        gap: 30px;
    }
    .project-details .prjct_dtl_side .hd_1{
        margin-bottom: 20px;
        text-align: center;
    }
    .project-details .prjct_dtl_side p{
        font-size: 14px;
      
    }
    .project-details .prjct_dtl_side .hd_1 +  p{
        text-align: center;
    }
    .project-details .next-prev-btn {
        margin-top: 0px;
        padding-top: 16px;
    }
    .project-list2 .slick-dots {
        margin: 0 auto;
    }
    .project-list2{
        gap: 20px;
    }
    .blg-bt{
        font-size: 16px;
    }
 
    .bespoke_steps h2{
        text-align: center;
    }
    .bespoke_steps_list li {
     max-width: 500px;
     margin-inline: auto;
     text-align: center;
       
    }
}

@media (max-width: 576px) {
    .project-details .next-prev-btn .blg-bt{
        max-width:300px;
    }
    .project-details .prjct_dtl_side .hd_1{
        margin-bottom: 16px;
    }
    .hdr_mainbar .nav-btn label span{width:22px}
    .search-form{gap:10px;flex-wrap:wrap}
    .hdr_mainbar .mainbar_links li{padding:15px 30px}
    .core_sol_rhs li{width:calc(100% / 2 - 10px);margin-bottom:20px}
    .page-title{flex-direction:column}
    .flags-list li{width:49%}
    .core-listing li,.vision-mission li{width:100%;text-align:center}
    .small-title{text-align:center}
    .vision-content{width:90%}
    .hdr_mainbar .nav-btn label{width:40px;height:32px;gap:5px}
    .topbar_number{gap:10px}
    .topbar_number li a{font-size:13px;gap:5px}
    .clients-score li h4,.consult-content h2{font-size:30px}
    .page-link{flex-wrap:wrap}
    .page-link a{white-space:nowrap}
    .hero_lhs h1{margin:10px 0}
}
@media (max-width: 420px) {
    .hdr_mainbar .mainbar_links{top:136px}
    .hdr_mainbar #nav-check:checked~.mainbar_links{height:calc(100vh - 136px)}
    .video-popup{margin:60px 0 30px 0}
    .video-popup>span{margin-left:10px;font-size:18px}
    .custom-logo-link figure{width:112px}
    .hdr_mainbar li figure{width:20px}
    .topbar_number li a{font-size:12px;gap:3px}
    .overlay-box{height:275px}
    .topbar_number li a{font-size:10px}
}
@media (max-width: 360px) {
    .topbar_number li a img{display:none}
    .topbar_number{gap:20px}
}