/* ====================================
   CONSERVATIVE TEMPLATE ENHANCEMENTS
   ==================================== */

/* Simple WhatsApp Float Button */
.float-wsp{
	position:fixed;
	width:60px;
	height:60px;
	bottom:30px;
	right:30px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  	z-index:100;
	transition: all 0.2s ease;
}

.float-wsp:hover {
	background-color: #128c7e;
	box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

.my-float-wsp{
	margin-top:16px;
}

/* Conservative Professional Styles */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: var(--quaternary);
    line-height: 1.6;
}

/* Professional Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: var(--quaternary);
}

/* Clean Button Styles */
.btn {
    border-radius: 4px;
    font-weight: 500;
    transition: all 0.2s ease;
    font-family: 'Inter', sans-serif;
}

.btn-primary {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: white;
}

.btn-primary:hover {
    background-color: var(--primary-200);
    border-color: var(--primary-200);
    color: white;
    box-shadow: 0 2px 4px rgba(30, 58, 138, 0.2);
}

/* Professional Forms */
.form-control {
    border: 1px solid var(--grey-400);
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 14px;
    transition: border-color 0.2s ease;
    background: #ffffff;
}

.form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.1);
    background: #ffffff;
    outline: none;
}

/* Conservative Cards */
.card {
    border: 1px solid var(--grey-300);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease;
    background: #ffffff;
}

.card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: var(--grey-400);
}

/* Navigation Improvements */
#header .header-nav-main nav > ul > li > a {
    font-weight: 500;
    transition: color 0.2s ease;
    color: var(--quaternary);
}

#header .header-nav-main nav > ul > li:hover > a,
#header .header-nav-main nav > ul > li.active > a {
    color: var(--primary);
}

/* Professional Tables */
.table {
    background: #ffffff;
    border: 1px solid var(--grey-300);
    border-radius: 4px;
    overflow: hidden;
}

.table thead th {
    background-color: var(--grey-100);
    color: var(--quaternary);
    font-weight: 600;
    border-bottom: 1px solid var(--grey-300);
}

.table tbody tr:hover {
    background-color: var(--grey-100);
}

/* Portfolio and Thumbnails */
.thumb-info,
.thumb-info .thumb-info-wrapper,
.thumb-info .thumb-info-wrapper:after,
.thumb-info .thumb-info-wrapper > img,
.thumb-info .thumb-info-wrapper > .thumb-info-background {
	border-radius: 4px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .btn {
        width: 100%;
        margin-bottom: 10px;
    }

    h1 {
        font-size: 1.8rem;
    }

    h2 {
        font-size: 1.5rem;
    }
}

/* Professional Spacing */
.section-spacing {
    padding: 60px 0;
}

.section-spacing-sm {
    padding: 40px 0;
}

/* Focus States for Accessibility */
.btn:focus,
.form-control:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.2);
}

/* Print friendly */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
}

.float-wsp:hover .my-float-wsp {
	transform: scale(1.1);
}

.thumb-info-icons.position-style-1 {
		position: absolute;
		bottom: 5%;
		right: 5%;
		z-index: 2;
}

.thumb-info-icons.position-style-2 {
		position: absolute;
		top: -15px;
		left: 50%;
		z-index: 3;
		transform: translateX(-51%);
}

.thumb-info-icons.position-style-3 {
		position: absolute;
		bottom: 7%;
		right: 2%;
}

.thumb-info-icons .thumb-info-icon {
		display: inline-block;
		padding: 5px 11px;
		border-radius: 20px;
		transition: ease all 0.3s;
}

.thumb-info-icons .thumb-info-icon.love {
		margin-left: 0.2em;
}

.thumb-info-icons .thumb-info-icon i {
		margin-left: 8px;
}

#portfolioDetailLoadMoreWrapper li {
		list-style: none;
		max-height: 318px;
		overflow: hidden;
}

.portfolioDetail-load-more-loader, .portfolioInfiniteScroll-load-more-loader {
		display: none;
		min-height: 132px;
}

.portfolio-detail-item {
		position: relative;
		display: inline-block;
		text-align: center;
		max-width: 360px;
		width: 100%;
		height: 283px;
		min-height: 283px;
		margin: 35px 15px 15px 15px;
		cursor: pointer;
		box-shadow: 0px 0px 49px -21px rgba(0, 0, 0, 0.3);
		transition: box-shadow 0.3s ease;
		z-index: 0;
}

