/*
Theme Name: my theme
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: Akp
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 &amp; professional design. Very fast, responsive, RTL &amp; translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet &amp; 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 &amp; 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.1734774000
Updated: 2024-12-21 09:40:00

*/
:root{
	--primary:#F5C400;
}
.cta-button a{
    font-weight: 600;
    line-height: 112%;
    background-color: #241F21;
    color:  var(--primary) !important;
    padding: 20px 40px;
    transition: 500ms;
    text-transform: uppercase;
    text-align: center;
}
    
.cta-button a span{ font-size: 20px; }
#site-logo #site-logo-inner a:hover img{opacity:1 !important;}

.bg-brown{position:relative}
@media (min-width:1024px){
.bg-brown:after{
	     content: "";
    width: 97px;
    height: 61px;
    background-color: #241f21ba;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    position: absolute;
    left: 0px;
    top: -61px;
}
	}
.card-why figure{
	border:solid 2px var(--primary) !important;
	padding:20px;
	border-top:0 !important;
}
.card-why .elementor-widget-image-box:hover img{
filter: brightness(0) invert(1);
	transition:.5s;
}
.card-why .elementor-widget-image-box:hover figure{
	background: var(--primary) !important;

}
.testi-sec .slide-description p{
	line-height:26px !important;
}
.service-card img{
	height:270px !important;
	object-fit:cover;
}
a:focus{outline:0 !important;}
/* footer .elementor-icon-box-description a{color:#797577 !important;} */
/* .footer-gallery img{
	height:75px !important;
	object-fit:cover;
} */

.contact-form div > p {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

::placeholder{
	  color:  #797577;
    font-size: 16px;
	text-transform:capitalize;
    font-weight: 500;
}
.contact-form br{
	display:none;
}
.contact-form input, .contact-form textarea, .contact-form div > span {
	display: block;
    width: 100%;
    height: 58px;
    background-color: #ffc10733 !important;
    color:  #797577;
    font-size: 16px;
    font-weight: 500;
    border: none !important;
    outline: none;
    padding-left: 10px 30px !important;
}
.contact-form textarea{
    height: 100px !important;	
}
.contact-form div  span {width:50% !important;}
.contact-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: var(--primary) !important;
    color: #333 !important;
    font-weight: bold;
    letter-spacing: 0;
    margin-top: 20px !important;
}

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

.popup-form textarea{
	height: 150px;
}

.popup-form input:focus, textarea:focus{
	border-color: #f5c400!important;
}

.popup-form .pu-form input[type="submit"]{
	background: #f5c400!important;
	border-color: #f5c400!important;
	color: #000!important;
	display: block;
    margin: auto;
    width: 100%;
    padding: 12px !important;
    font-weight: 700;
}

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

