*, ::after, ::before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

a, abbr, acronym, address, applet, big, blockquote, body, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, ul, var {
	border: 0;
	margin: 0;
	outline: none !important;
	padding: 0;
	vertical-align: baseline;
	font-family: "Raleway", serif;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	background-repeat: repeat-x;
	font-size:18px;
	color:#272320;
	font-family: "Raleway", serif;

}
a{
	color:inherit;
	outline: none !important;
    text-decoration: none;
}
a:hover{
    color:inherit;
    text-decoration:none;
}

.dropdown-toggle::after{
    border: none !important;
    content: "\f107";
    font-family: "fontAwesome";
    position: absolute;
}

.btn:focus{
	outline: none !important;
}
ol {
	padding-left: 0;
}

ul {
	padding: 0;
	list-style: none;
    margin: 0;
}
p{
	font-family: "Raleway", serif;
	color: #555555;
}
h1, h2, h3, h4, h5{
	font-family: "Raleway", serif;
}
img {
	vertical-align: top;
	max-width:100%;
	border: none;
	outline: none;
}

.btn:focus,
.form-control:focus,
.resizeselect:focus{
	box-shadow: none;
	border: none;
	outline: 0;
}
:root{
	--lightcolor:#0b77bd;
    --darkcolor:#0C1413;
    --whitecolor:#ffffff;
	--heading-color:#000000;
	--heading-font:32px;
	--button-fonts:18px;
}
.btn,
a{
	transition: all 0.5s;
}
/* header */
header{
	left: 0;
	right: 0;
	width: 100%;
	z-index: 3;
}

.login-divs01{
	margin-left: auto;
}
.navbar-nav{
	align-items: center;
	justify-content: end;
}
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{
	color: var(--whitecolor) !important;
	font-weight: 700;
}
.navbar-light .navbar-nav .nav-link{
	padding: 20px 11px;
	color: var(--whitecolor);
	font-weight: 400;
	font-family: "Raleway", serif;
	font-size: 15px;
}
.navbar-light .navbar-nav .nav-link:hover{
	color: var(--lightcolor);
}
.btn-search{
	border: solid 2px var(--lightcolor);
	border-radius: 50%;
	color: var(--lightcolor);
	font-weight: 600;
	
}
.btn-search:hover{
	background: var(--lightcolor);
	color: var(--whitecolor);
}
.banner-sections{
	background: url(../images/bg-graphic.jpg) no-repeat center;
	background-size: cover;
	min-height:100vh;
	overflow: hidden;
	padding-bottom: 50px;
}
.banner-sections::after{
	content: "";
	background: url(../images/data-bg.png) no-repeat top right;
	background-size: contain;
    min-height:968px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
	opacity: 0.8;
}
.banner-sections .container{
	position: relative;
	z-index: 2;
}
.banner-sections .container .row{
	min-height:968px;
}
.banner-sections h6{
	display: table;
    background: #fff;
    padding: 7px 20px;
    border-radius: 50px;
    font-weight: 800;
}
.banner-sections h5{
    font-weight: 800;
    margin-top: -32px;
}
.banner-sections h2{
   font-size: 52px;
   font-weight: 500;
   color: var(--heading-color);
   white-space: nowrap;
}
.banner-sections figure {
    bottom: -90px;
    right: -100px;
    position: relative;
}
@media(min-width:1900px){
	.home-pages .banner-sections figure {
		bottom: -260px;
		position: relative;
	}
	.home-pages .banner-sections h2 {
		font-size: 65px;
	}
	.home-pages .list-of-textr {
		font-size: 24px;
	}
	.home-pages .btn-post{
		font-size: 35px;
	}
	.home-pages .navbar-light .navbar-nav .nav-link {
		padding: 20px;
		color: var(--whitecolor);
		font-weight: 400;
		font-family: "Raleway", serif;
		font-size: 22px;
	}
}
@media(min-width:1400px){
	.banner-sections figure {
		bottom: -160px;
		position: relative;
	}
}
.ban-text-parts{
    z-index: 2;
}
.btn-post{
	background: #110233;
	color: var(--whitecolor) !important;
	padding: 10px 35px;
	text-transform: capitalize;
	border-radius: 50px;
	border: solid 2px #473b72;
}
.btn-post:hover{
	background: var(--heading-color);
}
.line-bg{
	background: url(../images/line1.svg) no-repeat center;
	width: 100%;
	height: 100%;
	background-size: cover;
	padding: 3px 20px;
}
.list-onh-loi li{
  width: 100%;
  display: inline-block;
  margin-bottom: 8px;
}
.list-onh-loi li span{
  float: left;
  margin-right: 5px;
}
.main-body05{
	padding-top: 70px;
}
.main-haeding{
	font-size: var(--heading-font);
	color: var(--heading-color);
	font-weight: 600;
	padding-bottom: 15px;
}
.main-haeding::before{
	position: absolute;
	left: 0;
	content: "";
	width: 74px;
	height: 6px;
	border-radius: 10px;
	background: var(--lightcolor);
	bottom: 0;
}
.btn-comons{
	border: solid 2px #9D9D9D;
	color: var(--heading-color);
	padding:8px 25px;
	border-radius: 50px;
	text-transform: capitalize;
}
.btn-comons:hover{
	background: var(--heading-color);
	color: var(--whitecolor);
	border-color: var(--heading-color);
}
.offcanvas-end{
	background: url(../images/bg-graphic.jpg) no-repeat center;
	background-size: cover;
	height:100vh;
}
.mobile-menu-sec li a, .mobile-menu-sec li .dropdown .btn {
    text-decoration: none;
    color: #212529;
    padding: 10px 5px 10px 10px;
    display: block;
    background: #6376d9;
    margin-bottom: 8px;
    width: 100%;
    text-align: left;
    color: #fff;
}
.mobile-menu-div .close-menu {
    background: none !important;
    border: none !important;
}
.mobile-menu-div .close-menu svg {
    width: 30px;
    height: 30px;
	color: #fff;
}