.portfolio-detail-item:hover {
		box-shadow: 0px 0px 49px -21px rgba(0, 0, 0, 0.7);
}

.portfolio-detail-item:hover .thumb-info-icons .thumb-info-icon {
		background-color: #ef4545 !important;
}

.portfolio-detail-item a {
		text-decoration: none !important;
}

.portfolio-detail-item .owl-carousel {
		margin-bottom: 0;
		position: relative;
		width: 100%;
		max-width: 360px;
		min-height: 283px;
}

.portfolio-detail-item .owl-carousel .item-image-wrapper {
		box-shadow: none;
}

.portfolio-detail-item .owl-carousel .item-image {
		margin-top: 0;
}

.portfolio-detail-item .owl-carousel .owl-item {
		width: 100%;
		max-width: 360px;
}

.portfolio-detail-item .owl-carousel .owl-item > div {
		position: relative;
		width: 100%;
		max-width: 360px;
		min-height: 283px;
}

.portfolio-detail-item .owl-carousel .owl-nav button.owl-prev,
.portfolio-detail-item .owl-carousel .owl-nav button.owl-next {
		border: 0 none;
		color: var(--light);
		height: 50px;
		line-height: 38px;
		margin-top: -4px;
		border-radius: 0;
		transition: all 0.3s ease;
}

.portfolio-detail-item .owl-carousel .owl-nav button.owl-prev:before,
.portfolio-detail-item .owl-carousel .owl-nav button.owl-next:before {
		font-family: simple-line-icons;
		content: "\e605";
		font-size: 11px;
}

.portfolio-detail-item .owl-carousel .owl-nav button.owl-next::before {
		font-family: simple-line-icons;
		content: "\e606";
}

.portfolio-detail-item .owl-carousel.show-nav-hover .owl-nav button.owl-prev {
		left: 0;
}

.portfolio-detail-item .owl-carousel.show-nav-hover .owl-nav button.owl-next {
		right: 0;
}

.portfolio-detail-item .sub-item-description {
		display: block;
		left: 0;
		top: 0;
		padding: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 3;
		overflow: hidden;
		transition: all 0.3s ease;
}

.portfolio-detail-item .sub-item-description:before {
		content: '';
		display: block;
		position: absolute;
		bottom: -10%;
		left: 0;
		width: 100%;
		box-shadow: 0 50px 130px 110px #182027;
		z-index: 1;
		opacity: 0;
		transition: all 0.3s ease;
}

.portfolio-detail-item .sub-item-description h5 {
		transition: all 0.3s ease;
		color: var(--light);
		position: absolute;
		z-index: 2;
		bottom: -100%;
		width: 100%;
		text-align: center;
		left: 0;
		padding-bottom: 25px;
}

.portfolio-detail-item:hover .sub-item-description h5 {
		bottom: 0;
}

.portfolio-detail-item:hover .sub-item-description:before {
		opacity: 1;
}

.portfolio-detail-item .item-image-wrapper {
		background: transparent;
		width: 100%;
		display: inline-block;
		border: none;
		box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1);
		transition: box-shadow 0.3s ease;
}

.portfolio-detail-item .item-image-wrapper .fa-spin {
		background: transparent none repeat scroll 0 0;
		color: var(--grey-500);
		font-size: 25px;
		left: 50%;
		margin: -13px;
		position: absolute;
		top: 50%;
		z-index: -2;
}

.portfolio-detail-item a:hover .item-image-wrapper {
		box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4);
}

.portfolio-detail-item .item-image {
		min-height: 283px;
		max-width: 360px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-size: cover;
		z-index: -1;
}

.portfolio-detail-item .item-description {
		display: block;
		padding: 15px 0;
}

.portfolio-detail-item h5 {
		padding: 0;
		margin: 0;
		font-size: 14px;
}

.portfolio-detail-item p {
		padding: 0;
		margin: 0;
		font-size: 12px;
}

@media (max-width: 767px) {
		.portfolio-detail-item {
				margin-left: 0;
				margin-right: 0;
		}
}

