/*
Theme Name: Cube
Theme URI: http://cubemedia.nz
Author: Hanyu Zhang
Description: Theme For Cube Media Company
*/

@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

input[type="submit"], input[type="text"], input[type="email"], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
html, body{
	font-family: 'Inter', sans-serif;
	box-sizing: border-box;
	background-color: #D8D9DB;
}
body{
	margin: 0 auto;
	overflow-x: hidden;
	box-sizing: border-box;
}
.site-content, #page{
	overflow: hidden;
}
img{
	max-width: 100%;
	display: inline-block;
	height: auto;
	box-sizing: border-box;
}
img.alignnone {
	margin-bottom: 20px;
}
img.alignleft{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
img.alignright{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
img.aligncenter{
	margin: 0 auto;
	margin-bottom: 20px;
}
a:focus, a:hover {
    color: #2B9DFF;
    text-decoration: none;
}
a:focus{
	outline: unset;
}
:focus, :active{
	outline: unset;
}
div, p, ul, li, ol, span, h1, h2, h3, h4, h5, h6, a, img, table, tr, td{
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, label, ul, ol, li, span{
	font-family: 'Kanit', sans-serif !important;
}
p, a{
	font-family: 'Inter', sans-serif !important;
	margin-top: 0px;
}
h1{
	font-size: 56px;
	line-height: 64px;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 30px;
}
h2{
	font-size: 45px;
	line-height: 52px;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 30px;
}
h3{
	font-size: 37px;
	line-height: 43px;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 30px;
}
h4{
	font-size: 31px;
	line-height: 37px;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 30px;
}
h5{
	font-size: 26px;
	line-height: 33px;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 30px;
}
h6{
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 30px;
}
p{
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	margin-bottom: 20px;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.clearfix:after {
    content: "";
  	display: table;
  	clear: both;
}
.content-container{
	max-width: 1360px;
	padding-left: 40px;
	padding-right: 40px;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}
.menu-container{
  	position: absolute;
  	top: 70px;
  	left: 0px;
  	z-index: 100;
}
.logo-img-bk {
    float: left;
    background-color: #000;
    width: 245px;
    height: 80px;
}
.logo-img-bk img {
    position: relative;
	max-width: 165px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	align-content: center;
	height: 100%;
}
.button_container-outter{
	display: inline-block;
	float: left;
    cursor: pointer;
    background-color: #2B9DFF;
    padding-top: 22px;
    padding-bottom: 21px;
    padding-left: 23px;
    padding-right: 24px;
    height: 80px;
}
.button_container {
	position: relative;
	display: block;
  	height: 17px;
 	width: 25px;
  	cursor: pointer;
    -webkit-transition: opacity .25s ease;
  	transition: opacity .25s ease;
  	top: 5px;
}
.button_container span {
	background-color: white;
	border: none;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
}
.button_container span:nth-of-type(1) {
  	top: 5px;
  	width: 17px;
}
.button_container span:nth-of-type(2) {
  	top: 13px;
}
.button_container span:nth-of-type(3) {
  	top: 21px;
}
.button_container-outter:hover .button_container span{
  	background-color: #fff;
}
.button_container-outter:hover .button_container.active span{
  	background-color: #2B9DFF;
}
.button_container.active .top {
    -webkit-transform: translateY(5px) translateX(0) rotate(45deg);
    transform: translateY(5px) translateX(0) rotate(45deg);
  	background: #fff;
}
.button_container.active .top{
	width: 100%;
	background-color: #2B9DFF;
}
.button_container.active .middle {
  	opacity: 0;
  	background: #2B9DFF;
}
.button_container.active .bottom {
    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
    transform: translateY(-11px) translateX(0) rotate(-45deg);
	background-color: #2B9DFF;
}
.overlay {
	position: fixed;
	background-color: rgba(25, 25, 26, 0.95);
	top: 0;
	left: 0;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	z-index: 100;
	/*-webkit-transition: opacity .35s, visibility .35s;
	transition: opacity .35s, visibility .35s;*/
}
.overlay:before{
	content: '';
	position: fixed;
	/*top: 0px;*/
	right: 0px;
	left: 0px;
	bottom: -285px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.03;
	height: 480px;
}
.overlay.open {
  	opacity: 1;
  	visibility: visible;
  	height: 100%;
  	width: 100%;
  	overflow-y: scroll;
}
.overlay.open li, .overlay.open p, .overlay.open h4, .overlay.open .col3, .overlay.open h4 a{
    -webkit-animation: fadeInRight .5s ease forwards;
    animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}
.button_container-outter.active{
	background-color: white;
}
.overlay-menu {
    position: relative;
    top: 30%;
    text-align: left;
    margin: 0 auto;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: table;
    max-width: 960px;
    width: 100%;
	padding-bottom: 100px;
}
.overlay-menu .col1{
	width: 35%;
}
.overlay-menu .col2{
	width: 20%;
}
.overlay-menu .col3{
	width: 45%;
}
.overlay-menu .col1, .overlay-menu .col2, .overlay-menu .col3{
	display: block;
	float: left;
}
.overlay-menu .col1 h4, .overlay-menu .col2 h4, .overlay-menu .col3 h4, .overlay.open h4 a{
	color: rgba(253, 253, 253, 0.5);
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 30px;
	margin-top: 0px;
	opacity: 0;
}
.overlay.open h4 a{
	width: auto;
	text-decoration: none;
	margin-bottom: -8px;
	display: inline-block;
	overflow: hidden;
}
.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
    text-align: left;
}
.overlay ul li {
  	display: block;
  	position: relative;
 	opacity: 0;
 	margin-bottom: 15px;
}
.overlay ul li a {
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 28px !important;
	display: inline-block !important;
	position: relative !important;
	color: rgba(253, 253, 253, 0.8) !important;
	text-decoration: none !important;
	overflow: hidden !important;
	text-align: left !important;
}
.overlay ul li a:hover, .overlay.open h4 a:hover{
	color: white;
}
.overlay ul li a:hover:after, .overlay.open h4 a:hover:after, .overlay ul li a:focus:after, .overlay.open h4 a:focus:after, .overlay ul li a:active:after, .overlay.open h4 a:active:after {
  	width: 100%;
}
.overlay ul li a:after, .overlay.open h4 a:after {
  	content: '';
  	position: absolute;
  	bottom: 0;
  	left: 0%;
  	width: 0%;
  	height: 1px;
  	background: white;
    -webkit-transition: width .35s;
  	transition: width .35s;
}
.overlay-menu .col3{
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	padding-left: 60px;
	opacity: 0;
}
.overlay-menu .col3 p{
	margin-bottom: 25px;
	opacity: 0;
}
.overlay-menu .col3 p, .overlay-menu .col3 p a{
	font-size: 18px;
	font-weight: 300;
	line-height: 32px;
	color: white;
}
.overlay-menu .col3 p a:hover{
	text-decoration: none;
}
@-webkit-keyframes fadeInRight {
	0% {
	   opacity: 0;
	   -webkit-transform: translateX(20px);
	}
	100% {
	   opacity: 1;
	   -webkit-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
	   opacity: 0;
	   transform: translateX(20px);
	}
	100% {
	   opacity: 1;
	   transform: translateX(0);
	}
}
body.hidden-overflow {
    overflow: hidden;
}
.hidden-overflow .closed {
  	display: none;
}
.hidden-overflow .opened {
  	background-color: #fff;
}
ul#page-menu{
	list-style-type: none;
	padding-left: 0px;
	display: table;
	width: auto;
	margin-bottom: 0px;
	position: relative;
	top: 122px;
	margin-top: 0;
	float: right;
}
ul#page-menu > li{
	display: inline-block;
	float: left;
	z-index: 100;
}
ul#page-menu > li > a{
	font-family: 'Kanit', sans-serif;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 15px;
	line-height: 25px;
	text-decoration: none;
	padding: 15px 0px;
	margin-right: 30px;
	margin-left: 30px;
	letter-spacing: 1px;
	text-transform: capitalize;
	position: relative;
}
ul#page-menu > li > a:hover{
	color: #2B9DFF;
	text-decoration: none;
}
ul#page-menu > li{
	position: relative;
}
ul#page-menu li > ul.sub-menu{
    background-color: #fff;
    width: 275px;
    list-style-type: none;
    padding: 30px 20px 20px 20px; /* Include left and right padding initially */
    position: absolute;
    z-index: 10;
    top: 38px;
    left: 30px;
    overflow: hidden; /* Ensures the hidden content doesn't affect layout */
    max-height: 0; /* Start with max-height of 0 */
    opacity: 0; /* Start with opacity of 0 */
    visibility: hidden; /* Start with hidden visibility */
    border-radius: 0 0 5px 5px;
    transition: max-height 500ms ease-in-out, opacity 500ms ease-in-out, visibility 500ms ease-in-out, padding-top 500ms ease-in-out, padding-bottom 500ms ease-in-out;
}
ul#page-menu > li.menu-item-has-children:hover > a > svg > path{
	fill: #2B9DFF !important;
}
ul#page-menu li:hover > ul.sub-menu{
    max-height: 500px; /* Adjust this value based on the expected height of the sub-menu */
    opacity: 1;
    visibility: visible; /* Show visibility */
    padding: 30px 20px 20px 20px; /* Include left and right padding initially */
}
ul#page-menu li > ul.sub-menu li{
	display: block;
	clear: both;
	width: 100%;
	position: relative;
}
ul#page-menu li > ul.sub-menu li a{
	font-family: 'Kanit', sans-serif;
	color: #303438;
	text-align: left;
	display: block;
	width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 0px !important;
	margin-bottom: 15px !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px !important;
}
ul#page-menu li > ul.sub-menu li:last-child a{
	margin-bottom: 0px !im;
}
ul#page-menu li > ul.sub-menu li a:hover{
	color: #2B9DFF;
	text-decoration: none;
}
ul#page-menu > li > a.subMenuOpen{
	color: #2B9DFF;
}
ul#page-menu > li > a:hover:after, ul#page-menu > li > a:focus:after, ul#page-menu > li > a:active:after,
ul#page-menu > li > a.subMenuOpen:after{
  	width: 100%;
  	max-width: 70px;
    -webkit-transition: width .5s;
  	transition: width .5s;
}
ul#page-menu > li > a:after {
  	content: '';
  	position: absolute;
  	bottom: 10px;
  	left: 0%;
  	width: 0%;
  	height: 1px;
  	background: #2B9DFF;
}
.hidden-overflow .header-menu{
	visibility: hidden;
}
ul#page-menu.menu > li.menu-item-has-children > a > svg{
	opacity: 1;
	position: relative;
	top: 0px;
  	margin-left: 10px;
	display: inline-block;
}
.home-banner {
  	height: 100%;
  	min-height: 990px;
  	position: relative;
    overflow: hidden;
    display: flex;
	align-items: center;
	justify-content: center;
}
.home-banner:before{
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(48, 52, 56, 0.52);
	z-index: 2;
}
.header-menu {
  	margin-top: -25px;
}
.background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 101vh;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.site-footer{
	padding-top: 45px;
	padding-bottom: 30px;
	background-color: #020715;
}
.footer-center{
	padding-top: 35px;
}
.footer-1, .footer-2, .footer-3, .footer-4{
	display: block;
	float: left;
}
.footer-1 p:last-child{
	margin-bottom: 0px;
}
.footer-1{
	width: 25%;
}
.footer-2{
	width: 25%;
}
.footer-3{
	width: 25%;
}
.footer-4{
	width: 25%;
}
.footer-3 ul,
.footer-2 ul{
	list-style-type: none;
	padding-left: 0px;
}
.footer-3 ul li,
.footer-2 ul li{
	margin-bottom: 15px;
}
.footer-3 ul li:last-child,
.footer-2 ul li:last-child{
	margin-bottom: 0px;
}
.footer-3 ul li a,
.footer-2 ul li a{
	text-decoration: none;
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
}
.footer-3 ul li a:hover,
.footer-2 ul li a:hover{
	color: #2B9DFF;
}
.footer-1 p, .footer-2 p, .footer-3 p, .footer-4 p{
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
}
.footer-1 p a, .footer-2 p a, .footer-3 p a, .footer-4 p a{
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
}
.footer-1 p a:hover, .footer-2 p a:hover, .footer-3 p a:hover, .footer-4 p a:hover{
	text-decoration: none;
}
.footer-4 p a:hover{
	color: #2B9DFF;
}
.site-footer .page-container{
	display: table;
	width: 100%;
}
.footer-bottom{
	padding-top: 95px;
	text-align: center;
}
.footer-bottom p{
	color: #F0EFF2;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	opacity: 0.7;
	margin-bottom: 0px;
}
.footer-bottom p a{
	color: #F0EFF2;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	opacity: 0.7;
}
.footer-bottom p a:hover{
	color: #2B9DFF;
}
.footer-top{
	background-color: #000;
	border-radius: 0 10px 10px 0;
	width: 165px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
}
.footer-top img{
	width: 155px;
}
.widget_nav_menu h4.widget-title,
.footer-4 h4{
	color: #2B9DFF;
	font-size: 15px;
	font-weight: 500;
	line-height: 23px;
	margin-bottom: 23px;
}
.footer-1{
	display: flex;
	align-items: center;
}
.banner-center{
	position: relative;
	z-index: 2;
}
.banner-center img{
	max-width: 790px;
	padding-bottom: 100px;
	margin: 0 auto;
  	display: inherit;
}
.banner-center h1{
	font-size: 90px;
	line-height: 100px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 25px;
}
.banner-center h2{
	font-size: 60px;
	line-height: 70px;
	font-weight: 400;
	margin-bottom: 0px !important;
	color: #fff;
}
.footer-pattern{
	width: 105%;
    margin-left: -5px;
	height: 110px;
	background-color: #020715;
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221920%22%20height%3D%22110%22%20viewBox%3D%220%200%201920%20110%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle_94%22%20data-name%3D%22Rectangle%2094%22%20width%3D%221920%22%20height%3D%22110%22%20fill%3D%22%23d8d9db%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22Group_162%22%20data-name%3D%22Group%20162%22%20clip-path%3D%22url%28%23clip-path%29%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22Path_138%22%20data-name%3D%22Path%20138%22%20d%3D%22M1332.13%2C33.894%2C1206.951%2C106a30%2C30%2C0%2C0%2C1-14.974%2C4H0V0H1920V29.89H1347.1a30%2C30%2C0%2C0%2C0-14.974%2C4%22%20fill%3D%22%23d8d9db%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.cta{
	padding-top: 80px;
	background-color: #D8D9DB;
	padding-bottom: 50px;
	position: relative;
}
.cta-content{
	position: relative;
	color: #020715;
	text-align: center;
	max-width: 840px;
	margin: 0 auto;
}
.cta-content p{
	font-size: 26px;
	font-weight: 400;
	line-height: 39px;
}
.cta-button{
	font-family: 'Kanit', sans-serif !important;
	position: relative;
	border: 1px solid #2B9DFF;
	display: block;
	width: 160px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 23px;
	color: #fff;
	text-transform: capitalize;
	padding: 15px;
	background-color: #2B9DFF;
	margin: 0 auto;
	margin-top: 60px;
	border-radius: 4px;
	text-align: center;
	-webkit-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	transition: all 500ms linear;
}
.cta-button:hover{
	-webkit-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	transition: all 500ms linear;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #2B9DFF;
}
.page-banner{
	position: relative;
	display: flex;
	align-items: center;
}
.page-banner .content-container{
	width: 100%;
}
.page-banner:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-color: rgba(2, 7, 21, 0.85);
}
.page-banner h1{
	color: #fff;
	margin-bottom: 0px;
	max-width: 705px;
}
.page-banner .breadcrumbs{
	color: #fff;
	margin-bottom: 10px;
}
.page-banner .breadcrumbs span{
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 23px;
	font-weight: 500;
}
.page-banner .breadcrumbs span a{
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 23px;
	font-weight: 500;
}
.page-banner .breadcrumbs span a:hover{
	text-decoration: none;
}
.light-pattern{
	width: 105%;
    margin-left: -5px;
	height: 110px;
	position: relative;
	z-index: 2;
	margin-top: -110px;
	background-color: transparent;
	background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMTYzIiBkYXRhLW5hbWU9Ikdyb3VwIDE2MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjE5MjAiIGhlaWdodD0iMTEwIiB2aWV3Qm94PSIwIDAgMTkyMCAxMTAiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzk0IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA5NCIgd2lkdGg9IjE5MjAiIGhlaWdodD0iMTEwIiBmaWxsPSIjZDhkOWRiIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0iR3JvdXBfMTYyIiBkYXRhLW5hbWU9Ikdyb3VwIDE2MiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPHBhdGggaWQ9IlBhdGhfMTM4IiBkYXRhLW5hbWU9IlBhdGggMTM4IiBkPSJNMTMzMi4xMyw3Ni4xMDYsMTIwNi45NTEsNGEzMCwzMCwwLDAsMC0xNC45NzQtNEgwVjExMEgxOTIwVjgwLjExSDEzNDcuMWEzMCwzMCwwLDAsMS0xNC45NzQtNCIgZmlsbD0iI2Q4ZDlkYiIvPgogIDwvZz4KPC9zdmc+Cg==');
/*	background-image: url('/wp-content/uploads/2024/07/Group-163.svg');*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.dark-pattern{
	height: 110px;
	position: relative;
	z-index: 2;
	margin-top: -110px;
	background-color: transparent;
/*	background-image: url('/wp-content/uploads/2024/07/Group-163-1.svg');*/
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMTAiIHZpZXdCb3g9IjAgMCAxOTIwIDExMCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfOTQiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDk0IiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMTAiIGZpbGw9IiMwMjA3MTUiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8xNjIiIGRhdGEtbmFtZT0iR3JvdXAgMTYyIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0iUGF0aF8xMzgiIGRhdGEtbmFtZT0iUGF0aCAxMzgiIGQ9Ik0xMzMyLjEzLDc2LjEwNiwxMjA2Ljk1MSw0YTMwLDMwLDAsMCwwLTE0Ljk3NC00SDBWMTEwSDE5MjBWODAuMTFIMTM0Ny4xYTMwLDMwLDAsMCwxLTE0Ljk3NC00IiBmaWxsPSIjMDIwNzE1Ii8+CiAgPC9nPgo8L3N2Zz4K');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.service-dark-pattern{
	height: 110px;
	position: relative;
	z-index: 2;
	background-color: #020715;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMTAiIHZpZXdCb3g9IjAgMCAxOTIwIDExMCI+DQogIDxkZWZzPg0KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfOTQiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDk0IiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMTAiIGZpbGw9IiNkOGQ5ZGIiLz4NCiAgICA8L2NsaXBQYXRoPg0KICA8L2RlZnM+DQogIDxnIGlkPSJHcm91cF8xNjQiIGRhdGEtbmFtZT0iR3JvdXAgMTY0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIj4NCiAgICA8ZyBpZD0iR3JvdXBfMTYyIiBkYXRhLW5hbWU9Ikdyb3VwIDE2MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMSkiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzEzOCIgZGF0YS1uYW1lPSJQYXRoIDEzOCIgZD0iTTU4Ny44NywzMy44OTQsNzEzLjA0OSwxMDZhMzAsMzAsMCwwLDAsMTQuOTc0LDRIMTkyMFYwSDBWMjkuODlINTcyLjlhMzAsMzAsMCwwLDEsMTQuOTc0LDQiIGZpbGw9IiNkOGQ5ZGIiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.contact{
	padding-top: 35px;
	padding-bottom: 35px;
}
.contact h3{
	color: #020715;
	margin-bottom: 45px;
}
.contact h6{
	font-family: 'Kanit', sans-serif !important;
	color: #2B9DFF;
	font-size: 15px;
	font-weight: 500;
	line-height: 23px;
	margin-bottom: 10px;
}
.contact h6 img{
	margin-bottom: 0px;
	margin-right: 10px;
}
.wp-image-87{
	position: relative;
	top: 5px;
}
.contact-left{
	width: 50%;
	display: block;
	float: left;
	padding-right: 30px;
}
.contact-right{
	width: 50%;
	display: block;
	float: left;
	padding-left: 30px;
}
.contact-left p a, .contact-left p{
	color: #020715;
}
.contact-left p a:hover{
	color: #2B9DFF;
	text-decoration: none;
}
.contact-left iframe{
	margin-top: 40px;
}
#input_1_1_3, #input_1_1_6, #input_1_3, #input_1_3, #input_1_4{
	width: 100%;
	display: block;
	border: 1px solid #D8D9DB;
	padding: 15px 25px;
	font-family: 'Inter', sans-serif !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
  	color: #303438;
  	background-color: #F0EFF2;
  	height: 50px;
  	border-radius: 0px;
  	box-shadow: unset;
}
#input_1_5{
	width: 100%;
  	box-shadow: unset;
	display: block;
	border: 1px solid #D8D9DB;
	padding: 15px 25px;
	font-family: 'Inter', sans-serif !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
  	color: #303438;
  	background-color: #F0EFF2;
  	border-radius: 0px;
}
#gform_submit_button_1{
	font-family: 'Kanit', sans-serif !important;
	position: relative;
	border: 1px solid #2B9DFF;
	display: block;
	width: 160px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 23px;
	color: #fff;
	text-transform: capitalize;
	padding: 15px;
	background-color: #2B9DFF;
	border-radius: 4px;
	text-align: center;
	-webkit-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}
