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

/*KR*/
.selected-dial-code {
    display: none !important;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 50px !important;
	top:22% !important;
}
.selected-flag{
	width: 50px !important;
	top:22% !important;
}
#Phone-form{
	padding-left: 60px !important;
}

/* Home Page CSS */
p{
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 30px;
}
.home-banner-block{
	background:url("../img/home-banner.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	padding:180px 0;
	text-align:center;
	
}


	.single .home-banner-block {
    display: none;
}

.head-navbar {
	background:black;
}




.blogcat-view {
    padding: 97px 0 !important;
}
.home-banner-block h1{
	color:#fff;
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 35px;
	line-height:50px;
	text-transform: capitalize;
}
.home-banner-block p{
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	color:#fff;
	font-size: 22px;
	line-height: 34px;
	margin-bottom:80px;
}
.home-banner-block .banner-btn{
	background:none;
	border: 2px solid #FFFFFF;
	padding:10px 25px;
	border-radius: 39px;
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	color:#fff;
	font-weight: 600;
	font-size: 16px;
	line-height: 27px;
	text-transform: capitalize;
}
.home-intro{
	padding:50px 0;
}
.home-intro h2{
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 30px;
	line-height: 47px;
	color: #262A37;
	text-transform: capitalize;
	width:85%;
	margin-left: 0;
}
.home-intro p{
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 30px;
	/* or 175% */
	width:80%;
    margin-bottom:30px;

	color: #181818;
}
.default-btn{
	text-decoration: none;
	font-family: 'Nunito Sans', sans-serif;
	color:#fff;
	font-weight: 600;
	font-size: 18px;
	padding:10px 25px;
	text-transform:capitalize;
	border:0;
	line-height: 27px;
	background:linear-gradient(185deg, rgba(255,255,255,1) 0%, rgba(154,42,253,1) 0%, rgba(221,61,248,1) 100%);
	border-radius: 35.5px;
}
.default-btn:hover{
	cursor:pointer;
	color:#fff;
}
.indus-we-serve{
	background: #F5F5F5;
	padding:50px 0;
}
.default-heading{
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 40px;
	line-height: 49px;
	color: #262A37;
}
.indus-we-serve p{
	font-size:22px;
	color: #262A37;
}
.wrap-feature41-box .f41-tab {
    display: block;
	margin-left:0;
}
.wrap-feature41-box .f41-tab li {
	margin-left:0;
}
.wrap-feature41-box .f41-tab li a {
    padding: 10px 20px;
	padding-right:0;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 31px;
	text-transform: capitalize;
	color: #262A37;
}
.wrap-feature41-box .f41-tab li a.active h5{
	font-weight:800;
	color: #262A37;
	position:relative;
}
.wrap-feature41-box .f41-tab li a.active h5:before{
	width: 9px;
    height: 25px;
    content: '';
    position: absolute;
    left: -21px;
    top: 0;
    /* background: linear-gradient(175.34deg, #ED2775 0%, #FF7448 122.48%); */
	background:linear-gradient(185deg, rgba(255,255,255,1) 0%, rgba(154,42,253,1) 0%, rgba(221,61,248,1) 100%);
}

.wrap-feature41-box .f41-tab li a .t-icon {
    margin-right: 25px;
    color: #8d97ad;
}

.wrap-feature41-box .f41-tab li a h5 {
    font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 31px;
	text-transform: capitalize;
	color: #262A37;
}

.wrap-feature41-box .f41-tab li a h6 {
    font-size: 14px;
    margin-bottom: 0px;
}

.wrap-feature41-box .f41-tab li a.active .t-icon, .wrap-feature41-box .f41-tab li a:hover .t-icon {
    background: #00b4ff;
    background: -webkit-linear-gradient(legacy-direction(to right), #00b4ff 0%, #00b4ff 100%);
    background: linear-gradient(to right, #00b4ff 0%, #00b4ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
.vertical-tab-box{
	padding:40px;
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
	background:#fff;
	margin-top:20px;
}
.vertical-tab-box .img-box {
	height:115px;
	overflow:hidden;
}
.vertical-tab-box:hover .img-box img{
	transform: scale(1.5);
}
.vertical-tab-box .img-box img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition: 0.6s;
}
.vertical-tab-box .content-box {
	padding-top:30px;
}
.vertical-tab-box .content-box h4{
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 800;
	font-size: 24px;
	line-height: 31px;
	text-transform: capitalize;
	color: #a92efb;
}
.vertical-tab-box .content-box p{
	font-size:17px;
	margin-bottom:35px;
}
.technology-suit-block{
	background: url(../img/technology-bg.jpg);
    padding: 50px 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.technology-suit-block p{
	font-size:22px;
}
.tech-suitebox{
	border: 1px solid #ddd;
	padding:20px;
	margin-top:30px;
	
}
.tech-suitebox:hover .tech-icon img{
	transition:0.6s;
	transform: rotate(360deg);
}
.tech-suitebox .tech-icon {
	margin-bottom:30px;
}
.tech-suitebox .tech-icon img{
	float:right;
}
.tech-suitebox h4{
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	text-transform: capitalize;
	color: #262A37;
}
.tech-suitebox h4 img{
	float:right;
	padding-left:30px;
}
.tech-suitebox p{
	color: #262A37;
	font-size:17px;
	 min-height: 119px;
}
.tech-suitebox a{
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 31px;
	text-transform: capitalize;
	color: #FF7448;
}
.mt-60{
	margin-top:60px;
}
.home-testmonial{
	padding:50px 0;
	background: #F5F5F5;
}
.mt-30{
	margin-top:30px;
}
.home-testmonial .default-btn{
	display:inline-block;
	margin-top:40px;
}
div#home-testi {
    padding: 0 8px;
}
.home-testibox{
	background:#fff;
	padding:30px;
	border-bottom:2px solid #FF7448;
	height:100%;
	box-shadow: 0px 4px 37px 3px rgba(0, 0, 0, 0.07);
}
.home-testibox p{
	color: #262A37;
}
.home-testibox h5{
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 31px;
	text-transform: capitalize;
	color: #262A37;
	display:inline-block;
}
.home-testibox  ul{
	list-style-type:none;
	display:inline-block;
	margin:0;
	padding:0;
	padding-left:20px;
}
.home-testibox  ul li{
	display:inline-block;
	margin-left:0;
}
.home-testibox  ul li i{
	font-size:15px;
	color:#F8AC1A;
}
#home-testi.owl-carousel .owl-stage{
	display:flex;
}
#home-testi  .owl-dots .owl-dot.active span, #home-testi  .owl-dots .owl-dot:hover span {
    background: #ED2775;
}
#home-testi .owl-nav.disabled+.owl-dots{
	margin-top:30px;
}
.align-items-center{
	align-items:center;
}


