/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

a, a:hover, a:focus {
	outline: none !important;
	text-decoration: none !important;
}
a:is(:hover, :focus, :active) {
	outline: none !important;
	text-decoration: none !important;
}
#site-header {
	position: fixed;
    top: 0;
    box-shadow: 0px 2px 26px 5px rgb(0 0 0 / 10%);
}

.mt40 {margin-top: 40px}
.mt50 {margin-top: 50px}
.mt60 {margin-top: 60px}
.mt70 {margin-top: 70px}
.mt80 {margin-top: 80px}
.mt90 {margin-top: 90px}
.mt100 {margin-top: 100px}
.mt110 {margin-top: 110px}
.mt120 {margin-top: 120px}

.mb40 {margin-bottom: 40px}
.mb50 {margin-bottom: 50px}
.mb60 {margin-bottom: 60px}

.pt40 {padding-top: 40px}
.pt50 {padding-top: 50px}

.pb40 {padding-bottom: 40px}
.pb50 {padding-bottom: 50px}
.pb60 {padding-bottom: 60px}

.display-none {display: none !important}

.menu-card {
	border-radius: 30px;
	padding: 22px;
	box-shadow: 0 0 3px 4px #ffffff, 6px 6px 0px 5px rgb(169 128 106 / 80%), -6px -6px 0px 5px rgb(169 128 106 / 80%);
	box-shadow: 0 0 3px 3px #a9806a, 6px 6px 0px 5px rgb(255 255 255 / 95%), -6px -6px 0px 5px rgb(255 255 255 / 95%);
}
.menu-card h3 {
    background-color: #fff;
    border-radius: 30px 0;
    padding: 15px 20px 15px 15px;
    margin: -33px 0 20px -33px;
    width: fit-content;
    box-shadow: 1px 1px 10px -1px #a9806a, 6px 6px 0px 5px rgb(255 255 255 / 95%), -6px -6px 0px 5px rgb(255 255 255 / 95%);
	box-shadow: 1px 1px 10px 1px #a9806a, 4px 4px 4px 4px rgb(255 255 255 / 85%), -4px -4px 4px 4px rgb(255 255 255 / 85%);
	width: 130px;
    text-align: center;
	animation: zoom-in-text 6s infinite;
	animation: opacity-inout-text 5s 1s infinite;
	transform: rotate(0deg);
    transform-origin: 0px 66px;
	transform-origin: 10px 55px;
}
.menu-card h3:before {
	content: "";
	position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    top: 50px;
    left: 5px;
    //border: 1px solid #f65551;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	box-shadow: inset 0 0 2px 2px rgb(0 0 0 / 65%);
	animation: opacity-inout-holder 5s 1s infinite;
}
.menu-card h3:after {
	content: "";
	position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    top: 54px;
    left: 9px;
	width: 4px;
    height: 4px;
    border-radius: 100%;
    top: 53px;
    left: 8px;
    border: 1px solid #000;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	//box-shadow: inset 0 0 2px 2px rgb(0 0 0 / 65%);
	animation: opacity-inout-holder 5s 1s infinite;
}
.menu-card .wp-block-heading.ffirst {animation: opacity-inout-text 3s 1s infinite;}
.menu-card .wp-block-heading.fsecond {animation: opacity-inout-text 3s 2s infinite;}
.menu-card .wp-block-heading.fthird {animation: opacity-inout-text 3s 3s infinite;}
@keyframes opacity-inout-text {
	0% {
		//opacity: 0;
		transform: perspective(800px) rotateZ(-5deg) rotateX(-10deg) rotateY(10deg) scale(0.95);
		box-shadow: -8px -8px 20px 5px rgba(169, 128, 106, 0.4), 1px 1px 10px 1px #a9806a, 4px 4px 4px 4px rgb(255 255 255 / 85%), -4px -4px 4px 4px rgb(255 255 255 / 85%);
		//transform: perspective(800px) rotateX(-4deg) rotateY(4deg) scale(1.03);
	}
	50% {
		//opacity: 1;
		transform: perspective(800px) rotateZ(5deg) rotateX(10deg) rotateY(-10deg) scale(1.0);
		box-shadow: 8px 8px 20px 5px rgba(169, 128, 106, 0.4), 1px 1px 10px 1px #a9806a, 4px 4px 4px 4px rgb(255 255 255 / 85%), -4px -4px 4px 4px rgb(255 255 255 / 85%);
		//transform: perspective(800px) rotateX(4deg) rotateY(-4deg) scale(1.03);
	}
	100% {
		//opacity: 0;
		transform: perspective(800px) rotateZ(-5deg) rotateX(-10deg) rotateY(10deg) scale(0.95);
		box-shadow: -8px -8px 20px 5px rgba(169, 128, 106, 0.4), 1px 1px 10px 1px #a9806a, 4px 4px 4px 4px rgb(255 255 255 / 85%), -4px -4px 4px 4px rgb(255 255 255 / 85%);
		//transform: perspective(800px) rotateX(-4deg) rotateY(4deg) scale(1.03);
	}
}
@keyframes opacity-inout-holder {
	0% {transform: perspective(800px) rotateZ(-5deg) rotateX(-10deg) rotateY(10deg) scale(0.95);}
	50% {transform: perspective(800px) rotateZ(5deg) rotateX(10deg) rotateY(-10deg) scale(1.0);}
	100% {transform: perspective(800px) rotateZ(-5deg) rotateX(-10deg) rotateY(10deg) scale(0.95);}
}
.menu-card-content {
	
}