#portfolioDetailLoadMore {
		margin: 50px 0px 30px 0px;
		padding: 13px 30px;
		outline: none;
}

#porfolioDetailsAjaxBoxContent .slider-container .hermes .tp-bullet {
		box-shadow: 0 0 0 2px #FFF inset;
}

#porfolioDetailsAjaxBoxContent .slider-container .hermes .tp-bullet:after {
		background-color: var(--light);
		box-shadow: 0 0 1px #FFF;
}

.portfolio-parallax {
		height: 40vh;
}

.portfolio-parallax:before {
		content: '';
		display: block;
		position: absolute;
		background: rgba(10, 12, 36, 0);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transition: ease all 300ms;
}

.portfolio-parallax:hover:before {
		background: rgba(10, 12, 36, 0.5);
}

.portfolio-parallax:hover .thumb-info-plus {
		opacity: 1;
		width: 8%;
}

.portfolio-parallax:hover .thumb-info-plus::after {
		transform: translate3d(-50%, -50%, 0) rotate(90deg);
}

.portfolio-parallax.hidden-plus:before {
		content: none;
}

.portfolio-parallax.hidden-plus .thumb-info-plus {
		display: none;
}

.portfolio-parallax h2 {
		position: absolute;
		bottom: 7%;
		left: 1%;
		padding: 0;
		font-size: 2em;
		line-height: 1;
		margin: 0;
}

.portfolio-parallax .thumb-info-plus {
		opacity: 0;
		position: absolute;
		width: 2%;
		top: 50%;
		left: 50%;
		z-index: 2;
		transform: translate3d(-50%, -50%, 0);
		transition: ease all 0.3s;
}

.portfolio-parallax .thumb-info-plus::before, .portfolio-parallax .thumb-info-plus::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		border-top: 1px solid #FFF;
		transform: translate3d(-50%, -50%, 0);
}

.portfolio-parallax .thumb-info-plus::after {
		transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

@media (max-width: 991px) {
		.portfolio-parallax {
				height: 30vh;
		}
		.portfolio-parallax:hover .thumb-info-plus {
				width: 20%;
		}
}

@media (max-width: 767px) {
		.portfolio-parallax {
				height: 25vh;
		}
}

#portfolioGrid {
		margin: 0.5vw;
}

#portfolioGrid li {
		list-style: none;
}

#portfolioGrid.portfolioGridFullNoMargins {
		margin: 0;
}

#portfolioGrid.portfolioGridFullNoMargins .portfolio-grid-item {
		padding: 0;
}

.portfolio-grid-item {
		padding: 0.5vw;
}

.portfolio-grid-item .thumb-info {
		border: none;
}

.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-background {
		transform: scale(1.1);
}

.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
		opacity: 1;
		transform: translate3d(-50%, 50%, 0px);
}

.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span {
		opacity: 1;
		transform: translate3d(0, 0, 0);
}

.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
		opacity: 1;
		width: 30%;
}

.portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
		transform: translate3d(-50%, -50%, 0) rotate(90deg);
}

.portfolio-grid-item .thumb-info .thumb-info-wrapper {
		background-size: cover;
		width: 100%;
}

.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1 {
		height: 33.5vw;
}

.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2 {
		height: 16.25vw;
}

.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3 {
		height: 12.25vw;
}

.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
		height: 19.25vw;
}

.portfolio-grid-item .thumb-info .thumb-info-wrapper:after {
		background: rgba(10, 12, 36, 0.5);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
}

.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-background {
		position: absolute;
		top: 0;
		left: 0;
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 100%;
		transition: ease all 0.3s;
}

.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title {
		width: 90%;
		background: transparent;
		bottom: 50%;
		left: 50%;
		right: auto;
		opacity: 0;
		text-transform: none;
		margin: 0;
		line-height: 1.4;
		font-size: 30px;
		font-weight: 300 !important;
		text-shadow: none;
		letter-spacing: -1px;
		transition: all 0.3s ease;
		transform: translate3d(-50%, 40%, 0px);
}

.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title span {
		display: block;
		opacity: 0;
		text-transform: none;
		font-size: 16px;
		transform: translate3d(0, -40%, 0px);
		transition: all 0.3s ease 0.3s;
}

