@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
body,html,p{margin:0px; padding:0px;}
*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article {display:block;}
.clear{padding:0; margin:0; line-height:0; height:0; font-size:0; clear:both; width:100%; display:block;}
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; font-weight:normal;}
html, body {height:100%; width:100%; padding:0; margin:0;}
body *{box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul li{list-style:none;}
input,button{outline:none; border:none;}
a, a:hover, a:focus{text-decoration:none; outline:none;}
a:active,a:hover {outline: 0;}
button{transition:all .5s;}
:focus{outline:none;}
img{border:none;}

/********Main Css********/


header{padding:20px 0; background:#000; position:fixed; top:0px; z-index:9; width:100%; transition:all 0.5s;}

header .topLogo img{max-height:60px;}

header.scrolled{padding:8px 0;}

header .topMenu{display:flex; align-items:center; justify-content:end;}
header .topMenu ul{padding:0; margin:0; display:flex; align-items:center; justify-content:center; margin:0px; padding:0px;}
header .topMenu ul li a{color:#FFF; font-size:16px; font-weight:600; padding:12px 20px; display:block;}

header .topMenu .responsiveMenu{background:#FFF; color:#000; font-size:32px; font-weight:bold; border:none; cursor:pointer; height:40px; width:50px; display:none; align-items:center; justify-content:center; border-radius:8px;}


.homeBanner{padding:100px 0 0; background:#000; color:#FFF;}
.homeBanner h1{font-size:48px; font-weight:700;}
.homeBanner p{font-size:18px; font-weight:600;}


.productHigh{padding:80px 0; text-align:center;}
.productHigh h2{font-size:30px; font-weight:700;}
.productHigh p{}


.productHigh .homeComanBtn{background:none; border:2px solid #FFB004; min-width:200px; font-weight:700;}


.aiRealHumans{background:#F5F5F5; padding:80px 0;}
.aiRealHumans .typeofHumans{display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; margin:50px 0;}
.aiRealHumans .typeofHumans h3{font-size:24px;}
.aiRealHumans .typeofHumans .items{background:#131718; border-radius:30px; display:flex; justify-content:end; align-items:baseline; overflow:hidden; position:relative;}
.aiRealHumans .typeofHumans .items .mdlText{position:absolute; left:30px; bottom:30px; width:350px; color:#FFF;}
.aiRealHumans .homeComanBtn{width:230px;}

.aiRealHumans .metaText{position:relative;}
.aiRealHumans .metaText span{position:absolute; top:-40px; left:0;}

.cyberHuman{padding:80px 0; text-align:center;}
.cyberHuman h3{font-size:30px; font-weight:700;}
.cyberHuman p{font-size:16px;}
.cyberHuman .homeComanBtn{width:230px;}


.cyberHumanBoxes{display:grid; grid-template-columns:repeat(2, 1fr); gap:40px 30px; margin:50px 0;}
.cyberHumanBoxes .items{border:1px solid #DDD; text-align:left; display:flex; align-items:center; border-radius:18px; padding:15px;}
.cyberHumanBoxes .items img{margin-bottom:-40px;}
.cyberHumanBoxes .items h3{font-size:22px; font-weight:600;}
.cyberHumanBoxes .items p{font-size:16px;}

.proHigh{display:grid; grid-template-columns:repeat(4, 1fr);}
.proHigh .items{background:#F4F3F2; padding:30px 50px 40px;}
.proHigh .items span{display:inline-flex; align-items:center; justify-content:center; background:#FFD375; height:45px; width:45px; border-radius:100%;}
.proHigh .items h3{font-size:17px; font-weight:700; margin:14px 0 8px;}
.proHigh .items:nth-child(2n){background:#FFD375;}
.proHigh .items:nth-child(2n) span{background:#F4F3F2;}


.aboutUs{background:#fff9ec;}
.aboutUs h2{font-size:28px; font-weight:600;}
.aboutUs p{font-size:16px;}
.aboutUs .buttonRed{}


.trustedBy{padding:80px 0; text-align:center;}
.trustedBy h2{font-size:32px; font-weight:600; color:#21272A;}
.trustedBy .customerIcon{margin:0px; padding:0px; display:grid; grid-template-columns:repeat(4,1fr); gap:35px 20px; justify-items:center; align-items:center;}
.trustedBy .customerIcon li{text-align:center;}

footer{padding:80px 0 40px; background:#000; color:#FFF; text-align:center;}
footer h3{font-size:92px; font-weight:700; text-transform:uppercase;}
footer p.emailId a{font-size:34px; font-weight:500; color:#FFF;}
footer p.phoneNumber{font-size:34px; font-weight:500; color:#FFF;}
footer .copyRight{text-align:left;}
footer .futLinks{display:flex; gap:30px; justify-content:center; margin:0px; padding:0px;}
footer .futLinks li a{color:#FFF;}
footer .futSocalMedia{display:flex; gap:20px; justify-content:end; margin:0px; padding:0px;}

.homeComanBtn{background:#FAAB00; font-size:16px; font-weight:600; min-width:120px; color:#000; border-radius:40px; padding:10px;}
.homeComanBtn:hover{color:#000;}
.transParentBtn{background:none; font-size:16px; font-weight:600; min-width:120px; color:#FAAB00; border-radius:40px; padding:10px; border:1px solid #FAAB00;}
.transParentBtn:hover{color:#FAAB00;}

.blackBtn{background:#000; font-size:16px; font-weight:600; min-width:120px; color:#FFF; border-radius:40px; padding:10px; border:1px solid #000;}
.blackBtn:hover{color:#FFF;}

.bgGradient{background:#FFE5E5;
background:linear-gradient(90deg, rgba(255, 229, 229, 1) 0%, rgba(245, 255, 254, 1) 27%, rgba(252, 243, 255, 1) 55%, rgba(255, 244, 229, 1) 100%);}

.scrollTopBtn{display:none; height:50px; width:50px; position:fixed; bottom:50px; right:50px; background:#000; color:#fff; border:none; border-radius:50%; cursor:pointer; font-size:18px; z-index:999; transition:opacity 0.3s ease;}
.scrollTopBtn.show{display:block; opacity:1;}



/* ===== Digital Humans (Owl) ===== */
.digitalHumans .owl-carousel .item { padding: 30px; }
.digitalHumans .owl-carousel .owl-item img{max-width:100%; margin:auto; width:auto;}
.digitalHumans h3 { margin-bottom: 15px; font-weight: 600; }
.digitalHumans p { margin-bottom: 0; font-size: 18px; }
.owl-dots { text-align: center; margin-top: 20px; }
.owl-dots button { width: 12px; height: 12px; border-radius: 50%; margin: 0 6px; }
.owl-nav button {
    position: absolute; top: 40%; background: rgba(0,0,0,0.5) !important;
    color: #fff !important; border-radius: 50%; padding: 8px 14px !important;
}
.owl-nav .owl-prev { left: -40px; }
.owl-nav .owl-next { right: -40px; }

/* ===== Cyber Human Scroll (sticky image + scrolling text) ===== */
.cyberHumanScroll { padding: 80px 0;}
.cyberHumanWrapper{display:flex; align-items:flex-start; gap:40px;}
.cyberContent{flex:1;}
.cyberContent .step { margin-bottom: 500px; }
.cyberHumanWrapper .cyberContent .step .respImg{display:none;}
.cyberHumanScroll h2 { font-size: 30px; font-weight: 700; margin-bottom: 10px; text-align:center; }
.cyberContent h3 { font-size: 22px; font-weight: 600; margin-bottom: 10px;color: #000;}
.cyberImage { flex: 1; position: sticky; top: 150px; text-align: center; }
.cyberImage img { max-width: 90%; transition: opacity 0.5s ease-in-out; }

/* ===== Explore Section (new) ===== */
.exploreSection { background:#fff9ec; padding: 80px 0; }
.exploreSection h2 { font-size: 30px; font-weight: 700; text-align: center; margin-bottom: 10px; }
.exploreSection .sub { text-align:center; color:#555; margin-bottom: 40px; }
.exploreBox { background:#fff; border-radius: 16px; padding: 28px; height: 100%;
    border: 2px solid transparent;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.exploreBox:hover { transform: translateY(-6px); box-shadow: 0 10px 24px rgba(0,0,0,0.10); border-color:#FAAB00; }
.exploreBox img { width:50px; height:50px; object-fit: contain; display:block; margin:0 auto 14px; }
.exploreBox h4 { font-size: 20px; font-weight: 700; margin-bottom: 8px; }
.exploreBox p { font-size: 15px; color: #555; margin:0; }
a.exploreBox {color:#000;}


.cardGhost{background:rgba(255,255,255,0.75); backdrop-filter:blur(6px); border:0}
.stepBubble{flex:0 0 56px; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#faab00; font-size:28px; background:#fff;box-shadow:0 6px 18px rgba(48,63,143,0.08)}

.aiRealHumans h2{font-size: 30px;font-weight: 700;text-align: center;margin-bottom: 10px;}
.aiRealHumans h2 + p{text-align: center;}

@media (max-width: 991.98px){
    .cyberHumanWrapper { flex-direction: column; }
    .cyberContent .step { margin-bottom: 260px; }
    .cyberImage { position: relative; top: 0; }
}


.innerBanner.bnrBlack{background:#333; color:#FFF;}

.innerBanner{padding:180px 0 100px; background:#fffaef; margin-bottom:80px;}
.innerBanner h1{font-size:32px; font-weight:700; text-align:center;}

.feature{display:flex; align-items:center; margin-bottom:80px; gap:40px; background:#fff; border-radius:16px; padding:40px; border:2px solid transparent; box-shadow:0 6px 18px rgba(0,0,0,0.06); transition:all .3s ease;}
.feature:hover{transform:translateY(8px); box-shadow:0 12px 28px rgba(0,0,0,0.12); border-color:#FAAB00;}

.feature-img{flex:1;}
.feature-img img{max-width:100%; border-radius:12px;}

.feature-content{flex:1;}
.feature-content h3{font-size:26px; font-weight:700; margin-bottom:20px;}
.feature-content ul{padding:0; margin:0;}
.feature-content ul li{margin-bottom:12px; font-size:16px; line-height:1.6;}
.feature.reverse{flex-direction:row-reverse;}

@media (max-width: 768px){
    .feature, .feature.reverse{flex-direction:column;}
}


.contentForm{border-radius:30px; box-shadow:0 0 20px #DCDCDC;}
.contentForm h3{font-weight:600;}
.contentForm .form-control{height:48px;border-radius:8px;}
.contentForm .form-label{font-weight:600; margin-bottom:5px;}

.featureDash{margin:0px; padding:0px;}
.featureDash li{position:relative; padding:0 0 20px 100px; }
.featureDash li h3{font-size:22px; font-weight:700; margin-bottom:10px;}
.featureDash li p{font-size:18px;}
.featureDash .imgIcon{position:absolute; left:0px; top:0px;}




@media (max-width:1400px) {
    header .topMenu ul li a{padding:10px 15px;}
}



@media (max-width:1199px) {
    header .topMenu ul li a{padding:10px 8px;}
}



@media (max-width:991px) {

    header.scrolled{border-bottom:1px solid #333;}
    header .topMenu{position:relative;}
    header .topMenu ul.responsiveMenuUl.main{display:block;}
    header .topMenu ul.responsiveMenuUl{display:none; position:absolute; top:100%; background:#444; margin-top:10px; right:0; width:200px; padding:10px 20px;        border-radius:20px;}
    header .topMenu .responsiveMenu{display:flex;}

    .digitalHumans .owl-carousel .item{text-align:center;}
    .digitalHumans .owl-carousel .owl-item img{margin-bottom:30px;}

    .cyberHumanWrapper{align-items:center;}
    .cyberHumanWrapper .cyberImage{display:none;}
    .cyberHumanWrapper .cyberContent .step{text-align:center; margin-bottom:50px;}
    .cyberHumanWrapper .cyberContent .step .respImg{display:block; margin:20px auto 0;}
    
    .homeBanner{text-align:center; padding:150px 0 0;}
    .homeBanner .bannerText{padding:50px;}
    .homeBanner img{width:70%;}
    .proHigh{display:grid; grid-template-columns: repeat(2, 1fr);}
    .proHigh .items:nth-child(2){background:#FFD375;}
    .proHigh .items:nth-child(3){background:#FFD375;}
    .proHigh .items:nth-child(4){background:#F4F3F2;}
    .proHigh .items:nth-child(4) span{background:#FFD375;}
    .proHigh .items:nth-child(3) span{background:#F4F3F2;}

    .cyberHumanBoxes{grid-template-columns:repeat(1, 1fr)}

    .aiRealHumans .typeofHumans .items .mdlText{left:0; bottom:0; padding:10px 20px; width:100%; text-align:center; background:rgb(0, 0, 0, 0.6);}


}



@media (max-width:767px) {

header .topMenu ul li a{padding:10px 20px;}
.aboutUs{text-align:center;}

.homeBanner img{width:80%;}

.weBuild .sectinList ul{flex-direction:row; flex-wrap:wrap; gap:10px 5px; justify-content:center; margin-bottom:10px;}
.weBuild .sectinList ul:after{display:none;}
.weBuild .sectinList li.active:after{display:none;}
.weBuild .sectinList li{padding:6px 20px 8px; border:1px solid #000; border-radius:30px;}

.competGrow{text-align:center;}
.competGrow ul{justify-content: center; gap:10px; margin:20px 0;}
.competGrow .telecaller{margin-top:20px;}

.trustedBy .customerIcon{grid-template-columns:repeat(3,1fr);}

footer h3{font-size:50px;}
footer p.emailId a{font-size:30px;}
footer .copyRight{text-align:center;}
footer .futSocalMedia{justify-content:center; margin:30px 0;}


}


@media (max-width:575px) {

    .homeBanner{padding:150px 0 20px;}
    .homeBanner h1{font-size:40px; font-weight:700;}

    .homeBanner .bannerText{padding:20px 0;}

    .customeBuilt{padding:14px 20px 16px;}

    .homeBanner img{width:60%;}

    .proHigh .items:nth-child(2n){background:#FFD375;}
    .proHigh .items:nth-child(2n) span{background:#F4F3F2;}
    .proHigh .items:nth-child(3n){background:#F4F3F2;}
    .proHigh .items:nth-child(3n) span{background:#FFD375;}
    
    .proHigh{grid-template-columns:repeat(1, 1fr);}
    .aiRealHumans .typeofHumans {grid-template-columns: repeat(1, 1fr);}
    .aiRealHumans .typeofHumans .items{justify-content:center;}

}


@media (max-width:480px) {

    .homeBanner h1{font-size:30px;}

    .cyberHumanBoxes .items{flex-direction:column; text-align:center; gap:20px;}
    .cyberHumanBoxes .items img{margin:0px;}

    .aboutUs{padding:50px 0;}

    footer p.emailId a{font-size:25px;}
    footer h3{font-size:40px;}

    .scrollTopBtn{bottom:15px; right:15px;}

}