/* AI Application Development CSS */

.single-banner{
	background:url("../img/app-dev-banner.png");
	background-size:cover;
	background-repeat:no-repeat;
	min-height: 301px;
	padding-top: 98px !important;
}
.single-banner h1{
	color:#fff;
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 45px;
	line-height: 45px;
	margin-bottom:0;
}
.single-banner img{
	margin-top:30px;
}
.ai-appdev-intro{
	padding:50px 0 30px;
}
.ai-appdev-intro .main-intro{
	text-align:center;
	padding-bottom:30px;
	border-bottom:1px solid #ddd;
}
.ai-appdev-intro .main-intro p{
	color: #262A37;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.key-benefits{
	padding:40px 0;
	background: #F5F5F5;
}
.key-benefits .default-heading{
	text-align:center;
}
.key-benefits .key-benefits-box{
	padding: 20px 30px;
    margin-top: 35px;
    height: 92%;
	background: #fff;
}
.key-benefits .key-benefits-box h4{
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #13294B;
}
.key-benefits .key-benefits-box  p{
	color: #13294B;
	margin-bottom:0;
}
.why-choose-block{
	padding:50px 0;
	background: #F5F5F5;
}
.why-choose-block .default-heading{
	text-align:center;
}
.why-choose-block .why-choose-box{
	padding: 20px 30px;
	background:#fff;
    margin-top: 35px;
    height: 92%;
}
.why-choose-block .why-choose-box h4{
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #13294B;
}
.why-choose-block .why-choose-box h3{
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #13294B;
}
.why-choose-block .why-choose-box  p{
	color: #13294B;
	margin-bottom:0;
}
.internal-cta{
	background: #13294B;
	padding:50px 0;
}
.internal-cta h4{
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 40px;
	color: #FFFFFF;
	width:95%;
}
.vertically-center{
	align-items:center;
}
.internal-cta .default-btn{
	padding: 13px 35px;
	font-size:19px;
	letter-spacing:0.5px;
}
.faq-block{
	/* background: linear-gradient(95.53deg, #FF7448 -0.85%, #ED2775 100.44%); */
	padding:50px 0;
	background: linear-gradient(145deg, rgba(255, 255, 255, 1) 0%, rgba(154, 42, 253, 1) 0%, rgba(221, 61, 248, 1) 100%);
}
.faq-block .default-heading{
	color:#fff;
	margin-bottom:25px;
}
.faq-block .accordion .fa {
  margin-right: 0.5rem;
}
.faq-block .accordion .card{
	margin-top:25px;
	box-shadow: 0px 10px 29px 6px rgba(0, 0, 0, 0.24);
	
}
.faq-block .accordion button, .faq-block .accordion button:hover, .faq-block .accordion button:focus{
  text-decoration: none;
}
.faq-block .accordion .card-header{
	padding: 8px 20px;
	background-color:#fff;
	border-bottom:0;
}
.faq-block .accordion .card-body{
	padding: 0 79px;
	padding-bottom:15px;
}
.faq-block .accordion .card-header h5 button{
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 29px;
	color: #262A37;
}
.faq-block .accordion .card-header h5 button i{
	/* background: linear-gradient(123.32deg, #FF7448 11.16%, #ED2775 117.69%); */
	color:#fff;
	width:30px;
	height:30px;
	font-size:16px;
	border-radius:25px;
	line-height:29px;
	background:linear-gradient(185deg, rgba(255,255,255,1) 0%, rgba(154,42,253,1) 0%, rgba(221,61,248,1) 100%);
}
.faq-block .accordion .card-body ul li{
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 30px;
}
.faq-block .accordion .card-body p{
	margin-bottom:5px;
}
.white-bg{
	background:#fff !important;
}
.horizontal-tabs .default-heading{
	font-size:30px;
	line-height:40px;
	margin-bottom:30px;
}
.horizontal-tabs .vertical-tab-box{
	margin-top:0;
}