.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
		opacity: 0;
		position: absolute;
		width: 10%;
		top: 50%;
		left: 50%;
		z-index: 2;
		transform: translate3d(-50%, -50%, 0);
		transition: ease all 0.3s;
}

.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		border-top: 1px solid #FFF;
		transform: translate3d(-50%, -50%, 0);
}

.portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
		transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

@media (max-width: 991px) {
		#portfolioGrid {
				margin: 1.5vw;
		}
		.portfolio-grid-item {
				padding: 1.5vw;
		}
		.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1 {
				height: 47.5vw;
		}
		.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2 {
				height: 22.25vw;
		}
		.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3 {
				height: 20.25vw;
		}
		.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
				height: 30.25vw;
		}
}

@media (max-width: 767px) {
		#portfolioGrid:not(.portfolioGridFullNoMargins) {
				margin: 0vw;
		}
		#portfolioGrid:not(.portfolioGridFullNoMargins) li:last-child .portfolio-grid-item {
				padding: 4.5vw 4.5vw 4.5vw 4.5vw;
		}
		.portfolio-grid-item {
				padding: 4.5vw 4.5vw 0vw 4.5vw;
		}
		.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
				height: 50vw;
		}
}

@media (max-width: 576px) {
		.portfolio-grid-item {
				padding: 4.5vw 4.5vw 0vw 4.5vw;
		}
		.portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
				height: 70vw;
		}
}

#portfolioVertical {
		margin: 0;
		padding: 0;
		margin-top: 25px;
}

#portfolioVertical li {
		list-style: none;
		margin-bottom: 25px;
}

@media (max-width: 767px) {
		#portfolioVertical {
				margin-top: 15px;
		}
		#portfolioVertical li {
				margin-bottom: 15px;
		}
}

.portfolio-vertical-item, .horizontal-scroll-item, .portfolio-detail-image-item {
		transition: ease box-shadow 300ms;
}

.portfolio-vertical-item:hover, .horizontal-scroll-item:hover, .portfolio-detail-image-item:hover {
		box-shadow: 0px 0px 59px -16px rgba(0, 0, 0, 0.4);
}

.portfolio-vertical-item .thumb-info, .horizontal-scroll-item .thumb-info, .portfolio-detail-image-item .thumb-info {
		border: none;
		transform: none;
}

.portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
		opacity: 1;
		transform: translate3d(-50%, 50%, 0px);
}

.portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span {
		opacity: 1;
		transform: translate3d(0, 0, 0);
}

.portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
		opacity: 1;
		width: 30%;
}

.portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
		transform: translate3d(-50%, -50%, 0) rotate(90deg);
}

.portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus.alternative-size, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus.alternative-size, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus.alternative-size {
		width: 21%;
}

.portfolio-vertical-item .thumb-info .thumb-info-wrapper, .horizontal-scroll-item .thumb-info .thumb-info-wrapper, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper {
		transform: none;
}

.portfolio-vertical-item .thumb-info .thumb-info-wrapper:after, .horizontal-scroll-item .thumb-info .thumb-info-wrapper:after, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper:after {
		background: rgba(10, 12, 36, 0.5);
}

.portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-title, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-title, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-title {
		width: 90%;
		background: transparent;
		bottom: 50%;
		left: 50%;
		right: auto;
		opacity: 0;
		text-transform: none;
		margin: 0;
		line-height: 1.4;
		font-size: 30px;
		font-weight: 300 !important;
		text-shadow: none;
		letter-spacing: -1px;
		transition: all 0.3s ease;
		transform: translate3d(-50%, 40%, 0);
}

.portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-title span, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-title span, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-title span {
		display: block;
		opacity: 1;
		text-transform: none;
		font-size: 16px;
		transform: translate3d(0, -40%, 0);
		transition: all 0.3s ease 0.3s;
}

.portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
		opacity: 0;
		position: absolute;
		width: 10%;
		top: 50%;
		left: 50%;
		z-index: 2;
		transform: translate3d(-50%, -50%, 0);
		transition: ease all 0.3s;
}

.portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		border-top: 1px solid #FFF;
		transform: translate3d(-50%, -50%, 0);
}

.portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
		transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

#horizontalScrollBox {
		position: relative;
		width: 100%;
		height: calc( 100vh - 183px);
		overflow-y: hidden;
		overflow-x: scroll;
}

