html.noscroll {
	position: fixed;
	overflow-y: scroll;
	width: 100%;
}
body {
	background: rgba(233, 233, 233, 1);
}


body, p {
    color: #0a0a0a!important;
}

.navbar-nav .custom-dropdown-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	border-top: 2px solid #72C134;
}
.top, .ui-header, .services {
	padding: 0px 0px 5px 15px;
}
@media screen and (min-width: 400px) {
	.top {
		padding: 10px 0px 5px 15px;
	}
}
.ui-header {
	padding-top: 10px;
	padding-bottom: 10px;
}
.top {
	background-color: #72C134;
}
.top a {
	display: inline-block;
	padding: 8px 10px;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
}
@media screen and (min-width: 400px) {
	.top a {
		display: inline-block;
		padding: 8px 10px;
		color: #fff;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 600;
	}
}
.top a:before {
	content: '';
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
	background-size: 18px;
	margin-right: 7px;
	top: 3px;
}
.top .top-phone:before {
	top: 4px;
	background-image: url(../images/old-handphone.svg);
}
.top .top-email:before {
	background-image: url(../images/envl.svg);
}
.ui-header {
	background-color: #fff;
}
.logo {
	margin: 0;
	padding: 0;
}
.logo a, .logo img {
	display: block;
	width: 90%;
	height: auto;
}
.logo a {
	padding: 15px 0;
}
.main-navmenu {
	margin: 0;
	padding: 0;
	display: none;
}
.main-navmenu li {
	position: relative;
}
.main-navmenu>li a {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.main-navmenu li ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 110px;
	left: 0;
	width: 270px;
	background: #fff;
	z-index: 10;
	border: 1px solid #e5e5e5;
}
.main-navmenu li ul li a {
	display: block;
	text-transform: none;
	font-size: 16px;
	color: #555;
	padding: 10px 20px;
	cursor: pointer;
}
.main-navmenu li ul li a:hover {
	text-decoration: none;
	background-color: #f6f6f6;
}
.main-navmenu>li:hover ul {
	display: block;
}
.main-navmenu li.menu-item-has-children>a {
	padding-right: 35px;
}
.main-navmenu li.menu-item-has-children>a:after {
	content: '';
	display: block;
	position: absolute;
	border: solid black;
	border-width: 0 2px 2px 0;
	border-color: #555;
	padding: 2px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	right: 20px;
	top: 50%;
	margin-top: -4px;
}
.main-navmenu>li.menu-item-has-children:hover a:after {
	border-color: #fff;
}
.menu-trigger {
	width: 45px;
	height: 36px;
	margin-right: 15px;
	position: relative;
	cursor: pointer;
	background-color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 9px solid #fff;
}
.menu-trigger span {
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #72C134;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.menu-trigger span:first-child {
	top: 0;
	margin-top: 0;
}
.menu-trigger span:last-child {
	top: auto;
	bottom: 0;
	margin-top: 0;
}
.menu-trigger:hover, .menu-trigger:focus {
	border-color: #FFF;
	background-color: #FFF;
	border: 9px solid #FFF;
}
.ui-content {
	background: #fff;
}
.ui-footer {
	padding: 50px 0 0 0;
	background-color: #1B1C1D;
	color: #6c6d6e;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ui-footer .finfo-email-us, .ui-footer .finfo-call-us {
	font-size: 22px;
	color: #fdfeff;
	font-weight: 300;
}
.ui-footer .finfo-email-us span, .ui-footer .finfo-call-us span {
	color: #72C134;
	font-weight: 600;
	font-size: 24px;
}
.ui-footer address {
	font-size: 17px;
	line-height: 20px;
}
.ui-footer address br {
	line-height: 50%;
}
.ui-footer .office-phone {
	color: #6c6d6e;
	font-size: 15px;
	font-weight: 600;
}
.footer-widget {
	padding: 40px 0;
}
.footer-widget .widget {
	text-align: center;
	margin-bottom: 40px;
}
.footer-widget .widget-title {
	color: #fdfeff;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 16px;
	text-transform: uppercase;
}
.footer-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-menu a {
	color: #6c6d6e;
	font-size: 17px;
}
.copyright {
	height: 58px;
	line-height: 58px;
	border-top: 1px solid #343536;
}
.copyright span {
	font-size: 15px;
}
.footer-logo {
	margin-bottom: 30px;
}
.menu-overlay {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(114, 194, 52, 0.95);
	z-index: 98;
}
.mobile-menu {
	display: none;
	position: absolute;
	width: 100%;
	height: 100vh;
	text-align: center;
	top: 0;
	z-index: 99;
}
.mobile-menu.show, .menu-overlay.show {
	display: block;
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobile-menu ul.mobile-navmenu>li a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 600;
	padding: 15px 0;
}
.mobile-menu ul.mobile-navmenu>li a:hover {
	text-decoration: none;
	color: #107abc;
}
.mobile-menu ul ul {
	display: none;
}
.mobile-menu .menu-item-has-children>a {
	position: relative;
}
.mobile-menu .menu-item-has-children>a:after {
	content: '';
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 50%;
	margin-top: -12px;
	right: 30px;
	background-image: url(../images/plus.svg);
	background-size: 24px;
}
.mobile-menu .menu-item-has-children>a:hover:after {
	background-image: url(../images/plus-hover.svg);
}
.mobile-menu ul.sub-menu li a {
	font-size: 20px;
	font-weight: 400;
	padding: 10px 0;
}
.close-mobile-menu {
	background-image: url(../images/close.svg);
	background-size: 50px;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	bottom: -50px;
	background-color: transparent;
	cursor: pointer;
}
@media (min-width: 768px) {
	.footer-info .finfo {
		padding: 0 30px;
	}
	.ui-footer .finfo-email-us span, .ui-footer .finfo-call-us span {
		display: inline-block;
	}
}
@media (min-width: 992px) {
	.top, .ui-header {
		padding: 0 30px;
	}
	.ui-header {
		padding-top: 0;
		padding-bottom: 0;
	}
	.main-navmenu>li {
		display: inline-block;
	}
	.main-navmenu>li>a {
		height: 110px;
		line-height: 110px;
		padding: 0 20px;
		font-size: 16px;
		font-weight: 600;
		color: #555;
	}
	.main-navmenu>li:hover {
		text-decoration: none;
		color: #fff;
		background-color: #64A72E;
	}
	.main-navmenu>li:hover>a {
		text-decoration: none;
		color: #fff;
	}
	.footer-widget .widget {
		padding: 0 50px;
	}
	.ui-footer .finfo-email-us span, .ui-footer .finfo-call-us span {
		display: inline-block;
	}
	.footer-logo {
		margin-bottom: 0;
	}
	.footer-menu a {
		font-size: 15px;
	}
	.ui-footer address {
		font-size: 15px;
	}
	.menu-overlay {
		display: none;
	}
	.footer-widget .widget {
		padding: 0 30px;
	}
}
@media (min-width: 1200px) {
	.top, .ui-header {
		padding: 0 50px;
	}
	.logo img {
		width: auto;
	}
	.main-navmenu {
		display: block;
	}
	.menu-trigger {
		display: none;
	}
	.footer-widget .widget {
		padding: 0 40px;
	}
	.footer-info .finfo {
		padding: 0 50px;
	}
}
@media (min-width: 1400px) {
	.top, .ui-header {
		padding: 0 70px;
	}
	.container {
		max-width: 1300px;
	}
	.footer-widget .widget {
		padding: 0 70px;
	}
}