#gform_submit_button_1:hover{
	border: 1px solid #2B9DFF;
	-webkit-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #2B9DFF;
}
::-webkit-input-placeholder {
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
  	color: #808289;
}
::-moz-placeholder {
  	font-family: 'Inter', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
  	color: #808289;
}
:-ms-input-placeholder {
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
  	color: #808289;
}
:-moz-placeholder {
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
  	color: #808289;
}
#input_1_1_3:focus, #input_1_1_6:focus, #input_1_3:focus, #input_1_3:focus, #input_1_4:focus, #input_1_5:focus{
	box-shadow: rgba(18, 25, 97, 0.08) 0px 1px 4px 0px;
	background-color: #fff;
	-webkit-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	transition: all 500ms linear;
}
.project-lists{
	padding-top: 35px;
	padding-bottom: 130px;
	background-color: #020715;
}
.project-content{
	padding-top: 35px;
	padding-bottom: 90px;
	background-color: #020715;
}
.project-lists .projects .project-item{
	padding-top: 20px;
	padding-bottom: 20px;
}
.project-item{
	padding-left: 20px;
	padding-right: 20px;
	width: 50%;
	float: left;
}
.project-item-inner{
	position: relative;
	height: 400px;
	cursor: pointer;
	overflow: hidden;
}
.project-lists .projects{
	display: block;
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-right: -20px;
}
.project-item-info{
	position: absolute;
	bottom: 0px;
	width: 100%;
	left: 0px;
}
.project-item-info-inner{
	position: relative;
	padding: 27px 40px;
	max-height: 150px;
	-o-transition: max-height 1s ease-in-out;
	-webkit-transition: max-height 1s ease-in-out;
	-ms-transition: max-height 1s ease-in-out;
	-moz-transition: max-height 1s ease-in-out;
	transition: max-height 1s ease-in-out;
}
.project-item-inner:hover .project-item-info-inner{
	max-height: 300px;
	-o-transition: max-height 1s ease-in-out;
	-webkit-transition: max-height 1s ease-in-out;
	-ms-transition: max-height 1s ease-in-out;
	-moz-transition: max-height 1s ease-in-out;
	transition: max-height 1s ease-in-out;
}
.project-item-info-inner:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-color: rgba(2, 7, 21, 0.60);
}
.project-item-info-line-1,
.project-item-info-line-2{
	position: relative;
	z-index: 1;
}
.project-item-info-inner h5{
	color: #FFFFFF;
	margin-bottom: 3px;
	float: left;
	max-width: calc(100% - 30px);
}
.project-item-info-line-2 {
	opacity: 0;
	max-height: 0;
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.project-item-inner:hover .project-item-info-line-2 {
	opacity: 1;
	height: 100%;
	max-height: 30px;
	visibility: visible;
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.project-item-info-inner svg {
	position: relative;
	top: 6px;
	float: right;
	opacity: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */
	-moz-transform: translateX(-50%); /* Firefox */
	-ms-transform: translateX(-50%); /* IE 9 */
	-o-transform: translateX(-50%); /* Opera */
	transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
	-webkit-transition: -webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out; /* Chrome, Safari, Opera */
	-moz-transition: -moz-transform 500ms ease-in-out, opacity 500ms ease-in-out; /* Firefox */
	-o-transition: -o-transform 500ms ease-in-out, opacity 500ms ease-in-out; /* Opera */
}
.project-item-inner:hover svg {
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0); /* Chrome, Safari, Opera */
	-moz-transform: translateX(0); /* Firefox */
	-ms-transform: translateX(0); /* IE 9 */
	-o-transform: translateX(0); /* Opera */
}
.project-item-info-inner .project-category{
	font-family: 'Kanit', sans-serif !important;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 23px;
	font-weight: 500;
	margin-bottom: 0px;
}
.project-navigation{
	padding-top: 50px;
	text-align: center;
}
.project-navigation .pagination a,
.project-navigation .pagination span{
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	color: #D8D9DB;
	margin-left: 10px;
	margin-right: 10px;
}
.project-navigation .pagination a:hover,
.project-navigation .pagination span.page-numbers.current{
	color: #2B9DFF;
	text-decoration: underline;
}
.project-navigation .pagination a.next:hover svg#arrow path,
.project-navigation .pagination a.prev:hover svg#arrow path{
	fill: #2B9DFF !important;
	opacity: 0.7;
}
.projects-slider{
	overflow: hidden;
}
.projects-slider .item{
	height: 765px;
}
.projects-customize-tools {
    position: absolute;
    width: 100%;
    bottom: 30px;
}
#projects-customize-controls{
    display: table;
    max-width: 140px;
    margin: 0 auto;
}
.projects-customize-tools .prev svg#nav-btn-left g#Arrow_left_w path,
.projects-customize-tools .next svg#nav-btn-right g#Arrow_left_w path{
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
  	transition: all 500ms ease-in-out;
}
.projects-customize-tools .prev svg#nav-btn-left:hover g#Arrow_left_w path,
.projects-customize-tools .next svg#nav-btn-right:hover g#Arrow_left_w path{
	fill: #2B9DFF !important;
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
  	transition: all 500ms ease-in-out;
}
.projects-customize-tools .prev svg, .projects-customize-tools .next svg{
	width: 50px;
}
.projects-customize-tools .prev svg{
	margin-right: 40px;
}
.projects-customize-tools .prev, .projects-customize-tools .next {
    display: table;
    float: left;
    cursor: pointer;
}
.projects-gallery{
	position: relative;
	overflow: hidden;
}
.project-details{
	max-width: 840px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid #D8D9DB;
}
.project-details-left{
	width: 60%;
	display: block;
	float: left;
	padding-right: 20px;
}
.project-details-left p{
	color: #FFFFFF;
}
.project-details-right{
	width: 40%;
	display: block;
	float: left;
	padding-left: 20px;
}
.project-details-right p:last-child{
	margin-bottom: 0px;
}
.project-details-right h6{
	color: #FFFFFF;
	font-weight: 500;
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 0px;
}
.project-details-right p{
	color: #fff;
}
.clientName{
	margin-bottom: 30px;
}
.post-footer{
	padding-top: 40px;
	max-width: 840px;
	margin: 0 auto;
}
.post-link-left{
	float: left;
	display: block;
	width: 110px;
	font-weight: 500;
}
.post-link-right{
	float: right;
	display: block;
	width: 80px;
	font-weight: 500;
}
.post-link-left svg {
	float: left;
	position: relative;
	top: 3px;
	display: inline-block;
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out; /* Safari and Chrome */
	-moz-transition: all 500ms ease-in-out; /* Firefox */
	-o-transition: all 500ms ease-in-out; /* Opera */
	-ms-transition: all 500ms ease-in-out; /* IE 10+ */
	transform: translateX(10px);
	-webkit-transform: translateX(10px); /* Safari and Chrome */
	-moz-transform: translateX(10px); /* Firefox */
	-o-transform: translateX(10px); /* Opera */
	-ms-transform: translateX(10px); /* IE 10+ */
}
.post-link-left:hover svg {
	transform: translateX(0);
	-webkit-transform: translateX(0); /* Safari and Chrome */
	-moz-transform: translateX(0); /* Firefox */
	-o-transform: translateX(0); /* Opera */
	-ms-transform: translateX(0); /* IE 10+ */
}
.post-link-right svg {
	float: right;
	position: relative;
	top: 3px;
	display: inline-block;
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out; /* Safari and Chrome */
	-moz-transition: all 500ms ease-in-out; /* Firefox */
	-o-transition: all 500ms ease-in-out; /* Opera */
	-ms-transition: all 500ms ease-in-out; /* IE 10+ */
	transform: translateX(-100%);
	-webkit-transform: translateX(-10px); /* Safari and Chrome */
	-moz-transform: translateX(-10px); /* Firefox */
	-o-transform: translateX(-10px); /* Opera */
	-ms-transform: translateX(-10px); /* IE 10+ */
}
.post-link-right:hover svg {
	transform: translateX(0);
	-webkit-transform: translateX(0); /* Safari and Chrome */
	-moz-transform: translateX(0); /* Firefox */
	-o-transform: translateX(0); /* Opera */
	-ms-transform: translateX(0); /* IE 10+ */
}
.post-link-left:hover svg path, .post-link-right:hover svg path{
	fill: rgba(43, 157, 255, 1) !important;
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
  	transition: all 500ms ease-in-out;
}
.post-link-left svg path, .post-link-right svg path{
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
  	transition: all 500ms ease-in-out;
}
.post-link-left svg{
	position: relative;
	overflow: hidden;
}
.post-link-left span, .post-link-right span{
	line-height: 23px;
	font-size: 15px;
	font-weight: 500;
	display: block;
	text-transform: uppercase;
	float: left;
	color: rgba(255, 255, 255, 0.7);
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
  	transition: all 500ms ease-in-out;
}
.post-link-left span{
	margin-left: 10px;
	float: right;
}
.post-share{
	width: calc(100% - 200px);
	margin: 0 auto;
	display: block;
	float: left;
}
.post-share a{
	text-decoration: none;
}
.post-share a:hover{
	text-decoration: none;
}
.post-share a svg path{
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
  	transition: all 500ms ease-in-out;
}
.post-share a:hover svg path{
	fill: rgba(43, 157, 255, 1) !important;
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
  	transition: all 500ms ease-in-out;
}
.shareTxt{
	font-family: 'Kanit', sans-serif !important;
	font-size: 15px;
	line-height: 23px;
	font-weight: 500;
	color: #FFFFFF;
	position: relative;
	top: -3px;
}
svg.diviLine{
	margin-left: 15px;
	margin-right: 15px;
	position: relative;
	top: 5px;
	display: inline-block;
	vertical-align: unset;
}
#Facebook_icon{
	margin-right: 20px;
}
#email_icon{
	margin-right: 20px;
}
#twitter_icon{
	margin-right: 20px;
}
.post-share-inner{
	max-width: 230px;
	display: block;
	margin: 0 auto;
	position: relative;
	top: -6px;
}
.contentBox{
	width: 100%;
	display: block;
	padding-top: 65px;
	padding-bottom: 65px;
	z-index: 1;
	position: relative;
	overflow: hidden;
}
.contentBox-inner{
	width: 100%;
	position: relative;
  	z-index: 1;
}
.two-columns, .our-team{
	padding-top: 65px;
	padding-bottom: 65px;
}
.two-columns-content-inner .left-column{
	display: flex;
	align-items: center;
	width: 50%;
	float: left;
	padding-right: 55px;
	min-height: 490px;
}
.two-columns-content-inner .right-column{
	display: flex;
	align-items: center;
	width: 50%;
	float: left;
	min-height: 490px;
	padding-left: 55px;
}
.column-content p:last-child{
	margin-bottom: 0px;
}
.two-columns-content-inner .left-column .column-image-outter,
.two-columns-content-inner .right-column .column-image-outter{
	width: 100%;
}
.light {
	background-color: #D8D9DB;
}
.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6{
	color: #020715;
}
.light p{
	color: #303438;
}
.dark{
	background-color: #020715;
	color: #fff;
}
.extraSpacing{
	width: 100%;
	padding-bottom: 55px;
}
.related-projects{
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #020715;
}
.related-projects-slider{
	max-width: 1140px;
	margin: 0 auto;
	overflow: hidden;
}
.related-projects-slider .project-item{
	float: unset;
}
.related-projects h3{
	text-align: center;
	color: #fff;
	margin-bottom: 45px;
}
.related-projects .tns-nav {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.related-projects .tns-nav button{
	width: 12px;
	height: 12px;
	border: 2px solid rgba(255, 255, 255, 0.6);
	background-color: transparent;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 5px;
}
.related-projects .tns-nav button.tns-nav-active{
	background-color: #fff;
}
.related-projects-customize-tools {
    position: absolute;
    width: calc(100% - 80px);
    top: 50%;
}
.related-projects-customize-tools .prev{
	left: 15px;
	position: absolute;
}
.related-projects-customize-tools .next{
	right: 15px;
	position: absolute;
}
.related-projects-customize-tools .prev svg path, .related-projects-customize-tools .next svg path{
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
  	transition: all 500ms ease-in-out;
}
.related-projects-customize-tools .prev svg:hover path, .related-projects-customize-tools .next svg:hover path{
	fill: rgba(255,255,255,0.6) !important;
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
  	transition: all 500ms ease-in-out;
}
.related-projects-customize-tools .prev svg, .related-projects-customize-tools .next svg{
	width: 20px;
}
.related-projects-customize-tools .prev, .related-projects-customize-tools .next {
    display: table;
    float: left;
    cursor: pointer;
}
.accordion-section{
	padding-top: 130px;
	padding-bottom: 130px;
}
.accordion-section h3{
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
	display: inline-block;
}
.accordion-inner{
	max-width: 840px;
	margin: 10px auto;
}
.accordion{
	width: 100%;
	margin-bottom: 20px;
}
.accordion .accordion-title-outter{
	padding: 15px 20px 15px 30px;
	cursor: pointer;
	background-color: rgba(240, 239, 242, 1);
}
.accordion .accordion-title-outter .accordion-title{
	display: block;
	float: left;
	width: calc(100% - 45px);
}
.accordion .accordion-title-outter .accordion-title h6{
	margin: 0;
	color: rgba(2, 7, 21, 1);
}
.accordion .accordion-title-outter .accordion-icon{
	display: table;
	float: left;
	width: 30px;
}
.accordion .accordion-title-outter .accordion-icon .accordion-icon-inner{
	display: table-cell;
	vertical-align: middle;
}
.accordion .accordion-title-outter .accordion-icon img{
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
	height: auto;
	display: block;
	width: 18px;
}
.accordion-content{
	box-sizing: border-box;
	background-color: rgba(240, 239, 242, 1);
}
.accordion-content p{
	display: inline-block;
	color: rgba(2, 7, 21, 1);
}
.accordion-content ul, .accordion-content ol{
	padding-left: 20px;
	display: inline-block;
}
.accordion-content .accordion-content-inner{
	padding: 15px 20px 15px 30px;
}
.content-pattern{
  	position: absolute;
  	bottom: 5px;
  	right: -770px;
}
.our-team-inner{
	display: grid;
  	grid-template-columns: repeat(4, 1fr);
  	gap: 40px;
  	padding-top: 15px;
}
.person-item h5{
	margin-top: 20px;
	margin-bottom: 5px;
}
.person-item p{
	margin-bottom: 0px;
	font-family: 'Kanit', sans-serif !important;
	font-size: 15px;
	line-height: 23px;
	font-weight: 500;
	text-transform: uppercase;
}
.three-columns-icon-lists{
	padding-top: 115px;
	padding-bottom: 115px;
}
.three-columns-icon-lists-inner h3{
	text-align: center;
	width: 100%;
	display: inline-block;
}
.icon-lists{
	display: grid;
  	grid-template-columns: repeat(3, 1fr);
  	gap: 40px;
  	margin-top: 30px;
}
.icon-item{
	display: flex;
  	flex-wrap: wrap;
  	gap: 20px;
}
.icon-left{
	flex: 0 0 35px;
}
.icon-right{
	flex: 0 0 calc(100% - 75px);
}
.icon-left img{
	position: relative;
	top: 6px;
}
.icon-right h5{
	margin-bottom: 10px;
}
.home-intro{
	padding-top: 65px;
	padding-bottom: 125px;
	overflow: hidden;
}
.home-intro-inner {
	position: relative;
	z-index: 1;
}
.home-intro p{
	line-height: 36px;
	font-size: 26px;
}
.home-intro p:last-child{
	margin-bottom: 0px;
}
.home-intro img.content-pattern{
	right: -815px;
	bottom: -85px;
}
.home-service{
	padding-top: 130px;
	padding-bottom: 65px;
	background-color: #020715;
}
.home-service-heading h3,
.home-service-heading p{
	text-align: center;
}
.home-service-heading{
	max-width: 840px;
	margin: 0 auto;
}
.home-service-heading p{
	font-size: 26px;
	line-height: 36px;
}
.home-service-heading p:last-child{
	margin-bottom: 0px;
}
.service-lists{
	display: grid;
  	grid-template-columns: repeat(3, 1fr);
  	gap: 40px;
  	margin-top: 60px;
}
.service-item{
	position: relative;
	height: 400px;
	cursor: pointer;
	padding: 30px 35px;
	max-width: 400px;
	margin: 0 auto;
}
.service-item:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-color: rgba(2, 7, 21, 0.30);
	-o-transition: all 750ms ease-in-out;
	-webkit-transition: all 750ms ease-in-out;
	-ms-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;
	transition: all 750ms ease-in-out;
}
.service-item-inner{
	position: relative;
	z-index: 1;
	height: 100%;
}
.service-item-inner .service-item-info{
	opacity: 0;
	height: 0;
	visibility: hidden;
	-o-transition: all 750ms ease-in-out;
	-webkit-transition: all 750ms ease-in-out;
	-ms-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;
	transition: all 750ms ease-in-out;
}
.service-item-inner svg{
	position: absolute;
	right: 0px;
	bottom: 0px;
	transform: translateX(-10px);
	-webkit-transform: translateX(-10px); /* Chrome, Safari, Opera */
	-moz-transform: translateX(-10px); /* Firefox */
	-ms-transform: translateX(-10px); /* IE 9 */
	-o-transform: translateX(-10px); /* Opera */
	transition: transform 750ms ease-in-out, opacity 750ms ease-in-out;
	-webkit-transition: -webkit-transform 750ms ease-in-out, opacity 750ms ease-in-out; /* Chrome, Safari, Opera */
	-moz-transition: -moz-transform 750ms ease-in-out, opacity 750ms ease-in-out; /* Firefox */
	-o-transition: -o-transform 750ms ease-in-out, opacity 750ms ease-in-out; /* Opera */
}
.service-item:hover:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-color: rgba(2, 7, 21, 0.60);
	-o-transition: all 750ms ease-in-out;
	-webkit-transition: all 750ms ease-in-out;
	-ms-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;
	transition: all 750ms ease-in-out;
}
.service-item:hover .service-item-inner .service-item-info{
	opacity: 1;
	height: auto;
	visibility: visible;
	-o-transition: all 750ms ease-in-out;
	-webkit-transition: all 750ms ease-in-out;
	-ms-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;
	transition: all 750ms ease-in-out;
}
.service-item .service-item-inner svg path{
	-o-transition: all 750ms ease-in-out;
	-webkit-transition: all 750ms ease-in-out;
	-ms-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;
	transition: all 750ms ease-in-out;
}
.service-item:hover .service-item-inner svg path{
	fill: rgba(43, 157, 255, 1) !important;
	-o-transition: all 750ms ease-in-out;
	-webkit-transition: all 750ms ease-in-out;
	-ms-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;
	transition: all 750ms ease-in-out;
}
.service-item:hover .service-item-inner svg{
	transform: translateX(0px);
	-webkit-transform: translateX(0px); /* Chrome, Safari, Opera */
	-moz-transform: translateX(0px); /* Firefox */
	-ms-transform: translateX(0px); /* IE 9 */
	-o-transform: translateX(0px); /* Opera */
	transition: transform 750ms ease-in-out, opacity 750ms ease-in-out;
	-webkit-transition: -webkit-transform 750ms ease-in-out, opacity 750ms ease-in-out; /* Chrome, Safari, Opera */
	-moz-transition: -moz-transform 750ms ease-in-out, opacity 750ms ease-in-out; /* Firefox */
	-o-transition: -o-transform 750ms ease-in-out, opacity 750ms ease-in-out; /* Opera */
}
.benefit-lists{
	padding-top: 70px;
	display: grid;
  	grid-template-columns: repeat(4, 1fr);
  	gap: 0px;
}
.benefit-item h6{
	margin-bottom: 0px;
	text-align: center;
}
.benefit-item{
	display: flex;
    justify-content: center;
    align-items: center;
  	padding: 15px 55px;
}
.benefit-item:nth-of-type(4n+1){
	border-right: 1px solid #F0EFF2;
}
.benefit-item:nth-of-type(4n+2){
	border-right: 1px solid #F0EFF2;
}
.benefit-item:nth-of-type(4n+3){
	border-right: 1px solid #F0EFF2;
}
.home-pannel{
	position: relative;
	padding-top: 115px;
	padding-bottom: 390px;
}
.home-pannel:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-color: rgba(2, 7, 21, 0.75);
}
.home-pannel .pannel-inner h2{
	max-width: 1050px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.home-pannel .pannel-inner p{
	max-width: 840px;
	margin: 0 auto;
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 20px;
}
.home-pannel .pannel-inner p:last-child{
	margin-bottom: 0px;
}
.home-pannel .pannel-inner a{
	display: table;
	margin: 0 auto;
	margin-top: 60px;
	font-family: 'Kanit', sans-serif !important;
	font-size: 15px;
	line-height: 23px;
	font-weight: 500;
	color: #2B9DFF;
	border: 2px solid #2B9DFF;
	border-radius: 4px;
	padding: 15px;
	min-width: 220px;
	width: auto;
	text-align: center;
	background-color: transparent;
	-o-transition: all 750ms ease-in-out;
	-webkit-transition: all 750ms ease-in-out;
	-ms-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;
	transition: all 750ms ease-in-out;
}
.home-pannel .pannel-inner a:hover{
	text-decoration: none;
	background-color: #2B9DFF;
	color: #fff;
	-o-transition: all 750ms ease-in-out;
	-webkit-transition: all 750ms ease-in-out;
	-ms-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;
	transition: all 750ms ease-in-out;
}
.recent-projects{
	margin-top: -230px;
}
.recent-projects-inner{
	position: relative;
}
.recent-projects-slider{
	max-width: 1140px;
	margin: 0 auto;
	overflow: hidden;
}
.recent-projects-slider .project-item{
	float: unset;
}
.recent-projects h2{
	text-align: center;
	color: #fff;
	margin-bottom: 45px;
}
.recent-projects .tns-nav {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.recent-projects .tns-nav button{
	width: 12px;
	height: 12px;
	border: 2px solid rgba(255, 255, 255, 0.6);
	background-color: transparent;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 5px;
    padding-inline: 0px;
}
.recent-projects .tns-nav button.tns-nav-active{
	background-color: #fff;
}
.recent-projects-customize-tools {
    position: absolute;
    width: calc(100% - 80px);
    top: 50%;
}
.recent-projects-customize-tools .prev{
	left: 15px;
	position: absolute;
}
.recent-projects-customize-tools .next{
	right: 15px;
	position: absolute;
}
.recent-projects-customize-tools .prev svg path, .recent-projects-customize-tools .next svg path{
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
  	transition: all 500ms ease-in-out;
}
.recent-projects-customize-tools .prev svg:hover path, .recent-projects-customize-tools .next svg:hover path{
	fill: rgba(255,255,255,0.6) !important;
	-o-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
  	transition: all 500ms ease-in-out;
}
.recent-projects-customize-tools .prev svg, .recent-projects-customize-tools .next svg{
	width: 20px;
}
.recent-projects-customize-tools .prev, .recent-projects-customize-tools .next {
    display: table;
    float: left;
    cursor: pointer;
}
.client-lists{
	padding-top: 75px;
	padding-bottom: 130px;
}
.client-lists h2{
	text-align: center;
}
.client-lists-inner{
	padding-top: 20px;
	display: grid;
  	grid-template-columns: repeat(6, 1fr);
  	gap: 40px;
}
.client-item-inner,
.client-item a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.client-item{
	height: 85px;
	background: #fff;
  	padding: 10px;
}
.gform-theme--foundation .gform_fields{
	row-gap: 20px !important;
}
.contentBox-inner p:last-child{
	margin-bottom: 0px;
}
.person-item{
	width: 100%;
	max-width: 290px;
	margin: 0 auto;
}
.icon-right p:last-child{
	margin-bottom: 0px;
}
.accordion:last-child{
	margin-bottom: 0px;
}
.page-template-tpl-content #content.site-content ul{
	padding-left: 15px;
}
.page-template-tpl-content #content.site-content ul li,
.page-template-tpl-content #content.site-content ul ol{
	font-size: 18px;
  	line-height: 27px;
  	font-weight: 400;
  	margin-bottom: 0px;
  	font-family: 'Inter', sans-serif !important;
  	margin-top: 0px;
}
button{
	padding-inline: 0px;
}
.equipment-hire-section{
	padding-top: 40px;
    padding-bottom: 100px;
}
.hireLogo{
	max-width: 400px;
    margin-bottom: 10px;
    width: 100%;
}
.equipment-hire-section .equipment-hire-lists .equipment-hire-item{
	width: 50%;
    padding: 30px 40px;
    float: left;
}
.equipment-hire-section .equipment-hire-lists .equipment-hire-item:nth-of-type(2n+1){
	clear: left;
}
.equipment-hire-section .equipment-hire-lists{
	display: table;
    width: calc(100% + 80px);
    margin-left: -40px;
    margin-right: -40px;
}
.equipment-hire-section .equipment-hire-lists .equipment-hire-item .hire-image{
	width: 100%;
    height: 338px;
    margin-bottom: 20px;
}
.equipment-hire-section .equipment-hire-lists .equipment-hire-item h4{
	color: #020715;
    margin-bottom: 20px;
}
.hire-price-item span{
	display: inline-block;
    color: #020715;
    font-weight: 500;
    float: left; 
    width: 85px;
}
.hireBtn{
	font-family: 'Kanit', sans-serif !important;
	position: relative;
	border: 1px solid #2B9DFF;
	display: block;
	width: 160px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 23px;
	color: #fff;
	text-transform: capitalize;
	padding: 15px;
	background-color: #2B9DFF;
	border-radius: 4px;
	text-align: center;
	-webkit-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}