#horizontalScrollBox::-webkit-scrollbar {
		height: 10px;
}

#horizontalScrollBox::-webkit-scrollbar-track {
		background: #e2e2e2;
		border-radius: 10px;
		margin: 18px;
}

#horizontalScrollBox::-webkit-scrollbar-thumb {
		background: #888888;
		border-radius: 10px;
}

#horizontalScrollBox .content {
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper {
		display: inline-flex;
		flex: 0 0 auto;
		margin: 20px 0px 20px 20px;
		width: auto;
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper:first-child {
		margin: 20px 0px 20px 0px;
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
		opacity: 1;
		width: 30%;
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
		transform: translate3d(-50%, -50%, 0) rotate(90deg);
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
		width: auto;
		height: calc( 100vh - 223px);
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
		opacity: 0;
		position: absolute;
		width: 10%;
		top: 50%;
		left: 50%;
		z-index: 2;
		transform: translate3d(-50%, -50%, 0);
		transition: ease all 0.3s;
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, #horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		border-top: 1px solid #FFF;
		transform: translate3d(-50%, -50%, 0);
}

#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
		transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

#horizontalScrollBox .custom-portfolio-navigation {
		position: fixed;
		width: 100vw;
		top: 47%;
		z-index: 10;
		transform: translateY(-50%);
}

#horizontalScrollBox .custom-portfolio-navigation .prev, #horizontalScrollBox .custom-portfolio-navigation .next {
		position: absolute;
		width: 30px;
		height: 80px;
		top: -40px;
		left: 0;
		color: var(--light);
		background-color: #242E39;
		cursor: pointer;
}

#horizontalScrollBox .custom-portfolio-navigation .prev::before, #horizontalScrollBox .custom-portfolio-navigation .next::before {
		position: relative;
		content: "\e605";
		font-family: simple-line-icons;
		top: 27px;
		left: 5px;
}

#horizontalScrollBox .custom-portfolio-navigation .prev:hover, #horizontalScrollBox .custom-portfolio-navigation .next:hover {
		background-color: #252f3a;
}

#horizontalScrollBox .custom-portfolio-navigation .prev.disable-button, #horizontalScrollBox .custom-portfolio-navigation .next.disable-button {
		opacity: 0.5;
}

#horizontalScrollBox .custom-portfolio-navigation .next {
		left: auto;
		right: 0;
}

#horizontalScrollBox .custom-portfolio-navigation .next::before {
		content: "\e606";
		left: 9px;
}

@media (max-width: 991px) {
		#horizontalScrollBox {
				height: auto !important;
				overflow: visible !important;
		}
		#horizontalScrollBox::-webkit-scrollbar {
				width: 0;
		}
		#horizontalScrollBox .content {
				position: static;
				width: 100% !important;
				flex-direction: column;
		}
		#horizontalScrollBox .content .horizontal-scroll-item-wrapper {
				margin: 20px 20px 0px 20px;
		}
		#horizontalScrollBox .content .horizontal-scroll-item-wrapper:first-child {
				margin: 20px 20px 0px 20px;
		}
		#horizontalScrollBox .content .horizontal-scroll-item-wrapper:last-child {
				margin: 20px;
		}
		#horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
				width: 100%;
				height: auto;
		}
		#horizontalScrollBox .custom-portfolio-navigation {
				display: none;
		}
}

.portfolio-list .portfolio-item {
		margin-bottom: 25px;
}

.mfp-wrap.photography-portfolio-gallery {
		opacity: 0;
		transition: ease opacity 300ms;
}

#photographyLightbox {
		position: absolute;
		width: 100vw;
		height: 100vh;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
}

#photographyLightbox .mfp-close {
		background-color: #242E39;
		color: var(--light);
		top: 0;
		right: 0;
		opacity: 1;
}

#photographyLightbox .mfp-close:hover {
		opacity: 0.7;
}

#photographyLightbox .thumb-gallery {
		position: absolute;
		width: 100vw;
		height: 95vh;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
}

#photographyLightbox .owl-carousel .owl-item > div {
		position: relative;
		height: 95vh;
}