/* Conversitional AI CSS */

.key-benefits.white-bg .key-benefits-box{
	border:1px solid #ddd;
}
.progress-bar-block{
	margin-bottom:50px;
}
.progress-bar-block .progress-bar-box{
	box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.18);
	border: 8px solid #FFFFFF;
	width: 228px;
	height: 228px;
	border-radius:50%;
	text-align:center;
	margin:30px 0;
	position:relative;
	background: linear-gradient(185deg, rgba(255, 255, 255, 1) 0%, rgba(154, 42, 253, 1) 0%, rgba(221, 61, 248, 1) 100%);
}
.progress-bar-block .progress-bar-box h4{
	font-size:80px;
	line-height:212px;
	color:#fff;
	font-weight:300;
	font-family: 'Nunito Sans', sans-serif;
}
.progress-bar-block .progress-bar-box  span{
	font-size:25px;
	position:absolute;
	color:#fff;
	top: 49%;
    left: 76%;
}
.progress-bar-block p{
	text-align:center;
	color: #13294B;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:600;
}

/* Custom AI Solutions CSS */

.commitment-block{
	padding:50px 0;
	background: #F5F5F5;
}
.commitment-block .default-heading{
	text-align:center;
}
.commitment-block p{
	text-align:center;
}
.commitment-block .commitment-box{
	padding:30px;
	background:#fff;
	text-align:center;
	margin-top:25px;
	height: calc(100% - (30px));
}
.commitment-block .commitment-box .icon{
	margin-bottom:20px;
}
.commitment-block .commitment-box .icon img{
	margin: 0 auto;
}
.commitment-block .commitment-box h4{
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #13294B;
}
.commitment-block .commitment-box p{
	color: #13294B;
}
.development-processblock {
	padding:50px 0;
}
.development-processblock p{
	color: #262A37;
}
.development-processblock .default-btn{
	margin-top:40px;
	display:inline-block;
}
.development-processblock .process-list-row{
	position:relative;
	padding:10px 0 10px 100px;
}
.development-processblock .process-list-row img{
	position: absolute;
	left: 27px;
	top: 16px;
	max-width: 42px;
}
.development-processblock .process-list-row h5{
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #13294B;
	margin-bottom:5px;
}
.development-processblock .process-list-row p{
	margin:0;
	color: #13294B;
}

