/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.0.4.1735041890
Updated: 2024-12-24 12:04:50

*/

body h1,h2,h3,h4,h5,h6{
	font-family: Outfit;
	font-size: 46px;
	font-weight: 700;
	line-height: 1.3;
}

a{
	word-break: break-word;
}

#site-logo #site-logo-inner a:hover img{
	opacity:1!important;
}

#sidr .sidr-inner a.sidr-class-toggle-sidr-close{
	background: #fff;
	text-align: right;
	padding: 5px;
	color: #dbb671;
}

#site-navigation-wrap a:focus{
	outline: 0px!important;
}

footer a{
	color: #fff!important;
}

@media (max-width: 1080px){
	.sidr-inner #sidr-id-menu-main-menu .sidr-class-menu-item ul.sidr-class-sub-menu a{
		font-size: 18px!important;
		padding: 6px 20px!important;
	}
	
	.sidr-inner #sidr-id-menu-main-menu .sidr-class-menu-item ul.sidr-class-sub-menu{
		background: #fff!important;
	}
	
	.sidr-class-dropdown-menu li.active>a>.sidr-class-dropdown-toggle:before{
		font-size:36px!important;
	}
}

/* top bar */
#top-bar{
	display:none;
}
.relative{
	position:relative;
}
/* .unset {
	max-width:1240px;
width:100%;
	margin:auto
} */
.unset {
	position:absolute !important;
    top:50%;
	right:20px;
	transform:translatey(-50%);
}

.cta-btn{
	position: absolute!important;
    right: -148px;
    rotate: 90deg;
    top: 180px;
}
@media (max-width:767px){
	#top-bar{
		display:block;
	}
	.unset {position:unset !important;
	    transform: unset;}
}


.home-contacform input, .home-contacform textarea{
	background:#fff !important;
	border-radius:6px !important;
	padding:10px 15px !important;
	border:1px solid #333 !important;
	height:50px !important;
}
	 .home-contacform textarea{min-height:50px !important;
}
.home-contacform br, span.wpcf7-spinner{display:none}
.home-contacform  p {
    display: flex;
    gap: 20px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner{
	text-align:center !important;
	color:#000;
	letter-spacing:0 !important;
	font-size:16px !important;
	text-transform:capitalize;
}
::placeholder{
	color:#333 !important;
	text-transform:capitalize !important;
}
@media (max-width:767px){
	.home-contacform  p{
		flex-direction:column;
	}
}

/* contact page form */
.cpg-form .sub-sec{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.cpg-form .sub-sec .item{
	width: 48%;
	box-sizing: border-box;	
}

.cpg-form input,textarea{
	border-radius: 30px!important;
    background: #eee!important;
    border: 2px solid #eee!important;
    padding: 15px!important;
    font-size: 16px!important;
    color: #000!important;
}

.cpg-form ::placeholder{
	color: #000!important;
}
.cpg-form textarea{
	margin-top: 10px;
	height: 150px;
	border-radius: 30px!important;
	border: 2px solid #eee!important;
}

.cpg-form .sb-btn input[type="submit"]{
	background: #dbb671 !important;
    border: 2px solid #dbb671 !important;
}

.cpg-form input:focus{
	border:2px solid #dbb671!important;
}

.cpg-form textarea:focus{
	border:2px solid #dbb671!important;
}

.cpg-form .wpcf7-spinner{
	display:none;
}

@media (max-width:767px){
	.cpg-form .sub-sec .item{
		width:100%;
	}
}

.icon-box .elementor-icon-box-content {
    background: #000;
    padding: 4px 10px;
    border-radius: 30px;
}

.icon-box .elementor-icon-box-content {
    background: #000;
    padding: 4px 10px;
    border-radius: 30px;
}

.icon-box .elementor-icon-box-wrapper {
    display: flex;
    flex-wrap: nowrap;
}

.icon-box .elementor-icon-box-icon {
    display: inline-flex !important;!I;!;
}

.icon-box .elementor-icon-box-wrapper {
    display: flex !important;
    justify-content: flex-start;
    gap: 10px;
}

/* services page form */
.sp-form input, textarea{
	border: 1px solid #000!important;
	border-radius: 5px!important;
	font-size: 16px!important;
}

.sp-form textarea{
	background: #fff!important;
	height: 150px;
}

.sp-form input[type="submit"]{
	background: #dbb671;
	color: #000;
	border-radius: 50px!important;
	border: 2px solid #dbb671!important;
}

.sp-form input:focus{
	border-color: #dbb671!important;
}

.sp-form textarea:focus{
	border-color: #dbb671!important;
}

.sp-form .wpcf7-spinner{
	display:none;
}
.service-form input, .service-form textarea{
	background:#fff !important;
	border:0 !important;
}
.service-cards figure.elementor-image-box-img img {
    width: 100%;
}
/*  .service-cards .elementor-widget-image a {
	width: 100%;
} 
 */
@media(max-width:992px){
	.cta-btn{
		position:unset !important;
		right: 0 !important;
    rotate: unset !important;
    top: 0 !important;
	}	
	.cta-btn .elementor-button{
		font-size:18px !important;
		line-height:24px !important;
	}
/* 	.service-cards .elementor-widget-image a {
	width: unset !important;
display: block;
		
} 
 	.service-cards .elementor-heading-title a {
display: block;
    margin-top: 30px;
	}  */
}

/* service cards */
.cards{
	overflow: hidden!important;
}

.cards .card-info{
	height: 400px;
	display: flex;
	justify-content: center;
	transform: translateY(400px);
}

.cards:hover .card-info{
	transform: translateY(0px);
}


a.mobile-menu{
	font-size:35px !important;
}

.cnt-pg a:hover{
	color: #fff;
}
/* animation */
.flt-img{
	animation : float 3s linear infinite;
}

@keyframes float{
	0%{
		transform: translatey(-10px);
	}
	50%{
		transform: translatey(0px)
	}
	100%{
		transform: translatey(-10px);
	}
	
}
.desc h4, .desc h6{font-size:28px !important;color:#000;}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #eadccb;
    background: #eadccb;
    color: #000;
    text-align: center;
    font-size: 20px;
}