#photographyLightbox .owl-carousel .owl-item > div .img-thumbnail {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		padding: 0;
		border: none;
		background: transparent;
		text-align: center;
		transform: translate3d(-50%, -50%, 0);
}

#photographyLightbox .owl-carousel .owl-item img {
		display: inline-block !important;
		width: auto;
		max-width: 95vw;
		max-height: 90vh;
		box-shadow: 0px 0px 40px -10px #000;
}

#photographyLightbox .owl-carousel .owl-nav button.owl-prev,
#photographyLightbox .owl-carousel .owl-nav button.owl-next {
		border: 0 none;
		border-radius: 0;
		color: var(--light);
		height: 80px;
		line-height: 68px;
		margin-top: -20px;
		transition: all 0.3s ease;
}

#photographyLightbox .owl-carousel .owl-nav button.owl-prev:before,
#photographyLightbox .owl-carousel .owl-nav button.owl-next:before {
		font-family: simple-line-icons;
		content: "\e605";
		font-size: 11px;
}

#photographyLightbox .owl-carousel .owl-nav button.owl-next::before {
		font-family: simple-line-icons;
		content: "\e606";
}

#photographyLightbox #thumbGalleryThumbs {
		width: 98%;
		height: 13vh;
		position: fixed;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
}

#photographyLightbox #thumbGalleryThumbs:hover .owl-stage-outer, #photographyLightbox #thumbGalleryThumbs.show-thumbs .owl-stage-outer {
		opacity: 1;
		transform: translateY(0);
}

#photographyLightbox #thumbGalleryThumbs.boxed-thumbs:hover .owl-stage-outer {
		opacity: 1;
		transform: translateY(0);
}

#photographyLightbox #thumbGalleryThumbs.boxed-thumbs .owl-item > div {
		height: 20vh;
}

#photographyLightbox #thumbGalleryThumbs.boxed-thumbs .owl-item > div .img-thumbnail {
		height: 5.3vw;
		overflow: hidden;
		border: none;
		box-shadow: none;
}

#photographyLightbox #thumbGalleryThumbs.boxed-thumbs .owl-item img {
		width: auto;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
}

#photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs:hover .owl-stage-outer {
		opacity: 1;
		transform: translateY(-32%);
}

#photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item.active-thumb {
		opacity: 0.5;
}

#photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item > div {
		height: 20vh;
}

#photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item > div .img-thumbnail {
		border: none;
		box-shadow: none;
		overflow: visible;
}

#photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item img {
		max-height: 20vh;
		box-shadow: none;
		height: auto;
		width: 100%;
}

#photographyLightbox #thumbGalleryThumbs .owl-stage-outer {
		opacity: 0;
		transform: translateY(100%);
		transition: ease all 300ms;
}

#photographyLightbox #thumbGalleryThumbs .owl-stage {
		margin: 0 auto;
}

#photographyLightbox #thumbGalleryThumbs .owl-item.active-thumb {
		opacity: 0.5;
}

#photographyLightbox #thumbGalleryThumbs .owl-item > div {
		height: 20vh;
}

#photographyLightbox #thumbGalleryThumbs .owl-item > div .img-thumbnail {
		height: 5.3vw;
		box-shadow: 0px 0px 50px -10px #000;
		overflow: hidden;
}

#photographyLightbox #thumbGalleryThumbs .owl-item img {
		width: 100%;
		height: auto;
		max-height: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
}

@media (max-width: 991px) {
		#photographyLightbox .thumb-gallery {
				transform: translate3d(-50%, -50%, 0);
		}
		#photographyLightbox .owl-carousel .owl-item img {
				box-shadow: 0px 0px 20px #000;
				max-width: 89vw;
		}
		#photographyLightbox #thumbGalleryThumbs .owl-item img {
				box-shadow: none;
		}
		#photographyLightbox #thumbGalleryThumbs .owl-stage-outer {
				display: none;
		}
}

@media (max-width: 767px) {
		#photographyLightbox .owl-carousel .owl-item img {
				max-width: 80vw;
		}
}

#portfolioSliderWithThumbs {
		margin-top: 0;
}

#portfolioSliderWithThumbs #thumbGalleryDetail {
		height: 600px;
}

#portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav {
		margin-top: 0;
}

#portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-prev,
#portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-next {
		border: 0 none;
		border-radius: 0;
		color: var(--light);
		height: 80px;
		line-height: 68px;
		margin-top: -20px;
		transition: all 0.3s ease;
}

#portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-prev:before,
#portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-next:before {
		font-family: simple-line-icons;
		content: "\e605";
		font-size: 11px;
}

#portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-next::before {
		font-family: simple-line-icons;
		content: "\e606";
}

#portfolioSliderWithThumbs #thumbGalleryDetail .owl-item > div {
		background-size: cover !important;
		width: 100%;
		height: 600px;
}

#portfolioSliderWithThumbs #thumbGalleryThumbs {
		height: 80px;
}

#portfolioSliderWithThumbs #thumbGalleryThumbs .owl-item.active-thumb {
		opacity: 0.5;
}

#portfolioSliderWithThumbs #thumbGalleryThumbs .owl-item > div {
		background-size: cover !important;
		width: 100%;
		height: 80px;
}


/* Modificando el color del texto en hover en el menú de navegación */
#header .header-nav-main nav > ul > li.open > a,
#header .header-nav-main nav > ul > li.accessibility-open > a,
#header .header-nav-main nav > ul > li:hover > a {
    color: var(--secondary) !important; /* Cambiando el color del texto a secondary */
}

.text-secondary {
    font-family: 'Playfair Display', serif !important;
}

/* Mobile Menu Visibility Fix - Enhanced version for both light and dark themes */
@media (max-width: 991px) {
  /* Container style */
  .header-nav-main {
    background-color: var(--dark) !important;
  }

  /* Make sure the menu is visible when expanded */
  .header-nav-main nav {
    background-color: var(--dark) !important;
    padding: 10px 0;
    border-radius: 4px;
  }

  /* All menu links - ensure high contrast text */
  .header-nav-main nav > ul > li > a,
  .header-nav-main nav > ul > li .dropdown-menu > li > a {
    color: var(--light) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    font-weight: 500;
  }

  /* Active/hover states */
  .header-nav-main nav > ul > li.open > a,
  .header-nav-main nav > ul > li:hover > a,
  .header-nav-main nav > ul > li.active > a {
    background-color: var(--primary) !important;
    color: var(--light) !important;
  }

  /* Dropdown menus */
  .header-nav-main nav > ul > li .dropdown-menu {
    background-color: var(--dark-200) !important;
    border-top: 1px solid var(--primary-300);
    border-radius: 0 0 4px 4px;
    margin-top: 0;
  }

  /* Dropdown items */
  .header-nav-main nav > ul > li .dropdown-menu > li > a {
    color: var(--light-300) !important;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 8px 20px;
  }

  /* Dropdown hover/active states */
  .header-nav-main nav > ul > li .dropdown-menu > li:hover > a,
  .header-nav-main nav > ul > li .dropdown-menu > li.active > a {
    background-color: var(--primary-300) !important;
  }

  /* Mobile hamburger button */
  .btn.header-btn-collapse-nav {
    background-color: var(--primary) !important;
    color: var(--light) !important;
    border-color: var(--primary-300);
  }

  .btn.header-btn-collapse-nav:hover {
    background-color: var(--primary-100) !important;
  }

  /* Override any theme-specific styles that might interfere */
  .header-nav-main nav > ul > li > a,
  .header-nav-main nav > ul > li .dropdown-menu > li > a {
    color: var(--light) !important;
  }

  /* Force visibility of collapsed menu */
  .header-nav-main nav.show {
    display: block !important;
  }

  /* Directly override the theme.css rule that sets the color to dark */
  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a,
  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:active,
  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li .dropdown-menu > li > a {
    color: var(--light) !important;
  }

  /* Override dropdown menu styles in any theme */
  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    color: var(--light) !important;
  }

  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a,
  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a,
  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a {
    background-color: var(--primary-300) !important;
    color: var(--light) !important;
  }
}

/* ====================================
   MODERN TRANSLATION SERVICES STYLES
   ==================================== */

/* Professional Cards for Translation Services */
.translation-service-card {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.9));
	border: 1px solid rgba(15, 76, 117, 0.08);
	border-radius: 16px;
	padding: 32px;
	margin-bottom: 24px;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
	backdrop-filter: blur(10px);
}

