/*
Theme Name:   TCSDigital
Theme URI:    https://thedigitalrestaurant.com
Description:  A theme by The CS Digital
Author:       Chinmay
Author URI:   https://thedigitalrestaurant.com/chinmay
Template:     sydney
Version:      1.0.0
*/

@import url("../sydney/style.css");

::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-thumb {
	border-radius: 100px;
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 0%);
	background-color: #faa631;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 1px rgb(0 0 0 / 0%);
	border-radius: 0px;
	background-color: #3e3e3e;
}
html,body{position: relative;overflow-x: hidden;}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #0c6638 !important;
    color: #ffffff !important;
}
.top-section {
	background: #0c6638;
	color: #fff;
}
.top-section ul {
	list-style: none;
}
.top-section ul li {
	display: inline-block;
	margin: 0px 7px;
	font-size: 15px;
}
#mainnav ul li a {    
	font-size: 24px;
}
.widget_text.side-section {	
	position: absolute;
	width: 30%;
	top: 0;
	right: -370px;
	z-index: 99999;
	background: #252161;
	height: 100vh;
	padding: 20px;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transform: translateX(100%);
	-webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
	transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
	transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
	transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}
.side-section.showme{
	opacity: 1;
	right: 0px;
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
	transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
	transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
	transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}
.side-widget-overlay {	
	background: #000000a3;
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	transition: all 700ms ease;
	transform: translateX(100%);
	transform-origin: right center;
	-webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
	transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
	transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
	transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
	visibility: hidden;
}
.side-widget-overlay.showme{
	opacity: 1;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	visibility: visible;
	-webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
	transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
	transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
	transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.widget_text.side-section.showme{display:block;}
.side-section h3{
	color:#ffffff;letter-spacing: 2px;
	font-weight: normal;
	text-shadow: 2px 2px 2px #000;
}
.projects h3.widget-title {
    font-size: 17px;
    letter-spacing: 2px;
    font-weight: normal;
}

.side-panel-trigger-icon {
	display: inline-block;
	float: right;
	font-size: 32px;
	text-shadow: 2px 2px 3px #000000;
	cursor: pointer;
}

li.moreinfo {
	background: #252161;
	border-radius: 50px;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 0px 0px 0px 10px !important;
	margin-left: 50px;
}
li.moreinfo a {
	color: #fff !important;
}
ul.socials li a {
	background: #fff;
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	border-radius: 30px;
}
ul.socials {
	display: flex;
	justify-content: space-evenly;
}
ul.socials li {
	display: block;
}
.side-section hr{
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(255 255 255 / 75%), rgba(0, 0, 0, 0));
}
.style-1{
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0 0 0 / 75%), rgba(0, 0, 0, 0));
}
.style-2 {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(250 250 250 / 75%), rgba(0, 0, 0, 0));
}
.sow-slider-image-container {
	background: linear-gradient(180deg, #00102e, transparent);
}
#heroheader p {
	font-size: 2em;
}
#heroheader h2 {
	font-size: 3em !important;
	font-weight: normal;
	letter-spacing: 5px;
}
#front-specials .sow-features-feature {
	background: #d6d3ff;
	padding: 23px;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
	-o-transition: all .6s cubic-bezier(.77,0,.175,1);
	transition: all .6s cubic-bezier(.77,0,.175,1);
}
div#front-specials {
	margin-top: -75px;
	z-index: 99999999;
	position: relative;
}
#front-specials .sow-features-feature:hover {
	background: #98dbb9;
	margin-top: -23px;
	margin-bottom: -23px;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
	-o-transition: all .6s cubic-bezier(.77,0,.175,1);
	transition: all .6s cubic-bezier(.77,0,.175,1);
}
.mt-0{ margin-top:0px !important;}
.dotstyle {
	position: relative;
	padding: 0px 0px 50px 50px;
}
.dotstyle:after {
	content: '';
	position: absolute;
	top: 25px;
	left: 85px;
	width: 80%;
	height: 75%;
	border: double 10px #f6fbfe;
	z-index: 2;
}
.dotstyle:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://solutionpoint.com.my/groundskill/wp-content/uploads/2023/05/about-v1-shape1.png);
	background-size: 30%;
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 0;
}
.dotstyle img {
	z-index: 1;
	position: relative;
}
.text-center{ text-align: center;}
ul.front-about-service {
	list-style: none;
}
h2.heading {
	text-align: center;
	font-weight: normal;  
	position:relative;
}
h2.heading.dark {   
	color:#000 !important;
	text-shadow: 2px 2px 2px #fff;
}
h2.heading.light {   
	color:#fff !important;
	text-shadow: 2px 2px 2px #000;
}
h2.heading.dark:before {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 200px;
	height: 0px;
	border-bottom: solid 1px #565656;
	transform: translateX(-50%);
}
h2.heading.dark:after {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 50%;
	width: 20px;
	height: 0px;
	border-bottom: solid 5px #0c6638;
	transform: translateX(-50%);
}
h1,h2,h3,h4,h5,h6{font-weight:normal; letter-spacing:1px;}
.btn-style1{
	background: #0c6638;
	min-width: 150px;
	max-width: 250px;
	margin: 0;
	text-align: center;
	padding: 15px 36px;
	color: #fff!important;
	display: block;
	background-image: linear-gradient(to left, transparent, transparent 50%, #252161 50%, #252161);
	background-position: 100% 0;
	background-size: 200% 100%;
	transition: all .25s ease-in;    
	font-weight: 600;
	font-size: 16px;
}
.btn-style1:hover {
	background-position: 0 0;
	color: #fff;
}

.btn-style2{
	background: #b8aa83;
	min-width: 150px;
	max-width: 250px;
	margin: 0;
	text-align: center;
	padding: 15px 36px;
	color: #000000!important;
	display: block;
	background-image: linear-gradient(to left, transparent, transparent 50%, #b8aa83 50%, #ffffff);
	background-position: 100% 0;
	background-size: 200% 100%;
	transition: all .25s ease-in;
	font-weight: 600;
	font-size: 16px;
}
.btn-style2:hover {
	background-position: 0 0;    
}
.dottedbg{background-image:url(https://solutionpoint.com.my/groundskill/wp-content/uploads/2023/05/about-v1-shape1.png)}
#sidebar-footer{
	background: #232323 url(https://solutionpoint.com.my/groundskill/wp-content/uploads/2023/05/footer-pp.png) top center no-repeat !important;
	color: #c2c2c2 !important;
}
#sidebar-footer .footer-widgets-grid {
	padding: 50px 0px 0px;
}
#sidebar-footer .widget-title {
	font-weight: normal;
}
#sidebar-footer  .widget-title:after{display:none;}
.breadcrumb {
    padding: 20px 10%;
    background: linear-gradient(45deg, #252161, #0c6638);
    color: #ffe6a2;
}
.breadcrumb a,.breadcrumb a:hover {
    color: #fff;
}
/* mobile style*/
@media (max-width: 575px){
	.top-section{display:none}

	#masthead-mobile.fixheader{
		transition: all 500ms ease 0s;
		position: fixed;
		width: 100%;
		top: 0px;
		left: 0px;
		z-index: 999999991;
	}
	li.moreinfo{display:none !important;}
	.sydney-offcanvas-menu.toggled{z-index: 999999999999;}
}




/*green #0c6638
blue #252161 */