@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:opsz,wght@8..144,500&display=swap');
@font-face {
  font-family: 'bahnschrift';
  src: url('../fonts/BAHNSCHRIFT.TTF') format('ttf');
  font-weight: normal;
  font-style: normal;
}

:root {
	--primary-color: #0DFEFF;
	/* --primary-color: #051847; */
	/* --primary-color: #199BD7; */
}

::-webkit-scrollbar-track {
  background-color: #e9edf0;
  border-left: 1px solid #ededed;
}

::-webkit-scrollbar {
  width: 7px;
  background-color: #0DFEFF;
  /* background-color: #199BD7; */
}

::-webkit-scrollbar-thumb {
  background: #0DFEFF;
  /* background: #199BD7; */
}

.bahnschrift-font {
  font-family: 'bahnschrift', sans-serif;
}

.roboto-serif-font{
	font-family: 'Roboto Serif', serif;
}

.side-menu {
	background: #016FAE;
}

.main-font, body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

.btn.btn-asi-blue {
	border: 1px solid #049DE1;
	background: #049DE1;
	color: #fff;
}
.btn.btn-asi-blue:hover,
.btn.btn-asi-blue:active {
	background: #fff;
	color: #049DE1;
}
.btn.btn-asi-blue span {
	transition :none;
}
.btn.btn-asi-blue.btn-outline {
	background: #fff;
	color: #049DE1;
	border: 1px solid #049DE1;
}
.btn.btn-asi-blue.btn-outline:hover,
.btn.btn-asi-blue.btn-outline:active {
	background: #049DE1;
	color: #fff;
}

.scroll-top-arrow {
	background: #049DE1;
}

body{
	background-color:#fff;
	color:#212529
}
.modal-dialog{
	padding:0 10px
}
.modal-dialog .modal-content{
	border-radius:10px
}
.modal-dialog .modal-content p,
.modal-dialog .modal-content ol,
.modal-dialog .modal-content ul {
	font-size: 18px;
}
.modal-dialog .modal-content .modal-header .modal-title{
	line-height:1.5
}
.modal-dialog a.btn-close-modal{
	background-color:#049DE1;
	border-radius:50rem;
	color:#fff;
	z-index:1
}
.modal-dialog a.btn-close-modal i{
	align-items:center;
	color:#fff;
	cursor:pointer;
	display:flex;
	font-size:20px;
	justify-content:center;
	padding:4px;
	width:28px
}
p{
	color: #fff;
	font-size:20px;
	line-height: 1.5;
}
.ff-roboto-serif{
	font-family:"Roboto Serif",serif!important
}
.bg-asi{
	background-color:#051847!important;
	/* background-color:#199BD7!important; */
	color:#fff
}
.header-appear .navbar-top-default.navbar-gradient.bg-asi {
	background: #051847;
	/* background: #199BD7; */
	box-shadow: none;
	/* background-image: linear-gradient(180deg, #021E4D 0%, #000000 100%);
	background-size: cover; */
}
.bg-asi .navbar-nav{
	padding-right:15px
}
.navbar-top-default.navbar-gradient .navbar-nav .nav-link {
	font-weight: 400;
	color: #fff;
	min-width: unset;
	padding: 0 1rem;
}
.header-appear .navbar-top-default.navbar-gradient .navbar-nav .nav-link.active,
.header-appear .navbar-top-default.navbar-gradient .navbar-nav .nav-link:hover {
	color: #0DFEFF;
}
.bg-impact.navbar-expand .navbar-nav .nav-link:not(.btn){
	background-clip:text;
	-webkit-background-clip:text;
	background-color:#fe0000;
	background-image:linear-gradient(to right,var(--primary-p-color) 20%,var(--primary-b-color) 40%,var(--primary-b-color) 60%,var(--primary-t-color) 80%);
	color:#fff
}
.bg-impact a.btn.primary-button.btn-outline{
	border:1px solid #fff
}
.text-asi{
	color:#0DFEFF;
}
.btn-asi {
	/* border: 1px solid #049DE1; */
	/* background: #049DE1; */
	background: #016FAE;
	color: #fff;
}
.btn-asi:hover,
.btn-asi:focus {
	background: #fff;
	color: #049DE1;
}