#site-logo-inner .custom-logo-link:before {
    content: "";
    position: absolute;
    bottom: -100px;
    left: -10px;
    width: 100px;
    height: 100px;
    border-style: solid solid solid solid;
    border-width: 20px;
    border-top-color: #FFF4E3 !important;
    border-left-color: rgba(0,0,0,0) !important;
    border-right-color: rgba(0,0,0,0) !important;
    border-bottom-color: rgb(255 255 255 / 0%) !important;
}

.hero-section {
	position: relative;
	height: 800px;
}
.hero-section .wp-block-column {z-index: 1}
.hero-section h2 {
	
}
.hero-section .icon-location-pin {
	animation: zoom-in-text 4s;
	margin-bottom: 50px
}
.hero-section .icon-location-pin:before {
	color: white;
	font-size: 38px;
	animation: zoom-in-text 6s;
}

.hero-background-image::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2025/07/hero-bg.webp);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 97.7vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 48.8vw) !important;
	border-radius: 50px;
	box-shadow: 0px 2px 26px 5px rgb(0 0 0 / 10%);
	box-shadow: 0 0 3px 3px #ffffff, 0px 6px 0px 5px rgb(169 128 106 / 80%), -4px 6px 0px 5px rgb(169 128 106 / 80%), 4px 6px 0px 5px rgb(169 128 106 / 80%);
	box-shadow: 0 0 3px 3px #ffffff, 6px 6px 0px 5px rgb(169 128 106 / 80%), -6px -6px 0px 5px rgb(169 128 106 / 80%);
}
.background-overlay-black::after {
	content: '';
	position: absolute;
	background-color: #000000;
    opacity: 0.5;
	height: 100%;
    width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 98vw !important;
	width: 97.7vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 49vw) !important;
	margin-left: calc(50% - 48.8vw) !important;
	border-radius: 50px
}
.color-text-white p, .color-text-white h1, .color-text-white h2, .color-text-white h3 {color: white}

.zoom-in-text {
  animation: zoom-in-text 3s;
}
@keyframes zoom-in-text {
	0% {
		scale: 0%;
	}
	100% {
		scale: 100%;
	}
}

.zoom-in-up {
	animation: zoom-in-up 2s;
	animation-duration: 2s;
}
@keyframes zoom-in-up {
	0% {
		opacity: 0;
		transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		//animation-timing-function: cubic-bezier(.55,.055,.675,.19);
	}
	100% {
		opacity: 1;
		//transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		animation-timing-function: cubic-bezier(.175,.885,.32,1);
	}
}

.wp-block-button__link, #nf-field-4 {
	color: white !important;
	font-size: 20px;
	padding: 18px 28px 16px;
	border-radius: 10px;
	border: none;
	animation: fadeInUp 3.5s, btnpulse 1.5s infinite;
	box-shadow: 0 0 3px 3px #ffffff
}