/* Document AI CSS */

.development-processblock .process-list-box{
	border:1px solid #ddd;
	padding:20px;
	margin-top:25px;
}
.development-processblock .process-list-box h5{
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #13294B;
	margin-bottom:5px;
}
.development-processblock .process-list-box ul{
	list-style-type:none;
	padding-left:0;
	margin-left:0;
}
.development-processblock .process-list-box ul li{
	margin-top:15px;	
	color: #13294B;
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
	font-size:17px;
	margin-left:0;
}
.development-processblock .process-list-box ul li i{
	font-size:15px;
	color:#bd34fa;
}
.orange-and-blue{
	background: #E8E8E8;
	padding:50px 0;
}
.orange-and-blue .col-12{
	padding:0;
	margin:0;
}
.orange-and-blue .orange-box{
	background: #a52dfc;
	padding:40px;
	height:100%;
	min-height: 452px;
}
.orange-and-blue .orange-box h4{
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #fff;
	margin-bottom:5px;
}
.orange-and-blue .orange-box p{
	color:#fff;
}
.orange-and-blue .orange-box ul{
	list-style-type:none;
	padding-left:0;
	margin-bottom:0;
	margin-left:0;
}
.orange-and-blue .orange-box ul li{
	margin-top:15px;	
	color: #fff;
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
	font-size:17px;
	margin-left:0;
}
.orange-and-blue .orange-box ul li i{
	font-size:15px;
	color:#fff;
}
.readmore__content {
  width: 100%;
  display: flex;
}

button.readmore__toggle {
  display: flex;
  background:none;
  color: #FF7448;
  border: none;
}
button.readmore__toggle:hover{
	cursor:pointer;
}
.why-choose-block .why-choose-box:hover img{
	transform:rotate(360deg);
	transition:0.6s;
}
.key-benefits .key-benefits-box{
	position:relative;
}
.key-benefits .key-benefits-box:after {
  position:absolute;
  bottom:0;
  content: '';
  left:0;
  height:3px;
  width:0;
  background:linear-gradient(185deg, rgba(255,255,255,1) 0%, rgba(154,42,253,1) 0%, rgba(221,61,248,1) 100%);
  transition:0.6s;
}
.key-benefits .key-benefits-box:hover:after { width:100%;transform: scaleX(1); }


.commitment-block .commitment-box:hover .icon img{
	transform:rotate(360deg);
	transition:0.6s;
}
.commitment-block .commitment-box{
	position:relative;
}
.commitment-block .commitment-box:after {
  position:absolute;
  bottom:0;
  content: '';
  left:0;
  height:3px;
  width:0;
  background:linear-gradient(185deg, rgba(255,255,255,1) 0%, rgba(154,42,253,1) 0%, rgba(221,61,248,1) 100%);
  transition:0.6s;
}
.commitment-block .commitment-box:hover:after { width:100%;transform: scaleX(1); }


/* Cloud Infrastructure CSS */

