@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

body,html,p{margin:0px; padding:0px; font-family: "Open Sans", sans-serif;}
*{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; font-family: "Source Sans 3", sans-serif;}
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; position:fixed; top:0px; z-index:9; width:100%; transition:all 0.5s;}

header.scrolled{padding:8px 0; background:#FFF; box-shadow:0 0 5px #bbb;}

header a.topLogo{display:block;}
header a.topLogo img{max-height:45px;}

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{position:relative;}
header .topMenu ul li .subMenu{position:absolute; top:100%; left:0px; background:#FFF; padding:10px 0; box-shadow:0 0 5px #bbb; border-radius:8px; display:none; min-width:290px; z-index:99;}
header .topMenu ul li:hover .subMenu{display:block;}
header .topMenu ul .subMenu li a{padding:10px 20px;}
header .topMenu ul .subMenu li a:hover{background:#0097E6; color:#FFF;}
header .topMenu ul li a{color:#000; font-size:16px; font-weight:600; padding:12px 20px; display:block;}

header .topMenu .responsiveMenu{background:#0097E6; color:#FFF; padding:13px; font-weight:bold; border:none; cursor:pointer; height:40px; width:50px; display:none; align-items:center; justify-content:center; border-radius:8px;}
header .transParentBtn{color:#000; border:1px solid #0097E6; background:#FFF;}
header .transParentBtn:hover{color:#000;}


.homeBanner{padding:150px 0 80px; background: #D2B8FF;
background: linear-gradient(311deg, rgba(210, 184, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(234, 222, 255, 1) 100%);}

.homeBannerText p{font-size:16px; font-weight:500; color:#000;}
.homeBannerText h1{font-size:78px; font-weight:800; text-transform:uppercase; line-height:75px; color:#000; margin-bottom:30px;}

.homeBanner h2{font-size:40px; font-weight:600; color:#000;}


.cstSection{padding:60px 0;}
.cstSection:nth-of-type(odd){background:#f1f9ff;}
.cstSection h2.pageTitle{color:#000; margin-bottom:30px; font-weight:600; text-align:center; font-size:38px; position:relative;}
.cstSection p{margin-bottom:20px; font-size:16px; color:#000; line-height:26px;}


.howToWorks{text-align:center; padding:80px 0;}
.howToWorks h2{font-size:60px; font-weight:bold; text-transform:uppercase;}
.howToWorks h4{font-size:24px; font-weight:bold; }

.workList{display:flex; justify-content:center; align-items:center; padding:0px; margin:40px 0;}
.workList li{width:250px; height:250px; text-align:center; background:#E8DBFF; border:1px solid #C39DFF; display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:100%;}
.workList li:nth-child(odd){background:#F1E9FF; border-color:#CCACFF;}
.workList li a{color:#000; font-weight:600;}
.workList li p{font-weight:600;}
.workList li + li{margin-left:-40px; box-shadow:-6px 0px 10px -10px #000;}



.aiDriven{padding:50px 0; background: #D2B8FF;
background: linear-gradient(311deg, rgba(210, 184, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(234, 222, 255, 1) 100%);}

.aiDriven h2{font-size:40px; font-weight:bold; line-height:50px; text-transform:uppercase;}
.aiDriven h3{font-size:30px; font-weight:bold;}

.whatFlowlinks{background:#F5F5F5; padding:60px 0;}
.whatFlowlinks h2{font-size:40px; font-weight:bold; text-transform:uppercase;}
.whatFlowlinks h4{font-size:25px; font-weight:bold;}
.whatFlowlinks p{font-size:16px; font-weight:500;}

.whatFlowlinks .featureList{margin:0px; padding:0px; display:flex; flex-direction:column; gap:20px;}
.whatFlowlinks .featureList li{display:flex; align-items:center; gap:15px; background:#FFF; border:1px solid #9A9A9A; padding:8px 15px; border-radius:10px;}


.whatFlowlinks ul.customeTab{display:flex; justify-content:center; gap:25px; border:0px; margin-bottom:40px;}
.whatFlowlinks ul.customeTab li a{background:#FFF; border-radius:30px; border:1px solid #BCB9C2; color:#000; font-size:16px; font-weight:500; margin:0; padding:10px 40px;}
.whatFlowlinks ul.customeTab li a:hover,
.whatFlowlinks ul.customeTab li a.active{border-color:#7D35FD;}



.ourSuccess{background:#F5F5F5; padding:80px 0 180px;}
.ourSuccess h2{font-size:40px; font-weight:bold; text-transform:uppercase;}
.ourSuccess .midBox{padding:60px; border-radius:10px; border:1px solid #CCC; background: #EDE4FF;
background: linear-gradient(0deg, rgba(237, 228, 255, 1) 0%, rgba(255, 255, 255, 1) 50%);}

.ourSuccess .itemsBox{border:1px solid #CCC; background:#FFF; padding:15px; border-radius:20px;}
.ourSuccess .itemsBox h3{font-size:20px; font-weight:600; margin:10px 0;}
.ourSuccess .itemsBox p{font-size:16px;}
.ourSuccess .itemsBox .readMore{color:#000; border-bottom:1px solid #000; display:inline-flex; align-items:center; gap:10px;}
.ourSuccess .itemsBox .readMore img{width:auto;}
.ourSuccess .shareSuccess{margin:50px 0 -180px;}


.agentAssist{padding:100px 0;
    /* background:#D2B8FF;
    background: linear-gradient(311deg, rgba(210, 184, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(234, 222, 255, 1) 100%); */
}

.agentAssist h2{font-size:40px; font-weight:bold; text-transform:uppercase;}

.agentAssist ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:50px; align-items:center;}
.agentAssist .midImgass{position:relative;}
.agentAssist .midImgass::after{content:""; background:url(../img/dash-circle.png); position:absolute; top:-40px; left:-140px; height:486px; width:486px;}
.agentAssist .midImgass img{width:350px; position:relative; z-index:2;}
.agentAssist ul li .flagBox{background:#FFF; border:1px solid #928F8F; padding:20px; border-radius:15px; position:relative; z-index:2;}
.agentAssist ul li .flagBox h3{font-size:18px; font-weight:500; margin-bottom:6px;}
.agentAssist ul li .flagBox p{font-size:15px;}
.agentAssist ul li .realTime{background:#FFF; position:relative; z-index:2; padding:8px 15px; border-radius:8px; margin-left:-90px; box-shadow:0 0 15px #8D48FF; border:1px solid #8D48FF;}


.areaExcellence{padding:60px 0 50px;}
.areaExcellence h2{font-size:40px; color:#1E1E1E; font-weight:bold; text-transform:uppercase;}
.areaExcellence h4{font-size:20px; font-weight:bold;}
.areaExcellence .areaExcellGrid{display:grid; grid-template-columns: repeat(3, 1fr); gap:25px;}
.areaExcellence .areaExcellGrid .itemsBox{display:flex; align-items:flex-start; gap:20px; border:1px solid #C7C5C9; background:#FFF; border-radius:10px; padding:15px;}
.areaExcellence .areaExcellGrid .itemsBox h3{font-size:18px; color:#1E1E1E; font-weight:600; margin-bottom:5px;}
.areaExcellence .areaExcellGrid .itemsBox p{font-size:16px;}


footer{padding:50px 0; background:#3B1381; color:#FFF;}
footer h2{font-size:100px; font-weight:bold; color:#FFF;}
footer .emailNumber{color:#FFF; font-weight:bold;}
footer .emailNumber a{color:#FFF;}
footer .emailNumber p{font-size:30px;}
footer h3{font-size:20px; color:#FFF; font-weight:500; margin-bottom:10px;}
footer ul.futLinks{margin:0px; padding:0px;}
footer ul.futLinks li{line-height:30px;}
footer ul.futLinks a{color:#FFF; font-size:15px;}

footer .homeComanBtn{background:none; border:1px solid #FFF; padding:8px 40px; min-width:200px;}
footer .futMedia{margin:0px; padding:0px; gap:10px; display:flex; align-items:center; justify-content:flex-end;}


.homeComanBtn{background:#6E27E0; font-size:16px; font-weight:600; min-width:120px; color:#FFF; border-radius:40px; padding:10px 30px;
background:linear-gradient(80deg, rgba(110, 39, 224, 1) 0%, rgba(70, 15, 158, 1) 100%);}
.homeComanBtn:hover{color:#FFF;}
.transParentBtn{background:none; text-align:center; font-size:16px; font-weight:600; min-width:120px; color:#FFF; border-radius:40px; padding:10px 20px; border:1px solid #FFF;}
.transParentBtn:hover{color:#FFF;}

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

.bgGradient2{background:#D2B8FF;
background: linear-gradient(311deg, rgba(210, 184, 255, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(234, 222, 255, 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;}



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


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



@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 li a{color:#FFF;}
    header .topMenu ul.responsiveMenuUl.main{display:block;}
    header .topMenu ul.responsiveMenuUl{display:none; position:absolute; top:100%; background:#0097e6; margin-top:10px; right:0; width:320px; padding:10px 20px; border-radius:20px;}
    header .topMenu .responsiveMenu{display:flex;}
    header .topMenu ul .subMenu li a{padding:6px 20px;}
    header .topMenu ul.responsiveMenuUl .subMenu{display:block; background:rgba(255,255,255,0.1); box-shadow:none; padding:0; position:relative; min-width:auto;}

    .homeBanner{text-align:center;}
    .homeBannerText{margin-bottom:60px;}
    .homeBannerText h3{font-size:40px; margin:10px 0 20px;}

    .workList li{width:180px; height:180px;}

    .agentAssist ul{grid-template-columns: repeat(1, 1fr);}

    .areaExcellence .areaExcellGrid{grid-template-columns: repeat(2, 1fr);}
    


 
}



@media (max-width:767px) {

    header .topMenu ul li a{padding:10px 20px;}
    
    .feature, .feature.reverse{flex-direction:column;}
    
    footer{text-align:center;}
    footer .futMedia{justify-content:center; margin-top:15px;}
    
    .areaExcellence .areaExcellGrid{grid-template-columns:repeat(1, 1fr)}

    .ourSuccess .midBox{padding:20px;}

    .aiDriven{text-align:center;}
    .whatFlowlinks ul.customeTab{gap:10px; margin-bottom:30px;}
    .whatFlowlinks ul.customeTab li a{padding:10px 20px;}
    footer h2{font-size:80px;}
    .agentAssist ul{margin:0px; padding:0px;}
    .agentAssist ul li .realTime{margin:0px;}

    .workList{flex-wrap:wrap; gap:10px;}
    .workList li{width:150px; height:150px;}
    .workList li + li{margin:0px; box-shadow:none;}

    .homeBannerText h1{font-size:60px; font-weight:800; text-transform:uppercase; line-height:60px; color:#000; margin-bottom:30px;}
    .howToWorks h2{font-size:50px;}


}


@media (max-width:575px) {

    
    
    .scrollTopBtn{height:40px; width:40px; bottom:10px; right:10px;}
    
}


@media (max-width:480px) {
    
    header .transParentBtn{min-width:100px;}

    .homeBannerText h3{font-size:28px; margin:10px 0 20px;}
    
    .homeBanner{padding:120px 0 40px;}
    .homeBannerText h1{font-size:40px; line-height:45px;}
    .howToWorks{text-align:center; padding:50px 0;}

    .workList{margin:20px 0;}

    .aiDriven h2{font-size:25px; line-height:30px;}



}