/*-------------------------------------   
	Copyright © 2024-02
---------------------------------------
    
    CSS INDEX
	===================
	
	1. Font declaration
	1. Navigation
	2. 404
	3. Footer
	4. Form
	5. Text module
	6. Case
	7. Quick-access
	8. Blog
	9. Newsletter
	10. Contact
	11. Solution
	12. About

---------------------------------------*/
body{padding:0;margin:0;background-color: #EEEEEE;}
body,form,iframe,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{margin:0px;padding:0px;list-style-type:none}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
input,textarea,select,button{ outline:none;vertical-align:middle; font-size:inherit; font-family:inherit;}
textarea{ resize:none; overflow-y:auto;}
input[type="submit"],input[type="reset"],input[type="button"],button{ cursor:pointer;-webkit-appearance:none;}
input[type="radio"],input[type="checkbox"]{ height:14px; margin: 0 3px 0 0; padding:0;}
a{-webkit-transition:all .5s;transition:all .5s;text-decoration:none}
a:focus,a:hover{text-decoration:none}
button{margin:0;padding:0;outline:0}
button:focus{outline:0;border:0}
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4}
h3{font-size:20px}
.d-table{width:100%;height:100%}
.d-table-cell{display:table-cell;vertical-align:middle}
img{max-width:100%}
.back-grey{background-color: #EEEEEE;}
.mt100{margin-top: 100px;}

/* Font declaration */
@font-face {
    font-family: 'Inter-Regular';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/Inter-Regular.otf);
}
@font-face {
    font-family: 'Inter-Regular';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/Inter-Regular.ttf);
}

/* Navigation */
.navbar{
	padding: 23px 0;
	font-family: 'Inter-Regular';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transition: all 0.3s ease;
	z-index: 1;
}
.hide {
	transform: translateY(-100%);
}
.navbar-nav{
	flex: 1;
}
.navbar-nav a.nav-link{
	color: #272727!important;
	font-size: 18px;
	padding: 0 20px!important;
	transition: all .5s;
}
.navbar-nav a:hover,.navbar-nav a.active{
	font-weight: 700;
}
.contactBtn a:first-child{
	display: inline-block;
	padding: 0 20px;
}
.contactBtn a:first-child i{
	font-size: 22px;
	color: #000000;
}
.contactBtn a:first-child i:hover{
	color: #FE771B;
}
.contactBtn a:last-child{
	color: #ffffff;
	border-radius: 100px;
	background-color: #272727;
	padding: 0 30px;
	line-height: 45px;
	height: 45px;
	display: inline-block;
}
.contactBtn a:last-child:hover{
	background-color: #FE771B;
}
.banner-bg{
	background-color: #EEEEEE;
	font-family: 'Inter-Regular';
	padding: 80px 0;
}
.banner-bar h6{
	font-size: 80px;
    color: #272727;
    line-height: 90px;
    display: block;
    position: relative;
}
.banner-bar h6::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/Highlight3.png) no-repeat;
	width: 21px;
	height: 26px;
}
.banner-bar h6::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/Highlight2.png) no-repeat;
	width: 21px;
	height: 26px;
}
.banner-bar p{
	font-size: 20px;
    color: #6B6B6B;
    line-height: 26px;
	margin: 30px 0 10px 0;
	position: relative;
}
.banner-bar p::before{
	content: '';
	position: absolute;
	left: 50px;
	top: -50px;
	background: url(../images/Vector3.png) no-repeat;
	width: 70px;
	height: 91px;
}
.banner-bar p::after{
	content: '';
	position: absolute;
	right: 50px;
	top: 0;
	background: url(../images/Vector2.png) no-repeat;
	width: 79px;
	height: 99px;
}
.banner-form{
	margin: 50px 0 80px 0;
}
.banner-form input{
	border: 2px solid #272727!important;
}
.banner-atlas .banner-txt{
	background-color: #FE771B;
	font-family: 'Inter-Regular';
	padding: 30px;
	overflow: hidden;
}
.banner-atlas .banner-txt span{
	color: #272727;
	font-size: 24px;
	line-height: 26px;
	font-weight: 700;
}
.banner-atlas .banner-txt a{
	color: #272727;
	font-size: 18px;
	line-height: 26px;
}
.banner-atlas .banner-txt a i{
	color: #272727;
	font-size: 20px;
	margin-left: 10px;
}

