/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
:root {
    --oaco-green: #05e675;
    --oaco-green-2: #1cb16c;
    --oaco-blue: #3c438b;
    --oaco-blue-2: #0575e6;
    --oaco-blue-dark: #0b376c;
    --oaco-light-grey: #f5f8fb;
    --oaco-black: #39374d;
}


.accent-color_1{color: var(--oaco-green) !important;}
.accent-color_2{color: var(--oaco-green-2) !important;}


.bdt-ep-advanced-heading-main-title {
    display: flex !important;
    vertical-align: top !important;
    justify-content: flex-end;
}
.elementor-widget-nav-menu nav .sub-menu{
    z-index: 99!important;
}
.elementor-widget-nav-menu nav ul li > ul.sub-menu{
    min-width: 200px !important;
}
.two-col-submenu > ul.sub-menu{
    padding: 20px 10px !important;
    column-count: 2;     
    column-gap: 35px;
}

.hero-anim-text {}
.home #content{
    background-image: url(https://olusholaakereleandco.com/new/wp-content/uploads/2026/07/bg-min-scaled.png);
    background-size: cover;
}
.elementor-headline-animation-type-slide-down .elementor-headline-plain-text{
    padding: .2em 0 0 !important;
}
.elementor-headline-animation-type-slide-down .elementor-headline-dynamic-wrapper{
    padding: .2em 0 .2em !important;
}
.elementor-headline-animation-type-slide-down .elementor-headline-plain-text:last-child{
    margin: 11px 0 11px 0;
    padding-top: 0 !important;
    position: relative;
}
.icon_box_icbg .elementor-icon{
    z-index: 1;
    position: relative;
}
.icon_box_icbg .elementor-icon-box-icon:after{
    content: "";
    width: 90px;
    height: 100px;
    position: absolute;
    z-index: 0;
    background-image: url(https://olusholaakereleandco.com/new/wp-content/uploads/2026/07/icon-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: -20px;
    top: 15px;
}
.intro_layers {
    -webkit-animation: bubble 10s linear infinite;
    background-image: url(https://olusholaakereleandco.com/new/wp-content/uploads/2026/07/home-hero_banner.jpg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 40px;
    max-width: 620px;
    min-height: 550px;
    position: relative;
    width: 100%;
    z-index: 1;
    background-size: cover;
}

.anim_scroll_icon{
    -webkit-animation: pulsate 1s ease-in infinite;
    animation: pulsate 1s ease-in infinite;
    -o-animation: pulsate 1s ease-in infinite;;
}
.cs_testimonial .swiper-pagination {
    text-align: left !important;
    left: 20px !important;
    bottom: -10px !important;
}
.cs_testimonial .swiper-pagination-bullet:hover {
    background-color: var(--oaco-green) !important;
}
.cs_image_carousel img{
    cursor: pointer;
    opacity: 0.85;
    filter: grayscale(0.9);
    transform: scale(1);
    transition: all ease-in .3s;
}
.cs_image_carousel img:hover{
    opacity: 1;
    filter: grayscale(0);
    transform: scale(1.1);
    transition: all ease-in .3s;
}
@-webkit-keyframes pulsate{
    0%{
        -webkit-transform: translate(0px, 25px);
        transform: translate(0px, 25px);
    }
    
    50%{
        -webkit-transform: translate(0px, -25px);
        transform: translate(0px, -25px);
    }
    75%{
        -webkit-transform: translate(0px, 5px);
        transform: translate(0px, 5px);
    }
    100%{
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}
@keyframes pulsate{
    0%{
        -webkit-transform: translate(0px, 25px);
        transform: translate(0px, 25px);
    }
    
    50%{
        -webkit-transform: translate(0px, -25px);
        transform: translate(0px, -25px);
    }
    75%{
        -webkit-transform: translate(0px, 5px);
        transform: translate(0px, 5px);
    }
    100%{
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}

	70% {
		box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}

	70% {
		box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}
}

@media (max-width: 768px) {

	@-webkit-keyframes pulse {
		0% {
			-webkit-transform: scale(0.95);
			transform: scale(0.95);
		}

		70% {
			box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);
			-webkit-transform: scale(1);
			transform: scale(1);
		}

		100% {
			box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
			-webkit-transform: scale(0.95);
			transform: scale(0.95);
		}
	}

	@keyframes pulse {
		0% {
			-webkit-transform: scale(0.95);
			transform: scale(0.95);
		}

		70% {
			box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);
			-webkit-transform: scale(1);
			transform: scale(1);
		}

		100% {
			box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
			-webkit-transform: scale(0.95);
			transform: scale(0.95);
		}
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}

	70% {
		box-shadow: 0 0 0 30px rgba(242, 245, 247, 0);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(242, 245, 247, 0);
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}
}

@-webkit-keyframes bubble {
	0%, 
	100% {
    border-radius: 64% 46% 37% 73% / 35% 58% 42% 45%;
    }
    25% {
        border-radius: 43% 47% 47% 38% / 39% 46% 64% 27%;
    }
    50% {
        border-radius: 48% 72% 44% 56% / 89% 40% 60% 51%;
    }
    75% {
        border-radius: 40% 60% 70% 30% / 17% 92% 38% 53%;
    }
}

@keyframes bubble {
    0%, 
    100% {
    border-radius: 64% 46% 37% 73% / 35% 58% 42% 45%;
    }
    25% {
        border-radius: 43% 47% 47% 38% / 39% 46% 64% 27%;
    }
    50% {
        border-radius: 48% 72% 44% 56% / 89% 40% 60% 51%;
    }
    75% {
        border-radius: 40% 60% 70% 30% / 17% 92% 38% 53%;
    }
}

.anim_btn_1 .bdt-ep-button .bdt-flex-align-right {
    transform: translate( -10px, 0px );
    visibility: hidden;
    transition: all ease-in-out .3s;
}

.anim_btn_1 .bdt-ep-button:hover .bdt-flex-align-right {
    transform: translate( 0px, 0px );
    visibility: visible;
    transition: all ease-in-out .3s;
}
.anim_btn_1 .bdt-ep-button .bdt-ep-button-text{
    transform: translate( 15px, 0px );
    transition: all ease-in-out .3s;
}
.anim_btn_1 .bdt-ep-button:hover .bdt-ep-button-text{
    transform: translate( -2px, 0px );
    transition: all ease-in-out .3s;
}

.anim_btn_2 .bdt-ep-button .bdt-flex-align-right {
    transform: translate( -10px, 0px );
    visibility: hidden;
    transition: all ease-in-out .3s;
}

.anim_btn_2 .bdt-ep-button:hover .bdt-flex-align-right {
    transform: translate( 0px, 0px );
    visibility: visible;
    transition: all ease-in-out .3s;
}
[class*='bdt-item-transition-'].bdt-item-transition-scale-up:hover {
    z-index: 9;
}
.cs_newsletter_form input{
   box-shadow:  0 16px 50px rgba(0,0,0,.07);
   transition: all ease-in .3s;
}
.cs_newsletter_form input:active,
.cs_newsletter_form input:focus{
    box-shadow:  0 16px 50px rgba(0,0,0,.17) !important;
    transition: all ease-in .3s;
}
.cs_newsletter_form .elementor-field-type-submit{
    top: 10px;
    position: absolute;
    right: 10px;
}
.cs_shape_divider .elementor-shape-top{
    z-index: -1 !important;
    margin-top: -23px !important;
}
.cs_tall_divi_1 > div > span{
    height: 220px;
    width: 2px !important;
    background: #0e0e1f;
}
.cs_tall_divi_2 > div > span{
    height: 110px;
    width: 2px !important;
    background: #0e0e1f;
}
.cs_team_box{
    transition: all ease-in .3s;
    padding-bottom: 20px;
    box-shadow: 0 0 25px 2px rgb(0 0 0 / 15%);
    transform: translate(0px, 0px);
    cursor: pointer;
}
.cs_team_box:hover{
    transition: all ease-in .3s;
    box-shadow: 0 0 25px 2px rgb(0 0 0 / 25%);
    transform: translate(0px, -15px);
}
.shadow-sm{
    box-shadow: 0 0 25px 2px rgb(0 0 0 / 15%);
}
.shadow-sm:hover{
    box-shadow: 0 0 25px 2px rgb(0 0 0 / 25%);
}
.why-choose-items{
    display: flex;
    position: relative;
    margin:20px 0 0;
    flex-direction: row;
    gap: 25px;
}
.why-choose-items > div{
    width: 50%;
}
.why-choose-items > div > p{
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 700;
}
.why-choose-items > div > span{
    display: block;
    width: 100%;
    margin: 0 0 10px 25px;
    font-size: 15px;
    font-weight: 400;
    position: relative;
}
.why-choose-items > div > span > i{
    position: absolute;
    top: 0;
    left: -20px;
}
.why-choose-items > div > span > i:before{
    font-size: 16px;
    color: var(--oaco-green);
}

/** Team Modal **/
.bdt-modal-dialog {
    width: 90% !important;
}

@media (min-width: 640px) {
    .bdt-modal-body {
        padding: 0 !important;
    }
}








/** temporary styles **/

/** temporary styles **/


@media (min-width: 1025px){
       .two-col-submenu > ul.sub-menu li:last-child a{
        border-radius: 0 !important;
    } 
      .two-col-submenu > ul.sub-menu li a {
        white-space: normal !important;
    }   
    .elementor-widget-nav-menu nav ul li.two-col-submenu > ul.sub-menu > li{
        max-width: 200px !important;
        min-width: 200px !important;
    }
}