.dh-page-wrapper {
	margin: 0 auto;
	min-height: 30vh;
	max-width: 1300px;
	margin-left: 2rem;
	margin-right: 2rem;
	padding-bottom: 6rem;
}
.dh-content-wrapper h1 {
	margin: 0;
	margin-top: 4.5rem;
	font-size: 4rem;
}
.book-byline {
	border-bottom: 1px solid #bdbdbd;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	font-size: 1.5rem;
}
.dh-content-wrapper h2 {
	font-size: 3.3rem;
	margin-bottom: 4rem;
}
.dh-content-wrapper ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.book-request-form {
	margin-top: 4rem!important;
}
.book-request-form input[type="text"] {
	border: 1px solid #bdbdbd!important;
}
.book-request-form input[type="submit"] {
	min-width: 300px;
	font-size: 2rem;
}
.book-request-form .gform_footer {
	border: 0;
	margin-top: 10px!important;
}
@media (min-width: 600px) {
	.dh-page-wrapper {
		margin-left: 3rem;
		margin-right: 3rem;
	}
}
@media (min-width: 900px) {
	.dh-page-wrapper {
		margin-left: 4rem;
		margin-right: 4rem;
	}
}
@media (min-width: 990px) {
	.dh-page-wrapper {
		margin: 0 auto!important;
		padding-left: 3.5rem;
		padding-right: 3.5rem;
	}
}
.dh-book-image img {
	max-width: 400px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.dh-book-content {
	display: grid;
	grid-template-columns: minmax(0, auto) minmax(0, 400px);
	/* Text div takes up remaining space, image div limited to 400px */
	grid-gap: 20px;
	/* Gap between grid items */
}
.dh-book-info {
	grid-area: text;
	/* Assigning a named area to the text div */
}
.dl-badge {
	margin-bottom: 2rem;
	background: #72C134;
	color: #fff;
	padding: 0rem 0.5rem 0rem 0.5rem;
	max-width: 120px;
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	border-left: 5px solid #508E1F;
}
.dh-book-image {
	grid-area: image;
	/* Assigning a named area to the image div */
	max-width: 100%;
	/* Maximum width for the image div */
}
.dh-book-form {
	max-width: 500px;
}
.book-cover-sm, .books-cover-sm {
	margin-left: 1.5rem;
	margin-bottom: 1rem;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	float: right;
}

.books-cover-sm {
	margin-right: 2.5rem;
	margin-left:0;
	margin-bottom: 1rem;
	float: left;
}
/* Media query for smaller screens */

@media (max-width: 870px) {
	.dh-book-content {
		grid-template-columns: 1fr;
		/* Single column for smaller screens */
		grid-template-areas: 'image' 'text';
		/* Reordering the grid areas for smaller screens */
	}
	.dh-book-image {
		display: none;
		grid-area: image;
		/* Reassigning the image div to its named area */
		max-width: none;
		/* Remove the maximum width for the image div */
	}
	.dh-book-info {
		grid-area: text;
		/* Reassigning the text div to its named area */
	}
}
/* Media query for larger screens */

@media (min-width: 871px) {
	.dh-book-content {
		grid-template-areas: 'text image';
		/* Grid areas for larger screens */
	}
	.book-byline {
		margin-bottom: 5rem;
	}
	.dh-book-info {
		padding-right: 4rem;
		grid-area: text;
		/* Assigning a named area to the text div */
	}
	.book-cover-sm {
		display: none;
	}
}

.dh-dl-link, .dh-dl-link:visited {
	text-decoration: underline;
}
.dh-dl-link:hover {
	text-decoration: none;
}
.dh-books-content {
	display: grid;
	grid-template-columns: 100%;
	/* Set column widths to 65% and 35% */
	grid-gap: 20px;
	/* Gap between grid items */
}
@media (max-width: 1000px) {
	.dh-books-content {
		grid-template-columns: 1fr;
		/* Single column for smaller screens */
	}
}
.dh-books-info {
	grid-column: 1;
	/* Place the content in the first column */
}
.dh-book-covers {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	/* Responsive grid for book covers */
	grid-gap: 20px;
	display: none;
}
@media (max-width: 870px) {
	.dh-book-covers {
		grid-template-columns: 1fr 1fr;
		/* Display two columns for smaller screens */
	}
}
@media (min-width: 1001px) {
	.dh-book-covers {
		display: block;
		display: grid;
	}
	.dh-book-cover {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
.dh-book-cover img {
	width: 100%;
	max-width: 200px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.dh-book-cover img {
	transition: transform 0.3s ease;
	/* Set the transition duration and easing */
}
.dh-book-cover:hover img {
	transform: translateY(-5px);
	/* Apply a transformation on hover */
}

.dh-books-book {
	display: inline-block;
}

@media (min-width: 1001px) {
	.books-cover-sm {
		display: block;
	}
}

.dh-books-book{
	margin-top: 4rem;
}
.workshop-boxes{
	border-top: 1px solid #bdbdbd;
	margin-top: 3rem;
	padding-top: 3rem;	
  display: grid;
  grid-gap: 2.5rem;
  grid-template-columns: 1fr;
  padding-bottom:10rem;
}

.workshop-box{
	margin-bottom:3rem;
}
.workshop-box-thumbnail{
	margin-bottom:2rem;
}
.workshop-box-thumbnail img{
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.workshop-box-title{
	color:#000;
	font-weight:700;
	font-size:2.4rem;
}


@media only screen and (min-width: 650px) {
	
.workshop-boxes{
  grid-template-columns: 1fr 1fr;
  padding-bottom:10rem;
}
	
}


@media only screen and (min-width: 800px) {
	
.workshop-boxes{
  grid-template-columns: 1fr 1fr 1fr;
  padding-bottom:10rem;
}
	
}


.dh-workshop-info ul{
	list-style-type:square;
	margin-left:2rem;
	margin-top:2rem;
	margin-bottom:2rem;
}


section.page_with_sidebar .col-lg-3 {
    padding: 0px!important;
}

section.section.hero_service h1{
    font-size: 44px!important;
    font-weight: 800!important;
}

.one-column-content h1{
	font-size: clamp(1.7rem, 4vw, 2.4rem)!important;
	font-weight:700!important;
	line-height:1.2!important;
}

.one-column-content h2{
  font-size: clamp(1.3rem, 3vw, 1.5rem)!important;
  font-weight:700!important;
	text-align:left;
}

h2.widget-title {
    font-size: 25px!important;
    font-weight:800!important;
}
ul#menu-services a {
    text-decoration:underline!important;
}

/* Pagination styles */
.pagination {
    margin-top: 20px;
	margin-bottom:5rem;
    text-align: center;
}

.pagination .page-numbers {
    display: inline-block;
    padding: 5px 15px;
    margin: 0 5px;
    border: 1px solid #86c541;
    border-radius: 3px;
    color: #333;
    text-decoration: none;
}

.pagination .page-numbers.current {
    background-color: #86c541;
    color: #fff;
}

.pagination .page-numbers:hover {
    background-color: #86c541;
	  color:#fff;
}

#tlp-portfolio-container-5581 .tlp-portfolio-isotope-button button,
#tlp-portfolio-container-5581 .owl-theme .owl-nav [class*=owl-],
#tlp-portfolio-container-5581 .owl-theme .owl-dots .owl-dot span,
#tlp-portfolio-container-5581 .tlp-pagination li span,
#tlp-portfolio-container-5581 .tlp-pagination li a {
  background: #86c541 !important;
  color: #fff!important;
}

.tlp-portfolio button.selected, 
.tlp-portfolio-isotope-button button:hover {
    color: #fff !important;
border: 1px solid #86c541 !important;
}





.dh-post-share {
  display: grid;
  grid-template-columns: 1fr; /* Creates two equal-width columns */
  gap: 10px; /* Adds space between the columns */
  align-items: start; /* Aligns items to the top of their grid areas */
	margin-top:1.5rem;
	margin-bottom:1rem;
}

.dh-single-post-meta{
	max-width:150px;
}

	.dh-social-share-container{
	  display: grid;
  grid-template-columns: 130px 1fr; /* Creates two equal-width columns */
}

@media (min-width: 500px) {

	
.dh-post-share {
  grid-template-columns: 75px 275px 1fr; 
			grid-gap:20px;
}
	
	.dh-social-share-container{
	  display: grid;
  grid-template-columns: 1fr 1fr; /* Creates two equal-width columns */
}
	
}




.dh-social-share-links{
		  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* Creates two equal-width columns */
}


.single-post .author-avatar{
	margin-bottom:0;
}

  .dh-social-share-container {
        margin:0;
    }
    .dh-social-share-title {
        display: block;
        margin-bottom: 10px;
			font-size:0.98rem;
    }
.dh-social-share-links{
	margin-top:-6px;
}
    .dh-social-share-button {
        display: inline-block;
        margin: 0 5px;
        padding: 10px;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 18px;
    }
    .dh-social-share-facebook {
        background-color: #3b5998;
    }
    .dh-social-share-twitter {
        background-color: #1da1f2;
    }
    .dh-social-share-linkedin {
        background-color: #0077b5;
    }


.page-template-page-work-portfolio .one-column-page-content {
  margin-top: 0px;
}

        .dh-port-container {
            position: relative;
            width: 100%;
            display: flex;
        }

        .dh-port-toggle-button {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1000;
            padding: 10px 20px;
            background-color: #3498db;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.3s;
            display: none;
        }

        .dh-port-left-column {
            width: 100%;
            min-height: 100vh;
            transition: transform 0.3s ease-in-out;
        }

        .dh-port-content-wrapper {
            max-width: 1280px;
            margin: 0 auto;
            padding: 40px 20px;
        }

        .dh-port-right-column {
            position: fixed;
					  z-index:99999!important;
            top: 0;
            right: 0;
            width: 45%;
            height: 100vh;
            background-color: white;
            transform: translateX(100%);
            transition: transform 0.3s ease-in-out;
        }

        .dh-port-container.open .dh-port-left-column {
            transform: translateX(-45%);
        }

        .dh-port-container.open .dh-port-right-column {
            transform: translateX(0);
					  box-shadow: rgba(134, 197, 65, 0.4) -5px 5px,
            rgba(134, 197, 65, 0.3) -10px 10px,
            rgba(134, 197, 65, 0.2) -15px 15px,
            rgba(134, 197, 65, 0.1) -20px 20px,
            rgba(134, 197, 65, 0.05) -25px 25px;
        }

        .dh-port-content-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 30px;
        }

        @media (max-width: 1200px) {
            .dh-port-content-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .dh-port-content-grid {
                grid-template-columns: 1fr;
            }

            .dh-port-right-column {
                width: 75%;
            }

            .dh-port-container.open .dh-port-left-column {
                transform: translateX(-75%);
            }

            .dh-port-content-wrapper {
                padding: 20px 15px;
            }

            .dh-port-heading {
                font-size: 2rem !important;
            }
        }

        .dh-port-card {
            background: #1c1c1c;
            border-radius: 18px;
            overflow: hidden;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .dh-port-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }

        .dh-port-card-thumbnail {
            width: 100%;
            height: 200px;
            overflow: hidden;
            border-bottom:3px solid #86c541;
        }

        .dh-port-card-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
        }

        .dh-port-card-content {
            padding: 20px;
        }

        .dh-port-card-title {
            margin-bottom: 10px;
            color: #fff;
            font-size: 1.25rem;
        }

        .dh-port-card-description {
            color: #fff!important;
            line-height: 1.3;
					font-size:1.1rem;
        }

        .dh-port-detail-view {
            height: 100vh;
            display: flex;
            flex-direction: column;
            overflow-y: auto;
            scrollbar-width: thin;
            scrollbar-color: #3498db #f0f0f0;
        }

        .dh-port-detail-view::-webkit-scrollbar {
            width: 12px;
        }

        .dh-port-detail-view::-webkit-scrollbar-track {
            background: #f0f0f0;
            border-radius: 6px;
        }

        .dh-port-detail-view::-webkit-scrollbar-thumb {
            background-color: #3498db;
            border-radius: 6px;
            border: 3px solid #f0f0f0;
        }

        .dh-port-detail-view::-webkit-scrollbar-thumb:hover {
            background-color: #2980b9;
        }

        .dh-port-detail-image-container {
            width: 100%;
            position: relative;
            overflow: visible;
        }

        .dh-port-detail-image {
            width: 100%;
            height: auto;
            max-width: 100%;
            display: block;
        }


.dh-port-close-button {
    position: absolute;
		z-index:10000!important;
    top: 15px;
    right: 30px;
    background:#86c541;
    color:#fff;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    z-index: 100;
    padding: 0;
    line-height: 0;
    font-family: Arial, sans-serif;
}


.dh-port-close-button:hover {
    background:#79ba3c;
    border:0;
}

.dh-port-close-button:focus {
    outline: none;
}

        @media (max-width: 480px) {
            .dh-port-card-thumbnail {
                height: 180px;
            }

            .dh-port-card-content {
                padding: 15px;
            }

            .dh-port-card-title {
                font-size: 1.1rem;
            }

            .dh-port-close-button {
                top: 10px;
                right: 10px;
                width: 35px;
                height: 35px;
            }
        }

 

/* Main form container */
#gform_wrapper_2 {
    max-width: 800px;
	  padding-bottom:3rem;
}

