/*
 Theme Name:   	Digalu Child
 Theme URI: 	https://themelocker.tech/wordpress/digalu
 Description:  	This is a child theme for Digalu - Digital Marketing WordPress Theme
 Author:       	Validthemes
 Author URI:   	https://themeforest.net/user/validthemes/portfolio
 Template:     	digalu
 Version:      	1.0
 Tags:         	two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  	digalu-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

:root {
	--primary: linear-gradient(to right, #0c5adb, #3f1399,  #0c5adb);
	--accent: linear-gradient(to right, #3f1399, #0c5adb,  #3f1399));
    --secondary: 220% 150%;
	--text-font: 16px;
	--text-weight: 400;
	--text-line: 28px;
	--text-color: rgb(122, 122, 122);
	--font-family: Montserrat;
}
.blog-detail p, .blog-detail ul, .blog-detail ol, .blog-detail li, .error-box p{
	font-size: var(--text-font);
	font-weight: var(--text-weight);
	line-height: var(--text-line);
	color: var(--text-color);
	font-family: var(--font-family);
}
.error-box h2{
	font-size: 50px;
	font-weight: 600;
	line-height: 1.1;
}
.about-tab li.active, .about-tab li:hover, .menu .elementskit-menu-hamburger, .menu .elementskit-menu-close, .contact-form-style-one button, .blog-area.full-blog .item .info .btn, .btn.btn-theme::after, .btn.circle{
	background-image: var(--primary);
	background-size: var(--secondary);
}
.btn.btn-theme:hover::after{
	-webkit-transform: translateY(0%) skew(0deg) scale(0);
   	transform: translateY(0%) skew(0deg) scale(0);
	background-color: none !important;
}
.btn.btn-theme:hover, .contact-form-style-one button:hover, .btn.circle:hover{
	background-position: -70% 0 !important;
}
.contact-form-style-one button:hover::after{
	transform: translateY(0px) skew(0) scale(0) !important;
}
.blog-area.full-blog .item .info .btn:hover:after{
	position: absolute;
    top: 0;
    right: inherit;
    bottom: inherit;
    left: 0 !important;
    content: "";
    height: 100%!important;
    width: 100% !important;
    z-index: -1;
    background-image: var(--accent) !important;
    background-size: 220% 150% !important;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.menu .elementskit-menu-close{
	color: #fff !important;
}
.cart-effect:hover h4, .cart-effect:hover p{
	color: #fff !important;
}
.footer-item .logo {
    filter: invert(1) !important;
}
.services-style-two .item{
	text-align: center;
}
.services-style-two .item .btn-icon i{
	transform: rotate(0deg) !important;
}
.services-style-two .item .btn-icon{
	padding: 0px !important;
}
.products .elementor-icon-box-icon{
	display: inline-block;
}
.products .elementor-icon-box-icon span{
	height: 75px;
    width: 75px;
    background: #0f56d7 ;
    text-align: center;
    line-height: 55px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	fill: #ffffff !important;
}
.products.pro-2 .elementor-icon-box-icon span{
	background: #FF2D59 !important;
}
.products.pro-3 .elementor-icon-box-icon span{
	background: #4ADB61 !important;
}
.products.pro-4 .elementor-icon-box-icon span{
	background: #FFCC00 !important;
}
.products.pro-5 .elementor-icon-box-icon span{
	background: #007BFF !important;
}
.products.pro-6 .elementor-icon-box-icon span{
	background: #FF6800 !important;
}
.main-product{
	box-shadow: 0 20px 50px rgb(0 0 0 / 10%);
}
.main-product:hover .products .elementor-icon-box-icon svg, .main-product:hover .products .elementor-icon-box-icon i{
	fill: #0F56D7;
	color: #0F56D7;
}
.main-product:hover .products .elementor-icon-box-icon span{
	background-color: #ffffff !important;
}
.main-product:hover .products p.elementor-icon-box-description{
	color: #ffffff !important;
} 
/*.main-product:hover .products p.elementor-image-box-description{
	color: #ffffff !important;
} */
.main-product .products p.elementor-image-box-description{
	text-align: center !important;
}
.main-product:hover .elementor-icon-box-title span{
	color: #ffffff !important;
}
/* .main-product:hover .elementor-image-box-title{
	color: #ffffff !important;
} */
.main-product :hover .products .elementor-icon-box-content .elementor-icon-box-title span{
	color: #ffffff !important;
}
.main-product:hover .product-btn .elementor-button {
	background: #ffffff !important;
}
.main-product:hover .product-btn  a svg{
	fill: #0F56D7 !important;
}
/* .blog-detail{
	max-width: 1250px !important;
} */
.navbar .attr-right .attr-nav li.button a, .head-compass .elementor-widget-container a{
	padding-left:50px !important;
	background: #ffffff !important;
    border-radius: 50%;
}
.navbar .attr-right .attr-nav li.button a img, .head-compass .elementor-widget-container img{
	filter: brightness(0) invert(0);
	width: 30px !important;
}
.footer-custom-style .row .col-lg-2, .footer-custom-style .row .col-lg-3 {
	width: 33.33% !important;
}
body.home .africa-header{
	position: absolute;
    z-index: 9;
    top: 0;
	left: 50%;
	transform: translatex(-50%);
}
.mega-list ul li{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    padding: 8px !important;
/*     gap: 4px; */
}
.mega-list ul li:hover{
	background-color: #eaf1fe;
}
.mega-title h6, .mega-list ul li a{
	font-weight: 500 !important;
}
.bread-banner .quick-contact-frame{
	border-radius: 0px !important;
}
.bread-banner .quick-contact-frame a.btn{
	display: none !important;
}
.contact-form-style-one .company input{
	width: 100% !important;
}
.contact-form-style-one select{
	margin-bottom: 15px;
    padding: 15px 20px;
    border: none;
    background: #f8f8f8;
}
.contact-form-style-one .row.acceptance label input{
	margin-bottom: 0px !important;
	margin-right: 15px;
}
.contact-form-style-one .row.acceptance label{
	display:flex;
	align-items: center;
}
/* .contact-form-style-one div .wpcf7-form-control-wrap select::placeholder, .contact-form-style-one div .wpcf7-form-control-wrap input::placeholder{
	color: red !important;
} */
.partner .process-area .process-style-one{
	width: 20% !important;
}
.partner .process-area .process-style-one-box .row{
	justify-content: center !important;
}
.hr-master .list-grid-info{
	grid-template-columns: 1fr !important;
}
.multiple {
	position: sticky;
    top: 0;
    height: 100%;
}
.brochure a{
	border-radius: 8px;
}
.brochure a:after{
	position: absolute;
    top: 0;
	border-radius: 8px;
    right: inherit;
    bottom: inherit;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    background-image: linear-gradient(to right, #0c5adb, #3f1399, #0c5adb);
    background-size: 220% 150%;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
footer.bg-dark .footer-item p, .bg-dark .widget_nav_menu a, footer .address li a, .bg-dark .footer-bottom p, .bg-dark .footer-bottom li a{
	color: #ffffff !important;
}
footer .f-item ul li a:hover{
	font-weight: 400 !important;
}
footer .f-item ul li{
	margin-bottom: 0px !important;
}
.bg-dark .footer-bottom p, .bg-dark .footer-bottom li a{
	font-size: 12px !important;
	font-weight: 400 !important;
}
/* Whatsapp fixed Css Start Here */
.whatsapp_btn {
    position: fixed;
    bottom: 20px;
    left: 15px;
    width: 50px;
    height: 50px;
    z-index: 100;
}
.whatsapp_btn .icon_logo {
    position: relative;
    z-index: 150;
    padding: 5px;
}
.whatsapp_btn .icon_logo > a > img {
    width: 100%;
}
.whatsapp_btn .circle_waves {
    border-radius: 50%;
    background-color: #3cc04e;
    width: 50px;
    height: 50px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0px;
    z-index: 120;
    animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
	animation-delay: 0s;
}
.why-partner .service-six-heading img{
	display: none !important;
}
.center .site-heading {
    margin-bottom: 0px !important;
}
.elementor-4370 .elementor-element.elementor-element-7192d23 > .elementor-container{
	max-width: 100% !important;
}
.banner-style-five .col-xl-6{
	padding-left: 0px !important;
}
.wow.fadeInUp .title{
	font-size: 25px !important;
}
@keyframes waves{
	0% {
    transform: scale(.55, .55);
    opacity: .6;
}
100% {
    transform: scale(1.8, 1.8);
    opacity: 0;
}
}
/* Whatsapp fixed Css End Here */
@media(max-width: 1199px){
	.error-box h2{
		font-size: 36px
	}
	.home-align.blog, .elementor-element-b8f6a78.center, .why-choose{
		margin: 0 auto !important;
	}
	.home-align, .why-choose, .elementor-element-b8f6a78.center{
		max-width: 960px !important;
	}
}
@media(min-width: 768px) and (max-width: 1249px){
	.proces-style-two-list p, .home-align .elementor-icon-box-description {
		text-align: start !important;
	}
	.rocket-animation img{
		height: 200px !important;
	}
	.partner .process-area .process-style-one{
		width: 33.33% !important;
		padding-top: 20px;
	}
	.service-six-heading {
		margin-right: 0px !important;
	}
	
}
/* @media(min-width: 768px) and (max-width: 1024px){
	.elementor-4370 .elementor-element.elementor-element-49c81a8{
		padding-top: 50px !important;
	}
	.home-align .elementor-element-b10ac53{
		display: none;
	}
	#menu-item-5646 .elementskit-megamenu-panel{
		width: 100% !important;
	}
	.mega-list .e-con-inner{
		column-gap: 20px !important;
	}
	.mega-list ul li{
		padding: 5px 8px !important;
	}
} */
@media(max-width: 1024px){
	
	.who-we .thumb .sub-item img:first-child{
		display: none;
	}
	.about-tab .eael-tab-inline-icon li span{
		font-size: 12px !important;
		line-height: 1.3 !important;
	}
	.elementor-4370 .elementor-element.elementor-element-49c81a8{
		padding-top: 50px !important;
	}
	.home-align .elementor-element-b10ac53{
		display: none;
	}
	#menu-item-5646 .elementskit-megamenu-panel{
		width: 100% !important;
	}
	.mega-list .e-con-inner{
		column-gap: 20px !important;
	}
	.mega-list ul li{
		padding: 5px 8px !important;
	}
	.elementor-5952 .elementor-element.elementor-element-c29c95c .elementskit-navbar-nav > li > a{
		padding: 5px 15px 0px 15px !important;
	}
	.site-heading{
		margin: 0px ;
	}
	.elementor-4370 .elementor-element.elementor-element-fce9f26{
		padding: 30px 0px 0px 0px;
	}
	.elementor-4370 .elementor-element.elementor-element-5d51506{
		padding: 150px 0px 00px 0px;
	}
	.home-align.blog{
		margin: 0 auto !important;
	}
	.home-align{
		max-width: 720px !important;
	}
}
.blog h2.title-selector.title{
	margin-bottom: 30px;
}
.blog-detail h3{
	color: #000000 !important;
}
.title{
	font-size: 36px !important;
}
@media(max-width: 767px){
	.error-box{
		padding: 20px 10px;
	}
	.blog-area .container{
		padding: 0px;
	}
	.blog-detail{
		padding: 10px 20px;
	}
	.blog-detail p, .blog-detail h3{
		text-align: center;
	}
/* 	.blog-detail h3, .blog-detail p{
		text-align: center;
	} */
   .partner .process-area .process-style-one{
		width: 100% !important;
		margin-top: 20px !important;
	}
	.footer-custom-style .footer-bottom .container{
		padding: 15px 0px !important;
	}
	.footer-custom-style .footer-bottom .container ul{
		font-size: 12px;
	}
	.footer-bottom .text-end{
		margin-top: 0px !important;
	}
	.blog h2.title-selector.title{
	margin-bottom: 20px;
}
	a.button-regular{
		justify-content: center;
	}
	.footer-custom-style .row .col-lg-2, .footer-custom-style .row .col-lg-3, .footer-custom-style .row .col-lg-4{
		width: 100% !important;
		text-align: center;
		margin-top: 30px !important;
	}
	.footer-custom-style ul, .blog-area .info .meta ul{
		text-align: center;
	}
	.default-padding{
		padding-bottom: 30px !important;
	}
	body.home .africa-header.home-align{
	position: static;
}
	.head-compass .elementor-widget-container a{
		padding: 6px 6px !important;
	}
	.banner-style-five .container{
		padding: 0px 20px !important;
	}
	.center p, .center h2, .center h4, .button, .footer-custom-style .address, .footer-custom-style .f-item.about, .footer-bottom.bg-dark-secondary{
		text-align: center !important;
		padding: 0px !important;
	}
	footer .address li{
		display: block !important;
	}
	.footer-custom-style .container{
		padding: 20px !important;
	}
	.blog-area .single-item{
		padding: 0px !important;
	}
	.center h4{
		display: flex;
        justify-content: center;
	}
	.banner-style-five p{
		font-size: 18px;
		line-height: 1.4;
	}
	.seo-score-area .container, .offset-lg-2.form, form{
		padding: 0px !important;
	}
	.elementor-4370 .elementor-element.elementor-element-5d51506{
		padding: 130px 0px 020px 0px; 
	}
}
@media(min-width: 576px) and (max-width: 767px){
	.home-align.blog{
		margin: 0 auto !important;
	}
	.home-align{
		max-width: 540px !important;
		margin: 0 auto !important;
	}
	body.home .africa-header.home-align{
		max-width: 540px !important;
		margin: 0 auto !important;
		position: static;
	}
}

@media(min-width: 768px) and (max-width: 991px){
	#menu-bottom-footer-menu .menu-item{
		width: 100% !important;
	}
	.blog-detail{
		padding: 50px 10px;
	}
	.africa-banner .banner-style-five .content .row.align-center .col-xl-6 {
		padding: 0px !important
	}
	.home-align{
		max-width: 720px !important;
		margin: 0 auto !important;
	}
	body.home .africa-header.home-align{
		max-width: 720px !important;
		margin: 0 auto !important;
		position: static;
	}
	
	.multiple {
	width: 100% !important;
        background-attachment: scroll !important;
        height: 400px !important;
        background-repeat: no-repeat !important;
        background-size: 80% !important;
        background-position: center !important;
    }
	.about-style-one {
    text-align: center !important;
}
	.contact-style-one-info li p {    
    text-align: center;
}
	
}
@media(min-width: 1250px){
	.home-align{
		max-width: 1250px !important;
		margin: 0 auto ;
		padding: 0px;	
	}
	body.home .africa-header.home-align{
		max-width: 1250px !important;
		margin: 0 auto !important;
/* 		position: static; */
	}
	.blog-detail.home-align{
		padding: 50px 25px;
        margin: 0px;
	}
	body.post-template .wrapper .e-con-inner{
		max-width: 1250px !important
	}
}
@media(min-width:1200px) and (max-width:1249){
	body.home .africa-header.home-align{
		max-width: 1140px !important;
		margin: 0 auto !important;
/* 		position: static; */
	}
	.blog-detail{
		padding: 50px 10px;
	}
}
@media(min-width: 992px) and (max-width: 1199px){
	.responsive .e-child{
		padding:30px;		
	}	
	.home-align{
		max-width: 960px ;
		margin: 0 auto ;
	}
	body.home .africa-header.home-align{
		max-width: 960px !important;
		margin: 0 auto !important;
		position: static;
	}
	.blog-detail{
		padding: 50px 20px;
	}
}
@media(min-width: 992px) and (max-width: 1024px){
	.responsive{
		flex-direction: row !important;
	}	
	.multiple.e-flex.e-con.e-child {
	background-size: 100% auto;
}
}