.banner-sections-sub{
	background: url(../images/sub-banner01.png) no-repeat;
	background-size: cover;
	height: 400px;
	width: 100%;
	padding-top: 50px;
    background-position: 0 -70px;
	clip-path: polygon(0 0, 100% 0, 100% 56%, 0 100%);
}
.banner-sections-sub h2{
	font-weight: 700;
}
.body-part-sub01{
	background: url(../images/DataSciencebackground.png) no-repeat;
	background-size: cover;
	margin-top: -230px;
    padding-top: 250px;
	padding-bottom: 160px;
}
.body-part-sub01 hr{
	background: #290c7a;
	height: 2;
	opacity: 1;
	margin-bottom: 0;
}
.hexa, .hexa div {
	margin: 0 auto;
	transform-origin: 50% 50%;
	overflow: hidden;
	width: 300px;
	height: 300px;
  }
  .hexa {
	width: 209px;
    height: 187px;
    overflow: hidden;
	margin-top: 3px;

  }
  .hexa img{
	width: 85%;
    height: 81%;
    object-position: center;
    margin: auto;
    display: block;
  }
  
  .cover-img{
	object-fit: cover;
	width: 100%;
	height: 100%;
  }
  .comon-teams01 h5{
	color: #000000;
	font-weight: 800;
	font-size: 25px;
  }
  .comon-teams01 p{
    font-size: 15px;
    line-height: 25px;
    color: #232227;
    font-weight: 500;
  }
  .comon-haed05{
	color: #1e0b7e;
	font-weight: 800;
	font-size: 28px;
  }
 .msc-pic .hexa{
	width: 90px;
	height: 90px;

 }
 .fixed-menu .navbar{
	background:url(../images/bg-graphic.jpg) no-repeat;
	position: fixed;
	top:0;
	left:0;
	right:0;
    box-shadow:4px -86px 103px rgba(0,0,0,0.9);
	z-index:250;
	background-size: cover;
  }

  .img-box01{
	width: 100%;
	height: 200px;
	border: solid 9px #e5e6ea;
	overflow: hidden;
  }
  .comon-cards{
	background: #fff;
	box-shadow: #0000002b 1px 2px 10px;
	min-height: 890px;
	border-radius: 9px;
	margin: 10px 0;
	padding: 25px;
	transition: all 0.5s;
	transform: scale(1);
  }
  .comon-cards:hover{
	transform: scale(1.02);
  }
  .comon-cards h5{
	color: #111828;
    font-weight: 800;
    line-height: 27px;
	width: 90%;
  }
  .comon-cards svg{
    width: 26px;
    height: 26px;
  }
  .img-box01 iframe{
	width: 100%;
	height: 240px;
	border: solid 9px #e5e6ea;
  }