/* Form header */
#gform_wrapper_2 .gform_heading {
    margin-bottom: 2rem;
}

#gform_wrapper_2 .gform_title {
    color: #333333;
    font-size: 24px;
    font-weight: 600;
}

/* Form fields container */
#gform_wrapper_2 .gform_body {
    margin-bottom: 2rem;
}

/* Field labels */
#gform_wrapper_2 .gfield_label {
    color: #444444;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 8px;
}

/* Required field indicator */
#gform_wrapper_2 .gfield_required {
    color: #dc3545;
    margin-left: 4px;
}

/* Input fields */
#gform_wrapper_2 input[type="text"],
#gform_wrapper_2 input[type="email"],
#gform_wrapper_2 input[type="tel"],
#gform_wrapper_2 input[type="url"],
#gform_wrapper_2 input[type="password"],
#gform_wrapper_2 textarea {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.5;
    transition: border-color 0.3s ease;
}

/* Input field focus state */
#gform_wrapper_2 input:focus,
#gform_wrapper_2 textarea:focus {
    outline: none;
    border-color: #4a90e2;
    box-shadow: 0 0 5px rgba(74, 144, 226, 0.2);
}

/* Select dropdowns */
#gform_wrapper_2 select {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    background-color: #fff;
    cursor: pointer;
}