.index-solution-tit{
	padding: 80px 0;
	font-family: 'Inter-Regular';
}
.index-solution-tit dl{
	flex: 1;
}
.index-solution-tit dl dt{
	color: #6B6B6B;
	font-size: 16px;
	position: relative;
	font-weight: normal;
	padding-left: 50px;
}
.index-solution-tit dl dt::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 50%;
	border-radius: 4px;
	background-color: #6B6B6B;
	width: 40px;
	height: 2px;
	z-index: -1;
	margin-bottom: 1px;
}
.index-solution-tit dl dd{
	color: #272727;
	font-size: 48px;
	font-weight: 700;
	text-transform:capitalize;
}
.index-solution-tit dl dd em{
	position: relative;
	display: inline-block;
	font-weight: 700;
}
.index-solution-tit dl dd em::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 15px;
	border-radius: 4px;
	background-color: #FE771B;
	width: 100%;
	height: 10px;
	z-index: -1;
}
.index-solution-tit a{
	background-color: #272727;
	color: #ffffff;
	font-size: 18px;
	padding: 10px 30px;
}
.index-solution-tit a:hover{
	background-color: #FE771B;
}
.index-solution-tit a i{
	color: #ffffff;
	font-size: 20px;
	margin-left: 10px;
}
.index-solution-item{
	background-color: #272727;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
.index-solution-item:hover{
	margin-top: -10px;
}
.index-solution-item-img{
	overflow: hidden;
}
.index-solution-item-img img{
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
.index-solution-item:hover .index-solution-item-img img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.index-solution-item-txt{
	padding: 30px;
	overflow: hidden;
	text-align: center;
	font-family: 'Inter-Regular';
}
.index-solution-item-txt h6{
	color: #FE771B;
	font-size: 24px;
	line-height: 26px;
	height: 30px;
	overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; 
  -webkit-box-orient: vertical;
}
.index-solution-item-txt p{
	color: #D4D4D4;
	font-size: 16px;
	line-height: 24px;
	border-bottom: 1px solid #6B6B6B;
	padding: 20px 0 40px 0;
	overflow: hidden;
}
.index-solution-item-txt a{
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	padding-top: 30px;
}
.index-case-tit{
	padding: 80px 0;
	font-family: 'Inter-Regular';
}
.index-case-tit dl dt{
	color: #6B6B6B;
	font-size: 16px;
	position: relative;
	font-weight: normal;
	padding-left: 50px;
}
.index-case-tit dl dt::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 50%;
	border-radius: 4px;
	background-color: #6B6B6B;
	width: 40px;
	height: 2px;
	z-index: -1;
	margin-bottom: 1px;
}
.index-case-tit dl dd{
	color: #272727;
	font-size: 48px;
	font-weight: 700;
	line-height: 50px;
	text-transform:capitalize;
}
.index-case-tit span{
	color: #6B6B6B;
	font-size: 18px;
	display: inline-block;
	padding: 30px 0 0 100px;
}
.index-case-item{
	position: relative;
}
.index-case-item .index-case-item-img{
	overflow: hidden;
	
}
.index-case-item .index-case-item-img img{
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.index-case-item:hover .index-case-item-img img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.index-case-item-txt{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	text-align: center;
	padding: 40px;
	overflow: hidden;
	font-family: 'Inter-Regular';
}
.index-case-item-txt h6{
	color: #FFFFFF;
	font-size: 24px;
	margin-bottom: 10px;
}
.index-case-item-txt p{
	color: #EAEAEA;
	font-size: 16px;
	line-height: 24px;
}
.index-news{
	padding: 50px 0;
}
.index-news-tit{
	padding: 80px 0;
	font-family: 'Inter-Regular';
}
.index-news-tit dl dt{
	color: #6B6B6B;
	font-size: 16px;
	position: relative;
	font-weight: normal;
	padding-left: 50px;
}
.index-news-tit dl dt::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 50%;
	border-radius: 4px;
	background-color: #6B6B6B;
	width: 40px;
	height: 2px;
	z-index: -1;
	margin-bottom: 1px;
}
.index-news-tit dl dd{
	color: #272727;
	font-size: 48px;
	font-weight: 700;
	line-height: 50px;
	text-transform:capitalize;
}
.index-news-tit a,.index-case .text-more a{
	background-color: #272727;
    color: #ffffff;
    font-size: 18px;
    padding: 10px 30px;
}
.index-news-tit a:hover,.index-case .text-more a:hover{
	background-color: #FE771B;
}
.index-news-tit a i{
	font-size: 20px;
	margin-left: 10px;
}
.text-more{
	text-align: right;
}
.index-news-list{
	font-family: 'Inter-Regular';
}
.index-news-hot:hover h6{
	color: #FE771B;
}
.index-news-hot em{
	color: #8C8C8C;
	font-size: 14px;
	display: inline-block;
	line-height: 40px;
}
.index-news-hot a{
	overflow: hidden;
	display: block;
}
.index-news-hot a img{
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.index-news-hot:hover a img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.index-news-hot h6{
	color: #272727;
	font-size: 32px;
	line-height: 34px;
	margin: 10px 0;
}
.index-news-hot p{
	color: #6B6B6B;
	font-size: 16px;
	line-height: 24px;
}
.index-news-sub a{
	display: flex;
	margin-bottom: 30px;
}
.index-news-sub a:hover h6{
	color: #FE771B;
}
.index-news-sub a dt{
	overflow: hidden;
	width: 30%;
}
.index-news-sub a dt img{
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	
}
.index-news-sub a:hover dt img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.index-news-sub a dd{
	width: 70%;
	padding-left: 15px;
}
.index-news-sub a dd h6{
	color: #272727;
	font-size: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;	
	-webkit-box-orient: vertical;
}
.index-news-sub a dd p{
	color: #6B6B6B;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;	
	-webkit-box-orient: vertical;
	margin: 15px 0;
}
.index-news-sub a dd em{
	color: #8C8C8C;
	font-size: 14px;
	font-weight: normal;
}
.index-about{
	padding: 140px 0 80px 0;
}
.index-about-txt{
	font-family: 'Inter-Regular';
}
.index-about-txt em{
	color: #6B6B6B;
    font-size: 16px;
    position: relative;
    font-weight: normal;
    padding-left: 50px;
}
.index-about-txt em::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 50%;
    border-radius: 4px;
    background-color: #6B6B6B;
    width: 40px;
    height: 2px;
    z-index: -1;
    margin-bottom: 1px;
}
.index-about-txt h6{
	color: #272727;
    font-size: 48px;
    font-weight: 700;
	line-height: 50px;
	text-transform:capitalize;
}
.index-about-txt p{
	color: #6B6B6B;
	font-size: 18px;
	margin: 30px 0;
}
.index-about-txt a{
	color: #272727;
	font-size: 16px;
	display: inline-block;
	border: 1px solid #272727;
	padding: 10px 30px;
}
.index-about-txt a:hover{
	color: #FE771B;
	border: 1px solid #FE771B;
}
.index-about-img{
	background-color: #272727;
	height: auto;
	padding: 60px;
	overflow: hidden;
	position: relative;

}
.index-about-img::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/indexabout.png) no-repeat;
	width: 225px;
	height: 238px;

}
.index-about-atlas dl{
	background-color: #FE771B;
	padding: 15px;
	width: calc(100% - 32px);
	position: relative;
}
.index-about-atlas{
	position: relative;
}
.index-about-atlas span{
	display: block;
}
.index-about-atlas span::before{
	content: '';
	position: absolute;
	right: 0;
	top: -30px;
	border: 2px solid #ffffff;
	width: calc(100% - 30px);
	height: 100%;
}
.index-about-atlas dl dt{
	width: 100%;
	height: auto;
	position: relative;
}
.index-about-atlas dl dd a{
	color: #272727;
	font-size: 20px;
	display: block;
	text-align: center;
	font-family: 'Inter-Regular';
	padding-top: 15px;

}


