/*
Theme Name: Divi Child Theme
Theme URI: https://divireadythemes.com/
Description: Divi Child Theme
Author: Divi Ready Themes
Author URI: https://divireadythemes.com/
Template: Divi
Version: Updated for Divi 3+
*/



/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/

/* header.et-l--header ul > li > a.dipi-cta-button.menu_cta_btn {
	border-radius: 50px 0px 50px 50px !important;
}
.et-db #et-boc .et-l ul > li > a.dipi-cta-button.menu_cta_btn {
	border-radius: 50px 0px 50px 50px !important;
} */
.et-db #et-boc .et-l div[class^='et_pb_module et_pb_menu et_pb_menu_'].et_pb_menu ul li a.dipi-cta-button.menu_cta_btn, .et-db #et-boc .et-l ul > li > a.dipi-cta-button.menu_cta_btn {
  
    border-radius: 50px 0px 50px 50px !important;

}
@media only screen and (max-width: 782px) and (min-width: 768px){
	body.logged-in.admin-bar .et_pb_section_1_tb_header {
		top: calc(96px + 32px) !important;
	}
}
/* -------sticky header css  */
body.logged-in.admin-bar .sticky .et_pb_section_1_tb_header {
    top: 32px !important;
    background: #000 !important;
    transition: top 0.3s ease, background 0.3s ease; /* Added transition */
}

body .sticky .et_pb_section_1_tb_header {
    top: 0px !important;
	background: #000 !important;
    transition: top 0.3s ease, background 0.3s ease; /* Added transition */
}
/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/
/* ---Home ---- */

/* .services_slider .dipi_carousel_child{
	width:322.4px !important;
	margin-right:20px !important;
} */
.services_slider .et_pb_module{
	box-shadow:none !important;
	border:1px solid #d6d6d6;
}

/* ----accordion css */


.accordion_section  .et_pb_toggle_open h5.et_pb_toggle_title {
    background:  #3fb551;
    padding: 15px !important;
    border-radius: 10px;
	color:#fff;	
}
.accordion_section   h5.et_pb_toggle_title {
    background:  #000;
    padding: 15px !important;
    border-radius: 10px;
	color:#fff;	
}
.accordion_section  .et_pb_toggle .et_pb_toggle_title:before {
    right: 12px;
    left: auto;
}
.accordion_section  .et_pb_toggle{
	padding:0px;
	margin-bottom:10px !important;
}
.accordion_section .et_pb_accordion_0 .et_pb_toggle_open:after {
    font-family: ETmodules !important;
    content: "\4b" !important;
    font-size: 26px !important;
    position: absolute !important;
    left: auto !important;
    right: 15px !important;
    top: 13px !important;
    font-weight: 800 !important;
    color: #fff;
    right: 0;
}
/* ---blog section css */
/* Target the blog module */
.our_blog_sec .et_pb_posts { /* Or a more specific selector if you've customized it */
  display: flex; /* Make the container a flexbox */
  flex-direction: column; /* Stack items vertically */
}

.our_blog_sec .et_pb_post_extra { /* Select the author element */
  order: -1; /* Move it to the top */
  margin-bottom: 10px; /* Add some spacing below the author */
}

.our_blog_sec .entry-title { /* Select the post title element */
  /* Any other styling for the title */
	margin-bottom:15px;
}
.our_blog_sec .entry-title ,
.our_blog_sec .post-meta,
.our_blog_sec  .post-content{
	padding:0px 20px ;
}
.our_blog_sec  .post-content{
	padding-bottom:20px;
}
.our_blog_sec .et_pb_ajax_pagination_container{
 	display:flex;
	flex-wrap:wrap;
	gap:15px;
	justify-content:center;
	align-items:center;
}
.our_blog_sec article{
	max-width:327px;
	margin-bottom:20px !important; 
}
.our_blog_sec article
a,.inner_blog article
a{
	max-height: 132px;
	overflow:hidden;
	
}
.our_blog_sec article
img ,.blog_sec_default_page img
,.inner_blog img{
    max-height: 100%;
	object-fit:cover;
}
.our_blog_sec .post-content a{
	text-transform:capitalize !important;
}
@media(max-width:980px){
	.our_blog_sec article{
		max-width:100%;
	}
}