.btn-impact {
	border: 1px solid #fe0000;
	background: #fe0000;
	color: #fff;
}
.btn-impact:hover,
.btn-impact:focus {
	background: #fff;
	color: #fe0000;
}

.fw-500{
	font-weight:500
}
.fw-600{
	font-weight:600
}
.row-default-margin{
	margin-left:-15px;
	margin-right:-15px
}
.bg-gradient{
	background-color:#051847;
	/* background-image: linear-gradient(180deg, #021E4D 0%, #000000 50%, #021E4D 100%);
	background-size: cover; */
	/* background: #049DE1; */
  /* background: #A5C5FE;
	background: linear-gradient(90deg, #A5C5FE 0%, #C6DDFD 80%); */
	/* background-color:#021a48;
	background-image:linear-gradient(90deg,#021a48 10%,#133454);
	background-size:cover */
}
.navbar-expand .navbar-nav .nav-item a:not(.btn){
	font-weight:400
}
.card:not(.no-hover):hover ul li{
	color:#f5f5f5
}
.modal-menu-mobile{
	color:#000
}
.bg-pattern{
	background-image:url(../images/bg_overlay.png);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity:.3
}
footer .copyright p{
	opacity:1
}
.container.container-large{
	max-width:1360px
}
.container.container-large.with-border-top{
	margin-top:110px;
	padding-top:60px
}
body .container.hero-container{
	display:flex;
	flex-wrap:wrap;
	min-height:100vh;
	padding-top:100px
}
.hero-content{
	display:flex;
	flex-direction:column;
	flex-grow:1;
	justify-content:center;
	padding:0 15px;
	width:100%
}
.hero-content h1{
	/* color:#212529; */
	/* color: #049DE1; */
  /* color: #051847; */
  /* color: #199BD7; */
	color: #0DFEFF;
	/* font-family:"Roboto Serif",serif; */
	font-size:50px;
	font-weight:500;
	line-height: 1;
	margin-bottom: 1.5rem;
	text-align: start;
}
.hero-content p{
	font-size:20px;
  font-weight: 300;
	line-height: 1.5;
	margin-bottom: 1.5rem;
	text-align: start;
}
.hero-image{
	align-items:flex-end;
	display:flex;
	flex-shrink:0;
	justify-content:center;
	padding:0;
	width:100%
}
.hero-image .img-main{
	left:50%;
	opacity:0;
	position:absolute;
	top:0;
	transform:translateX(-50%)
}
.hero-image .img-main:first-child{
	left:0;
	margin-left:auto;
	margin-right:auto;
	opacity:1;
	position:relative;
	transform:none
}
.hero-image img{
	margin-top:40px;
	width:60vw
}
.row.hero-link-container{
	margin-left:-15px;
	margin-right:-15px
}
.row.hero-link-container .hero-link{
	align-items:center;
	border-bottom:2px solid var(--primary-color);
	display:flex;
	font-size:1.1rem;
	font-weight:600;
	color: #fff;
	height:100%;
	justify-content:space-between;
	padding:10px 0;
	text-align: start;
}
.row.hero-link-container .hero-link.black{
	border-color:#0DFEFF
}
.row.hero-link-container .hero-link.black i{
	color:#0DFEFF
}
.row.hero-link-container .hero-link.black:hover{
	border-color:var(--primary-color)
}
.row.hero-link-container .hero-link.black:hover i{
	color:var(--primary-color)
}
.row.hero-link-container .hero-link span{
	align-items:center;
	display:flex;
	min-height:53px
}
.row.hero-link-container .hero-link i{
	color:var(--primary-color);
	font-weight:600
}
.row.hero-link-container .hero-link:hover span{
	color:var(--primary-color)
}
section{
	padding-bottom:0
}
.section-title{
	font-family:"bahnschrift",sans-serif;
	font-size:70px;
	font-weight:500;
	color: #0DFEFF;
}
.section-title-sub{
	font-size:48px;
	line-height: 1.3;
	font-weight:400;
	color: #0DFEFF;
}
.p-t--100{
	padding-top:100px
}
.row.pb-with-border{
	border-bottom:1px solid #0DFEFF;
	padding-bottom:100px
}
a.btn.primary-button.bg-asi-logo{
	background-color:#049DE1;
	border:1px solid #049DE1;
	font-weight:500
}
a.btn.primary-button.bg-asi-logo:focus,a.btn.primary-button.bg-asi-logo:hover{
	background-color:#19b4ec;
	background-image:none
}
a.btn.primary-button.btn-outline{
	background-color:#fff;
	border:1px solid #fe0000;
	color:#fe0000
}
a.btn.primary-button.btn-outline:focus,a.btn.primary-button.btn-outline:hover{
	background-color:#fe0000;
	color:#fff
}
.solution_menu_container{
  background: #049DE1;
  border-radius:10px;
	padding:20px 25px;
	transition:all .8s
}
.solution_menu_container:hover{
	transform:translateY(-20px)
}
.solution_menu_container.no-hover:hover{
	transform:none
}
.solution_menu_container h3{
	font-size: 22px;
	line-height: 1.5;
}
.solution_menu_container p {
	font-size: 20px;
	color: #fff;
}
.solution_menu_container p.ellipsis{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.solution_menu_container a.btn{
	margin-bottom:20px
}
.banner-2-container{
	border-radius:10px;
	position:relative
}
.banner-2-container img{
	border-radius:10px;
	min-height:400px;
	-o-object-fit:cover;
	object-fit:cover;
	box-shadow: 0 0 5px #00000033;
}
.banner-2-container .banner-content-play{
	align-items:center;
	display:flex;
	height:100%;
	justify-content:center;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.banner-2-container .banner-content-play:hover{
	background-color:rgba(0,0,0,.2)
}
.banner-2-container .banner-content-play i{
	background-color:#fe0000;
	border-radius:50rem;
	color:#fff;
	font-size:48px;
	padding:21px 18px 21px 24px
}
.banner-2-container .banner-content{
	align-items:baseline;
	background-color: rgba(0, 0, 0, 0.3);
	border-bottom-right-radius:10px;
	bottom:0;
	display:flex;
	flex-direction:column;
	max-width:400px;
	padding:40px 50px;
	position:absolute;
	right:20px;
}
.banner-2-container.left .banner-content {
  right: unset;
  left: 20px;
}
.banner-2-container.left .banner-content p {
	color:#fff;
}
.banner-2-container .banner-content.darker {
  background-color: rgba(0, 0, 0, 0.8);
	max-width: 480px;
}
.banner-2-container .banner-content > div:first-child {
	background-color:#fff;
	border-radius:50rem;
	margin-bottom:30px;
	padding:12px 11px 12px 13px;
	width: 70px;
	height: 70px;
}
.banner-2-container .banner-content > div:first-child i {
	font-size: 48px;
}
.banner-2-container .banner-content h4{
	color:#fff;
	font-family:"bahnschrift",sans-serif;
	font-size:32px;
	font-weight:500;
	margin-bottom:20px
}
.banner-2-container .banner-content p{
	/* color:#fff; */
	/* color: #049DE1; */
	color: #212529;
	font-size:16px;
	margin-bottom:40px
}
#solution .section-title{
	margin-bottom:75px;
	color: #049DE1;
}
.solution_container .detail{
	display:none;
	padding-left:15px
}
.solution_container.expanded{
	flex:0 0 25%
}
.solution_container.expanded.active{
	flex:0 0 50%
}
.solution_container.expanded:not(.active) .solution_box {
	padding: 0;
}
.solution_container.expanded.active .solution_box{
  background: #049DE1;
}
.solution_container.expanded.active .solution_box .detail{
	display:block
}
.solution_container.expanded.active .solution_box .detail p{
	color: #fff;
}
.solution_container.expanded.active .solution_box .image {
	flex: 0 0 50%;
}
.solution_container .solution_box img:not(.solution-title) {
	-o-object-fit:cover;
	object-fit:cover;
}
.solution_container .solution_box#smart-platform img:not(.solution-title) {
	-o-object-position: 35% 50%;
	object-position: 35% 50%;
}
.solution_container .solution_box#smart-ac img:not(.solution-title) {
	-o-object-position: 40% 50%;
	object-position: 40% 50%;
}
.solution_container .solution_box#smart-data img:not(.solution-title) {
	-o-object-position: 60% 50%;
	object-position: 60% 50%;
}
.solution_container.expanded.active .solution_box a.expand-solution-box{
	display:none
}
.solution_container.expanded.active .solution_box a.shrink-solution-box{
	display:block
}
.solution_container .solution_box{
	position:relative;
	display: flex;
	flex-direction: column;
	height:100%;
	padding:20px;
	border-radius:10px;
	text-align:start;
	transition:all 1s
}
.solution_container .solution_box img:not(.solution-title){
	border-radius: 1rem;
	/* filter:grayscale(1) */
}
.solution_container .solution_box a.toggle-solution-box{
	position: absolute;
	background: #049DE1;
	color:#fff;
	border-radius:50rem;
	z-index:1
}
.solution_container.expanded.active .solution_box a.toggle-solution-box {
	/* background: #fff; */
	/* color: #049DE1; */
	background: #0DFEFF;
	color: #fff;
}
.solution_container .solution_box > div:first-child img:first-child {
	display: block;
}
.solution_container .solution_box > div:first-child img:nth-child(2) {
	display: none;
}
.solution_container.active.expanded .solution_box > div:first-child img:first-child {
	display: none;
}
.solution_container.active.expanded .solution_box > div:first-child img:nth-child(2) {
	display: block;
}
.solution_container.active.expanded .solution_box > div:first-child img{
	max-width: 90%;
}
.solution_container .solution_box a.toggle-solution-box i{
	display:flex;
	justify-content:center;
	align-items:center;
	width:28px;
	padding:4px;
	font-size:20px;
	letter-spacing: 0;
	cursor:pointer;
}
.solution_container .solution_box a.shrink-solution-box{
	display: none;
	right: -5px;
	top: -5px;
}
.solution_container .solution_box a.expand-solution-box{
	top: 10px;
	right: 10px;
}
.social-media-links{
	display:flex;
	flex-direction:column
}
.social-media-links a{
	font-size:14px!important;
	font-weight:500!important;
	line-height:1.8!important
}
.before-title{
	font-size:22px;
	font-weight:600;
	margin-bottom:0
}
.circle-step{
	align-items:center;
	border:1px solid #fff;
	color: #fff;
	border-radius:50rem;
	display:flex;
	font-size:20px;
	height:40px;
	justify-content:center;
	margin-bottom:15px;
	width:40px
}
.circle-step+p{
	font-size:21px;
	font-weight:500
}
.solution-container-with-image{
	background-color:#049DE1;
	color: #fff;
	border-radius:10px;
	display:flex;
	margin:0 15px;
	overflow:hidden;
	padding:0
}
.solution-container-with-image .solution-text{
	padding:75px 55px
}
.solution-container-with-image .solution-text p{
	font-size:18px
}
.solution-container-with-image .solution-image{
	flex:0 0 60%
}
.solution-container-with-image .solution-image img{
	border-bottom-right-radius:10px;
	border-top-right-radius:10px;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.solution-explain{
	background-color:rgba(254,0,0,.2);
	border-radius:10px;
	padding:72px 70px
}
.solution-explain ol,.solution-explain p{
	border-bottom:1px solid #101820;
	border-top:1px solid #101820;
	font-size:18px;
	margin-bottom:2rem;
	padding:36px 0
}
.solution-explain ol{
	padding-left:30px
}
.solution-explain a.btn{
	background-color:#fff;
	color:#fe0000
}
.form-control.input-style{
	background-color:#eee;
	border-radius:8px;
	font-size:20px;
	padding:18px 20px
}
.form-control.input-style:focus{
	border-color:#fe0000;
	border-width:2px
}
input.form-control.input-style,select.form-control.input-style{
	height:65px
}
select.form-control.input-style{
	cursor:pointer
}
.plyr--video .plyr__control.plyr__control--overlaid,
.plyr--video .plyr__control:hover{
	background:#049DE1
}
.plyr--video .plyr__control.plyr__control--overlaid:hover{
	background:#049DE1
}
.plyr__controls__item.plyr__progress__container input,
.plyr__controls__item.plyr__volume input{
	color:#049DE1
}
.lang-switch{
	position:absolute;
	right:15px;
	top:0
}
.achievement-title {
	font-size: 36px;
	line-height: 1.2;
	max-width: 800px;
	margin: 0 auto;
}
.section-title.contact {
  font-size: 56px;
	padding-right: 50px;
	color: #0DFEFF;
}
.counter-area {
	font-size: 65px;
}
.counter-area.with-sup span {
	padding-left: 20px;
}
.counter-area sup {
	font-size: 40px;
	font-weight: 100;
	left: -20px;
}
.card.values-asi {
	height: 100%;
	background: transparent;
  border: 1px solid #0DFEFF;
	border-radius: 1rem;
	padding: 15px 10px;
	margin: 0;
}
.card.values-asi h4 {
	font-size: 30px;
	margin-bottom: 15px;
	color: #0DFEFF;
}
.card.values-asi p {
	color: #fff;
}
.testimonial-item .destination {
	color: #fff;
}
.policy-area h4 {
	font-size: 28px;
	line-height: 1.2;
	font-weight: 600;
}
.policy-area p span {
	font-weight: 500;
}
.policy-area ol {
	padding-left: 25px;
}
.policy-area ol li {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	text-align: justify;
	line-height: 1.5;
}
.policy-area ol.list-style-letter {
	list-style: none;
	padding-left: 5px;
}
.policy-area ol.list-style-letter li {
	counter-increment: custom;
}
.policy-area ol.list-style-letter li:before {
	content: counter(custom, lower-latin) ") ";
	width: 25px;
	padding-right: 5px;
	text-align: right;
	flex-shrink: 0;
}
.policy-area ol.list-style-letter li:first-child {
	counter-reset: custom;
}
.team-progress .progress-bar {
	background: #049DE1;
	filter: none;
}
.team-box .overlay:before {
	background: #049DE1;
}
.contact-form {
	max-width: unset;
}
#contactForm input,
#contactForm textarea,
#contactForm select {
  color: #fff;
	background-color: #062656;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
#contactForm input:-webkit-autofill,
#contactForm textarea:-webkit-autofill {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 0 0px 1000px #014E80 inset !important;
}
#contactForm select {
	cursor: pointer;
}
#contactForm select:invalid {
  color: #ccc;
}
.contact-form .form-group .form-control:invalid,
.form-control::placeholder {
	color: #ccc;
}
.contact-form .form-control {
  border-color: #0DFEFF;
}
.contact-form .form-group .form-control option {
  color: #fff;
}
.contact-form .form-group .form-control option:disabled {
  color: #ccc;
  background-color: #062656;
}
.contact-form .form-group .form-control option:checked {
	background-color: #014E80;
}