.hireBtn:hover{
	border: 1px solid #2B9DFF;
	-webkit-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #2B9DFF;
}
@media(max-width: 1560px){
	.banner-center h1{
		font-size: 74px;
		line-height: 84px;
	}
	.banner-center h2{
		font-size: 58px;
		line-height: 68px;
	}
}
@media(max-width: 1460px){
	.banner-center h1{
		font-size: 64px;
		line-height: 74px;
	}
	.banner-center h2{
		font-size: 52px;
		line-height: 62px;
	}
}
@media(max-width: 1360px){
	h1, .banner-center h1{
		font-size: 54px;
		line-height: 64px;
	}
	h2, .banner-center h2{
		font-size: 42px;
		line-height: 52px;
	}
	.content-container{
		max-width: 1350px;
		padding-left: 35px;
		padding-right: 35px;
		display: block;
		margin: 0 auto;
		box-sizing: border-box;
		position: relative;
	}
	.content-pattern{
		right: -900px;
		max-width: unset;
	}
	.footer-1{
		width: 20%;
	}
	.footer-4{
		width: 30%;
	}
	.two-columns-content-inner .left-column {
    	padding-right: 45px;
  	}
	.two-columns-content-inner .right-column {
    	padding-left: 45px;
  	}
	.contact-left iframe{
		margin-top: 40px;
	}
	.cta-content p{
		line-height: 36px;
	}
	.project-item-info-inner{
		padding: 27px 35px;
	}
	.projects-slider .item {
    	height: 750px;
  	}
  	.our-team-inner {
		gap: 35px;
	}
	.related-projects-customize-tools, .recent-projects-customize-tools{
		display: none;
	}	
	.client-lists-inner {
		gap: 35px;
	}	
	.benefit-item{
		padding: 15px 45px;
	}
	.home-banner {
  		min-height: 900px;
  	}
  	ul#page-menu{
  		top: 55px;
  	}  	
	.menu-container {
    	top: 0px;
  	}
    .equipment-hire-section .equipment-hire-lists .equipment-hire-item{
        width: 50%;
        padding: 30px 30px;
        float: left;
    }
    .equipment-hire-section .equipment-hire-lists{
        display: table;
        width: calc(100% + 60px);
        margin-left: -30px;
        margin-right: -30px;
    }
    .equipment-hire-section .equipment-hire-lists .equipment-hire-item .hire-image{
    	height: 325px;
    }
    .equipment-hire-section{
        padding-bottom: 95px;
    }
}
@media(max-width: 1299px){
	.project-item-info-inner{
		padding: 27px 30px;
	}
	.projects-slider .item {
    	height: 700px;
  	}
  	.extraSpacing{
  		padding-bottom: 50px;
  	}
  	.two-columns-content-inner .left-column {
    	padding-right: 35px;
  	}
	.two-columns-content-inner .right-column {
    	padding-left: 35px;
  	}
  	.our-team-inner {
		gap: 30px;
	}
	.icon-lists {
		gap: 35px;
	}
	.icon-right {
	  	flex: 0 0 calc(100% - 55px);
	}
	.client-lists-inner {
		gap: 30px;
	}	
	.benefit-item{
		padding: 15px 40px;
	}
	.banner-center img {
		max-width: 750px;
		padding-bottom: 90px;
	}
	.home-banner {
  		min-height: 850px;
  	}
    .equipment-hire-section .equipment-hire-lists .equipment-hire-item{
        width: 50%;
        padding: 20px 20px;
        float: left;
    }
    .equipment-hire-section .equipment-hire-lists{
        display: table;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
    }
    .equipment-hire-section .equipment-hire-lists .equipment-hire-item .hire-image{
    	height: 300px;
    }
    .equipment-hire-section{
        padding-bottom: 85px;
    }
}
@media(max-width: 1199px){
	h1, .banner-center h1{
		font-size: 52px;
		line-height: 62px;
	}
	h2, .banner-center h2{
		font-size: 40px;
		line-height: 50px;
	}
	h3{
		font-size: 34px;
		line-height: 44px;
	}
	h4{
		font-size: 30px;
		line-height: 40px;
	}
	.content-container{
		max-width: 1340px;
		padding-left: 30px;
		padding-right: 30px;
		display: block;
		margin: 0 auto;
		box-sizing: border-box;
		position: relative;
	}
	ul#page-menu > li > a{
		margin-left: 25px;
		margin-right: 25px;
	}
	ul#page-menu li > ul.sub-menu{
		left: 25px;
	}
	.page-banner{
		height: 600px !important;
	}
	.service-dark-pattern{
		height: 90px;
	}
	.light-pattern, .dark-pattern{
		height: 90px;
		margin-top: -90px;
	}
	.footer-pattern{
		height: 90px;
	}
	.contact-left{
		padding-right: 25px;
	}
	.contact-right{
		padding-left: 25px;
	}
	.contact h3{
		margin-bottom: 40px;
	}
	.contact-left iframe{
		margin-top: 35px;
	}
	.cta-content p{
		font-size: 24px;
		line-height: 34px;
	}
	.project-navigation{
		padding-top: 45px;
	}
	.project-item-info-inner{
		padding: 27px 25px;
	}
	.projects-slider .item {
    	height: 650px;
  	}
  	.extraSpacing{
  		padding-bottom: 50px;
  	}
  	.extraSpacing{
  		padding-bottom: 40px;
  	}
  	.two-columns-content-inner .left-column {
    	padding-right: 25px;
  	}
	.two-columns-content-inner .right-column {
    	padding-left: 25px;
  	}
  	.our-team-inner {
		gap: 25px;
	}
	.icon-lists {
		gap: 30px;
	}
	.related-projects h3{
		margin-bottom: 40px;
	}
	.service-lists {
	  	gap: 25px;
    	margin-top: 55px;
	}
	.client-lists-inner {
		gap: 25px;
	}
	.home-pannel {
	  	padding-bottom: 375px;
	}
	.benefit-item{
		padding: 15px 35px;
	}
	.banner-center img {
		max-width: 700px;
		padding-bottom: 80px;
	}
	.home-banner {
  		min-height: 800px;
  	}
    .equipment-hire-section .equipment-hire-lists .equipment-hire-item{
        width: 50%;
        padding: 15px 15px;
        float: left;
    }
    .equipment-hire-section .equipment-hire-lists{
        display: table;
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
    }
    .equipment-hire-section .equipment-hire-lists .equipment-hire-item .hire-image{
    	height: 275px;
    }
    .equipment-hire-section{
        padding-bottom: 75px;
    }
}
@media(max-width: 1099px){
	h1, .banner-center h1{
		font-size: 48px;
		line-height: 58px;
	}
	h2, .banner-center h2{
		font-size: 38px;
		line-height: 48px;
	}
	h3{
		font-size: 32px;
		line-height: 42px;
	}
	h4{
		font-size: 28px;
		line-height: 38px;
	}
	h5{
		font-size: 25px;
		line-height: 35px;
	}
	.content-container{
		max-width: 1330px;
		padding-left: 25px;
		padding-right: 25px;
		display: block;
		margin: 0 auto;
		box-sizing: border-box;
		position: relative;
	}
	ul#page-menu > li > a{
		margin-left: 20px;
		margin-right: 20px;
	}
	ul#page-menu li > ul.sub-menu{
		left: 20px;
	}
	.page-banner{
		height: 575px !important;
	}
	.service-dark-pattern{
		height: 75px;
	}
	.light-pattern, .dark-pattern{
		height: 75px;
		margin-top: -75px;
	}
	.footer-pattern{
		height: 75px;
	}
	.footer-bottom{
		padding-top: 75px;
	}
	.contact-left{
		padding-right: 20px;
	}
	.contact-right{
		padding-left: 20px;
	}
	.contact h3{
		margin-bottom: 35px;
	}
	.contact-left iframe{
		margin-top: 30px;
	}
	.cta-content p{
		font-size: 22px;
		line-height: 32px;
	}
	.project-lists .projects .project-item{
		padding: 15px;
	}
	.project-lists .projects {
		display: block;
		width: calc(100% + 30px);
		margin-left: -15px;
		margin-right: -15px;
	}
	.project-item-inner{
		height: 350px !important;
	}
	.project-navigation{
		padding-top: 40px;
	}
	.project-item-info-inner{
		padding: 27px 20px;
	}
	.project-lists{
		padding-top: 30px;
  		padding-bottom: 100px;
	}
	.project-content{
		padding-top: 30px;
	}
	.projects-slider .item {
    	height: 575px;
  	}
  	.projects-customize-tools .prev svg, .projects-customize-tools .next svg {
    	width: 45px;
  	}
  	.projects-customize-tools{
		bottom: 20px;
	}
  	.contentBox, .two-columns, .our-team{
  		padding-top: 55px;
  		padding-bottom: 55px;
  	}
  	.extraSpacing{
  		padding-bottom: 30px;
  	}
  	.two-columns-content-inner .left-column {
    	padding-right: 15px;
  	}
	.two-columns-content-inner .right-column {
    	padding-left: 15px;
  	}
  	.column-image{
  		height: 450px !important;
  	}
  	.our-team-inner {
		gap: 20px;
	}
	.icon-lists {
		gap: 20px;
		margin-top: 25px;
	}
	.icon-item{
		gap: 15px;
	}
	.icon-right {
	  	flex: 0 0 calc(100% - 50px);
	}
	.three-columns-icon-lists, .accordion-section{
		padding-top: 105px;
		padding-bottom: 105px;
	}
	.home-service{
		padding-top: 105px;
	}
	.client-lists{
		padding-bottom: 75px;
	}
	.home-intro{
	 	padding-bottom: 105px;
	}
	.project-item{
		padding-left: 15px;
		padding-right: 15px;
	}
	.related-projects h3{
		margin-bottom: 35px;
	}
	.service-lists {
	  	gap: 20px;
    	margin-top: 50px;
	}
	.service-item{
		padding: 25px 30px;
	}
	.client-lists-inner {
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}
	.home-pannel {
	  	padding-bottom: 350px;
	}	
	.benefit-item{
		padding: 15px 30px;
	}
	.banner-center img {
		max-width: 650px;
		padding-bottom: 70px;
	}
	.home-banner {
  		min-height: 750px;
  	}
    .equipment-hire-section .equipment-hire-lists .equipment-hire-item{
        width: 50%;
        padding: 10px 10px;
        float: left;
    }
    .equipment-hire-section .equipment-hire-lists{
        display: table;
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
    }
    .equipment-hire-section .equipment-hire-lists .equipment-hire-item .hire-image{
    	height: 250px;
    }
    .equipment-hire-section{
        padding-bottom: 65px;
    }
}
@media(max-width: 991px){
	h1, .banner-center h1{
		font-size: 44px;
		line-height: 54px;
		margin-bottom: 25px;
	}
	h2, .banner-center h2{
		font-size: 36px;
		line-height: 46px;
		margin-bottom: 25px;
	}
	h3{
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 25px;
	}
	h4{
		font-size: 26px;
		line-height: 36px;
		margin-bottom: 25px;
	}
	h5{
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 25px;
	}
	h6{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 25px;
	}
	.content-container{
		max-width: 1320px;
		padding-left: 20px;
		padding-right: 20px;
		display: block;
		margin: 0 auto;
		box-sizing: border-box;
		position: relative;
	}
	ul#page-menu {
	    display: none;
	}
	.overlay-menu .col1, .overlay-menu .col2, .overlay-menu .col3{
		width: 50%;
	}
	.overlay-menu .col3{
		border-left: 0px;
		padding-left: 0px;
		clear: left;
	}
	.overlay-menu{
		max-width: 560px;
		top: 225px;
	}
	.page-banner{
		height: 500px !important;
	}
	.service-dark-pattern{
		height: 60px;
	}
	.light-pattern, .dark-pattern{
		height: 60px;
		margin-top: -60px;
	}
	.footer-pattern{
		height: 60px;
	}
	.footer-1{
		width: 17%;
	}
	.footer-2{
		width: 30%;
	}
	.footer-3{
		width: 18%;
	}
	.footer-4{
		width: 35%;
	}
	.footer-bottom{
		padding-top: 60px;
	}
	.contact-left{
		padding-right: 15px;
	}
	.contact-right{
		padding-left: 15px;
	}
	.contact h3{
		margin-bottom: 30px;
	}
	.contact-left iframe{
		margin-top: 25px;
	}
	.cta-content p{
		font-size: 20px;
		line-height: 30px;
	}
	.cta{
		padding-top: 75px;
	}
	.cta-button{
		margin-top: 50px;
	}
	.project-lists .projects .project-item{
		padding: 10px;
	}
	.project-lists .projects {
		display: block;
		width: calc(100% + 20px);
		margin-left: -10px;
		margin-right: -10px;
	}
	.project-item-inner{
		height: 300px !important;
	}
	.project-navigation{
		padding-top: 35px;
	}
	.project-item-info-inner{
		padding: 25px 15px;
	}
	.project-lists{
		padding-top: 20px;
  		padding-bottom: 75px;
	}
	.project-content{
  		padding-bottom: 75px;
	}
	.project-navigation .pagination a, .project-navigation .pagination span{
		margin-right: 9px;
		margin-left: 9px;
	}
	.projects-slider .item {
    	height: 475px;
  	}
  	.projects-customize-tools .prev svg, .projects-customize-tools .next svg {
    	width: 40px;
  	}
  	.project-details-left{
  		padding-right: 15px;
  	}
  	.project-details-right{
  		padding-left: 15px;
  	}
  	.projects-customize-tools{
		bottom: 10px;
	}
	.project-details{
		padding-top: 55px;
		padding-bottom: 55px;
	}
	.contentBox, .two-columns, .our-team{
  		padding-top: 45px;
  		padding-bottom: 45px;
  	}
  	.extraSpacing{
  		padding-bottom: 20px;
  	}
  	.two-columns-content-inner .right-column {
	    width: 100%;
	    float: none;
	    clear: both;
	    padding-left: 0px;
	    margin-top: 35px;
	    min-height: auto;
	    display: block;
	}
	.two-columns-content-inner .left-column {
	    width: 100%;
	    float: none;
	    clear: both;
	    min-height: auto;
	    padding-right: 0px;
	    display: block;
	}
	.column-image{
		max-width: 550px;
		margin: 0 auto;
		height: 400px !important;
	}
  	.our-team-inner {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
		padding-top: 10px;
	}
	.person-item h5 {
	  	margin-top: 15px;
    	margin-bottom: 5px;
	}
	.icon-lists {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
		margin-top: 20px;
	}
	.icon-item{
		max-width: 400px;
		margin: 0 auto;
		gap: 15px;
	}
	.three-columns-icon-lists, .accordion-section, .related-projects{
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.home-service{
		padding-top: 75px;
	}
	.client-lists, .home-intro{
		padding-bottom: 75px;
	}
	.project-item{
		padding-left: 15px;
		padding-right: 15px;
	}
	.related-projects h3, .recent-projects h2{
		margin-bottom: 30px;
	}
	.service-lists {
	  	display: grid;
	  	grid-template-columns: repeat(2, 1fr);
	  	gap: 30px;
    	margin-top: 45px;
	}
	.service-item{
		padding: 20px 25px;
	}
	.client-lists-inner {
		padding-top: 15px;
		grid-template-columns: repeat(4, 1fr);
		gap: 25px;
	}
	.home-pannel {
	  	padding-bottom: 320px;
	}
	.home-pannel .pannel-inner a{
		margin-top: 55px;
	}
	.benefit-item{
		padding: 15px 25px;
	}
	.banner-center img {
		max-width: 590px;
		padding-bottom: 60px;
	}
	.home-banner {
  		min-height: 700px;
  	}
    .equipment-hire-section .equipment-hire-lists .equipment-hire-item .hire-image{
    	height: 225px;
    }
    .equipment-hire-section{
    	padding-top: 35px;
        padding-bottom: 55px;
    }
}
@media(max-width: 875px){
	.benefit-item{
		padding: 15px 20px;
	}
	.footer-1{
		width: 15%;
	}
	.footer-2{
		width: 30%;
	}
	.footer-3{
		width: 15%;
	}
	.footer-4{
		width: 40%;
	}
    .equipment-hire-section{
    	padding-top: 35px;
        padding-bottom: 45px;
    }
}
@media(max-width: 767px){
	h1, .banner-center h1{
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 20px;
	}
	h2, .banner-center h2{
		font-size: 32px;
		line-height: 42px;
		margin-bottom: 20px;
	}
	h3{
		font-size: 28px;
		line-height: 38px;
		margin-bottom: 20px;
	}
	h4{
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 20px;
	}
	h5{
		font-size: 22px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	h6{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	p{
		font-size: 16px;
		line-height: 26px;
	}
	.overlay-menu .col1, .overlay-menu .col2, .overlay-menu .col3{
		width: 100%;
	}
	.overlay-menu{
		max-width: 320px;
	}
	.overlay:before{
		display: none;
	}
	.overlay-menu{
		top: 165px;
		padding-bottom: 50px;
	}
	.content-container{
		max-width: 1310px;
		padding-left: 15px;
		padding-right: 15px;
		display: block;
		margin: 0 auto;
		box-sizing: border-box;
		position: relative;
	}
	.page-banner{
		height: 420px !important;
	}
	.service-dark-pattern{
		height: 30px;
	}
	.light-pattern, .dark-pattern{
		height: 30px;
		margin-top: -30px;
	}
	.footer-pattern{
		height: 30px;
	}
	.footer-1, .footer-2, .footer-3, .footer-4{
		width: 50%;
	}
	.footer-3{
		clear: left;
	}
	.footer-inner{
		max-width: 285px;
		margin: 0 auto;
	}
	.footer-top{
		max-width: 285px;
		margin: 0 auto;
	}
	.footer-bottom{
		padding-top: 45px;
	}
	.contact-left{
		float: none;
		width: 100%;
		clear: both;
		padding-right: 0px;
	}
	.contact-right{
		float: none;
		width: 100%;
		clear: both;
		padding-left: 0px;
	}
	.contact h3{
		margin-bottom: 25px;
	}
	.contact-left iframe{
		margin-top: 20px;
	}
	.cta-content p{
		font-size: 18px;
		line-height: 28px;
	}
	.cta{
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.cta-button{
		margin-top: 35px;
	}
	.project-item{
		padding: 0px;
		width: 100%;
		float: none;
		clear: both;
	}
	.project-lists .projects {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.project-item-inner{
		max-width: 550px;
		margin: 0 auto;
	}
	.project-lists .projects .project-item{
		padding: 15px 0px;
	}
	.project-item-info-inner{
		padding: 20px;
	}
	.project-item-inner{
		height: 400px !important;
	}
	.project-navigation{
		padding-top: 30px;
	}
	.project-lists{
		padding-top: 10px;
		padding-bottom: 45px;
	}
	.project-content{
		padding-bottom: 45px;
	}
	.project-navigation .pagination a, .project-navigation .pagination span{
		margin-right: 7px;
		margin-left: 7px;
	}
	.projects-slider .item {
    	height: 375px;
  	}
  	.projects-customize-tools .prev svg, .projects-customize-tools .next svg {
    	width: 35px;
  	}
  	.project-details-left {
	    width: 100%;
	    float: none;
	    clear: both;
	    padding-right: 0px;
	    margin-bottom: 30px;
	}
	.project-details-right{
		width: 100%;
	    float: none;
	    clear: both;
	    padding-left: 0px;
	}
	.projects-customize-tools{
		bottom: 0px;
	}
	.project-details{
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.post-link-left span, .post-link-right span, .shareTxt, svg.diviLine {
    	display: none;
  	}
  	.post-link-left, .post-link-right{
  		width: auto;
  	}
  	.post-share {
  		width: calc(100% - 40px);
  	}
  	.post-share-inner {
  		max-width: 145px;
  		top: 0px;
  	}
  	.contentBox, .two-columns, .our-team{
  		padding-top: 35px;
  		padding-bottom: 35px;
  	}
  	.extraSpacing{
  		padding-bottom: 10px;
  	}
  	.content-pattern {
    	right: -1000px;
  	}
  	.column-image{
  		height: 300px !important;
  	}
  	.our-team-inner {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
		padding-top: 10px;
	}
	.person-item h5 {
	  	margin-top: 10px;
  		margin-bottom: 0px;
	}
	.three-columns-icon-lists, .accordion-section, .related-projects, .home-service,
	.client-lists, .home-intro{
		padding-top: 45px;
  		padding-bottom: 45px;
	}
	.icon-lists {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;
		margin-top: 15px;
	}
	.related-projects-slider .project-item .project-item-inner{
		max-width: 550px;
		margin: 0 auto;
	}
	.project-item{
		padding: 0px;
	}
	.related-projects h3, .recent-projects h2{
		margin-bottom: 20px;
	}
	.service-lists {
	  	display: grid;
	  	grid-template-columns: repeat(1, 1fr);
	  	gap: 30px;
    	margin-top: 45px;
	}
	.service-item{
		padding: 20px;
	}
	.service-item{
		height: 350px;
	}
	.client-lists-inner {
		padding-top: 10px;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.home-pannel {
	  	padding-top: 45px;
	  	padding-bottom: 295px;
	}
	.home-pannel .pannel-inner a{
		margin-top: 45px;
	}
	.benefit-item{
		padding: 15px;
	}
	.banner-center img {
		max-width: 490px;
		padding-bottom: 50px;
	}
	.home-banner {
  		min-height: 650px;
  	}
    .equipment-hire-section .equipment-hire-lists .equipment-hire-item{
        width: 100%;
        padding: 15px 15px;
        float: none;
        clear: both;
        max-width: 475px;
    	margin: 0 auto;
    }
    .equipment-hire-section .equipment-hire-lists{
        display: block;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .equipment-hire-section{
    	padding-top: 35px;
        padding-bottom: 35px;
    }
}
@media(max-width: 645px){
	.benefit-lists {
	  	padding-top: 45px;
	  	grid-template-columns: repeat(2, 1fr);
	}
	.benefit-item:nth-of-type(4n+2){
		padding: 15px;
		margin-bottom: 20px;
	}
	.benefit-item:nth-of-type(4n+1){
		padding: 15px;
		margin-bottom: 20px;
	}
	.benefit-item:nth-of-type(4n+2){
		border-right: 0px;
	}
	.footer-1, .footer-2, .footer-3, .footer-4{
		width: 100%;
		clear: both;
		height: auto !important;
	}
	.footer-1{
		display: block;
	}
	.project-item-inner{
		max-width: 450px;
		margin: 0 auto;
	}
	.project-item-inner{
		height: 300px !important;
	}
	.project-lists .projects .project-item{
		padding: 15px 0px;
	}
	.project-item-info-inner{
		padding: 15px;
	}
	.project-navigation .pagination a, .project-navigation .pagination span{
		margin-right: 5px;
		margin-left: 5px;
	}
	.banner-center img {
		max-width: 390px;
		padding-bottom: 50px;
	}
}
@media(max-width: 575px){
	.home-banner {
  		min-height: 600px;
  	}
	.client-lists-inner {
	  	padding-top: 5px;
	  	grid-template-columns: repeat(2, 1fr);
	  	gap: 15px;
	}
	.service-item{
		padding: 15px;
	}
	.projects-slider .item {
    	height: 320px;
  	}
  	.our-team-inner {
	  	grid-template-columns: repeat(1, 1fr);
	  	gap: 35px;
	}
	.person-item h5 {
	  	margin-top: 5px;
	}
	.service-lists {
		gap: 20px;
	}
	.home-pannel .pannel-inner a{
		margin-top: 35px;
	}
	.banner-center img {
		max-width: 290px;
		padding-bottom: 40px;
	}
}