/* -------testimonial section css */
.testimonial_blog .contain {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

.testimonial_blog .item {
    align-items: center;
    /* display: flex; */
    /* height: 300px; */
    justify-content: center;
    padding: 30px 20px;
	box-shadow: 0px 0px 5px 3px #eee;
	margin: 10px 0px;
	border-radius: 10px;
}
.testimonial_blog .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: flex !important;
}
.testimonial_blog .img_box {
    width: 80px;
    background: #3db658;
    padding: 10px;
    border-radius: 50%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: -76px;
}
.testimonial_blog .img_box img{
	width:100%;
    filter: invert(1);
}
.testimonial_blog .owl-nav{
	display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial_blog .owl-item.active {
    margin: 9px !important;
	    margin-top: 60px !important;
}
@media(max-width:767px){
	.testimonial_blog .owl-item.active {
    	margin: 0px !important;
		margin-top: 60px !important;
	}
	.testimonial_blog .item {
		    margin: 10px;
	}
}
.testimonial_blog span {
    background: #3db658;
    padding: 8px 18px;
    /* margin-right: 10px; */
    /* margin-bottom: 30px; */
    color: #fff;
    font-size: 40px;
    display: block;
    border-radius: 4px;
    margin: 30px 10px;
}
.testimonial_blog span:hover{
 	background: #000;
}
.testimonial_blog .item p{
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
	font-size:16px;
	font-weight:400;
	margin-bottom:20px;
	line-height:1.7em;
}
.testimonial_blog .item h3{
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
}
/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/

.footer_main .fwidget{
	margin-bottom:0px !important;
}
.footer_main .et_pb_image img {
    position: relative;
    filter: brightness(124.5);
}
/* .footer_main  .et_pb_column{
   margin-right: 0% !important;
} */
.last_footer .et_pb_column{
    margin-bottom:5px;	
}
/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/* -----global css */
ul li.et_pb_social_icon , ul li.et_pb_social_icon a {
	margin-bottom:0px;
	margin:0px;
}
.et_pb_main_blurb_image{
	margin-bottom:10px;
}


.list ul {
    padding-left: 28px !important;
}
.list ul li {
    position: relative;
    list-style: none;
}
.list ul li:after {
    content: "" !important;
    background: url(https://branchedoutmarketing.com/wp-content/uploads/2025/02/23f882e3-d4c1-4ace-b5ef-1b77c81893cd-removebg-preview.png);
    font-size: 26px !important;
    position: absolute !important;
    left: -28px !important;
    right: auto;
    top: 8px !important;
    /* font-weight: 800 !important; */
    color: #fff;
    height: 15px;
    background-repeat: no-repeat;
    width: 15px;
    background-size: contain;
}
/*---css for image white   */
.d-flex{
	display: flex!important;
}
.ai-center{
	align-items: center!important;
}
.jc-center{
	justify-content: center!important;
}
.col-green{
	color: #26d48c;
}
.col-blue{
	color: #202f5c;
}
.upwork-testimonial .dipi_carousel_child .et_pb_module_inner {
    background: #041702;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0 18px 5px hwb(0deg 0% 100% / 10%);
}
.break{
  display: block;
}
footer.et-l.et-l--footer .et_pb_blurb_position_left .et_pb_main_blurb_image, 
footer.et-l.et-l--footer .et_pb_blurb_position_right .et_pb_main_blurb_image {
    width: 20px;
    display: inline-block;
    line-height: 0;
}
footer.et-l.et-l--footer .et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 5px;
}
.contact-cm-form .fieldContWrapper {
    padding: 0;
}
.footer-contact .et_pb_main_blurb_image {
    margin-bottom: 0!important;
}
.footer-contact .et_pb_blurb_content {
    display: flex!important;
    align-items: center!important;
    gap: 10px;
}

/* Nav menu  */
.main-menu .nav-menu {
    flex: 4;
}
.logo-head img.et-waypoint.et_pb_animation_top.et_pb_animation_top_tablet {
    animation: none!important;
}
.Sidebar-custom,
.et_pb_widget_area_left{
	border: 0!important;
}
.Sidebar-custom .et_pb_widget ul {
    padding: 15px !important;
}
.Sidebar-custom .et_pb_widget{
	margin-bottom: 30px!important;
}
.Sidebar-custom .et_pb_widget li a {
    color: #202f5c!important;
    font-weight: 700!important;
}
.Sidebar-custom .et_pb_widget .widgettitle {
    color: #202f5c !important;
    font-weight: 700;
    background: #25d58c;
    padding: 15px;
    border-radius: 10px;
}
.blog-grid article {
    display: flex;
    flex-direction: column;
}
.blog-grid .entry-featured-image-url{
	order: 1;
}
.blog-grid .entry-title{
	order: 2;
}
.blog-grid .post-meta{
	order: 3;
}
.blog-grid .post-content{
	order: 4;
}
.feat-posts .et_pb_title_container {padding-top: 20px; }
.Sidebar-custom .et_pb_widget:last-child{
	margin-bottom: 0!important;
}
.logo-head .et_pb_blurb_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 205px!important;
    margin: 0 auto 0 0;
}

.et-db #et-boc .et-l .et_pb_blurb_position_left .et_pb_blurb_container{
	padding-left: 0!important;
}

footer.et-l.et-l--footer .et_pb_blurb_position_left .et_pb_main_blurb_image, footer.et-l.et-l--footer .et_pb_blurb_position_right .et_pb_main_blurb_image{
	width: 20px!important;
    display: inline-block!important;
    line-height: 0!important;
}

@media(max-width: 1100px){
	.main-menu .et_pb_column--with-menu{
	justify-content: flex-end;
	}
	.main-menu .et_pb_menu__wrap{
	justify-content: flex-end;
	margin-right: 20px;
	}
}
@media(max-width:980px){
	.et-db #et-boc .et-l .diviwp-header-4 .et_mobile_nav_menu .mobile_nav .et_mobile_menu{
		right: 0!important;
		margin-right: 0!important;
	}
	.main-menu .et_pb_menu_inner_container,
	.main-menu .et_pb_menu, .main-menu .et_pb_column--with-menu{
		position: static!important;
	}
	.logo-col{
		flex: 5;
	}
	.menu-col{
		flex: 5;
	}
	.fw-wrap{
		flex-wrap: wrap!important;
		flex-direction: column!important;
	}
	.hb-row{
		flex-direction: column;
	}
}
@media(max-width: 660px){
	.main-menu .et_pb_button_module_wrapper {
    display: none;
	}
	.main-menu .et_pb_menu__wrap{
	margin-right: 0;
	}
	.logo-col{
		flex: 8;
	}
	.menu-col{
		flex: 2;
	}
}

.et_pb_section_0_tb_header{
	max-height: initial!important;
	height: auto!important;
	min-width: initial!important;
}