/* Radio and Checkbox containers */
#gform_wrapper_2 .gfield_radio,
#gform_wrapper_2 .gfield_checkbox {
    margin: 10px 0;
}

/* Radio and Checkbox items */
#gform_wrapper_2 .gfield_radio li,
#gform_wrapper_2 .gfield_checkbox li {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

/* Submit button */
#gform_wrapper_2 .gform_button {
    color: white;
    padding: 12px 25px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#gform_wrapper_2 .gform_button:hover {
    background-color: #357abd;
}

/* Error messages */
#gform_wrapper_2 .validation_error {
    color: #dc3545;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #dc3545;
    border-radius: 4px;
    background-color: #fff;
}

#gform_wrapper_2 .gfield_error input,
#gform_wrapper_2 .gfield_error textarea {
    border-color: #dc3545;
}

/* Success message */
#gform_confirmation_wrapper_2 {
    padding: 20px;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 4px;
    color: #155724;
    margin: 20px 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #gform_wrapper_2 {
        padding: 15px;
    }
    
    #gform_wrapper_2 .gform_title {
        font-size: 20px;
    }
    
    #gform_wrapper_2 input,
    #gform_wrapper_2 textarea,
    #gform_wrapper_2 select {
        font-size: 14px;
    }
}


        .rv-dh-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .rv-dh-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            padding: 20px;
        }

        .rv-dh-card {
            background: #dce2e0;
            border-radius: 8px;
            overflow: hidden;
            transition: background-color 0.3s ease;
        }

        .rv-dh-card:hover {
            background: #8acc48;
        }

        .rv-dh-image-container {
            height: 550px;
            overflow: hidden;
            padding:15px;
        }

        .rv-dh-image {
            width: 100%;
            height: auto;
            transition: transform 2.5s ease;
            border-radius:8px;
        }


        .rv-dh-card:hover .rv-dh-image {
            transform: translateY(-120px);
        }

        .rv-dh-title {
            color: #000;
            padding: 20px;
            margin: 0;
            font-size: 1.2rem;
            text-align:center;
					margin-top:10px;
        }

        @media (max-width: 1024px) {
            .rv-dh-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .rv-dh-grid {
                grid-template-columns: 1fr;
            }
        }