@media(max-width: 575px){
	#menu-bottom-footer-menu .menu-item{
		width: 100% !important;
	}
	.blog-detail{
		padding: 10px 10px;
	}
	.contact-form-style-one .sub-heading {   
    text-align: center !important;
    display: grid;   
}
	.contact-form-style-one .heading {   
    text-align: center;
}
	.default-padding {
    padding-top: 0px !important;	
}
	.blog-items {
    padding: 20px;
}
	.info h2, .info p, .info btn {
    display: flex;
    text-align: center;
	justify-content: center;
}
	.blog-area.full-blog .item .info .btn {   
    transform: translatex(-50%);
		left: 50%;
}    
	.blog-area .item .info h2{
		font-size:24px !important
}
	h2{
		font-size:24px !important
	}
	h1{
		font-size:28px !important
	}	
}

@media(max-width: 450px){
	.banner-style-five .info h2{
		display: block !important;
	}
	.blog-area .single-item .item .info{
		padding: 50px 20px !important;
	}
}
.default-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}
#block-10 .wp-block-tag-cloud{
	text-align: start !important;
}
#block-10 .title{
	font-size: 22px !important;
	line-height: 26px !important;
}
.blog-area .info .meta ul li:nth-child(2){
	display: none;
}
.workspace h2{
	font-size: 36px !important;
}
#menu-bottom-footer-menu{
	display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
}
#menu-bottom-footer-menu .menu-item{
	width: 50%;
}
.revolution .about-style-three .thumb::after {
	height: 100%
}
.revolution .about-style-three .thumb > img{
	max-width: 58%;
}
.revloution .about-style-three .thumb{
	bottom: -227px !important;
}
.revolution .list-style-three span{
	display: none;
}
p, .item-increase, .text-justify, .text-justify .elementor-widget-container{
	text-align: justify;
}
.text-justify .elementor-widget-container{
	padding-right: 20px;
}
.contact-form p{
	margin-bottom: 0px !important;
}
@media (max-width: 1024px) {
	.elementskit-navbar-nav > li > a {   
    font-size: 16px !important;
}
	.banner-style-two-area div {
    height: 89vh;
}
	}