.footer-social li a:hover i, .footer-social li a:hover svg, .scroll-top-arrow {
	background-image: none;
	background: #0DFEFF;
}
a:hover {
	color: #049DE1;
}
.solution-dropdown img {
	width: 100px;
	height: 100px;
	object-fit: contain;
}
.header-appear .solution-dropdown.show .dropdown-toggle.with-menu,
.solution-dropdown.show .dropdown-toggle.with-menu:after,
.solution-dropdown .dropdown-toggle.with-menu:hover:after,
.solution-dropdown .dropdown-toggle.with-menu.active:after,
.header-appear .solution-dropdown:hover .dropdown-toggle.with-menu,
.solution-dropdown:hover .dropdown-toggle.with-menu:after {
	color: #0DFEFF;
}
.solution-dropdown .dropdown-menu {
	display: block;
	min-width: 200px;
	padding: 0;
	margin-top: 10px;
	opacity: 0;
  background: #016FAE;
	visibility: hidden;
	transition: 0.5s all ease;
}
.solution-dropdown:hover .dropdown-menu,
.solution-dropdown.show .dropdown-menu.show {
	visibility: visible;
	margin-top: 0;
	opacity: 1;
}
.solution-dropdown .dropdown-menu .dropdown-item {
	padding: 0.5rem 1rem;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
}
.solution-dropdown .dropdown-menu .dropdown-item img {
	flex-shrink: 0;
}
.solution-dropdown .dropdown-menu .dropdown-item div {
	flex-grow: 1;
	white-space: normal;
}
.solution-dropdown .dropdown-menu .dropdown-item div p {
	font-size: 15px;
}
.solution-dropdown .dropdown-item:hover,
.solution-dropdown .dropdown-item:active {
  color: #0DFEFF;
	background-color: #016FAE;
}
/* .solution-dropdown .dropdown-item:hover p,
.solution-dropdown .dropdown-item:hover span {
	text-decoration: underline;
} */
.assessment-count {
  font-size: 72px;
}
.assessment-count-text {
  font-size: 28px;
  font-weight: 300;
}
.logo-nucleus {
  width: 100%;
  max-width: 300px;
}
.diamond-list {
  list-style: none;
  padding-left: 30px;
  font-size: 20px;
  line-height: 1.5;
}
.diamond-list li::before {
  content: "◆"; /* Unicode black diamond: U+25C6 */
  color: #fff;
  display: inline-block;
  width: 25px;
  margin-left: -25px;
}
.footer-social a span {
  font-size: 18px;
}
p.company-about {
  font-size: 18px;
}
p, ol li, ul li {
	font-weight: 200 !important;
}
.row.hero-link-container .hero-link span {
	font-weight: 500;
}
.footer-social ul li a span {
	font-weight: 200;
}
.half-map {
  height: 520px;
}
@media screen and (min-width:1200px) and (max-width: 1317px){
	.counter-area {
		font-size: 70px;
	}
}
@media screen and (max-width:1344px){
	.banner-2-container .banner-content {
		max-width: 360px;
		padding: 20px 30px;
	}
	.banner-2-container .banner-content.darker {
		max-width: 420px;
	}
}
@media screen and (max-width:1199px){
	.solution_container.expanded.active .solution_box .detail {
    padding-left: 0;
	}
	.solution_container.active.expanded .solution_box .image {
		flex: unset;
	}
	.solution_container.active.expanded .solution_box .image img {
		width: 100%;
		max-height: 200px;
    -o-object-position: 50% 25% !important;
    object-position: 50% 25% !important;
	}
	.banner-2-container .banner-content {
		max-width: 320px;
	}
	.banner-2-container .banner-content.darker {
		max-width: 370px;
	}
  .banner-2-container.left .banner-content {
		max-width: 360px;
  }
}
@media screen and (max-width:1050px){
	.banner-2-container .banner-content {
		max-width: 280px;
	}
}
@media screen and (max-width:991px){
	.section-title.contact {
    font-size: 3rem;
		padding-right: 0;
	}
  .logo-nucleus {
    max-width: 200px;
  }
}
@media screen and (max-width:960px){
	body header .navbar-expand .navbar-nav.items{
			display:none
	}
	body header .navbar-expand .navbar-nav.toggle{
			display:flex
	}
	body header .navbar-expand .navbar-nav.action .btn{
			font-size:0;
			padding:5px 10px
	}
	body header .navbar-expand .navbar-nav.action .btn i{
			font-size:medium;
			margin:0
	}
	.banner-2-container img{
			border-bottom-left-radius:0;
			border-bottom-right-radius:0
	}
	.banner-2-container .banner-content{
			border-bottom-left-radius:10px;
			max-width:100%;
			position:relative;
			right:0;
	}
  .banner-2-container.left .banner-content {
    left: 0;
    max-width: 100%;
  }
  .banner-2-container .banner-content.darker {
    background-color: rgba(0, 0, 0, 0.3);
    max-width:100%;
  }
	.banner-2-container .banner-content h4{
			font-size:28px
	}
	h2.section-title{
			font-size:56px
	}
	p{
			font-size:18px
	}
	.solution_container .solution_box p{
			font-size:16px
	}
	.solution_container .solution_box .detail{
			padding-left:0;
			padding-top:15px
	}
	.solution-container-with-image{
			flex-direction:column
	}
	.solution-container-with-image .solution-text{
			padding:40px
	}
	.solution-container-with-image .solution-image img{
			border-bottom-left-radius:10px;
			border-bottom-right-radius:10px;
			border-top-right-radius:0;
			height:auto;
			width:100%
	}
  .hero-content p{
    font-size: 18px;
  }
  .diamond-list {
    font-size: 18px;
  }
}
@media screen and (min-width:961px) and (max-width:1140px){
	/* .solution_container img.solution-title {
		height: 35px;
	} */
}
@media screen and (min-width:861px) and (max-width:960px){
	/* .solution_container img.solution-title {
		height: 29px;
	} */
}
@media screen and (min-width:768px) and (max-width:860px){
	/* .solution_container img.solution-title {
		height: 26px;
	} */
}
@media screen and (max-width:767px){
	.container.container-large.with-border-top{
			margin-top:90px;
			padding-top:60px
	}
	.solution_menu_container{
			margin-top:30px
	}
	.solution-explain{
			padding:40px
	}
	#solution .section-title{
			margin-bottom:0
	}
	.col.solution_container {
		flex: 0 0 100%;
	}
	.solution_container .solution_box{
			margin-top:25px
	}
	.solution_container .solution_box img:not(.solution-title){
		width:100%;
		max-height:200px;
		-o-object-position:50% 25% !important;
		object-position:50% 25% !important;
	}
	.solution_container .solution_box a.shrink-solution-box{
		right: -10px;
		top: -10px;
	}
	.section-title.contact {
    font-size: 2.2rem;
  }
}
@media screen and (max-width:576px){
  .assessment-count {
    font-size: 46px;
  }
  .assessment-count-text {
    font-size: 18px;
  }
	.section-title.contact {
    font-size: 1.8rem;
  }
  .logo-nucleus {
    max-width: 150px;
  }
}
@media screen and (max-width:575px){
	.solution_menu_container{
			margin-top:30px
	}
	.solution_menu_container.no-hover{
			padding:0
	}
	h2.section-title{
			font-size: 40px;
      line-height: 1;
	}
	h3.modal-title{
			font-size:1.5rem
	}
	.section-title-sub{
			font-size:36px
	}
	.solution_container.expanded.active .solution_box img{
			max-width:100%
	}
	.banner-2-container a.banner-content-play i{
			font-size:16px;
			padding:12px 11px 12px 13px
	}
}
@media screen and (max-width:495px){
	.solution-container-with-image .solution-text,.solution-explain{
			padding:15px
	}
}
@media screen and (max-width:466px){
	.footer-social a span {
		font-size: 16px;
	}
	p.company-about {
		font-size: 16px;
	}
}
@media screen and (max-width:400px){
	.counter-area {
		font-size: 70px;
	}
}
@media screen and (min-width:768px){
	.hero-content h1{
			font-size:80px
	}
}
@media screen and (min-width:961px){
	body .container.hero-container{
			flex-wrap:nowrap;
			padding-top:120px
	}
	.hero-content{
			width:unset
	}
	.hero-content h1{
			font-size:60px
	}
	.hero-image{
			max-width:500px;
			padding:0 0 0 50px;
			width:60vw
	}
	.hero-image img{
			width:100%
	}
}
@media screen and (min-width: 993px) {
	header a.logo {
		height: 70px;
	}

	header a.logo img {
		height: 70px;
		max-height: 70px;
	}
}
@media screen and (min-width:1280px){
	.hero-image{
			max-width:660px
	}
	.hero-content h1{
			font-size:80px
	}
}
@media screen and (min-width:1360px){
	.hero-content h1{
			font-size:100px
	}
}