.cloud-process-list {
	margin-top:25px;
}
.cloud-process-list ul{
	list-style-type:none;
	margin-bottom:0;
}
.cloud-process-list ul li{
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 17px;
	line-height: 28px;
	color: #13294B;
	padding-left:45px;
	position:relative;
	margin-bottom:20px;
}
.cloud-process-list ul li img{
	max-width:30px;
	position:absolute;
	left:0;
	
}
.why-choose-block.white-bg .why-choose-box{
	border:1px solid #ddd;
}
.white-bg .tech-suitebox{
	height: calc(100% - (70px));
}
.digitalmanged-service{
	padding:10px 0 50px;
}
.digitalmanged-service .container{
	background: #DAEBFF;
	padding:30px;
	border-radius:10px;
}
.digitalmanged-service .container h4{
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #262A37;
}
.digitalmanged-service .container .default-btn{
	background:none;
	border:1px solid #000;
	display:inline-block;
	margin-top:30px;
	color:#000;
}
.major-industry-block{
	padding:50px 0;
	text-align:center;
}
.major-industry-block .mbox{
	padding:40px;
	text-align:center;
}
.major-industry-block .mbox img{
	margin: 0 auto;
	margin-bottom:15px;
}
.major-industry-block .mbox h5{
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #262A37;
}
.major-border-block{
	margin-top:30px;
}
.major-industry-block .row .col-12:nth-of-type(1){
	border-bottom:2px dotted #ddd;
	border-right:2px dotted #ddd;
}
.major-industry-block .row .col-12:nth-of-type(2){
	border-bottom:2px dotted #ddd;
	border-right:2px dotted #ddd;
}
.major-industry-block .row .col-12:nth-of-type(3){
	border-bottom:2px dotted #ddd;
}
.major-industry-block .row .col-12:nth-of-type(4){
	border-right:2px dotted #ddd;
}
.major-industry-block .row .col-12:nth-of-type(5){
	border-right:2px dotted #ddd;
}

/* Data Analysiss CSS */

.data-widearray-block {
	padding:50px 0;
	background: #E8E8E8;
}
.data-widearray-block .data-widearrybox{
	background: #FFFFFF;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09);
	padding:30px 30px;
	margin-top:30px;
}
.data-widearray-block .data-widearrybox h4{
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #262A37;
}
.data-widearray-block .data-widearrybox p{
	margin-bottom:0;
	color: #13294B;
}
.data-widearray-block .data-widearrybox:hover img{
	transition: 0.6s;
    transform: rotate(360deg);
}
.hide {
  display: none;
}
.read-more-show, .read-more-hide, .read-more-show:hover, .read-more-hide:hover{
	color: #9e2bfd;
    font-size: 15px;
    font-weight: 400;
}

/* Animation Part */

.home-banner-block{
	overflow:hidden;
}


/*The content div of all the cubes*/
.content-animation {
  width: 100%;
  height: auto;
}

/*The basic style of a cube*/
.cube {
  background: rgb(255 255 255 / 25%);
  border-radius: 0.5em;
  animation: cubeMovement 5s ease-in 0s infinite;
  position: absolute;
  left: 1em;
  bottom: var(--cube);
  transition: ease;
  overflow:hidden;
}

/*And here I define the property of each cube: cube 1; cube 2; ...*/
.cube:nth-child(1) {
  height: 2em;
  width: 2em;
  --cube: var(--cube1-bottom);
  --cube-num: 10%;
}

.cube:nth-child(2) {
  height: 4em;
  width: 4em;
  --cube: var(--cube2-bottom);
  --cube-num: 20%;
}

.cube:nth-child(3) {
  height: 6em;
  width: 6em;
  --cube: var(--cube3-bottom);
  --cube-num: 30%;
}

.cube:nth-child(4) {
  height: 8em;
  width: 8em;
  --cube: var(--cube4-bottom);
  --cube-num: 40%;
}

.cube:nth-child(5) {
  height: 10em;
  width: 10em;
  --cube: var(--cube5-bottom);
  --cube-num: 50%;
}

/*And here is the animation of each cube.
As you can see, I use the varieble --cube and --cube-num to affect in the same way to all the cubes :)*/
@keyframes cubeMovement {
  0% { 
    transform: translateX(0vw) rotate(90deg); 
    opacity: 0; 
    bottom: var(--cube);
    background: rgb(255 255 255 / 25%);
  }
  20% { 
    opacity: 1; 
    bottom: calc(var(--cube) + calc(var(--cube-num)));
    background: rgb(255 255 255 / 25%);
  }
  40% { 
    opacity: 1; 
    bottom: calc(var(--cube) + calc(90% - var(--cube-num)));
    background: rgb(200 80 192 / 25%);
  }
  70% { 
    opacity: 1; 
    bottom: calc(var(--cube) + calc(40% - var(--cube-num)));
    background: rgb(255 255 255 / 25%);
  }
  100% { 
    transform: translateX(100vw) rotate(360deg); 
    opacity: 0; 
    bottom; var(--cube);
    background: rgb(255 255 255 / 25%);
  }
}