.page-id-5861 .section.hero_service{
	display:none;
}

.page-id-5861 h1{
	text-align:center;
}

.notion-form-wrapper{
max-width:600px;
	margin:0 auto;
}








/* ==========================================================================
   Gravity Form #40 – DH Tickets Support Form
   Full style override
   ========================================================================== */

/* ---- Form Container ---- */
#gform_wrapper_40 {
    max-width: 680px;
    margin: 0 auto 3rem;
    padding: 2.5rem 2rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
        Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* ---- Page Heading ---- */
.support-form-heading,
.entry-title,
.page-title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 0.25rem;
}

/* "How can we help you?" intro text */
#gform_wrapper_40 .gform_heading {
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

#gform_wrapper_40 .gform_heading .gform_title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 0.25rem;
}

#gform_wrapper_40 .gform_heading .gform_description {
    font-size: 0.95rem;
    color: #6b7280;
    margin: 0;
}

/* ---- Form Body / Fields ---- */
#gform_wrapper_40 .gform_body {
    padding: 0;
}

#gform_wrapper_40 .gform_fields {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

#gform_wrapper_40 .gfield {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
}

/* ---- Labels ---- */
#gform_wrapper_40 .gfield_label,
#gform_wrapper_40 .gform-field-label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem;
    text-align: left !important;
}

