@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;}

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

.homeBanner{text-align:center; padding:80px 0;}
.homeBanner h1{font-size:62px; font-weight:700;}
.homeBanner p{font-size:18px; font-weight:600;}


.customeBuilt{display:flex; justify-content:space-around; border-radius:50px; color:#FFF; background:rgba(0,0,0,0.7); max-width:650px; margin:0 auto; padding:14px 60px 16px;}
.customeBuilt h3{font-size:32px; font-weight:600;}
.customeBuilt p{font-size:16px; font-weight:400;}


.weBuild{background:#F7F7F5; padding:80px 0; position:relative;}
.weBuild h2{font-size:28px; font-weight:600;}
.weBuild p{font-size:16px;}
.weBuild .sectinList{position:sticky; top:100px;}
.weBuild .sectinList ul{margin:0; padding:0; position:relative; display:flex; flex-direction:column; gap:30px;}
.weBuild .sectinList li{padding-left:20px; position:relative;}
.weBuild .sectinList li.active:after{content:""; position:absolute; top:0px; left:-2px; height:100%; width:5px; background:#F63636;}
.weBuild .sectinList li a{font-size:20px; font-weight:600; display:block; color:#000; padding:12px 0;}
.weBuild .sectinList ul::after{content:""; position:absolute; height:100%; width:1px; top:0px; left:0px; background:#F63636;}

/* .stickyBox{position:sticky; top:100px;} */

.aiPoweredCrm{opacity:0.5; transition:opacity 0.4s ease;}
.aiPoweredCrm.active{opacity:1;}
.sectinList ul li{cursor:pointer; opacity:0.5; transition:opacity 0.4s ease;}
.sectinList ul li.active{font-weight:bold; opacity:1;}

.competGrow{border-radius:20px; padding:30px 50px; max-width:1100px; margin:0 auto; color:#FFF; background:#FF6565;
background: linear-gradient(13deg, rgba(255, 101, 101, 1) 0%, rgba(220, 154, 63, 1) 48%, rgba(255, 118, 118, 1) 100%);
}
.competGrow h2{font-size:35px; font-weight:700;}
.competGrow p{font-size:18px;}
.competGrow ul{margin:15px 0 25px; padding:0px; display:flex; flex-wrap:wrap; gap:20px;}
.competGrow ul li a{display:block; font-weight:500; background:#FFF; padding:6px 25px; border:1px solid #B5B3B3; border-radius:30px; color:#1E1E1E;}
.competGrow .buttonRed{border:2px solid #FFEDED;}
.competGrow .telecaller{margin-top:-70px;}



.ourTools{padding:100px 0; text-align:center;}
.ourTools h2{font-size:28px; font-weight:600;}
.ourTools p{font-size:16px;}


.ourTools .aiIconList .slick-slide{display:flex; padding:20px 0;}
.ourTools .aiIconList .slick-slide > div{padding:8px 10px; background:#FFF; box-shadow:3px 5px 10px #d9d9d9; border-radius:15px;}
.ourTools .aiIconList img{height:68px; width:68px;}


.aboutUs{padding:80px 0;}
.aboutUs h2{font-size:28px; font-weight:600;}
.aboutUs p{font-size:16px;}

.trustedBy{background:#F7F7F5; 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:60px 0;}
footer .futSocialIcon{margin:20px 0 0; padding:0px; display:flex; gap:10px;}
footer .futSocialIcon li a{display:block;}

footer h2{font-size:18px; font-weight:600;}
footer p{font-size:16px; color:#F63636; font-weight:500;}
footer p a{color:#F63636;}


.buttonRed{background:#F63636; font-size:16px; font-weight:600; min-width:120px; color:#FFF; border-radius:10px; padding:10px;}

.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%);}




@media (max-width:1199px) {
    
}



@media (max-width:991px) {
    
}



@media (max-width:767px) {

.topMenu{border-top:1px solid #f63636; margin-top:15px; border-bottom:1px solid #f63636;}
.aboutUs{text-align:center;}

.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);}

}


@media (max-width:575px) {

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

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

}