/* Cube Animation */
.cube-one {
  position: absolute;
  width: 100px; height: 100px;
  transform-style: preserve-3d;
  transform: rotatex(-30deg) rotatey(-140deg); 
  animation: rotate 4s linear infinite;
}
.cube-one div {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0; left: 0;
  width: 100px; height: 100px;
  opacity : 0.75;
  color: #fff; 
  
}
.cube-one div:nth-child(1) {
  background: #f5f5f5;
  transform: rotatex(90deg) translatey(-100px);
  transform-origin: center top;
  animation: top 4s 4s ease-in-out infinite;
}
.cube-one div:nth-child(2) {
  background: #ddd;
  transform-origin: center bottom;
  transform: rotatex(-90deg) translatey(100px);
   animation: bottom 4s 4s ease-in-out infinite;
}
.cube-one div:nth-child(3) {
  background: #f5f5f5;
  transform-origin: left center;
  transform: rotatey(-90deg) translatex(-100px);
  animation: left 4s 4s ease-in-out infinite;
}
.cube-one div:nth-child(4) {
  background: #f5f5f5;
  transform-origin: right center;
  transform: rotatey(90deg) translatex(100px);
  animation: right 4s 4s ease-in-out infinite;
}
.cube-one div:nth-child(5) {
  background: #ddd;
  transform-origin: center center;
  transform: rotatex(0deg) translatey(0px);
  animation: front 4s 4s ease-in-out infinite;
}
.cube-one div:nth-child(6) {
  background: #f5f5f5;
  transform-origin: center center;
  transform: rotatey(180deg) translatez(100px);
  animation: back 4s 4s ease-in-out infinite;
}

@keyframes rotate{
  0% {transform: rotatex(0) rotatey(0) rotatez(0) translatez(0);}
  100% {transform: rotatex(360deg) rotatey(360deg) rotatez(360deg) translatez(0);}
}

@keyframes top {
  0% {transform: rotatex(90deg) translatey(-100px) translatez(0); }
  50% {transform: rotatex(90deg) translatey(-100px) translatez(100px);}
  100% {transform: rotatex(90deg) translatey(-100px) translatez(0);}
}
@keyframes bottom {
  0% {transform: rotatex(-90deg) translatey(100px) translatez(0); }
  50% {transform: rotatex(-90deg) translatey(100px) translatez(100px);}
  100% {transform: rotatex(-90deg) translatey(100px) translatez(0);}
}
@keyframes left {
  0% {transform: rotatey(-90deg) translatex(-100px) 
scaley(1);}
  50% {transform: rotatey(-90deg) translatex(-100px) 
 scaley(3);}
  100% {transform: rotatey(-90deg) translatex(-100px) 
scaley(1);}
}
@keyframes right {
  0% {transform: rotatey(90deg) translatex(100px) 
scaley(1);}
  50% {transform: rotatey(90deg) translatex(100px) 
 scaley(3);}
  100% {transform: rotatey(90deg) translatex(100px) 
scaley(1);}
}
@keyframes front {
  0% {transform: rotatex(0deg) translatex(0px) 
scaley(1);}
  50% {transform: rotatex(0deg) translatex(0px) 
 scaley(3);}
  100% {transform: rotatex(0deg) translatex(0px) 
scaley(1);}
}
@keyframes back {
  0% {transform: rotatey(180deg) translatez(100px) 
scaley(1);}
  50% {transform: rotatey(180deg) translatez(100px) 
 scaley(3);}
  100% {transform: rotatey(180deg) translatez(100px) 
scaley(1);}
}


/* Healthcare Page CSS */