.body-part-sub012{
	background: url(../images/right-puco.jpg) no-repeat;
	background-position: 81% 10px;
    padding-bottom: 150px;
}
.body-part-sub012 p{
	color: #000;
}
.blogsd-parts h3{
 color: #2e189e;
 font-weight: 700;
}
.comon-blogs-parts05 h4{
	color: #111827;
	font-weight: 700;
	font-size: 21px;
}
.comon-blogs-parts05 p{
	color: #7a8292;
	font-size: 15px;
}
.comon-blogs-parts05{
	border-bottom: solid 2px #bd9fe9;
	padding-bottom: 25px;
	padding-top: 25px;
}
.sp-groups01 .form-select{
	display: inline-block;
    width: 50px;
    padding: 0;
    border: none;
}
.sp-groups01 .sp-inputs{
	border: none !important;
}
.contacu05-divs p{
   color: var(--darkcolor);
   font-size: 16px;
}
.contacu05-divs .form-group label{
	font-weight: 500;
	color: var(--heading-color);
	font-size: 16px;
    margin-bottom: 7px;
}
.contacu05-divs .form-group .form-control{
	height: 46px;
	border-radius: 8px;
}
.contacu05-divs .form-group textarea.form-control{
	height: 100px;
	resize: none;
}
.contacu05-divs .form-control{
	font-size: 14px;
	font-weight: 500;
}
.btn-submitsr{
	font-weight: 600;
	color: #fff !important;
	background: #7f56d9;
	height: 42px;
	border-radius: 8px;
	font-size: 16px;
	transition: all 0.5s;
}
.btn-submitsr:hover{
	background: #000000;
}
.ck-liso a{
	text-decoration: underline;
}
.ck-liso a,
.ck-liso label{
	color: #9D9D9D;
}
.contacu05-divs{
	padding-bottom: 140px;
}
.contents-boxs .cats-lisu{
   color: #3d0088;
   font-size: 14px;
}
.out-projectsd  .comon-cards {
	min-height: 520px;
}
.news-block01 {
    background: #f7f7f7;
    border-radius: 15px;
    min-height: 122px;
    padding: 8px 9px;
    box-shadow: #0000001f 1px 2px 10px;
	transform: scale(1);
	transition: all 0.5s;
}
.news-block01:hover{
  transform: scale(1.1);
}
.news-block01 .img-post05 {
    margin-right: 7px;
    background: #fff;
    display: inline-block;
    height: 99px;
    width: 144px;
    overflow: hidden;
    border-radius: 8px;
    overflow: hidden;
}
.news-block01 .img-post05 img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.news-block01 h5{
	text-align: center;
	color: #5b5b5b;
	line-height: 31px;
    font-size: 23px;
	display: inline-block;
	width: 90%;

}
.list-of-textr{
	font-size: 14px;
}
/* @keyframes slide-down {
		  0% {
			  transform: translateY(-100%);
		  } 
		  100% {
			  transform: translateY(0);
		  } 
	  }
	  
	  @keyframes slide {
		0% {
			opacity: 0;
			transform: translateY(50%);
		} 
		100% {
			opacity: 1;
			transform: translateY(0);
		} 
	} */
@media(min-width:1600px){
	.banner-sections figure {
		bottom: 0;
	 }
}
@media(min-width:1400px){
	.banner-sections-sub{
		clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
	}
	.home-pages .banner-sections{
		padding-bottom: 130px;
	 }
	 
	
}

.home-pages .container-fluid{
	padding-left: 6rem;
	padding-right: 6rem;
}
.home-pages .banner-sections{
   padding-top: 100px;
}
@media(min-width:990px){
	.small-pagging .ps-lg-5{
		padding-left: 118px !important;
	}
	.msc-pic .ps-lg-5{
		padding-left: 49px !important;
	}

}
@media(max-width:1181px){
	.navbar-light .navbar-nav .nav-link {
		padding: 20px 9px;
		font-size: 14px;
	}
	.navbar-light .navbar-brand {
        width: 18%;
    }
}
@media(max-width: 910px){
	.banner-sections{
		height: auto;
		overflow: inherit;
		padding-bottom: 35px;
		min-height: 100vh;
	}
	
	.re-subd{
        height: 520px !important;
        clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%) !important;
    }
	.body-part-sub012{
		background-size: 45%;
        background-position: top right;
		background: #fff;
	}
	.banner-sections h5{
		margin-top: 20px;
	}
	.banner-sections .container .row{
		height: auto;
	}
	.navbar-light .navbar-brand {
        width: 47%;
    }
	.banner-sections figure {
		bottom: 0;
		right: 0;
		position: relative;
	}
	.banner-sections h2{
		white-space: normal;
		font-size: 30px;
		display: block;
	}
	.banner-sections h6 {
		display: table;
	}
	.hexa {
		margin: 0;
		width: 120px;
		height: 120px;
	}

	.banner-sections-sub{
		height: 380px;
		clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%);
	}
	.comon-teams01{
		padding: 0 36px;
	}
	.comon-teams01 h5{
		font-size: 22px;
		margin-top: 10px;
	}
	.body-part-sub01 hr{
		margin: auto;
		width: 60%;
	}
	.news-block01 h5 {
		text-align: center;
		color: #5b5b5b;
		line-height: 24px;
		font-size: 17px;
		display: inline-block;
		width: 90%;
	}
	
}
/* @media(max-width: 768px){
	.banner-sections-sub{
		height: 300px;
	}
} */
@media(min-width: 1300px){
	.navbar-brand{
		width: 180px;
	}
}