/* Required asterisk */
#gform_wrapper_40 .gfield_required {
    color: #ef4444;
    margin-left: 2px;
}

/* ---- Text Inputs, Textareas, Selects ---- */
#gform_wrapper_40 input[type="text"],
#gform_wrapper_40 input[type="email"],
#gform_wrapper_40 input[type="url"],
#gform_wrapper_40 input[type="tel"],
#gform_wrapper_40 input[type="number"],
#gform_wrapper_40 input[type="password"],
#gform_wrapper_40 select,
#gform_wrapper_40 textarea {
    width: 100% !important;
    padding: 0.75rem 1rem !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    color: #1f2937 !important;
    background-color: #f9fafb !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 8px !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease,
        box-shadow 0.2s ease !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box !important;
}

#gform_wrapper_40 input[type="text"]:focus,
#gform_wrapper_40 input[type="email"]:focus,
#gform_wrapper_40 input[type="url"]:focus,
#gform_wrapper_40 input[type="tel"]:focus,
#gform_wrapper_40 input[type="number"]:focus,
#gform_wrapper_40 input[type="password"]:focus,
#gform_wrapper_40 select:focus,
#gform_wrapper_40 textarea:focus {
    background-color: #fff !important;
    border-color: #4caf50 !important;
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.15) !important;
}