.single-banner.with-description{
	padding-top:20px;
}
.single-banner p {
    color: #fff;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 0;
	margin-top:20px;
	width:90%;
	text-transform:capitalize;
}
.commitment-block.white-bg .commitment-box{
	border:1px solid #ddd;
}
.cube-one.border-cube div:nth-child(1), .cube-one.border-cube div:nth-child(2), .cube-one.border-cube div:nth-child(3), .cube-one.border-cube div:nth-child(4), .cube-one.border-cube div:nth-child(5),.cube-one.border-cube div:nth-child(6){
	background:transparent;
	border:1px solid #ddd;
}
.gradient-borderblock{
	padding-bottom:50px;
}
.gradient-box {
	border-radius:10px;
	margin-top:35px;
	overflow:hidden;
	height:100%;
	margin-left:15px;
	margin-right:15px;
}
.gradient-box .card2 {
  position: relative;
	border: 5px solid transparent;
  background: #fff;
  background-clip: padding-box;
  
  border-radius: 15px;
	padding:18px;
	height: calc(100% - (30px));
}

.gradient-box .card2::after {
  content: '';
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  /* background: linear-gradient(to bottom right, #fe704a, #ef316f); */
  z-index: -1;
  border-radius: 15px;
  background: linear-gradient(185deg, rgba(255, 255, 255, 1) 0%, rgba(154, 42, 253, 1) 0%, rgba(221, 61, 248, 1) 100%);
}
.gradient-box .card2 h4{
	font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #13294B;
}
.gradient-box .card2 p{
	margin:0;
}
.number-code {
    position: absolute;
    left: 2px;
    top: 36%;
    background: #fff;
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

/* Oil and Gas CSS */

.key-benefits-box.with-image .image{
	margin-bottom:25px;
	max-height:200px;
	overflow:hidden;
}
.key-benefits-box.with-image .image img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.contact-us-block{
    padding:50px 0;
}
.contact-form-box{
    padding:50px;
    background: #FFFFFF;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.2);
    border-radius: 18px;
}
.contact-form-box .form-group{
    margin-bottom:15px;
}
.contact-form-box .form-group label{
    font-family: 'Nunito Sans', sans-serif;
    font-size:15px;
}
.contact-form-box .form-control{
    border-radius:0;
    font-size: 18px;
}
.contact-form-box .form-control:focus{
    box-shadow:none;
}
.contact-form-box select{height: 56px !important;font-size:15px;}
.footer-contact-form .wpcf7-not-valid-tip{
	color:#fff;
	font-size:15px;
}
.wpcf7-not-valid-tip{
	font-size:15px;
}
.contact-gradiant-box .form-control{
	color:#000 !important;
}
.blogcat-view #sidebar li a{
	font-size:16px;
	color:#000;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
	max-width:inherit;
	width:100%;
}
@media (min-width: 700px){
.post-inner {
    padding-top: 3rem;
}
}




div#wpcf7-f83-o1 textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.textbox.form-control {
    height: 100px;
}

section.story-sec {
    padding-bottom: 0px;
}

