/* import google fonts */

/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i|Roboto:300,300i,400,400i,500,500i,700,700i&display=swap');

/* General Css */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body{background-color:#fff; font-size:16px; line-height: 28px; 

    font-family: Roboto,sans-serif; font-weight:400; color:#8a91ac;}

ol,ul{list-style:none}

blockquote,q{quotes:none; margin: 0;}

blockquote:after,blockquote:before,q:after,q:before{content:'';}table{border-collapse:collapse;border-spacing:0}

img{max-width: 100%;}

::selection{color:#4414B5; background-color: #f5f6f8;}

a{transition: ease-in-out 0.3s; color:#031b4e;}

a:hover{text-decoration: none;}

button:focus, a:focus{outline: none;}

.form-control:focus, .btn.focus, .btn:focus{box-shadow:none}

html{scroll-behavior: smooth;}

.container{max-width: 1200px;}

.main-title{font-size: 34px; line-height: 40px; color:#031b4e; font-family: 'Poppins', sans-serif; font-weight:700;}

 

.font-medium-weight{font-weight:700;}

.pink{color:#4414B5;}

.white{color: #fff;}

.btn{

    height: 48px;

    padding: 0;

    border-radius: 0;

}

.btn a{

    height: 100%;

    display: inline-block;

    font-size: 14px;

    font-family: 'Poppins', sans-serif; font-weight: 400; text-transform: uppercase;

    padding: 0 28px;

    line-height: 48px;



}

.btn a img{

    margin-right: 16px;

}

.btn.btn-gradient a{

    background:linear-gradient(90deg, #5D2381 0%, #A11944 100%) 0% 0% no-repeat;

    color: #fff;

}

.btn.btn-white a{

    background:#fff;

    color: #666666;

}

.btn-gradient img{

    filter: brightness(0) invert(1);

}

.unmatched-content .btn, .work-content-main .btn{

    margin: 60px auto 0;

    display: flex;

    justify-content: center;

}

.domain-content .title-content-width-one, .unmatched-content .title-content-width-one, .technology-content .title-content-width-one, .technology-content .btn, .standon-section .title-content-width-two, .professional-development-section .title-content-width-two, .cloud-title-content, .enterprise-section .title-content-width-two{

    margin-top: 30px;

}



header{

    position: relative; 

    z-index: 2;

    width: 100%;

    left: 0;

    top: 0;

    padding:0;-webkit-box-shadow: 0px 4px 5px 0px rgba(222,222,222,1);

-moz-box-shadow: 0px 4px 5px 0px rgba(222,222,222,1);

box-shadow: 0px 4px 5px 0px rgba(222,222,222,1);

}

.header-content {

	display: flex;

    align-items: center;

}

.header-right{

    margin-left:14%;

}

.main-menu nav:not(.mean-nav) > ul{display: flex;}

.main-menu nav:not(.mean-nav) ul li{position: relative;}

.main-menu nav:not(.mean-nav) > ul > li{

    padding: 10px 0;

}

.main-menu nav:not(.mean-nav) > ul > li > a{

    color:#3064c2;

    font-size: 18px;

    display: inline-block;

    position: relative;

    padding-right: 15px;

    margin-left:24px;
    font-weight: bold;

}

.main-menu nav:not(.mean-nav) > ul > li.menu-dropdown > a::after {

    content: "";

    width: 13px;

    height: 10px;

    position: absolute;

    right: -5px;

    top: 10px;

    background: url('assets/images/down-arrow.png') center center no-repeat;

    background-size: 80%;

}

.main-menu nav:not(.mean-nav) > ul > li ul {

	opacity: 0;

	visibility: hidden;

	position: absolute;

	top: 80px;

	background: #fff;

	width: 200px;

    border-radius: 3px;

    transition: ease-in-out 0.4s;

}

.main-menu nav:not(.mean-nav) > ul > li:hover ul{opacity: 1; visibility: visible; top: 50px;}

.main-menu nav:not(.mean-nav) > ul > li ul li a{

    display: inline-block;

    width: 100%;

    font-size: 14px;

    padding: 6px 16px;

    border-bottom: 1px solid #f1f1f1; 

    color: #333;
    font-weight: bold;

}
.main-menu .sub-menu ul.sub-menu {opacity: 0;visibility: hidden;position: absolute;top:0px;background: #fff;width: 200px;
 border-radius: 3px; transition: ease-in-out 0.4s; left:200px; display:none;}
.main-menu .sub-menu li:hover ul.sub-menu{opacity:1; visibility:visible;display:block; top:0;}
.main-menu nav:not(.mean-nav) > ul > li ul li a:hover{color:#4414B5;}
.banner-section{

    display: flex;

    height: 100vh;

    overflow: hidden;

    position: relative;

}

.banner-section .owl-carousel .owl-stage-outer{

    height: 100vh;

}

.banner-section .owl-stage, .banner-section .owl-carousel .owl-item , .banner-section .item  {

	height: 100%;

}



.slider-image {

	position: relative;

	height: 100%;

	

}

.slider-image::after{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0.8;

    z-index: 1;

}

.banner-section .owl-carousel .owl-item .slider-image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

	object-position: center center;

}

.slider-content {

	position: absolute;

	top:40%;

	text-align: left;

	left:0; width: 100%;

	transform: translate(0 , -40%);

    z-index: 3;

}

.slider-content h1 {

    width:50%;

    font-size: 38px;

    font-weight:700;

    color:#031b4e;

    padding-left:0;

    font-family: 'Poppins', sans-serif;

    line-height: 60px;

    opacity: 0;

    transition: ease-in-out 1s;

    transform: translateY(-30px);

}

.active .slider-content h1 {

    opacity: 1;

    transform: translateY(0);

}

.slider-content p{line-height: 32px;

    color: #fff; opacity: 0;

    width: 600px; margin-top: 20px; transform: translateY(30px); transition: ease-in-out 1s;}

.active .slider-content p{

    opacity: 1;

    transform: translateY(0);

}    

.slider-content .btn{

    margin-top: 80px; opacity: 0;  transition: ease-in-out 1.5s;

}    

.active .slider-content .btn{opacity: 1;}

.banner-section .owl-nav button {

	position: absolute;

	left: -8px;

	top: 50%;

	transform: rotate(-90deg);

	text-transform: uppercase;

}

.banner-section .owl-nav button.owl-next{

    left: auto;

    right: 0;

}

.slider-arrow{

    position: relative;

    font-size: 13px;

    color: #fff;

    letter-spacing: 4px;

    top: 30px;

    transition: ease-in-out 0.6s;

}

.slider-arrow.arrow-right{

    top: auto;

    bottom: 45px;

}

.slider-arrow::before {

    content: "";

    position: absolute;

    width: 30px;

    height: 1px;

    background: #fff;

    left: 50%;

    top: -25px;

    transform: translate(-50%, 0) rotate(90deg);

    transition: ease-in-out 0.6s;

}

.slider-arrow.arrow-right::before {

    top: auto;

    bottom: -25px;

}

.slider-arrow:hover::before{

    width: 20px;

}



.top-head{background-color: transparent; padding:10px 0;

background-image: linear-gradient(120deg, #5100C1 11%, #5100C1 33%);}

.logo{padding:8px 0 0 0; width: 311px;}

.bespoke-section ul{list-style: inherit; padding-left: 20px; margin-top: 40px;}

.bespoke-section ul li{padding-bottom:20px;}





/* bespoke */

.bespoke-section{

    padding: 110px 0;

}

.bespoke-video{

    display: flex;

    position: relative;

}

.video-play-button{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    cursor: pointer;

}

 .bespoke-content .btn{

    margin-top: 24px;

}



 



/* domain */

.domain-section{ padding:80px 0; background: #f1f1f1;text-align: center;}

.domain-slider{ margin-top: 30px;}

.domain-main { padding-top: 50px; min-height: 260px;}

.domain-single{

    border:1px solid #F6F8F9;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding:20px 20px 40px 20px; background: #fff;

    transition: ease-in-out 0.4s;

    -webkit-box-shadow: 0px 0px 20px 0px rgba(217,217,217,1);

-moz-box-shadow: 0px 0px 20px 0px rgba(217,217,217,1);

box-shadow: 0px 0px 20px 0px rgba(217,217,217,1); border:solid 1px #f1f1f1; border-radius: 10px;

}

.domain-single:hover{-webkit-box-shadow: 0px 0px 20px 0px #0732ce;

-moz-box-shadow: 0px 0px 20px 0px #0732ce;

box-shadow: 0px 0px 20px 0px #0732ce;border:solid 1px #fff; background: #4414B5;}

.domain-single:hover p, .domain-single:hover h4, .domain-single:hover a{color: #fff;}

.domain-single:hover a{text-decoration: underline;}



.domain-img {

	background: #fff;

	width: 160px;

	height: 60px;

	display: flex;

	justify-content: center;

	align-items: flex-end;

	position: relative;

	top: -4px;

	padding: 0 50px;

    transition: ease-in-out 0.4s;

}

.domain-single p{padding: 15px 0 40px 0;}

.domain-single h4{

    font-weight:700;

    font-size:24px;

    font-family: 'Poppins', sans-serif;

    margin-top: 16px;

    color:#031b4e;

}

  

/* footer page css */

footer{width:100%; display: block; padding:80px 0 40px 0; display: block;} 

footer p, footer h6, footer a{font-weight:400; color:#8a91ac;}

footer a, footer p{font-size: 16px;}

footer h6{line-height: 30px;}

footer ul li{background: url(assets/images/pink-arrow.svg) left 9px no-repeat; padding-left: 20px; padding-bottom:6px;}

footer a:hover, .viewmap-link a{color:#4414B5;}

.copyright{width: 100%; display: block; text-align: center; padding:10px 0; background: #000;}

.copyright ul{text-align: center; list-style: none; padding: 10px 0; display:block; width: 100%;}

.copyright ul li{text-align: center; display: inline-block; padding: 0 30px; }

.copyright ul li a{color: #666666; text-transform: uppercase; font-weight: bold; font-size: 14px;}

.copyright p{text-align: center; padding: 10px 0; color: #666666; border-top: solid 1px #303030; font-size: 14px;}

.btn{border-radius: 10px; padding: 10px 40px; background: #4414B5; border:none;}

.btn:hover{background: #0ba148;}

.footer-address{padding-bottom: 40px;}

.footer-address h6, footer h6{ padding-bottom: 15px; font-size: 24px; font-weight: 600; color:#031b4e;}

.header-social{text-align: right; width: 100%; display:inline-block;}

.header-social li {padding-right:20px; text-align: right;display: inline;}

.header-social li i, header i{color: #fff;}

.tel a, .mail a{color: #fff;}

.mail{margin-left:30px;}

header a:hover{text-decoration: underline;}

.copyright ul li a:hover{color: #fff; text-decoration: underline;}



.page-cms{padding:60px 0;}

.page-about{border-bottom: solid 1px #f1f1f1;}

.page-about ul, .page-cms ul{list-style: none; padding-left:10px;}

.page-about ul li i, .page-cms ul li i{color: #4414B5; font-weight: bold; margin-left: -10px;}

.owl-nav{display: none!important;}

.inner-footer{background: #fbfbfb; border-top: solid 1px #4414B5; padding-bottom:80px;}

.red{color: #4414B5;}

.page-service p{padding-top: 30px;}

.ser-list{padding: 15px;-webkit-box-shadow: 0px 0px 5px 0px rgba(222,222,222,1);

-moz-box-shadow: 0px 0px 5px 0px rgba(222,222,222,1);

box-shadow: 0px 0px 5px 0px rgba(222,222,222,1); margin-top:30px; position: relative;}

.page-cms ul li{padding-bottom: 10px;}

.ser-list h3{position: relative; min-height: 70px;}

.ser-list h3:after{position: absolute; left: 0; bottom:-10px; background: #4414B5; width: 100px; height: 4px; content: '';}

.mt-60{margin-top:50px; border-top: solid 1px #f1f1f1; padding-top:20px;}

.page-gallery{text-align: center; border-bottom: none;}



.gallery {

    display: inline-block;

    text-align: center;

    margin:40px 0 0 0;

    clear: both;

    padding: 0;

}



.gallery span { /* thumbnails */

    width:23%; display: inline-block; padding: 2px;

}



.block {

    display: inline-block;

    background-color: #ccc;

    border-radius: 5px;

    padding: 8px;

}



pre {

  background-color: #eee;

    border-radius: 5px;

    padding: 8px;

    clear: both;

}



.highlight {

    color: red;

}

.page-inquiry form{padding-top: 40px;}

.width-80{width: 80%;}

.width-50{width:49%; display: inline-block;}

.page-carrer p, .page-carrer h3{padding-bottom: 20px;}

.map{padding-bottom: 40px;}

.contact-form h6{font-size: 28px; font-weight:600; color: #4414B5; padding-bottom:20px;}

.contact-form{border-top: solid 1px #f1f1f1; padding-top: 30px; margin-top: 30px;}

.page-cms iframe{width: 100%;}

.page-cms p{padding-top: 30px;}

textarea.form-control, .form-group .form-control{height: auto;width: 98%;}

.form-group.width-50 .form-control{width: 100%;}

.footer-address .fot-text{display: inline-block; padding-left: 5px; width:90%; margin-bottom: 7px;}

.footer-address .fa{display: inline-block; float: left; margin-top: 5px; color: #3064c2;}

footer textarea.form-control{height: 60px!important;}

.pad-zero{padding: 0!important;}
.header-content .logo img{
    width: 310px;
    height: 81px;
    object-fit: cover;
}

.inner-cont-pro ol {
    list-style: normal;
    margin-left: 17px;
    margin-top: 10px;
}

.inner-cont-pro{
    margin-top: 40px;
}