#gform_wrapper_40 input::placeholder,
#gform_wrapper_40 textarea::placeholder {
    color: #9ca3af !important;
    opacity: 1;
}

/* Textarea specific */
#gform_wrapper_40 textarea {
    min-height: 140px !important;
    resize: vertical;
}

/* ---- File Upload ---- */
#gform_wrapper_40 .gfield--type-fileupload .ginput_container_fileupload,
#gform_wrapper_40 .gform_fileupload_multifile {
    position: relative;
    border: 2px dashed #d1d5db !important;
    border-radius: 10px;
    background: #f9fafb;
    padding: 2rem 1.5rem;
    text-align: center;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

#gform_wrapper_40 .gfield--type-fileupload .ginput_container_fileupload:hover,
#gform_wrapper_40 .gform_fileupload_multifile:hover {
    border-color: #4caf50 !important;
    background-color: #f0fdf4;
}

#gform_wrapper_40 .gform_drop_instructions {
    font-size: 0.9rem;
    color: #6b7280;
    margin-bottom: 0.5rem;
}

#gform_wrapper_40 .gform_button_select_files,
#gform_wrapper_40 .gform_drop_area button {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #4caf50;
    background: #fff;
    border: 1.5px solid #4caf50;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

#gform_wrapper_40 .gform_button_select_files:hover,
#gform_wrapper_40 .gform_drop_area button:hover {
    background: #4caf50;
    color: #fff;
}

/* File type / size hint */
#gform_wrapper_40 .gform_fileupload_rules,
#gform_wrapper_40 .validation_message_file {
    font-size: 0.78rem;
    color: #9ca3af;
    margin-top: 0.75rem;
}

/* ---- Submit Button ---- */
#gform_wrapper_40 .gform_footer,
#gform_wrapper_40 .gform_page_footer {
    padding: 1.75rem 0 0 !important;
    margin: 0.5rem 0 0 !important;
    border-top: 1px solid #e5e7eb;
    text-align: center;
}