footer.bg-dark .footer-item p {    
    text-align: left!important;
}
.banner-style-two .container{
	padding: 0px 20px !important;
}
@media (max-width: 767px) {
	.process-style-one:nth-child(2n) .icon{
		margin-bottom: 70px !important;
	}
	.proces-style-two-list p{
		text-align: start !important;
	}
	footer.bg-dark .footer-item p, .item-increase, .text-justify, .text-justify .elementor-widget-container {    
    text-align: center!important;
}	
	.elementor-101 .elementor-element.elementor-element-9778a87 {
    padding: 0px 0px 0px 0px;
}
	.advertising img {
    transition: all 0.2s linear;
    max-width: 80% !important;
    height: auto !important;
    padding: 10px;
    width: 100% !important;
    object-fit: contain !important;
}
}

@media (max-width: 991px) {
	.bg-dark .footer-bottom p {    
    text-align: center;
}	
	.multiple.elementor-hidden-mobile.e-flex.e-con.e-child {
    display: none;
}	
}	
@media (min-width: 992px){
/* 	.responsive .e-child{
		padding:30px;		
	}		 */
}
@media (min-width: 1024px){
	.head-compass .elementor-widget-container a {
    padding-left: 0px !important;   
}		
}
.advertising img {
    transition: all 0.2s linear;
    max-width: 80% !important;
    height: 129px !important;
    padding: 10px;
    width: 78%;
    object-fit: contain !important;
}
.banner-style-five .content {
    padding-top: 100px !important;
    padding-bottom: 55px !important;
}
.footer-item {
    margin-top: 0px !important;
}	
footer .f-items {
    padding-top: 50px !important;
}	
.process-style-one .icon span {
    display: none;
}
.banner-style-two-area div {
    height: auto !important;
}
.blog-area.blog-grid .single-item {
    margin-bottom: 0px !important;
}
.products .elementor-image-box-img img {
    height: 64px !important;
    object-fit: contain !important;
}