@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");


html, body{font-family: "Poppins", sans-serif; height:100%; background:#0b111e;}
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px}
p{margin:0px; padding:0px}
ul {margin:0px; padding:0px; list-style:none}
ul li{margin:0px; padding:0px}
a{text-decoration:none; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.navbar{padding:0px 0px;}
.btn{text-decoration:none; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.navbar{padding:0px 0px;}
.navbar-light .navbar-toggler{border-radius:0px; border-color:#1f4e78; outline:none; box-shadow:none; line-height:inherit; padding:2px 10px; color:#1f4e78}
.navbar-light .navbar-toggler-icon{background:none;}
.navbar-toggler-icon{height:auto; width:auto; background:none;}
.navbar-toggler{color:#a395e9; border:none; outline:none; box-shadow:none; border:1px solid #a395e9; text-shadow:none; box-shadow:none; border-radius:0px;}
.navbar-toggler:focus{box-shadow:none}

#hader{background:#0b111e; padding:10px 0px;}
.navbar-expand-lg .navbar-nav .nav-link{border:1px solid #a395e9; border-radius:100px; padding:10px 25px; margin:0px 5px; font-weight:600; font-size:18px;}
.navbar-expand-lg .navbar-nav .nav-link.phone{color:#000000}
.navbar-expand-lg .navbar-nav .nav-link.phone:hover{color:#fff; background:#a395e9}
.navbar-expand-lg .navbar-nav .nav-link.get:hover{color:#a395e9; background:#0b0c1b}
.navbar-expand-lg .navbar-nav .nav-link.get{color:#fff; background:#a395e9; cursor:pointer}
.navbar-brand{width:110px}


/****banner****/
.topheader{padding:5px 0px; background:#0b111e5e; margin-bottom:50px}
#banner{background:url(../images/bg.jpg) no-repeat top center; background-size:cover; padding:0px 0px 50px}
.toptext h3{font-size:30px; font-weight:700; color:#fff; padding:10px 0px; text-transform:capitalize; background-image: linear-gradient(60deg, #a395e9, #54507f, #a395e9, #54507f, #a395e9, #54507f, #a395e9, #54507f); border-radius:10px;
    -webkit-animation: animatedgradient 3s ease infinite alternate;
    animation: animatedgradient 3s  ease infinite alternate; background-size: 300% 300%; width:50%; margin:10px auto}
	@keyframes animatedgradient {
0% {		background-position: 0% 50%;	}
50% {	background-position: 100% 50%;	}
100% {		background-position: 0% 50%;	}


}




.toptext h3 span img{width:45px; padding-right:10px;}
.toptext h1{font-size:70px; font-weight:800; color:#fff; padding:10px 0px; text-transform:capitalize;}
.toptext h1 span{color:#a395e9;}
.toptext img.borde{box-shadow:0px 0px 3px #a395e9; border:3px solid #a395e9; border-radius:25px; width:90%;}
.toptext p{font-size:18px; font-weight:400; color:#fff; padding:10px 0px; text-transform:capitalize; padding-bottom:30px;}
.toptext{text-align:center}
.butttext{display:flex; flex-wrap:wrap; align-items:center; padding:50px 0px 0px}
.butttext .col3{max-width:20%; flex:20%; padding:0px 10px; text-align:center}
.butttext .col6{max-width:60%; flex:60%; padding:0px 10px}
.butttext a{background:#a395e9; color:#fff; border-radius:100px; text-align:center; font-size:30px; font-weight:600; padding:25px 0px; display:block; width:100%; border:2px solid #a395e9; text-transform:uppercase}
.butttext a:hover{background:#0b0c1b; box-shadow:0px 5px 1px #a395e9}

/****aboutset***/
#aboutsect{background:#0a0b1b; padding:0px 0px 70px; overflow:hidden}
#aboutsect .row{align-items:center}
.blurimg{text-align:center; padding:20px 0px}
.blurimg img{max-width:70%; display:none}
.abottext h3{color:#a395e9; font-size:16px; font-weight:500; padding:5px 0px; text-transform:uppercase;line-height:30px;}
.abottext h3 span{display:block; font-weight:700; }
.abottext h1{color:#fff; font-size:40px; font-weight:400; padding:10px 0px;}
.abottext h1 span{font-weight:700; color:#a395e9; }
.abottext p{color:#dfdfdf; font-size:18px; font-weight:400; padding:15px 0px; text-align:justify}
.abottext p span{font-weight:600; text-decoration:underline}
.abotimg  img{border-radius:25px; width:100%; border:3px solid #fff}
.abottext ul li{color:#dfdfdf; font-size:18px; font-weight:400; padding:8px 0px 8px 32px; position:relative;}
.abottext ul li span{ font-weight:700}
.abottext ul li:before{position:absolute; content:"\F26B"; font-family: "bootstrap-icons"; color:#a395e9; left:0px; top:10px;}
.abotimg {padding:0px 10px}
.abottext h3{color:#a395e9; font-size:18px; font-weight:700; padding:5px 0px; }
.abottext h6{color:#dfdfdf; font-size:16px; font-weight:400; padding:5px 0px 15px; line-height:23px;}




/****ourtools***/
#ourtools{background:#0a0b1b; padding:0px 0px 70px}
.head{text-align:center; padding:0px 0px 40px}
.head h3{color:#a395e9; font-size:18px; font-weight:600; padding:5px 0px; text-transform:uppercase}
.head h1{color:#fff; font-size:45px; font-weight:700; padding:10px 0px; line-height:normal;}
.tollbox{background: rgb(13,15,30);background: linear-gradient(0deg, rgba(13,15,30,1) 0%, rgba(33,34,54,1) 100%); border:1px solid #3b3c5b; padding:20px 18px; border-radius:15px; text-align:center; margin:15px 0px; position:relative;}
.tollbox:before{clip-path: polygon(0 0, 70% 0, 100% 19%, 100% 100%, 0 100%, 0% 50%); position:absolute; content:""; right:-1px; top:-7px; background:#0a0b1b; height:70px; width:70px; border-radius:0px 0px 0px 15px; }
.tollbox img{  max-width:70px; margin:10px auto; display:block}
.tollbox h3{font-size:20px; font-weight:700; color:#fff; padding:12px 0px; text-transform:capitalize}
.tollbox p{font-size:14px; font-weight:400; color:#dfdfdf; padding:5px 0px; min-height:110px}
.tollbox p span{font-weight:700; color:#fff}

/****our Approaches***/
.numberbox{text-align:center; padding:15px 0px}
.numberbox video{border-radius:15px; border:2px solid #fff; width:100%; height:220px;}
.numberbox h1{color:#1a1b27; font-size:150px; font-weight:800; padding:0px 0px; line-height:150px;}
.numberbox h2{font-size:22px; font-weight:700; color:#fff; padding:5px 0px; text-transform:capitalize}
.numberbox p{font-size:15px; font-weight:400; color:#dfdfdf; padding:5px 0px; min-height:90px}
.numberbox p span{font-weight:700; color:#fff}
.butntw {text-align:center; width:65%; margin:50px auto 10px}
/*.butntw ul{display:flex; flex-wrap:wrap;}*/
/*.butntw li{max-width:50%; flex:50%; padding:0px 10px}*/
.butntw li a{border:2px solid #a395e9; color:#fff; background:#a395e9; font-size:18px; font-weight:600; text-transform:uppercase; padding:22px 0px; border-radius:100px; display:block; text-align:center; width:350px; margin:0px auto}
/*.butntw li:last-child a{background:none}*/
.butntw a:hover{background:#0b0c1b; box-shadow:0px 5px 1px #a395e9}





/****Latest Breakthroughs****/
#latestbreakthroughs{background:#0a0b1b; padding:30px 0px 70px; overflow:hidden}
#latestbreakthroughs .row{align-items:center}
.latestb h1{color:#fff; font-size:43px; font-weight:700; padding:10px 0px; text-align:center}
.latestb h1 span{font-weight:700; display:block}
.latestb p{color:#dfdfdf; font-size:18px; font-weight:400; padding:5px 0px; text-align:center}
.latestb p span{font-weight:600; text-decoration:underline}
.latestb ul li{color:#dfdfdf; font-size:17px; font-weight:500; padding:8px 0px 8px 32px; position:relative;}
.latestb ul li:before{position:absolute; content:"\F26B"; font-family: "bootstrap-icons"; color:#a395e9; left:0px; top:10px;}

.aiimg{text-align:center}
.aiimg img{border-radius:20px;}

#latestbreakthroughs.commitment{background:url(../images/bgse.png) no-repeat top center; background-size:cover; padding:30px 0px;}


/****testimonial****/
.testimonial .row{align-items:center;}
.custromhd h1{font-size:32px; font-weight:500; color:#fff; padding:5px 0px}
.custromhd h1 span{font-weight:600; color:#a395e9}
.custromhd p{color:#dfdfdf; font-size:16px; font-weight:400; padding:10px 0px;}
.custrombox{background: rgb(13,15,30);background: linear-gradient(0deg, rgba(13,15,30,1) 0%, rgba(33,34,54,1) 100%); border:1px solid #3b3c5b; padding:15px 18px; border-radius:15px; }
.custrombox p{color:#dfdfdf; font-size:16px; font-weight:400; padding:10px 0px; min-height:167px}
.custrombox h3{color:#fff; font-size:18px; font-weight:600; padding:5px 0px;}
.clietnnam{display:flex; flex-wrap:wrap; align-items:center; padding:10px 0px;}
.clietnnam .col2{max-width:20%; flex:20%;}
.clietnnam .col8{max-width:80%; flex:80%; padding:0px 10px}
.clietnnam .col8 img{max-width:100px;}

/***faq***/
.accordion{background:none;--bs-accordion-bg:none}
.accordion-item:first-of-type .accordion-button{background:none;}
.accordion-header{background:none}
.accordion-item{background:none; border-radius:0px; margin:15px 0px; border:1px solid #585968; border-radius:10px;}
.accordion-item:last-of-type{background:none; border-radius:0px; margin:15px 0px; border:1px solid #585968; border-radius:10px; outline:none; box-shadow:none}
.accordion-item:first-of-type{background:none; border-radius:0px; margin:15px 0px; border:1px solid #585968; border-radius:10px;outline:none; box-shadow:none}
.accordion-item:not(:first-of-type){background:none; border-radius:0px; margin:15px 0px; border:1px solid #585968; border-radius:10px;outline:none; box-shadow:none}
.accordion-button:not(.collapsed){color:#fff; background:none; box-shadow:none}
.accordion-button{font-size:22px; font-weight:700; color:#fff; outline:none; box-shadow:none; background:none; border:none}
.accordion-button span{color:#a395e9; padding-right:5px;}
.accordion-button:focus{border:none; box-shadow:none}
.accordion-button::after{background:none; content:"\F282"; position:absolute; right:12px; top:19px; color:#fff; font-size:18px; font-family: "bootstrap-icons";}
.accordion-body p{font-size:17px; font-weight:500; color:#fff}


/***footer***/
#footer{background:#a395e9; padding:50px 0px 10px; position:relative; z-index:99}
.fotltext {text-align:center}
.fotltext h1{color:#0b111e; font-size:38px; font-weight:700; padding:10px 0px;}
.fotltext p{color:#0b111e; font-size:16px; font-weight:400; padding:25px 0px;}
.fotltext p a{color:#0b111e; font-size:16px; font-weight:400; padding:5px 9px;}
.fotltext ul li a{color:#a395e9; font-size:18px; font-weight:400; padding:5px 9px; background:#0b111e; border-radius:9px; padding:6px 10px;}
.fotltext ul li{display:inline-block; padding:5px 10px;}
.fotltext ul{padding:8px 0px;}
.fotltext h6{color:#0b111e; font-size:14px; font-weight:400; padding:50px 0px 17px;}


/***after***/
#getstratf{position:relative; padding:50px 0px 30px}
.form{display:flex; flex-wrap:wrap;}
.form .col6{max-width:50%; flex:50%; padding:6px;}
.form .col12{max-width:100%; flex:100%; padding:6px;}
.form .form-control{background:none; border:1px solid #222337; padding:18px 15px; border-radius:100px; font-size:15px; font-weight:500; color:#fff; outline:none; box-shadow:none}
.form .btn{border:2px solid #a395e9; color:#fff; background:#a395e9; font-size:16px; font-weight:600; text-transform:uppercase; padding:18px 0px; border-radius:100px; display:block; text-align:center;  width:100%;}
.form .btn:hover{background:#0b0c1b; box-shadow:0px 5px 1px #a395e9}
.gethad h1{font-size:35px; font-weight:600; color:#fff; padding:5px 0px}
.gethad h1 span{font-weight:700; color:#a395e9}
.gethad p{color:#dfdfdf; font-size:16px; font-weight:400; padding:10px 0px;}
.gethad img{border-radius:20px; margin-top:10px}

.modal-content{background: rgb(13,15,30);background: linear-gradient(0deg, rgba(13,15,30,1) 0%, rgba(33,34,54,1) 100%); border:1px solid #3b3c5b;  border-radius:15px;}
.poupform{text-align:center; display:flex; flex-wrap:wrap;}
.poupform h1{font-size:30px; font-weight:700; color:#fff; padding:5px 0px; text-transform:uppercase}
.poupform h1 span{font-weight:700; color:#a395e9}
.poupform p{color:#dfdfdf; font-size:16px; font-weight:400; padding:10px 0px;}
.poupform .col12{padding:10px 0px; max-width:100%; flex:100%; padding:7px 7px}
.poupform .col6{padding:10px 0px; max-width:50%; flex:50%; padding:7px 7px}

.poupform .form-control{background:#ffffff12; border:1px solid #222337; padding:18px 15px; border-radius:100px; font-size:15px; font-weight:500; color:#fff; outline:none; box-shadow:none}
.poupform .btn{border:2px solid #a395e9; color:#fff; background:#a395e9; font-size:16px; font-weight:600; text-transform:uppercase; padding:18px 0px; border-radius:100px; display:block; text-align:center;  width:100%;}
.poupform .btn:hover{background:#0b0c1b; box-shadow:0px 5px 1px #a395e9}
.modal-header{padding:0px; border:none}
.modal-header .btn-close{margin:0px; background:#a395e9; color:#fff; opacity:9; right:-8px; top:-8px; border-radius:100px; position:absolute; z-index:99; padding:4px 4px; font-weight:700; font-size:18px; height:30px; width:30px;}
.btnse{color:#fff; cursor:pointer}


.btnboxd{position:fixed; bottom:0px; left:0px; right:0px;  background:#0a0b1b; display:none}
.fixdbuton {text-align:center; margin:24px 0px}
.fixdbuton ul{ margin:0px 0px 10px}
.fixdbuton li a{border:2px solid #a395e9; color:#fff; background:#a395e9; font-size:15px; font-weight:600; text-transform:uppercase; padding:18px 0px; border-radius:100px; display:block; text-align:center; width:300px; margin:0px auto}
.fixdbuton a:hover{background:#0b0c1b; box-shadow:0px 5px 1px #a395e9}
select{background:none; outline:none; box-shadow:none;}


 
@media (min-width: 992px) and (max-width: 1199px) {
.navbar-expand-lg .navbar-nav .nav-link{font-size:15px;}	
.navbar-brand{width:90px;}
.toptext h3{font-size:24px;}
.toptext h1{font-size:55px;}
.toptext p{font-size:16px;}
.butttext a{font-size:24px;}

/**about***/
.abottext h3{font-size:16px;}
.abottext h1{font-size:43px;}
.abottext p{font-size:17px;}

/***tool***/
.head h1 br{display:none}
.head h1{font-size:39px;}
.tollbox h3{font-size:18px;}
.tollbox p{font-size:15px;}

/****our Approaches***/
.numberbox h1{font-size:110px}
.numberbox h2{font-size:21px;}
.numberbox p{font-size:15px; min-height:inherit}
.butntw{width:80%;}

/****Latest Breakthroughs****/
.latestb h1{font-size:35px;}
.latestb p{font-size:17px;}
.latestb ul li{font-size:16px;}
.abottext ul li{font-size:16px;}
.accordion-button{font-size:20px;}
.gethad h1{font-size:25px;}
.poupform h1{font-size:28px}
.fixdbuton ul{width:85%; margin:0px auto}

.fixdbuton{width:100%}
.fixdbuton li{padding:0px 3px;}
.fixdbuton li a{font-size:15px; padding:17px 0px; width:100%; display:block}
.toptext video{width:84%; height:448px;}

}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-expand-lg .navbar-nav .nav-link{font-size:15px; margin:7px 0px; text-align:center; padding:12px 0px;}	
.navbar-brand{width:90px;}
.toptext h3{font-size:22px; width:70%;}
.toptext h1{font-size:55px;}
.toptext p{font-size:15px;}
.butttext a{font-size:16px;}

/**about***/
.abottext h3{font-size:16px;}
.abottext h1{font-size:43px;}
.abottext p{font-size:17px;}
.abotimg{padding:20px 0px 10px; text-align:center}	
.abottext ul li{font-size:16px;}
/***tool***/
.head h1 br{display:none}

.head h1{font-size:41px;}
.tollbox h3{font-size:21px;}
.tollbox p{font-size:15px; min-height:105px}

/****our Approaches***/
.numberbox h1{font-size:120px}
.numberbox h2{font-size:20px;}
.numberbox p{font-size:15px; min-height:inherit}
.butntw{width:100%;}
.butntw li a{font-size:16px; padding:18px 0px}

/****Latest Breakthroughs****/
.latestb h1{font-size:35px;}
.latestb p{font-size:17px;}
.latestb ul li{font-size:16px;}
.aiimg{padding-top:20px}
.aiimg img{width:100%;}


.custrombox p{min-height:inherit;}
.custrombox{margin:10px 0px}
.custromhd img{margin:20px 0px; max-width:240px}
.accordion-button{font-size:18px;}
.accordion-body p{font-size:15px;}
.footelog h5{font-size:20px;}
.footelog ul li a{font-size:15px;}
.flow{float:none; padding:15px 0px 0px}
.para p{text-align:center; padding:5px 0px;}
.para{text-align:center}

.form .col6{max-width:50%; flex:50%;}

.gethad{text-align:center}
.gethad img{margin:20px 0px}
.poupform h1{font-size:28px}

.fixdbuton ul{width:100%}

.fixdbuton{width:100%}
.fixdbuton li{padding:0px 3px;}
.fixdbuton li a{font-size:15px; padding:17px 0px; width:100%; display:block}
.toptext video{height:354px;}
.copar p{text-align:center}
}
@media (max-width: 767px) {
 .navbar-expand-lg .navbar-nav .nav-link{font-size:15px; margin:7px 0px; text-align:center; padding:12px 0px;}	
.navbar-brand{width:120px; margin:0px}
.toptext video{height:210px;}
.copar p{text-align:center}
.toptext h3{font-size:18px; width:100%;}
.toptext h3 span img{width:30px;}
.toptext h1{font-size:32px; padding:0px}
.toptext p{font-size:15px; padding-bottom:20px;}
.butttext a{font-size:15px; padding:15px 0px;}
.butttext .col3{max-width:10%; flex:10%; padding:0px 5px; display:none}
.butttext .col6{max-width:100%; flex:100%; padding:0px 5px;}
.butttext{padding-top:18px;}

/**about***/
.abottext h3{font-size:15px; line-height:23px}
.abottext h1{font-size:30px;}
.abottext p{font-size:15px;  text-align:left}
.abotimg{padding:20px 0px 10px; text-align:center}
#aboutsect{padding-bottom:30px;}
.blurimg img{max-width:100%}

/***tool***/
.head {padding-bottom:20px;}
.head h3{font-size:16px;}
.head h1{font-size:28px;}
.head h1 br{display:none}
.tollbox h3{font-size:20px;}
.tollbox img{max-width:80px;}
.tollbox p{font-size:15px; min-height:inherit}
.tollbox{margin:10px 0px;}
#ourtools{padding-bottom:30px;}

/****our Approaches***/
.numberbox{padding:10px 0px;}
.numberbox h1{font-size:90px}
.numberbox h2{font-size:20px;}
.numberbox p{font-size:15px; min-height:inherit}
.butntw{width:100%; margin:0px auto}
.butntw li{max-width:100%; flex:100%; padding:7px 0px;}
.butntw li a{font-size:15px; padding:18px 0px; width:100%;}


/****Latest Breakthroughs****/
#latestbreakthroughs{padding-bottom:30px}
.latestb h1{font-size:25px;}
.latestb p{font-size:15px; }
.latestb ul li{font-size:14px; padding-left:24px;}

.abottext ul li{font-size:14px; padding-left:24px;}
.aiimg{padding-top:20px}
.aiimg img{width:100%;}
.custromhd h1{font-size:25px;}

.custrombox p{min-height:inherit;font-size:14px;}
.custrombox{margin:10px 0px}
.custromhd img{margin:20px 0px; max-width:240px}
.accordion-button{font-size:16px;}
.accordion-body p{font-size:14px;}
.footelog h5{font-size:20px;}
.footelog ul li a{font-size:15px;}
.flow{float:none; padding:15px 0px 0px}
.para p{text-align:center; padding:5px 0px;}
.para{text-align:center}
#footer{padding:30px 0px 20px}

.gethad{text-align:center}
.gethad img{margin:20px 0px}
.gethad h1{font-size:25px;}
.gethad p{font-size:15px;}
.form .col6{max-width:100%; flex:100%; padding:5px 0px;}
.form .col12{max-width:100%; flex:100%; padding:5px 0px;}
.form .form-control{padding:13px 15px; font-size:14px;}
.form .btn{padding:13px 12px;}


.poupform .col6{max-width:100%; flex:100%;}
.poupform h1{font-size:24px}
.poupform p{font-size:15px;}
.poupform .form-control{padding:13px 15px; font-size:14px;}
.poupform .btn{padding:13px 12px;}

.fixdbuton ul{width:100%}

.fixdbuton{width:100%}
.fixdbuton li{padding:0px 3px;}
.fixdbuton li a{font-size:12px; padding:12px 0px; width:100%; display:block}
.footimglo ul{text-align:center}

.mobe .col-md-6{max-width:50%; flex:50%;}
.logor img{max-width:140px}
.logof img{max-width:90px}
.footimglo{padding:10px 0px 0px}

}


@media (max-width: 480px) {
.toptext p{font-size:14px;}
}

@media (max-width: 370px) {

}

@media (max-width: 320px) {

}