#gform_wrapper_40 input[type="submit"],
#gform_wrapper_40 .gform_button {
    display: inline-block !important;
    width: 100% !important;
    max-width: 280px;
    padding: 0.85rem 2rem !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    color: #fff !important;
    background: linear-gradient(135deg, #43a047, #388e3c) !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(56, 142, 60, 0.3) !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease,
        background 0.2s ease !important;
    -webkit-appearance: none;
}

#gform_wrapper_40 input[type="submit"]:hover,
#gform_wrapper_40 .gform_button:hover {
    background: linear-gradient(135deg, #388e3c, #2e7d32) !important;
    box-shadow: 0 4px 14px rgba(56, 142, 60, 0.4) !important;
    transform: translateY(-1px);
}

#gform_wrapper_40 input[type="submit"]:active,
#gform_wrapper_40 .gform_button:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(56, 142, 60, 0.3) !important;
}

/* ---- Validation / Error States ---- */
#gform_wrapper_40 .gfield_error input,
#gform_wrapper_40 .gfield_error textarea,
#gform_wrapper_40 .gfield_error select {
    border-color: #ef4444 !important;
    background-color: #fef2f2 !important;
}

#gform_wrapper_40 .gfield_error input:focus,
#gform_wrapper_40 .gfield_error textarea:focus,
#gform_wrapper_40 .gfield_error select:focus {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
    border-color: #ef4444 !important;
}

#gform_wrapper_40 .gfield_error .gfield_label,
#gform_wrapper_40 .gfield_error .gform-field-label {
    color: #dc2626;
}

#gform_wrapper_40 .validation_message,
#gform_wrapper_40 .gfield_description.validation_message {
    font-size: 0.8rem;
    color: #dc2626;
    margin-top: 0.35rem;
    padding: 0;
    background: none;
    border: none;
}

#gform_wrapper_40 .gform_validation_errors,
#gform_wrapper_40 .validation_error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    color: #dc2626;
    font-size: 0.9rem;
}

/* ---- Confirmation Message ---- */
#gform_confirmation_wrapper_40,
#gforms_confirmation_message_40 {
    text-align: center;
    padding: 2rem 1.5rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 10px;
    color: #166534;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 680px;
    margin: 2rem auto;
}

/* ---- Spinner ---- */
#gform_wrapper_40 .gform_ajax_spinner {
    margin-left: 0.75rem;
    vertical-align: middle;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    #gform_wrapper_40 {
        padding: 1.75rem 1.25rem;
        margin: 0 1rem 2rem;
        border-radius: 10px;
    }

    #gform_wrapper_40 .gform_heading .gform_title {
        font-size: 1.15rem;
    }

    #gform_wrapper_40 input[type="submit"],
    #gform_wrapper_40 .gform_button {
        width: 100% !important;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    #gform_wrapper_40 {
        padding: 1.25rem 1rem;
        margin: 0 0.5rem 1.5rem;
    }

    #gform_wrapper_40 input[type="text"],
    #gform_wrapper_40 input[type="email"],
    #gform_wrapper_40 input[type="url"],
    #gform_wrapper_40 input[type="tel"],
    #gform_wrapper_40 input[type="number"],
    #gform_wrapper_40 input[type="password"],
    #gform_wrapper_40 select,
    #gform_wrapper_40 textarea {
        padding: 0.65rem 0.85rem !important;
        font-size: 0.9rem !important;
    }
}


/* ---- Submit Button ---- */
#gform_wrapper_40 .gform_footer,
#gform_wrapper_40 .gform_page_footer {
    padding: 1.75rem 0 0 !important;
    margin: 2.5rem 0 0 !important;
    border-top: 0px solid #e5e7eb;
    text-align: center;
    display: flex;
    justify-content: center;
}

#gform_wrapper_40 input[type="submit"],
#gform_wrapper_40 .gform_button {
    display: inline-block !important;
    width: auto !important;
    min-width: 200px;
    max-width: 280px;
    padding: 0.85rem 2rem !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    color: #fff !important;
    background: linear-gradient(135deg, #43a047, #388e3c) !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(56, 142, 60, 0.3) !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease,
        background 0.2s ease !important;
    -webkit-appearance: none;
    margin: 0 auto !important;
    float: none !important;
}