.mi-success-stories-saas {
   background-color: #262a37;
    padding-bottom: 90px;
    padding-top: 50px;
}
.mi-success-stories-saas .mi-success-stories {
       background-color: #262a37;
    padding: 2rem 0 2rem;
    position: relative;
}
.mi-success-stories-saas .mi-success-stories:before {
     content: "";
    width: calc(100% - 100px);
    background-color: #303649;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    border-radius: 40px;
}
.container.new-hire-page-container {
    position: relative;
    z-index: 99;
    width: 90%;
    max-width: 90%;
} 
.heading-h2-text {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: inherit;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-horizontal {
    -ms-flex: 1;
    flex: 1 1;
    max-width: calc(67.6% - 20px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-horizontal .success-stories-main {
    border: 1px solid #a2a2a2;
    display: -ms-flexbox;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
    height: calc(50% - 10px);
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-horizontal .success-stories-main .success-stories-img-vide {
    max-width: 48%;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 320px;
    overflow: hidden;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-horizontal .success-stories-main .success-stories-img-vide .success-imgs {
    height: 100%;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-horizontal .success-stories-main .success-stories-img-vide .success-imgs img {
    width: 826px;
    aspect-ratio: auto 826/620;
    max-width: 100%;
    height: 100%;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-horizontal .success-stories-main .success-stories-content {
    padding: 20px;
    max-width: 52%;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: auto;
}
.small-heading-h4-text {
    font-size: 28px;
    line-height: 39px;
    
}
.container.new-hire-page-container {
    position: relative;
    z-index: 99;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-vertical {
    -ms-flex: 1;
    flex: 1 1;
    max-width: 32.4%;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-vertical .success-stories-main-vertical {
    border: 1px solid #a2a2a2;
    border-radius: 15px;
    overflow: hidden;
    height: 100%;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-vertical .success-stories-main-vertical .success-stories-main .success-stories-content {
    padding: 20px;
    width: 100%;
    -ms-flex: 1 1;
    flex: 1 1;
}
span.ReadMore {
	color: #ce39fa;
    font-weight: 500;
}
@media (max-width: 768px) {
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation {
    display: block;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-horizontal {
    max-width: none;
    width: 100%;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-horizontal .success-stories-main {
    display: block;
    margin-bottom: 20px;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-horizontal .success-stories-main .success-stories-img-vide {
    max-width: 100%; 
}

.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-horizontal .success-stories-main .success-stories-content {
    padding: 15px;
    max-width: 100%;

}
.container.new-hire-page-container {
    position: relative;
    z-index: 99;
    width: 100%;
    max-width: 100%;
}
.mi-success-stories-saas .mi-success-stories:before {
    content: "";
    width: calc(100% - 20px);
}
.small-heading-h4-text {
    font-size: 20px;
    line-height: 31px;
    letter-spacing: 0px;
}
.mi-success-stories-saas .mi-success-stories .mi-success-stories-partation .mi-success-stories-vertical {
    -ms-flex: 1;
    flex: 1 1;
    max-width: 100%;
}

.heading-h2-text {
    font-size: 26px;
        letter-spacing: inherit; 
		text-align:center;
}
}

/* new css sk */
.newhome-banner-common h1 span{
	color: #A23DF7;
}

.single-banner.aboutus{
	background: url(../../images/aboutus/banner-aboutus.webp);
}
.single-banner.conversional-AI{
	background: url(../../images/conversionalAi/banner.png);
}
.single-banner.custom-AI{
	background: url(../../images/customAI/banner.png);
}
.single-banner.documentAI{
	background: url(../../images/document-AI/banner.png);
}
.single-banner.dataAnalytics{
	background: url(../../images/data-analytics/banner.png);
}
.single-banner.marketing-analytics{
	background: url(../../images/marketing-analytics/banner.png);
}
.single-banner.bankingservice{
	background: url(../../images/banking/banner.png);
}
.single-banner.education{
	background: url(../../images/education/banner.png);
}
.single-banner.manufacturing{
	background: url(../../images/manufacturing/banner.png);
}
.single-banner.media-entertain{
	background: url(../../images/media-entertain/banner.png);
}
.single-banner.oilgas{
	background: url(../../images/oilgas/banner.png);
}
.single-banner.retail{
	background: url(../../images/retail/banner.png);
}
.single-banner.telecom{
	background: url(../../images/telecom/banner.png);
}
.single-banner.healthcare{
	background: url(../../images/healthcare/banner.png);
}
.single-banner.Cloud-infrastructure{
	background: url(../../images/cloud/banner.webp);
}
.single-banner.contactus{
	/* background: url(../../images/common/contactus-banner.png); */
}
.single-banner.newhome-banner-common{
	background-size: cover !important;
    background-repeat: no-repeat !important;
	background-position: center !important;
	padding-top: 50px !important;
}
.number-code.two{
	margin-left: -4px;
}
.number-code.one{
	margin-left: -1px;
}
.number-code.three{
	margin-left: -4px;
}

.range-block .row .col-lg-4 a{
	text-decoration: none;
	color: rgb(221 61 248);
}
.range-block .row .col-lg-4 a:hover{
	text-decoration: none;
	color: #fff;
}

section.blogcat{
	padding: 50px 0;
}