.index-about-sum{
	background-color: #FE771B;
	display: flex;
	font-family: 'Inter-Regular';
	padding: 30px;
	margin-top: 30px;
}
.index-about-sum dl{
	flex: 1;
	text-align: center;
}
.index-about-sum dl dt{
	color: #272727;
	font-size: 56px;
	line-height: 56px;
}
.index-about-sum dl dd{
	color: #F5F5F5;
	font-size: 16px;
	line-height: 40px;
}
/* Case */
.category a{
	border: 2px solid #D4D4D4;
	border-radius: 100px;
	color: #6B6B6B;
	font-size: 16px;
	line-height: 24px;
	display: inline-block;
	padding: 5px 25px;
	background-color: #ffffff;
	margin: 0 5px;
	font-family: 'Inter-Regular';
}
.category a:hover,.category a.active{
	background-color: #FE771B;
	border: 2px solid #FE771B;
	color: #272727;
}
.case{
	padding-bottom: 100px;
}
.case-item{
	margin-top: 30px;
}
.case-item .case-img{
	overflow: hidden;
}
.case-item .case-img a{ 
	display: block;
}
.case-item .case-img a img{
	width: 100%;
	height: auto;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
.case-item:hover .case-img a img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.case-item .case-tag{
	font-size: 16px;
	color: #272727;
	font-weight: 700;
	padding: 8px 0 0 0;
	font-family: 'Inter-Regular';
}
.case-item dl dt{
	font-size: 32px;
	color: #272727;
	font-weight: 700;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	line-height: 38px;
	margin: 10px 0;
	font-family: 'Inter-Regular';
}
.case-item dl dd{
	font-size: 16px;
	color: #6B6B6B;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	margin-bottom: 20px;
	font-family: 'Inter-Regular';
}
.case-item .case-details{
	color: #272727;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	border-bottom: 1px solid #272727;
	font-family: 'Inter-Regular';
}
.case-item:hover .case-details{
	color: #FE771B;
	border-bottom: 1px solid #FE771B;
}
.case-bg{
	background: url(../images/BackgroundTop.png) no-repeat center bottom;
}
.case-label{
	margin: 50px auto 0;
}
.case-label dl{
	flex: 1;
	font-family: 'Inter-Regular';
}
.case-label dl dt{
	color: #6B6B6B;
	font-size: 14px;
	font-weight: normal;
}
.details-content{
	background-color: #272727;
	padding: 80px 0;
}
.case-details-content-title{
	color: #FE771B;
	font-size: 32px;
	line-height: 34px;
	font-weight: 700;
	font-family: 'Inter-Regular';
}
.case-details-content-text{
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	padding-top: 40px;
	font-family: 'Inter-Regular';
}
.case-details-content-text img{
	margin:10px auto;
}
.case-more{
	padding: 50px 0 20px 0;
}
.case-more h6{
	color: #272727;
	font-size: 48px;
	font-weight: 700;
	position: relative;	
	font-family: 'Inter-Regular';
}
.case-more h6::before{
	content: '';
	background-color: #FE771B;
	height: 7px;
	width: 100%;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top:0;
}
.bnt-back{
	color: #272727;
	font-family: 'Inter-Regular';
	border: 1px solid #272727;
	padding: 0 15px;
	height: 56px;
	line-height: 56px;
}
.bnt-back:hover{
	color: #FE771B;
	border: 1px solid #FE771B;
}
/* Text module */
.text-module{
	font-family:'Inter-Regular';
	margin: 0 auto;
	padding: 120px 0 50px 0;
}
.text-module h1{
	font-size: 75px;
	color: #272727;
	line-height: 1;
	font-family: 'Inter-Regular';
	text-transform:capitalize;
}
.text-module h2{
	font-size: 80px;
	font-family: 'Inter-Regular';
	color: #272727;
	line-height: 1;
	padding-bottom: 200px;
}
.text-module h3{
	font-size: 80px;
	font-family: 'Inter-Regular';
	color: #272727;
	line-height: 1;
}
.text-module h4{
	font-size: 80px;
	font-family: 'Inter-Regular';
	color: #272727;
	line-height: 1;
	padding-bottom: 50px;
}
.text-module h6{
	color: #6B6B6B;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 20px;
}
.text-module p{
	font-size: 20px;
	color: #6B6B6B;
	line-height: 1.3;
	margin-top: 30px;
}
.text-module-blog{
	font-family:'Inter-Regular';
	margin: 0 auto;
	padding: 120px 0 300px 0;
	position: relative;
}
.text-module-blog::before{
	content: '';
	position: absolute;
	left: 0;
	top: 20px;
	background: url(../images/Group39901.png) no-repeat center center;
	width: 59px;
	height: 59px;
}
.text-module-blog::after{
	content: '';
	position: absolute;
	right: 0;
	top: 20px;
	background: url(../images/x.png) no-repeat center center;
	width: 101px;
	height: 101px;
}
.text-module-blog h3{
	font-size: 80px;
	font-family: 'Inter-Regular';
	color: #272727;
	line-height: 1.2;
}
.text-module-blog h6{
	color: #6B6B6B;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 20px;
}
/* 404 */
.error-area {
    height: 100vh;
    background:#272727 url(../images/404bj.png) no-repeat;
	background-position: center bottom;
	background-size: 100%;
	position: relative;
}
.error-area::before{
	content: '';
	background: url(../images/Circle.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	width: 394px;
	height: 203px;
}
.error-area .error-content {
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
	color: #ffffff;
	position: relative;
}
.error-area .error-content::before{
	content: '';
	background: url(../images/Frame.png) no-repeat;
	position: absolute;
	top: -100px;
	left: -100px;
	width: 103px;
	height: 101px;
}
.error-area .error-content span{
	color: #FE771B;
	font-size: 300px;
	font-weight: 700;
	line-height: 1;
	font-family: 'Inter-Regular';
}
.error-area .error-content h3{
	font-size: 48px;
	color: #ffffff;
	line-height: 2;
	font-family: 'Inter-Regular';
}
.error-area .error-content p{
	font-size: 18px;
	color: #EAEAEA;
	font-family: 'Inter-Regular';
}

/* Footer */
.footer{
	background-color: #272727;
	padding-top: 50px;
}
.footer-widget{
	color: #D4D4D4;
}
.footer-widget p{
	margin: 15px 0;
	line-height:1.5;
	font-size: 18px;
	padding-right: 100px;
	font-family: 'Inter-Regular';
}
.footer-widget .social-link li{
	display: inline-block;
	margin-right: 10px;
}
.footer-widget h3{
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	color: #ffffff;
	font-family: 'Inter-Regular';
}
.footer-widget ul li{
	font-size: 18px;
	line-height: 2;
}
.footer-widget ul li>a{
	display: inline-block;
	color: #D4D4D4;
	font-family: 'Inter-Regular';
}
.footer-widget ul li>a:hover{
	color: #FE771B;
}
.footer-subscribe{
	border-top: 1px solid rgba(107, 107, 107, 0.5);
	border-bottom: 1px solid rgba(107, 107, 107, 0.5);;
	padding: 25px 0;
	margin-top: 50px;
	line-height: 66px;
}
.footer-subscribe dl dt{
	font-size: 20px;
	color: #ffffff;
	line-height: 2;
	font-family: 'Inter-Regular';
}
.footer-subscribe dl dd{
	color: #D4D4D4;
	font-size: 18px;
	line-height: 1.5;
	font-family: 'Inter-Regular';
}
.footer-copyright{
	color: #8C8C8C;
	font-size: 18px;
	padding: 30px 0;
	text-align: center;
	font-family: 'Inter-Regular';
}

/* Form */
.form-item{
	display: flex;
}
.quick-form{
	margin:auto;
}
.form-item .form-control{
	border: 0;
    border-radius: 0;
    height: 66px;
    line-height: 66px;
	padding: 0 20px;
	flex: 1;
	font-family: 'Inter-Regular';
}
.default-bnt{
	padding: 0 27px;
	line-height: 66px;
    color: #272727;
    text-align: center;
    overflow: hidden;
    text-transform: capitalize;
    background-color:#FE771B;
    border: none;
	outline: none;
	font-weight: 700;
	font-family: 'Inter-Regular';
}
.black-bnt{
	padding: 0 27px;
	line-height: 66px;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    text-transform: capitalize;
    background-color:#272727;
    border: none;
	outline: none;
	font-weight: 500;
	font-family: 'Inter-Regular';
}
.form-bar{
	background-color: #272727;
	border-radius: 50% / 100% 100% 0 0;
	width: 100%;
	height:100%;
	margin-top: 80px;
}
.form-bar .form-group {
    margin-bottom: 25px;
    position: relative;
}
.form-bar h6{
	font-size: 48px;
	color: #FE771B;
	padding: 150px 0 80px 0 ;
	font-family: 'Inter-Regular';
	text-transform:capitalize;
}
.form-bar span{
	color: #ffffff;
}
.contact-form{
	margin: auto;
	font-family: 'Inter-Regular';
	padding-bottom: 80px;
}
.form-stats {
	border-bottom: 1px solid #8C8C8C;
	background-color: #272727;
	width: 100%;
	margin-bottom: 20px;
}
.form-stats input,.form-stats select{
	width: 100%;
	background-color: #272727;
	border: 0;
	line-height: 54px;
	height: 54px;
	color: #8C8C8C;
}
.form-stats input.iconemail{
	background:url(../images/Message_fill.png) no-repeat right center;
}
.form-stats select{
  appearance: none;
  -moz-appearance: none;    
  -webkit-appearance: none;   
  padding-right: 14px; 
  background: url("../images/Expand_down_light.png") no-repeat scroll right center transparent;
}
.form-stats select::-ms-expand {    
	display: none;
}
.form-textarea{
	border: 1px solid #8C8C8C;
	background-color: #272727;
	width: calc(100% - 2px);
	margin: 20px 0;
	padding: 15px;
	color: #8C8C8C;
}
.form-bnt{
	border: none;
	background: none;
	color: #ffffff;
	font-size: 18px;
}
.form-bnt i{
	border-radius: 50%;
	background-color: #FE771B;
	width: 40px;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	margin-right: 15px;
	color: #272727;
	font-size: 20px;
}
/* Quick-access */
.quick-access{
	background: #FE771B url(../images/CTA.png) no-repeat center center;
	padding: 80px 0;
}
.quick-access p{
	color: #ffffff;
	margin:30px auto;
	font-size: 18px;
	font-family: 'Inter-Regular';
}
.quick-access .quick-access-title{
	color: #272727;
	font-size: 48px;
	font-weight: 600;
	line-height: 74px;
	font-family: 'Inter-Regular';
}
.quick-access .quick-access-title span{
	background-color: #272727;
	color: #FE771B;
	display: inline-block;
	margin-left: 10px;
	padding:0 10px;
	
}

/* Blog */
.articles-title{
	font-size: 75px;
	color: #272727;
	font-weight: 700;
	padding: 130px 0 80px 0;
	font-family: 'Inter-Regular';
	position: relative;
	text-transform:capitalize;
}
.articles-title::before{
	content: '';
	position: absolute;
	left: 20%;
	top: 15%;
	background: url(../images/Vector-1.png) no-repeat;
	width: 29px;
	height: 39px;
}
.articles-title::after{
	content: '';
	position: absolute;
	right: 15%;
	top: 20%;
	background: url(../images/Highlight3121.png) no-repeat;
	width: 34px;
	height: 36px;
}
.articles-list{
	margin-bottom: 15px;
}
.articles-list .articles-list-img{
	overflow: hidden;
}
.articles-list .articles-list-img img{
	width: 100%;
	height: auto;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.articles-list:hover .articles-list-img img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.articles-bar{
	padding-bottom: 200px;
	position: relative;
}
.articles-bar::before{
	content: '';
	position: absolute;
	left: -100px;
	top: 200px;
	background: url(../images/Element06.png) no-repeat;
	width:345px;
	height: 325px;
}
.fast-access{
	width: 100%;
	height: 200px;
	background:#272727 url(../images/Frame14663.png) no-repeat center center;
	background-size: 100%;
	padding: 0 50px;
}
.posrel{
	position: relative;
	top: -100px;
}
.fast-access span{
	font-size: 48px;
	color: #ffffff;;
	font-weight: 700;
	line-height: 48px;
	font-family: 'Inter-Regular';
}
.fast-access span em{
	color: #FE771B;
	font-weight: 700;
}
.articles-list dl dt{
	font-size: 16px;
	color: #6B6B6B;
	font-weight: normal;
	line-height: 40px;
	font-family: 'Inter-Regular';
}
.articles-list dl dd{
	font-size: 24px;
	color: #272727;
	font-weight: 700;
	line-height: 30px;
	font-family: 'Inter-Regular';
}
.articles-sort{
	padding: 50px 0;
}
.articles-sort h6{
	font-size: 48px;
	color: #272727;
	position: relative;
	line-height: 48px;
	font-family: 'Inter-Regular';
}
.articles-sort h6::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #FE771B;
	width: 100%;
	height: 10px;
	border-radius: 4px;
	z-index: -1;
}
.articles-item{
	position: relative;
	margin-bottom: 30px;
}
.articles-item .articles-coverimg{
	overflow: hidden;
}
.articles-item .articles-coverimg a{
	display: block;
}
.articles-item .articles-coverimg a img{
	width: 100%;
	height: auto;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.articles-item:hover .articles-coverimg a img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.articles-item dl{
	position: absolute;
	left: 0;
	bottom: 10%;
	z-index: 1;
	width: 100%;
	padding: 0 10%;
	font-family: 'Inter-Regular';
}
.articles-item dl dt{
	color: #EAEAEA;
	font-size: 18px;
	font-weight: normal;
	line-height: 40px;
}
.articles-item dl dd{
	color: #FFFFFF;
	font-size: 25px;
	line-height: 26px;
	font-weight: 700;
}
.blog-details{
	
}
.blog-details .blog-details-figure{
	width: 100%;
	position: relative;
	top: -15%;
	z-index: 1;
}
.blog-details .blog-details-figure img{
	width: 100%;
	height: auto;
}
.blog-details .blog-abstract{
	background-color: #6B6B6B;
	padding: 30px;
	overflow: hidden;
	color: #EAEAEA;
	font-size: 20px;
	line-height: 30px;
	font-family: 'Inter-Regular';
	margin-top: -15%;
}
.blog-details .blog-text{
	color: #EAEAEA;
	font-size: 18px;
	line-height: 30px;
	margin-top: 50px;
	font-family: 'Inter-Regular';
}
/* Newsletter */
.newsletter{
	height:calc(100vh - 95px);
	width: 100%;
	position: relative;
}
.newsletter .row{
	height:calc(100vh - 95px);
}

.newsletter::before{
	content: '';
	width: 50%;
	height: 100%;
	background: #272727 url(../images/Line3.png) no-repeat right bottom;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
} 
.newsletter::after{
	content: '';
	width: 50%;
	height: 100%;
	background: #EEEEEE url(../images/Bacground02.png) no-repeat center center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
} 
.newsletter-left{
	font-family: 'Inter-Regular';
	position: relative;
	width: 60%;
	margin: auto;
}
.newsletter-left::before{
	content: '';
	position: absolute;
	right:-50%;
	top: calc(-50% + -15px);
	background: url(../images/Circle1.png) no-repeat right top;
	width: auto;
	height: auto;
	z-index: -1;
}
.newsletter-left h6{
	color: #FE771B;
	font-size: 75px;
	line-height: 80px;
	position: relative;
	display: block;
}
.newsletter-left h6::before{
	content: '';
	position: absolute;
	left:-15%;
	top: -50%;
	background: url(../images/Frame.png) no-repeat left top;
	width: 100%;
	height: 100%;
}

.newsletter-left p{
	color: #EAEAEA;
	font-size: 18px;
	line-height: 24px;
	margin: 40px 0 20px 0;
}
.newsletter-left span{
	color: #FFFFFF;
	font-size: 16px;
	padding: 15px 0;
	display: block;
}
.newsletter-left span img{
	margin-left: -10px;
}
.newsletter-right{
	font-family: 'Inter-Regular';
	width: 60%;
	margin:auto;
	position: relative;
	z-index: 1;
}
.newsletter-right h6{
	font-size: 48px;
	color:#272727;
	line-height: 50px;
}
.newsletter-right .newsletter-video{
	padding: 30px 0 20px 0;
	position: relative;
	margin-top: 30px;
}
.newsletter-right .newsletter-video::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 6px;
	background-color: #272727;
	border-radius: 4px;
}
.newsletter-right .newsletter-video .play-btn{
	position: absolute;
	width: 60px;
    height: 60px;
    line-height: 60px;
	border-radius: 50px;
	background-color:transparent;
	border: 1px solid #ffffff;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
}
.newsletter-right .newsletter-bnt a{
	color: #272727;
	font-size: 18px;
}
.newsletter-right .newsletter-bnt a em{
	border-radius: 50%;
	background-color: #3E3E3E;
	width: 40px;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	margin-right: 15px;
}
/* Contact */
.letstalk-bg{
	background: #EEEEEE url(../images/Hero.png) no-repeat center bottom;
	padding: 100px 0;
}
.letstalk-bar{
	font-family: 'Inter-Regular';
}
.letstalk-bar h6{
	font-size: 80px;
	color: #272727;
	line-height: 80px;
}
.letstalk-bar p{
	font-size: 20px;
	color: #6B6B6B;
	line-height: 26px;
	margin: 20px 0;
}
.letstalk-bar a{
	color: #272727;
	font-size: 18px;
}
.letstalk-bar a i{
	border-radius: 50%;
	background-color: #3E3E3E;
	width: 40px;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	margin-right: 15px;
	color: #ffffff;
}
.letstalk-contact{
	margin-bottom: 60px;
	background-color: #FE771B;
}

.letstalk-contact .letstalk-just h6{
	font-size: 48px;
	color: #272727;
	font-family: 'Inter-Regular';
	font-weight: 700;
	position: relative;
}
.letstalk-contact .letstalk-just h6::before{
	content: '';
	position: absolute;
	left: 20px;
	top: 0;
	background: url(../images/Group39876.png) no-repeat left center;
	width: calc(100% - 20px);
	height: 100%;
}
.letstalk-contact .letstalk-form{
	background-color: #272727;
	height: auto;
	padding: 80px 0 0 0;
	position: relative;
	z-index: 0;
}
.letstalk-contact .letstalk-form::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/Vecto12r.png) no-repeat right top;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.letstalk-contact .letstalk-form h6{
	font-size: 48px;
	color: #FE771B;
	font-family: 'Inter-Regular';
}
.letstalk-contact .letstalk-form h5{
	font-size: 48px;
	color: #ffffff;
	font-family: 'Inter-Regular';
	margin-bottom: 30px;
}
.letstalk-questions{
	padding: 80px 0;
}
.letstalk-questions h6{
	color: #272727;
	font-size: 48px;
	font-family: 'Inter-Regular';
}
.letstalk-questions-list{
	padding: 50px 0 0 0;
}
.letstalk-questions-list{
	border-bottom: 1px solid #D4D4D4;
}
.list-item {
	width: 100%;
	padding: 20px 0;
	cursor: pointer;
	background: url(../images/add.png) no-repeat right center;
	color: #272727;
	border-top: 1px solid #D4D4D4;
}
.list-item:first-child{
	border-top: 0;
}
.list-body {
	display: none;
	padding-bottom: 20px;
	color: #6B6B6B;
	font-size: 18px;
	width: 70%;
}
.current {
	background: url(../images/sub.png) no-repeat right center;
}
.letstalk-questions span{
	text-align: center;
	display: block;
	line-height: 80px;
	color: #8C8C8C;
	font-size: 16px;
	font-family: 'Inter-Regular';
}
.letstalk-questions span a{
	color: #272727;
	text-decoration: underline;
	cursor: pointer;
}
.letstalk-questions span a img{
	width: 16px;
	height: 16px;
	margin-left: 10px;
}
/* Solution */
.solution-bg{
	background-color: #EEEEEE ;
	padding: 120px 0 80px 0;
}
.solution-bar{
	font-family: 'Inter-Regular';
	position: relative;
}
.solution-bar h5{
	font-size: 75px;
	color: #272727;
	line-height: 80px;
	display: block;
	text-transform:capitalize;
}
.solution-bar h6{
	font-size: 75px;
	color: #272727;
	line-height: 80px;
	display: block;
	position: relative;
	text-transform:capitalize;
}
.solution-bar h6::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 40px;
	background: url(../images/Highlight2.png) no-repeat;
	width: 21px;
	height: 26px;
}
.solution-bar h6::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/Highlight3121.png) no-repeat;
	width: 34px;
	height: 36px;
}
.solution-bar p{
	font-size: 20px;
	color: #6B6B6B;
	line-height: 26px;
	margin: 30px 0 10px 0;
}
.solution-item{
	margin-top: 30px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.solution-item:hover{
	margin-top: 10px;
}
.solution-item .solution-img{
	overflow: hidden;
}
.solution-item .solution-img img{
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.solution-item:hover .solution-img img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.solution-item .solution-text{
	background-color: #272727;
	padding: 25px;
	overflow: hidden;
	font-family: 'Inter-Regular';
}
.solution-item .solution-text h6{
	color: #FE771B;
	font-size: 24px;
	line-height: 26px;
}
.solution-item .solution-text p{
	color: #D4D4D4;
	font-size: 16px;
	line-height: 24px;
	border-bottom: 1px solid #6B6B6B;
	padding: 15px 0;
}
.solution-item .solution-text a{
	color: #FFFFFF;
	font-size: 16px;
	padding-top: 25px;
	display: inline-block;
}
.solution-item .solution-text a img{
	width: 22px;
	height: 22px;
}
.brand{
	background-color: #272727;
	width: 100%;
	padding: 40px 0;
}
.brand h6{
	color: #FE771B;
	font-size: 32px;
	line-height: 34px;
	margin-bottom: 40px;
	font-family: 'Inter-Regular';
	text-transform:capitalize;
}
.brand-carousel {
	width: calc(100% - 20px);
	margin:auto;
	padding: 0 10px;
}
.brand-carousel .brand-item{
	text-align: center;
	width: 100%;
	border: 1px solid #6B6B6B;
	height: auto;
	display: flex;
	align-items: center;
}
.brand-carousel .brand-item:hover{
	border: 1px solid #FE771B;
	cursor: pointer;
}
.brand-carousel .owl-item img{
	width: auto!important;
	margin: auto;
}

/* about */
.project-box{
	background: #FE771B url(../images/Vecto12s.png) no-repeat right top;
	margin: 15% 100px 0 100px;
	position: relative;
}
.project-box .disp:nth-child(1){
	top: -80px;
}
.project-box .disp:nth-child(2){
	top: -160px;
}
.project-box .disp:nth-child(3){
	top: -240px;
}
.project-item{
	background-color: #272727;
	overflow: hidden;
	font-family: 'Inter-Regular';
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
.project-item:hover{
	margin-top: -10px;
}
.project-item:hover a{
	color: #FE771B;
}
.project-item img{
	width: 100%;
	height: 100%;
}
.project-item .project-text{
	padding: 20px;
	overflow: hidden;
}
.project-item h6{
	color: #FE771B;
	font-size: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden; 
	text-overflow: ellipsis;
}
.project-item p{
	color: #FFFFFF;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden; 
	text-overflow: ellipsis;
	margin: 10px 0;
}
.project-item a{
	color: #FFFFFF;
	text-decoration-line: underline;
	font-size: 16px;
	line-height: 30px;
	display: inline-block;
}
.about-intro{
	padding: 80px 0;
}
.about-img dl{
	background-color: #FE771B;
	padding: 15px;
	width: calc(100% - 32px);
	position: relative;
}
.about-img dl::before{
	content: '';
	position: absolute;
	right: -30px;
	top: -30px;
	border: 2px solid #272727;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.about-img dl dt{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.about-img dl dd a{
	color: #272727;
	font-size: 20px;
	display: block;
	text-align: center;
	font-family: 'Inter-Regular';
	padding-top: 15px;
}
.about-text{
	padding: 0 80px;
	font-family: 'Inter-Regular';
}
.about-text span{
	font-size: 16px;
	color: #6B6B6B;
	position: relative;
	display: inline-block;
	padding-left: 50px;
}
.about-text span::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 40px;
	height: 2px;
	background-color: #6B6B6B;
	border-radius: 4px;
	margin-top: -1px;
}
.about-text h6{
	font-size: 48px;
	color: #272727;
	line-height: 50px;
	margin: 15px 0;
	font-weight: 700;
	text-transform:capitalize;
}
.about-text p{
	font-size: 18px;
	color: #6B6B6B;
	line-height: 24px;
}
.about-distribution{
	font-family: 'Inter-Regular';
}
.about-distribution h6{
	color: #111727;
	font-size: 48px;
	line-height: 50px;
	text-align: center;
	text-transform:capitalize;
}
.about-distribution .about-distribution-map{
	margin-top: 80px;
}
.about-distribution dl{
	background-color: #272727;
	padding: 20px;
	overflow: hidden;
	margin-top: 30px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition:all .5s;
}
.about-distribution dl:hover{
	margin-top: 10px;
}
.about-distribution dl dd h5{
	color: #FE771B;
	font-size: 24px;
	line-height: 26px;
	margin-top: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.about-distribution dl dd p{
	color: #FFFFFF;
	font-size: 16px;
	margin: 10px 0;
}
.about-distribution dl dd span{
	color: #D4D4D4;
	font-size: 16px;
}
.about-team{
	font-family: 'Inter-Regular';
	padding: 80px 0;
}
.about-team h6{
	color: #111727;
	font-size: 48px;
	line-height: 50px;
	text-align: center;
}
.team-item{
	position: relative;
}
.team-item .team-txt{
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 1;
	background-color: #ffffff;
	width: 70%;
	margin-left: -35%;
	text-align: center;
	padding: 15px 0;
}
.team-item .team-txt dl dt{
	color: #272727;
	font-size: 24px;
}
.team-item .team-txt dl dd{
	color: #6B6B6B;
	font-size: 16px;
}
.team-item:hover .team-txt{
	background-color: #FE771B;
}
.team-item:hover .team-txt dl dt,.team-item:hover .team-txt dl dd{
	color: #ffffff;
}
.owl-dots{
	display: none;
}
.team-carousel{
	margin-top: 80px;
}
.team-carousel .owl-nav.disabled,.index-solution-carousel .owl-nav.disabled,.index-case-carousel .owl-nav.disabled{
	display: block!important;
	margin-top: 30px;
	line-height:43px;
	height: 43px;
	text-align: right;
	padding-right: 20%;

}
.team-carousel .owl-prev,.team-carousel .owl-next,.index-solution-carousel .owl-prev,.index-solution-carousel .owl-next,.index-case-carousel .owl-prev,.index-case-carousel .owl-next{
	width: 43px;
	height: 43px;
	background-color: #272727!important;
	color: #ffffff!important;
	margin: 0 10px;
	overflow: hidden;
	
}
.team-carousel .owl-prev span,.team-carousel .owl-next span,.index-case-carousel .owl-prev span,.index-case-carousel .owl-next span,.index-solution-carousel .owl-next span,.index-case-carousel .owl-prev span,.index-case-carousel .owl-next span{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px!important;
}
.team-carousel .owl-prev span i,.team-carousel .owl-next span i,.index-case-carousel .owl-prev span i,.index-case-carousel .owl-next span i,.index-case-carousel .owl-next span i,.index-solution-carousel .owl-next span i,.index-case-carousel .owl-prev span i,.index-case-carousel .owl-next span i{
	font-size: 20px;
}
.team-carousel .owl-prev:hover,.team-carousel .owl-next:hover,.index-solution-carousel .owl-prev:hover,.index-solution-carousel .owl-next:hover,.index-case-carousel .owl-prev:hover,.index-case-carousel .owl-next:hover{
	background-color: #FE771B!important;
}

.about-advantage{
	margin:80px 0;
}
.about-course-tit{
	padding: 50px 0;
}
.about-course-tit dl{
	font-family: 'Inter-Regular';
}
.about-course-tit dl dt{
	color: #6B6B6B;
	font-size: 16px;
	position: relative;
	padding-left: 50px;
}
.about-course-tit dl dt::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	height: 2px;
	width: 40px;
	background-color: #6B6B6B;
	margin-top: -1px;
}
.about-course-tit dl dd{
	font-size: 48px;
	color: #272727;
	line-height: 50px;
	font-weight: 700;
	display: inline-block;
	position: relative;
}
.about-course-tit dl dd::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    background-color: #FE771B;
    width: 100%;
    height: 10px;
    border-radius: 4px;
    z-index: -1;
}
.about-course-tit p{
	font-size: 18px;
	color: #6B6B6B;
	line-height: 24px;
	font-family: 'Inter-Regular';
	padding-left: 150px;
}	
.about-course-time{
	background-color: #FE771B;
	font-family: 'Inter-Regular';
}
.about-course-time .about-course-img{
	width: 100%;
	height: auto;
	position: relative;
}
.about-course-time dl{
	padding: 20px;
	overflow: hidden;
}
.about-course-time dl dt{
	font-size: 32px;
	color: #272727;
}
.about-course-time dl dd{
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden; 
	text-overflow: ellipsis;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 24px;
}
.search-bar{
	padding: 40px 0;
}
.search-bar p{
	font-size: 20px;
	font-family: 'Inter-Regular';
}
.search-bar .search-item li{
	border-bottom: 1px solid #d2d2d2;
	padding: 20px 0;
}
.search-bar .search-item li a{
	color: #272727;
	font-family: 'Inter-Regular';
}
.search-bar .search-item li a:hover{
	color: #FE771B;
}
.page-area{
	background-color: #272727;
	padding: 150px 0 80px 0px;
}
.page-area .page-title{
	color: #FE771B;
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
	font-family: 'Inter-Regular';
	text-align: center;
}
.page-area .page-cont{
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    padding-top: 40px;
    font-family: 'Inter-Regular';
}