form input[type=text], form input[type=password], form input[type=email], form input[type=url], form input[type=date], form input[type=month], form input[type=time], form input[type=datetime], form input[type=datetime-local], form input[type=week], form input[type=number], form input[type=search], form input[type=tel], form input[type=color], form select, form textarea {font-size: 16px}


@keyframes btnpulse {
  0% {
    box-shadow: 0 0 0 0 #A9806A;
  }
  70% {
    box-shadow: 0 0 0 10px rgb(255 165 0 / 10%);
  }
  100% {
    box-shadow: 0 0 0 0 rgb(255 165 0 / 0%);
  }
}
@keyframes btnhoverpulse {
  0% {
    box-shadow: 0 0 0 0 #fff;
  }
  70% {
    box-shadow: 0 0 0 10px rgb(95 201 186 / 10%);
  }
  100% {
    box-shadow: 0 0 0 0 rgb(95 201 186 / 40%);
  }
}


@keyframes fadeInUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.fadeInUp-animation25 {animation: 2.5s fadeInUp;}

.radial-image img {
	border-radius: 30px;
	box-shadow: 0 0 6px 2px #ffffff, 6px 6px 0px 5px rgb(169 128 106 / 50%), -6px -6px 0px 5px rgb(169 128 106 / 50%);
	box-shadow: 0 0 3px 3px #ffffff, 6px 6px 0px 5px rgb(169 128 106 / 80%), -6px -6px 0px 5px rgb(169 128 106 / 80%);
}

.icon-subtitle {
	opacity: .8;
	margin-bottom: 20px
}
.icon-subtitle h4 {padding-top: 11px;}

.services-card {
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 0 0 3px 3px #A9806A, 6px 6px 0px 5px rgb(169 128 106 / 80%), -6px -6px 0px 5px rgb(169 128 106 / 80%);
	box-shadow: 0 0 3px 3px #a9806a, 6px 6px 0px 5px rgb(255 255 255), -6px -6px 0px 5px #a9806a;
	box-shadow: 0 0 2px 2px #00000014, 6px 6px 0px 5px #f1f1f1, -6px -6px 0px 5px #a9806a;
	padding: 20px 20px 0px 20px
}
.services-card.shadow2 {box-shadow: 0 0 3px 3px #a9806a, 6px 6px 0px 5px rgb(255 255 255 / 95%), -6px -6px 0px 5px rgb(255 255 255 / 95%);}
.services-card-header {
	border-bottom: 1px solid rgb(169 128 106 / 20%);
	padding-bottom: 20px;
	margin-bottom: 30px
}
.services-card-header.icon-present:before, .services-card-header.icon-people:before, .services-card-header.icon-drawer:before {
	color: #A9806A;
	font-size: 74px;
	opacity: .5;
    margin-right: 20px
}


.services-section {position: relative}
.services-section .wp-block-column {position: relative}
.services-section .icon-subtitle, .services-section .icon-subtitle h4 {color: white}

.background-black::before {
	content: '';
	position: absolute;
	background-color: #000000;
	background-color: rgb(0 0 0 / 90%);
	height: 100%;
    width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background-color: rgb(0 0 0 / 80%);
    border-radius: 20px;
}
::-webkit-scrollbar-track {
    background-color: rgb(0 0 0 / 10%);
}


@media(max-width: 781px) {
	.hero-section {height: 500px}
	.hero-section h1 {
		margin-bottom: 30px
	}
	.hero-section h2 {font-size: 30px}
	.wp-block-button__link {font-size: 14px;}
	.menu-card {margin: 0 30px 20px !important}
	.menu-card h3 {//margin: -33px 0 20px -33px;}
	.hero-background-image::before, .background-overlay-black::after {
		width: 94vw !important;
		margin-left: calc(50% - 47vw) !important;
	}
	.hero-section .icon-location-pin:before {font-size: 25px;}
	
	.nf-form-cont .one-half {
		width: 100% !important;
		margin-left: 0 !important
	}
	
	.mtm20 {margin-top: 20px}
	.mtm30 {margin-top: 30px}
	.mbm20 {margin-bottom: 20px}
	.mbm30 {margin-bottom: 30px}
}