.translation-service-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--primary), var(--secondary), var(--tertiary));
	opacity: 0;
	transition: opacity 0.3s ease;
}

.translation-service-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(15, 76, 117, 0.15), 0 8px 24px rgba(0, 0, 0, 0.05);
	border-color: rgba(8, 145, 178, 0.2);
}

.translation-service-card:hover::before {
	opacity: 1;
}

/* Enhanced Typography for Professional Content */
.professional-heading {
	background: linear-gradient(135deg, var(--primary), var(--secondary));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	letter-spacing: -0.025em;
}

/* Language Indicator Pills */
.language-pill {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	background: linear-gradient(135deg, rgba(8, 145, 178, 0.1), rgba(124, 58, 237, 0.08));
	border: 1px solid rgba(8, 145, 178, 0.2);
	border-radius: 20px;
	font-size: 13px;
	font-weight: 500;
	color: var(--primary);
	margin: 4px;
	transition: all 0.3s ease;
}

.language-pill:hover {
	background: linear-gradient(135deg, rgba(8, 145, 178, 0.15), rgba(124, 58, 237, 0.12));
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(8, 145, 178, 0.2);
}

/* Professional Statistics Counter */
.stat-counter {
	text-align: center;
	padding: 24px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.8));
	border-radius: 12px;
	border: 1px solid rgba(15, 76, 117, 0.1);
	transition: all 0.3s ease;
}

.stat-counter:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(15, 76, 117, 0.15);
}

.stat-number {
	font-size: 2.5rem;
	font-weight: 800;
	background: linear-gradient(135deg, var(--primary), var(--tertiary));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1;
	margin-bottom: 8px;
}

.stat-label {
	color: var(--quaternary);
	font-weight: 600;
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* Enhanced Page Headers */
.page-header-modern {
	background: linear-gradient(135deg, var(--quaternary), var(--primary));
	position: relative;
	overflow: hidden;
}

.page-header-modern::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="80" cy="40" r="1" fill="rgba(255,255,255,0.03)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.04)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
	opacity: 0.3;
}

/* Professional Contact Forms */
.contact-form-modern {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.9));
	border-radius: 16px;
	padding: 40px;
	box-shadow: 0 20px 40px rgba(15, 76, 117, 0.1);
	border: 1px solid rgba(15, 76, 117, 0.08);
}

.form-control-modern {
	border: 2px solid rgba(15, 76, 117, 0.1);
	border-radius: 8px;
	padding: 14px 18px;
	font-size: 15px;
	transition: all 0.3s ease;
	background: rgba(255, 255, 255, 0.8);
}

.form-control-modern:focus {
	border-color: var(--secondary);
	box-shadow: 0 0 0 3px rgba(8, 145, 178, 0.1);
	background: #ffffff;
}

/* Professional Team Cards */
.team-member-card {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.9));
	border-radius: 16px;
	padding: 24px;
	text-align: center;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid rgba(15, 76, 117, 0.08);
	position: relative;
	overflow: hidden;
}

.team-member-card::after {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(8, 145, 178, 0.1), transparent);
	transition: left 0.6s ease;
}

.team-member-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 16px 32px rgba(15, 76, 117, 0.15);
}

.team-member-card:hover::after {
	left: 100%;
}

/* Enhanced Testimonials */
.testimonial-modern {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.8));
	border-left: 4px solid var(--secondary);
	border-radius: 12px;
	padding: 32px;
	margin: 24px 0;
	position: relative;
	box-shadow: 0 8px 24px rgba(15, 76, 117, 0.08);
}

.testimonial-modern::before {
	content: '"';
	position: absolute;
	top: 16px;
	left: 24px;
	font-size: 4rem;
	color: var(--secondary);
	opacity: 0.3;
	font-family: Georgia, serif;
	line-height: 1;
}

/* Hide Google reCAPTCHA Badge */
.grecaptcha-badge {
    display: none !important;
}

/* Forzar color del texto en el header al color primario */
.header-nav-main .nav > li > a,
.header-nav-top .nav > li > a,
.header-social-icons a {
    color: var(--bs-primary) !important;
}

/* Opcional: color de íconos también */
.header-social-icons i {
    color: var(--bs-primary) !important;
}